@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400");
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

.black {
    color: black;
}

.black-bg {
    background-color: black;
}

.gray {
    color: #5b5b5b;
}

.gray-bg {
    background-color: #5b5b5b; 
}

.gray-bg-80 {
    background-color: #7c7c7c;
}

.gray-bg-60 {
    background-color: #757575;
}

.gray-bg-40 {
    background-color: #bdbdbd;
}

.gray-bg-20 {
    background-color: #dedede;
}

.blue {
    color: #5f97cd !important;
}

.blue-bg {
    background-color: #5f97cd;
}

.blue-bg-80 {
    background-color: #7facd7;
}

.blue-bg-60 {
    background-color: #9fc1e1;
}

.blue-bg-40 {
    background-color: #bfd5eb;
}

.blue-bg-20 {
    background-color: #bfd5eb;
}

.blue-bg-10 {
    background-color: #348ac9;
}

.blue-bg-010 {
    background-color: #4c79a4;
}

.navy, .navy:visited {
    color: #012877;
}

.navy-bg {
    background-color: #012877;
}

.navy-bg-80 {
    background-color: #345392;
}

.navy-bg-60 {
    background-color: #677ead;
}

.navy-bg-40 {
    background-color: #99a9c9;
}

.navy-bg-20 {
    background-color: #ccd4e4;
}

.navy-apc {
    background-color: #224c6f;
}

.orange {
    color: #cf4a0c !important;
}

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

.red {
    color: #df2911 !important;
}

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

.green {
    color: #007568 !important;
}

.green-bg {
    background-color: #007568;
}

.green-bg-80 {
    background-color: #819d64;
}

.green-bg-60 {
    background-color: #a1b58b;
}

.green-bg-40 {
    background-color: #c0ceb1;
}

.green-bg-20 {
    background-color: #e0e6d8;
}

.brown {
    color: #8e652c;
}

.brown-bg {
    background-color: #8e652c;
}

.brown-bg-80 {
    background-color: #a58456;
}

.brown-bg-60 {
    background-color: #bba380;
}

.brown-bg-40 {
    background-color: #d2c1ab;
}

.brown-bg-20 {
    background-color: #e8e0d5;
}

.lightbeige {
    color: #f4f4f4;
}

.lightbeige-bg {
    background-color: #f4f4f4;
}

.darkbeige {
    color: #e4e4e4;
}

.darkbeige-bg {
    background-color: #e4e4e4;
}

.lightorange {
    color: #fbe7cc;
}

.lightorange-bg {
    background-color: #fbe7cc;
}

.lightgreen {
    color: #bdd4a4;
}

.lightgreen-bg {
    background-color: #bdd4a4;
}

.lightgray {
    color: #cfcfcf;
}

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

.white {
    color: white;
}

.white-bg {
    background-color: white;
}

.black .main {
    background-color: black;
}

.black .mid {
    background-color: #333333;
}

.black .light {
    background-color: #666666;
}

.black .lighten {
    background-color: gray;
}

.black .lighter {
    background-color: #999999;
}

.black .lightest {
    background-color: #cccccc;
}

.black .dark {
    background-color: black;
}

.gray .main {
    background-color: #5b5b5b;
}

.gray .mid {
    background-color: #7c7c7c;
}

.gray .light {
    background-color: #757575;
}

.gray .lighten {
    background-color: #adadad;
}

.gray .lighter {
    background-color: #bdbdbd;
}

.gray .lightest {
    background-color: #dedede;
}

.gray .dark {
    background-color: #494949;
}

.blue .main {
    background-color: #5f97cd;
}

.blue .mid {
    background-color: #7facd7;
}

.blue .light {
    background-color: #9fc1e1;
}

.blue .lighten {
    background-color: #afcbe6;
}

.blue .lighter {
    background-color: #bfd5eb;
}

.blue .lightest {
    background-color: #bfd5eb;
}

.blue .dark {
    background-color: #4c79a4;
}

.navy .main {
    background-color: #012877;
}

.navy .mid {
    background-color: #345392;
}

.navy .light {
    background-color: #677ead;
}

.navy .lighten {
    background-color: #8094bb;
}

.navy .lighter {
    background-color: #99a9c9;
}

.navy .lightest {
    background-color: #ccd4e4;
}

.navy .dark {
    background-color: #01205f;
}

.orange .main {
    background-color: #cf4a0c;
}

.orange .mid {
    background-color: #d99333;
}

.orange .light {
    background-color: #e2ae66;
}

.orange .lighten {
    background-color: #e7bc80;
}

.orange .lighter {
    background-color: #ecc999;
}

.orange .lightest {
    background-color: #f5e4cc;
}

.orange .dark {
    background-color: #a66000;
}

.red .main {
    background-color: #df2911;
}

.red .mid {
    background-color: #e93333;
}

.red .light {
    background-color: #ef6666;
}

.red .lighten {
    background-color: #f28080;
}

.red .lighter {
    background-color: #f49999;
}

.red .lightest {
    background-color: #facccc;
}

.red .dark {
    background-color: #b60000;
}

.green .main {
    background-color: #007568;
}

.green .mid {
    background-color: #819d64;
}

.green .light {
    background-color: #a1b58b;
}

.green .lighten {
    background-color: #b1c29e;
}

.green .lighter {
    background-color: #c0ceb1;
}

.green .lightest {
    background-color: #e0e6d8;
}

.green .dark {
    background-color: #007568;
}

.brown .main {
    background-color: #8e652c;
}

.brown .mid {
    background-color: #a58456;
}

.brown .light {
    background-color: #bba380;
}

.brown .lighten {
    background-color: #c7b296;
}

.brown .lighter {
    background-color: #d2c1ab;
}

.brown .lightest {
    background-color: #e8e0d5;
}

.brown .dark {
    background-color: #725123;
}

.lightbeige .main {
    background-color: #f4f4f4;
}

.lightbeige .mid {
    background-color: #f6f6f6;
}

.lightbeige .light {
    background-color: #f8f8f8;
}

.lightbeige .lighten {
    background-color: #fafafa;
}

.lightbeige .lighter {
    background-color: #fbfbfb;
}

.lightbeige .lightest {
    background-color: #fdfdfd;
}

.lightbeige .dark {
    background-color: #c3c3c3;
}

.darkbeige .main {
    background-color: #e4e4e4;
}

.darkbeige .mid {
    background-color: #e9e9e9;
}

.darkbeige .light {
    background-color: #efefef;
}

.darkbeige .lighten {
    background-color: #f2f2f2;
}

.darkbeige .lighter {
    background-color: #f4f4f4;
}

.darkbeige .lightest {
    background-color: #fafafa;
}

.darkbeige .dark {
    background-color: #b6b6b6;
}

.lightorange .main {
    background-color: #fbe7cc;
}

.lightorange .mid {
    background-color: #fcecd6;
}

.lightorange .light {
    background-color: #fdf1e0;
}

.lightorange .lighten {
    background-color: #fdf3e6;
}

.lightorange .lighter {
    background-color: #fdf5eb;
}

.lightorange .lightest {
    background-color: #fefaf5;
}

.lightorange .dark {
    background-color: #c9b9a3;
}

.lightgreen .main {
    background-color: #bdd4a4;
}

.lightgreen .mid {
    background-color: #caddb6;
}

.lightgreen .light {
    background-color: #d7e5c8;
}

.lightgreen .lighten {
    background-color: #deead2;
}

.lightgreen .lighter {
    background-color: #e5eedb;
}

.lightgreen .lightest {
    background-color: #f2f6ed;
}

.lightgreen .dark {
    background-color: #97aa83;
}

.lightgray .main {
    background-color: #cfcfcf;
}

.lightgray .mid {
    background-color: #d9d9d9;
}

.lightgray .light {
    background-color: #e2e2e2;
}

.lightgray .lighten {
    background-color: #e7e7e7;
}

.lightgray .lighter {
    background-color: #ececec;
}

.lightgray .lightest {
    background-color: whitesmoke;
}

.lightgray .dark {
    background-color: #a6a6a6;
}

.white .main {
    background-color: white;
}

.white .mid {
    background-color: white;
}

.white .light {
    background-color: white;
}

.white .lighten {
    background-color: white;
}

.white .lighter {
    background-color: white;
}

.white .lightest {
    background-color: white;
}

.white .dark {
    background-color: #cccccc;
}

/*  ==================================================
  3. Variables ~ Media Queries
  ==================================================  */
.full,
.whole {
    max-width: 100% !important;
    position: relative;
    width: 100% !important;
}

@media (min-width: 425px) {
    .add-authorized-user {
        margin-bottom: 0em;
    }
}

@media (min-width: 1024px) {
    .autho-user-select {
        float: none !important;
    }
}

@media (max-width: 425px) {
    .autho-user-select {
        width: unset !important;
    }
}

@media (max-width: 599px) {
    .full-small {
        width: 100% !important;
    }
}

.seventyfive {
    float: left;
    width: 75%;
}

.sixty {
    float: left;
    width: 60%;
}

.half {
    float: left;
    width: 50%;
}

@media (max-width: 599px) {
    .half {
        width: 100%;
    }
}

.qtr {
    float: left;
    width: 25%;
}

.forty {
    float: left;
    width: 40%;
}

.thirtythree {
    float: left;
    width: 33.3%;
}

.ten {
    float: left;
    width: 10%;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@font-face {
    font-family: 'Eldon';
    src: url("/cdn/fonts/EldonWF.eot");
    /* IE9 Compat Modes */
    src: url("/cdn/fonts/EldonWF.eot?#iefix") format("embedded-opentype"), url("/cdn/fonts/EldonWF.woff") format("woff"), url("/cdn/fonts/EldonWF.ttf") format("truetype"), url("/cdn/fonts/EldonWF.svg#svgFontName") format("svg");
    /* Legacy iOS */
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
picture, source {
    display: block;
}

    nav ul {
        list-style: none;
    }

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

a:focus {
    outline: thin dotted;
    color: #4c79a4 !important;
}

a:active,
a:hover {
    outline: 0;
}

i:focus, em:focus, .fa:focus {
    color: #007568 !important;
}


div[data-toggle="buttons"] label:focus-within {
    /*background: #f9f98b !important;*/
}

label:focus-within > i.fa.fa-circle-thin {
    color: #007568 !important;
}

label:focus {
    outline: dashed;
    color: #4c79a4 !important;
}

label:focus input[type="checkbox"] ~ i.fa, label:focus input[type="checkbox"] ~ em.fa,
label:focus-within input[type="checkbox"] ~ i.fa, label:focus-within input[type="checkbox"] ~ em.fa {
    color: #007568 !important;
}


.results:focus {
    border-bottom-color: #4c79a4 !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

sub,
sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

input, select {
    vertical-align: middle;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    background-color: white;
    background-image: none;
    color: black;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/* ==============================================================
  1. Global Classes
=================================================================  */
html {
    -webkit-text-size-adjust: none;
}

html, body {
    height: 100%;
    min-height: 100%;
}

body {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

    body.jeaIframe_Content_Mode > .QSIFeedBackLink {
        display: none !important;
    }

    body.jeaIframe_Content_Mode > #PrintableArea > #top-navigation, body.jeaIframe_Content_Mode > #PrintableArea > #header-container, body.jeaIframe_Content_Mode > #PrintableArea > #footer-container {
        display: none !important;
    }

    body.jeaIframe_Content_Mode > #PrintableArea > #two-column-template {
        margin-top: 0 !important;
    }

        body.jeaIframe_Content_Mode > #PrintableArea > #two-column-template > .equal-height-wrapper > .left-side {
            display: none !important;
        }

.section-to-print {
    height: 100%;
}

select::-ms-expand {
    display: none;
}

* {
    margin: 0;
    box-sizing: border-box;
}

    *:before {
        box-sizing: border-box;
    }

    *:after {
        box-sizing: border-box;
    }

.cf, .clearfix {
    zoom: 1;
}

    .cf:before, .cf:after, .clearfix:before, .clearfix:after {
        content: "";
        display: table;
    }

    .cf:after, .clearfix:after {
        clear: both;
    }

.btn, button[type="button"], button[type="reset"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] {
    text-decoration: none;
}

#no-js-container {
    display: block;
}

.modal-cover {
    z-index: 10000 !important;
    position: absolute !important;
}

    .modal-cover > .overlay, .modal-cover .overlay-no {
        background: rgba(0, 0, 0, 0.8) !important;
        display: block;
        opacity: 1 !important;
    }

    .modal-cover > .modal-keep {
        background-color: white;
        display: block;
        border: 0 !important;
        top: 100px;
        max-width: 700px;
        width: 100%;
        top: 20%;
        left: 0 !important;
        right: 0;
        margin: 0 auto !important;
        padding: 0px;
        z-index: 99999 !important;
    }

@media (max-width: 768px) {
    .modal-cover > .modal-keep {
        width: 90%;
    }
}

.modal-cover > .modal-keep.no-close {
    position: fixed;
    min-height: 1px !important;
}

@media (max-width: 599px) {
    .modal-cover > .modal-keep.no-close {
        width: 90%;
        margin-top: 20%;
    }
}

.modal-cover > .modal-keep.no-close > div > p > button {
    text-decoration: none;
}

.modal-cover > .modal-keep > .mheader, .modal-cover > .modal-keep > .modalHeading {
    background: #5b5b5b;
    display: inline-block;
    border-radius: 0;
    margin: 0 auto;
    box-shadow: none;
    text-align: right;
    padding: 13px 1.5em;
    width: 100%;
    position: relative;
}

    .modal-cover > .modal-keep > .mheader > h2, .modal-cover > .modal-keep > .modalHeading > h2 {
        color: white;
        font-size: 18px;
        margin-bottom: 0;
        text-transform: none;
        width: initial;
    }

.modal-cover > .modal-keep > div > img {
    width: 100%;
}

.modal-cover > .modal-keep > div > p {
    width: 95%;
    margin: 1em auto;
}

    .modal-cover > .modal-keep > div > p > .full {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

.modal-cover > .modal-keep > div > .button-wrapper, .modal-cover > .modal-keep > div > .mobile-button-wrapper {
    width: 100% !important;
    padding: 1em 1.5em 0 !important;
}

.modal-cover > .modal-keep > div > .center-btns.button-wrapper, .modal-cover > .modal-keep > div > .center-btns.mobile-button-wrapper {
    text-align: center !important;
}

.modal-cover > .modal-keep > div > .button-wrapper > a, .modal-cover > .modal-keep > div > .mobile-button-wrapper > a {
    text-decoration: none;
}

@media (max-width: 599px) {
    .modal-cover > .modal-keep > div > .button-wrapper > a, .modal-cover > .modal-keep > div > .mobile-button-wrapper > a {
        width: 100%;
    }
}

.modal-cover > .modal-keep > img {
    width: 100%;
}

.modal-cover > .modal-keep > p {
    width: 90%;
    margin: 1em auto;
}

    .modal-cover > .modal-keep > p > .full {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

.modal-cover > .modal-keep.modal-cover > div.modal-keep > .button-wrapper, .modal-cover > .modal-keep > .button-wrapper, .modal-cover > .modal-keep > .mobile-button-wrapper {
    width: 100% !important;
    padding: 1em 1.5em !important;
}

.modal-cover > .modal-keep.modal-cover > div.modal-keep > .center-btns.button-wrapper, .modal-cover > .modal-keep > .center-btns.button-wrapper, .modal-cover > .modal-keep > .center-btns.mobile-button-wrapper {
    text-align: center !important;
}

@media (max-width: 599px) {
    .modal-cover > .modal-keep.modal-cover > div.modal-keep > .button-wrapper > a, .modal-cover > .modal-keep > .button-wrapper > a, .modal-cover > .modal-keep > .mobile-button-wrapper > a {
        width: 100%;
    }
}

#fixed, .fixed {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

input.input::-webkit-input-placeholder, input.input::-moz-placeholder, input.input::-ms-input-placeholder {
    color: white;
    font-size: 14px;
}

.rule {
    display: inline-block;
    border-bottom: thin solid #dedede !important;
    border-bottom: thin solid #dedede;
    width: 100%;
    height: 1px;
    margin: 2em 0 1em;
}

    .rule.small {
        margin: .5em 0;
    }

    .rule.bottom {
        float: left;
        width: 100% !important;
    }

    .rule.vertical {
        border-top: 0;
        border-left: 2px solid #5b5b5b;
        height: 10px;
        width: 1px;
        margin: 0 0 0 .5em;
        vertical-align: middle;
    }

        .rule.vertical.lg {
            height: 15px;
        }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dedede;
    padding: 0;
}

.block {
    display: block !important;
}

.inline {
    display: inline !important;
}

.inline-block {
    display: inline-block !important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.table-cell {
    display: table-cell;
}

.display-none {
    display: none;
}

.margin-none {
    margin: 0 !important;
}

span.pad {
    clear: both;
    display: block;
    font-size: 0;
    height: 30px;
    line-height: 0;
    width: 1px;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.push {
    margin-bottom: 1.75em;
}

.pushit, .spacer, .spacer20, .spacer40 {
    margin-bottom: 2.75em;
}

.center-align {
    text-align: center !important;
}

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

.right-align {
    text-align: right;
}

.width-auto {
    width: auto !important;
    float: left;
}

.lfloat {
    float: left !important;
    padding: 6px;
}

.rfloat {
    float: right !important;
}

.cfloat {
    display: block !important;
    margin: 0 auto !important;
    float: none !important;
}

.nofloat {
    float: none !important;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.remove-bg {
    background: transparent !important;
}

@media (max-width: 599px) {
    .remove-btn {
        display: none !important;
    }
}

.select {
    background-position: 96% center !important;
    padding-left: 2% !important;
}

@media (max-width: 1023px) {
    .select {
        background-position: 96% center !important;
        padding-left: 3% !important;
    }
}

@media (max-width: 599px) {
    .select {
        background-position: 96% center !important;
    }
}

select {
    padding-left: .5em !important;
}

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 black;
    }

    select::-ms-expand {
        display: none;
    }

.hide-text, .unslider-arrow-wrapper > .unslider-arrow.next, .unslider-arrow-wrapper > .unslider-arrow.prev, .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play, .unslider-arrow-wrapper > .unslider-pause {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@media print {
    #PrintableArea {
        visibility: hidden;
    }

    .section-to-print, .section-to-print * {
        visibility: visible !important;
    }

    .section-to-print {
        display: block;
    }
}

#holder {
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    overflow-y: auto;
}

    #holder.holder-class {
        position: fixed;
    }

@media (max-width: 599px) {
    iframe {
        width: 100%;
        height: 100%;
    }
}

#PrintableArea {
    top: 0;
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    position: relative;
}

    #PrintableArea.alert-top-padding {
        top: 42px;
        position: relative;
    }

@media (max-width: 768px) {
    #PrintableArea.alert-top-padding {
        top: 38px;
    }
}

@media (max-width: 599px) {
    #PrintableArea.alert-top-padding {
        top: 58px;
    }
}

@media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
    #PrintableArea.alert-top-padding {
        top: 88px;
    }
}

@media (min-width:320px) and (max-width: 1024px){
    #addAccountMargin {padding-left:0em;}
}

#PrintableArea.PrintableArea-active {
    overflow-y: scroll;
    height: 100%;
}

@media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
    #PrintableArea.PrintableArea-active {
        overflow-y: visible;
    }
}

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

        .overlay #secondary-content, .overlay .right-side {
            z-index: -1 !important;
            display: none;
        }

        .overlay.white {
            background-color: rgba(255, 255, 255, 0.8);
        }

        .overlay.active {
            display: block;
        }

    .noscroll {
        overflow: hidden;
        position: fixed;
    }

    /*Hides info bar when hamburger menu is open*/
    .noscroll > .info-bar {
        display: none !important;
    }

    /*Changes Overlays Z-index when hamburger menu is open*/
    .noscroll > .overlay.active {
        z-index: -1;
    }

    /*Changes content container margin-top when hamburger menu is open*/
    .noscroll .info-bar-active {
        margin-top: 0 !important;
    }


    .maps iframe, #gmap_canvas .map div {
        pointer-events: none;
    }



    .maps iframe.active, #gmap_canvas .map div.active {
        pointer-events: auto;
    }

    .disable-select {
        background: #dedede;
        border-color: #5b5b5b;
        color: #5b5b5b;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
    }

    .example-number {
        display: none;
    }

    @media (min-width: 1200px) {
        .example-number {
            display: inline-block;
        }
    }

    .highlight {
        background-color: lightyellow;
    }

    :focus {
        outline: none;
    }

    @media screen and (min-width: 0\0) {
        :focus {
            outline: none;
        }
    }

    @media screen and (min-width: 0\0) {
        fieldset {
            display: table;
        }
    }

    input:focus, select:focus {
        border-color: #5f97cd !important;
        outline: none;
    }

    .pseudo-focus, .focussed {
        outline: 2px solid blue;
    }

    #ddlLinkedAccounts:focus {
        /**background-color: #4c79a4;**/
        background-color: #4c79a4;
        color: white;
    }

        #ddlLinkedAccounts:focus::-ms-value {
            /**background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 98% center #4c79a4;**/
            background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 98% center #dfeaf5;
            padding-right: 36px;
            padding-left: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            color: white;
        }

    select#ddlLinkedAccounts.multiaccount.select option {
        background-color: #ffffff;
        color: #5b5b5b;
    }

    label:focus {
        outline: none;
    }

        label:focus p, label:focus span {
            /**  background: #bfd5eb;*/
            background: #bfd5eb;
        }

    #skip-link #skipToContent {
        text-decoration: none;
    }

        #skip-link #skipToContent:link, #skip-link #skipToContent:hover, #skip-link #skipToContent:visited {
            color: transparent;
        }

        #skip-link #skipToContent.element-invisible {
            margin: 0;
            padding: 0;
            width: 1px;
            position: absolute !important;
            clip: rect(1px, 1px, 1px, 1px);
            overflow: hidden;
            height: 1px;
        }

    .ext_link:after {
        content: "\f08e";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
        text-decoration: none;
        padding-left: 6px;
        padding-right: 6px;
        font-size: 0.8em;
    }

    table.equalDivide {
        border-collapse: collapse;
        width: 100%;
    }

        table.equalDivide th,
        table.equalDivide td {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: thin #dedede solid;
            box-sizing: border-box;
            font-size: small;
            font-weight: normal;
            min-height: 40px;
            padding: 1%;
            text-align: left;
            vertical-align: middle;
            width: 50%;
        }

            table.equalDivide th[scope="col"] {
                /*background: #bfd5eb;*/
                background: #bfd5eb;
                font-weight: bold;
            }

    table#JeaWebCache_table {
        border-top: 0;
        width: 100%;
    }

        table#JeaWebCache_table .thead tr {
            width: 100%;
        }

        table#JeaWebCache_table .sub-header > tr {
            background: #e4e4e4;
            width: 100%;
        }

            table#JeaWebCache_table .sub-header > tr > th {
                font-size: small;
                font-weight: 600;
                color: #5b5b5b;
                padding: .9em 1%;
                width: 116px;
                min-height: 60px;
                text-align: left;
            }

                table#JeaWebCache_table .sub-header > tr > th.col-1 {
                    width: 172px;
                }

    @media (max-width: 599px) {
        table#JeaWebCache_table .sub-header > tr > th.col-1 {
            display: none !important;
        }
    }

    table#JeaWebCache_table .sub-header > tr > th.col-3, table#JeaWebCache_table .sub-header > tr > th.col-4 {
        width: 200px;
    }

    @media (max-width: 599px) {
        table#JeaWebCache_table .sub-header > tr {
            display: none;
        }
    }

    table#JeaWebCache_table .tbody {
        float: none;
    }

    @media (max-width: 599px) {
        table#JeaWebCache_table .tbody {
            border: 0;
        }
    }

    table#JeaWebCache_table .tbody tr {
        border-top: thin solid #dedede;
        width: 100%;
        float: none;
        margin-top: 2em;
    }

        table#JeaWebCache_table .tbody tr:first-child, table#JeaWebCache_table .tbody tr:first-of-type {
            border: 0;
            margin-top: 0;
        }

    @media (max-width: 599px) {
        table#JeaWebCache_table .tbody tr {
            display: inline-block;
            border: thin solid #e4e4e4;
            margin-top: 1em;
        }

            table#JeaWebCache_table .tbody tr:first-child, table#JeaWebCache_table .tbody tr:first-of-type {
                margin-top: 0;
            }

            table#JeaWebCache_table .tbody tr:hover {
                background: transparent;
            }
    }

    table#JeaWebCache_table .tbody tr td {
        font-size: small;
        width: 116px;
        padding: .9em 1%;
        font-weight: 600;
        color: #5b5b5b;
        text-transform: capitalize;
    }

        table#JeaWebCache_table .tbody tr td:first-child {
            white-space: normal;
        }

        table#JeaWebCache_table .tbody tr td > span {
            font-weight: 600;
        }

        table#JeaWebCache_table .tbody tr td.col-1 {
            width: 172px;
            position: relative;
            vertical-align: top;
        }

    @media (max-width: 599px) {
        table#JeaWebCache_table .tbody tr td.col-1 {
            padding: 3% 0;
        }
    }

    table#JeaWebCache_table .tbody tr td.col-1 > .show-hide-btn {
        display: none;
        position: absolute;
        right: 2.5em;
    }

    @media (max-width: 599px) {
        table#JeaWebCache_table .tbody tr td.col-1 > .show-hide-btn {
            display: inline-block;
            right: .8em;
        }
    }

    table#JeaWebCache_table .tbody tr td.col-1 > .row-title {
        display: none;
    }

    @media (max-width: 599px) {
        table#JeaWebCache_table .tbody tr td.col-1 > .row-title {
            display: none !important;
        }
    }

    table#JeaWebCache_table .tbody tr td.col-3, table#JeaWebCache_table .tbody tr td.col-4 {
        width: 200px;
    }

    @media (max-width: 599px) {
        table#JeaWebCache_table .tbody tr td.col-2, table#JeaWebCache_table .tbody tr td.col-3, table#JeaWebCache_table .tbody tr td.col-4, table#JeaWebCache_table .tbody tr td.col-5, table#JeaWebCache_table .tbody tr td.col-6 {
            display: none;
        }
    }

    @media print {
        * {
            font-weight: normal !important;
            line-height: normal !important;
            margin: 0 !important;
        }

        body {
            margin: 0 !important;
            padding: 0;
            font-weight: normal !important;
            line-height: normal !important;
        }

        html, body {
            max-height: 99%;
            max-width: 99%;
        }

        #PrintableArea.printable-area > #top-navigation, #PrintableArea.printable-area > #header-container, #PrintableArea.printable-area #footer-container, #PrintableArea.printable-area .breadcrumb-wrapper, #PrintableArea.printable-area .breadcrumbs {
            display: block !important;
        }

        #PrintableArea.non-printble-area > #top-navigation, #PrintableArea.non-printble-area > #header-container, #PrintableArea.non-printble-area #footer-container, #PrintableArea.non-printble-area .breadcrumb-wrapper, #PrintableArea.non-printble-area .breadcrumbs {
            height: 1px;
            display: none !important;
        }

        #PrintableArea.non-printble-area > #footer-container > footer {
            height: 1px;
            display: none !important;
        }

            #PrintableArea.non-printble-area > #footer-container > footer.wrapper {
                display: none !important;
                height: 1px;
            }

        #PrintableArea.section-to-print > #top-navigation, #PrintableArea.section-to-print > #header-container, #PrintableArea.section-to-print #footer-container, #PrintableArea.section-to-print .breadcrumb-wrapper, #PrintableArea.section-to-print .breadcrumbs {
            height: 1px;
            display: none !important;
        }

        #PrintableArea.section-to-print > #footer-container > footer {
            height: 1px;
            display: none !important;
        }

            #PrintableArea.section-to-print > #footer-container > footer.wrapper {
                display: none !important;
            }

        #PrintableArea #third-container {
            display: none !important;
        }

        .noprint {
            display: none !important;
        }

        #opbBreadCrumb {
            display: none;
        }

        #secondary-content {
            margin-top: 1.5em !important;
            margin-bottom: 0;
            padding-bottom: 0 !important;
            border: 0 !important;
        }

        .section-to-print {
            width: 100%;
            page-break-inside: avoid;
        }

            .section-to-print:last-child, .section-to-print:last-of-type {
                page-break-after: auto;
            }
    }

    @page {
        size: auto;
        margin: 0mm;
    }

    label.result {
        display: block;
        margin-bottom: 10px;
    }

    ul.list {
        margin-left: 15px !important;
        margin: 0;
        margin-bottom: 1em;
    }

    ul.link-list {
        margin: 0;
        margin-bottom: 1em;
    }

        ul.link-list a {
            text-transform: inherit;
        }

    ul.unbulleted-list li {
        padding-bottom: 1em;
    }

    .cb-content-section > ul li a, .const-cb-content-container > ul li a, .search-results-container > ul li a {
        text-decoration: underline;
        font-weight: 400;
    }

    .tooltip {
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        background: black;
        border-radius: 3px;
        color: white;
        display: none;
        left: 50%;
        margin-bottom: 0.75em;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        transform: translateX(-50%);
        margin-top: -15px;
    }

    .weak {
        background-color: #df2911 !important;
    }

    .better {
        background-color: #cf4a0c !important;
    }

    .good {
        background-color: #819d64 !important;
    }

    .best {
        background-color: #007568 !important;
    }

    .parent-div {
        display: inline-block;
        width: 100%;
        min-height: 100%;
        position: relative;
    }

    .scrolling-table-wrapper, .sub-table-wrapper {
        margin-bottom: 1em;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .dependent-table-container, .table-container {
        display: inline-block;
        width: 100%;
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .dependent-table-container {
        height: 20px;
    }

        .dependent-table-container > .top-scroll-bar, .dependent-table-container > .top-scroll-bar2 {
            height: 100%;
            position: absolute;
        }

        .dependent-table-container > .top-scroll-bar {
            display: none;
        }

    .table-container:first-child {
        margin-top: 0;
    }

    .table-container .table-wrapper {
        width: 100%;
        min-height: 1px;
        position: relative;
    }

        .table-container .table-wrapper table {
            border-collapse: collapse;
            position: absolute;
            line-height: normal;
            display: table;
            border-spacing: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .table-container .table-wrapper table thead, .table-container .table-wrapper table tbody {
                float: left;
                width: 100%;
            }

                .table-container .table-wrapper table thead.thead {
                    background: #4c79a4;
                    padding: 1% 1% 1%;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .table-container .table-wrapper table thead.thead tr {
                        width: 100%;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        vertical-align: top;
                    }

                        .table-container .table-wrapper table thead.thead tr th {
                            text-align: left;
                        }

                            .table-container .table-wrapper table thead.thead tr th.table-title-wrapper, .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper {
                                color: white;
                            }

                            .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper {
                                float: right;
                            }

                                .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .export-btn, .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .print-btn {
                                    width: auto;
                                    float: left;
                                }

                                    .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .export-btn a, .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .print-btn a {
                                        color: white;
                                    }

                                        .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .export-btn a:hover, .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .print-btn a:hover {
                                            text-decoration: underline;
                                        }

                                .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .export-btn {
                                    margin-right: .5em;
                                }

                                .table-container .table-wrapper table thead.thead tr th.table-title-btn-wrapper .print-btn {
                                    border-left: thin solid white;
                                    text-indent: .5em;
                                }

                .table-container .table-wrapper table thead.sub-header {
                    /*background: #bfd5eb;*/
                    background: #bfd5eb;
                    height: auto;
                    padding: 0;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .table-container .table-wrapper table thead.sub-header tr {
                        padding: 0;
                        width: 100%;
                    }

                        .table-container .table-wrapper table thead.sub-header tr th {
                            border-right: thin solid #4c79a4;
                            text-align: left;
                            line-height: normal;
                            padding-top: 1em;
                            vertical-align: middle;
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            box-sizing: border-box;
                        }

                            .table-container .table-wrapper table thead.sub-header tr th:last-child {
                                border: 0;
                            }

                .table-container .table-wrapper table tbody.tbody {
                    width: 100%;
                    vertical-align: middle;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .table-container .table-wrapper table tbody.tbody tr td:first-child {
                        white-space: normal;
                    }

                    .table-container .table-wrapper table tbody.tbody tr td:last-child {
                        border: 0;
                    }

            .table-container .table-wrapper table.master-child-table .master-row:nth-child(4n-1) {
                background: #f4f4f4;
            }

            .table-container .table-wrapper table.master-child-table .master-row:hover {
                /*background: #bfd5eb;*/
                background: #bfd5eb;
            }

    .tbody tr {
        float: left;
        width: 100%;
    }

        .tbody tr:nth-child(even) {
            background: #f4f4f4;
        }

        .tbody tr:hover {
            background: #dfeaf5;
        }

        .tbody tr td {
            vertical-align: top;
            line-height: normal;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            word-wrap: break-word;
        }

            .tbody tr td .expand-child:before {
                font-family: 'FontAwesome';
                content: "\f067";
                padding-right: .5em;
                vertical-align: middle;
                font-weight: 200;
                font-size: .8em;
            }

            .tbody tr td .expand-child:hover {
                text-decoration: underline;
            }

            .tbody tr td .expand-child.open:before {
                font-family: 'FontAwesome';
                content: "\f068";
            }

            .tbody tr td:first-child {
                padding-left: 2%;
                white-space: normal;
            }

            .tbody tr td:last-child {
                border: 0 !important;
            }

    .child-row {
        background: transparent !important;
        display: none;
        border-top: thin solid #dedede;
        padding-bottom: 2%;
        min-height: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .child-row:hover {
            background: transparent !important;
        }

        .child-row > td {
            border: 0 !important;
            width: 34% !important;
            color: #494949;
        }

    @media only screen and (max-width: 768px) {
        .child-row > td {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .child-row > td {
            width: 100%;
        }
    }

    .child-row .td-full {
        width: 100%;
        float: left;
        display: none;
    }

    .child-row .permit-header-icon {
        background-size: 80%;
        width: 54px;
        height: 54px;
        float: left;
    }

    .child-row .detail-container-h2 {
        display: inline-block;
        color: #5f97cd;
        text-transform: uppercase;
        margin: .5em 0 -1em;
        width: 100%;
        height: 30px;
        text-indent: .1em;
        font-weight: bold;
    }

    @media only screen and (max-width: 768px) {
        .child-row .detail-container-h2 {
            margin-bottom: 0;
            text-indent: .2em;
        }
    }

    .child-row .detail-container {
        display: table;
        width: 40%;
    }

        .child-row .detail-container:last-of-type, .child-row .detail-container:last-child {
            margin-right: 0;
        }

        .child-row .detail-container.no-margin {
            margin: 0 !important;
        }

        .child-row .detail-container .detail-header, .child-row .detail-container .detail-body {
            display: table-cell;
            width: auto;
           /* min-width: 200px;*/
        }

            .child-row .detail-container .detail-header .detail-content, .child-row .detail-container .detail-body .detail-content {
                width: 160px;
                margin-top: 1em;
                margin-bottom: 0;
                font-size: small;
                float: none;
                color: #4c79a4;
            }

            .child-row .detail-container .detail-header > p {
                font-weight: bold;
            }

    .master-child-table .master-row:nth-child(4n-1) {
        background: #f4f4f4;
    }

    .master-child-table .master-row:hover {
        /*background: #bfd5eb;*/
        background: #bfd5eb;
    }

    .tab-container {
        display: inline-block;
        height: 40px;
        margin: 4% auto 2%;
        position: relative;
        width: 100%;
    }

        .tab-container .tab-rule {
            border-top: thin solid #9fc1e1;
            display: inline-block;
            height: 1px;
            margin-top: 1rem;
            vertical-align: middle;
            width: 100%;
        }

    @media (max-width: 599px) {
        .tab-container .tab-rule {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .tab-container {
            margin-top: 2rem;
        }
    }

    .tab-btn-container {
        display: block;
        width: 300px;
        height: 100%;
        margin: -1.4em auto 0;
        position: relative;
        z-index: 2;
    }

    @media (max-width: 599px) {
        .tab-btn-container {
            width: 100%;
        }
    }

    .tab-btn-container > .tab-btn-wrapper {
        border: 0;
    }

    .tab-btn-wrapper {
        background: white;
        width: 150px;
        height: 36px;
        float: left;
        margin: 0;
        overflow: hidden;
    }

        .tab-btn-wrapper:last-child > .tab-btn {
            border-left: 0;
        }

    @media (max-width: 599px) {
        .tab-btn-wrapper {
            width: 50%;
        }
    }

    .tab-btn {
        display: inline-block;
        border: thin solid #5f97cd;
        margin: 0;
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .tab-btn span {
            font-size: small;
            font-weight: 500;
            text-align: center;
            color: #333333 !important;
            padding: .6em 0 0;
            text-transform: capitalize;
            line-height: normal;
            display: block;
        }

        .tab-btn:hover {
            cursor: pointer;
        }

    .tab-input {
        left: -9999px;
        visibility: hidden;
        position: absolute;
    }

        .tab-input[type="checkbox"]:checked + .tab-btn, .tab-input[type="checkbox"]:checked ~ .tab-btn, .tab-input[type="radio"]:checked + .tab-btn, .tab-input[type="radio"]:checked ~ .tab-btn {
            /*Changed colors from #5f97cd to #256bb4**/
            /*background: #bfd5eb;*/
            background: #bfd5eb;
            border-color: #256bb4;
        }

            .tab-input[type="checkbox"]:checked + .tab-btn span, .tab-input[type="checkbox"]:checked ~ .tab-btn span, .tab-input[type="radio"]:checked + .tab-btn span, .tab-input[type="radio"]:checked ~ .tab-btn span {
                color: #333333 !important;
                font-weight: 400;
            }

            .tab-input[type="checkbox"]:checked + .tab-btn:hover, .tab-input[type="checkbox"]:checked ~ .tab-btn:hover, .tab-input[type="radio"]:checked + .tab-btn:hover, .tab-input[type="radio"]:checked ~ .tab-btn:hover {
                cursor: default;
            }

    .list-side-by-side {
        float: left;
        width: 90%;
    }

        .list-side-by-side dt {
            float: left;
            max-width: 40%;
            color: #5b5b5b;
            font-weight: bold;
        }

    @media (max-width: 599px) {
        .list-side-by-side dt {
            max-width: 100%;
            width: 100%;
        }
    }

    .list-side-by-side dd {
        color: #5b5b5b;
        margin: 0 0 .5em 12em;
        font-weight: 300;
    }

        .list-side-by-side dd:after {
            content: "";
            display: block;
            clear: left;
        }

    @media (max-width: 599px) {
        .list-side-by-side dd {
            width: 100%;
            margin: 0;
        }

            .list-side-by-side dd:last-child {
                padding-bottom: 2em;
            }
    }

    .list-side-by-side dd > a {
        text-decoration: underline;
    }

    .list-side-by-side .icon {
        height: 50px;
        margin: 0 auto;
        width: 100%;
    }

    #third-container ul li {
        margin-left: 30px;
        font-weight: 300;
    }

    ol {
        margin-left: 15px;
    }

    .block-space {
        display: inline-block;
        padding: 0 1em;
    }

    .blockheader {
        background-color: white;
        color: black;
        border: 1px solid #757575;
        display: inline-block;
        margin: 0 auto;
        padding: 15px;
        text-transform: none;
        width: 100%;
    }

    .borderbox, .block-wrapper {
        padding: 15px;
        border: 1px solid black;
        margin: 20px 0;
    }

    .messageblack {
        background-color: #494949;
        color: white;
        text-align: center;
    }

        .messageblack p {
            margin: 0;
            font-size: 15px;
        }

    @media only screen and (max-width: 599px) {
        .messageblack {
            padding: 10px;
        }
    }

    .fa.fa-trash {
        float: right !important;
        color: #494949 !important;
        font-size: 28px !important;
        cursor: pointer;
    }

    .cashOnly:before, .cashOnlyMulti:before {
        font-family: 'fontAwesome';
        content: '\f024';
        margin-right: 10px;
        color: #cf4a0c;
    }

    #alert {
        background: #cf4a0c;
        display: inline-block;
        width: 300px;
    }

        #alert .fa {
            color: white !important;
            font-weight: normal;
            font-size: 16px !important;
            text-align: center !important;
            width: inherit !important;
            margin: 0 !important;
            padding: 5px;
        }

            #alert .fa .fa-warning:before, #alert .fa .fa-exclamation-triangle:before {
                margin-right: 10px;
            }

    .print {
        color: #256BB4;
    }

        .print span {
            text-decoration: underline;
        }

        .print:before {
            font-family: 'fontAwesome';
            font-size: 16px;
            margin-right: 10px;
            content: '\f02f';
        }

    .prepend p.fa.fa-clock-o {
        padding: 10px 10px;
        height: 37px;
        margin-right: -2px;
        margin-top: 0;
    }

    .img {
        width: 100%;
        display: inline-block;
    }

    .icon {
        width: 100%;
        margin: 0 auto;
        height: 50px;
    }

    .content-list {
        width: 100%;
        float: left;
        margin-bottom: 1em;
    }

        .content-list > li {
            font-size: 16px;
            font-weight: 300;
        }

        .content-list li {
            list-style: outside none disc;
            margin-left: 1em;
        }

            .content-list li > ul li {
                list-style: inside none circle;
            }

                .content-list li > ul li > ul li {
                    list-style: inside none square;
                    margin-left: 2em;
                }

    .spinnerContainer {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 999;
        width: 100%;
        text-align: center;
        vertical-align: middle;
    }

    .primary-loading-spinner {
        display: inline-block;
        border: 8px solid #dedede;
        /* Light grey */
        border-top: 8px solid #5f97cd;
        /* Blue */
        border-radius: 50%;
        animation: spin 2s linear infinite;
        position: relative;
        width: 60px;
        height: 60px;
    }

        .primary-loading-spinner:before {
            vertical-align: middle;
            text-align: center;
        }

        .primary-loading-spinner.small {
            border: 3px solid #dedede;
            /* Light grey */
            border-top: 3px solid #5f97cd;
            /* Blue */
            width: 20px;
            height: 20px;
        }

        .primary-loading-spinner.large {
            border: 16px solid #dedede;
            /* Light grey */
            border-top: 14px solid #5f97cd;
            /* Blue */
            width: 100px;
            height: 100px;
        }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .jea-loading-spinner {
        position: relative;
        display: inline-block;
        background-image: url(/cdn/images/loading_animation2.gif);
        background-size: cover;
        width: 200px;
        height: 200px;
    }

    .back-to-landing-wrapper, .go-back-wrapper {
        display: none;
        border-bottom: thin solid #5b5b5b;
        width: 100%;
        height: 50px;
    }

    @media (max-width: 599px) {
        .back-to-landing-wrapper, .go-back-wrapper {
            display: block;
        }
    }

    .back-to-landing-wrapper .back-to-btn, .go-back-wrapper .back-to-btn {
        width: 100%;
        height: auto;
    }

        .back-to-landing-wrapper .back-to-btn a, .go-back-wrapper .back-to-btn a {
            display: block;
            border: 0;
            width: 100%;
            height: 100%;
            padding: .8em 1em;
            text-align: right;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .back-to-landing-wrapper .back-to-btn a .go-back-icon, .go-back-wrapper .back-to-btn a .go-back-icon {
                float: left;
            }

                .back-to-landing-wrapper .back-to-btn a .go-back-icon:before, .go-back-wrapper .back-to-btn a .go-back-icon:before {
                    font-family: FontAwesome;
                    content: "\f053";
                    display: inline-block;
                    padding-right: 3px;
                    vertical-align: middle;
                }

    .lock a:before {
        font-family: FontAwesome;
        content: "\f023";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
    }

    .lock p a:before {
        content: "";
        padding-right: 0;
        vertical-align: top;
    }

    .switch-btn {
        float: right;
        position: relative;
        z-index: 2;
    }

        .switch-btn input.switch-toggle {
            position: absolute;
            margin-left: -9999px;
        }

        .switch-btn input.toggle-round-flat + .switch-label {
            display: block;
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            border-radius: 60px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            position: relative;
            cursor: pointer;
            outline: none;
            user-select: none;
            width: 75px;
            height: 26px;
            padding: 2px;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -ms-transition: 0.4s;
            -o-transition: 0.4s;
        }

            .switch-btn input.toggle-round-flat + .switch-label span {
                float: left;
                width: 65%;
                margin: 0 0 0 0;
                z-index: 80;
                position: relative;
            }

                .switch-btn input.toggle-round-flat + .switch-label span:last-child {
                    float: right;
                }

            .switch-btn input.toggle-round-flat + .switch-label:before, .switch-btn input.toggle-round-flat + .switch-label:after {
                display: block;
                position: absolute;
                content: "";
            }

            .switch-btn input.toggle-round-flat + .switch-label:before {
                background-size: 20%;
                -webkit-border-radius: 60px;
                -moz-border-radius: 60px;
                border-radius: 60px;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                content: "Off";
                font-size: small;
                top: 2px;
                left: -1px;
                bottom: 2px;
                right: 1px;
                color: #5b5b5b;
                -webkit-transition: 0.4s;
                -moz-transition: 0.4s;
                -ms-transition: 0.4s;
                -o-transition: 0.4s;
            }

            .switch-btn input.toggle-round-flat + .switch-label:after {
                background: white;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                top: -2px;
                left: -2px;
                bottom: 4px;
                width: 32px;
                height: 30px;
                transition: margin 0.4s, 0.4s;
            }

        .switch-btn input.toggle-round-flat:checked + .switch-label {
            background: #8dc34c;
        }

            .switch-btn input.toggle-round-flat:checked + .switch-label .on-view:before {
                content: "On";
                color: white;
                margin: 0 10px;
                top: -1.98px;
                font-size: small;
                position: relative;
            }

            .switch-btn input.toggle-round-flat:checked + .switch-label:after {
                margin-left: 46px;
                background: white;
            }

        .switch-btn .switch-label {
            background: #dedede;
            z-index: 2;
            position: relative;
            display: inline-block;
            width: 100px;
            height: 24px;
        }

            .switch-btn .switch-label:before {
                background: transparent;
                padding-right: 11px;
            }

            .switch-btn .switch-label:after {
                display: inherit;
            }

    .selection {
        display: block;
        border: thin solid #5b5b5b;
        width: 100%;
        float: right;
        margin: -.5em 0 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        transition: border 0.4s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .selection.single {
            background: transparent;
            margin-top: 0;
            font-size: small;
        }

        .selection.multi {
            border: 0;
        }

            .selection.multi:hover {
                border: 0;
            }

        .selection.addui-select-open {
            border: thin solid red;
        }

        .selection.addui-select-open {
            opacity: 1;
            pointer-events: auto;
        }

            .selection.addui-select-open > .addui-select-options {
                opacity: 1;
                pointer-events: auto;
            }

        .selection > .addui-select-value {
            display: block;
            padding: 0.5em;
            position: relative;
            font-size: 16px;
        }

            .selection > .addui-select-value:after {
                font-family: "fontAwesome";
                content: "";
                position: absolute;
                font-size: 36px;
                top: 8px;
                right: 8px;
                font-size: medium;
                color: rgba(0, 0, 0, 0.38);
            }

        .selection > .addui-select-options {
            top: 2.67em;
        }

        .selection > .addui-select-options {
            display: block;
            position: absolute;
            top: 51px;
            left: 0;
            width: 100%;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.5s;
            background: white;
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
        }

            .selection > .addui-select-options > .addui-select-option {
                display: block;
                padding: .5em;
                font-size: small;
                margin: 0;
                color: rgba(0, 0, 0, 0.87);
                background: transparent;
                transition: background 0.4s;
            }

                .selection > .addui-select-options > .addui-select-option.addui-select-option-selected {
                    background: rgba(63, 81, 181, 0.1);
                }

        .selection > optgroup > option {
            font-family: "lato";
            font-size: small;
        }

    .sort-asc:after, .sort-desc:after,
    .status-asc:after, .status-asc:after {
        font-family: "fontAwesome";
        content: "";
        position: absolute;
        font-size: 36px;
        top: 8px;
        right: 8px;
        font-size: medium;
        color: rgba(0, 0, 0, 0.38);
    }

    .sort-asc:after {
        font-family: "fontAwesome";
        content: "\f0de";
    }

    .sort-desc:after {
        font-family: "fontAwesome";
        content: "\f0dd";
    }

    .status-asc:after {
        font-family: "fontAwesome";
        content: "\f15d";
    }

    .status-desc:after {
        font-family: "fontAwesome";
        content: "\f15e";
    }

    .widget-container {
        width: 100% !important;
        height: 380px;
    }

    @media (min-width: 1200px) {
        .widget-container {
            min-width: 200px;
        }
    }

    @media (max-width: 1023px) {
        .widget-container {
            width: 100%;
            margin-top: 3em;
        }
    }

    @media (max-width: 599px) {
        .widget-container {
            width: 100%;
            min-width: 100%;
        }
    }

    .iframe-widget-wrapper {
        width: 100%;
        margin-bottom: 3em;
        float: left;
    }

    .iframe-width {
        border: thin solid #dedede;
        width: 100% !important;
        height: 380px;
        margin: 0 0 2em;
        overflow-y: auto;
    }

    /*  ==================================================
  3. TYPOGRAPHY
  ==================================================  */
    body {
        color: #5b5b5b;
        font-family: "lato", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 23px;
        line-height: 2.3rem;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #494949;
        font-family: "lato", Helvetica, Arial, sans-serif;
        text-rendering: optimizeLegibility;
        display: block;
    }

    h1 {
        width: 100%;
        font-weight: 400;
        font-size: 27px;
        font-size: 2.7rem;
        line-height: 1.25;
        color: #5b5b5b;
    }

        h1.h1-border {
            border-bottom: thin solid #dedede;
            padding-bottom: .5em;
        }

    h2 {
        font-size: 23px;
        font-size: 2.3rem;
        color: #4c79a4;
        line-height: 1.3;
        font-weight: 500;
        width: 100%;
    }

        h2.all-caps-h2 {
            color: #348ac9;
            margin-bottom: 0;
            padding: .8em 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    @media (max-width: 599px) {
        h2.all-caps-h2 {
            font-size: medium;
            margin-bottom: 1em;
        }
    }

    h2.h2-border {
        border-bottom: thin solid #dedede;
        margin: 1em 0 1em;
        padding-bottom: .2em;
    }

    @media (max-width: 599px) {
        h2.h2-border {
            margin-top: 1em;
        }
    }

    h2 > a {
        text-decoration: underline !important;
    }

    span.all-caps-h2 {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 1.3;
        font-weight: 500;
        width: 100%;
        color: #256bb4;
        margin-bottom: 0;
        padding: .8em 0 0;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }


    /*Request Extension Not Eligible Bullet Points Spacing*/
    #bulletSpacing {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 15px;
    }

    #ineligibleText {
        font-size: medium;
        font-weight: 400;
        width: 100%;
        line-height: 1.3;
        font-family: "lato", Helvetica, Arial, sans-serif;
        text-rendering: optimizeLegibility;
        display: block;
        color: #cf4a0c;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

    @media (max-width: 599px) {
        span .all-caps-h2 {
            font-size: medium;
            margin-bottom: 1em;
        }
    }

    h3 {
        font-size: 17px;
        font-size: 1.7rem;
        font-weight: bold;
        line-height: 1.5;
        outline-color: transparent;
        width: 100%;
    }

        h3.request-extension-title {
            color: #007568;
        }

        h3.h3-border {
            border-bottom: thin solid #dedede;
            padding-bottom: .5em;
        }

    h4 {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.2;
        width: 100%;
        text-transform: uppercase;
    }

    h5 {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 18px;
        width: 100%;
    }

    h6 {
        color: #5f97cd;
        font-size: 1.6rem;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
        text-transform: uppercase;
    }

        h6.label {
            color: #5b5b5b;
            display: inline;
            font-size: 1.6rem;
            font-size: 16px;
            font-weight: 400;
            line-height: 16px;
        }

    p {
        font-weight: 400;
        font-size: 1.6rem;
        font-size: 16px;
        margin-bottom: 1em;
        line-height: 24px;
    }

    @media only screen and (max-width: 599px) {
        p {
            font-size: 15px;
            line-height: 24px;
        }
    }

    p.footnote {
        font-size: .9em;
        line-height: 1.3em;
    }

    /*Color was changed from #1b7478*/
    p a {
        text-decoration: underline;
        color: #256bb4;
        font-weight: 400;
    }

        /*Added a constrasting hover property*/
        p a:hover {
            color: #015249;
        }

    textarea, input, select {
        font-family: "lato", Helvetica, Arial, sans-serif;
        font-size: .9em;
    }

    textarea {
        padding-top: .5em;
        min-height: 100px;
        max-width: 1200px;
    }

    /*Color was changed from #1b7478*/
    a {
        color: #256bb4;
        font-weight: 400;
    }

        a:hover, a:focus {
            color: #124c4e;
        }

        a.no-cap {
            text-transform: none;
        }

        a.no-underline {
            text-decoration: none;
        }

    /*  TRANSITIONS  */
    a, li, input[type="submit"], .icon {
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
    }

    .dd-selectmenu-menu a, .dd-selectmenu-menu li, .dd-selectmenu-menu input[type="submit"], .dd-selectmenu-menu .icon {
        transition: none;
    }

    input::-moz-focus-inner {
        border: 0 !important;
    }

    object, embed {
        outline: 0 !important;
    }

    #linkedAccountTitle {
        border-bottom: unset;
        font-weight:600;
    }

    .formtitle {
        border-bottom: 1px solid #dedede;
        padding-bottom: 10px;
        width: 100%;
        font-size: 24px;
        margin-bottom: 20px;
    }

        .formtitle span {
            color: #494949;
            float: right;
            font-size: small;
        }

       .formtitle span a {  text-decoration: underline; }

    h2.formtitle {
        border-bottom: none;
        font-weight: 600 !important;
    }

    .title {
        padding-bottom: 10px;
        margin-top: 15px;
        width: 100%;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
    }

.breadcrumb-wrapper {
    width: 100%;
    float: left;
    z-index: 2;
    position: relative;
    background-color: rgba(255,255,255, 0);
    border-radius: 5px;
    padding: 0 1.5rem 1rem;
    transition: background-color 0.5s ease;
}

.breadcrumb-wrapper:hover {
    background-color: rgba(255,255,255, 1);
}
    .breadcrumbs {
        display: inline-block;
        position: relative;
        font-size: small;
        margin: 1em auto 0;
        color: #5f97cd !important;
        width: 100% !important;
        float: none !important;
    }

        .breadcrumbs > li {
            display: inline-block;
            list-style-type: none;
            text-decoration: none;
        }

            .breadcrumbs > li > a {
                color: #333333;
                font-weight: 400;
            }

                .breadcrumbs > li > a:after {
                    font-family: 'fontAwesome';
                    content: '\f105';
                    font-size: small;
                    margin: 0 .5em;
                }

                .breadcrumbs > li > a:hover {
                    color: #256bb4;
                }

                    .breadcrumbs > li > a:hover:after {
                        color: #5b5b5b;
                        text-decoration: none !important;
                        cursor: default;
                    }

            .breadcrumbs > li.active-page {
                color: #4c79a4;
            }

        .breadcrumbs a {
            color: #5b5b5b;
            font-weight: 400;
        }

            .breadcrumbs a:after {
                font-family: 'fontAwesome';
                content: '\f105';
                font-size: small;
                margin: 0 .5em;
            }

            .breadcrumbs a:hover {
                color: #256bb4;
            }

                .breadcrumbs a:hover:after {
                    color: #5b5b5b;
                    text-decoration: none !important;
                    cursor: default;
                }

        .breadcrumbs > span {
            color: #5f97cd;
        }

    .no-transition, #social .social.facebook, .phone {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .confirmation {
        display: inline-block;
        background: #cf4a0c;
        color: white;
        padding: 10px 15px;
        text-align: center;
        font-size: 18px;
        border-radius: 3px;
        border: 1px solid #dedede;
    }

    @media only screen and (max-width: 768px) {
        .confirmation {
            margin-top: 0.75em;
        }
    }

    .copy {
        position: relative;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        display: block;
        text-align: center;
    }

    .pullquote {
        margin: 3em;
        padding: 7px 10px;
        padding-bottom: 0;
        position: relative;
        margin-bottom: 2em;
        z-index: -1;
        display: inline-block;
        text-align: center;
        width: 50%;
        float: right;
    }

        .pullquote:after, .pullquote:before {
            position: absolute;
            color: #dedede;
            content: '“';
            font-size: 75px;
            font-size: 100px;
            height: 0.5rem;
            line-height: 0.75em;
            top: 0rem;
            left: 10px;
            z-index: -2;
        }

        .pullquote:after {
            content: '”';
            top: auto;
            bottom: 0;
            left: auto;
            right: 0;
            line-height: 0.36em;
        }

    .success {
        color: #007568;
        margin-bottom: 1em;
    }

    a.cancel {
        text-decoration: underline;
        color: #5b5b5b;
        margin: 13px 20px 0 !important;
        float: right;
    }

    @media only screen and (max-width: 599px) {
        a.cancel {
            width: 100%;
            text-align: center;
            margin: 0 !important;
        }
    }

    p.saved-submission {
        color: #007568;
        float: right;
        font-size: 16px;
        font-weight: 600;
        font-family: 'lato';
        width: 100%;
        text-align: right;
    }

        p.saved-submission:before {
            font-family: 'fontAwesome';
            content: '\f058';
            margin-right: 5px;
        }

    p.unsaved {
        color: #cf4a0c;
        float: right;
        font-size: 16px;
        font-weight: 600;
        font-family: 'lato';
        width: 100%;
        text-align: right;
    }

        p.unsaved:before {
            font-family: 'fontAwesome';
            content: '\f192';
            margin-right: 5px;
        }

    .tright {
        text-align: right;
    }

    .tleft {
        text-align: left !important;
    }

    .tcenter {
        text-align: center;
    }

    .underline {
        text-decoration: underline;
    }

    .transform-none {
        text-transform: none;
    }

    .strong {
        font-weight: 600;
    }

    .medium {
        font-weight: 500 !important;
    }

    .normal {
        font-weight: 300;
    }

    .small {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }

    .ital {
        font-weight: bold;
        font-style: italic;
    }

    .ada-hidden {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .footnotes {
        border-top: thin solid #dedede;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;
        width: 80%;
    }

    @media (max-width: 599px) {
        .footnotes {
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }
    }

    .footnotes ol {
        padding-left: 20px;
        clear: both;
        font-size: 14px;
    }

    .cb-content-section, .const-cb-content-container, .search-results-container {
        counter-reset: footnotes;
    }

    [aria-describedby="footnote-label"] {
        counter-increment: footnotes;
        text-decoration: none;
        color: inherit;
        cursor: default;
        outline: none;
    }

        [aria-describedby="footnote-label"]::after {
            content: "[" counter(footnotes) "]";
            vertical-align: super;
            font-size: x-small;
            margin: 0 4px;
            color: #7facd7;
            text-decoration: underline;
            cursor: pointer;
        }

        [aria-describedby="footnote-label"]:focus::after {
            outline: thin dotted;
            outline-offset: 2px;
        }

    [aria-label="Back to content"] {
        font-size: 0.8em;
    }

    #manhole-bg {
        background-image: url("/cdn/images/backgrounds/404/404-manhole-base.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px;
        position: relative;
    }

    @media only screen and (max-width: 599px) {
        #manhole-bg {
            background-image: url("/cdn/images/backgrounds/404/404-mobile-1.jpg");
            background-size: contain;
        }
    }

    #manhole-bg #primary-content {
        background: none !important;
    }

    @media only screen and (max-width: 599px) {
        #manhole-bg #primary-content {
            padding-bottom: 0;
        }
    }

    #manhole-bg #secondary-content {
        background: transparent;
    }

    img#manhole-cover {
        display: block;
        position: relative;
        z-index: 2;
        margin: 15% 0%;
        width: 100%;
        max-width: 773px;
    }

    .fourohfour {
        background-image: url("/cdn/images/backgrounds/404/man-hole.png");
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
        z-index: 3;
        text-align: center;
        color: white;
        display: block;
        height: 775px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .fourohfour {
            height: 380px;
            width: 385px;
            margin-left: -27px;
        }
    }

    @media only screen and (max-width: 599px) {
        .fourohfour {
            background-image: none;
        }
    }

    #contentcontainer {
        max-width: 450px;
        margin: 0 auto;
        padding-top: 25%;
        margin-bottom: 2em;
    }

    @media (max-width: 1024px) {
        #contentcontainer {
            padding-top: 5em;
            margin-bottom: 40px;
        }
    }

    @media only screen and (max-width: 599px) {
        #contentcontainer {
            padding-top: 8em;
            margin-bottom: 0.5em;
        }
    }

    #contentcontainer h1 {
        color: #5f97cd;
        font-size: 133px;
        font-weight: bold;
        margin-bottom: 60px;
    }

    @media (max-width: 1024px) {
        #contentcontainer h1 {
            font-size: 100px;
            margin-bottom: 40px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #contentcontainer h1 {
            font-size: 75px;
            margin-bottom: 30px;
        }
    }

    @media only screen and (max-width: 599px) {
        #contentcontainer h1 {
            font-size: 65px;
            margin-bottom: 15px;
        }
    }

    #contentcontainer h2 {
        color: #5f97cd;
        font-size: 53px;
        font-weight: bold;
        text-transform: none;
        margin-bottom: 30px;
    }

    @media (max-width: 1024px) {
        #contentcontainer h2 {
            font-size: 40px;
            margin-bottom: 20px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #contentcontainer h2 {
            font-size: 33px;
            margin-bottom: 10px;
        }
    }

    @media only screen and (max-width: 599px) {
        #contentcontainer h2 {
            font-size: 22px;
            margin-bottom: 0.5em;
        }
    }

    #contentcontainer p {
        font-size: 18px;
        font-weight: 300;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #contentcontainer p {
            font-size: 16px;
        }
    }

    @media only screen and (max-width: 599px) {
        #contentcontainer p {
            display: inline-block;
            font-size: 15px;
        }
    }

    #btncontainer {
        width: 300px;
        display: inline-block;
        margin: 0 auto;
    }

    @media (min-width: 1200px) {
        #btncontainer {
            width: 40%;
        }
    }

    @media (max-width: 1024px) {
        #btncontainer {
            width: 45%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #btncontainer {
            width: 200px;
        }
    }

    @media only screen and (max-width: 599px) {
        #btncontainer {
            width: 190px;
        }
    }

    #btncontainer button.xl {
        margin: 0 0 1em;
    }

    /* Roll In */
    .manhole-cover {
        background-image: url("/cdn/images/backgrounds/404/404-manhole-cover.png");
        background-size: contain;
        padding: 100%;
        display: block;
        text-align: center;
        justify-content: center;
        align-content: center;
        color: white;
        padding: 5px;
        animation: shimmy 3s;
        height: 775px;
        background-repeat: no-repeat;
        z-index: 4;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .manhole-cover {
            height: 384px;
            margin-left: -15px;
        }
    }

    @media only screen and (max-width: 599px) {
        .manhole-cover {
            background-image: none;
        }
    }

    @keyframes shimmy {
        0% {
            transform: translate(700px, 0) rotate(-120deg);
        }

        100% {
            transform: translate(0, 0) rotate(0deg);
        }
    }

    .header-404 {
        /*background-image: url("/cdn/images/backgrounds/404/404-dark.jpg") !important;*/
        background-position: 85% 0 !important;
        position: relative;
        height: auto !important;
        min-height: 300px;
        overflow: hidden;
    }

    @media (max-width: 768px) {
        .header-404 {
            width: 100%;
            min-width: 100%;
            margin-left: 0 !important;
        }
    }

    @media (max-width: 599px) {
        .header-404 {
            display: block !important;
            min-height: 368px;
        }
    }

    .header-404 > .header-content-container {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 3px 3px;
        margin: 2.5% auto !important;
        padding: 2% 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header-404 .header-content-container .header-image {
        background: url("/cdn/images/icons/404/404-icon.png") no-repeat 0 0;
        background-size: 100%;
    }

    @media (max-width: 1023px) {
        .header-404 .header-content-container .header-content-wrapper .header-content-title.small-title:before {
            content: "404 ";
        }
    }

    @media (max-width: 599px) {
        .header-404 .header-content-container .header-content-wrapper .header-content-title.small-title:before {
            content: "404 ";
        }
    }

    .header-404 .error-404-label-wrapper {
        margin-top: .5em !important;
        max-width: 592px !important;
        height: auto !important;
    }

    @media (min-width: 1200px) {
        .header-404 .error-404-label-wrapper {
            max-width: 800px !important;
        }
    }

    @media (max-width: 1023px) {
        .header-404 .error-404-label-wrapper {
            max-width: 90% !important;
            min-width: 90% !important;
            width: 90%;
        }
    }

    @media (max-width: 599px) {
        .header-404 .error-404-label-wrapper {
            max-width: 90% !important;
            min-width: 90% !important;
            width: 90%;
        }
    }

    .header-404 .error-404-label-wrapper .error-404-label-name {
        font-size: small !important;
        color: white !important;
        text-align: left !important;
        margin-top: 2em;
    }

    .header-404 .error-404-label-wrapper .error-404-text-field {
        background: rgba(255, 255, 255, 0.9) !important;
        margin-top: 1% !important;
    }

    @media (max-width: 599px) {
        .header-404 .error-404-label-wrapper .error-404-text-field {
            width: 82% !important;
        }
    }

    .header-404 .error-404-label-wrapper .error-404-btn {
        background: black !important;
        margin: 1% -.5% 0 !important;
    }

    @media (max-width: 599px) {
        .header-404 .error-404-label-wrapper .error-404-btn {
            min-width: 43px !important;
        }
    }

    .content-container-404 > .cmscontent, .content-container-404 > .const-content {
        margin: 0 auto 1em !important;
        width: 90% !important;
    }

    @media (min-width: 1200px) {
        .content-container-404 > .cmscontent, .content-container-404 > .const-content {
            width: 60% !important;
        }
    }

    @media (max-width: 1023px) {
        .content-container-404 > .cmscontent, .content-container-404 > .const-content {
            width: 90% !important;
        }
    }

    .list-404 li {
        display: inline-block;
        border-right: thin solid #dedede;
        list-style: none;
        vertical-align: top;
        width: 30%;
        min-height: 200px;
        margin: 0 2%;
        padding-right: 2em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

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

        .list-404 li:last-of-type {
            border-right: 0;
            margin-right: 0;
        }

    @media (max-width: 1023px) {
        .list-404 li {
            width: 100%;
            border-right: 0;
            margin: 2% 0;
            padding-right: 0;
        }
    }

    @media (max-width: 599px) {
        .list-404 li {
            width: 100%;
            border-right: 0;
            margin: 2% 0;
            padding-right: 0;
        }
    }

    .list-404 li > p {
        font-size: .9em;
    }

    .list-404 li .list-404-btn {
        text-align: left;
    }

    .image-left {
        width: 100%;
        float: left;
        margin: 1em 1em 0 0;
        display: block;
    }

    @media (max-width: 599px) {
        .image-left {
            max-width: 100%;
            min-width: 100%;
            float: left;
        }
    }

    .image-right {
        width: 100%;
        float: right;
        margin: 1em 0 2em 1em;
        display: block;
    }

    @media (max-width: 599px) {
        .image-right {
            max-width: 100%;
            min-width: 100%;
            float: left;
        }
    }

    .image-none {
        width: 100%;
        float: none;
        margin: 1em 0 2em;
        display: block;
    }

    .image-full {
        width: 100%;
        float: left;
        margin: 1em 0;
        display: block;
    }

    .thumbnail {
        max-width: 75px !important;
        width: 100%;
    }

    .icon-40 {
        max-width: 40px !important;
        width: 100%;
    }

    .image-border {
        border: 1px solid #5b5b5b;
    }

    .profile-image {
        margin-top: 0;
        padding-right: 20px;
    }

    .gallery-container {
        width: 100%;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        position: relative;
    }

    @media (max-width: 1023px) {
        .gallery-container {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
    }

    @media (max-width: 599px) {
        .gallery-container {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }
    }

    .gallery-img-container {
        position: relative;
        margin: 1em 0;
        padding: 7px 0;
        width: 200px;
        height: 200px;
        overflow-x: hidden;
        overflow-y: hidden;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        -moz-page-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        position: relative;
    }

        .gallery-img-container:first-child, .gallery-img-container:first-of-type {
            margin-top: 0;
        }

    @media (max-width: 599px) {
        .gallery-img-container {
            height: 200px !important;
        }
    }

    .gallery-img-container > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
    }

        .gallery-img-container > a > img {
            width: 100%;
            height: 100%;
            top: 0;
            position: absolute;
        }

        .gallery-img-container > a > .gallery-text {
            background: transparent;
            display: inline-block;
            bottom: 5px;
            color: white;
            height: auto;
            max-height: 300px;
            width: 100%;
            top: -12em;
            padding: 0 15px;
            text-align: center;
            position: relative;
            visibility: hidden;
            z-index: 2;
        }

        .gallery-img-container > a > .gallery-mask {
            background: rgba(0, 0, 0, 0.6);
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            position: absolute;
        }

        .gallery-img-container > a:hover {
            cursor: pointer;
        }

            .gallery-img-container > a:hover > .gallery-mask {
                display: block;
                -webkit-transition: background 0.5s ease-in-out;
                -moz-transition: background 0.5s ease-in-out;
                -ms-transition: background 0.5s ease-in-out;
                -o-transition: background 0.5s ease-in-out;
            }

            .gallery-img-container > a:hover > .gallery-text {
                top: 7em;
                visibility: visible;
            }

    #colorbox {
        padding-top: 1em !important;
    }

    #cboxLoadedContent {
        padding-bottom: 1em;
        padding-top: 0 !important;
    }

    #cboxTitle {
        position: relative;
        left: 0;
        text-align: center;
        width: 100%;
        color: white;
    }

    #cboxCurrent, #cboxPrevious, #cboxNext, #cboxClose,
    #cboxSlideshow {
        bottom: 4px;
        position: absolute;
    }

    #cboxPrevious, #cboxNext, #cboxClose {
        background: transparent !important;
        width: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        height: 28px;
        text-indent: -9999px;
        white-space: nowrap;
        overflow: hidden;
    }

        #cboxPrevious:before, #cboxNext:before, #cboxClose:before {
            font-family: "FontAwesome";
            content: "";
            vertical-align: middle;
            color: #5b5b5b;
            text-indent: 0;
            float: left;
            font-size: large;
            margin-top: -4px;
        }

    #cboxPrevious {
        left: -1px;
    }

        #cboxPrevious:before {
            content: "\f0a8";
        }

    #cboxNext {
        left: 10px;
    }

    @media (max-width: 768px) {
        #cboxNext {
            left: 23px !important;
        }
    }


/* Firefox Only */
@-moz-document url-prefix() {

    .containertitle h2 {
        width: auto !important;
       display: flex;
       flex-wrap: wrap;
    }

    .footer-nav {
        display: inline-block !important;
    }
}  

    #cboxNext:before {
        content: "\f0a9";
    }

    #cboxClose {
        right: .5em;
    }

        #cboxClose:before {
            content: "\f057";
        }

    #cboxCurrent {
        display: none !important;
        left: 58px;
        color: #757575;
    }

    /* Icons */
    /* Alerts */
    /* Notifications */
    /* Bill Estimator */
    /* Confirmation */
    /* Dropdown Arrow */
    /* Events */
    /* Filter */
    /* Recover */
    /* Outage */
    /* Meter Search */
    /* Permint Detail */
    /* Project Status */
    /* PO Inovice */
    /* Service Availability */
    /* Streetlight */
    /* Storm Mode */
    /* Search Folder */
    /* Search No Results */
    /* Misc. Icons */
    /* ==================================================
Checkboxes, Radio Buttons, Toggle Switches
================================================== */
    /* Checkbox Custom Styles */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        text-indent: -9999px;
        left: -9999px;
        position: absolute;
    }

    label span {
        font-size: 16px;
        color: #5b5b5b;
        border: 0 !important;
    }

    label.checkbox span {
        float: left;
    }

    label input[type="radio"] ~ i,
    label input[type="checkbox"] ~ i,
    label input[type="radio"] ~ em,
    label input[type="checkbox"] ~ em {
        font-size: 18px;
        margin-top: -3px;
        margin-right: 8px;
        line-height: 28px;
    }

    .cb-content-section label input[type="radio"] ~ i, .const-cb-content-container label input[type="radio"] ~ i, .search-results-container label input[type="radio"] ~ i,
    .cb-content-section label input[type="checkbox"] ~ i,
    .const-cb-content-container label input[type="checkbox"] ~ i,
    .search-results-container label input[type="checkbox"] ~ i,
    .cb-content-section label input[type="radio"] ~ em,
    .const-cb-content-container label input[type="radio"] ~ em,
    .search-results-container label input[type="radio"] ~ em,
    .cb-content-section label input[type="checkbox"] ~ em,
    .const-cb-content-container label input[type="checkbox"] ~ em,
    .search-results-container label input[type="checkbox"] ~ em {
        margin-top: 0;
    }

    label input[type="radio"] ~ i.fa.fa-circle-thin, label input[type="radio"] ~ em.fa.fa-circle-thin {
        color: #757575;
        display: inline;
        float: left;
    }

    label input[type="radio"] ~ i.fa.fa-check-circle, label input[type="radio"] ~ em.fa.fa-check-circle {
        display: none;
    }

    label input[type="radio"]:checked ~ i.fa.fa-circle-thin, label input[type="radio"]:checked ~ em.fa.fa-circle-thin {
        display: none;
    }

    label input[type="radio"]:checked ~ i.fa.fa-check-circle, label input[type="radio"]:checked ~ em.fa.fa-check-circle {
        color: #007568;
        display: inline;
        float: left;
    }

    label:hover input[type="radio"] ~ i.fa, label:hover input[type="radio"] ~ em.fa {
        color: #007568;
    }

    label input[type="checkbox"] ~ i.fa.fa-square-o, label input[type="checkbox"] ~ em.fa.fa-square-o {
        color: #757575;
        display: inline;
        float: left;
    }

    label input[type="checkbox"] ~ i.fa.fa-check-square, label input[type="checkbox"] ~ em.fa.fa-check-square {
        display: none;
    }

    label input[type="checkbox"]:checked ~ i.fa.fa-square-o, label input[type="checkbox"]:checked ~ em.fa.fa-square-o {
        display: none;
    }

    label input[type="checkbox"]:checked ~ i.fa.fa-check-square, 
    label input[type="checkbox"]:checked ~ em.fa.fa-check-square {
        color: #007568 !important;
        display: inline;
        float: left;
    }

    label:hover input[type="checkbox"] ~ i.fa, label:hover input[type="checkbox"] ~ em.fa {
        color: #007568 !important;
    }

    label.checkbox.label-qtr:focus-within, label.checkbox.label-sm:focus-within {
        outline: thin dotted;
        min-width: 8px;
        width: 167px;
    }

    div[data-toggle="buttons"] label.active {
        color: #007568;
    }

    div[data-toggle="buttons"] label {
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        -webkit-user-select: none;
        background-color: transparent;
        border-radius: 3px;
        border: 0px solid #bdbdbd;
        color: #bdbdbd;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 2em;
        margin-bottom: 0;
        margin-bottom: 2.75em;
        text-align: left;
        user-select: none;
        vertical-align: top;
        white-space: nowrap;
    }

    @media only screen and (max-width: 599px) {
        div[data-toggle="buttons"] label {
            margin-bottom: 1em;
            white-space: inherit;
        }
    }

    div[data-toggle="buttons"] label:hover {
        color: #007568;
    }

    div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .switch {
        position: relative;
        display: inline-block;
    }

    .switch-input {
        display: none;
    }

    .switch-label {
        display: block;
        width: 60px;
        height: 24px;
        color: white;
        clip: rect(0 0 0 0);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .switch-label:before,
        .switch-label:after {
            content: " ";
            display: block;
            position: absolute;
            cursor: pointer;
        }

        .switch-label:before {
            width: 100%;
            height: 100%;
            background-color: #dedede;
            border-radius: 9999em;
            -webkit-transition: background-color 0.25s ease;
            transition: background-color 0.25s ease;
            content: "Off";
            text-align: right;
            color: black;
            padding-right: 10px;
        }

        .switch-label:after {
            top: 0;
            left: 0;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background-color: white;
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
            -webkit-transition: left 0.25s ease;
            transition: left 0.25s ease;
        }

    .switch-input:checked + .switch-label:before {
        background-color: #8dc34c;
        color: white;
        content: "On";
        text-align: left;
        padding-left: 5px;
    }

    .switch-input:checked + .switch-label:after {
        left: 37px;
    }

    .tab-btn-container {
        display: block;
        width: 300px;
        height: 100%;
        margin: -1.4em auto 0;
        position: relative;
        z-index: 2;
    }

    @media (max-width: 599px) {
        .tab-btn-container {
            width: 100%;
        }
    }

    .tab-btn-wrapper {
        background: white;
        border: thin solid #dedede;
        width: 150px;
        height: 36px;
        float: left;
        margin: 0;
        overflow: hidden;
    }

    @media (max-width: 599px) {
        .tab-btn-wrapper {
            width: 50%;
        }
    }

    .tab-input {
        left: -9999px;
        visibility: hidden;
        position: absolute;
    }

        .tab-input[type="checkbox"]:checked + .tab-btn, .tab-input[type="checkbox"]:checked ~ .tab-btn, .tab-input[type="radio"]:checked + .tab-btn, .tab-input[type="radio"]:checked ~ .tab-btn {
            background: #dfeaf5;
        }

            .tab-input[type="checkbox"]:checked + .tab-btn h3, .tab-input[type="checkbox"]:checked ~ .tab-btn h3, .tab-input[type="radio"]:checked + .tab-btn h3, .tab-input[type="radio"]:checked ~ .tab-btn h3 {
                /*Color changed from #5f97cd to 256bb4**/
                color: #256bb4;
            }

            .tab-input[type="checkbox"]:checked + .tab-btn:hover, .tab-input[type="checkbox"]:checked ~ .tab-btn:hover, .tab-input[type="radio"]:checked + .tab-btn:hover, .tab-input[type="radio"]:checked ~ .tab-btn:hover {
                cursor: default;
            }

    .checkbox-wrapper .checkbox-label, .checkbox-wrapper .radio-label, .radio-wrapper .checkbox-label, .radio-wrapper .radio-label {
        width: auto;
        float: left;
        font-size: small;
    }

        .checkbox-wrapper .checkbox-label:before, .checkbox-wrapper .radio-label:before, .radio-wrapper .checkbox-label:before, .radio-wrapper .radio-label:before {
            content: "\f096";
            font-family: fontAwesome;
            color: #757575;
            padding-right: .5em;
        }

        .checkbox-wrapper .checkbox-label:hover, .checkbox-wrapper .checkbox-label input:focus + .checkbox-label, .checkbox-wrapper .checkbox-label input:focus + .radio-label, .checkbox-wrapper .radio-label:hover, .checkbox-wrapper .radio-label input:focus + .checkbox-label, .checkbox-wrapper .radio-label input:focus + .radio-label, .radio-wrapper .checkbox-label:hover, .radio-wrapper .checkbox-label input:focus + .checkbox-label, .radio-wrapper .checkbox-label input:focus + .radio-label, .radio-wrapper .radio-label:hover, .radio-wrapper .radio-label input:focus + .checkbox-label, .radio-wrapper .radio-label input:focus + .radio-label {
            cursor: pointer;
        }

    .checkbox-wrapper input, .radio-wrapper input {
        left: -9999px;
        position: absolute;
    }

.checkbox-wrapper input[type="checkbox"]:checked ~ .checkbox-label:before, .checkbox-wrapper input[type="checkbox"]:checked ~ .radio-label:before, .checkbox-wrapper input[type="radio"]:checked ~ .checkbox-label:before, .checkbox-wrapper input[type="radio"]:checked ~ .radio-label:before, .radio-wrapper input[type="checkbox"]:checked ~ .checkbox-label:before, .radio-wrapper input[type="checkbox"]:checked ~ .radio-label:before, .radio-wrapper input[type="radio"]:checked ~ .checkbox-label:before, .radio-wrapper input[type="radio"]:checked ~ .radio-label:before {
    content: "\f14a";
    color: #007568;
    border-bottom: 0;
}

.checkbox-wrapper input[type="checkbox"]:focus + .checkbox-label,
.checkbox-wrapper input[type="radio"]:focus + .checkbox-label,
.radio-wrapper input[type="checkbox"]:focus + .checkbox-label,
.radio-wrapper input[type="radio"]:focus + .checkbox-label {
    border-bottom: thin solid #007568;
    color: #007568;
}

label input[type="radio"] ~ em,
label input[type="checkbox"] ~ em {
    font-size: 18px;
    margin-top: 0;
    margin-right: 8px;
    color: #757575 !important;
}

label input[type="radio"] ~ em.fa.fa-circle-thin {
    color: #757575 !important;
    display: inline;
    float: left;
}

label input[type="radio"] ~ em.fa.fa-check-circle {
    display: none;
    color: #007568;
}

label input[type="radio"]:checked ~ em.fa.fa-circle-thin {
    display: none;
    color: #007568;
}

label input[type="radio"]:checked ~ em.fa.fa-check-circle {
    color: #007568;
    display: inline;
}

label:hover input[type="radio"] ~ em.fa {
    color: #007568;
}

label input[type="checkbox"] ~ em.fa.fa-square-o {
    color: #757575;
    display: inline;
    float: left;
}

    label input[type="checkbox"] ~ em.fa.fa-check-square {
        display: none;
    }

    label input[type="checkbox"]:checked ~ em.fa.fa-square-o {
        display: none;
    }

    label input[type="checkbox"]:checked ~ em.fa.fa-check-square {
        color: #007568;
        display: inline;
        float: left;
    }

    label:hover input[type="checkbox"] ~ em.fa {
        color: #4e6a31;
    }

/* ================================================== 
Ui Date Picker
================================================== */
    #ui-datepicker-div {
        z-index: 800;
    }

    @media (max-width: 599px) {
        #ui-datepicker-div {
            left: 10px !important;
        }
    }

    @media (max-width: 599px) {
        #ui-datepicker-div.ui-datepicker {
            width: 90% !important;
        }
    }

    @media (max-width: 599px) {
        #ui-datepicker-div .ui-state-default {
            width: 100% !important;
        }
    }

 .ui-datepicker { 
    z-index: 9999 !important;
 }

#ui-datepicker-div 
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #6b7785 url("/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x !important;
    font-weight: bold;
    color: #1c94c4;
}

#ui-datepicker-div
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #be8509 !important;
    border: 0 !important;
}

#ui-datepicker-div .ui-state-active {
    background-color: #007568 !important;     
    color: white !important;
    width: 50px;
}

#ui-datepicker-div
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: #007c9e !important;
}


#ui-datepicker-div .ui-state-default:hover, .ui-state-active:hover {
/*    background: #be8509 !important;/*line comment out for ADA color issues light yellow
*/    color: white !important;
}





/* ================================================== 
Calendar
================================================== */
    .date-picker {
        -webkit-transition: all 0.3s 0s ease-in-out;
        background: white;
        height: auto;
        max-height: 50px;
        overflow: hidden;
        position: relative;
        transition: all 0.3s 0s ease-in-out;
    }

        .date-picker .input {
            width: 100%;
            height: 50px;
            font-size: 0;
            cursor: pointer;
        }

    label.dateSelect {
        display: inline-block;
        margin-bottom: 0.5em;
    }

    i.fa.fa-calendar {
        color: black !important;
        font-size: 17px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    .date-picker .input .result, .date-picker .input button {
        display: inline-block;
        vertical-align: top;
    }

    .date-picker .input .result {
        border-left: transparent;
        border-radius: 3px;
        border: 1px solid #727272;
        box-sizing: border-box;
        color: #5b5b5b;
        cursor: pointer;
        font-size: 16px;
        height: 33px;
        line-height: 33px;
        margin-left: -2px;
        padding: 0 10px;
        width: 300px;
    }

    .date-picker .input button {
        background: none;
        border-radius: 3px 0px 0px 3px;
        border-right: 1px solid white !important;
        border: 1px solid #5b5b5b;
        color: #333333;
        display: inline-block;
        font-size: 12px;
        margin: 0 auto;
        padding: 7px 10px;
        min-width: inherit;
        background: #dedede;
    }

        .date-picker .input button:focus {
            outline: 0;
        }

    .date-picker .calendar {
        background: white;
        border-radius: 0px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .date-picker .ui-datepicker-inline {
        max-width: 691px;
        position: absolute;
        width: 100%;
    }

    .date-picker .ui-datepicker-header {
        background: white;
        border: 0;
        color: black;
        font-size: 29pt;
        height: 100%;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {
        border-radius: 100%;
        border: 2px solid white;
        cursor: pointer;
        height: 20px;
        margin-top: 12px;
        overflow: hidden;
        text-indent: 9999px;
        width: 20px;
    }

    .date-picker .ui-datepicker-prev {
        float: left;
        margin-left: 12px;
    }

        .date-picker .ui-datepicker-prev:after {
            -webkit-transform: rotate(45deg);
            margin: -43px 0px 0px 8px;
            transform: rotate(45deg);
        }

    .date-picker .ui-datepicker-next {
        float: right;
        margin-right: 12px;
    }

        .date-picker .ui-datepicker-next:after {
            -webkit-transform: rotate(-135deg);
            margin: -43px 0px 0px 6px;
            transform: rotate(-135deg);
        }

        .date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {
            border-bottom: 2px solid white;
            border-left: 2px solid white;
            content: "";
            display: block;
            height: 4px;
            position: absolute;
            width: 4px;
        }

    .date-picker .ui-datepicker-title {
        text-align: center;
    }

    .date-picker .ui-datepicker-calendar {
        text-align: center;
        width: 100%;
        display: inline-table;
    }

        .date-picker .ui-datepicker-calendar thead tr th span {
            color: #5b5b5b;
            display: block;
            font-size: 22px;
            font-weight: 300;
            margin-bottom: 5px;
            text-transform: uppercase;
            width: 100%;
        }

.ui-state-default {
    background: #6b7785 !important;
    border: 0 !important;
    color: white !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    margin: 0 auto;
    text-align: center !important;
    width: 50px;
}

    .date-picker .ui-state-default:hover {
        background-color: #9fc1e1 !important;
        border-radius: 50%;
    }

    .date-picker .ui-state-default {
        display: block;
        font-size: 12px;
        line-height: 40px;
    }

    .ui-state-active {
        background-color: #4c79a4 !important;
        border-radius: 50%;
        color: white !important;
        width: 50px;
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        background-color: white !important;
    }

    .date-picker .ui-datepicker-unselectable .ui-state-default {
        color: #e4e4e4;
        border: 2px solid transparent;
    }

    .date-picker.open {
        max-height: 100%;
    }

        .date-picker.open .input button {
            background: #dedede;
        }

    .ui-icon-circle-triangle-e {
        background-image: url("/cdn/images/right-arrow.png") !important;
        background-position: 0 !important;
    }

    .ui-icon-circle-triangle-w {
        background-image: url("/cdn/images/left-arrow.png") !important;
        background-position: 0 !important;
    }

    #ui-datepicker-div .ui-icon-circle-triangle-e {
        background-image: url("/cdn/images/icons/arrow-right.png") !important;
        background-position: 0 !important;
    }

    #ui-datepicker-div .ui-icon-circle-triangle-w {
        background-image: url("/cdn/images/icons/arrow-left.png") !important;
        background-position: 0 !important;
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        background: none !important;
        border: 0 !important;
    }

    /* ================================================== 
Calendar2
================================================== */
    .current a.ui-state-default {
        color: white !important;
        background-color: green !important;
        background: green !important;
    }

    .due a.ui-state-default {
        color: white !important;
        background-color: red !important;
        background: red !important;
    }

    /* ==================================================
Forms
================================================== */
    form .password-toggle {
        float: right;
        margin: 0 !important;
    }

    form.form {
        /* List of Results*/
        /* Styled li's */
        /* Labels */
        /* remove the default select arrow for IE10 and up */
        /* Text Feild for Input */
        /* city and state */
    }

        form.form .g-recaptcha div {
            width: 100% !important;
        }

        form.form label {
            max-width: 300px;
            width: 100%;
            display: inline-block;
            font-size: small;
            font-weight: 400;
            line-height: 1.45em;
            position: relative;
        }

    @media only screen and (max-width: 599px) {
        form.form label {
            width: 100%;
            max-width: 100%;
        }
    }

    form.form label a {
        text-decoration: underline;
    }

    form.form label > input, form.form label > select, form.form label textarea {
        margin-bottom: 0 !important;
    }

    form.form #results {
        height: 350px;
        overflow: scroll;
    }

    form.form li.clearfix {
        display: block !important;
    }

        form.form li.clearfix .clearfix:before {
            content: "\f1e2";
            font-family: FontAwesome;
            font-size: 16px;
            margin-right: 10px;
        }

    form.form .fieldDescription {
        text-transform: none;
        font-weight: 300;
        margin-bottom: 0.75em;
        font-size: 13px;
        float: left;
        line-height: 16px;
    }

    form.form span#format {
        color: #757575;
        font-size: 12px;
        line-height: 16px;
        margin-left: 10px;
        text-align: left;
    }

    form.form span#formatTwo {
        color: #757575;
        display: inline-block;
        font-size: 14px;
        margin-left: 5px;
        text-align: left;
    }

    form.form input.mobilesearch[type='text'] {
        -webkit-transition: background 0.3s, box-shadow 0.3s;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
        color: #5b5b5b;
        display: block;
        float: left;
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 10px;
        margin-right: 20px;
        margin-top: 10px;
        outline: none;
        padding: 0.7em 1em 0.25em 0;
        transition: background 0.3s, box-shadow 0.3s;
        width: 65%;
        height: auto;
        border-radius: 0;
    }

form.form input[type="form"],
form.form input[type="text"],
form.form input[type="password"],
form.form input[type="email"],
form.form input[type="tel"],
form.form input[type="number"],
form.form input[type="time"],
form.form input[type="date"],
form.form textarea {
    margin: 0 0 2%;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #757575 !important;
    color: black;
    font-size: 14px;
    margin-right: 5px;
    height: 33px;
    padding: 0 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        form.form input[type="form"],
        form.form input[type="text"],
        form.form input[type="password"],
        form.form input[type="email"],
        form.form input[type="tel"],
        form.form input[type="number"],
        form.form input[type="time"],
        form.form input[type="date"],
        form.form textarea {
            width: 230px;
        }
    }

    @media only screen and (max-width: 599px) {
        form.form input[type="form"],
        form.form input[type="text"],
        form.form input[type="password"],
        form.form input[type="email"],
        form.form input[type="tel"],
        form.form input[type="number"],
        form.form input[type="time"],
        form.form input[type="date"],
        form.form textarea {
            width: 100%;
            max-width: initial;
        }
    }

    form.form input[type="text"].xl {
        width: 100% !important;
    }

    form.form span label {
        padding-bottom: 15px;
    }

    @media only screen and (max-width: 599px) {
        form.form span label:nth-of-type(2) {
            margin-left: 0;
        }
    }

    form.form input[type="form"] {
        border: 0;
    }

    form.form select.select::-ms-expand {
        opacity: 0;
    }

    form.form select::-ms-expand {
        opacity: 0;
    }

form.form select {
    background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
    border: 1px solid #757575 !important;
    max-width: 300px;
    width: 100%;
    height: 33px;
    margin: 0 0 2%;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        form.form select {
            width: 230px;
            height: 35px;
        }
    }

    @media only screen and (max-width: 599px) {
        form.form select {
            width: 100%;
            height: 35px;
            max-width: initial;
        }
    }

    form.form textarea.field {
        width: 600px;
        height: auto;
        min-height: 200px;
        overflow-y: scroll;
    }

    form.form textarea {
        font-family: 'lato', Helvetica, Arial, sans-serif;
    }

    form.form input[type='text'].state {
        display: block;
        width: 200px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        form.form input[type='text'].state {
            width: 230px;
        }
    }

    @media only screen and (max-width: 599px) {
        form.form input[type='text'].state {
            width: 100%;
        }
    }

    form.form .greyBg label {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 423px;
    }

    form.form button.email-sent:after {
        font-family: 'FontAwesome';
        content: '\f00c';
        color: white;
        margin-left: 10px;
    }

    form.form .email-sent {
        color: #007568;
        text-align: center;
        font-size: small;
        display: block;
    }

    form > .list {
        margin-left: 1em;
    }

    #signonContainer .label-wrapper {
        width: 100%;
    }

    /* Bug Fixes */
    .zip {
        margin-left: 2em;
    }

    @media (max-width: 599px) {
        .zip {
            margin-left: 0;
        }
    }

    /* Prepend and Apprend */
    .prepend p {
        background-color: #dedede;
        border-radius: 3px 0px 0px 3px;
        border: 1px solid #5b5b5b;
        display: inline-block;
        float: left;
        margin-right: -2px;
        padding: 4px 10px;
        margin-top: 10px;
    }

        .prepend p.fa {
            padding: 7px 10px;
            height: 34px;
            margin-right: -2px;
        }

    .append p {
        background-color: #dedede;
        border-radius: 0px 3px 3px 0px;
        border: 1px solid #5b5b5b;
        display: inline-block;
        float: right;
        margin-left: -2px;
        margin-right: 0;
        padding: 4px 10px;
    }

    .input-group {
        position: relative;
    }

        .input-group input[type='text'], .input-group input[type='form'] {
            padding-left: 45px;
        }

        .input-group .input-group-addon.fa {
            color: black !important;
            font-size: 17px !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 0 !important;
        }

            .input-group .input-group-addon.fa:before {
                border-radius: 3px 0px 0px 3px;
                border: 1px solid #5b5b5b;
                display: inline-block;
                padding: 10px;
                padding: 7px 10px;
            }

    .hide-fields {
        border: 1px solid #dedede;
        background: #efefef;
        display: none;
        margin: 0 0 2rem 0;
        padding: 2rem;
        width: 100%;
    }

        .hide-fields h3 {
            color: #007568;
            font-weight: 600;
            margin-top: 1em;
        }

        .hide-fields h2 {
            margin-top: 1em;
        }

        .hide-fields > ol {
            margin-bottom: 1em;
        }

        .hide-fields.active {
            display: inline-block;
        }

    /* Form Field Error Handiling */
    .error label {
        color: #df2911;
    }

    .error input {
        border: 1px solid #df2911;
        -webkit-box-shadow: 0px 0px 3px 0px #aa0000;
        -moz-box-shadow: 0px 0px 3px 0px #aa0000;
        box-shadow: 0px 0px 3px 0px #aa0000;
    }

        .error input::-webkit-input-placeholder {
            color: #df2911;
            opacity: 0.75;
        }

        .error input::-moz-placeholder {
            color: #df2911;
            opacity: 0.75;
        }

    .error .fa-warning:before, .error .fa-exclamation-triangle:before {
        color: #df2911;
    }

    .error span.error {
        color: #df2911;
        display: block;
        margin: -10px 0px 20px 0px;
        max-width: 300px;
        font-size: 14px;
    }

    /* Form Feild Validation */
    #validated label {
        width: 100%;
    }

    #validated input {
        font-family: 'FontAwesome';
        color: #007568;
        text-align: right;
        display: inline-block;
    }

    span.validated {
        float: right;
        position: relative;
        z-index: 2;
        color: #007568;
        left: 25px;
        bottom: 44px;
    }

    /* Results List Selections */
    .listtitle {
        padding: 15px 0px;
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
        margin-top: 40px;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 18px;
    }

    .results {
        padding: 15px 0px 20px;
        width: 100%;
        max-width: 100%;
        display: inline-block;
        border-bottom: 1px solid #bdbdbd;
        cursor: pointer;
    }

        .results i {
            margin: 0px 15px;
        }

        .results:last-of-type {
            border: 0;
        }

    .required-fields-note {
        display: inline-block;
        width: 100%;
        color: #5b5b5b;
        font-size: small;
    }

    .asterisk-mark {
        color: #df2911;
        font-size: medium;
        padding-top: .5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .asterisk-mark:before, .asterisk-mark:after {
            content: "(";
            font-size: small;
            color: #5b5b5b;
            vertical-align: top;
        }

        .asterisk-mark:after {
            content: ")";
        }

    form #panel:hover {
        border: 1px solid black;
    }

    form > .label-wrapper {
        min-height: 80px;
        margin-bottom: 1em;
        max-width: 100%;
    }

        form > .label-wrapper > .text-field {
            height: 35px !important;
            max-width: 100%;
        }

        form > .label-wrapper > .fieldDescription {
            margin: .5em 0;
        }

        form > .label-wrapper #createAccountBtn {
            margin-top: 2em !important;
        }

        form > .label-wrapper > button {
            max-width: 100% !important;
        }

            form > .label-wrapper > button:first-of-type {
                margin-top: 2em !important;
            }

    .label-qtr, .label-sm {
        width: 30%;
        margin: 0 3.3% 0 0;
        float: left;
    }

        .label-qtr p, .label-sm p {
            width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: text-top;
            line-height: normal;
            font-size: .9em;
            display: inline-block;
        }

        .label-qtr:hover, .label-sm:hover {
            cursor: pointer;
        }

            .label-qtr:hover p, .label-sm:hover p {
                color: #3877B2;
            }

        .label-qtr i, .label-sm i {
            margin-right: 1% !important;
            vertical-align: text-top;
        }

        .label-qtr > i.fa-check-square, .label-sm > i.fa-check-square, .label-qtr > i.fa-square-o, .label-sm > i.fa-square-o {
            margin-top: 0;
        }

        .label-qtr > input[type="checkbox"]:checked + p, .label-sm > input[type="checkbox"]:checked + p, .label-qtr > input[type="checkbox"]:checked ~ p, .label-sm > input[type="checkbox"]:checked ~ p, .label-qtr > input[type="checkbox"]:checked ~ i, .label-sm > input[type="checkbox"]:checked ~ i, .label-qtr > input[type="checkbox"]:checked ~ span, .label-sm > input[type="checkbox"]:checked ~ span, .label-qtr > input[type="radio"]:checked + p, .label-sm > input[type="radio"]:checked + p, .label-qtr > input[type="radio"]:checked ~ p, .label-sm > input[type="radio"]:checked ~ p, .label-qtr > input[type="radio"]:checked ~ i, .label-sm > input[type="radio"]:checked ~ i, .label-qtr > input[type="radio"]:checked ~ span, .label-sm > input[type="radio"]:checked ~ span {
            color: #007568;
            font-weight: bold;
        }

        .label-qtr.no-truncate p, .no-truncate.label-sm p {
            white-space: inherit;
            text-overflow: inherit;
        }

    @media (max-width: 768px) {
        .label-qtr, .label-sm {
            border-bottom: thin solid #efefef;
            width: 100%;
            margin-right: 0;
            padding: 2% 0;
        }

            .label-qtr:last-of-type, .label-sm:last-of-type {
                border-bottom: 0;
            }

            .label-qtr i, .label-sm i, .label-qtr p, .label-sm p {
                margin: 0;
            }
    }

    @media (max-width: 599px) {
        .label-qtr, .label-sm {
            border-bottom: thin solid #efefef;
            width: 100%;
            margin-right: 0;
            padding: 2% 0;
        }

            .label-qtr:last-of-type, .label-sm:last-of-type {
                border-bottom: 0;
            }

            .label-qtr i, .label-sm i, .label-qtr p, .label-sm p {
                margin: 0;
            }
    }

    .label-sm {
        border-bottom: 0;
        width: 100px;
        margin: .5em 0 0;
        padding: 0;
    }

        .label-sm > p {
            width: auto;
            display: inline-block;
            margin: 0;
            vertical-align: text-top;
        }

        .label-sm > i.fa-check-square, .label-sm > i.fa-square-o {
            margin-top: 0;
        }

        .label-sm > i.check-box, .label-sm > i.radio-btn {
            display: inline-block;
            width: 20px;
            height: 20px;
            border: thin solid red;
            margin-top: 0;
        }

            .label-sm > i.check-box:before, .label-sm > i.radio-btn:before {
                content: "";
                font-family: "fontAwesome";
                display: inline-block;
                color: red;
                vertical-align: text-top;
                font-weight: 200;
                font-size: 1.5em;
            }

        .label-sm > i.check-box {
            content: "\f00c";
        }

        .label-sm > i.radio-btn {
            content: "\f00c";
        }

        .label-sm > input[type="checkbox"]:checked + p, .label-sm > input[type="checkbox"]:checked ~ p, .label-sm > input[type="checkbox"]:checked ~ i, .label-sm > input[type="radio"]:checked + p, .label-sm > input[type="radio"]:checked ~ p, .label-sm > input[type="radio"]:checked ~ i {
            color: #007568 !important;
            font-weight: bold;
        }

    .required-fields-note {
        display: inline-block;
        width: 100%;
        color: #5b5b5b;
        font-size: small;
    }

    .asterisk-mark {
        color: #df2911;
        font-size: large;
        vertical-align: text-top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .asterisk-mark:before, .asterisk-mark:after {
            content: "(";
            font-size: small;
            color: #5b5b5b;
            vertical-align: top;
        }

        .asterisk-mark:after {
            content: ")";
        }

    .cb-content-section .hasDatepicker, .const-cb-content-container .hasDatepicker, .search-results-container .hasDatepicker {
        background: url("/uploadedImages/icon-calendar-datepicker.png") 99% center no-repeat white;
    }

    .validation-error {
        color: #df2911 !important;
    }

        .validation-error:before {
            font-family: 'FontAwesome';
            content: "\f071";
            display: inline-block;
            padding-right: .2em;
            vertical-align: middle;
            font-weight: 200;
            font-size: .8em;
        }

        .validation-error[type="text"], .validation-error[type="password"] {
            border-color: #df2911 !important;
            color: #df2911;
        }

    .input-validation-error[type="text"], .input-validation-error[type="password"] {
        border-color: #df2911 !important;
        color: #df2911;
    }

    select.input-validation-error {
        border-color: #df2911 !important;
    }

    .validation-error-msg, .validation-error-msg > span {
        color: #df2911 !important;
        text-align: left;
        float: left;
        margin: .1em 0 .25em;
        padding: 0;
        position: relative;
        width: 100%;
        font-size: small;
        line-height: normal;
    }

        .validation-error-msg > span, .validation-error-msg > span > span {
            font-size: small;
            line-height: normal;
        }

    .validation {
        font-family: 'FontAwesome';
        display: none;
        padding-right: .2em;
        vertical-align: middle;
        font-weight: 200;
        font-size: .8em;
        width: auto;
        height: auto;
        z-index: 2;
        position: relative;
        visibility: hidden;
    }

        .validation.error-icon, .validation.success-icon {
            display: none;
            visibility: hidden;
            right: 7px;
            top: -36px;
            float: right;
            position: relative;
        }

            .validation.error-icon:before, .validation.success-icon:before {
                font-family: FontAwesome;
            }

            .validation.error-icon:before {
                content: "\f00d";
                color: #df2911;
            }

            .validation.success-icon:before {
                content: "\f00c";
                color: #007568;
            }

    .sm > .validation.error-icon, .sm > .validation.success-icon {
        top: -32px;
    }

    .passwordBoxWithStrengthIndicator {
        margin-bottom: 0px !important;
    }

    .passwordStrengthDisplayBox {
        width: 100% !important;
        float: left;
        min-height: 20px;
        margin-top: 2px;
        text-align: center;
        border-radius: 0px;
        margin-bottom: 3px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: white;
    }

    .weakPassword {
        background-color: #df2911;
        color: white;
    }

    .mediumPassword {
        background-color: #cf4a0c;
        color: white;
    }

    .strongPassword {
        background-color: #819d64;
        color: white;
    }

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

    .field-validation-error {
        color: #df2911;
        font-size: small;
    }

    input[type=text]::-ms-clear {
        display: none;
    }

    .ui-autocomplete {
        background: white;
        border: thin solid #cfcfcf !important;
        position: absolute;
        font-size: 14px !important;
        top: 0;
        left: 0;
        cursor: default;
        min-height: 50px;
        max-height: 100%;
        width: 400px;
        overflow-y: hidden;
        overflow-x: hidden;
    }

    @media screen and (min-width: 0\0) {
        .ui-autocomplete {
            /* IE 6 doesn't support max-height
          * we use height instead, but this forces the menu to always be this tall
      */
            height: 200px;
        }
    }

    @media (max-width: 599px) {
        .ui-autocomplete {
            width: 80%;
            font-size: small !important;
        }
    }

    .ui-autocomplete li {
        list-style: none;
        padding: 0em;
    }

        .ui-autocomplete li:hover {
            background: #4c79a4 !important;
            color: white;
            font-weight: 400;
            font-size: 14px !important;
            cursor: pointer;
        }

    .loadAddress {
        position: relative;
        display: block;
    }

        .loadAddress .loadAnim {
            animation: spin 2s linear infinite;
            border-radius: 50%;
            border: 4px solid #dedede !important;
            border-top: 4px solid #5f97cd !important;
            display: inline-block;
            height: 20px;
            width: 20px;
        }

    .loadAnimContainer {
        height: 50%;
        position: absolute;
        right: 5px;
        top: 25%;
        vertical-align: middle;
    }

    .select {
        background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 99% center white;
        border: thin solid #5b5b5b;
        max-width: 300px;
        width: 100%;
        height: 33px;
        margin: 0 0 2%;
        padding: 0 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        white-space:pre-wrap;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .select {
            background-position: 98% center;
            height: 35px;
            width: 230px;
        }
    }

    @media only screen and (max-width: 599px) {
        .select {
            background-position: 96% center;
            height: 35px;
            max-width: initial;
            width: 100%;
        }
    }

    #RBLForm .accordion-item .accordion-content p.strong {
        clear: both;
        padding-top: 3rem;
    }

    .cb-content-section label input[type="checkbox"] ~ i.fa.fa-square-o, .const-cb-content-container label input[type="checkbox"] ~ i.fa.fa-square-o, .search-results-container label input[type="checkbox"] ~ i.fa.fa-square-o,
    .cb-content-section label input[type="checkbox"] ~ em.fa.fa-square-o,
    .const-cb-content-container label input[type="checkbox"] ~ em.fa.fa-square-o,
    .search-results-container label input[type="checkbox"] ~ em.fa.fa-square-o {
        float: none;
    }

    .cb-content-section label input[type="checkbox"]:checked ~ i.fa.fa-check-square, .const-cb-content-container label input[type="checkbox"]:checked ~ i.fa.fa-check-square, .search-results-container label input[type="checkbox"]:checked ~ i.fa.fa-check-square,
    .cb-content-section label input[type="checkbox"]:checked ~ em.fa.fa-check-square,
    .const-cb-content-container label input[type="checkbox"]:checked ~ em.fa.fa-check-square,
    .search-results-container label input[type="checkbox"]:checked ~ em.fa.fa-check-square {
        float: none;
    }

    .request-text-field[type="file"] {
        border: 0;
        margin-top: 1rem;
    }

    input#searchTerm::-webkit-input-placeholder {
        color: white;
    }

    div#dvPhoneModal #dvPhoneModalFrame div a.popupCancel.cancel:focus,
    div#dvEmailModal #dvEmailModalFrame div a.popupCancel.cancel:focus,
    div#dvAddressModal #dvAddressModalFrame div a.popupCancel.cancel:focus,
    div#dvPasswordModal #dvPasswordModalFrame div a.popupCancel.cancel:focus,
    div#dvUserNameModal #dvUserNameModalFrame div a.popupCancel.cancel:focus,
    div#dvLinkedAccountModal #dvLinkedAccountModalFrame div a.popupCancel.cancel:focus,
    div#dvRemoveLinkedAccountModal #dvRemoveLinkedAccountModalFrame div a.popupCancel.cancel:focus,
    div#dvBillingPreferrenceEmailModal #dvBillingPreferrenceEmailModalFrame div a.popupCancel.cancel:focus,
    div#dvBillingPreferrenceAddressModal #dvBillingPreferrenceAddressModalFrame div a.popupCancel.cancel:focus {
        outline: thin dotted;
        height: 23px;
        margin-bottom: 27px !important;
        -webkit-transition: all 0.0s ease-out;
    }

    div#deleteContactStep1 span#closeModal:focus,
    div#prefTandCSection.popUpModal span#closeModal:focus {
        outline: thin dotted;
        /* height: 23px; */
        padding: 0px 14px 2px 7px;
        width: 10px;
        position: relative;
        right: -5px;
        /* margin-bottom: 27px !important; */
        -webkit-transition: all 0.0s ease-out;
    }

    div#deleteContactStep1 a.cancel.black,
    div#prefTandCSection.popUpModal a.cancel.black {
        padding: 0px 0;
    }

    div#deleteContactStep1 button#btnDeleteContactStep1,
    div#prefTandCSection.popUpModal button#btnDeleteContactStep1 {
        background-color: steelblue;
        position: relative;
        float: right !important;
    }

        div#deleteContactStep1 button#btnDeleteContactStep1:hover, div#deleteContactStep1 button#btnDeleteContactStep1:focus,
        div#prefTandCSection.popUpModal button#btnDeleteContactStep1:hover,
        div#prefTandCSection.popUpModal button#btnDeleteContactStep1:focus {
            background-color: #224c6f;
        }

    /*  ==================================================
  4. CONTAINERS
  ==================================================  */
    #header-container,
    #primary-container,
    #secondary-container,
    #footer-container,
    #copyright-container {
        width: 100%;
    }

    html.home {
        background-color: white;
    }

        html.home .header-container {
            background: white;
        }

    @media only screen and (max-width: 599px) {
        #header-container {
            border-bottom: thin solid #757575;
        }
    }

    #main-container {
        background: transparent;
    }

    #header-container {
        background: white;
        height: auto;
        z-index: 9999;
        position: relative;
        position: fixed;
        top: 40px;
    }

    @media (max-width: 1023px) {
        #header-container {
            background: #4c79a4;
            top: 0;
        }
    }

    #top-navigation {
        z-index: 1;
        position: relative;
    }

    .top-navigation {
        width: 100%;
        padding: 0 !important;
    }

    @media (max-width: 1023px) {
        .top-navigation {
            display: none !important;
        }
    }

    @media (max-width: 599px) {
        .top-navigation {
            display: none !important;
        }
    }

    #footer-container {
        background-color: #494949;
        color: white;
        padding-top: 40px;
        border-top: 5px solid #cf4a0c;
        width: 100%;
    }

    #navigation-container {
        margin-top: 10px !important;
    }

        #navigation-container #main-navigation {
            float: right;
        }

    #copyright-container {
        background-color: black;
    }

    #primary-container {
        background-color: #e4e4e4;
    }

    #primary-content {
        background-color: white;
        padding-bottom: 60px;
        padding-top: 0;
    }

    @media only screen and (max-width: 599px) {
        #primary-content {
            background-color: transparent;
            padding-bottom: 0;
        }
    }

    #secondary-content {
        padding: 1em 0 60px 2em;
    }

    @media (max-width: 1023px) {
        #secondary-content {
            padding-right: 2em;
        }
    }

    @media (max-width: 599px) {
        #secondary-content {
            background-color: white;
            padding: 2em;
        }

            #secondary-content.wrapper {
                width: 100% !important;
                padding: 4% 6% 1.5em !important;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }
    }

    @media (max-width: 320px) {
        #secondary-content {
            margin: 0.45em 0 0.45em 0;
        }
    }

    #main-container {
        background-color: #dedede;
        margin: 0;
        padding: 25px 0;
        position: relative;
        z-index: 1;
    }

    #third-container {
        background-color: black;
        padding: 20px 15px 40px;
        position: relative;
        z-index: 9;
        color: #dedede;
    }

    @media only screen and (max-width: 599px) {
        #third-container {
            padding: 15px;
        }
    }

    .content {
        background: white;
        position: relative;
        padding: 15px;
    }

    .blockInfo {
        padding: 15px;
        background: #efefef;
        margin: 0px;
        margin-right: 20px;
    }

        .blockInfo ul li {
            margin-left: 15px;
        }

    .decorated::before {
        position: relative;
        top: -65px;
        margin: 0 auto;
        display: block;
        width: 80px;
        font-size: 60px;
        font-style: normal;
        color: #4c79a4;
        background-color: white;
        border: 2px solid #4c79a4;
        border-radius: 50%;
        line-height: 0.75;
        background-color: white;
        text-align: center;
    }

    .rightColumn {
        margin-left: 5px;
        display: inline-block;
        position: relative;
    }

    section {
        margin-top: 40px;
    }

    #two-column-template {
        display: table;
        height: 100%;
        width: 100%;
        position: relative;
        margin-top: 9rem;
    }

    @media (max-width: 1023px) {
        #two-column-template {
            height: auto;
            margin-top: 3em;
        }
    }

    @media (max-width: 599px) {
        #two-column-template {
            background: #dedede;
            height: auto;
            margin-top: 3em;
        }
    }

    @media only screen and (max-width: 599px) {
        .stepprocesss {
            background-color: white;
            width: 100%;
            padding: 10px 15px;
            display: inline-block;
        }

            .stepprocesss .fa:before {
                font-size: 28px;
                color: #5f97cd;
            }

            .stepprocesss h1.tright {
                font-size: 18px;
                margin-bottom: 0;
                width: initial;
                float: right;
            }
    }

    .progress {
        border-top: 1px solid #dedede;
        background-color: white;
        width: 100%;
        padding: 10px 15px;
        display: inline-block;
    }

        .progress p {
            margin: 0;
            color: #5b5b5b;
            font-size: 14px;
            font-weight: 500;
        }

    .equal-height-wrapper {
        display: table;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .left-side, .right-side, .centered {
        display: table-cell !important;
        margin: 0;
        vertical-align: top;
        min-height: 1px;
        position: relative;
    }

    .left-side {
        background: #dedede;
        width: 250px;
        min-width: 250px;
    }

    @media (max-width: 1024px) {
        .left-side {
            width: 220px;
        }
    }

    @media (max-width: 1023px) {
        .left-side {
            display: none !important;
        }
    }

    .right-side {
        padding: 0 2em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1024px) {
        .right-side {
            padding: 0 1em;
        }
    }

    @media (max-width: 1023px) {
        .right-side {
            width: 95%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .right-side {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .right-side {
            width: 100%;
            display: inline-block !important;
        }
    }

    .right-side > #secondary-content {
        padding-left: 8.2%;
    }

        /*@media (max-width: 1023px) {
    .right-side > #secondary-content {
        padding-left: 2em;
    }
}*/

        .right-side > #secondary-content.cms-content-container {
            padding-left: 2em;
        }

    .centered {
        width: 100%;
    }

    @media (max-width: 599px) {
        .centered {
            width: 90%;
        }
    }

    .push {
        display: none;
        height: 346px;
    }

    #two-column-template.blank > .equal-height-wrapper > .left-side, #two-column-template.blank > .equal-height-wrapper > .right-side {
        display: none !important;
    }

    .status-search-container, .generate-search-container, .hidden-container {
        display: block;
        width: 100%;
        max-width: 100%;
        min-height: 150px;
        margin: 2em 0 0;
    }

        .status-search-container .status-wrapper, .generate-search-container .status-wrapper, .status-search-container .hidden-wrapper, .generate-search-container .hidden-wrapper, .hidden-container .status-wrapper, .hidden-container .hidden-wrapper {
            display: none;
            width: 100%;
            max-width: 100%;
            -webkit-animation-delay: 0;
            -webkit-animation-duration: 1.5s;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-name: fadeIn;
            -webkit-animation-timing-function: linear;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-delay: 0;
            -moz-animation-duration: 1.5s;
            -moz-animation-iteration-count: 1;
            -moz-animation-name: fadeIn;
            -moz-animation-timing-function: linear;
            -moz-animation-fill-mode: forwards;
            -o-animation-delay: 0;
            -o-animation-duration: 1.5s;
            -o-animation-iteration-count: 1;
            -o-animation-name: fadeIn;
            -o-animation-timing-function: linear;
            -o-animation-fill-mode: forwards;
            -ms-animation-delay: 0;
            -ms-animation-duration: 1.5s;
            -ms-animation-iteration-count: 1;
            -ms-animation-name: fadeIn;
            -ms-animation-timing-function: linear;
            -ms-animation-fill-mode: forwards;
            animation-delay: 0;
            animation-duration: 1.5s;
            animation-iteration-count: 1;
            animation-name: fadeIn;
            animation-timing-function: linear;
            animation-fill-mode: forwards;
        }

            .status-search-container .status-wrapper.active, .generate-search-container .status-wrapper.active, .status-search-container .hidden-wrapper.active, .generate-search-container .hidden-wrapper.active, .hidden-container .status-wrapper.active, .hidden-container .hidden-wrapper.active {
                display: inline-block;
            }

    @media (max-width: 599px) {
        .hidden-container {
            margin-top: 0;
        }
    }

    .status-search-label-wrapper, .generate-search-label-wrapper, .construction-search-label-wrapper, .employee-search-label-wrapper, .septic-search-label-wrapper {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto 0;
    }

        .status-search-label-wrapper .status-label-name, .generate-search-label-wrapper .status-label-name, .construction-search-label-wrapper .status-label-name, .employee-search-label-wrapper .status-label-name, .septic-search-label-wrapper .status-label-name, .generate-search-label-wrapper .generate-label-name, .status-search-label-wrapper .construction-search-label-wrapper > .construction-label-name, .generate-search-label-wrapper .construction-search-label-wrapper > .construction-label-name, .construction-search-label-wrapper > .construction-label-name, .employee-search-label-wrapper .construction-search-label-wrapper > .construction-label-name, .septic-search-label-wrapper .construction-search-label-wrapper > .construction-label-name, .employee-search-label-wrapper .employee-label-name, .septic-search-label-wrapper .septic-label-name {
            display: inline-block;
            width: 100%;
            padding: 0;
        }

            .status-search-label-wrapper .status-label-name .status-search-icon, .generate-search-label-wrapper .status-label-name .status-search-icon, .construction-search-label-wrapper .status-label-name .status-search-icon, .employee-search-label-wrapper .status-label-name .status-search-icon, .septic-search-label-wrapper .status-label-name .status-search-icon, .generate-search-label-wrapper .generate-label-name .status-search-icon, .construction-search-label-wrapper > .construction-label-name .status-search-icon, .employee-search-label-wrapper .employee-label-name .status-search-icon, .septic-search-label-wrapper .septic-label-name .status-search-icon, .generate-search-label-wrapper .generate-label-name .generate-search-icon {
                background: url(/cdn/images/icons/search_folder_icon.png) no-repeat 0 0;
                background-size: 80% !important;
                width: 62px;
                height: 62px;
                float: left !important;
            }

            .status-search-label-wrapper .status-label-name .label-name, .generate-search-label-wrapper .status-label-name .label-name, .construction-search-label-wrapper .status-label-name .label-name, .employee-search-label-wrapper .status-label-name .label-name, .septic-search-label-wrapper .status-label-name .label-name, .generate-search-label-wrapper .generate-label-name .label-name, .construction-search-label-wrapper > .construction-label-name .label-name, .employee-search-label-wrapper .employee-label-name .label-name, .septic-search-label-wrapper .septic-label-name .label-name {
                display: inline-block;
                width: auto;
            }

        .status-search-label-wrapper .status-search-text-field, .generate-search-label-wrapper .status-search-text-field, .construction-search-label-wrapper .status-search-text-field, .employee-search-label-wrapper .status-search-text-field, .septic-search-label-wrapper .status-search-text-field, .generate-search-label-wrapper .generate-search-text-field, .construction-search-label-wrapper .construction-search-text-field, .employee-search-label-wrapper .employee-search-text-field, .septic-search-label-wrapper .septic-search-text-field {
            background: white;
            border: 1px solid #757575 !important;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            width: 76%;
            max-width: 600px !important;
            height: 39px !important;
            margin: 0 2% 0 0;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: small;
            float: left;
            z-index: 6;
            position: relative;
        }

            .status-search-label-wrapper .status-search-text-field:focus, .generate-search-label-wrapper .status-search-text-field:focus, .construction-search-label-wrapper .status-search-text-field:focus, .employee-search-label-wrapper .status-search-text-field:focus, .septic-search-label-wrapper .status-search-text-field:focus, .generate-search-label-wrapper .generate-search-text-field:focus, .construction-search-label-wrapper .construction-search-text-field:focus, .employee-search-label-wrapper .employee-search-text-field:focus, .septic-search-label-wrapper .septic-search-text-field:focus {
                background: white;
                border-color: #5f97cd;
            }

    @media (max-width: 1024px) {
        .status-search-label-wrapper .status-search-text-field, .generate-search-label-wrapper .status-search-text-field, .construction-search-label-wrapper .status-search-text-field, .employee-search-label-wrapper .status-search-text-field, .septic-search-label-wrapper .status-search-text-field, .generate-search-label-wrapper .generate-search-text-field, .construction-search-label-wrapper .construction-search-text-field, .employee-search-label-wrapper .employee-search-text-field, .septic-search-label-wrapper .septic-search-text-field {
            width: 70%;
        }
    }

    @media (max-width: 599px) {
        .status-search-label-wrapper .status-search-text-field, .generate-search-label-wrapper .status-search-text-field, .construction-search-label-wrapper .status-search-text-field, .employee-search-label-wrapper .status-search-text-field, .septic-search-label-wrapper .status-search-text-field, .generate-search-label-wrapper .generate-search-text-field, .construction-search-label-wrapper .construction-search-text-field, .employee-search-label-wrapper .employee-search-text-field, .septic-search-label-wrapper .septic-search-text-field {
            width: 100%;
            max-width: 100%;
        }
    }

    .status-search-label-wrapper .status-btn, .generate-search-label-wrapper .status-btn, .construction-search-label-wrapper .status-btn, .employee-search-label-wrapper .status-btn, .septic-search-label-wrapper .status-btn, .generate-search-label-wrapper .generate-btn, .construction-search-label-wrapper .construction-btn, .employee-search-label-wrapper .employee-btn, .status-search-label-wrapper .septic-search-wrapper > .septic-btn, .generate-search-label-wrapper .septic-search-wrapper > .septic-btn, .construction-search-label-wrapper .septic-search-wrapper > .septic-btn, .employee-search-label-wrapper .septic-search-wrapper > .septic-btn, .septic-search-label-wrapper .septic-search-wrapper > .septic-btn {
        background: #757575;
        float: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: auto !important;
        min-width: 130px !important;
        height: 39px;
        margin: 0 0 0;
        padding: 0;
    }

        .status-search-label-wrapper .status-btn:before, .generate-search-label-wrapper .status-btn:before, .construction-search-label-wrapper .status-btn:before, .employee-search-label-wrapper .status-btn:before, .septic-search-label-wrapper .status-btn:before, .generate-search-label-wrapper .generate-btn:before, .construction-search-label-wrapper .construction-btn:before, .employee-search-label-wrapper .employee-btn:before, .status-search-label-wrapper .septic-search-wrapper > .septic-btn:before, .generate-search-label-wrapper .septic-search-wrapper > .septic-btn:before, .construction-search-label-wrapper .septic-search-wrapper > .septic-btn:before, .employee-search-label-wrapper .septic-search-wrapper > .septic-btn:before, .septic-search-label-wrapper .septic-search-wrapper > .septic-btn:before {
            content: "Search";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            text-transform: capitalize;
        }

    @media (max-width: 599px) {
        .status-search-label-wrapper .status-btn, .generate-search-label-wrapper .status-btn, .construction-search-label-wrapper .status-btn, .employee-search-label-wrapper .status-btn, .septic-search-label-wrapper .status-btn, .generate-search-label-wrapper .generate-btn, .construction-search-label-wrapper .construction-btn, .employee-search-label-wrapper .employee-btn, .status-search-label-wrapper .septic-search-wrapper > .septic-btn, .generate-search-label-wrapper .septic-search-wrapper > .septic-btn, .construction-search-label-wrapper .septic-search-wrapper > .septic-btn, .employee-search-label-wrapper .septic-search-wrapper > .septic-btn, .septic-search-label-wrapper .septic-search-wrapper > .septic-btn {
            width: 100% !important;
            margin-top: 1em;
        }
    }

    .status-search-label-wrapper .status-btn.enabled, .generate-search-label-wrapper .status-btn.enabled, .construction-search-label-wrapper .status-btn.enabled, .employee-search-label-wrapper .status-btn.enabled, .septic-search-label-wrapper .status-btn.enabled, .generate-search-label-wrapper .enabled.generate-btn, .construction-search-label-wrapper .enabled.construction-btn, .employee-search-label-wrapper .enabled.employee-btn, .status-search-label-wrapper .septic-search-wrapper > .enabled.septic-btn, .generate-search-label-wrapper .septic-search-wrapper > .enabled.septic-btn, .construction-search-label-wrapper .septic-search-wrapper > .enabled.septic-btn, .employee-search-label-wrapper .septic-search-wrapper > .enabled.septic-btn, .septic-search-label-wrapper .septic-search-wrapper > .enabled.septic-btn {
        background: #007568;
    }

    .label-wrapper {
        position: relative;
    }

    .generate-search-container .generate-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .generate-search-label-wrapper .generate-btn:before {
        content: "generate report" !important;
    }

    .lookup-results {
        display: inline-block;
        border-top: thin solid #dedede;
        margin-top: 4em;
        padding-top: 2em;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow-x: hidden;
    }

        .lookup-results.no-top-border {
            border-top: 0;
            padding-top: 0;
        }

    .content-container-permit, .content-container-meter-search, .content-container-po-invoice, .content-container-dev-project-status,
    .content-container-bill-estimator, .events-content-container, .content-container-serviceav-ailability, .content-container-streetlight,
    .content-container-or, .content-container-outage-map, .content-container-ots, .content-container-services, .content-container-404, .content-container-opps,
    .page-content-container, .cms-content-container, .payment-locations, .demand-calculator-container {
        display: inline-block;
        margin: 0 auto;
        padding: 0 2% 0;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .content-container-permit h1, .content-container-meter-search h1, .content-container-po-invoice h1, .content-container-dev-project-status h1,
        .content-container-bill-estimator h1, .events-content-container h1, .content-container-serviceav-ailability h1, .content-container-streetlight h1,
        .content-container-or h1, .content-container-outage-map h1, .content-container-ots h1, .content-container-services h1, .content-container-404 h1, .content-container-opps h1,
        .page-content-container h1, .cms-content-container h1, .payment-locations h1, .demand-calculator-container h1 {
            margin: 0 0 1em;
        }

    @media (max-width: 768px) {
        .content-container-permit, .content-container-meter-search, .content-container-po-invoice, .content-container-dev-project-status,
        .content-container-bill-estimator, .events-content-container, .content-container-serviceav-ailability, .content-container-streetlight,
        .content-container-or, .content-container-outage-map, .content-container-ots, .content-container-services, .content-container-404, .content-container-opps,
        .page-content-container, .cms-content-container, .payment-locations, .demand-calculator-container {
            width: 100%;
            min-width: 100%;
            margin-left: 0;
        }
    }

    @media (max-width: 599px) {
        .content-container-permit, .content-container-meter-search, .content-container-po-invoice, .content-container-dev-project-status,
        .content-container-bill-estimator, .events-content-container, .content-container-serviceav-ailability, .content-container-streetlight,
        .content-container-or, .content-container-outage-map, .content-container-ots, .content-container-services, .content-container-404, .content-container-opps,
        .page-content-container, .cms-content-container, .payment-locations, .demand-calculator-container {
            width: 100%;
            padding: 0 4% 0 !important;
        }
    }

    .content-container-permit .cmscontent input[type="form"], .content-container-permit .const-content input[type="form"], .content-container-permit .cmscontent input[type="text"], .content-container-permit .const-content input[type="text"], .content-container-permit .cmscontent input[type="password"], .content-container-permit .const-content input[type="password"], .content-container-permit .cmscontent input[type="email"], .content-container-permit .const-content input[type="email"], .content-container-permit .cmscontent input[type="tel"], .content-container-permit .const-content input[type="tel"], .content-container-permit .cmscontent input[type="number"], .content-container-permit .const-content input[type="number"], .content-container-permit .cmscontent input[type="time"], .content-container-permit .const-content input[type="time"], .content-container-permit .cmscontent input[type="date"], .content-container-permit .const-content input[type="date"], .content-container-meter-search .cmscontent input[type="form"], .content-container-meter-search .const-content input[type="form"], .content-container-meter-search .cmscontent input[type="text"], .content-container-meter-search .const-content input[type="text"], .content-container-meter-search .cmscontent input[type="password"], .content-container-meter-search .const-content input[type="password"], .content-container-meter-search .cmscontent input[type="email"], .content-container-meter-search .const-content input[type="email"], .content-container-meter-search .cmscontent input[type="tel"], .content-container-meter-search .const-content input[type="tel"], .content-container-meter-search .cmscontent input[type="number"], .content-container-meter-search .const-content input[type="number"], .content-container-meter-search .cmscontent input[type="time"], .content-container-meter-search .const-content input[type="time"], .content-container-meter-search .cmscontent input[type="date"], .content-container-meter-search .const-content input[type="date"], .content-container-po-invoice .cmscontent input[type="form"], .content-container-po-invoice .const-content input[type="form"], .content-container-po-invoice .cmscontent input[type="text"], .content-container-po-invoice .const-content input[type="text"], .content-container-po-invoice .cmscontent input[type="password"], .content-container-po-invoice .const-content input[type="password"], .content-container-po-invoice .cmscontent input[type="email"], .content-container-po-invoice .const-content input[type="email"], .content-container-po-invoice .cmscontent input[type="tel"], .content-container-po-invoice .const-content input[type="tel"], .content-container-po-invoice .cmscontent input[type="number"], .content-container-po-invoice .const-content input[type="number"], .content-container-po-invoice .cmscontent input[type="time"], .content-container-po-invoice .const-content input[type="time"], .content-container-po-invoice .cmscontent input[type="date"], .content-container-po-invoice .const-content input[type="date"], .content-container-dev-project-status .cmscontent input[type="form"], .content-container-dev-project-status .const-content input[type="form"], .content-container-dev-project-status .cmscontent input[type="text"], .content-container-dev-project-status .const-content input[type="text"], .content-container-dev-project-status .cmscontent input[type="password"], .content-container-dev-project-status .const-content input[type="password"], .content-container-dev-project-status .cmscontent input[type="email"], .content-container-dev-project-status .const-content input[type="email"], .content-container-dev-project-status .cmscontent input[type="tel"], .content-container-dev-project-status .const-content input[type="tel"], .content-container-dev-project-status .cmscontent input[type="number"], .content-container-dev-project-status .const-content input[type="number"], .content-container-dev-project-status .cmscontent input[type="time"], .content-container-dev-project-status .const-content input[type="time"], .content-container-dev-project-status .cmscontent input[type="date"], .content-container-dev-project-status .const-content input[type="date"],
    .content-container-bill-estimator .cmscontent input[type="form"],
    .content-container-bill-estimator .const-content input[type="form"],
    .content-container-bill-estimator .cmscontent input[type="text"],
    .content-container-bill-estimator .const-content input[type="text"],
    .content-container-bill-estimator .cmscontent input[type="password"],
    .content-container-bill-estimator .const-content input[type="password"],
    .content-container-bill-estimator .cmscontent input[type="email"],
    .content-container-bill-estimator .const-content input[type="email"],
    .content-container-bill-estimator .cmscontent input[type="tel"],
    .content-container-bill-estimator .const-content input[type="tel"],
    .content-container-bill-estimator .cmscontent input[type="number"],
    .content-container-bill-estimator .const-content input[type="number"],
    .content-container-bill-estimator .cmscontent input[type="time"],
    .content-container-bill-estimator .const-content input[type="time"],
    .content-container-bill-estimator .cmscontent input[type="date"],
    .content-container-bill-estimator .const-content input[type="date"], .events-content-container .cmscontent input[type="form"], .events-content-container .const-content input[type="form"], .events-content-container .cmscontent input[type="text"], .events-content-container .const-content input[type="text"], .events-content-container .cmscontent input[type="password"], .events-content-container .const-content input[type="password"], .events-content-container .cmscontent input[type="email"], .events-content-container .const-content input[type="email"], .events-content-container .cmscontent input[type="tel"], .events-content-container .const-content input[type="tel"], .events-content-container .cmscontent input[type="number"], .events-content-container .const-content input[type="number"], .events-content-container .cmscontent input[type="time"], .events-content-container .const-content input[type="time"], .events-content-container .cmscontent input[type="date"], .events-content-container .const-content input[type="date"], .content-container-serviceav-ailability .cmscontent input[type="form"], .content-container-serviceav-ailability .const-content input[type="form"], .content-container-serviceav-ailability .cmscontent input[type="text"], .content-container-serviceav-ailability .const-content input[type="text"], .content-container-serviceav-ailability .cmscontent input[type="password"], .content-container-serviceav-ailability .const-content input[type="password"], .content-container-serviceav-ailability .cmscontent input[type="email"], .content-container-serviceav-ailability .const-content input[type="email"], .content-container-serviceav-ailability .cmscontent input[type="tel"], .content-container-serviceav-ailability .const-content input[type="tel"], .content-container-serviceav-ailability .cmscontent input[type="number"], .content-container-serviceav-ailability .const-content input[type="number"], .content-container-serviceav-ailability .cmscontent input[type="time"], .content-container-serviceav-ailability .const-content input[type="time"], .content-container-serviceav-ailability .cmscontent input[type="date"], .content-container-serviceav-ailability .const-content input[type="date"], .content-container-streetlight .cmscontent input[type="form"], .content-container-streetlight .const-content input[type="form"], .content-container-streetlight .cmscontent input[type="text"], .content-container-streetlight .const-content input[type="text"], .content-container-streetlight .cmscontent input[type="password"], .content-container-streetlight .const-content input[type="password"], .content-container-streetlight .cmscontent input[type="email"], .content-container-streetlight .const-content input[type="email"], .content-container-streetlight .cmscontent input[type="tel"], .content-container-streetlight .const-content input[type="tel"], .content-container-streetlight .cmscontent input[type="number"], .content-container-streetlight .const-content input[type="number"], .content-container-streetlight .cmscontent input[type="time"], .content-container-streetlight .const-content input[type="time"], .content-container-streetlight .cmscontent input[type="date"], .content-container-streetlight .const-content input[type="date"],
    .content-container-or .cmscontent input[type="form"],
    .content-container-or .const-content input[type="form"],
    .content-container-or .cmscontent input[type="text"],
    .content-container-or .const-content input[type="text"],
    .content-container-or .cmscontent input[type="password"],
    .content-container-or .const-content input[type="password"],
    .content-container-or .cmscontent input[type="email"],
    .content-container-or .const-content input[type="email"],
    .content-container-or .cmscontent input[type="tel"],
    .content-container-or .const-content input[type="tel"],
    .content-container-or .cmscontent input[type="number"],
    .content-container-or .const-content input[type="number"],
    .content-container-or .cmscontent input[type="time"],
    .content-container-or .const-content input[type="time"],
    .content-container-or .cmscontent input[type="date"],
    .content-container-or .const-content input[type="date"], .content-container-outage-map .cmscontent input[type="form"], .content-container-outage-map .const-content input[type="form"], .content-container-outage-map .cmscontent input[type="text"], .content-container-outage-map .const-content input[type="text"], .content-container-outage-map .cmscontent input[type="password"], .content-container-outage-map .const-content input[type="password"], .content-container-outage-map .cmscontent input[type="email"], .content-container-outage-map .const-content input[type="email"], .content-container-outage-map .cmscontent input[type="tel"], .content-container-outage-map .const-content input[type="tel"], .content-container-outage-map .cmscontent input[type="number"], .content-container-outage-map .const-content input[type="number"], .content-container-outage-map .cmscontent input[type="time"], .content-container-outage-map .const-content input[type="time"], .content-container-outage-map .cmscontent input[type="date"], .content-container-outage-map .const-content input[type="date"], .content-container-ots .cmscontent input[type="form"], .content-container-ots .const-content input[type="form"], .content-container-ots .cmscontent input[type="text"], .content-container-ots .const-content input[type="text"], .content-container-ots .cmscontent input[type="password"], .content-container-ots .const-content input[type="password"], .content-container-ots .cmscontent input[type="email"], .content-container-ots .const-content input[type="email"], .content-container-ots .cmscontent input[type="tel"], .content-container-ots .const-content input[type="tel"], .content-container-ots .cmscontent input[type="number"], .content-container-ots .const-content input[type="number"], .content-container-ots .cmscontent input[type="time"], .content-container-ots .const-content input[type="time"], .content-container-ots .cmscontent input[type="date"], .content-container-ots .const-content input[type="date"], .content-container-services .cmscontent input[type="form"], .content-container-services .const-content input[type="form"], .content-container-services .cmscontent input[type="text"], .content-container-services .const-content input[type="text"], .content-container-services .cmscontent input[type="password"], .content-container-services .const-content input[type="password"], .content-container-services .cmscontent input[type="email"], .content-container-services .const-content input[type="email"], .content-container-services .cmscontent input[type="tel"], .content-container-services .const-content input[type="tel"], .content-container-services .cmscontent input[type="number"], .content-container-services .const-content input[type="number"], .content-container-services .cmscontent input[type="time"], .content-container-services .const-content input[type="time"], .content-container-services .cmscontent input[type="date"], .content-container-services .const-content input[type="date"], .content-container-404 .cmscontent input[type="form"], .content-container-404 .const-content input[type="form"], .content-container-404 .cmscontent input[type="text"], .content-container-404 .const-content input[type="text"], .content-container-404 .cmscontent input[type="password"], .content-container-404 .const-content input[type="password"], .content-container-404 .cmscontent input[type="email"], .content-container-404 .const-content input[type="email"], .content-container-404 .cmscontent input[type="tel"], .content-container-404 .const-content input[type="tel"], .content-container-404 .cmscontent input[type="number"], .content-container-404 .const-content input[type="number"], .content-container-404 .cmscontent input[type="time"], .content-container-404 .const-content input[type="time"], .content-container-404 .cmscontent input[type="date"], .content-container-404 .const-content input[type="date"], .content-container-opps .cmscontent input[type="form"], .content-container-opps .const-content input[type="form"], .content-container-opps .cmscontent input[type="text"], .content-container-opps .const-content input[type="text"], .content-container-opps .cmscontent input[type="password"], .content-container-opps .const-content input[type="password"], .content-container-opps .cmscontent input[type="email"], .content-container-opps .const-content input[type="email"], .content-container-opps .cmscontent input[type="tel"], .content-container-opps .const-content input[type="tel"], .content-container-opps .cmscontent input[type="number"], .content-container-opps .const-content input[type="number"], .content-container-opps .cmscontent input[type="time"], .content-container-opps .const-content input[type="time"], .content-container-opps .cmscontent input[type="date"], .content-container-opps .const-content input[type="date"],
    .page-content-container .cmscontent input[type="form"],
    .page-content-container .const-content input[type="form"],
    .page-content-container .cmscontent input[type="text"],
    .page-content-container .const-content input[type="text"],
    .page-content-container .cmscontent input[type="password"],
    .page-content-container .const-content input[type="password"],
    .page-content-container .cmscontent input[type="email"],
    .page-content-container .const-content input[type="email"],
    .page-content-container .cmscontent input[type="tel"],
    .page-content-container .const-content input[type="tel"],
    .page-content-container .cmscontent input[type="number"],
    .page-content-container .const-content input[type="number"],
    .page-content-container .cmscontent input[type="time"],
    .page-content-container .const-content input[type="time"],
    .page-content-container .cmscontent input[type="date"],
    .page-content-container .const-content input[type="date"], .cms-content-container .cmscontent input[type="form"], .cms-content-container .const-content input[type="form"], .cms-content-container .cmscontent input[type="text"], .cms-content-container .const-content input[type="text"], .cms-content-container .cmscontent input[type="password"], .cms-content-container .const-content input[type="password"], .cms-content-container .cmscontent input[type="email"], .cms-content-container .const-content input[type="email"], .cms-content-container .cmscontent input[type="tel"], .cms-content-container .const-content input[type="tel"], .cms-content-container .cmscontent input[type="number"], .cms-content-container .const-content input[type="number"], .cms-content-container .cmscontent input[type="time"], .cms-content-container .const-content input[type="time"], .cms-content-container .cmscontent input[type="date"], .cms-content-container .const-content input[type="date"], .payment-locations .cmscontent input[type="form"], .payment-locations .const-content input[type="form"], .payment-locations .cmscontent input[type="text"], .payment-locations .const-content input[type="text"], .payment-locations .cmscontent input[type="password"], .payment-locations .const-content input[type="password"], .payment-locations .cmscontent input[type="email"], .payment-locations .const-content input[type="email"], .payment-locations .cmscontent input[type="tel"], .payment-locations .const-content input[type="tel"], .payment-locations .cmscontent input[type="number"], .payment-locations .const-content input[type="number"], .payment-locations .cmscontent input[type="time"], .payment-locations .const-content input[type="time"], .payment-locations .cmscontent input[type="date"], .payment-locations .const-content input[type="date"], .demand-calculator-container .cmscontent input[type="form"], .demand-calculator-container .const-content input[type="form"], .demand-calculator-container .cmscontent input[type="text"], .demand-calculator-container .const-content input[type="text"], .demand-calculator-container .cmscontent input[type="password"], .demand-calculator-container .const-content input[type="password"], .demand-calculator-container .cmscontent input[type="email"], .demand-calculator-container .const-content input[type="email"], .demand-calculator-container .cmscontent input[type="tel"], .demand-calculator-container .const-content input[type="tel"], .demand-calculator-container .cmscontent input[type="number"], .demand-calculator-container .const-content input[type="number"], .demand-calculator-container .cmscontent input[type="time"], .demand-calculator-container .const-content input[type="time"], .demand-calculator-container .cmscontent input[type="date"], .demand-calculator-container .const-content input[type="date"] {
        width: 100%;
        max-width: 100%;
        height: 35px;
        padding-left: .5em;
        padding-right: .5em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

    .content-container-permit .cmscontent textarea, .content-container-permit .const-content textarea, .content-container-meter-search .cmscontent textarea, .content-container-meter-search .const-content textarea, .content-container-po-invoice .cmscontent textarea, .content-container-po-invoice .const-content textarea, .content-container-dev-project-status .cmscontent textarea, .content-container-dev-project-status .const-content textarea,
    .content-container-bill-estimator .cmscontent textarea,
    .content-container-bill-estimator .const-content textarea, .events-content-container .cmscontent textarea, .events-content-container .const-content textarea, .content-container-serviceav-ailability .cmscontent textarea, .content-container-serviceav-ailability .const-content textarea, .content-container-streetlight .cmscontent textarea, .content-container-streetlight .const-content textarea,
    .content-container-or .cmscontent textarea,
    .content-container-or .const-content textarea, .content-container-outage-map .cmscontent textarea, .content-container-outage-map .const-content textarea, .content-container-ots .cmscontent textarea, .content-container-ots .const-content textarea, .content-container-services .cmscontent textarea, .content-container-services .const-content textarea, .content-container-404 .cmscontent textarea, .content-container-404 .const-content textarea, .content-container-opps .cmscontent textarea, .content-container-opps .const-content textarea,
    .page-content-container .cmscontent textarea,
    .page-content-container .const-content textarea, .cms-content-container .cmscontent textarea, .cms-content-container .const-content textarea, .payment-locations .cmscontent textarea, .payment-locations .const-content textarea, .demand-calculator-container .cmscontent textarea, .demand-calculator-container .const-content textarea {
        width: 100%;
        max-width: 100%;
    }

    .content-container-permit {
        padding: 4% 6% 1.5em !important;
    }

    .content-container-404, .content-container-opps {
        display: block;
    }

    .paging-container {
        width: 100%;
        text-align: center;
        float: left;
    }

    @media (max-width: 768px) {
        .paging-container {
            display: block;
            width: 90%;
            margin: 0 auto;
            float: none;
        }
    }

    @media (max-width: 599px) {
        .paging-container {
            display: block;
            width: 90%;
            margin: 0 auto 1em;
            float: none;
        }
    }

    .paging-container .paging-wrapper {
        display: block;
        margin: 0 auto;
        width: 358px;
    }

    @media (max-width: 768px) {
        .paging-container .paging-wrapper {
            width: 90%;
        }
    }

    @media (max-width: 599px) {
        .paging-container .paging-wrapper {
            width: 100%;
        }
    }

    .paging-container .paging-wrapper .prev, .paging-container .paging-wrapper .page-num, .paging-container .paging-wrapper .next {
        float: left;
        width: auto;
    }

        .paging-container .paging-wrapper .prev .prev-btn, .paging-container .paging-wrapper .prev .next-btn, .paging-container .paging-wrapper .page-num .prev-btn, .paging-container .paging-wrapper .page-num .next-btn, .paging-container .paging-wrapper .next .prev-btn, .paging-container .paging-wrapper .next .next-btn {
            color: #256bb4;
            text-decoration: underline;
        }

            .paging-container .paging-wrapper .prev .prev-btn:hover, .paging-container .paging-wrapper .prev .next-btn:hover, .paging-container .paging-wrapper .page-num .prev-btn:hover, .paging-container .paging-wrapper .page-num .next-btn:hover, .paging-container .paging-wrapper .next .prev-btn:hover, .paging-container .paging-wrapper .next .next-btn:hover {
                color: #104648;
            }

            .paging-container .paging-wrapper .prev .prev-btn.disabled, .paging-container .paging-wrapper .prev .next-btn.disabled, .paging-container .paging-wrapper .page-num .prev-btn.disabled, .paging-container .paging-wrapper .page-num .next-btn.disabled, .paging-container .paging-wrapper .next .prev-btn.disabled, .paging-container .paging-wrapper .next .next-btn.disabled {
                background: transparent;
                color: #757575;
                pointer-events: none;
            }

    @media (max-width: 768px) {
        .paging-container .paging-wrapper .prev .prev-btn, .paging-container .paging-wrapper .prev .next-btn, .paging-container .paging-wrapper .page-num .prev-btn, .paging-container .paging-wrapper .page-num .next-btn, .paging-container .paging-wrapper .next .prev-btn, .paging-container .paging-wrapper .next .next-btn {
            font-size: small;
        }
    }

    @media (max-width: 599px) {
        .paging-container .paging-wrapper .prev .prev-btn, .paging-container .paging-wrapper .prev .next-btn, .paging-container .paging-wrapper .page-num .prev-btn, .paging-container .paging-wrapper .page-num .next-btn, .paging-container .paging-wrapper .next .prev-btn, .paging-container .paging-wrapper .next .next-btn {
            font-size: small;
        }
    }

    .paging-container .paging-wrapper .page-num {
        border-left: thin solid #757575;
        border-right: thin solid #757575;
        color: #757575;
        margin: 0 2%;
        padding: 0 4%;
        width: 200px;
    }

    @media (max-width: 768px) {
        .paging-container .paging-wrapper .page-num {
            width: 73%;
            font-size: small;
        }
    }

    @media (max-width: 599px) {
        .paging-container .paging-wrapper .page-num {
            width: 64%;
            font-size: small;
        }
    }

    /* CMS */
    .cmscontent, .const-content {
        width: 100%;
        position: relative;
        max-width: 1200px;
        margin: 0 0 1em;
    }

    @media (min-width: 1200px) {
        .cmscontent, .const-content {
            max-width: 1200px;
        }
    }

    @media only screen and (max-width: 599px) {
        .cmscontent, .const-content {
            max-width: 100%;
            margin: -1.8em 0 4em !important;
        }
    }

    /* Wrapper */
    .wrapper {
        margin: 0 auto;
        width: 95%;
        max-width: 1920px;
    }

    @media only screen and (min-width: 801px) and (max-width: 1024px) {
        .wrapper {
            width: 95%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .wrapper {
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        .wrapper {
            width: 100%;
        }
    }

    .content-wrapper {
        padding: 20px 15px;
        background-color: white;
        margin: 0 0 20px;
    }

    #panel {
        margin-bottom: 20px;
    }

    .center-container {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 6.5em !important;
    }

    @media (max-width: 599px) {
        .center-container {
            margin-bottom: 4em;
        }
    }

    #third-container ul li {
        margin-left: 30px;
        font-weight: 300;
    }

    .header-content-container {
        display: block;
        margin: 0 auto;
        width: 800px;
        height: 450px;
    }

    @media (max-width: 599px) {
        .header-content-container {
            width: 100%;
        }
    }

    .header-content-container .header-image {
        width: 48%;
        height: 352px;
        float: left;
    }

    @media (max-width: 1023px) {
        .header-content-container .header-image {
            height: 243px;
            width: 37%;
        }
    }

    @media (max-width: 599px) {
        .header-content-container .header-image {
            display: none;
        }
    }

    .header-content-container .header-content-wrapper {
        width: 46%;
        float: left;
        margin: 6.5em 0 0 4%;
        color: white;
    }

    @media (max-width: 1023px) {
        .header-content-container .header-content-wrapper {
            margin-top: 4.2em;
        }
    }

    @media (max-width: 599px) {
        .header-content-container .header-content-wrapper {
            margin-top: 2.6em;
            width: 90%;
        }
    }

    .header-content-container .header-content-wrapper .header-content-title {
        color: white;
        margin-bottom: .5em;
    }

    @media (max-width: 599px) {
        .header-content-container .header-content-wrapper .header-content-title.small-title {
            width: 100%;
            margin-left: 0;
        }
    }

    .header-content-container .header-content-wrapper > p {
        font-size: medium;
        font-weight: 400;
        margin-bottom: .5em;
    }

    @media (max-width: 1023px) {
        .header-content-container .header-content-wrapper > p {
            margin-bottom: 1em;
        }
    }

    .header-search-container {
        background: rgba(1, 40, 119, 0.7);
        width: 100%;
        height: 100px;
        float: left;
    }

    @media (max-width: 599px) {
        .header-search-container {
            margin-top: 2em;
            height: 152px;
        }
    }

    .list-container {
        float: left;
        width: 100%;
        margin: 4em 0;
    }

    @media (max-width: 1023px) {
        .list-container {
            margin: 0;
            line-height: initial;
        }
    }

    @media (max-width: 599px) {
        .list-container {
            margin: 1.5em 0;
            line-height: initial;
        }

            .list-container:last-of-type {
                margin-top: 0;
            }
    }

    @media (min-width: 1200px) {
        .list-container > ul li {
            min-height: 200px;
        }
    }

    .ad-section-container {
        display: inline-block;
        width: 100%;
        position: relative;
        margin: -1em 0 0;
        vertical-align: top;
    }

        .ad-section-container .ads.half {
            width: 48%;
            margin-right: 2%;
        }

            .ad-section-container .ads.half:last-of-type {
                margin-right: 0;
                float: right;
            }

    @media (max-width: 1023px) {
        .ad-section-container .ads.half {
            width: 100%;
            margin-right: 0;
        }
    }

    .ad-section-container .ads .ads-icon-wrapper {
        float: left;
        width: 100%;
        text-align: center;
    }

    @media (min-width: 1200px) {
        .ad-section-container .ads .ads-icon-wrapper {
            width: 20%;
        }
    }

    @media (max-width: 1023px) {
        .ad-section-container .ads .ads-icon-wrapper {
            width: 20%;
        }
    }

    .ad-section-container .ads .ads-icon-wrapper > img {
        width: 80%;
        max-width: 93px;
    }

    .ad-section-container .ads .ads-content-wrapper {
        float: left;
        width: 100%;
        margin-top: 1em;
    }

    @media (min-width: 1200px) {
        .ad-section-container .ads .ads-content-wrapper {
            width: 80%;
            margin-top: 0;
        }
    }

    @media (max-width: 1023px) {
        .ad-section-container .ads .ads-content-wrapper {
            width: 80%;
        }
    }

    .ad-section-container .ads .ads-content-wrapper p {
        font-size: small;
    }

    @media (max-width: 599px) {
        .ad-section-container.demand-cal {
            display: none;
        }
    }

    .dropdown-container, .description-container, .event-type-wrapper, .current-room-container, .advanced-search-container {
        display: inline-block;
        width: 100%;
    }

        .dropdown-container .dropdown-header, .description-container .dropdown-header, .event-type-wrapper .dropdown-header, .current-room-container .dropdown-header, .advanced-search-container .dropdown-header, .description-container .description-header, .description-container.open .description-header {
            padding: 1% 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .dropdown-container .dropdown-header p, .description-container .dropdown-header p, .event-type-wrapper .dropdown-header p, .current-room-container .dropdown-header p, .advanced-search-container .dropdown-header p, .description-container .description-header p, .description-container.open .description-header p {
                display: inline-block;
                margin: 0 auto;
                font-size: 1em;
                width: 99%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                text-align: center;
                color: white;
            }

    @media (max-width: 599px) {
        .dropdown-container .dropdown-header p, .description-container .dropdown-header p, .event-type-wrapper .dropdown-header p, .current-room-container .dropdown-header p, .advanced-search-container .dropdown-header p, .description-container .description-header p, .description-container.open .description-header p {
            width: 87%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 1em;
            font-size: small;
            text-align: left;
            padding-left: 1em;
        }
    }

    .dropdown-container .dropdown-header span.tooltip-arrow, .description-container .dropdown-header span.tooltip-arrow, .event-type-wrapper .dropdown-header span.tooltip-arrow, .current-room-container .dropdown-header span.tooltip-arrow, .advanced-search-container .dropdown-header span.tooltip-arrow, .description-container .description-header span.tooltip-arrow {
        position: relative;
        background: transparent;
        top: 0px;
        margin-top: -20px;
        /*move arrow down*/
        right: 3em;
        display: inline-block;
        -moz-transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
        vertical-align: middle;
        z-index: 2;
    }

        .dropdown-container .dropdown-header span.tooltip-arrow:after, .description-container .dropdown-header span.tooltip-arrow:after, .event-type-wrapper .dropdown-header span.tooltip-arrow:after, .current-room-container .dropdown-header span.tooltip-arrow:after, .advanced-search-container .dropdown-header span.tooltip-arrow:after, .description-container .description-header span.tooltip-arrow:after, .dropdown-container .dropdown-header span.tooltip-arrow:before, .description-container .dropdown-header span.tooltip-arrow:before, .event-type-wrapper .dropdown-header span.tooltip-arrow:before, .current-room-container .dropdown-header span.tooltip-arrow:before, .advanced-search-container .dropdown-header span.tooltip-arrow:before, .description-container .description-header span.tooltip-arrow:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .dropdown-container .dropdown-header span.tooltip-arrow:after, .description-container .dropdown-header span.tooltip-arrow:after, .event-type-wrapper .dropdown-header span.tooltip-arrow:after, .current-room-container .dropdown-header span.tooltip-arrow:after, .advanced-search-container .dropdown-header span.tooltip-arrow:after, .description-container .description-header span.tooltip-arrow:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #5b5b5b;
            border-width: 11px;
            /*adjust the size of the arrow*/
            margin-left: -11px;
            /*adjust the size of the arrow*/
        }

        .dropdown-container .dropdown-header span.tooltip-arrow:before, .description-container .dropdown-header span.tooltip-arrow:before, .event-type-wrapper .dropdown-header span.tooltip-arrow:before, .current-room-container .dropdown-header span.tooltip-arrow:before, .advanced-search-container .dropdown-header span.tooltip-arrow:before, .description-container .description-header span.tooltip-arrow:before {
            border-color: rgba(207, 207, 207, 0);
            border-bottom-color: white;
            border-width: 12px;
            /*adjust the size of the arrow*/
            margin-left: -12px;
            /*adjust the size of the arrow*/
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .dropdown-container .dropdown-header span.tooltip-arrow, .description-container .dropdown-header span.tooltip-arrow, .event-type-wrapper .dropdown-header span.tooltip-arrow, .current-room-container .dropdown-header span.tooltip-arrow, .advanced-search-container .dropdown-header span.tooltip-arrow, .description-container .description-header span.tooltip-arrow {
            right: 1em;
            top: -3px;
        }
    }

    @media only screen and (max-width: 599px) {
        .dropdown-container .dropdown-header span.tooltip-arrow, .description-container .dropdown-header span.tooltip-arrow, .event-type-wrapper .dropdown-header span.tooltip-arrow, .current-room-container .dropdown-header span.tooltip-arrow, .advanced-search-container .dropdown-header span.tooltip-arrow, .description-container .description-header span.tooltip-arrow {
            right: -.5em;
            top: 0;
        }
    }

    .dropdown-container .dropdown-header:hover, .description-container .dropdown-header:hover, .event-type-wrapper .dropdown-header:hover, .current-room-container .dropdown-header:hover, .advanced-search-container .dropdown-header:hover, .description-container .description-header:hover {
        cursor: pointer;
    }

    .dropdown-container .dropdown-body, .description-container .dropdown-body, .event-type-wrapper .dropdown-body, .current-room-container .dropdown-body, .advanced-search-container .dropdown-body, .description-container .description-body, .description-container.open .description-body {
        display: none;
        background: #cfcfcf;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dropdown-container .dropdown-body p, .description-container .dropdown-body p, .event-type-wrapper .dropdown-body p, .current-room-container .dropdown-body p, .advanced-search-container .dropdown-body p, .description-container .description-body p, .description-container.open .description-body p {
            display: inline-block;
            width: 100%;
            margin: 2% 0;
            text-align: center;
        }

        .dropdown-container .dropdown-body > textarea, .description-container .dropdown-body > textarea, .event-type-wrapper .dropdown-body > textarea, .current-room-container .dropdown-body > textarea, .advanced-search-container .dropdown-body > textarea, .description-container .dropdown-container .description-body > textarea, .description-container .description-body > textarea, .description-container .event-type-wrapper .description-body > textarea, .description-container .current-room-container .description-body > textarea, .description-container .advanced-search-container .description-body > textarea, .description-container.open .description-body > textarea {
            display: inline-block;
            width: 100%;
            max-width: 100%;
            min-height: 100px;
            padding: 1% 2%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .dropdown-container.open .dropdown-header .tooltip-arrow, .open.description-container .dropdown-header .tooltip-arrow, .open.event-type-wrapper .dropdown-header .tooltip-arrow, .open.current-room-container .dropdown-header .tooltip-arrow, .open.advanced-search-container .dropdown-header .tooltip-arrow, .dropdown-container.open .description-container .description-header .tooltip-arrow, .description-container .dropdown-container.open .description-header .tooltip-arrow, .open.event-type-wrapper .description-container .description-header .tooltip-arrow, .description-container .open.event-type-wrapper .description-header .tooltip-arrow, .open.current-room-container .description-container .description-header .tooltip-arrow, .description-container .open.current-room-container .description-header .tooltip-arrow, .open.advanced-search-container .description-container .description-header .tooltip-arrow, .description-container .open.advanced-search-container .description-header .tooltip-arrow, .description-container.open .description-header .tooltip-arrow {
        margin-top: 0px;
        top: 0px;
        -moz-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    .dropdown-container.open .dropdown-body, .open.description-container .dropdown-body, .open.event-type-wrapper .dropdown-body, .open.current-room-container .dropdown-body, .open.advanced-search-container .dropdown-body, .dropdown-container.open .description-container .description-body, .description-container .dropdown-container.open .description-body, .open.event-type-wrapper .description-container .description-body, .description-container .open.event-type-wrapper .description-body, .open.current-room-container .description-container .description-body, .description-container .open.current-room-container .description-body, .open.advanced-search-container .description-container .description-body, .description-container .open.advanced-search-container .description-body, .description-container.open .description-body {
        display: block;
    }

    .content-block {
        width: 100%;
        float: left;
        margin: 2em 0 0;
    }

    @media (max-width: 1023px) {
        .sidebar {
            border-top: 0 !important;
        }
    }

    @media (max-width: 599px) {
        .sidebar {
            border-top: 0 !important;
        }
    }

    .sidebar-content-wrapper {
        padding-left: 0 !important;
        width: 100% !important;
    }

        .sidebar-content-wrapper .sidebar-image-wrapper {
            margin-bottom: 3em;
            width: 100%;
        }

            .sidebar-content-wrapper .sidebar-image-wrapper > img {
                width: 100% !important;
            }

            .sidebar-content-wrapper .sidebar-image-wrapper > .sidebar-image-content-wrapper {
                float: left;
                margin-top: 1em;
            }

            .sidebar-content-wrapper .sidebar-image-wrapper > a > .view-img {
                width: 100%;
                text-align: center;
            }

                .sidebar-content-wrapper .sidebar-image-wrapper > a > .view-img > p {
                    text-align: center;
                    text-decoration: underline;
                }

                    .sidebar-content-wrapper .sidebar-image-wrapper > a > .view-img > p > a {
                        text-decoration: underline;
                    }

            .sidebar-content-wrapper .sidebar-image-wrapper > .view-img {
                width: 100%;
                text-align: center;
            }

                .sidebar-content-wrapper .sidebar-image-wrapper > .view-img > p {
                    font-size: small;
                    text-align: center;
                    text-decoration: underline;
                }

                    .sidebar-content-wrapper .sidebar-image-wrapper > .view-img > p > a {
                        text-decoration: underline;
                    }

        .sidebar-content-wrapper .sidebar-copy-wrapper {
            float: left;
            margin-top: 1em;
        }

        .sidebar-content-wrapper .sidebar-related-list li, .sidebar-content-wrapper .sidebar-contact-list li {
            border-bottom: thin solid gray;
            list-style-type: none;
            margin-top: 1em;
            padding: 1em 0;
            position: relative;
        }

            .sidebar-content-wrapper .sidebar-related-list li:last-child, .sidebar-content-wrapper .sidebar-contact-list li:last-child {
                border-bottom: 0;
            }

    @media (max-width: 599px) {
        .sidebar-content-wrapper .sidebar-related-list li:last-child, .sidebar-content-wrapper .sidebar-contact-list li:last-child {
            border-bottom: 0;
        }
    }

    .sidebar-content-wrapper .sidebar-related-list li > a, .sidebar-content-wrapper .sidebar-contact-list li > a {
        display: inline-block;
        margin-bottom: .5em;
        text-decoration: underline;
    }

    .banner,
    .small-banner {
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        float: left;
        height: 290px;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }

    @media (max-width: 768px) {
        .banner,
        .small-banner {
            height: auto;
        }
    }

    @media (max-width: 599px) {
        .banner,
        .small-banner {
            background-position: 0 0;
            background-size: 112%;
            height: 82px;
        }
    }

    .banner h1,
    .small-banner h1 {
        color: white;
        float: none;
        font-size: 52px;
        margin: 0 auto;
        padding-top: 80px;
        text-align: center;
    }

    .banner li,
    .small-banner li {
        list-style: none;
    }

    .header-bg {
        background: url("/cdn/images/header-bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin: 5.9em auto 0;
        padding: 50px 0;
        background-attachment: fixed;
        position: relative;
    }

    @media only screen and (max-width: 768px) {

        .header-bg {
            background-attachment: initial;
        }

        .header-bg .wrapper {
            width: 100%;
        }
    }

    @media (max-width: 1023px) {
        .header-bg {
            padding: 0;
            margin-top: 0;
        }
    }

    .header-bg .sixty {
        float: right;
        width: 61%;
    }

    @media (min-width: 1628px) {
        .header-bg .sixty {
            width: 73% !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .header-bg .sixty {
            width: 100%;
        }
    }

    .banner-hp {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*background: url("/cdn/images/header-img.jpg") no-repeat center center;*/
        height: 100%;
        position: relative;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: space-between;
    }

        .banner-hp:hover {
            cursor: pointer;
            opacity: .9;
        }

    @media (min-width: 1200px) {
        .banner-hp {
            height: 100%;
        }
    }

    @media (max-width: 1023px) {
        .banner-hp {
            min-height: 220px;
            justify-content: space-between;
        }
    }

.banner-hp .banner-content {
    color: white;
    /*display: flex;
    flex-wrap: wrap;*/
    /*height: inherit;*/
    max-width: 700px;
    /*margin-left: -9rem;*/
    line-height: 100%;
    padding: 4rem 4rem;
    vertical-align: middle;
    }

@media (max-width: 1024px) {
    .banner-hp .banner-content {
        
    }
}

    @media (max-width: 1023px) {
        .banner-hp .banner-content {
            margin-left: 0;
        }
    }

    .banner-content .btn {
        padding: 2rem 1rem;
        max-width: none;
        height: -moz-max-content;
        height: fit-content;
        min-height: fit-content;
    }

    @media only screen and (max-width: 768px) {
        .banner-hp .banner-content {
            color: white;
            display: block;
            height: 100%;
            text-align: center;
            width: 100%;
        }
    }

    @media (max-width: 1023px) {
        .banner-hp .banner-content {
            padding: 2rem 4rem;
        }
    }

    @media (max-width: 599px) {
        .banner-hp .banner-content {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }

    .banner-hp .banner-content > h1 {
        color: white;
        float: none;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 4em;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 2rem;
        padding-top: 0;
        text-align: left;
    }


    @media (max-width: 1023px) {
        .banner-hp .banner-content > h1 {
            font-size: x-large;
            line-height: normal;
            /*padding-top: 6rem;*/
}
    }


    @media (max-width: 768px) {
        .banner-hp .banner-content > h1 {
            font-size: x-large;
            line-height: normal;
        }
    }



    .banner-content > .btn {
        font-family: 'Libre Franklin', sans-serif;
        font-size: large;
    }


    /*.banner-hp .banner-content > h1::before {
    content: '';
    display: block;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 2rem;
}*/

    .banner-hp .banner-content > p {
        font-size: .9em;
        font-weight: 300;
        margin: .8em 0;
        padding-bottom: .5em;
        text-align: left;
    }

        .banner-hp .banner-content > p:empty {
            display: none;
        }

    @media (max-width: 599px) {
        .banner-hp .banner-content > p {
            margin-top: .3em;
        }
    }

    .banner-hp .banner-content > .btn, .banner-hp .banner-content > button[type="button"], .banner-hp .banner-content > button[type="reset"], .banner-hp .banner-content > button[type="submit"], .banner-hp .banner-content > input[type="button"], .banner-hp .banner-content > input[type="reset"], .banner-hp .banner-content > input[type="submit"] {
        margin: 0;
        padding: 2rem;
    }

    .darkbg {
        background-color: rgba(0, 0, 0, 0.5);
        margin: 150px 0;
        padding: 25px;
    }

    @media only screen and (max-width: 599px) {
        .darkbg {
            background-color: rgba(0, 0, 0, 0.75);
            margin: 25px 0;
            padding: 25px;
        }
    }

    .darkbg h2 {
        color: white;
        font-size: 48px;
        line-height: 50px;
        text-align: left;
    }

    @media only screen and (max-width: 599px) {
        .darkbg h2 {
            font-size: 35px;
        }
    }

    .banner-wrapper {
        /*height: 100%;*/
        width: 95%;
        margin: 0 auto;
        aspect-ratio: auto 21 / 9;
    }

    @media (min-width: 1200px) {
        .banner-wrapper {
            /*max-width: 1600px;*/
        }
    }

@media (max-width: 1024px) {
    .banner-wrapper {
        max-height: 378px;
    }
}

    @media (max-width: 1023px) {
        .banner-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .banner-wrapper {
            width: 100%;
            aspect-ratio: auto 16 / 9;
        }
    }

    .signon-wrapper {
        /*height: 100% !important;*/
        max-height: 100% !important;
        width: 450px;
        z-index: 3;
    }

    @media (min-width: 1200px) {
        .signon-wrapper {
            width: 450px !important;
        }
    }

    @media (max-width: 1023px) {
        .signon-wrapper {
            display: none;
        }
    }

    .signon-wrapper > form {
        display: inline;
    }

    .signon-wrapper .active,
    .signon-wrapper .lostcreds {
        margin-top: .7em !important;
    }

    #signonContainer > .container {
        padding: 25px 35px 10px;
    }

    .banner-image-wrapper {
        /*float: right;*/
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        top: 0;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    @media (min-width: 1200px) {
        .banner-image-wrapper {
            width: 100%;
        }
    }

    @media (min-width: 1025px) and (max-width: 1285px) and (orientation: landscape) {
        .banner-image-wrapper {
            background-position: 0 center;
        }

            .banner-image-wrapper .banner-hp {
                background-position: -350px center;
            }

                .banner-image-wrapper .banner-hp .banner-content {
                    height: inherit;
                    width: 100%;
                }
    }

    @media (max-width: 1023px) {
        .banner-image-wrapper {
            width: 100%;
        }

            .banner-image-wrapper .banner-content {
                margin-top: 0;
                max-width: 100%;
                padding: 2rem 4rem;
                text-align: center;
                display: flex;
                flex-wrap: wrap;
            }
    }

    @media (max-width: 1023px) and (max-width: 599px) {
        .banner-image-wrapper .banner-content {
            padding: 0;
        }
    }

    @media (max-width: 1023px) {
        .banner-image-wrapper .banner-content > h1 {
            font-size: xx-large;
            line-height: normal;
        }
    }

    @media (max-width: 1023px) and (max-width: 768px) {
        .banner-image-wrapper .banner-content > h1 {
            font-size: xx-large;
            line-height: normal;
        }
    }

    @media (max-width: 1023px) {
        .banner-image-wrapper .banner-content > h1,
        .banner-image-wrapper .banner-content > p {
            text-align: center;
        }

        .banner-image-wrapper .banner-content > .btn, .banner-image-wrapper .banner-content > button[type="button"], .banner-image-wrapper .banner-content > button[type="reset"], .banner-image-wrapper .banner-content > button[type="submit"], .banner-image-wrapper .banner-content > input[type="button"], .banner-image-wrapper .banner-content > input[type="reset"], .banner-image-wrapper .banner-content > input[type="submit"] {
            display: block;
            float: none;
            margin: 0 auto !important;
        }
    }

    .banner li {
        list-style: none;
    }

    @media (max-width: 1023px) {
        .unslider {
            background-color: rgba(0, 0, 0, 0.45);
            height: 14em;
        }
    }

    @media (max-width: 599px) {
        .unslider {
            background-color: transparent;
            height: 114%;
            overflow: hidden;
        }
    }

    .unslider > .banner {
        height: 386px;
    }

    @media (max-width: 1023px) {
        .unslider > .banner {
            height: 100%;
        }
    }

    @media (max-width: 599px) {
        .unslider > .banner {
            height: 100%;
        }
    }

    .unslider .unslider-arrow, .unslider .unslider-pause {
        display: none;
    }

    .unslider .unslider-nav {
        float: right;
        margin: -2em 0 0;
        overflow: hidden;
        position: relative;
        right: 1em;
        bottom: .2em;
        z-index: 999;
    }

    @media (max-width: 1023px) {
        .unslider .unslider-nav {
            margin-top: -1.7em;
        }
    }

    .unslider .unslider-nav ol .unslider-active {
        background: #5f97cd;
        border-color: #5f97cd;
    }

    .unslider .unslider-nav ol li {
        height: 10px;
        list-style: none;
        margin-top: 11px;
        width: 10px;
    }

    .unslider-controls-containers {
        background: rgba(0, 0, 0, 0.5);
        height: 40px;
        margin: -2.5em 0 0;
        position: relative;
        width: 100%;
        z-index: 800;
    }

    @media (max-width: 1023px) {
        .unslider-controls-containers {
            background: transparent;
        }
    }

    .unslider-arrow-wrapper {
        display: inline-block;
        width: 100px;
        height: 40px;
        margin-top: -4.5px;
        padding: 1% 1%;
        text-align: center;
        position: relative;
        z-index: 999;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .unslider-arrow-wrapper {
            width: 130px;
        }
    }

    @media (max-width: 599px) {
        .unslider-arrow-wrapper {
            margin-top: 2px;
        }
    }

    .unslider-arrow-wrapper > .unslider-arrow {
        display: block;
        position: relative;
    }

        .unslider-arrow-wrapper > .unslider-arrow.next, .unslider-arrow-wrapper > .unslider-arrow.prev, .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play {
            display: inline-block;
            text-indent: 40%;
            width: 9px;
            left: auto;
            right: auto;
            top: .35em;
            position: relative;
            float: right;
        }

            .unslider-arrow-wrapper > .unslider-arrow.next:before, .unslider-arrow-wrapper > .unslider-arrow.prev:before, .unslider-arrow-wrapper > .unslider-arrow.pause:before, .unslider-arrow-wrapper > .unslider-arrow.play:before {
                content: "\f105";
                font-family: fontAwesome;
                font-size: 18px;
                color: white;
                text-indent: 0;
            }

    @media (max-width: 599px) {
        .unslider-arrow-wrapper > .unslider-arrow.next, .unslider-arrow-wrapper > .unslider-arrow.prev, .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play {
            margin-top: 2px;
        }
    }

    .unslider-arrow-wrapper > .unslider-arrow.next {
        left: -.2em;
    }

        .unslider-arrow-wrapper > .unslider-arrow.next:before {
            float: left;
        }

    @media (max-width: 599px) {
        .unslider-arrow-wrapper > .unslider-arrow.next {
            left: -.2em;
        }
    }

    .unslider-arrow-wrapper > .unslider-arrow.prev {
        left: 1.15em;
        float: left;
    }

        .unslider-arrow-wrapper > .unslider-arrow.prev:before {
            content: "\f104";
            float: left;
        }

    .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play {
        width: 32px;
        text-indent: .6em;
        float: none;
        left: 0;
    }

    @media (max-width: 599px) {
        .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play {
            margin-top: 1px;
        }
    }

    @media screen and (min-width: 0\0) {
        .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play {
            text-indent: 2%;
        }
    }

    .unslider-arrow-wrapper > .unslider-arrow.pause:not(:root:root), .unslider-arrow-wrapper > .unslider-arrow.play:not(:root:root) {
        width: 34px;
        text-indent: .8em;
        margin-left: 0;
    }

    @media (max-width: 599px) {
        .unslider-arrow-wrapper > .unslider-arrow.pause:not(:root:root), .unslider-arrow-wrapper > .unslider-arrow.play:not(:root:root) {
            width: 34px;
            margin-left: .4em;
        }
    }

    @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        .unslider-arrow-wrapper > .unslider-arrow.pause, .unslider-arrow-wrapper > .unslider-arrow.play {
            text-indent: 1.1em;
            width: 38.9px;
        }
    }

    .unslider-arrow-wrapper > .unslider-arrow.pause:before, .unslider-arrow-wrapper > .unslider-arrow.play:before {
        content: "\f28c";
        font-size: x-large;
    }

    .unslider-arrow-wrapper > .unslider-arrow.play:before {
        content: "\f01d";
        font-size: x-large;
    }

    .unslider-arrow-wrapper > .unslider-pause {
        display: inline-block;
        text-indent: 9%;
        width: 20px;
        left: auto;
        right: auto;
        top: .35em;
        position: relative;
        border: thin solid red;
    }

        .unslider-arrow-wrapper > .unslider-pause:before {
            content: "\f04c";
            font-family: fontAwesome;
            font-size: medium;
            color: white;
            text-indent: 0;
        }

    @media (max-width: 1023px) {
        .unslider-arrow-wrapper > .unslider-pause {
            margin: 0 2em;
        }
    }

    #homepage {
        margin-top: 0;
    }

    @media (max-width: 1023px) {


        #homepage .banner-container {
            background: url("/cdn/images/header-bg.png");
            height: auto;
            margin-top: 3em;
        }
    }

    @media (max-width: 768px) {

        #homepage .banner-container {
            margin-top: 2em;
        }
    }

    @media (max-width: 599px) {
        #homepage .banner-container {
            background-color: black;
            background-image: none;
            margin-top: 3em;
        }

        #homepage .banner-container.move-banner-down {
            margin-top: 8em !important;
        }

        #homepage .banner-container .header-bg {
            background-color: transparent;
        }

        #homepage .banner-wrapper {
            height: auto;
        }
    }


    #homepage .banner-image-wrapper {
        height: 100%;
    }

    @media (max-width: 1023px) {
        #homepage .banner-image-wrapper {
            background-color: transparent;
        }
    }

    @media (max-width: 599px) {
        #homepage .banner-image-wrapper .unslider {
            height: auto;
            min-height: 300px;
        }
    }

    @media (max-width: 1023px) {
        #homepage .banner-hp {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
    }

    @media (max-width: 599px) {
        #homepage .banner-hp {
            padding: 2rem;
        }
    }

    #homepage .banner-hp .banner-content > p {
        color: white;
    }

    #homepage #mainPayNowBtn {
        margin: 0 auto !important;
    }

    /*Quicklinks section*/
    #homepage .quicklinks {
        padding-top: 0;
    }

    @media (max-width: 599px) {
        #homepage .quicklinks {
            padding-top: 1.25em;
        }
    }

    @media (max-width: 599px) {
        #homepage .quicklinks .qtr {
            width: 49%;
        }
    }

    #homepage .outagemap > img {
        width: 447px;
        float: right;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #homepage .outagemap > img {
            float: left;
        }
    }

    @media (max-width: 599px) {
        #homepage .outagemap > img {
            display: none;
            width: 247px;
        }
    }

    #homepage .outages .btn, #homepage .outages button[type="button"], #homepage .outages button[type="reset"], #homepage .outages button[type="submit"], #homepage .outages input[type="button"], #homepage .outages input[type="reset"], #homepage .outages input[type="submit"] {
        height: auto;
        margin-top: 2em !important;
        padding: 3% 2%;
    }

    #signonIndex .containertitle {
        padding: 15px 1em 0 2em;
    }

        #signonIndex .containertitle > h2 {
            width: 88%;
        }

    #signonContainer.container {
        padding: 1rem 3rem 0rem;
        height: 100%;
        min-height: 294px;
        box-sizing: border-box;
    }

        #signonContainer.container > .label-wrapper {
            line-height: inherit;
            height: 80px;
        }

            #signonContainer.container > .label-wrapper > .label-name {
                font-size: small;
            }

            #signonContainer.container > .label-wrapper > #txtUserName, #signonContainer.container > .label-wrapper > #txtPassword {
                height: 35px;
                margin-bottom: 0 !important;
            }

            #signonContainer.container > .label-wrapper > .validation {
                display: none;
            }

                #signonContainer.container > .label-wrapper > .validation.error-icon, #signonContainer.container > .label-wrapper > .validation.success-icon {
                    right: 7px;
                    top: 30px;
                }

            #signonContainer.container > .label-wrapper .validation-error-msg, #signonContainer.container > .label-wrapper .validation-error-msg > span {
                font-size: small;
            }

            #signonContainer.container > .label-wrapper > .signon input, #signonContainer.container > .label-wrapper > .signon-wrapper input, #signonContainer.container > .label-wrapper > .signon-wrapper input {
                margin-bottom: 2px !important;
            }

        #signonContainer.container > #mainSignInBtn {
            max-width: 100%;
        }

            #signonContainer.container label.active > .small {
                font-size: small;
            }

            #signonContainer.container label.active > i {
                font-size: medium;
            }

        #signonContainer.container > .lostcreds {
            margin-top: 1em !important;
            text-align: center;
        }

            #signonContainer.container > .lostcreds > .small {
                font-size: small;
                line-height: normal;
                margin-bottom: 0;
            }

        #signonContainer.container > #mainSignInBtn {
            background-color: #2660A7;
            padding: .5rem;
        }

        .createbutton {
            font-size: small;
        }

.guestPaybutton {
    background-color: #377E71;
    font-size: small;
    border: thin solid #377E71;
    border-radius: 0 0 3px 0px;
    text-align: center;
}

.guestPaybutton:hover {
    background-color: #028070;
}

.password-toggle {
    position: absolute;
    right: 1rem;
    top: 3rem;
}

/*  Modal  */
#acceptterms {
    margin-bottom: 2em;
}

    .modalContent .nextstep {
        display: inline-block;
        width: 100%;
        margin: 3% 0;
    }

    .feedback {
        position: fixed;
        left: 100%;
        background-color: #7facd7;
        transform: rotate(-90deg);
        width: 200px;
        text-align: center;
        height: 30px;
        top: 40%;
        border-radius: 3px 3px 0 0;
        z-index: 9999999;
    }

        .feedback:hover {
            background-color: #4c79a4;
        }

        .feedback a {
            display: block;
            height: 100%;
            width: 100%;
            cursor: pointer;
            font-weight: bold;
            color: white;
            line-height: 30px;
            text-decoration: none;
        }

    .popUpModal, .popUpModalSecond {
        -moz-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        border-radius: 3px;
        display: inline-block;
        left: 18%;
        max-width: 750px;
        position: absolute;
        top: 1%;
        width: 100%;
        z-index: 999;
    }

        

    @media (min-width: 1024px) and (max-width: 1651px) and (orientation: landscape) {
        .popUpModal, .popUpModalSecond {
            left: 5%;
        }
    }

    @media (max-width: 1024px) {
        .popUpModal, .popUpModalSecond {
            left: -15%;
            top: 0;
        }
    }

    @media (max-width: 1023px) {
        .popUpModal, .popUpModalSecond {
            left: 10%;
            top: 1%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .popUpModal, .popUpModalSecond {
            top: 0;
            left: 5%;
            max-width: 75%;
        }
    }

    @media only screen and (max-width: 599px) {
        .popUpModal, .popUpModalSecond {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 0;
            display: inline-block;
            left: 0;
            max-width: 100%;
            padding: 15px;
            top: 5%;
            width: 100%;
            min-height: 667px;
        }
    }

    .modalHeading {
        background-color: #5b5b5b;
        color: white;
        display: inline-block;
        padding: 13px 16px !important;
        width: 100%;
    }

        .modalHeading > h2 {
            color: white;
            text-transform: none;
            width: initial;
            margin-bottom: 0;
            font-size: 18px;
            width: 80%;
        }

            .modalHeading > h2.site-intercept {
                float: none;
            }

        .modalHeading > span {
            float: right;
            font-size: 36px;
            font-weight: 300;
            text-align: right;
            cursor: pointer;
            margin-top: -4px;
        }

    .modal-cover .modal-keep .mclose {
        background: none;
        border: 0;
        box-shadow: none;
        font-family: inherit;
        font-size: 22px;
        font-weight: normal;
        right: 10px;
        top: 14px;
    }

    @media (max-width: 1024px) {
        .modal-cover .modal-keep .button-wrapper .btn, .modal-cover .modal-keep .mobile-button-wrapper .btn, .modal-cover .modal-keep .button-wrapper button[type="button"], .modal-cover .modal-keep .mobile-button-wrapper button[type="button"], .modal-cover .modal-keep .button-wrapper button[type="reset"], .modal-cover .modal-keep .mobile-button-wrapper button[type="reset"], .modal-cover .modal-keep .button-wrapper button[type="submit"], .modal-cover .modal-keep .mobile-button-wrapper button[type="submit"], .modal-cover .modal-keep .button-wrapper input[type="button"], .modal-cover .modal-keep .mobile-button-wrapper input[type="button"], .modal-cover .modal-keep .button-wrapper input[type="reset"], .modal-cover .modal-keep .mobile-button-wrapper input[type="reset"], .modal-cover .modal-keep .button-wrapper input[type="submit"], .modal-cover .modal-keep .mobile-button-wrapper input[type="submit"] {
            float: none !important;
        }
    }

    .modalContent {
        background-color: white;
        display: inline-block;
        margin-top: -8px;
        padding: 20px 50px 40px 50px;
        width: 100%;
        text-align: left;
    }

        .modalContent a.cancel {
            text-decoration: underline;
            color: #5b5b5b;
            margin: 0px 20px 0;
            float: right;
        }

    @media (max-width: 599px) {
        .modalContent a.cancel {
            margin: 0;
        }
    }

    .modalContent p.saved-submission {
        color: #007568;
        float: right;
        font-size: 16px;
        font-weight: 600;
        font-family: 'lato';
    }

        .modalContent p.saved-submission:before {
            font-family: 'fontAwesome';
            content: '\f058';
            margin-right: 10px;
        }

    .modalContent ul {
        margin-bottom: 1.5em;
    }

        .modalContent ul li {
            margin-left: 30px;
        }

    .modalContent button[type='submit'] {
        margin: 5px;
    }

    @media only screen and (max-width: 599px) {
        .modalContent button[type='submit'] {
            margin: 0 0 10px;
        }
    }

    .modalContent form label {
        display: block;
        width: 100%;
        margin-bottom: 2rem;
    }

    .modalContent .marginauto {
        display: inline-block;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }

    .modalContent .half {
        width: 46%;
    }

    @media (max-width: 599px) {
        .modalContent .half {
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        .modalContent .formtitle {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 0.25em;
        }
    }

    .modalContent label.checkbox span {
        width: 95%;
        margin-bottom: 1em;
    }

    @media (max-width: 599px) {
        .modalContent label.checkbox span {
            width: 90%;
        }
    }

    .modalContent .first-button_modal {
        margin-bottom: 2em;
    }

    .modal-next-step {
        display: inline-block;
        float: right;
        padding-right: 50px;
        margin-top: 1em;
    }

    @media (max-width: 599px) {
        .modal-next-step {
            float: none;
            padding-right: 0;
        }
    }

    .newservice .popUpModal {
        top: initial;
    }

    #modal ul {
        padding: 0 15px;
        margin: 0.75em 0;
        font-weight: 300;
    }

    .modal, .landingModal, .sessiontimeout {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: left;
        background: rgba(255, 255, 255, 0.75);
        transition: opacity .25s ease;
        z-index: 2;
    }

    .landingModal, .sessiontimeout {
        opacity: 1;
        visibility: visible;
    }

        .landingModal .modalinner, .sessiontimeout .modalinner {
            bottom: initial;
            height: auto;
        }

    .modalbg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        cursor: pointer;
    }

    .modal-state {
        display: none;
    }

        .modal-state:checked + .modal {
            opacity: 1;
            visibility: visible;
            z-index: 8;
        }

            .modal-state:checked + .modal .modal__inner {
                top: 0;
            }

    .modalinner {
        transition: top .25s ease;
        position: absolute;
        top: 10%;
        right: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        min-width: 320px;
        margin: auto;
        overflow: auto;
        background: white;
        border-radius: 3px;
        padding: 1em 2em;
        height: 50%;
        border: 1px solid #5b5b5b;
        z-index: 6;
    }

    .modalclose {
        position: absolute;
        right: 1em;
        top: 1em;
        width: 1.1em;
        height: 1.1em;
        cursor: pointer;
    }

        .modalclose:after,
        .modalclose:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 1.5em;
            background: #cfcfcf;
            display: block;
            transform: rotate(45deg);
            left: 50%;
            margin: -3px 0 0 -1px;
            top: 0;
        }

        .modalclose:hover:after,
        .modalclose:hover:before {
            background: #a0a0a0;
        }

        .modalclose:before {
            transform: rotate(-45deg);
        }

    .check {
        max-width: 450px;
        margin: 0 auto;
    }

        .check img {
            width: 100%;
        }

    .signin-modal-state {
        display: block;
    }

    .signin-modal {
        opacity: 1;
        position: fixed;
        visibility: visible;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 8;
        left: 0;
        text-align: left;
        background: rgba(255, 255, 255, 0.75);
        transition: opacity .25s ease;
    }

    .signin-modal-inner {
        transition: top .25s ease;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        min-width: 320px;
        margin: auto;
        margin-top: 40px;
        background: white;
        border-radius: 3px;
        padding: 1em 2em;
        display: inline-table;
        border: 1px solid #5b5b5b;
        height: 75%;
    }

    #obp .modalcomponent {
        background: rgba(0, 0, 0, 0.65) !important;
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        text-align: left;
        top: 0;
        transition: opacity .25s ease;
        z-index: 9999;
    }

    #obp .modalinner {
        background: white;
        border-radius: 3px;
        border: 1px solid #5b5b5b;
        bottom: 0;
        height: 50%;
        left: 0;
        margin: auto;
        max-width: 750px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 10%;
        transition: top .25s ease;
        width: 50%;
        z-index: 6;
    }

    .remodal {
        padding-bottom: 0 !important;
    }

        .remodal > .remodal-close, .modal-cover > .modal-keep > .mheader.remodal > .mclose, .modal-cover > .modal-keep > .modalHeading.remodal > .mclose {
            top: .35em;
            right: 3.5em;
            left: auto;
            width: auto;
            min-width: initial;
        }

            .remodal > .remodal-close:hover, .modal-cover > .modal-keep > .mheader.remodal > .mclose:hover, .modal-cover > .modal-keep > .modalHeading.remodal > .mclose:hover, .remodal > .remodal-close:focus, .modal-cover > .modal-keep > .mheader.remodal > .mclose:focus, .modal-cover > .modal-keep > .modalHeading.remodal > .mclose:focus {
                background: white !important;
            }

            .remodal > .remodal-close:hover, .modal-cover > .modal-keep > .mheader.remodal > .mclose:hover, .modal-cover > .modal-keep > .modalHeading.remodal > .mclose:hover, .remodal > .remodal-close:focus, .modal-cover > .modal-keep > .mheader.remodal > .mclose:focus, .modal-cover > .modal-keep > .modalHeading.remodal > .mclose:focus {
                background: white !important;
            }

        .remodal > .modalHeading {
            padding: 13px 1.5em !important;
        }

        .remodal .modal-form {
            margin: 2em 0 0;
        }

            .remodal .modal-form > .inline-block {
                margin: 0;
            }

    @media (max-width: 599px) {
        .remodal .modal-form > .inline-block > label {
            margin-bottom: 1em;
        }

            .remodal .modal-form > .inline-block > label:last-of-type {
                margin-bottom: 0;
            }
    }

    .remodal .modal-form > .full > .label-wrapper {
        margin-bottom: 1em;
    }

        .remodal .modal-form > .full > .label-wrapper:last-of-type {
            margin-bottom: 0;
        }

        .remodal .modal-form > .full > .label-wrapper > input {
            margin-top: .5em;
        }

    .remodal .modal-form > .full > .half {
        margin-top: 1em;
    }

        .remodal .modal-form > .full > .half > .label-wrapper {
            margin-bottom: 1em;
        }

            .remodal .modal-form > .full > .half > .label-wrapper:last-of-type {
                margin-bottom: 0;
            }

            .remodal .modal-form > .full > .half > .label-wrapper > input, .remodal .modal-form > .full > .half > .label-wrapper > select {
                margin-top: .5em;
            }

    .remodal-close:hover, .modal-cover > .modal-keep > .mheader > .mclose:hover, .modal-cover > .modal-keep > .modalHeading > .mclose:hover, .remodal-close:focus, .modal-cover > .modal-keep > .mheader > .mclose:focus, .modal-cover > .modal-keep > .modalHeading > .mclose:focus {
        background: white !important;
        color: white;
    }

    .modalContent {
        /*padding: 20px 1.5em 40px 1.5em !important;*/
        padding: 20px 1.5em 20px 1.5em !important;
        /*border: black solid .1em;*/
    }

    @media (max-width: 1023px) {
        .popUpModal {
            display: block;
            width: 83%;
            margin: 0 auto;
            top: 3%;
        }
    }

    @media (max-width: 599px) {
        .popUpModal {
            display: block;
            width: 75%;
            margin: 0 auto;
            top: 3%;
        }
    }

.popUpModal form.form select {
    background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 99% center;
}

.popUpModal > .modalHeading {
    position: relative;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

        .popUpModal > .modalHeading > .closeModal {
            width: auto;
            font-size: large;
        }

    .popUpModal > .modalContent > .cmscontent > form > #contactEditForm, .popUpModal > .modalContent > .const-content > form > #contactEditForm {
        /*padding: 20px 1.5em 40px 1.5em !important;*/
        padding: 20px 1.5em 0px 1.5em !important;
    }

        .popUpModal > .modalContent > .cmscontent > form > #contactEditForm > select, .popUpModal > .modalContent > .const-content > form > #contactEditForm > select, .popUpModal > .modalContent > .cmscontent > form > #contactEditForm label, .popUpModal > .modalContent > .const-content > form > #contactEditForm label {
            max-width: 100% !important;
        }

    .popUpModal > .modalContent > .cmscontent > form > .button-wrapper, .popUpModal > .modalContent > .const-content > form > .button-wrapper, .popUpModal > .modalContent > .cmscontent > form > .mobile-button-wrapper, .popUpModal > .modalContent > .const-content > form > .mobile-button-wrapper {
        padding: 0 1.5em 0 !important;
    }

    .popUpModal#prefTandCSection2 > .modalContent {
        padding: 20px 1.5em 40px 1.5em !important;
    }

    #dndSection > table > tbody > tr > td {
        width: 50% !important;
    }

    @media (max-width: 599px) {
        #dndSection > table > tbody > tr > td {
            display: inline-block;
            width: 100% !important;
        }
    }

    #dndSection > table > tbody > tr > td > label {
        max-width: 100%;
    }

        #dndSection > table > tbody > tr > td > label > input {
            width: 90% !important;
        }

    @media (max-width: 599px) {
        #dndSection > table > tbody > tr > td > label > input {
            position: relative;
            width: 100% !important;
        }
    }

    #dndSection > table > tbody > tr > td > label > span {
        width: 100%;
        display: inline-block;
    }

    @media (max-width: 599px) {
        #dndSection > table > tbody > tr > td > label > span {
            padding-left: 0;
        }
    }

    #dndSection > table > tbody > tr > td:last-of-type, #dndSection > table > tbody > tr > td:last-child {
        width: 100% !important;
    }

        #dndSection > table > tbody > tr > td:last-of-type > label > input, #dndSection > table > tbody > tr > td:last-child > label > input {
            display: inline-block;
            top: 1.4em;
            right: 0;
            margin-right: 0;
            padding-right: 0;
            position: absolute;
        }

        #dndSection > table > tbody > tr > td:last-of-type > label > span, #dndSection > table > tbody > tr > td:last-child > label > span {
            padding-left: 2em;
        }

    @media (max-width: 599px) {
        #dndSection > table > tbody > tr > td:last-of-type > label > span, #dndSection > table > tbody > tr > td:last-child > label > span {
            padding-left: 0;
        }
    }

    .ui-timepicker-wrapper {
        width: 17%;
    }

    button.remodal-close:hover::before, .modal-cover > .modal-keep > .mheader > button.mclose:hover::before, .modal-cover > .modal-keep > .modalHeading > button.mclose:hover::before {
        color: white;
    }

    button.remodal-close:focus::before, .modal-cover > .modal-keep > .mheader > button.mclose:focus::before, .modal-cover > .modal-keep > .modalHeading > button.mclose:focus::before {
        outline: dotted thin white;
        color: white;
    }

    div.modalContent label:focus-within {
        outline: thin dotted black;
    }

    .remodel label:focus {
        outline: thin dotted black;
    }

    /*div.modalContent label:nth-of-type(2):focus-within {
    outline: dotted thin black;
}

.remodal label:nth-of-type(2):focus {
    outline: dotted thin black;
}*/
    /*  HomePage Styles =================================================
  6. Buttons
=================================================================  */
    .btn, button[type="button"], button[type="reset"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"],
    .btn:visited,
    button[type="button"]:visited,
    button[type="reset"]:visited,
    button[type="submit"]:visited,
    input[type="button"]:visited,
    input[type="reset"]:visited,
    input[type="submit"]:visited,
    .btn-cta,
    .btn-cta:visited,
    button {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border-color: transparent;
        border-style: none;
        border-width: 0;
        color: white;
        display: inline-block;
        font-family: 'lato', Arial, sans-serif;
        font-size: small;
        font-weight: 500;
        margin-bottom: 15px;
        margin: 0 2%;
        min-width: 130px;
        padding: 1.5em 2%;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: normal;
    }

        .btn:hover, button[type="button"]:hover, button[type="reset"]:hover, button[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
        .btn:visited:hover,
        button[type="button"]:visited:hover,
        button[type="reset"]:visited:hover,
        button[type="submit"]:visited:hover,
        input[type="button"]:visited:hover,
        input[type="reset"]:visited:hover,
        input[type="submit"]:visited:hover,
        .btn-cta:hover,
        .btn-cta:visited:hover,
        button:hover {
            cursor: pointer;
        }

        .btn:first-of-type, button[type="button"]:first-of-type, button[type="reset"]:first-of-type, button[type="submit"]:first-of-type, input[type="button"]:first-of-type, input[type="reset"]:first-of-type, input[type="submit"]:first-of-type,
        .btn:visited:first-of-type,
        button[type="button"]:visited:first-of-type,
        button[type="reset"]:visited:first-of-type,
        button[type="submit"]:visited:first-of-type,
        input[type="button"]:visited:first-of-type,
        input[type="reset"]:visited:first-of-type,
        input[type="submit"]:visited:first-of-type,
        .btn-cta:first-of-type,
        .btn-cta:visited:first-of-type,
        button:first-of-type {
            margin-top: 0 !important;
        }

        .btn:last-of-type, button[type="button"]:last-of-type, button[type="reset"]:last-of-type, button[type="submit"]:last-of-type, input[type="button"]:last-of-type, input[type="reset"]:last-of-type, input[type="submit"]:last-of-type,
        .btn:visited:last-of-type,
        button[type="button"]:visited:last-of-type,
        button[type="reset"]:visited:last-of-type,
        button[type="submit"]:visited:last-of-type,
        input[type="button"]:visited:last-of-type,
        input[type="reset"]:visited:last-of-type,
        input[type="submit"]:visited:last-of-type,
        .btn-cta:last-of-type,
        .btn-cta:visited:last-of-type,
        button:last-of-type {
            margin-right: 0 !important;
        }

        .btn:focus, button[type="button"]:focus, button[type="reset"]:focus, button[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
        .btn:visited:focus,
        button[type="button"]:visited:focus,
        button[type="reset"]:visited:focus,
        button[type="submit"]:visited:focus,
        input[type="button"]:visited:focus,
        input[type="reset"]:visited:focus,
        input[type="submit"]:visited:focus,
        .btn-cta:focus,
        .btn-cta:visited:focus,
        button:focus {
            outline: thin dotted black;
        }

    @media only screen and (max-width: 599px) {
        .btn, button[type="button"], button[type="reset"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"],
        .btn:visited,
        button[type="button"]:visited,
        button[type="reset"]:visited,
        button[type="submit"]:visited,
        input[type="button"]:visited,
        input[type="reset"]:visited,
        input[type="submit"]:visited,
        .btn-cta,
        .btn-cta:visited,
        button {
            height: 60px;
            font-weight: 400;
            width: 100%;
            margin: 0;
        }
    }

    .btn, button[type="button"], button[type="reset"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] {
        max-width: 260px;
        min-width: 150px;
    }

    @media (max-width: 599px) {
        .btn, button[type="button"], button[type="reset"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] {
            max-width: 100%;
            margin-top: 1em !important;
            margin-left: 0 !important;
        }
    }

    .btn a, button[type="button"] a, button[type="reset"] a, button[type ="submit"] a, input[type="button"] a, input[type="reset"] a, input[type="submit"] a {
        display: block;
        color: white;
        width: 100%;
        height: 100%;
    }

    button[type="button"], button[type="reset"], button[type="submit"], input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: none;
    }

    .submit-btn {
        border: 0;
        width: 100%;
        max-width: 100%;
        height: 43px;
        margin-top: 5%;
    }

    /*  Seacrh Button  */
    button.search {
        background-color: black;
        border-radius: 0px 3px 3px 0px;
        font-family: "fontAwesome";
        margin-left: -10px;
        margin: 0;
        min-width: 30px;
        padding: 10px 36px 13px 20px;
        width: 30px;
    }

        button.search:before {
            content: "\f002";
            color: white;
        }

    button.submit-m {
        -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        background-color: white;
        border-radius: 0;
        box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        color: #5b5b5b;
        height: 80px;
        letter-spacing: 0;
        margin: 1% 0;
        padding: 0 20px;
        text-align: left;
    }

        button.submit-m:before {
            color: #5b5b5b;
            content: "\f105";
            float: right;
            font-family: 'fontAwesome';
            font-size: 24px;
            margin-right: 7px;
            margin-top: 0;
            position: relative;
            z-index: 9;
        }

        button.submit-m:first-of-type {
            margin-top: 20px;
        }

        button.submit-m:last-of-type {
            margin-bottom: 20px;
        }

        button.submit-m.other:before {
            content: '';
        }

        button.submit-m span.amount {
            color: #5f97cd;
            display: block;
            font-size: 20px;
            font-weight: 500;
            margin-top: 0.25em;
            text-align: left;
            width: 100%;
        }

    @media (max-width: 599px) {
        .btn.margin-top-sm, button.margin-top-sm[type="button"], button.margin-top-sm[type="reset"], button.margin-top-sm[type="submit"], input.margin-top-sm[type="button"], input.margin-top-sm[type="reset"], input.margin-top-sm[type="submit"] {
            margin-top: 1em !important;
        }
    }

    .xl {
        width: 100% !important;
        margin-top: 20px;
    }

    .largebutton {
        display: block;
        width: 25%;
        margin: 0 auto;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .largebutton {
            width: 50%;
        }
    }

    @media only screen and (max-width: 599px) {
        .largebutton {
            width: 100%;
        }
    }

    .whiteTransButton {
        background-color: transparent;
        border: 1px solid white !important;
        color: white !important;
        display: inline-block;
    }

        .whiteTransButton:hover {
            background: rgba(255, 255, 255, 0.2);
        }

    center > .whiteTransButton {
        margin-top: 1em;
    }

    button.whiteblue, button.primary-alt, .whiteblue {
        background-color: white;
        border: 1px solid #007568;
        color: #012877 !important;
    }

        button.whiteblue:hover, button.primary-alt:hover, .whiteblue:hover {
            background-color: #e6e6e6;
        }

            button.whiteblue:hover a, button.primary-alt:hover a, .whiteblue:hover a {
                color: white;
            }

    button.cancel {
        background-color: white;
        color: #df2911;
        border: 1px solid #df2911;
        font-weight: 500;
    }

        button.cancel:hover {
            background-color: #f4f4f4;
        }

    /*  Primary CTA Button  */
    .primary-cta {
        background-color: #345392;
        color: white;
    }

        .primary-cta:hover {
            background-color: #273e6c;
        }

        .primary-cta.outline {
            background: transparent;
            border: thin solid #345392;
            color: #345392;
        }

            .primary-cta.outline:hover {
                background: #273e6c;
                color: white;
            }

        .primary-cta.white {
            background: white;
            color: #345392;
        }

            .primary-cta.white:hover {
                background: #273e6c;
                color: white;
            }

    a.primary-cta:hover {
        color: white;
    }

    .enabled, .submit-btn, .submit, .login-btn {
        background: #007568;
        color: white;
        max-width: 100%;
        pointer-events: auto;
    }

        .enabled a, .submit-btn a, .submit a, .login-btn a {
            color: #007568;
        }

        .enabled:hover, .enabled:focus, .submit-btn:hover, .submit-btn:focus, .submit:hover, .submit:focus, .login-btn:hover, .login-btn:focus {
            color: white;
            /*Hover color for submit button*/
            background-color: #015249;
        }

            .enabled:hover a, .enabled:focus a, .submit-btn:hover a, .submit-btn:focus a, .submit:hover a, .submit:focus a, .login-btn:hover a, .login-btn:focus a {
                color: white;
            }

        .enabled.outline, .submit-btn.outline, .submit.outline, .login-btn.outline {
            background: transparent;
            border: thin solid #007568;
            color: #007568;
        }

            .enabled.outline:hover, .submit-btn.outline:hover, .submit.outline:hover, .login-btn.outline:hover {
                background: #007568;
                color: white;
            }

                .enabled.outline:hover a, .submit-btn.outline:hover a, .submit.outline:hover a, .login-btn.outline:hover a {
                    color: white;
                }

        .enabled.selection, .submit-btn.selection, .submit.selection, .login-btn.selection {
            background: #007568;
            color: white;
        }

            .enabled.selection a, .submit-btn.selection a, .submit.selection a, .login-btn.selection a {
                color: white;
            }

    /*  Enabled Submit Button */
    .primary, .non-login-btn {
        background: #345392;
        color: white;
        max-width: 100% !important;
        -webkit-transition: background 0.35s ease-in-out;
        -moz-transition: background 0.35s ease-in-out;
        -ms-transition: background 0.35s ease-in-out;
        -o-transition: background 0.35s ease-in-out;
    }

        .primary a, .non-login-btn a {
            color: #012877;
        }

        .primary:hover, .primary:focus, .non-login-btn:hover, .non-login-btn:focus {
            background-color: #273e6c;
        }

            .primary:hover a, .primary:focus a, .non-login-btn:hover a, .non-login-btn:focus a {
                color: white;
            }

    @media (max-width: 599px) {
        .primary.chevron-right, .non-login-btn.chevron-right {
            font-size: 15px !important;
        }

            .primary.chevron-right:after, .non-login-btn.chevron-right:after {
                content: "\f105";
                font-family: 'fontAwesome';
                color: white;
                float: right;
                margin-left: 10px;
                font-size: 22px;
            }
    }

    .primary.outline, .non-login-btn.outline {
        background: transparent;
        border: thin solid #345392;
        color: #345392;
    }

        .primary.outline:hover, .non-login-btn.outline:hover {
            background: #345392;
            color: white;
        }

            .primary.outline:hover a, .non-login-btn.outline:hover a {
                color: white;
            }

    .primary.outline-white, .non-login-btn.outline-white {
        background: transparent;
        border: thin solid #345392;
        color: #345392;
    }

        .primary.outline-white:hover, .non-login-btn.outline-white:hover {
            background: #345392;
            color: white;
        }

            .primary.outline-white:hover a, .non-login-btn.outline-white:hover a {
                color: white;
            }

    .primary.white, .non-login-btn.white {
        background: white;
        color: #345392;
    }

        .primary.white:hover, .non-login-btn.white:hover {
            background: #273e6c;
            color: white;
        }

    .primary.selection, .non-login-btn.selection {
        background: #345392;
        color: white;
    }

        .primary.selection a, .non-login-btn.selection a {
            color: white;
        }

            .primary.selection a:before, .non-login-btn.selection a:before {
                font-family: FontAwesome;
                content: "\f00c";
                display: inline-block;
                left: -1em;
                padding-right: 3px;
                vertical-align: middle;
            }

    .primary.small-btn, .non-login-btn.small-btn {
        width: auto !important;
        max-width: 70px !important;
        margin: 1em auto 1em;
        padding: .5em;
        text-align: center;
    }

    .primary.btnReset, .non-login-btn.btnReset {
        border-color: #5b5b5b;
        color: #5b5b5b;
    }

    /* Secondary Button Color */
    .secondary {
        background-color: #256bb4;
        color: white;
        margin-left: 0;
        max-width: 100% !important;
        -webkit-transition: background 0.35s ease-in-out;
        -moz-transition: background 0.35s ease-in-out;
        -ms-transition: background 0.35s ease-in-out;
        -o-transition: background 0.35s ease-in-out;
    }

        .secondary a {
            color: #cf4a0c;
        }

        .secondary:hover {
            background-color: #273e6c;
            /*background-color: #9c5a00;*/
        }

            .secondary:hover a {
                color: white;
            }

        .secondary.outline {
            background: transparent;
            border: thin solid #cf4a0c;
            color: #cf4a0c;
        }

            .secondary.outline:hover {
                background: #cf4a0c;
                color: white;
            }

                .secondary.outline:hover a {
                    color: white;
                }

            .secondary.outline a {
                color: #cf4a0c;
            }

        .secondary.selection {
            background: #cf4a0c;
            color: white;
        }

            .secondary.selection a {
                color: white;
            }

                .secondary.selection a:before {
                    font-family: FontAwesome;
                    content: "\f00c";
                    display: inline-block;
                    left: -1em;
                    margin-left: -.5em;
                    padding-right: .5em;
                    vertical-align: middle;
                }

        .secondary.deselect a {
            color: #cf4a0c;
        }

    /*  Disabled Submit Button  */
    .disabled {
        background-color: #cfcfcf;
        color: #e4e4e4;
        pointer-events: none;
    }

    .disabled:hover, .disabled:focus {
        background-color: #cfcfcf;
        cursor: default !important;
    }

    /* Tertiary Button Color */
    .tertiary {
        background-color: #a0a0a0;
        border: 1px solid #a0a0a0;
        color: white;
        max-width: 100% !important;
        -webkit-transition: background 0.35s ease-in-out;
        -moz-transition: background 0.35s ease-in-out;
        -ms-transition: background 0.35s ease-in-out;
        -o-transition: background 0.35s ease-in-out;
    }

        .tertiary:hover, .tertiary:focus {
            background: #424242;
        }

    .whitebutton {
        background-color: white;
        border: 1px solid #727272 !important;
        color: #727272 !important;
    }

        .whitebutton:hover, .whitebutton:focus {
            background-color: #e6e6e6;
        }

        .whitebutton:hover, .whitebutton:focus {
            background-color: #f4f4f4;
            color: black;
        }

    .greenWhiteButton {
        background-color: white !important;
        color: #007568 !important;
        font-weight: 500;
        border-color: #007568 !important;
        border-style: solid !important;
        border-width: 1px !important;
    }

        .greenWhiteButton:hover, .greenWhiteButton:focus {
            background-color: #e6e6e6;
        }

    .redbutton {
        background-color: #df2911;
        color: white;
        max-width: 100% !important;
        width: 100%;
    }

        .redbutton:hover, .redbutton:focus {
            background-color: #b10000;
        }

    .redwhite {
        background-color: white;
        color: #df2911;
        border: 3px solid #df2911;
    }

        .redwhite:hover, .redwhite:focus {
            background-color: #e6e6e6;
        }

    a.button {
        border-radius: 3px;
        border: 1px solid black;
        color: black;
        cursor: pointer;
        margin: 0 5px;
        padding: 7px 10px;
    }

        a.button:hover, a.button:focus {
            background: black;
            border-radius: 3px;
            color: #dedede;
            padding: 7px 10px;
        }

    .view-toggle {
        width: 100%;
        display: none;
        border: 1px solid black;
        border-radius: 3px;
        color: black;
        text-transform: uppercase;
        margin-top: 20px;
    }

    @media (max-width: 768px) {
        .view-toggle {
            display: inline-block;
        }
    }

    .view-toggle .toggle {
        width: 50%;
        cursor: pointer;
        float: left;
        text-align: center;
        padding: 7px 10px;
        background: rgba(255, 255, 255, 0.5);
    }

        .view-toggle .toggle:hover {
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
        }

    .toggleActive {
        background: rgba(0, 0, 0, 0.75) !important;
        color: white !important;
    }

    /* Search Icon */
    .search-btn-icon, .header-404 .error-404-label-wrapper .error-404-btn, .header-oops .oops-label-wrapper .oops-btn, .payment-locations .search-btn {
        background: #494949;
        display: inline-block;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
        border-radius: 0 3px 0 0;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 43px;
        min-width: 43px;
        max-width: 43px;
        height: 42px;
        padding: 0;
    }

        .search-btn-icon:before, .header-404 .error-404-label-wrapper .error-404-btn:before, .header-oops .oops-label-wrapper .oops-btn:before, .payment-locations .search-btn:before {
            font-family: FontAwesome;
            content: "\f002";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
        }

    /* Remove/Delete Button */
    .btn.remove, button.remove[type="button"], button.remove[type="reset"], button.remove[type="submit"], input.remove[type="button"], input.remove[type="reset"], input.remove[type="submit"] {
        border: 1px solid #df2911;
        color: #df2911 !important;
    }

    .remove-btn {
        background-color: transparent;
        color: #5b5b5b !important;
    }

        .remove-btn[type="button"] {
            width: auto !important;
            max-width: 100% !important;
            min-width: initial !important;
            font-size: large;
        }

        .remove-btn:before {
            font-family: FontAwesome;
            content: "\f014";
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
        }

        .remove-btn:hover, .remove-btn:focus {
            color: #424242 !important;
        }

    .add-btn, .delete-btn, .edit-btn {
        background-color: transparent;
        color: #256bb4 !important;
    }

        .add-btn[type="button"], .delete-btn[type="button"], .edit-btn[type="button"] {
            width: auto !important;
            max-width: 100% !important;
            margin-top: 0 !important;
        }

        .add-btn:before, .delete-btn:before, .edit-btn:before {
            font-family: FontAwesome;
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
        }

        .add-btn:hover, .add-btn:focus, .delete-btn:hover, .delete-btn:focus, .edit-btn:hover, .edit-btn:focus {
            color: #104648 !important;
        }

    .delete-btn {
        visibility: hidden;
        width: 20px;
        vertical-align: top;
        left: -9999px;
        white-space: nowrap;
    }

        .delete-btn:before {
            font-family: FontAwesome;
            content: "\f014";
            visibility: visible;
            left: 0;
        }

        .delete-btn.lg {
            width: 100% !important;
            border-radius: 5px;
        }

            .delete-btn.lg.outline {
                background: transparent;
                border: thin solid #df2911;
                color: #df2911 !important;
            }

                .delete-btn.lg.outline:before {
                    display: none;
                }

                .delete-btn.lg.outline:hover {
                    background: #df2911;
                    color: white !important;
                }

                    .delete-btn.lg.outline:hover a {
                        color: white;
                    }

                .delete-btn.lg.outline a {
                    color: #df2911 !important;
                }

        .delete-btn.white:before {
            color: white !important;
        }

    @media screen and (min-width: 0\0) {
        .delete-btn {
            visibility: visible;
            text-indent: -9999px;
        }

            .delete-btn:before {
                text-indent: 0;
                left: 2.5em;
                position: absolute;
            }
    }

    .duplicate-btn {
        visibility: hidden;
        width: 20px;
        vertical-align: top;
        left: -9999px;
        white-space: nowrap;
    }

        .duplicate-btn:before {
            font-family: FontAwesome;
            content: "\f0c5";
            visibility: visible;
            left: 0;
        }

        .duplicate-btn.lg {
            width: 100% !important;
            border-radius: 5px;
        }

            .duplicate-btn.lg.outline {
                background: transparent;
                border: thin solid #df2911;
                color: #df2911 !important;
            }

                .duplicate-btn.lg.outline:before {
                    display: none;
                }

                .duplicate-btn.lg.outline:hover {
                    background: #df2911;
                    color: white !important;
                }

                    .duplicate-btn.lg.outline:hover a {
                        color: white;
                    }

                .duplicate-btn.lg.outline a {
                    color: #df2911 !important;
                }

        .duplicate-btn.white:before {
            color: white !important;
        }

    @media screen and (min-width: 0\0) {
        .duplicate-btn {
            visibility: visible;
            text-indent: -9999px;
        }

            .duplicate-btn:before {
                text-indent: 0;
                left: .5em;
                position: absolute;
            }
    }

    .add-btn:before {
        font-family: FontAwesome;
        content: "\f067";
    }

    @media screen and (min-width: 0\0) {
        .add-btn {
            visibility: visible;
            text-indent: -9999px;
        }

            .add-btn:before {
                text-indent: 0;
                left: .5em;
                position: absolute;
            }
    }

    .edit-btn:before {
        font-family: FontAwesome;
        content: "\f040";
    }

    @media screen and (min-width: 0\0) {
        .edit-btn {
            visibility: visible;
            text-indent: -9999px;
        }

            .edit-btn:before {
                text-indent: 0;
                left: .5em;
                position: absolute;
            }
    }

    .button-wrapper, .modal-cover > .modal-keep > div > .button-wrapper, .modal-cover > .modal-keep > .button-wrapper, .mobile-button-wrapper {
        display: inline-block;
        border-top: thin solid #dedede;
        width: 100%;
        height: auto;
        /*margin-top: 4% !important;*/
        text-align: right;
        padding-top: 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .button-wrapper > p, .modal-cover > .modal-keep > div > .button-wrapper > p, .modal-cover > .modal-keep > .button-wrapper > p, .mobile-button-wrapper > p {
            margin-bottom: 2em;
        }

    @media (max-width: 1023px) {
        .button-wrapper > p, .modal-cover > .modal-keep > div > .button-wrapper > p, .modal-cover > .modal-keep > .button-wrapper > p, .mobile-button-wrapper > p {
            margin-bottom: 2em;
            width: 100% !important;
        }
    }

    .button-wrapper .btn, .modal-cover > .modal-keep > .button-wrapper .btn, .mobile-button-wrapper .btn, .button-wrapper button[type="button"], .modal-cover > .modal-keep > .button-wrapper button[type="button"], .mobile-button-wrapper button[type="button"], .button-wrapper button[type="reset"], .modal-cover > .modal-keep > .button-wrapper button[type="reset"], .mobile-button-wrapper button[type="reset"], .button-wrapper button[type="submit"], .modal-cover > .modal-keep > .button-wrapper button[type="submit"], .mobile-button-wrapper button[type="submit"], .button-wrapper input[type="button"], .modal-cover > .modal-keep > .button-wrapper input[type="button"], .mobile-button-wrapper input[type="button"], .button-wrapper input[type="reset"], .modal-cover > .modal-keep > .button-wrapper input[type="reset"], .mobile-button-wrapper input[type="reset"], .button-wrapper input[type="submit"], .modal-cover > .modal-keep > .button-wrapper input[type="submit"], .mobile-button-wrapper input[type="submit"] {
        width: 200px;
        text-align: center;
    }

        .button-wrapper .btn a, .modal-cover > .modal-keep > .button-wrapper .btn a, .mobile-button-wrapper .btn a, .button-wrapper button[type="button"] a, .modal-cover > .modal-keep > .button-wrapper button[type="button"] a, .mobile-button-wrapper button[type="button"] a, .button-wrapper button[type="reset"] a, .modal-cover > .modal-keep > .button-wrapper button[type="reset"] a, .mobile-button-wrapper button[type="reset"] a, .button-wrapper button[type="submit"] a, .modal-cover > .modal-keep > .button-wrapper button[type="submit"] a, .mobile-button-wrapper button[type="submit"] a, .button-wrapper input[type="button"] a, .modal-cover > .modal-keep > .button-wrapper input[type="button"] a, .mobile-button-wrapper input[type="button"] a, .button-wrapper input[type="reset"] a, .modal-cover > .modal-keep > .button-wrapper input[type="reset"] a, .mobile-button-wrapper input[type="reset"] a, .button-wrapper input[type="submit"] a, .modal-cover > .modal-keep > .button-wrapper input[type="submit"] a, .mobile-button-wrapper input[type="submit"] a {
            color: white !important;
        }

    @media (max-width: 1023px) {
        .button-wrapper .btn, .modal-cover > .modal-keep > .button-wrapper .btn, .mobile-button-wrapper .btn, .button-wrapper button[type="button"], .modal-cover > .modal-keep > .button-wrapper button[type="button"], .mobile-button-wrapper button[type="button"], .button-wrapper button[type="reset"], .modal-cover > .modal-keep > .button-wrapper button[type="reset"], .mobile-button-wrapper button[type="reset"], .button-wrapper button[type="submit"], .modal-cover > .modal-keep > .button-wrapper button[type="submit"], .mobile-button-wrapper button[type="submit"], .button-wrapper input[type="button"], .modal-cover > .modal-keep > .button-wrapper input[type="button"], .mobile-button-wrapper input[type="button"], .button-wrapper input[type="reset"], .modal-cover > .modal-keep > .button-wrapper input[type="reset"], .mobile-button-wrapper input[type="reset"], .button-wrapper input[type="submit"], .modal-cover > .modal-keep > .button-wrapper input[type="submit"], .mobile-button-wrapper input[type="submit"] {
            float: left !important;
        }

            .button-wrapper .btn:first-of-type, .mobile-button-wrapper .btn:first-of-type, .button-wrapper button[type="button"]:first-of-type, .mobile-button-wrapper button[type="button"]:first-of-type, .button-wrapper button[type="reset"]:first-of-type, .mobile-button-wrapper button[type="reset"]:first-of-type, .button-wrapper button[type="submit"]:first-of-type, .mobile-button-wrapper button[type="submit"]:first-of-type, .button-wrapper input[type="button"]:first-of-type, .mobile-button-wrapper input[type="button"]:first-of-type, .button-wrapper input[type="reset"]:first-of-type, .mobile-button-wrapper input[type="reset"]:first-of-type, .button-wrapper input[type="submit"]:first-of-type, .mobile-button-wrapper input[type="submit"]:first-of-type {
                margin-left: 0;
            }
    }

    @media (max-width: 599px) {
        .button-wrapper .btn, .modal-cover > .modal-keep > .button-wrapper .btn, .mobile-button-wrapper .btn, .button-wrapper button[type="button"], .modal-cover > .modal-keep > .button-wrapper button[type="button"], .mobile-button-wrapper button[type="button"], .button-wrapper button[type="reset"], .modal-cover > .modal-keep > .button-wrapper button[type="reset"], .mobile-button-wrapper button[type="reset"], .button-wrapper button[type="submit"], .modal-cover > .modal-keep > .button-wrapper button[type="submit"], .mobile-button-wrapper button[type="submit"], .button-wrapper input[type="button"], .modal-cover > .modal-keep > .button-wrapper input[type="button"], .mobile-button-wrapper input[type="button"], .button-wrapper input[type="reset"], .modal-cover > .modal-keep > .button-wrapper input[type="reset"], .mobile-button-wrapper input[type="reset"], .button-wrapper input[type="submit"], .modal-cover > .modal-keep > .button-wrapper input[type="submit"], .mobile-button-wrapper input[type="submit"] {
            margin-top: 6%;
            width: 100%;
        }
    }

    .button-wrapper button.cfloat, .modal-cover > .modal-keep > .button-wrapper button.cfloat, .mobile-button-wrapper button.cfloat {
        float: none !important;
        margin: 0 auto !important;
    }

    @media (max-width: 1023px) {
        .button-wrapper button.cfloat, .modal-cover > .modal-keep > .button-wrapper button.cfloat, .mobile-button-wrapper button.cfloat {
            float: none !important;
            margin: 0 auto !important;
        }
    }

    .button-wrapper.modal-btn, .modal-cover > .modal-keep > div > .modal-btn.button-wrapper, .modal-cover > .modal-keep > .modal-btn.button-wrapper, .modal-btn.mobile-button-wrapper {
        padding: 1.5em 1.5em 0;
    }

    @media (max-width: 599px) {
        .button-wrapper.modal-btn, .modal-cover > .modal-keep > div > .modal-btn.button-wrapper, .modal-cover > .modal-keep > .modal-btn.button-wrapper, .modal-btn.mobile-button-wrapper {
            float: none;
            padding-right: 0;
            width: 100%;
            margin: 1em auto 0 !important;
        }
    }

    @media (max-width: 599px) {
        .button-wrapper.modal-btn > button, .modal-cover > .modal-keep > div > .modal-btn.button-wrapper > button, .modal-cover > .modal-keep > .modal-btn.button-wrapper > button, .modal-btn.mobile-button-wrapper > button {
            display: block !important;
            float: none !important;
            width: 74%;
            margin: 2em auto 1em !important;
        }
    }

    .accordion-content > .button-wrapper, .modal-cover > .modal-keep > div.accordion-content > .button-wrapper, .modal-cover > .modal-keep.accordion-content > .button-wrapper, .accordion-content > .mobile-button-wrapper {
        display: inline-block;
    }

    @media only screen and (max-width: 599px) {
        .chevron-right {
            font-size: 15px !important;
            text-align: left;
        }

            .chevron-right:after {
                content: "\f105";
                font-family: 'fontAwesome';
                float: right;
                margin-right: 10px;
                font-size: 22px;
            }
    }

    .chevron-right.center-align {
        text-align: center;
    }

    .chevron-right.left-align {
        text-align: left;
    }

    .chevron-right.right-align {
        text-align: right;
    }

    .chevron-right .width-auto {
        float: none;
        margin-bottom: 4em;
    }

    @media (min-width: 1200px) {
        .chevron-right .width-auto .width-auto {
            float: left;
        }
    }

    @media (max-width: 768px) {
        .chevron-right .width-auto .width-auto {
            float: left;
            width: 100% !important;
        }
    }

    .chevron-right .btn, .chevron-right button[type="button"], .chevron-right button[type="reset"], .chevron-right button[type="submit"], .chevron-right input[type="button"], .chevron-right input[type="reset"], .chevron-right input[type="submit"] {
        float: left;
        margin-left: 0;
    }

    @media (min-width: 1200px) {
        .chevron-right .btn, .chevron-right button[type="button"], .chevron-right button[type="reset"], .chevron-right button[type="submit"], .chevron-right input[type="button"], .chevron-right input[type="reset"], .chevron-right input[type="submit"] {
            text-align: right;
        }

            .chevron-right .btn .width-auto, .chevron-right button[type="button"] .width-auto, .chevron-right button[type="reset"] .width-auto, .chevron-right button[type="submit"] .width-auto, .chevron-right input[type="button"] .width-auto, .chevron-right input[type="reset"] .width-auto, .chevron-right input[type="submit"] .width-auto {
                float: left;
            }

            .chevron-right .btn .btn, .chevron-right button[type="button"] .btn, .chevron-right button[type="reset"] .btn, .chevron-right button[type="submit"] .btn, .chevron-right input[type="button"] .btn, .chevron-right input[type="reset"] .btn, .chevron-right input[type="submit"] .btn, .chevron-right .btn button[type="button"], .chevron-right button[type="button"] button[type="button"], .chevron-right button[type="reset"] button[type="button"], .chevron-right button[type="submit"] button[type="button"], .chevron-right input[type="button"] button[type="button"], .chevron-right input[type="reset"] button[type="button"], .chevron-right input[type="submit"] button[type="button"], .chevron-right .btn button[type="reset"], .chevron-right button[type="button"] button[type="reset"], .chevron-right button[type="reset"] button[type="reset"], .chevron-right button[type="submit"] button[type="reset"], .chevron-right input[type="button"] button[type="reset"], .chevron-right input[type="reset"] button[type="reset"], .chevron-right input[type="submit"] button[type="reset"], .chevron-right .btn button[type="submit"], .chevron-right button[type="button"] button[type="submit"], .chevron-right button[type="reset"] button[type="submit"], .chevron-right button[type="submit"] button[type="submit"], .chevron-right input[type="button"] button[type="submit"], .chevron-right input[type="reset"] button[type="submit"], .chevron-right input[type="submit"] button[type="submit"], .chevron-right .btn input[type="button"], .chevron-right button[type="button"] input[type="button"], .chevron-right button[type="reset"] input[type="button"], .chevron-right button[type="submit"] input[type="button"], .chevron-right input[type="button"] input[type="button"], .chevron-right input[type="reset"] input[type="button"], .chevron-right input[type="submit"] input[type="button"], .chevron-right .btn input[type="reset"], .chevron-right button[type="button"] input[type="reset"], .chevron-right button[type="reset"] input[type="reset"], .chevron-right button[type="submit"] input[type="reset"], .chevron-right input[type="button"] input[type="reset"], .chevron-right input[type="reset"] input[type="reset"], .chevron-right input[type="submit"] input[type="reset"], .chevron-right .btn input[type="submit"], .chevron-right button[type="button"] input[type="submit"], .chevron-right button[type="reset"] input[type="submit"], .chevron-right button[type="submit"] input[type="submit"], .chevron-right input[type="button"] input[type="submit"], .chevron-right input[type="reset"] input[type="submit"], .chevron-right input[type="submit"] input[type="submit"] {
                float: none;
            }
    }

    @media (max-width: 768px) {
        .chevron-right .btn, .chevron-right button[type="button"], .chevron-right button[type="reset"], .chevron-right button[type="submit"], .chevron-right input[type="button"], .chevron-right input[type="reset"], .chevron-right input[type="submit"] {
            text-align: left;
        }

            .chevron-right .btn .btn, .chevron-right button[type="button"] .btn, .chevron-right button[type="reset"] .btn, .chevron-right button[type="submit"] .btn, .chevron-right input[type="button"] .btn, .chevron-right input[type="reset"] .btn, .chevron-right input[type="submit"] .btn, .chevron-right .btn button[type="button"], .chevron-right button[type="button"] button[type="button"], .chevron-right button[type="reset"] button[type="button"], .chevron-right button[type="submit"] button[type="button"], .chevron-right input[type="button"] button[type="button"], .chevron-right input[type="reset"] button[type="button"], .chevron-right input[type="submit"] button[type="button"], .chevron-right .btn button[type="reset"], .chevron-right button[type="button"] button[type="reset"], .chevron-right button[type="reset"] button[type="reset"], .chevron-right button[type="submit"] button[type="reset"], .chevron-right input[type="button"] button[type="reset"], .chevron-right input[type="reset"] button[type="reset"], .chevron-right input[type="submit"] button[type="reset"], .chevron-right .btn button[type="submit"], .chevron-right button[type="button"] button[type="submit"], .chevron-right button[type="reset"] button[type="submit"], .chevron-right button[type="submit"] button[type="submit"], .chevron-right input[type="button"] button[type="submit"], .chevron-right input[type="reset"] button[type="submit"], .chevron-right input[type="submit"] button[type="submit"], .chevron-right .btn input[type="button"], .chevron-right button[type="button"] input[type="button"], .chevron-right button[type="reset"] input[type="button"], .chevron-right button[type="submit"] input[type="button"], .chevron-right input[type="button"] input[type="button"], .chevron-right input[type="reset"] input[type="button"], .chevron-right input[type="submit"] input[type="button"], .chevron-right .btn input[type="reset"], .chevron-right button[type="button"] input[type="reset"], .chevron-right button[type="reset"] input[type="reset"], .chevron-right button[type="submit"] input[type="reset"], .chevron-right input[type="button"] input[type="reset"], .chevron-right input[type="reset"] input[type="reset"], .chevron-right input[type="submit"] input[type="reset"], .chevron-right .btn input[type="submit"], .chevron-right button[type="button"] input[type="submit"], .chevron-right button[type="reset"] input[type="submit"], .chevron-right button[type="submit"] input[type="submit"], .chevron-right input[type="button"] input[type="submit"], .chevron-right input[type="reset"] input[type="submit"], .chevron-right input[type="submit"] input[type="submit"] {
                float: left;
                margin-left: 0;
            }
    }

    .show-hide-btn {
        background-color: transparent;
        color: #256bb4 !important;
    }

        .show-hide-btn[type="button"] {
            width: auto !important;
            max-width: 100% !important;
            margin-top: 0 !important;
            height: auto;
            padding: 0;
        }

        .show-hide-btn:before {
            font-family: FontAwesome;
            content: '\f067';
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
        }

        .show-hide-btn:hover, .show-hide-btn:focus {
            color: #104648 !important;
        }

        .show-hide-btn.open:before {
            font-family: FontAwesome;
            content: '\f068';
        }

    .mins-btn, .plus-btn {
        background: #256bb4;
        border-radius: 10px 0 0 10px;
        width: 3em !important;
        min-width: 3em !important;
    }

        .mins-btn:before, .plus-btn:before {
            font-family: FontAwesome;
            content: '\f068';
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            color: white;
        }

        .mins-btn:hover, .mins-btn:focus, .plus-btn:hover, .plus-btn:focus {
            background: #124c4e !important;
        }

    .plus-btn {
        border-radius: 0 10px 10px 0;
    }

        .plus-btn:before {
            content: '\f067';
        }

    .button-dropdown-content-wrapper {
        float: right;
        position: absolute;
        overflow: hidden;
        height: auto;
        width: 122px;
        top: 4px;
        right: 0;
    }

    .button-dropdown-wrapper {
        width: 100%;
        text-align: center;
    }

        .button-dropdown-wrapper .more-option {
            width: 2em !important;
            min-width: 2em !important;
            height: auto;
            margin: .4em 0 1em;
            padding: 2% 4%;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

            .button-dropdown-wrapper .more-option:before {
                font-family: FontAwesome;
                content: '\f142';
                display: inline-block;
                font-size: 14px;
                letter-spacing: 2px;
                vertical-align: middle;
                color: #494949;
            }

            .button-dropdown-wrapper .more-option:hover, .button-dropdown-wrapper .more-option:focus {
                background: #7c7c7c !important;
            }

            .button-dropdown-wrapper .more-option.active {
                background: #7c7c7c;
            }

                .button-dropdown-wrapper .more-option.active:before {
                    color: white;
                }

    .dropdown-container, .description-container, .event-type-wrapper, .current-room-container, .advanced-search-container {
        display: none;
    }

        .dropdown-container.active, .active.description-container, .active.event-type-wrapper, .active.current-room-container, .active.advanced-search-container {
            display: inline-block;
        }

        .dropdown-container .dropdown-up-arrow, .description-container .dropdown-up-arrow, .event-type-wrapper .dropdown-up-arrow, .current-room-container .dropdown-up-arrow, .advanced-search-container .dropdown-up-arrow {
            display: none !important;
            position: relative;
            background: transparent;
            top: 1px;
            /*move arrow down*/
            right: 3.8em;
            /*move arrow right*/
            display: inline-block;
            float: right;
            -moz-transform: rotateZ(0deg);
            -webkit-transform: rotateZ(0deg);
            -o-transform: rotateZ(0deg);
            -ms-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
            vertical-align: middle;
            z-index: 9999;
        }

            .dropdown-container .dropdown-up-arrow:after, .description-container .dropdown-up-arrow:after, .event-type-wrapper .dropdown-up-arrow:after, .current-room-container .dropdown-up-arrow:after, .advanced-search-container .dropdown-up-arrow:after, .dropdown-container .dropdown-up-arrow:before, .description-container .dropdown-up-arrow:before, .event-type-wrapper .dropdown-up-arrow:before, .current-room-container .dropdown-up-arrow:before, .advanced-search-container .dropdown-up-arrow:before {
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            .dropdown-container .dropdown-up-arrow:after, .description-container .dropdown-up-arrow:after, .event-type-wrapper .dropdown-up-arrow:after, .current-room-container .dropdown-up-arrow:after, .advanced-search-container .dropdown-up-arrow:after {
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: white;
                border-width: 11px;
                /*adjust the size of the arrow*/
                margin-left: -11px;
                /*adjust the size of the arrow*/
            }

            .dropdown-container .dropdown-up-arrow:before, .description-container .dropdown-up-arrow:before, .event-type-wrapper .dropdown-up-arrow:before, .current-room-container .dropdown-up-arrow:before, .advanced-search-container .dropdown-up-arrow:before {
                border-color: rgba(207, 207, 207, 0);
                border-bottom-color: #a0a0a0;
                border-width: 12px;
                /*adjust the size of the arrow*/
                margin-left: -12px;
                /*adjust the size of the arrow*/
            }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .dropdown-container .dropdown-up-arrow, .description-container .dropdown-up-arrow, .event-type-wrapper .dropdown-up-arrow, .current-room-container .dropdown-up-arrow, .advanced-search-container .dropdown-up-arrow {
            right: 1em;
            top: -3px;
        }
    }

    @media only screen and (max-width: 599px) {
        .dropdown-container .dropdown-up-arrow, .description-container .dropdown-up-arrow, .event-type-wrapper .dropdown-up-arrow, .current-room-container .dropdown-up-arrow, .advanced-search-container .dropdown-up-arrow {
            right: -.5em;
            top: 0;
        }
    }

    .dropdown-container .button-dropdown-list, .description-container .button-dropdown-list, .event-type-wrapper .button-dropdown-list, .current-room-container .button-dropdown-list, .advanced-search-container .button-dropdown-list {
        background: white;
        border: thin solid #a0a0a0;
        border-radius: 3px;
        background-clip: padding-box;
        width: 98%;
        height: 100%;
        padding: 0;
        z-index: 5;
        position: relative;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .dropdown-container .button-dropdown-list li, .description-container .button-dropdown-list li, .event-type-wrapper .button-dropdown-list li, .current-room-container .button-dropdown-list li, .advanced-search-container .button-dropdown-list li {
            border-bottom: 1px solid #a0a0a0;
            list-style: none;
        }

            .dropdown-container .button-dropdown-list li:last-of-type, .description-container .button-dropdown-list li:last-of-type, .event-type-wrapper .button-dropdown-list li:last-of-type, .current-room-container .button-dropdown-list li:last-of-type, .advanced-search-container .button-dropdown-list li:last-of-type {
                border-bottom: 0;
            }

            .dropdown-container .button-dropdown-list li a, .description-container .button-dropdown-list li a, .event-type-wrapper .button-dropdown-list li a, .current-room-container .button-dropdown-list li a, .advanced-search-container .button-dropdown-list li a {
                display: block;
                font-size: small;
                padding: 2% 2%;
                width: 100%;
                height: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .dropdown-container .button-dropdown-list li a:hover, .description-container .button-dropdown-list li a:hover, .event-type-wrapper .button-dropdown-list li a:hover, .current-room-container .button-dropdown-list li a:hover, .advanced-search-container .button-dropdown-list li a:hover {
                    background: #677ead;
                    color: white;
                }

            .dropdown-container .button-dropdown-list li.list-add-btn, .description-container .button-dropdown-list li.list-add-btn, .event-type-wrapper .button-dropdown-list li.list-add-btn, .current-room-container .button-dropdown-list li.list-add-btn, .advanced-search-container .button-dropdown-list li.list-add-btn {
                background: #345392;
            }

                .dropdown-container .button-dropdown-list li.list-add-btn a, .description-container .button-dropdown-list li.list-add-btn a, .event-type-wrapper .button-dropdown-list li.list-add-btn a, .current-room-container .button-dropdown-list li.list-add-btn a, .advanced-search-container .button-dropdown-list li.list-add-btn a {
                    text-align: center;
                    color: white;
                }

    .back-btn {
        width: 88%;
        margin: 0 auto 1em;
    }

    @media (max-width: 1023px) {
        .back-btn {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .back-btn {
            width: 100%;
        }
    }

    .back-btn > a {
        text-decoration: none;
    }

        .back-btn > a:hover {
            border-bottom: thin solid #256bb4;
        }

        .back-btn > a:before {
            font-family: FontAwesome;
            content: '\f177';
            margin-right: .25em;
            border: 0;
        }

    .clsQuestionComment {
        max-width: none !important;
    }

button#closeModal, button.closeModal {
    background-color: transparent;
    /*float: right;*/
    min-width: 20px;
    /*top: -10px;
        position: relative;*/

    height: 20px;
    padding: 0;
    /*top: 1.5rem;
    right: 2rem;
    position: absolute;*/
}

/*.popUpModal button#closeModal {
    height: 20px;
    padding: 0;
    top: 1.5rem;
    right: 2rem;
    position: absolute;
}*/

    button#contactSaveBtn {
        margin-top: 20px !important;
    }

    button#contactCancelBtn {
        background-color: steelblue;
        margin-top: 20px;
    }

        button#contactCancelBtn:focus {
            background-color: #224c6f;
            margin-top: 20px;
        }

        button#contactCancelBtn:hover {
            background-color: #326c9c;
            margin-top: 20px;
        }

button#closeModal:focus, button.closeModal:focus {
    top: -1px;
    position: relative;
    outline: thin dotted;
    line-height: 0px;
}

    /* ==================================================
Prgoress Bar/ Wizard
================================================== */
    .progressbar {
        display: inline-block;
        width: 50%;
        right: 0;
        position: absolute;
    }

    .progress_circles {
        clear: both;
        display: inline-block;
        width: 100%;
        width: 75%;
        float: left;
    }

    @media only screen and (max-width: 768px) {
        .progress_circles {
            display: none;
        }
    }

    .progress_circles li {
        list-style: none;
        float: left;
        display: inline-block;
        height: 30px;
        box-sizing: border-box;
    }

    .progress_circles .step {
        border: 2px solid #5f97cd;
        width: 30px;
        border-radius: 50%;
        line-height: 28px;
        text-align: center;
        color: #5f97cd;
        font-weight: 500;
        /* previous steps */
        background-color: #007568;
        /* active step */
        /* future steps */
        /* finsihed steps */
    }

        .progress_circles .step.active {
            color: transparent;
            background-color: white;
            border: 3px solid #5f97cd;
        }

            .progress_circles .step.active ~ .step {
                background-color: white;
            }

        .progress_circles .step.done {
            color: transparent;
            background-color: #007568;
            border: 2px solid #007568;
        }

            .progress_circles .step.done:before {
                content: "\f00c";
                font-family: "fontAwesome";
                color: white;
                font-size: 16px;
                text-align: center;
                margin-left: 6px;
            }

        .progress_circles .step.done {
            background-color: #007568;
        }

    .progress_circles .connector {
        background-color: #5f97cd;
        width: 10%;
        border-bottom: 14px solid white;
        border-top: 14px solid white;
        margin: 0 1em;
    }

        .progress_circles .connector.active {
            background-color: #5f97cd;
            width: 10%;
            border-bottom: 14px solid white;
            border-top: 14px solid white;
            margin: 0 1em;
        }

        .progress_circles .connector.done {
            background-color: #007568;
            width: 10%;
            border-bottom: 14px solid white;
            border-top: 14px solid white;
            margin: 0 1em;
        }

    .steps {
        width: 25%;
        float: right;
        display: inline-block;
        text-align: right;
    }

    @media only screen and (max-width: 599px) {
        .steps {
            width: 50%;
        }
    }

    .steps p {
        color: #5f97cd;
        font-weight: 500;
    }

    @media only screen and (max-width: 599px) {
        .steps p {
            color: black;
        }
    }

    .wizard-container {
        background: white;
        color: white;
        min-width: 64%;
        float: right;
        position: relative;
        zoom: 98%;
    }

    @media (min-width: 1200px) {
        .wizard-container {
            zoom: 100%;
            min-width: 54%;
        }
    }

    @media (max-width: 768px) {
        .wizard-container {
            width: 332px;
        }
    }

    @media (max-width: 599px) {
        .wizard-container {
            width: auto;
        }
    }

    .wizard-links {
        font-size: 14px;
        text-align: left;
        margin: 0 .5em 0 0;
        text-align: right;
        width: 80%;
        right: 4.5em;
        position: absolute;
        counter-reset: counter;
    }

    @media (max-width: 1024px) {
        .wizard-links {
            margin-right: 0;
        }
    }

    @media (max-width: 768px) {
        .wizard-links {
            width: 82%;
        }
    }

    @media (max-width: 599px) {
        .wizard-links {
            display: none;
        }
    }

    .wizard-links .step {
        width: auto;
        margin: 0 1% 0 0;
        display: inline-block;
        list-style: none;
    }

        .wizard-links .step a,
        .wizard-links .step div {
            color: #9fc1e1;
            font-size: small;
            vertical-align: middle;
            line-height: normal;
        }

            .wizard-links .step a:hover {
                color: #9fc1e1;
            }

            .wizard-links .step a.wizard-icon,
            .wizard-links .step .wizard-icon {
                display: inline-block;
                border: 2px solid #3877B2;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .wizard-links .step a.wizard-icon .wizard-text,
                .wizard-links .step .wizard-icon .wizard-text {
                    display: inline-block;
                    vertical-align: middle;
                    padding: .4em .7em;
                    color: #3877B2;
                }

                    .wizard-links .step a.wizard-icon .wizard-text:before,
                    .wizard-links .step .wizard-icon .wizard-text:before {
                        content: counter(counter);
                        counter-increment: counter;
                        text-align: center;
                        vertical-align: text-bottom;
                    }

        .wizard-links .step:first-child {
            margin-left: 0;
        }

        .wizard-links .step:last-child {
            margin-right: 0;
        }

            .wizard-links .step:last-child .wizard-border {
                display: none;
            }

        .wizard-links .step .wizard-border {
            display: inline-block;
            border-bottom: 4px dotted #5f97cd;
            width: 20px !important;
            height: 2px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    @media (min-width: 1200px) {
        .wizard-links .step .wizard-border {
            width: 40px;
        }
    }

    .wizard-links .step.completed .wizard-icon, .wizard-links .step.current .wizard-icon {
        background: #007568;
        border-color: #007568;
    }

        .wizard-links .step.completed .wizard-icon:before, .wizard-links .step.current .wizard-icon:before {
            content: "";
            font-family: "fontAwesome";
            display: inline-block;
            color: white;
            vertical-align: middle;
            font-weight: 200;
            font-size: 1.5em;
        }

    .wizard-links .step.completed .wizard-icon {
        white-space: nowrap;
        overflow: hidden;
    }

        .wizard-links .step.completed .wizard-icon:before {
            content: "\f00c";
            padding: 0.2em 0.15em 0;
        }

        .wizard-links .step.completed .wizard-icon > .wizard-text {
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            float: left;
        }

    .wizard-links .step.completed .wizard-border {
        border-bottom: 2px solid #007568;
    }

    .wizard-links .step.current > .wizard-icon {
        background: transparent;
        padding-right: 28px;
        padding-bottom: 25px;
        border: 3px solid #5497cd;
        white-space: nowrap;
        overflow: hidden;
    }

    .wizard-links .step.current .wizard-border {
        border-bottom: 4px dotted #5f97cd;
        border-color: #5f97cd;
    }

    .number-of-steps {
        width: auto;
        float: right;
    }

    @media (max-width: 599px) {
        .number-of-steps {
            margin-right: 10%;
        }
    }

    .number-of-steps p {
        color: #5f97cd;
        font-weight: 500;
        margin-top: .2em;
        font-size: small;
    }

    .number-of-steps.complete p {
        color: #494949;
    }

    /* Accordian */
    #accordian ol {
        margin: 0;
        padding: 0;
    }

    #accordian li {
        list-style: none;
        padding: 0;
    }

    #accordian a {
        text-decoration: none;
        transition: all .25s ease;
    }

    #accordian .accordian {
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
        color: black;
        display: inline-block;
        width: 100%;
    }

        #accordian .accordian ul li {
            margin-left: 0px;
        }

        #accordian .accordian .title {
            background-color: white;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            color: black;
            font-weight: 300;
            margin-bottom: 10px;
            margin: 0;
            padding: 1rem;
            transition: all .25s ease;
        }

            #accordian .accordian .title:hover {
                background-color: rgba(0, 0, 0, 0.1);
            }

        #accordian .accordian ul li:last-child .title {
            border-bottom: 0;
        }

        #accordian .accordian ul ul li a {
            background-color: #e4e4e4;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            color: black;
            display: block;
            padding: 1em;
        }

            #accordian .accordian ul ul li a:hover {
                background-color: #819d64;
                color: white;
            }

        #accordian .accordian ul ul {
            display: none;
            clear: both;
        }

    #accordian .open {
        transform: rotate(180deg);
        transition: all .25s ease;
    }

    #accordian .accordian ul ul li:last-child a {
        border-bottom: 0;
    }

    #accordian .fa {
        transition: all .25s ease;
        float: right;
    }

    #accordian .accordian h3 {
        cursor: pointer;
    }

    ul.accordian li.selected {
        color: black !important;
        background: inherit !important;
    }

    .tab {
        display: inline-block;
        min-width: 622px;
    }

    @media (min-width: 1200px) {
        .tab {
            min-width: 540px;
        }
    }

    @media (max-width: 1024px) {
        .tab {
            min-width: 469px;
        }
    }

    @media (max-width: 1023px) {
        .tab {
            min-width: 569px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .tab {
            min-width: 728px;
        }
    }

    .tab p {
        font-size: 16px;
        text-transform: none;
    }

    .tab input {
        display: none;
    }

    .tab span {
        display: inline-block;
        margin: 0;
        border: 1px solid #5f97cd;
        padding: 7px 10px 10px;
        border-bottom: 1px solid #bdbdbd;
        text-align: center;
        z-index: 8;
        margin-left: 10px;
        position: relative;
        float: left;
        border-radius: 3px;
    }

        .tab span a {
            color: #5f97cd;
            font-size: 16px;
        }

    @media (min-width: 1200px) {
        .tab span a {
            font-size: 14px;
        }
    }

    @media (max-width: 1024px) {
        .tab span a {
            font-size: 12px;
        }
    }

    @media (max-width: 1023px) {
        .tab span a {
            font-size: 13px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .tab span a {
            font-size: 15px;
        }
    }

    @media only screen and (max-width: 599px) {
        .tab span a {
            font-size: 12px;
        }
    }

    label.active.results:hover {
        background-color: #9fc1e1;
    }

    .tab span a:hover {
        color: #494949;
    }

    .tab span.unsaved a {
        color: #cf4a0c !important;
        font-family: 'lato';
    }

        .tab span.unsaved a:before {
            font-family: 'fontAwesome';
            content: '\f192';
            font-size: small;
            padding-right: 5px;
        }

    .tab span.active {
        padding: 7px 10px 10px;
        border: 1px solid #bdbdbd;
        float: left;
        display: inline-block;
        border-bottom: 1px solid white;
        position: relative;
        z-index: 10;
        border-radius: 3px;
    }

        .tab span.active a {
            color: #494949;
        }

    .tabContent {
        border: 1px solid #bdbdbd;
        padding: 30px;
        width: 100%;
        position: relative;
        z-index: 9;
        float: left;
        margin-bottom: 50px;
        margin-top: -6px;
        background-color: white;
    }

        .tabContent p {
            font-size: 14px;
            line-height: 22px;
        }

        .tabContent h4 {
            color: #4c79a4;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 1em;
            text-transform: uppercase;
        }

        .tabContent a {
            font-size: 14px;
            line-height: 22px;
            text-decoration: underline;
        }

        .tabContent ul {
            padding: 10px 0;
            display: inline-block;
        }

        .tabContent li {
            display: block;
            float: left;
            font-size: 14px;
            font-weight: 600;
            width: 100%;
        }

        .tabContent hr {
            margin: 15px 0;
        }

        .tabContent img {
            display: inline-block;
            width: 100%;
            padding: 0 20px 20px 0px;
        }

        .tabContent label {
            width: 100%;
            display: block;
            margin-bottom: 0.5em;
        }

            .tabContent label span {
                color: #333333;
                float: none !important;
                font-size: 15px;
                font-weight: 600;
            }

        .tabContent span.cashOnly {
            border: 0;
            margin-bottom: 0.25em;
            margin: 0;
            padding: 0;
            text-align: left;
            width: 100%;
        }

        .tabContent .forty {
            padding-right: 0 !important;
        }

    @media (max-width: 1024px) {
        .tabContent .forty {
            display: none;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .tabContent .forty {
            display: block;
        }
    }

    .tabContent .sixty {
        padding-left: 10px;
    }

    @media (max-width: 1024px) {
        .tabContent .sixty {
            width: 100%;
            padding-left: 0;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .tabContent .sixty {
            width: 60%;
        }
    }

    @media (max-width: 1023px) {
        .tabContent .sixty label + p {
            margin-left: 24px;
        }
    }

@media screen and (min-width: 300px) and (max-width: 1024px) {
    .accordion-item.open .accMobile {
        margin-bottom: 1em !important;
    }
}

.accordion {
    width: 100%;
    float: left;
    position: relative;
    padding: 2rem 0;
}

    .accordion-legend {
        display: none;
    }

    #cbContentSection .accordion-item {
        border: thin solid #dedede;
        border-radius: 3px;
        padding: 1rem 2rem;
    }

    .accordion-item {
        margin-bottom: 1rem;
        padding: 2rem 1rem;
    }

.accordion-item .accordion-toggle {
    cursor: pointer;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.accordion-item .accordion-toggle .toggle-title {
    display: inline-block;
    width: 60%;
    font-weight: 600;
    margin-bottom: 0;
}

    .cb-content-section .accordion-item .accordion-toggle .toggle-title, .const-cb-content-container .accordion-item .accordion-toggle .toggle-title, .search-results-container .accordion-item .accordion-toggle .toggle-title {
        width: 95%;
    }

    @media (max-width: 599px) {
        .accordion-item .accordion-toggle .toggle-title {
            width: 90%;
        }
    }

    .accordion-item .accordion-toggle:after {
        font-family: 'FontAwesome';
        content: "\f067";
        font-weight: 300;
        font-size: .8em;
        color: #5b5b5b;
        text-align: center;
        padding-right: 3px;
        vertical-align: middle;
        text-transform: uppercase;
        right: 10px;
        position: absolute;
    }

    .accordion-item .accordion-toggle:hover .toggle-title {
        color: #cf4a0c;
    }

    .accordion-item .accordion-content {
        display: none;
        width: 60%;
    }

.accordion-item .accordion-content.full {
    width: 100%;
}

.accordion-item .accordion-content ul {
    margin-left: 1em;
}

.accordion-item .accordion-content ul li {
    margin-left: 1em;
    width: 100%;
}

.accordion-item .accordion-content ul li:last-of-type, .accordion-item .accordion-content ul li:last-child {
    margin-bottom: 1em;
}

    @media (max-width: 768px) {
        .accordion-item .accordion-content ul li {
            margin: 0;
        }
    }

    .accordion-item .accordion-content > ol {
        margin-left: 1em;
    }

    .accordion-item .accordion-content p, .accordion-item .accordion-content .list-side-by-side {
        color: #5b5b5b;
        margin-top: 1em;
    }

    @media (max-width: 599px) {
        .accordion-item .accordion-content {
            width: 90%;
        }
    }

    .accordion-item.open .accordion-content {
        display: block;
    }

/*.accordion-item.open .accordion-toggle {
    color: #cf4a0c;
}*/

.accordion-item.open .accordion-toggle:after {
    content: "\f068";
    /*color: #cf4a0c;*/
}

    .accordion-header {
        background: #4c79a4;
        display: inline-block;
        width: 100%;
        min-height: 50px;
        padding-bottom: .5em;
        position: relative;
    }

.accordion-header > .accordion-header-buttons {
    display: inline-block;
    width: 12%;
    vertical-align: top;
    margin-top: .8em;
}

    @media (max-width: 599px) {
        .accordion-header > .accordion-header-buttons {
            width: 13%;
            margin-top: 0em;
        }
    }

    .accordion-header > .accordion-header-buttons > .duplicate-btn, .accordion-header > .accordion-header-buttons > .delete-btn {
        display: inline-block;
        margin-left: 1em;
    }

    @media (max-width: 599px) {
        .accordion-header > .accordion-header-buttons > .duplicate-btn, .accordion-header > .accordion-header-buttons > .delete-btn {
            width: 100%;
            margin-left: 0;
        }
    }

    .accordion-header > .accordion-header-buttons > .delete-btn {
        margin-left: .2em;
    }

    .accordion-header > .accordion-header-title {
        display: inline-block;
        color: white;
        width: 80%;
        text-align: center;
        vertical-align: top;
        margin-top: .8em;
        line-height: normal;
    }

    @media (max-width: 599px) {
        .accordion-header > .accordion-header-title {
            width: 76%;
            text-align: left;
            margin: 0 auto 0;
        }
    }

    .accordion-header > .accordion-header-title > .room-name, .accordion-header > .accordion-header-title > .room-ath, .accordion-header > .accordion-header-title > .room-peak {
        display: inline-block;
        vertical-align: baseline;
        margin-right: .5em;
        font-size: small;
    }

    @media (max-width: 599px) {
        .accordion-header > .accordion-header-title > .room-name, .accordion-header > .accordion-header-title > .room-ath, .accordion-header > .accordion-header-title > .room-peak {
            width: 100%;
            font-size: .8em;
        }
    }

    .accordion-header > .accordion-header-title > .room-name {
        font-size: 1em;
        font-weight: bold;
    }

    .accordion-header > .accordion-header-title > .room-ath, .accordion-header > .accordion-header-title > .room-peak {
        font-weight: normal;
    }

.accordion-header > .accordion-header-title > .room-ath > span, .accordion-header > .accordion-header-title > .room-peak > span {
    color: #9fc1e1;
}

    .accordion-header > .accordion-header-title > .room-peak {
        margin-right: 0;
    }

    .accordion-header > .accordion-toggle {
        display: inline-block;
        vertical-align: top;
        margin-top: .8em;
        width: auto;
        right: 0;
        position: relative;
    }

.accordion-header > .accordion-toggle.white {
    right: -4%;
}

    @media (max-width: 1023px) {
        .accordion-header > .accordion-toggle.white {
            right: -2%;
        }
    }

    @media (max-width: 1023px) {
        .accordion-header > .accordion-toggle.white {
            right: -1%;
        }
    }

    .accordion-header > .accordion-toggle.white:after {
        color: white !important;
        font-size: large;
    }

    @media (max-width: 599px) {
        .accordion-header > .accordion-toggle.white {
            right: 0 !important;
            padding-top: 2em;
        }
    }

    @media (max-width: 599px) {
        .accordion-header > .accordion-toggle {
            background: #395b7b;
            right: 0;
            top: 0;
            margin-top: 0;
            width: 12%;
            height: 100%;
            position: absolute;
            text-align: center;
        }
    }

    /* ==================================================
 My Account Styles
================================================== */
    #two-column-template #secondary-content .breadcrumbs, #two-column-template #third-container .breadcrumbs {
        width: 50%;
        display: block;
        float: left;
    }

        #two-column-template #secondary-content .breadcrumbs a, #two-column-template #third-container .breadcrumbs a {
            margin-bottom: 0.75em;
        }

        #two-column-template #secondary-content .breadcrumbs h1, #two-column-template #third-container .breadcrumbs h1 {
            margin-bottom: 0.75em;
        }

    #two-column-template #third-container {
        display: table-row;
    }

    .guestpay .subtext {
        display: inline-block;
        position: relative;
    }

    .guestpay .infopop {
        display: table;
    }

    @media only screen and (max-width: 768px) {
        .guestpay .otheramount {
            margin-top: 15px;
        }
    }

    .guestpay .criteria {
        padding: 15px 0;
    }

    .guestpay .copy {
        text-align: center;
    }

    .guestpay .forceleft {
        margin-left: -65px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .guestpay .forceleft {
            margin-left: -30px;
        }
    }

    .guestpay i {
        margin-right: 15px;
    }

    #confirm-account label {
        width: initial;
    }

    @media only screen and (max-width: 599px) {
        #confirm-account label {
            display: block;
        }
    }

    /* Icon used in popup modal */
    #payment-info select {
        border: 1px solid #727272;
        float: left;
        margin: 10px 0 20px;
        padding: 7px 10px;
        width: 300px;
        height: 33px;
        font-size: 14px;
    }

    #payment-info label.btn, #payment-info .btn:visited, #payment-info button[type="button"]:visited, #payment-info button[type="reset"]:visited, #payment-info button[type="submit"]:visited, #payment-info input[type="button"]:visited, #payment-info input[type="reset"]:visited, #payment-info input[type="submit"]:visited {
        background: none;
        display: initial;
        padding: 0;
    }

        #payment-info label.btn .fa-question-circle, #payment-info .btn:visited .fa-question-circle, #payment-info button[type="button"]:visited .fa-question-circle, #payment-info button[type="reset"]:visited .fa-question-circle, #payment-info button[type="submit"]:visited .fa-question-circle, #payment-info input[type="button"]:visited .fa-question-circle, #payment-info input[type="reset"]:visited .fa-question-circle, #payment-info input[type="submit"]:visited .fa-question-circle {
            color: #5b5b5b !important;
            float: right !important;
            font-size: 18px !important;
            padding-left: 10px;
            margin-top: 3px;
        }

            #payment-info label.btn .fa-question-circle:hover, #payment-info .btn:visited .fa-question-circle:hover, #payment-info button[type="button"]:visited .fa-question-circle:hover, #payment-info button[type="reset"]:visited .fa-question-circle:hover, #payment-info button[type="submit"]:visited .fa-question-circle:hover, #payment-info input[type="button"]:visited .fa-question-circle:hover, #payment-info input[type="reset"]:visited .fa-question-circle:hover, #payment-info input[type="submit"]:visited .fa-question-circle:hover {
                color: black !important;
                text-decoration: none;
            }

    #payment-info .inputchoice {
        display: inline-block;
        margin-bottom: 20px;
    }

        #payment-info .inputchoice input[type='radio'] {
            margin-top: 6px;
        }

    #update-info {
        margin-top: 25px;
    }

        #update-info .topadvert {
            background: #a1b58b;
            padding: 20px;
        }

    .greyBg {
        background-color: #5b5b5b;
        color: white;
        display: inline-block;
        margin: 0 auto;
        padding: 15px;
        text-transform: none;
        width: 100%;
    }

        .greyBg.choosen {
            background: #a1b58b;
        }

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

    .loader-container, .popup-container {
        margin: 0 auto;
        width: 100%;
        height: 1px;
    }

        .loader-container .mask, .popup-container .mask {
            background: rgba(58, 65, 76, 0.8);
            width: 100%;
            height: 100%;
            top: 0;
            position: absolute;
            z-index: 90;
        }

    .loader {
        background: white url("") no-repeat center center;
        border: 1px;
        border-style: solid;
        border-color: #a0a0a0;
        background-size: 80%;
        display: inline-block;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        top: 50%;
        position: absolute;
        z-index: 902;
        margin: -10% auto 0 50%;
    }

        .loader.xsm {
            width: 25px;
            height: 25px;
        }

        .loader.sm {
            width: 50px;
            height: 50px;
        }

        .loader.md {
            width: 75px;
            height: 75px;
        }

        .loader.xlg {
            width: 120px;
            height: 120px;
        }

    .popup {
        background: white;
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        margin: 8% auto 0;
        width: 495px;
        padding: 7% 4%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .loading {
        position: relative;
        pointer-events: none;
    }

        .loading .loading-overlay {
            background: white;
            /* IE 8 */
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            /* IE 5-7 */
            filter: alpha(opacity=80);
            /* Netscape */
            -moz-opacity: 0.8;
            /* Safari 1.x */
            -khtml-opacity: 0.8;
            /* Good browsers */
            opacity: 0.8;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 99;
            text-align: center;
            vertical-align: middle;
        }

    .flat-calendar {
        color: white;
        font-weight: 300;
        width: 100%;
        padding: 2% 2%;
        height: 20em;
    }

        .flat-calendar * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .flat-calendar.small {
            font-size: 0.8em;
            font-weight: 100;
            line-height: inherit;
        }

        .flat-calendar .c-month-view {
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
            height: 12.5%;
            position: relative;
            font-size: 1.6em;
            margin-bottom: 1px;
            text-align: center;
        }

            .flat-calendar .c-month-view .c-month-arrow {
                width: 15%;
                height: 100%;
                position: absolute;
                top: 0;
                color: transparent;
                cursor: pointer;
            }

                .flat-calendar .c-month-view .c-month-arrow:hover {
                    background: rgba(255, 255, 255, 0.25);
                }

                .flat-calendar .c-month-view .c-month-arrow[data-dir=left] {
                    left: 0;
                }

                .flat-calendar .c-month-view .c-month-arrow[data-dir=right] {
                    right: 0;
                }

            .flat-calendar .c-month-view > p {
                padding-top: 1%;
            }

        .flat-calendar .c-holder {
            height: 87.5%;
            position: relative;
        }

            .flat-calendar .c-holder .c-grid {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
            }

                .flat-calendar .c-holder .c-grid .c-row {
                    width: 100%;
                    margin-bottom: 0.2%;
                    margin-bottom: -moz-calc(0px + 1px);
                    margin-bottom: -o-calc(0px + 1px);
                    margin-bottom: -webkit-calc(0px + 1px);
                    margin-bottom: calc(0px + 1px);
                    height: 13.0857142857%;
                    height: -moz-calc(100%/7 - 7px/6);
                    height: -o-calc(100%/7 - 7px/6);
                    height: -webkit-calc(100%/7 - 7px/6);
                    height: calc(100%/7 - 7px/6);
                }

                    .flat-calendar .c-holder .c-grid .c-row:last-child {
                        margin-bottom: 0;
                    }

                    .flat-calendar .c-holder .c-grid .c-row .c-day {
                        margin-right: 0.2%;
                        margin-right: -moz-calc(0px + 7px/6);
                        margin-right: -o-calc(0px + 7px/6);
                        margin-right: -webkit-calc(0px + 7px/6);
                        margin-right: calc(0px + 7px/6);
                        width: 14.1142857143%;
                        width: -moz-calc(100%/7 - 1px);
                        width: -o-calc(100%/7 - 1px);
                        width: -webkit-calc(100%/7 - 1px);
                        width: calc(100%/7 - 1px);
                        height: 100%;
                        display: inline-block;
                        position: relative;
                    }

                        .flat-calendar .c-holder .c-grid .c-row .c-day.c-l .date-holder {
                            font-size: 1em;
                        }

                        .flat-calendar .c-holder .c-grid .c-row .c-day:last-child {
                            margin-right: 0;
                        }

                        .flat-calendar .c-holder .c-grid .c-row .c-day.have-events {
                            cursor: pointer;
                        }

                            .flat-calendar .c-holder .c-grid .c-row .c-day.have-events:hover {
                                background-color: rgba(51, 51, 51, 0.9);
                            }

                        .flat-calendar .c-holder .c-grid .c-row .c-day.other-month {
                            color: red;
                        }

                            .flat-calendar .c-holder .c-grid .c-row .c-day.other-month.have-events:hover {
                                color: white;
                            }

                        .flat-calendar .c-holder .c-grid .c-row .c-day.this-day {
                            background: none;
                        }

                        .flat-calendar .c-holder .c-grid .c-row .c-day .date-holder {
                            font-size: small;
                            text-align: center;
                            bottom: 5%;
                        }

                        .flat-calendar .c-holder .c-grid .c-row .c-day .event-n-holder {
                            height: 90%;
                            height: -moz-calc(100% - 10px);
                            height: -o-calc(100% - 10px);
                            height: -webkit-calc(100% - 10px);
                            height: calc(100% - 10px);
                            left: 5%;
                            left: -moz-calc(0px + 5px);
                            left: -o-calc(0px + 5px);
                            left: -webkit-calc(0px + 5px);
                            left: calc(0px + 5px);
                            top: 5%;
                            top: -moz-calc(0px + 5px);
                            top: -o-calc(0px + 5px);
                            top: -webkit-calc(0px + 5px);
                            top: calc(0px + 5px);
                            position: absolute;
                            width: 0.25em;
                        }

                            .flat-calendar .c-holder .c-grid .c-row .c-day .event-n-holder .event-n {
                                height: 0.5em;
                                background-color: white;
                                width: 100%;
                                margin: 1px 0;
                            }

        .flat-calendar .c-specific {
            background: #f4f4f4;
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            padding: 1em 0 0;
        }

            .flat-calendar .c-specific .specific-day {
                width: 30%;
                display: inline-block;
                padding-bottom: 1em;
                cursor: pointer;
                vertical-align: top;
                color: black;
            }

                .flat-calendar .c-specific .specific-day:hover {
                    background: rgba(51, 51, 51, 0.9);
                    color: white;
                }

                .flat-calendar .c-specific .specific-day [i=day] {
                    font-size: 3em;
                    text-align: center;
                    margin: .25em 0;
                }

                .flat-calendar .c-specific .specific-day [i=month] {
                    font-size: 2em;
                    line-height: 0.5em;
                    text-align: center;
                }

            .flat-calendar .c-specific .s-scheme {
                display: inline-block;
                height: 100%;
                margin-left: 1em;
                width: 60%;
                width: -moz-calc(70% - 1em);
                width: -o-calc(70% - 1em);
                width: -webkit-calc(70% - 1em);
                width: calc(70% - 1em);
                overflow-y: scroll;
                text-align: left;
            }

                .flat-calendar .c-specific .s-scheme::-webkit-scrollbar {
                    width: 10px;
                }

                .flat-calendar .c-specific .s-scheme::-webkit-scrollbar-track {
                    background: transparent;
                }

                .flat-calendar .c-specific .s-scheme::-webkit-scrollbar-thumb {
                    background: rgba(51, 51, 51, 0.9);
                }

                .flat-calendar .c-specific .s-scheme .s-event {
                    background: #ffffff;
                    padding: 0.5em;
                    margin: 0.5em 0;
                    color: #5b5b5b;
                }

                    .flat-calendar .c-specific .s-scheme .s-event:first-child {
                        margin-top: 0;
                    }

                    .flat-calendar .c-specific .s-scheme .s-event:last-child {
                        margin-bottom: 0;
                    }

                    .flat-calendar .c-specific .s-scheme .s-event h1 {
                        margin: 0;
                        font-size: 1.1em;
                        line-height: 1;
                        font-weight: 400;
                    }

                        .flat-calendar .c-specific .s-scheme .s-event h1 > a {
                            text-decoration: underline;
                        }

                    .flat-calendar .c-specific .s-scheme .s-event p {
                        margin: 0;
                    }

                        .flat-calendar .c-specific .s-scheme .s-event p[data-role=loc] {
                            line-height: 1;
                        }

        .flat-calendar:hover .c-month-view {
            background: rgba(51, 51, 51, 0.9) !important;
            color: white;
        }

            .flat-calendar:hover .c-month-view .c-month-arrow {
                color: white;
            }

        .flat-calendar.spec-day .c-grid {
            display: none;
        }

        .flat-calendar.spec-day .c-specific {
            display: block;
        }

        .flat-calendar.spec-day .c-month-arrow {
            display: none;
        }

        .flat-calendar[data-showdays=false] .c-holder .c-grid .c-row {
            height: 15.6666666667%;
            height: -moz-calc(100%/6 - 7px/6);
            height: -o-calc(100%/6 - 7px/6);
            height: -webkit-calc(100%/6 - 7px/6);
            height: calc(100%/6 - 7px/6);
        }

    .c-month-view {
        background: white;
        color: #5b5b5b;
    }

    .date-holder {
        color: #757575;
        font-weight: bold;
    }

    .other-month .date-holder {
        color: #dedede;
    }

    .c-day.this-day .date-holder, .c-day.have-events .date-holder {
        background: #5b5b5b;
        color: white;
    }

    .c-day.have-events .date-holder {
        background: #757575;
    }

    .event-n {
        background: transparent !important;
    }

    [data-color=white] {
        background-color: transparent;
    }

        [data-color=white] .c-month-view2, [data-color=white] .c-day2, [data-color=white] .specific-day2, [data-color=white] .s-event2 {
            background-color: #757575;
        }

    [data-color=blue] {
        background-color: white;
    }

        [data-color=blue] .c-month-view2, [data-color=blue] .c-day2, [data-color=blue] .specific-day2, [data-color=blue] .s-event2 {
            /*background-color: #bfd5eb; */
            background-color: #bfd5eb;
        }

    .pagination ul, .pagination li {
        display: inline-block;
        width: inherit !important;
    }

        .pagination ul:hover, .pagination li:hover {
            background-color: transparent !important;
        }

        .pagination ul ul, .pagination li ul {
            margin-top: 15px;
        }

            .pagination ul ul li a, .pagination li ul li a {
                padding: 10px !important;
                margin-bottom: 0 !important;
            }

    .pagination li {
        counter-increment: pagination;
        padding: 0 10px 0 0;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .pagination li {
            margin-left: 0;
            margin-top: 20px;
        }
    }

    .pagination li:hover a {
        color: black;
        background-color: white;
        border: solid 1px black;
    }

    .pagination li.active:first-child {
        counter-reset: pagination;
    }

    .pagination li.active:last-child {
        float: right;
    }

    .pagination li a {
        border: solid 1px black;
        border-radius: 3px;
        color: black;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px !important;
        padding: 7px 15px !important;
    }

        .pagination li a .active {
            color: white !important;
            background-color: #256bb4;
            border: solid 1px white;
        }

        .pagination li a:after {
            content: " " counter(pagination) " ";
        }

    p.pagination {
        text-align: center;
        margin: 1em 0;
    }

    /*  ==================================================
  8. Alerts
  ==================================================  */
    .message-alert-error {
        background-color: #df2911;
        border: 1px solid #dedede;
        color: white;
    }

        .message-alert-error > p, .message-alert-error > span {
            color: #df2911 !important;
        }

        .message-alert-error.outline {
            background-color: white;
            border-color: #dedede !important;
        }

    .alert-error {
        background-color: white;
        border: 1px solid #df2911;
        color: #df2911;
    }

        .alert-error .rule {
            border-color: #df2911;
        }

    .message-alert-success {
        background-color: #8dc34c;
        border: 1px solid #8dc34c;
        color: #007568;
    }

        .message-alert-success > p, .message-alert-success > span {
            color: #007568 !important;
        }

        .message-alert-success.outline {
            background-color: white;
            border-color: #8dc34c !important;
        }

    .alert-success {
        background-color: white;
        border: 1px solid #8dc34c;
        color: #8dc34c;
    }

        .alert-success .alert-content-wrapper h3 {
            color: #007568;
        }

        .alert-success .rule {
            border-color: #007568;
        }

    .message-alert-attention {
        background-color: white;
        border: 1px solid #dedede;
        color: #8e652c;
    }

    .alert-attention {
        background: white;
        border: 1px solid #cf4a0c;
    }

        .alert-attention .alert-content-wrapper h3 {
            color: #cf4a0c;
        }

        .alert-attention .rule {
            border-color: #cf4a0c;
        }

    .message-alert-info {
        background-color: #bfd5eb;
        border: 1px solid #5f97cd !important;
    }

        .message-alert-info > p, .message-alert-info > span {
            color: #4c79a4 !important;
        }

        .message-alert-info.outline {
            background-color: white;
            border-color: #5f97cd !important;
        }

    .alert-info {
        background-color: #bfd5eb;
        color: white;
    }

        .alert-info .alert-content-wrapper h3 {
            color: red;
        }

        .alert-info .rule {
            border-color: #bfd5eb;
        }

    .info {
        color: #5b5b5b;
    }

    .messages, .confirmation-message, .notifications {
        border-radius: 3px;
        margin: 25px 0;
        padding: 0 !important;
        min-height: 1px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

        .messages span.message-icon, .confirmation-message span.message-icon, .messages span.notification-icon, .confirmation-message span.notification-icon, .messages span.home-message-icon, .confirmation-message span.home-message-icon, .notifications span.message-icon, .notifications span.notification-icon, .notifications span.home-message-icon {
            width: 60px;
            height: 100%;
            float: left;
            margin-right: 5px;
            position: absolute;
        }

            .messages span.message-icon.error, .confirmation-message span.message-icon.error, .messages span.notification-icon.error, .confirmation-message span.notification-icon.error, .messages span.home-message-icon.error, .confirmation-message span.home-message-icon.error, .notifications span.message-icon.error, .notifications span.notification-icon.error, .notifications span.home-message-icon.error {
                background: #df2911 url(/cdn/images/icons/validation/error-large.svg) no-repeat center center;
            }

            .messages span.message-icon.success, .confirmation-message span.message-icon.success, .messages span.notification-icon.success, .confirmation-message span.notification-icon.success, .messages span.home-message-icon.success, .confirmation-message span.home-message-icon.success, .notifications span.message-icon.success, .notifications span.notification-icon.success, .notifications span.home-message-icon.success {
                background: #8dc34c url(/cdn/images/icons/validation/success.png) no-repeat center center;
            }

            .messages span.message-icon.attention, .confirmation-message span.message-icon.attention, .messages span.notification-icon.attention, .confirmation-message span.notification-icon.attention, .messages span.home-message-icon.attention, .confirmation-message span.home-message-icon.attention, .notifications span.message-icon.attention, .notifications span.notification-icon.attention, .notifications span.home-message-icon.attention {
                background: #cf4a0c url(/cdn/images/icons/validation/attention.png) no-repeat center center;
            }

            .messages span.message-icon.info, .confirmation-message span.message-icon.info, .messages span.notification-icon.info, .confirmation-message span.notification-icon.info, .messages span.home-message-icon.info, .confirmation-message span.home-message-icon.info, .notifications span.message-icon.info, .notifications span.notification-icon.info, .notifications span.home-message-icon.info {
                background: url(/cdn/images/icons/validation/info.png) no-repeat center center;
            }

            .messages span.message-icon.msg-error, .confirmation-message span.message-icon.msg-error, .messages span.notification-icon.msg-error, .confirmation-message span.notification-icon.msg-error, .messages span.home-message-icon.msg-error, .confirmation-message span.home-message-icon.msg-error, .notifications span.message-icon.msg-error, .notifications span.notification-icon.msg-error, .notifications span.home-message-icon.msg-error {
                background: url(/cdn/images/icons/validation/error-large.svg) no-repeat center center;
            }

            .messages span.message-icon.msg-success, .confirmation-message span.message-icon.msg-success, .messages span.notification-icon.msg-success, .confirmation-message span.notification-icon.msg-success, .messages span.home-message-icon.msg-success, .confirmation-message span.home-message-icon.msg-success, .notifications span.message-icon.msg-success, .notifications span.notification-icon.msg-success, .notifications span.home-message-icon.msg-success {
                background: #8dc34c url(/cdn/images/icons/validation/success-large.svg) no-repeat center center;
            }

            .messages span.message-icon.msg-attention, .confirmation-message span.message-icon.msg-attention, .messages span.notification-icon.msg-attention, .confirmation-message span.notification-icon.msg-attention, .messages span.home-message-icon.msg-attention, .confirmation-message span.home-message-icon.msg-attention, .notifications span.message-icon.msg-attention, .notifications span.notification-icon.msg-attention, .notifications span.home-message-icon.msg-attention {
                background: #cf4a0c url(/cdn/images/icons/validation/warning-large.svg) no-repeat center center;
            }

            .messages span.message-icon.msg-info, .confirmation-message span.message-icon.msg-info, .messages span.notification-icon.msg-info, .confirmation-message span.notification-icon.msg-info, .messages span.home-message-icon.msg-info, .confirmation-message span.home-message-icon.msg-info, .notifications span.message-icon.msg-info, .notifications span.notification-icon.msg-info, .notifications span.home-message-icon.msg-info {
                background: url(/cdn/images/icons/validation/info-large.svg) no-repeat center center;
            }

    @media (max-width: 599px) {
        .messages span.message-icon, .confirmation-message span.message-icon, .messages span.notification-icon, .confirmation-message span.notification-icon, .messages span.home-message-icon, .confirmation-message span.home-message-icon, .notifications span.message-icon, .notifications span.notification-icon, .notifications span.home-message-icon {
            width: 33px;
            background-size: 27px !important;
        }
    }

    .messages span.message-icon, .confirmation-message span.message-icon, .notifications span.message-icon {
        background-size: 40px !important;
    }

    @media (max-width: 599px) {
        .messages span.message-icon, .confirmation-message span.message-icon, .notifications span.message-icon {
            background-size: 27px !important;
        }
    }

    .messages span.notification-icon, .confirmation-message span.notification-icon, .notifications span.notification-icon {
        background-size: 60% !important;
        margin: -24px 0 !important;
        left: 0;
    }

    @media (max-width: 599px) {
        .messages span.notification-icon, .confirmation-message span.notification-icon, .notifications span.notification-icon {
            background-size: 70% !important;
        }
    }

    .messages span.home-.message-icon, .confirmation-message span.home-.message-icon, .notifications span.home-.message-icon {
        width: 30px;
        height: 22px;
        position: relative;
    }

        .messages span.home-.message-icon.msg-attention, .confirmation-message span.home-.message-icon.msg-attention, .notifications span.home-.message-icon.msg-attention {
            background-color: transparent;
            background-image: none;
        }

        .messages span.home-.message-icon:before, .confirmation-message span.home-.message-icon:before, .notifications span.home-.message-icon:before {
            font-family: FontAwesome;
            content: "\f071";
            color: white;
            font-size: 16px;
            margin-right: 10px;
        }

    .messages span.close, .confirmation-message span.close, .notifications span.close {
        display: none;
        color: #5b5b5b;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 60)";
        filter: alpha(opacity=60);
        width: auto;
        margin: 0;
        top: .5em;
        right: .6em;
        position: absolute;
    }

        .messages span.close:hover, .confirmation-message span.close:hover, .notifications span.close:hover {
            cursor: pointer;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 100)";
            filter: alpha(opacity=100);
        }

    .messages.alert-info p, .alert-info.confirmation-message p, .notifications.alert-info p {
        color: #5b5b5b;
    }

    .messages.alert-info .close, .alert-info.confirmation-message .close, .notifications.alert-info .close {
        color: #5b5b5b;
    }

    .messages p, .confirmation-message p, .notifications p {
        color: white;
        width: auto;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .notifications {
        padding: 3% 0 5% !important;
    }

        .notifications > .notification-icon {
            width: 50px !important;
            background-position: center 0 !important;
            margin: .25em -.1em 0 !important;
        }

    @media (min-width: 1200px) {
        .notifications > .notification-icon {
            width: 60px !important;
            background-position: .5em center !important;
            margin: -.6em -.2em 0 !important;
        }
    }

    @media (max-width: 599px) {
        .notifications > .notification-icon {
            margin: .23em .23em 0 !important;
            width: 35px !important;
        }
    }

    .notifications p {
        margin: 0 0 0 4.5em !important;
        line-height: normal;
        z-index: 2;
        width: 70%;
        position: relative;
        font-size: small !important;
        color: white !important;
    }

    @media (max-width: 1023px) {
        .notifications p {
            padding-top: .25em;
        }
    }

    @media (max-width: 599px) {
        .notifications p {
            font-size: small;
            width: 67%;
            margin-left: 2.8em;
            margin-top: .25em;
        }
    }

    .notifications .close {
        color: white !important;
        top: .1em !important;
        font-size: x-small;
        right: .5em;
    }

    @media (max-width: 599px) {
        .notifications .close {
            top: .2em !important;
        }
    }

    .alert-content-wrapper {
        width: 90%;
        margin-left: 4em;
        padding: 2% 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media only screen and (max-width: 768px) {
        .alert-content-wrapper {
            width: 70%;
        }
    }

    @media (max-width: 599px) {
        .alert-content-wrapper {
            width: 87%;
            margin-left: 2em;
            padding: 4% 0 4% 4%;
        }
    }

    .alert-content-wrapper > p {
        color: #5b5b5b;
        padding: 0 2em 0 0;
        margin-bottom: .5em !important;
    }

    @media (max-width: 599px) {
        .alert-content-wrapper > p {
            font-size: small;
        }
    }

    .multi.multi-msg {
        font-size: small;
        float: left;
        width: 100%;
    }

        .multi.multi-msg p {
            margin-left: 35px;
        }

        .multi.multi-msg .close {
            font-size: .8em;
            margin-right: .8%;
        }

        .multi.multi-msg:last-child .rule, .multi.multi-msg:last-of-type .rule {
            display: none;
        }

    .multi.home {
        background: transparent;
        border: 0;
        margin: 0;
        max-width: 1024px;
    }

        .multi.home > .multi-msg {
            padding-left: 1em;
            padding-right: 1em;
        }

            .multi.home > .multi-msg:first-of-type > a, .multi.home > .multi-msg:first-child > a {
                margin-top: .6em;
                margin-bottom: 0;
            }

            .multi.home > .multi-msg:last-of-type > a, .multi.home > .multi-msg:last-child > a {
                margin-top: 0;
                margin-bottom: .6em;
            }

            .multi.home > .multi-msg > a {
                display: block;
                text-align: center;
                margin: 0 auto;
                padding: .6em .6em;
            }

                .multi.home > .multi-msg > a > span {
                    text-align: left;
                }

                    .multi.home > .multi-msg > a > span:first-of-type:before, .multi.home > .multi-msg > a > span:first-child:before {
                        font-family: FontAwesome;
                        content: "\f071";
                        color: white;
                        font-size: 16px;
                        margin-right: 10px;
                    }

    @media (max-width: 599px) {
        .multi.home > .multi-msg > a > span:first-of-type:before, .multi.home > .multi-msg > a > span:first-child:before {
            float: left;
            height: 24px;
            width: auto;
        }
    }

    .multi.home > .multi-msg > a > span > span {
        border-bottom: thin solid white;
        margin-left: .5em;
    }

        .multi.home > .multi-msg > a > span > span:after {
            content: "\00BB";
            font-size: 1.4em;
            margin-left: .2em;
            font-weight: 400;
            vertical-align: top;
        }

        .multi.home > .multi-msg > a > span > span:before {
            content: "";
            margin-right: 0;
            height: auto;
        }

    .multi.home > .multi-msg > a:hover {
        background: #104648;
    }

    .multi.home > .multi-msg > .rule {
        border-color: #104648 !important;
        margin: .6em 0 .4em !important;
    }

    .single.home {
        background: transparent;
        border: 0;
        margin: 0;
        max-width: 1024px;
    }

        .single.home > .single-msg {
            padding-left: 1em;
            padding-right: 1em;
        }

            .single.home > .single-msg > a {
                display: block;
                text-align: center;
                margin: .6em auto;
                padding: .6em .6em;
            }

                .single.home > .single-msg > a > span {
                    text-align: left;
                }

                    .single.home > .single-msg > a > span:first-of-type:before, .single.home > .single-msg > a > span:first-child:before {
                        display: none;
                        font-family: FontAwesome;
                        content: "\f071";
                        color: white;
                        font-size: 16px;
                        margin-right: 10px;
                    }

    @media (max-width: 599px) {
        .single.home > .single-msg > a > span:first-of-type:before, .single.home > .single-msg > a > span:first-child:before {
            float: left;
            height: 24px;
            width: auto;
        }
    }

    .single.home > .single-msg > a > span > span {
        border-bottom: thin solid white;
        margin-left: .5em;
    }

        .single.home > .single-msg > a > span > span:after {
            content: "\00BB";
            font-size: 1.4em;
            margin-left: .2em;
            font-weight: 400;
            vertical-align: top;
        }

        .single.home > .single-msg > a > span > span:before {
            content: "";
            margin-right: 0;
            height: auto;
        }
/* ==================================================
       Info-bar Section
================================================== */
#info_bar, .info-bar {
    display: flex !important;
    position: fixed !important;
    z-index: 9999 !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    top: 94px !important;
}

@media (max-width: 1023px) {
    #info_bar, .info-bar {
        top: 50px !important;
        padding: 2rem;
    }
}

#info_bar > span > p, .info-bar > span > p {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 0\0) {
    #info_bar, .info-bar {
        position: relative !important;
    }
}

#info_bar .info-bar-wrapper, .info-bar .info-bar-wrapper {
    display: block;
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
}

@media (max-width: 599px) {
    #info_bar .info-bar-wrapper, .info-bar .info-bar-wrapper {
        width: 90%;
        max-width: 90%;
    }
}

#info_bar .info-bar-leftside, .info-bar .info-bar-leftside {
    border-right: thin solid white;
    width: 18%;
    height: 40px;
    float: left;
    padding-right: 2%;
}

@media (max-width: 599px) {
    #info_bar .info-bar-leftside, .info-bar .info-bar-leftside {
        width: 18%;
        min-height: 72px;
    }
}

#info_bar .info-bar-rightside, .info-bar .info-bar-rightside {
    width: 80%;
    float: right;
}

#info_bar .info-bar-rightside > p, .info-bar .info-bar-rightside > p {
    text-align: left;
    font-size: small;
}

#info_bar .info-bar-rightside > p.info-bar-title, .info-bar .info-bar-rightside > p.info-bar-title {
    font-weight: 600;
    font-size: medium;
}

#info_bar.info-alert, .info-bar.info-alert {
    background: rgba(255, 0, 0, 0.8) !important;
}

#info_bar.info-alert > .info-bar-wrapper > .info-bar-leftside > .info-bar-icon, .info-bar.info-alert > .info-bar-wrapper > .info-bar-leftside > .info-bar-icon {
    background: url(/cdn/images/icons/validation/error-large.svg) no-repeat center center;
    background-size: 80%;
    width: 100%;
    height: 100%;
}

#info_bar.info-message, .info-bar.info-message {
    background: #dcedf7 !important;
}

#info_bar.info-message > .info-bar-wrapper > .info-bar-leftside > .info-bar-icon, .info-bar.info-message > .info-bar-wrapper > .info-bar-leftside > .info-bar-icon {
    background: url(/cdn/images/icons/validation/info-large.svg) no-repeat center center;
}

#info_bar.info-warning, .info-bar.info-warning {
    background: #fdff29 !important;
}

#info_bar.info-warning > .info-bar-wrapper > .info-bar-leftside > .info-bar-icon, .info-bar.info-warning > .info-bar-wrapper > .info-bar-leftside > .info-bar-icon {
    background: url(/cdn/images/icons/validation/warning-large.svg) no-repeat center center;
}

#info_bar.hide, .info-bar.hide {
    display: none !important;
}

.info-bar p a {
    color: #fff;
   text-decoration: underline;
}

.info-bar .close-btn {
    display: inline-block;
    right: 1em;
    position: absolute;
    opacity: .8;
    font-style: normal;
    top: .45rem;
}

.info-bar .close-btn em:before {
    content: '\f00d';
    font-family: "FontAwesome";
    width: 20px;
    height: 20px;
    color: #fff;
    align-items: center;
    font-style: normal;
}

.info-bar .close-btn:hover {
    cursor: pointer;
    opacity: 1;
}


.info-bar.alert
.info-bar.news {
    background-color: #256bb4 !important;
}

.info-bar.awards {
    background-color: #be8509 !important;
}

.info-bar.construction {
    background-color: #cf4a0c !important;
}

.info-bar.environmental {
    background-color: #008071 !important;
}

.info-bar.innovation {
    background-color: #6f7a1a !important;
}

.info-bar.job,
.info-bar.opportunities {
    background-color: #222d65 !important;
}

.info-bar.water,
.info-bar.conservation {
    background-color: #007c9e !important;
}

.info-bar.health,
.info-bar.safety {
    background-color: #007585 !important;
}

.info-bar.tips {
    background-color: #572c5f !important;
}

.info-bar.community {
    background-color: #665eaa !important;
}

.info-bar.hurricane,
.info-bar.warnings,
.info-bar.alert {
    background-color: #df2911 !important;
}

.info-bar.storm,
.info-bar.weather {
    background-color: #6b7785 !important;
}

.alert span:before,
.hurricane span:before,
.storm span:before {
    content: '\f0f3';
    font-family: "FontAwesome";
    width: 20px;
    height: 20px;
    color: #fff;
    display: inline-block;
    justify-items: start;
    align-items: center;
    margin-right: 1rem;
}

@media (max-width: 599px) {
    .info-bar {
        min-height: 80px;
    }

    .info-bar span,
    .alert span,
    .hurricane span,
    .storm span {
        font-size: medium;
        line-height: normal;
        max-width: 65%;
        
    }

    .info-bar span:before {
        top: 1.5rem;
        position: absolute;
        left: 2rem;
        margin-right: 2rem;
        font-size: 4rem
    }
}

.hurricane span:before {
    content: '\f751';
    font-family: "FontAwesome";
}

.storm span:before {
    content: '\f740';
    font-family: "FontAwesome";
}


.alert span, .hurricane span, .storm span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}


.tracker-mt-only {
    display: none;
}

    @media (max-width: 599px) {
        .tracker-mt-only {
            display: block;
        }
    }

    .range-slider {
        display: inline-block;
        margin: 50px 0 0;
        width: 100%;
    }

        .range-slider input {
            display: inline-block;
            float: left;
        }

            .range-slider input[type='range' i] {
                color: white;
            }

        .range-slider button.sliderBtnLeft, .range-slider button.sliderBtnRight {
            background-color: white;
            border: 1px solid #5b5b5b;
            color: #5b5b5b;
            height: 25px !important;
            margin: 0;
            min-width: inherit;
            padding: 0;
            width: 25px !important;
        }

            .range-slider button.sliderBtnLeft:hover, .range-slider button.sliderBtnRight:hover {
                background-color: #5f97cd;
                color: white;
            }

        .range-slider button.sliderBtnLeft {
            border-radius: 50% 0 0 50%;
        }

        .range-slider button.sliderBtnRight {
            border-radius: 0 50% 50% 0;
            margin-left: -5px;
        }

    .slider-button {
        display: inline-block;
        margin-top: -10px;
    }

    .range-slider__range {
        -webkit-appearance: none;
        background: #dedede;
        border: 1px solid #bdbdbd;
        border-radius: 5px;
        height: 8px;
        margin: 0;
        outline: none;
        padding: 0;
        width: calc(80% - (55px));
    }

    @media (min-width: 1200px) {
        .range-slider__range {
            width: calc(70% - (55px));
        }
    }

    .range-slider__range::-webkit-slider-thumb {
        appearance: none;
        background: #4c79a4;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        transition: background .15s ease-in-out;
        width: 20px;
    }

        .range-slider__range::-webkit-slider-thumb:hover {
            background: #5f97cd;
        }

    .range-slider__range:active::-webkit-slider-thumb {
        background: #5f97cd;
    }

    .range-slider__range::-moz-range-thumb {
        background: #4c79a4;
        border-radius: 50%;
        border: 0;
        cursor: pointer;
        height: 20px;
        transition: background .15s ease-in-out;
        width: 20px;
    }

        .range-slider__range::-moz-range-thumb:hover {
            background: #5f97cd;
        }

    .range-slider__range:active::-moz-range-thumb {
        background: #5f97cd;
    }

    .range-slider__value {
        background: #5f97cd;
        border-radius: 3px;
        border: 0;
        color: white;
        display: inline-block;
        float: left;
        line-height: 20px;
        margin-left: 8px;
        margin-top: -11px;
        padding: 5px 10px;
        position: relative;
        text-align: center;
        width: 60px;
        z-index: 0;
    }

        .range-slider__value::after {
            border-bottom: 7px solid transparent;
            border-right: 7px solid #5f97cd;
            border-top: 7px solid transparent;
            content: '';
            height: 0;
            left: -7px;
            position: absolute;
            top: 8px;
            width: 0;
        }

    ::-moz-range-track {
        background: #dedede;
        border: 0;
    }

    input::-moz-focus-inner,
    input::-moz-focus-outer {
        border: 0;
    }

    .transformer-tabs ul {
        border-bottom: 3px solid white;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .transformer-tabs ul li {
            display: inline-block;
            padding: 0;
            vertical-align: bottom;
        }

            .transformer-tabs ul li a {
                border: 1px solid #dedede;
                border-bottom: 0;
                border-radius: 3px;
                color: #5f97cd;
                display: inline-block;
                font-size: small;
                padding: 7px 10px 10px;
                position: relative;
                text-decoration: none;
                bottom: -4px;
            }

                .transformer-tabs ul li a.active {
                    /*border-bottom: 3px solid $blue;*/
                    /*background-color: $blue;*/
                    background-color: #4c79a4;
                    bottom: -4px;
                    /*color: $gray-dark;*/
                    color: white !important;
                    position: relative;
                }

                .transformer-tabs ul li a.unsaved {
                    color: #cf4a0c;
                    font-family: 'lato';
                }

                    .transformer-tabs ul li a.unsaved::before {
                        content: '\f192';
                        font-family: 'fontAwesome';
                        font-size: small;
                        padding-right: 5px;
                    }

    @media (max-width: 1023px) {
        .transformer-tabs ul {
            background: white;
            border-bottom: 0;
            overflow: hidden;
            position: relative;
        }

            .transformer-tabs ul::after {
                color: white;
                content: '\f107';
                font-family: 'fontAwesome';
                pointer-events: none;
                position: absolute;
                right: 15px;
                top: 8px;
                z-index: 2;
            }

            .transformer-tabs ul.open a {
                display: block;
                position: relative;
            }

            .transformer-tabs ul li {
                display: block;
            }

                .transformer-tabs ul li a {
                    /*background: $white url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;*/
                    border-radius: 3px 3px 0 0;
                    color: #494949;
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                }

                    .transformer-tabs ul li a.active {
                        /*background: $white url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
            border-bottom: thin solid $gray-lighter;
            border-color: $gray-lighter;
            color: $black;
            width: 100%;
            z-index: 10;*/
                        /*background: $white url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;*/
                        background: #4c79a4 url(/cdn/images/icons/dropdown_arrow_white.png) no-repeat 96% center;
                        /*border-bottom: thin solid $gray-lighter;*/
                        border-color: #bdbdbd;
                        /*color: $black;*/
                        color: white;
                        width: 100%;
                        z-index: 10;
                    }
    }

    @media (max-width: 1345px) {
        .transformer-tabs ul {
            background: white;
            border-bottom: 0;
            overflow: hidden;
            position: relative;
        }

            .transformer-tabs ul::after {
                color: white;
                content: '\f107';
                font-family: 'fontAwesome';
                pointer-events: none;
                position: absolute;
                right: 15px;
                top: 8px;
                z-index: 2;
            }

            .transformer-tabs ul.open a {
                display: block;
                position: relative;
            }

            .transformer-tabs ul li {
                display: block;
            }

                .transformer-tabs ul li a {
                    /*background: $white url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;*/
                    border-radius: 3px 3px 0 0;
                    color: #494949;
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                }

                    .transformer-tabs ul li a.active {
                        /*background: $white url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;*/
                        background: #4c79a4 url(/cdn/images/icons/dropdown_arrow_white.png) no-repeat 96% center;
                        /*border-bottom: thin solid $gray-lighter;*/
                        border-color: #bdbdbd;
                        /*color: $black;*/
                        color: white;
                        width: 100%;
                        z-index: 10;
                    }
    }

    .tabs {
        display: inline-block;
        position: relative;
        width: 100%;
        top: 5px;
    }

        .tabs > div {
            display: none;
            padding: 1rem;
        }

        .tabs > .active {
            background-color: white;
            border: 1px solid #dedede;
            display: block;
            padding: 2em;
            position: relative;
        }

    .tab-content {
        background-color: white;
        border: 1px solid #bdbdbd;
        float: left;
        margin-bottom: 50px;
        padding: 30px;
        position: relative;
        width: 100%;
        z-index: 9;
    }

        .tab-content > form p {
            font-size: 14px;
            line-height: 22px;
        }

        .tab-content > form h4 {
            color: #4c79a4;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 1em;
            text-transform: uppercase;
        }

        .tab-content > form a {
            font-size: 14px;
            line-height: 22px;
            text-decoration: underline;
        }

        .tab-content > form li {
            display: block;
            float: left;
            font-size: 14px;
            font-weight: 600;
            width: 100%;
        }

        .tab-content > form hr {
            margin: 15px 0;
        }

        .tab-content > form img {
            display: inline-block;
            padding: 0 20px 20px 0;
            width: 100%;
        }

        .tab-content > form label {
            display: block;
            margin-bottom: .5em;
            width: 100%;
        }

            .tab-content > form label span {
                color: #333333;
                float: none !important;
                font-size: 15px;
                font-weight: 600;
            }

        .tab-content > form span.cashOnly {
            border: 0;
            margin-bottom: .25em;
            margin: 0;
            padding: 0;
            text-align: left;
            width: 100%;
        }

        .tab-content > form .forty {
            padding-right: 0 !important;
        }

    @media (max-width: 1024px) {
        .tab-content > form .forty {
            display: none;
        }
    }

    .tab-content > form .sixty {
        padding-left: 10px;
    }

    @media (max-width: 1024px) {
        .tab-content > form .sixty {
            padding-left: 0;
            width: 100%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .tab-content > form .sixty {
            width: 60%;
        }
    }

    @media (max-width: 1023px) {
        .tab-content > form .sixty label + p {
            margin-left: 24px;
        }
    }

    a.return-to-top {
        position: fixed;
        bottom: 1em;
        right: 2em;
        display: block;
        text-decoration: none;
        display: none;
        z-index: 10;
        background: black;
        background: rgba(0, 0, 0, 0.7);
        width: 30px;
        height: 30px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    a.return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

    a.return-to-top:before {
        content: "\f077";
        font-family: 'fontAwesome';
        color: white;
        margin: 0 !important;
        position: relative;
        left: 8px;
        top: 2px;
        font-size: 15px !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    a.return-to-top:before:hover {
        color: white;
        top: 5px;
    }

    a.return-to-top:focus, a.return-to-top:focus-visible {
        outline: solid #0060AC;
    }

    .sticky-div {
        position: sticky;
        top: 0;
        width: 100%;
    }

    #top-navigation {
        background-color: #4c79a4;
        position: fixed;
        z-index: 100;
        z-index: 9999;
        width: 100%;
        top: 0;
    }

        #top-navigation ul {
            float: right;
            margin: -.15em 0 0;
        }

        #top-navigation .top-navigation {
            float: left;
            font-weight: normal;
            height: 40px;
            padding: 5px 0;
        }

            #top-navigation .top-navigation .topnav {
                display: inline-block;
                float: right;
                margin-top: 10px;
            }

            #top-navigation .top-navigation .topnav-links {
                padding: 0 .75em;
            }

                #top-navigation .top-navigation .topnav-links ul {
                    padding: 0 .75em;
                }

                    #top-navigation .top-navigation .topnav-links ul li {
                        display: inline-block;
                        float: left;
                        list-style-type: none;
                    }

                        #top-navigation .top-navigation .topnav-links ul li a {
                            color: white;
                            font-size: 14px;
                            padding: 7px 15px;
                        }

                            #top-navigation .top-navigation .topnav-links ul li a:hover, #top-navigation .top-navigation .topnav-links ul li a:focus {
                                background-color: #9fc1e1;
                                border-radius: 3px;
                                color: black;
                                text-decoration: none;
                            }

        #top-navigation .topnav-signon {
            display: inline-block;
            float: right;
            margin-top: 10px;
        }

            #top-navigation .topnav-signon a {
                padding-right: 15px;
            }

    #header-container {
        border-bottom: thin solid #757575;
        float: left;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        #header-container {
            border-bottom: 0;
        }
    }

    @media (max-width: 768px) {
        #header-container {
            background: #4c79a4;
        }
    }

    @media (max-width: 1023px) {
        #header-container {
            border-bottom: 0;
            height: 50px;
            padding-top: 0;
            position: fixed;
            z-index: 9999;
        }
    }

    @media (max-width: 599px) {
        #header-container {
            position: fixed;
            z-index: 9999;
        }
    }

    #header-container header {
        font-size: 1.5rem;
    }

    @media (max-width: 1023px) {
        #header-container header {
            padding-top: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        #header-container header {
            height: 50px;
            padding-top: 0;
        }
    }

    .ea {
        padding-top: 10px;
    }

    .signon, .signon-wrapper {
        border-radius: 3px 3px 0 0;
        float: left;
        max-height: 380px;
        position: relative;
        width: 420px;
    }

    .signon-wrapper {
        width: 450px !important;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .signon, .signon-wrapper {
            display: none;
        }
    }

    @media only screen and (max-width: 599px) {
        .signon, .signon-wrapper {
            display: none;
        }
    }

    @media (min-width: 1628px) {
        .signon, .signon-wrapper {
            width: 386px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .signon, .signon-wrapper {
            width: 345px;
        }
    }

    .signon .container, .signon-wrapper .container {
        background-color: #f4f4f4;
        border: 1px solid #5b5b5b;
        border-bottom: 0;
        margin-top: -7px;
        padding: 25px 35px 35px;
    }

        .signon .container label .active, .signon-wrapper .container label .active {
            display: inline-block;
            width: 40%;
        }

        .signon .container label span.small, .signon-wrapper .container label span.small {
            line-height: 24px;
        }

        .signon .container label input[type='checkbox'] ~ i, .signon-wrapper .container label input[type='checkbox'] ~ i {
            font-size: 18px;
            margin-right: 5px;
            margin-top: 4px;
        }

        .signon .container form label, .signon-wrapper .container form label {
            font-size: 14px;
        }

    .signon .containertitle, .signon-wrapper .containertitle {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #494949;
        border-radius: 3px 3px 0 0;
        display: inline-block;
        padding: 15px 1em 0;
        width: 100%;
    }

    .signon .sign-on, .signon-wrapper .sign-on {
        border: 0;
        display: inline-block;
        float: left;
        height: 24px;
        margin: 0 auto;
        position: relative;
        width: 24px;
    }

    .signon h2, .signon-wrapper h2 {
        width: 270px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: white;
        font-size: 18px;
        margin-bottom: 15px;
        margin-left: 40px;
        width: initial;
    }

    .signon form, .signon-wrapper form {
        display: inline-block;
        margin: 0 auto;
        width: 100%;
    }

    .signon .field, .signon-wrapper .field {
        float: left;
        margin-top: 0 !important;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .signon button, .signon-wrapper button {
        margin: 0 auto;
    }

    .signon input, .signon-wrapper input {
        -moz-appearance: none;
        -moz-box-sizing: border-box;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        appearance: none;
        box-sizing: border-box;
        margin-bottom: 16px !important;
        width: 100% !important;
    }

    .signon .lostcreds, .signon-wrapper .lostcreds {
        display: inline-block;
        float: right;
        margin-top: 23px;
        text-align: left;
        width: 60%;
    }

    .createbutton,
    .signoutbutton {
        background: #007568;
        border: thin solid #007568;
        border-radius: 0 0 0 3px;
        text-align: center;
    }

        .createbutton a,
        .signoutbutton a,
        .guestPaybutton a {
            color: white !important;
            display: block;
            padding: 7px 0;
        }

    .createbutton a:focus,
    .signoutbutton a:focus,
    .guestPaybutton a:focus  {
        color: white;
    }

    .createbutton a::after,
    .guestPaybutton a::after {
        content: '\00BB';
        font-size: 1.4em;
        font-weight: 400;
        margin-left: .2em;
        vertical-align: top;
    }

    .signoutbutton {
        background: #007568;
        border-color: #007568;
        border-radius: 0 0 3px 3px;
        text-align: center;
    }

    .topnav-signon .sign-on {
        background-image: url("/cdn/images/avatar/profile-pic.png");
        background-repeat: no-repeat;
        background-size: 25px;
        border: 0.5px solid #5b5b5b;
        border-radius: 25px;
        float: left;
        height: 25px;
        margin-top: -8px;
        width: 25px;
    }

    .signon-links {
        margin-top: 1.5em;
        margin-bottom: 1.5rem;
        display: inline-block;
        width: 100%;
    }

        .signon-links a {
            display: block;
            font-size: small;
            text-decoration: underline;
            width: 100%;
        }

        .signon-links .half:last-child, .signon-links .half:last-of-type {
            float: right;
            text-align: right;
        }

    p.dueDate {
        font-size: 15px;
        margin: 1em 0 2em;
        text-align: center;
    }

    p.userBalanceDue {
        font-size: 15px;
        margin: 0 0 .5em;
        text-align: center;
        font-weight: bold;
    }

    button#mainPayNowBtn {
        display: block;
        width: 160px;
    }

    button #mainPayNowBtn {
        display: block;
        height: 39px;
        margin: 0 auto;
        width: 160px;
    }

    span.userAmountDue {
        color: #5f97cd;
        display: block;
        font-size: 30px;
        font-weight: 600;
        margin: 0 auto;
        margin-bottom: .75em;
        text-align: center;
    }

    *,
    *::after,
    *::before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html,
    body,
    .container,
    .scroller {
        height: 100%;
    }

    .scroller {
        overflow-y: scroll;
    }

    .scroller,
    .scroller-inner {
        position: relative;
    }

    .container {
        background: #5b5b5b;
        overflow: hidden;
        position: relative;
    }

    .menu-trigger {
        padding: 15px;
        position: absolute;
        right: 40px;
        top: 0;
    }

    @media (max-width: 1023px) {
        .menu-trigger {
            display: block !important;
        }
    }

    .menu-trigger :before {
        color: white;
        content: '\f0c9';
        font-family: fontAwesome;
        font-size: 32px;
        position: absolute;
    }

    .mp-pusher {
        left: 0;
        perspective: 1000px;
        position: relative;
    }

    .mp-menu {
        -webkit-transform: translate3d(-100%, 0, 0);
        background-color: rgba(0, 0, 0, 0.6);
        height: 100vh;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate3d(-100%, 0, 0);
        width: 100vw;
        z-index: 1;
    }

    .mp-level {
        -webkit-transform: translate3d(-100%, 0, 0);
        background: white;
        left: 0;
        position: absolute;
        top: 0;
        transform: translate3d(-100%, 0, 0);
        width: 100%;
    }

        .mp-level a {
            color: black;
        }

        .mp-level ::after {
            z-index: -1;
        }

        .mp-level.mp-level-overlay {
            cursor: pointer;
        }

        .mp-pusher::after,
        .mp-level::after,
        .mp-level::before {
            content: '';
            height: 0;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
        }

        .mp-pusher::after,
        .mp-level::after {
            -webkit-transition: opacity .3s, width .1s .3s, height .1s .3s;
            background: rgba(0, 0, 0, 0.3);
            transition: opacity .3s, width .1s .3s, height .1s .3s;
        }

        .mp-pusher.mp-pushed::after,
        .mp-level.mp-level-overlay::after {
            width: 100%;
            opacity: 1;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

        .mp-level.mp-level-overlay.mp-level::before {
            background: transparent;
            height: 100%;
            opacity: 1;
            width: 100%;
        }

    .mp-pusher,
    .mp-level {
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
    }

    .mp-overlap .mp-level.mp-level-open {
        -webkit-transform: translate3d(-40px, 0, 0);
        box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
        transform: translate3d(-40px, 0, 0);
    }

    .mp-menu > .mp-level,
    .mp-menu > .mp-level.mp-level-open,
    .mp-menu.mp-overlap > .mp-level,
    .mp-menu.mp-overlap > .mp-level.mp-level-open {
        -webkit-transform: translate3d(0, 0, 0);
        box-shadow: none;
        transform: translate3d(0, 0, 0);
    }

    /* cover */
    .mp-cover .mp-level.mp-level-open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

    .mp-menu h2 {
        color: rgba(0, 0, 0, 0.4);
        font-size: 2em;
        font-weight: 300;
        margin: 0;
        padding: 1em;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    }

    .mp-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .mp-menu.mp-overlap h2::before {
        -webkit-transform: translateX(-100%);
        -webkit-transition: opacity .3s, -webkit-transform .1s .3s;
        font-size: 75%;
        line-height: 1.8;
        margin-right: 8px;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(-100%);
        transition: opacity .3s, transform .1s .3s;
    }

    .mp-menu.mp-cover h2 {
        font-size: 1em;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .mp-overlap .mp-level.mp-level-overlay > h2::before {
        -webkit-transform: translateX(0);
        -webkit-transition: -webkit-transform .3s, opacity .3s;
        opacity: 1;
        transform: translateX(0);
        transition: transform .3s, opacity .3s;
    }

    .mp-menu ul li a {
        -webkit-transition: background .3s, box-shadow .3s;
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
        color: #5b5b5b;
        display: block;
        font-size: 15px;
        font-weight: 300;
        outline: none;
        padding: .7em 1em .7em 1.8em;
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
        transition: background .3s, box-shadow .3s;
    }

    .mp-level[data-level='1'] > ul > li > a {
        background-color: white;
    }

        .mp-level[data-level='1'] > ul > li > a:hover {
            background-color: #dedede;
        }

    .mp-level[data-level='2'] > ul > li > a {
        background-color: white;
    }

        .mp-level[data-level='2'] > ul > li > a:hover {
            background-color: #bfd5eb;
        }

    .mp-level[data-level='3'] > ul > li > a {
        background-color: #bfd5eb;
    }

    .mp-level[data-level='4'] ul > li > a {
        background-color: #bfd5eb;
        color: white;
    }

    .mp-level > ul > li:first-child > a {
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
    }

    .mp-menu .mp-level.mp-level-overlay > ul > li > a,
    .mp-level.mp-level-overlay > ul > li:first-child > a {
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
    }

    .mp-level > ul > li:first-child > a:hover,
    .mp-level.mp-level-overlay > ul > li:first-child > a {
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
    }

    .mp-back {
        -webkit-transition: background .3s;
        background: rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
        color: white;
        display: block;
        font-size: .8em;
        font-weight: 700;
        letter-spacing: 1px;
        outline: none;
        padding: 1em;
        position: relative;
        text-transform: uppercase;
        transition: background .3s;
    }

        .mp-back::after {
            color: #5b5b5b;
            content: '\f054';
            font-family: 'fontAwesome';
            font-size: .8em;
            position: absolute;
            right: 10px;
        }

    .mp-forward ::before {
        color: #5b5b5b;
        content: '\f054';
        font-family: 'fontAwesome';
        font-size: .8em;
        line-height: 47px;
        position: absolute;
        right: 30px;
        text-align: right;
        z-index: -1;
    }

    .mp-menu .mp-level.mp-level-overlay > .mp-back,
    .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
        background: transparent;
        box-shadow: none;
        color: transparent;
    }

    .no-csstransforms3d .mp-pusher,
    .no-js .mp-pusher {
        padding-left: 300px;
    }

    .no-csstransforms3d .mp-menu .mp-level,
    .no-js .mp-menu .mp-level {
        display: none;
    }

    .no-csstransforms3d .mp-menu > .mp-level,
    .no-js .mp-menu > .mp-level {
        display: block;
    }

    .searchicon {
        display: inline-block;
        float: left;
        margin-top: 20px;
        padding: 0 1.8em;
    }

        .searchicon::before {
            color: black;
            content: '\f002';
            font-family: 'fontAwesome';
            font-size: 16px;
        }

    #taxonomy,
    #leftnav {
        display: inline-block;
        left: 0;
        position: relative;
        z-index: 2;
    }

        #taxonomy ul .innernavigation,
        #leftnav ul .innernavigation {
            display: none;
        }

        #taxonomy ul li,
        #leftnav ul li {
            display: block;
            list-style-type: none;
            margin-left: 0;
            width: 100%;
        }

            #taxonomy ul li a.toggle,
            #leftnav ul li a.toggle {
                color: #333333;
                display: block;
            }

            #taxonomy ul li:hover,
            #leftnav ul li:hover {
                background-color: bfd5eb;
                color: #333333;
                font-weight: 400;
            }

            #taxonomy ul li ul li,
            #leftnav ul li ul li {
                background-color: bfd5eb;
            }

                #taxonomy ul li ul li:hover,
                #leftnav ul li ul li:hover {
                    background-color: #9fc1e1;
                }

                #taxonomy ul li ul li a,
                #leftnav ul li ul li a {
                    border-bottom: 1px solid white;
                }

                    #taxonomy ul li ul li a:hover,
                    #leftnav ul li ul li a:hover {
                        color: #333333;
                    }

                #taxonomy ul li ul li ul li,
                #leftnav ul li ul li ul li {
                    background-color: #f4f4f4;
                }

                    #taxonomy ul li ul li ul li:hover,
                    #leftnav ul li ul li ul li:hover {
                        background-color: white;
                    }

                    #taxonomy ul li ul li ul li a,
                    #leftnav ul li ul li ul li a {
                        border-bottom: 0;
                        color: #4c79a4;
                        line-height: 15px;
                        padding: 10px 0px 10px 40px;
                    }

                        #taxonomy ul li ul li ul li a:hover,
                        #leftnav ul li ul li ul li a:hover {
                            border-right: 0;
                            color: #4c79a4;
                            font-weight: 600;
                        }

            #taxonomy ul li a.toptaxonomy,
            #leftnav ul li a.toptaxonomy {
                background-color: #5b5b5b;
                color: white;
                font-size: medium;
                text-transform: uppercase;
                font-weight: 400;
                letter-spacing: 1px;
            }

                #taxonomy ul li a.toptaxonomy.mma-nav,
                #leftnav ul li a.toptaxonomy.mma-nav {
                    font-size: small;
                }

            #taxonomy ul li a.navtoggle:after,
            #leftnav ul li a.navtoggle:after {
                content: "\f105";
                font-family: fontAwesome;
                float: right;
                padding-right: 10px;
                font-size: 18px;
                color: #757575;
            }

            #taxonomy ul li a.navtoggle + ul li a.navtoggle:after,
            #leftnav ul li a.navtoggle + ul li a.navtoggle:after {
                content: '\2014';
                font-size: 19px;
                color: #333333;
            }

            #taxonomy ul li a.navtoggle.rotate:after,
            #leftnav ul li a.navtoggle.rotate:after {
                transform: rotate(180deg);
                transition: all .25s ease;
                margin-right: 6px;
                margin-top: 7px;
            }

            #taxonomy ul li a,
            #leftnav ul li a {
                color: #333333;
                font-size: small;
                text-align: left;
                padding: 10px 10px 10px 0;
                display: block;
                padding-left: 20px;
            }

    #taxonomy, #leftnav {
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        #taxonomy, #leftnav {
            display: none;
        }
    }

    .side-navigation, .quick-links, .appliance-navigation {
        background: white;
        border-right: 1px solid #e4e4e4;
    }

        .side-navigation li, .quick-links li, .appliance-navigation li {
            border-bottom: 1.5px solid #e4e4e4;
            list-style-type: none;
            width: 100%;
            background: white;
            margin-left: 0;
            display: inline-block;
            position: relative;
        }

            .side-navigation li .toggle-wrapper, .quick-links li .toggle-wrapper, .appliance-navigation li .toggle-wrapper {
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
            }

                .side-navigation li .toggle-wrapper:hover, .quick-links li .toggle-wrapper:hover, .appliance-navigation li .toggle-wrapper:hover {
                    background: #bfd5eb;
                    color: #333333;
                    font-weight: 400;
                }

                .side-navigation li .toggle-wrapper a, .quick-links li .toggle-wrapper a, .appliance-navigation li .toggle-wrapper a {
                    display: inline-block;
                    color: #333333;
                    font-size: small;
                    text-align: left;
                    width: 100%;
                    height: 100%;
                    padding: 10px 30px 10px 20px;
                    vertical-align: top;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

    @media (max-width: 1023px) {
        .side-navigation li .toggle-wrapper a, .quick-links li .toggle-wrapper a, .appliance-navigation li .toggle-wrapper a {
            padding: 8px 0 8px 1.5em;
        }
    }

    @media (max-width: 599px) {
        .side-navigation li .toggle-wrapper a, .quick-links li .toggle-wrapper a, .appliance-navigation li .toggle-wrapper a {
            padding: 8px 0 8px 1.5em;
        }
    }

    .side-navigation li .toggle-btn, .quick-links li .toggle-btn, .appliance-navigation li .toggle-btn {
        width: 34px;
        height: 100%;
        padding: .5em .7em;
        right: 0;
        top: 0;
        position: absolute;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .side-navigation li .toggle-btn:after, .quick-links li .toggle-btn:after, .appliance-navigation li .toggle-btn:after {
            content: "\f105";
            font-family: fontAwesome;
            float: right;
            font-size: 18px;
            color: #494949;
        }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .side-navigation li .toggle-btn, .quick-links li .toggle-btn, .appliance-navigation li .toggle-btn {
            right: .9em;
        }
    }

    .side-navigation li a, .quick-links li a, .appliance-navigation li a {
        display: inline-block;
        color: #333333;
        font-size: small;
        text-align: left;
        width: 100%;
        height: 100%;
        padding: 10px 10px 10px 20px;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .side-navigation li a:hover, .quick-links li a:hover, .appliance-navigation li a:hover {
            background: #bfd5eb;
            color: #333333;
            font-weight: 400;
        }

        .side-navigation li a.current, .quick-links li a.current, .appliance-navigation li a.current {
            background: #9fc1e1;
            font-weight: 500;
        }

            .side-navigation li a.current:hover, .quick-links li a.current:hover, .appliance-navigation li a.current:hover {
                background: #bfd5eb;
                font-weight: 500;
                cursor: default;
            }

    .side-navigation li input[type="checkbox"], .quick-links li input[type="checkbox"], .appliance-navigation li input[type="checkbox"] {
        left: -9999px;
        visibility: hidden;
        position: absolute;
    }

    .side-navigation li input:checked + .toggle-wrapper > .toggle-btn, .quick-links li input:checked + .toggle-wrapper > .toggle-btn, .appliance-navigation li input:checked + .toggle-wrapper > .toggle-btn {
        font-weight: 500;
        color: #5f97cd;
    }

        .side-navigation li input:checked + .toggle-wrapper > .toggle-btn:after, .quick-links li input:checked + .toggle-wrapper > .toggle-btn:after, .appliance-navigation li input:checked + .toggle-wrapper > .toggle-btn:after {
            content: "\f107";
            color: #5f97cd;
        }

    .side-navigation li input:checked + .toggle-wrapper, .side-navigation li input:checked + .toggle-wrapper > a, .quick-links li input:checked + .toggle-wrapper, .quick-links li input:checked + .toggle-wrapper > a, .appliance-navigation li input:checked + .toggle-wrapper, .appliance-navigation li input:checked + .toggle-wrapper > a {
        font-weight: 500;
        color: #333333;
    }

        .side-navigation li input:checked + .toggle-wrapper:hover, .side-navigation li input:checked + .toggle-wrapper > a:hover, .quick-links li input:checked + .toggle-wrapper:hover, .quick-links li input:checked + .toggle-wrapper > a:hover, .appliance-navigation li input:checked + .toggle-wrapper:hover, .appliance-navigation li input:checked + .toggle-wrapper > a:hover {
            background: transparent;
            cursor: default;
        }

    .side-navigation li input:checked + label + ul, .side-navigation li input:checked + label:nth-of-type(n) + ul, .quick-links li input:checked + label + ul, .quick-links li input:checked + label:nth-of-type(n) + ul, .appliance-navigation li input:checked + label + ul, .appliance-navigation li input:checked + label:nth-of-type(n) + ul {
        display: block;
    }

    .side-navigation li.current, .quick-links li.current, .appliance-navigation li.current {
        background: white;
    }

        .side-navigation li.current a, .quick-links li.current a, .appliance-navigation li.current a {
            font-weight: 500;
        }

        .side-navigation li.current > .sub-nav > .expand > .toggle-wrapper > a, .quick-links li.current > .sub-nav > .expand > .toggle-wrapper > a, .appliance-navigation li.current > .sub-nav > .expand > .toggle-wrapper > a {
            background: #dfeaf5;
            color: #333333;
        }

    .side-navigation .toptaxonomy, .quick-links .toptaxonomy, .appliance-navigation .toptaxonomy {
        background-color: #5b5b5b;
        font-size: medium;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        .side-navigation .toptaxonomy a, .quick-links .toptaxonomy a, .appliance-navigation .toptaxonomy a {
            color: white;
            display: inline-block;
            height: 100%;
            width: 100%;
        }

            .side-navigation .toptaxonomy a:hover, .quick-links .toptaxonomy a:hover, .appliance-navigation .toptaxonomy a:hover {
                background-color: #5b5b5b;
                color: white;
                cursor: pointer;
            }

    .side-navigation > .expand.current {
        background: white;
    }

    .quick-links {
        border-right: 0;
    }

        .quick-links li {
            background: #4c79a4;
            border-color: #5f97cd;
        }

            .quick-links li a {
                color: white;
                padding-left: 1.5em;
            }

            .quick-links li:last-of-type {
                border: 0;
            }

    .appliance-navigation > .expand {
        background: #4c79a4;
    }

        .appliance-navigation > .expand > .toggle-wrapper > a {
            color: white;
        }

        .appliance-navigation > .expand > .toggle-wrapper > .toggle-btn {
            width: 100%;
        }

            .appliance-navigation > .expand > .toggle-wrapper > .toggle-btn:after {
                color: white;
            }

        .appliance-navigation > .expand .appliance-list {
            background: #5f97cd !important;
        }

            .appliance-navigation > .expand .appliance-list > li {
                background: transparent;
                border: 0;
                width: 50px;
                height: 100px;
                float: left;
                margin-left: 11px;
                padding-top: .5em;
            }

                .appliance-navigation > .expand .appliance-list > li > .appliance-icon-wrapper {
                    width: 50px;
                    float: left;
                    text-align: center;
                }

                    .appliance-navigation > .expand .appliance-list > li > .appliance-icon-wrapper > a {
                        background: transparent;
                        display: inline-block;
                        width: 100%;
                        height: 100%;
                        text-align: center;
                        margin: 0;
                        padding: 0;
                    }

                        .appliance-navigation > .expand .appliance-list > li > .appliance-icon-wrapper > a > .appliance-icon {
                            width: 80%;
                            height: 100%;
                            text-align: center;
                        }

                        .appliance-navigation > .expand .appliance-list > li > .appliance-icon-wrapper > a > .appliance-icon-name {
                            width: 100%;
                            font-size: x-small;
                            text-align: center;
                            color: white;
                            float: left;
                            margin-top: .5em;
                            line-height: normal;
                        }

    .sub-nav {
        display: none;
        width: 100%;
    }

        .sub-nav > li {
            border-bottom-color: white;
        }

            .sub-nav > li:last-of-type {
                border: 0;
            }

            .sub-nav > li a {
                /*Color was changed back to original from ADA compliant bfd5eb**/
                background: #dfeaf5;
                border-right: 0;
                border-bottom-color: white;
                color: #333333;
            }

                .sub-nav > li a:hover {
                    background: #bfd5eb;
                }

                .sub-nav > li a.current {
                    background: #9fc1e1;
                    color: #333333;
                }

            .sub-nav > li .toggle-wrapper {
                background: #bfd5eb;
            }

                .sub-nav > li .toggle-wrapper:hover {
                    background: #9fc1e1;
                }

                .sub-nav > li .toggle-wrapper .toggle-btn::after {
                    color: #494949;
                    content: '\f067';
                    font-family: fontAwesome;
                    font-size: 12px;
                }

            .sub-nav > li input:checked + .toggle-wrapper > .toggle-btn:after {
                content: "\f068";
            }

            .sub-nav > li input:checked + .toggle-wrapper:hover, .sub-nav > li input:checked + .toggle-wrapper > a:hover {
                background: #bfd5eb;
            }

            .sub-nav > li .sub-nav {
                display: none;
                width: 100%;
            }

                .sub-nav > li .sub-nav > li a {
                    background: #bfd5eb;
                    border-bottom: 0;
                    padding-left: 1.5em;
                }

                    .sub-nav > li .sub-nav > li a:hover {
                        background: #9fc1e1;
                    }

                    .sub-nav > li .sub-nav > li a.current {
                        background: #9fc1e1;
                    }

                .sub-nav > li .sub-nav > li .toggle-wrapper:hover {
                    background: #348ac9;
                }

                .sub-nav > li .sub-nav > li .toggle-wrapper .toggle-btn::after {
                    color: #4c79a4;
                }

                .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > .toggle-btn:after {
                    content: "\f068";
                }

                .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper, .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > a {
                    color: #333333;
                }

                    .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper:hover, .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > a:hover {
                        background: #7facd7;
                    }

            .sub-nav > li .toggle-wrapper {
                background: white !important;
                color: white !important;
            }

            .sub-nav > li .sub-nav > li .sub-nav > li {
                border-bottom-color: #757575;
            }

                .sub-nav > li .sub-nav > li .sub-nav > li a {
                    background: #4c79a4;
                    color: white;
                    border-bottom: 0;
                    padding-left: 1.5em;
                }

                    .sub-nav > li .sub-nav > li .sub-nav > li a:hover {
                        background: #395b7b;
                    }

                    .sub-nav > li .sub-nav > li .sub-nav > li a.current {
                        background: #395b7b !important;
                    }

                .sub-nav > li .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > .toggle-btn:after {
                    content: "\f068";
                }

                .sub-nav > li .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper:hover, .sub-nav > li .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > a:hover {
                    background: #494949;
                }

                .sub-nav > li .sub-nav > li .sub-nav > li .sub-nav > li {
                    border-bottom-color: #333333;
                }

                    .sub-nav > li .sub-nav > li .sub-nav > li .sub-nav > li a {
                        background: black;
                        color: #bdbdbd;
                        border-bottom: 0;
                        padding-left: 1.5em;
                    }

                        .sub-nav > li .sub-nav > li .sub-nav > li .sub-nav > li a:hover {
                            background: #757575;
                        }

                    .sub-nav > li .sub-nav > li .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > .toggle-btn:after {
                        content: "\f068";
                    }

                    .sub-nav > li .sub-nav > li .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper:hover, .sub-nav > li .sub-nav > li .sub-nav > li .sub-nav > li input:checked + .toggle-wrapper > a:hover {
                        background: #4c79a4;
                    }

    .account-navigation {
        background-color: white;
    }

    .menu-drawer .toggle-btn {
        background: rgba(244, 244, 244, 0.4);
    }

    .menu-drawer .sub-nav .toggle-btn {
        background: rgba(255, 255, 255, 0.5);
    }

    .current.level2 > a {
        color: #333333;
    }

        .current.level2 > a.current {
            background: #bfd5eb;
        }

    .current.level2.current.expand > .sub-nav > li.expand > a {
        color: white !important;
    }

    .current.level2.current.expand > .sub-nav > li.expand > .toggle-wrapper > .sub-nav > .level3 > a {
        color: white;
    }

    .current.level2.current.expand > .sub-nav > li > a {
        color: #333333;
    }

    .current.level4 > a.current {
        background: #4c79a4 !important;
    }

    .current.level5 > a.current {
        color: white;
    }

    .mobile-topcontact {
        display: none;
        position: absolute;
        right: 44px;
        top: 10px;
        width: auto;
    }

    @media (max-width: 1023px) {
        .mobile-topcontact {
            display: inline-block;
        }
    }

    @media (max-width: 599px) {
        .mobile-topcontact {
            top: 14px;
            right: 62px;
        }
    }

    .mobile-topcontact a {
        color: white;
    }

        .mobile-topcontact a:hover {
            color: #012877;
        }

    .hamburger-btn-wrapper {
        display: none;
        float: right;
        margin-top: -50px;
        margin-right: 0;
        z-index: 9999;
        position: relative;
    }

    @media (max-width: 1023px) {
        .hamburger-btn-wrapper {
            display: block;
        }
    }

    @media (max-width: 599px) {
        .hamburger-btn-wrapper {
            margin-right: 10px;
        }
    }

    .menu-container {
        float: left;
    }

    .toggle-btn {
        top: -9999px;
        /* Active Background Color */
    }

        .toggle-btn:checked ~ .overlay {
            background: red;
        }

        .toggle-btn[data-toggle='left']:checked ~ .hamburger-label:not([data-toggle-label='left']), .toggle-btn[data-toggle='right']:checked ~ .hamburger-label:not([data-toggle-label='right']), .toggle-btn[data-toggle='top']:checked ~ .hamburger-label:not([data-toggle-label='top']) {
            opacity: 0;
            z-index: -1;
        }

        .toggle-btn[data-toggle='left']:checked ~ .hamburger-label[data-toggle-label='left'], .toggle-btn[data-toggle='right']:checked ~ .hamburger-label[data-toggle-label='right'], .toggle-btn[data-toggle='top']:checked ~ .hamburger-label[data-toggle-label='top'] {
            color: white;
        }

            .toggle-btn[data-toggle='left']:checked ~ .hamburger-label[data-toggle-label='left'] .hamburger-icon, .toggle-btn[data-toggle='right']:checked ~ .hamburger-label[data-toggle-label='right'] .hamburger-icon, .toggle-btn[data-toggle='top']:checked ~ .hamburger-label[data-toggle-label='top'] .hamburger-icon {
                background-color: transparent;
            }

                .toggle-btn[data-toggle='left']:checked ~ .hamburger-label[data-toggle-label='left'] .hamburger-icon:before, .toggle-btn[data-toggle='left']:checked ~ .hamburger-label[data-toggle-label='left'] .hamburger-icon:after, .toggle-btn[data-toggle='right']:checked ~ .hamburger-label[data-toggle-label='right'] .hamburger-icon:before, .toggle-btn[data-toggle='right']:checked ~ .hamburger-label[data-toggle-label='right'] .hamburger-icon:after, .toggle-btn[data-toggle='top']:checked ~ .hamburger-label[data-toggle-label='top'] .hamburger-icon:before, .toggle-btn .pure-toggle[data-toggle='top']:checked ~ .hamburger-label[data-toggle-label='top'] .hamburger-icon:after {
                    top: 0;
                }

                .toggle-btn[data-toggle='left']:checked ~ .hamburger-label[data-toggle-label='left'] .hamburger-icon:before, .toggle-btn[data-toggle='right']:checked ~ .hamburger-label[data-toggle-label='right'] .hamburger-icon:before, .toggle-btn[data-toggle='top']:checked ~ .hamburger-label[data-toggle-label='top'] .hamburger-icon:before {
                    -ms-transform: translateX(-50%) rotate(45deg);
                    transform: translateX(-50%) rotate(45deg);
                    -webkit-transform: translateX(-50%) rotate(45deg);
                }

                .toggle-btn[data-toggle='left']:checked ~ .hamburger-label[data-toggle-label='left'] .hamburger-icon:after, .toggle-btn[data-toggle='right']:checked ~ .hamburger-label[data-toggle-label='right'] .hamburger-icon:after, .toggle-btn[data-toggle='top']:checked ~ .hamburger-label[data-toggle-label='top'] .hamburger-icon:after {
                    -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
                    transform: translateX(-50%) translateY(-10px) rotate(-45deg);
                    -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
                    top: 10px;
                }

        .toggle-btn:checked ~ #left_side_nav {
            visibility: visible;
            left: 0;
        }

    .hamburger-label {
        display: none;
        cursor: pointer;
        display: block;
        position: relative;
        right: 0;
        top: 0;
        z-index: 99;
        color: #9fc1e1;
        float: right;
        height: 50px;
        width: 41px;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
    }

        .hamburger-label:active {
            -webkit-tap-highlight-color: transparent;
        }

        .hamburger-label[data-toggle-label='left'] {
            right: auto;
        }

        .hamburger-label .hamburger-icon, .hamburger-label .hamburger-icon:before, .hamburger-label .hamburger-icon:after {
            background: white;
            display: block;
            position: absolute;
            border-radius: 5px;
            width: 22px;
            top: 58%;
            left: 50%;
            height: 3px;
            cursor: pointer;
            content: '';
            -webkit-transform: translate3d(-50%, -4px, 0);
            -moz-transform: translate3d(-50%, -4px, 0);
            -o-transform: translate3d(-50%, -4px, 0);
            transform: translate3d(-50%, -4px, 0);
            -webkit-transition: all 500ms ease-in-out;
            -moz-transition: all 500ms ease-in-out;
            -ms-transition: all 500ms ease-in-out;
            -o-transition: all 500ms ease-in-out;
        }

    @media (max-width: 599px) {
        .hamburger-label .hamburger-icon, .hamburger-label .hamburger-icon:before, .hamburger-label .hamburger-icon:after {
            top: 58%;
        }
    }

    .hamburger-label .hamburger-icon:before {
        -webkit-transform: translate3d(-50%, -9px, 0);
        -moz-transform: translate3d(-50%, -9px, 0);
        -o-transform: translate3d(-50%, -9px, 0);
        transform: translate3d(-50%, -9px, 0);
    }

    .hamburger-label .hamburger-icon:after {
        -webkit-transform: translate3d(-50%, 5px, 0);
        -moz-transform: translate3d(-50%, 5px, 0);
        -o-transform: translate3d(-50%, 5px, 0);
        transform: translate3d(-50%, 5px, 0);
    }

    .side-nav-drawer {
        background: #01205f;
        border-right: 2px solid rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 50px;
        left: -300px;
        z-index: 1;
        width: 300px;
        height: 100%;
        overflow-y: hidden;
        background-color: #01205f;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
        .side-nav-drawer {
            z-index: 99999 !important;
        }
    }


    @media (max-width: 1023px) {
        .side-nav-drawer {
            left: -300px;
        }
    }

    @media (max-width: 599px) {
        .side-nav-drawer {
            left: -900px;
        }
    }

    .side-nav-drawer:active {
        width: 300px;
    }

    /* Mobile UserName */
    .mobile-username {
        background: #01205f;
        border-bottom: thin solid #757575;
        width: 100%;
        padding: .8em 2em;
        font-weight: 300;
        color: white;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mobile-username .username {
            display: inline-block;
            vertical-align: top;
            color: white !important;
            text-decoration: underline;
            padding-bottom: 2px;
        }

    @media (max-width: 1023px) {
        .mobile-username .username {
            width: 550px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    @media (max-width: 1023px) {
        .mobile-username .username {
            width: 160px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    /* Mobile Search */
    .mobile-search-label-wrapper {
        background: #494949;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        padding: .8em 1em;
    }

        .mobile-search-label-wrapper form .mobile-search-text-field {
            background: white;
            background-clip: border-box !important;
            display: inline-block;
            border: thin solid white;
            -webkit-border-radius: 13px 0 0 13px;
            -moz-border-radius: 13px 0 0 13px;
            border-radius: 13px 0 0 13px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            width: 92%;
            height: 28px;
            margin: 0 auto;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: small;
            z-index: 6;
            position: relative;
        }

            .mobile-search-label-wrapper form .mobile-search-text-field:focus {
                background: white;
            }

    @media (max-width: 1023px) {
        .mobile-search-label-wrapper form .mobile-search-text-field {
            padding: 0 1em;
        }
    }

    @media (max-width: 599px) {
        .mobile-search-label-wrapper form .mobile-search-text-field {
            padding: 0 1em;
        }
    }

    .mobile-search-label-wrapper form .search-btn {
        background: white;
        display: inline-block;
        -webkit-border-radius: 0 13px 13px 0;
        -moz-border-radius: 0 13px 13px 0;
        border-radius: 0 13px 13px 0;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 10% !important;
        min-width: 10% !important;
        max-width: 10% !important;
        height: 28px;
        margin: 0 -7px 0 !important;
        padding: 0;
        z-index: 8;
        position: relative;
    }

        .mobile-search-label-wrapper form .search-btn:before {
            font-family: FontAwesome;
            content: "\f002";
            font-size: small;
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
            color: #757575;
            margin-top: -3px;
        }

    @media (max-width: 1023px) {
        .mobile-search-label-wrapper form .search-btn:before {
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .mobile-search-label-wrapper form .search-btn:before {
            margin-right: 0;
        }
    }

    /* Mobile Header */
    .mobile-header {
        background: #7c7c7c;
        color: white;
        height: auto;
        margin-bottom: 0;
        padding: .65em 1em;
        font-weight: 300;
        font-size: medium;
        text-transform: uppercase;
    }

    /* Mobile Buttons */
    .mobile-button-wrapper {
        display: none;
        background: #333333;
        border: 0;
        text-align: left;
        margin: 0 0;
        padding: 0;
        height: 50px;
    }

        .mobile-button-wrapper > button {
            background: #333333 !important;
            display: inline-block;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            width: 50%;
            height: 100%;
            margin: 0 !important;
            padding: 0 !important;
            font-weight: 300;
            font-size: small;
            float: left;
            color: white;
        }

            .mobile-button-wrapper > button:first-child {
                border-right: thin solid #7c7c7c;
            }

            .mobile-button-wrapper > button:hover {
                background: black !important;
                color: #7c7c7c;
            }

            .mobile-button-wrapper > button.logged-in, .mobile-button-wrapper > button.log-in {
                background: white !important;
                border: thin solid #345392;
                color: #345392 !important;
            }

                .mobile-button-wrapper > button.logged-in:hover, .mobile-button-wrapper > button.log-in:hover {
                    background: #345392 !important;
                    color: white !important;
                }

        .mobile-button-wrapper > form {
            display: inline-block;
            height: 100%;
            width: 100%;
        }

            .mobile-button-wrapper > form > button {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                background: #333333 !important;
                color: white;
                display: inline-block;
                float: left;
                font-size: small;
                font-weight: 300;
                height: 100%;
                margin: 0 !important;
                padding: 0 !important;
                width: 50%;
            }

                .mobile-button-wrapper > form > button:first-child {
                    border-right: thin solid #7c7c7c;
                }

                .mobile-button-wrapper > form > button:hover {
                    background: black !important;
                    color: #7c7c7c;
                }

                .mobile-button-wrapper > form > button.logged-in, .mobile-button-wrapper > form > button.log-in {
                    background: white !important;
                    border: thin solid #345392;
                    color: #345392 !important;
                }

                    .mobile-button-wrapper > form > button.logged-in:hover, .mobile-button-wrapper > form > button.log-in:hover {
                        background: #345392 !important;
                        color: white;
                    }

                .mobile-button-wrapper > form > button.log-out {
                    background: #345392 !important;
                    width: 100% !important;
                }

                    .mobile-button-wrapper > form > button.log-out:hover {
                        background: #273e6c !important;
                        color: white;
                    }

    .static-height {
        height: 86%;
        overflow-y: auto;
    }

    @media (max-width: 599px) {
        .static-height {
            height: 76%;
        }
    }

    @media (max-device-width: 599px) {
        .static-height {
            height: 74%;
        }
    }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .static-height {
            height: 70.9% !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .static-height {
            height: 74% !important;
        }
    }

    .static-height.fixed, .static-height#fixed {
        -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
    }

    .hamburger-btn-wrapper.ham-login {
        margin: 0;
    }

        .hamburger-btn-wrapper.ham-login .static-height {
            height: 82%;
        }

    @media (max-width: 599px) {
        .hamburger-btn-wrapper.ham-login .static-height {
            height: 74%;
        }
    }

    @media (max-device-width: 599px) {
        .hamburger-btn-wrapper.ham-login .static-height {
            height: 74%;
        }
    }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .hamburger-btn-wrapper.ham-login .static-height {
            height: 68% !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .hamburger-btn-wrapper.ham-login .static-height {
            height: 74% !important;
        }
    }

    nav.menu {
        color: #012877;
        float: right;
        font-family: 'lato';
        font-size: 16px;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        nav.menu > li {
            float: left;
            margin: 0;
            padding: 10px 15px;
        }

    .dropdown {
        background-color: #494949;
        margin-left: 0;
        padding: 40px 0;
        width: 100%;
    }

        .dropdown .close {
            margin-top: -1em;
            text-align: right;
            width: 100%;
        }

            .dropdown .close a {
                -moz-osx-font-smoothing: grayscale;
                color: #dedede;
                display: block;
                font-size: 18px;
                margin: 0 1.2em;
                padding: 0;
            }

                .dropdown .close a:hover {
                    color: white;
                    text-decoration: none;
                }

    .menu ul li {
        color: white;
        display: inline-block;
        list-style: none;
        padding-bottom: 0 !important;
    }

        .menu ul li a {
            color: black;
            display: block;
            text-decoration: none;
        }

    .displaynone {
        display: none;
    }

    .fixed-mega-menu {
        position: absolute;
        width: 100%;
    }

    @media (max-width: 1023px) {
        .fixed-mega-menu {
            display: none;
        }
    }

    .mega-menu {
        display: none;
        left: 0;
        transition-duration: 10s;
        width: 100%;
    }

    .categories-list {
        float: left;
        width: 24%;
    }

        .categories-list li {
            line-height: normal;
            list-style-type: none;
            margin: 0;
            padding: 5px 0;
        }

            .categories-list li span a {
                border-bottom: 1px solid white;
                color: white;
                display: inline-block;
                font-size: medium;
                margin-bottom: 5px;
                padding-bottom: 5px;
                text-decoration: none;
                text-transform: uppercase;
            }

    @media (max-width: 1024px) {
        .categories-list li span a {
            font-size: 1em;
        }
    }

    @media only screen and (max-width: 768px) {
        .categories-list li span a {
            font-size: 1em;
        }
    }

    .categories-list li a {
        /*Changed from "#dedede"*/
        color: #FFFFFF;
        display: inline-block;
        font-size: small;
        font-weight: 580;
        text-decoration: none;
    }

        .categories-list li a:hover {
            color: #dedede;
            text-decoration: none;
            transform: scale(1.1);
        }

    @media (max-width: 1024px) {
        .categories-list li a {
            font-size: .9em;
        }
    }

    @media only screen and (max-width: 768px) {
        .categories-list li a {
            font-size: 1em;
        }
    }

    .categories-list li.selected {
        background: none;
    }

    .display-on {
        display: block;
    }

    .logo-wrapper {
        float: left;
        height: 31px;
        margin: 1em 0 0 2em;
        width: 72px;
    }

        .logo-wrapper .logo {
            background: url("/cdn/images/jea-logo.png") no-repeat;
            background-size: 100%;
            display: inline-block;
            height: 30px;
            width: 100%;
        }

            .logo-wrapper .logo:focus {
                border: thin solid #9fc1e1;
            }

    @media (max-width: 1023px) {
        .logo-wrapper .logo {
            background-image: url("/cdn/images/jea-logo-white.png");
        }
    }

    @media (max-width: 1023px) {
        .logo-wrapper .logo {
            background-image: url("/cdn/images/jea-logo-white.png");
        }
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .logo-wrapper .logo {
            background-image: url("/cdn/images/jea-logo.png");
        }
    }

    @media screen and (min-width: 0\0) and (max-width: 1023px) {
        .logo-wrapper .logo {
            background-image: url("/cdn/images/jea-logo-white.png");
        }
    }

    @media (max-width: 1023px) {
        .logo-wrapper {
            margin-left: 2em;
        }
    }

    @media only screen and (max-width: 768px) {
        .logo-wrapper {
            margin-left: 1em;
        }
    }

    @media (max-width: 599px) {
        .logo-wrapper .logo {
            background-image: url("/cdn/images/jea-logo-white.png");
        }
    }

    #navigation-container {
        display: block;
    }

        #navigation-container.main-nav-wrapper {
            float: right;
            width: auto;
        }

        #navigation-container nav ul {
            text-align: right;
        }

            #navigation-container nav ul li {
                margin-left: 0 !important;
            }

                #navigation-container nav ul li a {
                    color: #333333;
                    font-size: small;
                    margin-left: 0 !important;
                    padding: 10px 7px;
                    text-decoration: none;
                }

    @media only screen and (min-width: 801px) and (max-width: 920px) {
        #navigation-container nav ul li a {
            font-size: small;
            margin-left: 15px;
        }
    }

    #navigation-container nav ul li a:hover, #navigation-container nav ul li a:focus {
        color: #4c79a4;
    }

    #navigation-container nav ul li.active a {
        background-color: #494949;
        border-radius: 3px 3px 0 0;
        color: white;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #navigation-container nav {
            display: none;
        }
    }

    @media (max-width: 1023px) {
        #navigation-container nav {
            display: none;
        }
    }

    @media only screen and (max-width: 599px) {
        #navigation-container nav {
            display: none;
        }
    }

    .selected {
        background-color: #4c79a4;
        border-radius: 3px 3px 0 0;
        color: white !important;
    }

        .selected a {
            color: white !important;
        }

    .animated {
        -moz-animation-duration: .5s;
        -moz-animation-fill-mode: both;
        -o-animation-duration: .5s;
        -o-animation-fill-mode: both;
        -webkit-animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-duration: .5s;
        animation-fill-mode: both;
        animation-timing-function: ease;
    }

    @-webkit-keyframes fadeIn {
        0% {
            -webkit-transform: translateY(-100%);
        }

        100% {
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes fadeIn {
        0% {
            -moz-transform: translateY(-100%);
        }

        100% {
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes fadeIn {
        0% {
            -o-transform: translateY(-100%);
        }

        100% {
            -o-transform: translateY(0);
        }
    }

    @keyframes fadeIn {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(0);
        }
    }

    .fadeIn {
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }

    @media (max-width: 599px) {
        .cls-1 {
            fill: white !important;
        }

        .cls-2 {
            fill: white !important;
        }
    }

    @media (max-width: 1023px) {
        .cls-1 {
            fill: white !important;
        }

        .cls-2 {
            fill: white !important;
        }
    }

    @media screen and (-ms-high-contrast: active) {
        .cls-1 {
            fill: white !important;
        }

        .cls-2 {
            fill: white !important;
        }
    }

    .input {
        padding: 7px 10px;
    }

    .search {
        float: right;
        margin-top: 5px;
        position: relative;
        width: 30px;
    }

        .search.active {
            display: inline-block;
            width: 225px;
        }

            .search.active .input {
                color: white;
                display: block;
                height: 39px;
                max-width: 600px !important;
                opacity: 1;
            }

        .search:focus {
            outline: thin solid white;
        }

        .search .input {
            background: transparent;
            border: 0;
            border-bottom: 2px solid white;
            border-radius: 0;
            color: white;
            display: none;
            font-size: 16px;
            height: 2.4rem;
            line-height: 2.4rem;
            margin-right: 30px;
            max-width: 2.4rem;
            opacity: 0;
            padding: 0 .9rem;
            position: absolute;
            right: 0;
            top: 0;
            transition: 1s;
        }

            .search .input:focus {
                outline: thin dotted white;
            }

            .search .input::placeholder {
                color: white;
                font-size: 14px;
            }

        .search .cover {
            color: white;
            float: right;
            height: 2.4rem;
            position: relative;
            right: 0;
            text-align: center;
            top: 0;
            width: 2.4rem;
            z-index: 2;
        }

            .search .cover:hover {
                background-color: black;
                border-radius: 3px;
            }

            .search .cover:focus {
                outline: thin dotted white;
            }

            .search .cover .fa::before {
                color: white;
                line-height: 0;
            }

            .search .cover .fa:focus {
                outline: thin dotted white;
            }

    .topnav-links {
        display: inline-block;
        float: right;
        padding: .75em;
    }

    .topcontact {
        display: inline-block;
        float: left;
    }

    .search-slider-wrapper {
        height: 2.4rem !important;
        margin: 0 !important;
        width: auto !important;
    }

    .filter-wrapper {
        width: 266px;
    }

        .filter-wrapper .sort-date,
        .filter-wrapper .sort-category {
            float: left;
            width: 130px;
        }

        .filter-wrapper .sort-date {
            margin-right: 2%;
        }

    #footer-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-top: thick solid #cf4a0c;
        margin-top: 0;
        position: relative;
        width: 100%;
    }

        #footer-container .jd-power {
            display: inline-block;
            margin-top: 18px;
            width: 100%;
        }

        #footer-container section {
            margin: 0;
            padding-bottom: 1.5em;
        }

    @media only screen and (max-width: 599px) {
        #footer-container section {
            border-bottom: 1px solid black;
            padding: 1em 0;
        }

            #footer-container section:nth-last-child(+1) {
                border-bottom: 0;
            }
    }

    #footer-container .wrapper {
        width: 95%;
    }

    #footer-container h3 {
        border-bottom: 1px solid white;
        color: white;
        display: inline-block;
        float: left;
        font-weight: 400;
        line-height: 30px;
        width: auto;
    }

    @media only screen and (max-width: 599px) {
        #footer-container h3 {
            border-bottom: 0;
        }
    }

    @media (max-width: 1024px) {
        #footer-container h3 {
            font-size: 1em;
        }
    }

    @media only screen and (max-width: 768px) {
        #footer-container h3 {
            font-size: 1em;
        }
    }

    #footer-container ul {
        list-style-type: none;
    }

        #footer-container ul li {
            display: inline-block;
            margin-left: 0;
            width: 100%;
        }

        #footer-container ul.social {
            float: left;
            width: 100%;
        }

            #footer-container ul.social li {
                display: inline;
                width: initial;
            }

    .social li a:visited, .social li a {
        color: #dedede !important;
    }

        .social li a:hover {
            color: white !important;
        }

    @media (max-width: 1024px) {
        #footer-container ul.social li a {
            font-size: large;
        }
    }

    @media only screen and (max-width: 768px) {
        #footer-container ul.social li a {
            font-size: large;
        }
    }

    #footer-container ul.footer-nav {
        display: table-cell;
        column-count: 3;
        list-style-type: none;
        column-rule-width: 10px;
        /*   width: 95vw;  */
        /*  height: 200px; */
        column-fill: balance;
    }

    #footer-container a {
        /*Changed "#dedede" to "#ffffff" or "white"*/
        color: #dedede;
        float: left;
        font-size: 16px;
        font-weight: 580;
    }

    @media (max-width: 1024px) {
        #footer-container a {
            font-size: .9em;
        }
    }

    @media only screen and (max-width: 768px) {
        #footer-container a {
            font-size: .9em;
        }
    }

    #footer-container a:hover {
        color: white;
        text-decoration: none;
        transform: scale(1.1);
    }

    #footer-container a::before {
        font-size: 22px;
        margin-right: 15px;
    }

    @media (max-width: 1024px) {
        #footer-container a::before {
            font-size: 1em;
        }
    }

    @media only screen and (max-width: 768px) {
        font-size: 1em;
    }

    #footer-container a:visited {
        /*Changed color from "white" to #D7E9F9*/
        color: #dedede;
    }

    #footer-container .copyright-container {
        background: black;
        padding: 20px 0 10px;
        text-transform: uppercase;
    }

    .copyright-container.min-height {
        min-height: 100px;
    }

    @media only screen and (max-width: 599px) {
        .copyright-container.min-height {
            min-height: 200px;
        }
    }


    #footer-container .copyright-container a {
        float: right;
        font-size: small;
    }

    @media (max-width: 599px) {
        #footer-container .copyright-container a {
            float: left;
        }
    }

    #footer-container .copyright-container section {
        padding-bottom: 0;
    }

    #footer-container .copyright-container p {
        font-size: small;
    }

    #footer-container .jd-power {
        display: inline-block;
        margin-top: 30px;
        width: 100%;
    }

    #footer-container .pointer {
        cursor: pointer;
    }

    #footer-container .footer-img {
        float: left;
        height: 72px;
        max-width: 48px;
        padding: 5px;
        width: 50%;
    }

    #footer-container .slogan {
        float: left;
        font-size: 14px;
        font-style: italic;
        margin-bottom: 0;
        padding-left: 15px;
        padding-top: 0;
        text-align: left;
        width: 50%;
    }

    #footer-container .ea-logo {
        display: block;
        float: left;
        width: 100%;
    }

        #footer-container .ea-logo img {
            float: left;
            height: auto;
            min-width: 75px;
            width: 50%;
        }

    ul.footer-nav {
        column-count: 3;
        list-style-type: none;
        column-rule-width: 10px;
        /*    width: 95vw;   */
        height: 200px;
        column-fill: balance;
    }

    .placeholder-text {
        color: #757575;
        font-size: 12px;
        line-height: 1.2;
        margin-left: 10px;
        text-align: left;
    }

    @media (max-width: 1024px) {
        #three-column-template .qtr, #three-column-template .seventyfive {
            width: 100%;
            float: left;
        }
    }

    #three-column-template ul li {
        clear: both;
        margin-left: 1.5em;
    }

    #three-column-template .intercept, #three-column-template .relatedlinks {
        padding: 15px;
        margin-left: 40px;
        padding-left: 0;
        margin-top: 25px;
    }

        #three-column-template .intercept h5.formtitle, #three-column-template .relatedlinks h5.formtitle {
            font-size: 16px !important;
            font-weight: 600;
            color: #5b5b5b !important;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #three-column-template .intercept {
            margin-left: 0;
        }
    }

    #three-column-template .relatedlinks {
        margin-top: 25px;
    }

        #three-column-template .relatedlinks p {
            font-size: 15px;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #three-column-template .relatedlinks {
            margin-left: 55.55555556%;
        }
    }

    #three-column-template .cmscontent p, #three-column-template .const-content p {
        margin-bottom: 1em;
    }

    #three-column-template .intercept {
        display: block;
        float: left;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #three-column-template .intercept {
            width: 50%;
        }
    }

    #three-column-template .intercept blockquote {
        margin-top: 25%;
        width: 60%;
        padding: 25px;
    }

        #three-column-template .intercept blockquote p {
            font-size: 18px;
        }

    #three-column-template .related-link {
        border-bottom: 1px solid #dedede;
        display: block;
        width: 100%;
        margin: 15px 0;
        float: left;
    }

        #three-column-template .related-link a {
            text-decoration: underline;
        }

    #three-column-template .cmscontent, #three-column-template .const-content {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

        #three-column-template .cmscontent figure, #three-column-template .const-content figure {
            display: block;
            width: initial;
            float: left;
            margin-bottom: 15px;
            margin-right: 15px;
        }

    @media only screen and (max-width: 599px) {
        #three-column-template .cmscontent figure, #three-column-template .const-content figure {
            margin-bottom: 0;
            margin-right: 0;
            margin: 0 auto;
        }
    }

    #three-column-template .cmscontent figure figcaption, #three-column-template .const-content figure figcaption {
        text-align: center;
        font-size: 12px;
        text-transform: capitalize;
    }

    @media only screen and (max-width: 599px) {
        #three-column-template .cmscontent figure figcaption, #three-column-template .const-content figure figcaption {
            margin-bottom: 30px;
        }
    }

    #three-column-template .cmscontent figure.rfloat, #three-column-template .const-content figure.rfloat {
        float: right !important;
    }

    #three-column-template .cmscontent h2, #three-column-template .const-content h2 {
        float: inherit;
    }

    @media only screen and (max-width: 599px) {
        #three-column-template .cmscontent h2, #three-column-template .const-content h2 {
            text-align: left;
            float: left;
        }
    }

    @media only screen and (max-width: 599px) {
        #three-column-template .cmscontent p, #three-column-template .const-content p {
            float: left;
        }
    }

    #three-column-template .cmscontent img.thumbnail, #three-column-template .const-content img.thumbnail {
        max-width: 245px;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        #three-column-template .cmscontent img.thumbnail, #three-column-template .const-content img.thumbnail {
            max-width: 640px;
        }
    }

    #three-column-template .largeimage {
        margin: 0 30px;
    }

    #three-column-template .largevideo {
        margin: 20px 0;
        display: block;
    }

    #three-column-template .thumbnailvideo {
        display: block;
        float: left;
        margin-right: 25px;
    }

    #three-column-template .pullquote {
        width: 100%;
        font-weight: 600;
    }

    #three-column-template .fourcolumn table {
        width: 100%;
        min-width: 920px;
    }

        #three-column-template .fourcolumn table tr {
            width: 100%;
            max-width: 700px;
            background-color: #dedede;
            color: black;
        }

            #three-column-template .fourcolumn table tr:nth-child(odd) {
                background-color: #bdbdbd;
            }

            #three-column-template .fourcolumn table tr td {
                width: 175px;
                height: 40px;
                border-right: 1px solid #757575;
            }

                #three-column-template .fourcolumn table tr td:last-of-type {
                    border-right: 0;
                }

        #three-column-template .fourcolumn table tr, #three-column-template .fourcolumn table td {
            padding: 7px 10px;
        }

            #three-column-template .fourcolumn table tr.heading td {
                background-color: #cf4a0c;
                text-align: center;
                font-weight: 300;
                color: white;
                border-right: 0;
            }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #three-column-template .fourcolumn table tr.heading td {
            text-align: center;
        }
    }

    .widget {
        display: inline-block;
        margin: 20px 0;
    }

        .widget img {
            padding: 0 20px 0 0;
        }

        .widget ul {
            margin: 15px 0;
        }

            .widget ul li {
                list-style-type: none;
            }

    .videoscroll.relativeVideo iframe {
        position: relative;
        width: 100%;
        height: 478px;
        margin-bottom: 2em;
    }

    .videoscroll.absoluteVideo iframe {
        position: fixed;
        top: 0;
        right: 0;
        padding-right: 1.5em;
        padding-top: 1.5em;
        z-index: 10;
        transition: .5s;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .videoscroll.absoluteVideo iframe {
            position: relative;
            padding: 0;
        }
    }

    .pullquote {
        display: block;
        float: none;
        padding: 7px 16px 7px 40px;
        position: relative;
        text-align: left;
        z-index: 1;
    }

        .pullquote:after, .pullquote:before {
            position: absolute;
            color: #dedede;
            content: '“';
            font-size: 5em;
            height: 0.5rem;
            line-height: 1em;
            top: 0rem;
            left: 0;
            z-index: -2;
        }

    @media screen and (min-width: 0\0) {
        .pullquote:after, .pullquote:before {
            font-size: 80px !important;
        }
    }

    .pullquote:after {
        content: '”';
        left: 100%;
        line-height: 1em;
        top: 0;
    }

    @media (max-width: 599px) {
        .pullquote:after {
            left: 90%;
        }
    }

    @media (max-width: 599px) {
        .pullquote {
            padding: 7px 40px;
        }
    }

    .pullquote.small {
        line-height: 24px;
    }

    #cbContentSection img {
        width: 200px !important;
        height: auto !important;
        padding: 0 !important;
    }

    @media (max-width: 599px) {
        #cbContentSection img {
            width: 100% !important;
        }
    }

    #cbContentSection img.image-full {
        width: 100% !important;
        float: none !important;
        display: inline-block !important;
    }

    #cbContentSection img.image-right {
        margin: 1em 0 !important;
        padding-right: 20px !important;
    }

    #cbContentSection img.image-left {
        padding-right: 20px !important;
    }

    #cbContentSection img.thumbnail, #cbContentSection img.image-thumbnail {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }

        #cbContentSection img.thumbnail.medium, #cbContentSection img.image-thumbnail.medium {
            width: 150px !important;
            min-width: 150px !important;
            max-width: 150px !important;
        }

    #cbContentSection p.thumbnail-wrapper {
        margin: 2em auto;
        padding: 0;
        width: 80%;
    }

    @media (max-width: 599px) {
        #cbContentSection p.thumbnail-wrapper {
            width: 100%;
        }
    }

    #cbContentSection p.thumbnail-wrapper > span {
        width: 80%;
        float: left;
    }

    @media (max-width: 599px) {
        #cbContentSection p.thumbnail-wrapper > span {
            width: 70%;
        }
    }

    #cbContentSection p > img {
        margin-right: 1em;
    }

    @media (max-width: 599px) {
        #cbContentSection p > img {
            width: 100% !important;
            margin-bottom: 1em;
        }
    }

    #cbContentSection p > img.thumbnail, #cbContentSection p > img.image-thumbnail {
        max-width: 100px;
        min-width: 100px;
        width: 100px;
        margin: 0 1em 0 0;
    }

        #cbContentSection p > img.thumbnail.medium, #cbContentSection p > img.image-thumbnail.medium {
            width: 150px !important;
            max-width: 150px !important;
            min-width: 150px !important;
        }

    #cbContentSection p > img.icon-thumbnail {
        max-width: 40px !important;
        min-width: 40px !important;
        width: 10% !important;
        margin: 0 1em 0 0;
    }

    #cbContentSection p > img.image-right {
        padding-left: 20px !important;
    }

    #cbContentSection p > img.image-left {
        padding-right: 20px !important;
    }

    #cbContentSection p .btn, #cbContentSection p button[type="button"], #cbContentSection p button[type="reset"], #cbContentSection p button[type="submit"], #cbContentSection p input[type="button"], #cbContentSection p input[type="reset"], #cbContentSection p input[type="submit"] {
        text-decoration: none;
    }

    #cbContentSection > .btn, #cbContentSection > button[type="button"], #cbContentSection > button[type="reset"], #cbContentSection > button[type="submit"], #cbContentSection > input[type="button"], #cbContentSection > input[type="reset"], #cbContentSection > input[type="submit"] {
        float: left !important;
        margin-bottom: 1em !important;
        padding: .5em 2% !important;
    }

        #cbContentSection > .btn a, #cbContentSection > button[type="button"] a, #cbContentSection > button[type="reset"] a, #cbContentSection > button[type="submit"] a, #cbContentSection > input[type="button"] a, #cbContentSection > input[type="reset"] a, #cbContentSection > input[type="submit"] a {
            color: white !important;
        }

    #cbContentSection #payment img {
        width: 25px !important;
        height: 25px !important;
    }

    #cbContentSection .thumbnail-container {
        width: 100%;
        float: left;
        margin-top: 1em;
    }

    #cbContentSection #email img {
        width: auto !important;
    }

    #cbContentSection #email table tbody tr td > table {
        width: 100% !important;
        min-width: 100% !important;
    }

        #cbContentSection #email table tbody tr td > table.col-2, #cbContentSection #email table tbody tr td > table.col-2-last {
            width: 270px !important;
            float: left;
        }

    #cbContentSection #email {
        width: 560px;
        margin: 0 auto;
    }

    @media (max-width: 599px) {
        #cbContentSection #email {
            width: 100%;
        }
    }

    #cbContentSection #email table {
        width: 100% !important;
    }

        #cbContentSection #email table td {
            padding: 0;
        }

    #cbContentSection #email #fix_box.fix-box {
        width: 100%;
    }

        #cbContentSection #email #fix_box.fix-box table.container2 {
            width: 100%;
            border: thin solid red !important;
        }

        #cbContentSection #email #fix_box.fix-box table tbody tr td.container2:first-of-type {
            float: left;
            width: 100%;
        }

        #cbContentSection #email #fix_box.fix-box table tbody tr td.container2:last-of-type {
            float: right;
            width: 100%;
        }

        #cbContentSection #email #fix_box.fix-box > .container {
            width: 100%;
        }

            #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td {
                padding: 1% 1%;
            }

                #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .full-width, #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .remove {
                    min-width: inherit !important;
                    float: left;
                    width: 270px !important;
                }

                    #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .full-width:first-child, #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .full-width:first-of-type {
                        max-width: 270px;
                    }

                    #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .full-width:last-child tbody tr, #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .full-width:last-of-type tbody tr {
                        margin-bottom: 1em;
                    }

                #cbContentSection #email #fix_box.fix-box > .container tbody tr td table tbody tr td > .remove {
                    width: 1px !important;
                    max-width: 1px !important;
                }

    #cbContentSection #form {
        width: 80%;
        margin: 1em auto;
    }

        #cbContentSection #form > select {
            background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
        }

        #cbContentSection #form > li, #cbContentSection #form ol {
            list-style: inside none !important;
        }

    #cbContentSection .design_group hr, #cbContentSection .design_group ul {
        margin-bottom: 1em;
    }

    #cbContentSection .design_group li {
        clear: both;
        margin-left: 1em;
    }

    #cbContentSection .demandimage-container {
        width: 100%;
    }

        #cbContentSection .demandimage-container .demandimageleft, #cbContentSection .demandimage-container .demandimageright​ {
            width: 47%;
            float: left;
            margin-bottom: 20px;
        }

        #cbContentSection .demandimage-container .demandimageright​ {
            float: right;
        }

    @media (max-width: 599px) {
        #cbContentSection .demandimage-container .demandimageright​ {
            float: right;
        }
    }

    #cbContentSection #Comments {
        width: 100%;
    }

    @media (min-width: 1200px) {
        #landingBannerSt.cms-banner {
            max-width: 100%;
        }
    }

    .cms-banner {
        background: no-repeat;
        position: relative;
        overflow: hidden;
        float: left;
        width: 100%;
        margin-top: 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @media (max-width: 768px) {
        .cms-banner {
            margin-top: 0;
        }
    }

    @media (max-width: 599px) {
        .cms-banner {
            margin-top: 3.1em;
            object-fit: cover;
        }
    }

    @media (min-width: 1200px) {
        .cms-banner {
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
            -ms-behavior: url("/css/polyfills/backgroundsize.min.htc");
        }
    }

    .cms-banner.interior {
        margin-bottom: 2em;
    }

        .cms-banner.interior > .small-banner {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

    @media (max-width: 599px) {
        .cms-banner.interior {
            margin-top: 1em;
            height: 160px;
        }

            .cms-banner.interior > .small-banner {
                height: 160px;
            }
    }

    .cms-content-container > .breadcrumb-wrapper > .breadcrumbs {
        padding-left: 5.8%;
    }

    @media (min-width: 1200px) {
        .cms-content-container > .breadcrumb-wrapper > .breadcrumbs {
            padding-left: 5.8%;
        }
    }

    @media (max-width: 1023px) {
        .cms-content-container > .breadcrumb-wrapper > .breadcrumbs {
            padding-left: 0;
        }
    }

    @media (max-width: 599px) {
        .cms-content-container > .breadcrumb-wrapper > .breadcrumbs {
            padding-left: 0;
        }
    }

    .cms-content-container.no-sidebar > .breadcrumb-wrapper > .breadcrumbs {
        padding-left: 9.8%;
    }

    @media (min-width: 1200px) {
        .cms-content-container.no-sidebar > .breadcrumb-wrapper > .breadcrumbs {
            padding-left: 9.8%;
        }
    }

    @media (max-width: 1023px) {
        .cms-content-container.no-sidebar > .breadcrumb-wrapper > .breadcrumbs {
            padding-left: 0;
        }
    }

    @media (max-width: 599px) {
        .cms-content-container.no-sidebar > .breadcrumb-wrapper > .breadcrumbs {
            padding-left: 0;
        }
    }

    .cms-content-container.no-sidebar > p, .cms-content-container.no-sidebar > ul, .cms-content-container.no-sidebar > ol, .cms-content-container.no-sidebar > .btn-wrapper, .cms-content-container.no-sidebar > .medium-width {
        width: 88%;
    }

    @media (min-width: 1200px) {
        .cms-content-container.visible-small-banner > .breadcrumb-wrapper > .breadcrumbs {
            margin-left: 0;
        }
    }

    @media (min-width: 1200px) {
        .cms-content-container > .cmscontent, .cms-content-container > .const-content {
            max-width: 1400px;
        }
    }

    .cms-content-container > .cmscontent.no-cms-sidebar > .h1-border, .cms-content-container > .no-cms-sidebar.const-content > .h1-border {
        margin-left: 9.8%;
    }

    @media (min-width: 1200px) {
        .cms-content-container > .cmscontent.no-cms-sidebar > .h1-border, .cms-content-container > .no-cms-sidebar.const-content > .h1-border {
            margin-left: 9.8%;
            width: 92%;
        }
    }

    @media (max-width: 1023px) {
        .cms-content-container > .cmscontent.no-cms-sidebar > .h1-border, .cms-content-container > .no-cms-sidebar.const-content > .h1-border {
            margin-left: 0;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .cms-content-container > .cmscontent.no-cms-sidebar > .h1-border, .cms-content-container > .no-cms-sidebar.const-content > .h1-border {
            margin-left: 0;
            padding-left: 0;
            width: 100%;
        }
    }

    .cms-content-container > .cmscontent.no-cms-sidebar > .cb-content-container, .cms-content-container > .no-cms-sidebar.const-content > .cb-content-container {
        width: 100%;
    }

    .cms-content-container > .cmscontent.no-cms-sidebar > .cms-sidebar, .cms-content-container > .no-cms-sidebar.const-content > .cms-sidebar {
        display: none;
    }

    @media (max-width: 1023px) {
        .cms-content-container > .cmscontent.visible-sidebar > .h1-border, .cms-content-container > .visible-sidebar.const-content > .h1-border {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .cms-content-container > .cmscontent.visible-sidebar > .h1-border, .cms-content-container > .visible-sidebar.const-content > .h1-border {
            margin-left: 0;
            width: 100%;
        }
    }

    .cms-content-container > .cmscontent.visible-small-banner > .h1-border, .cms-content-container > .visible-small-banner.const-content > .h1-border {
        padding-left: 5.8%;
    }

    @media (min-width: 1200px) {
        .cms-content-container > .cmscontent.visible-small-banner > .h1-border, .cms-content-container > .visible-small-banner.const-content > .h1-border {
            margin-left: 0;
        }
    }

    @media (max-width: 1023px) {
        .cms-content-container > .cmscontent.visible-small-banner > .h1-border, .cms-content-container > .visible-small-banner.const-content > .h1-border {
            padding-left: 0;
        }
    }

    .cms-content-container > .cmscontent.no-small-banner > .h1-border, .cms-content-container > .no-small-banner.const-content > .h1-border {
        margin-left: 5.8%;
        width: 94.2%;
    }

    @media (min-width: 1200px) {
        .cms-content-container > .cmscontent.no-small-banner > .h1-border, .cms-content-container > .no-small-banner.const-content > .h1-border {
            margin-left: 5.8%;
        }
    }

    @media (max-width: 1023px) {
        .cms-content-container > .cmscontent.no-small-banner > .h1-border, .cms-content-container > .no-small-banner.const-content > .h1-border {
            margin-left: 0;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .cms-content-container > .cmscontent.no-small-banner > .h1-border, .cms-content-container > .no-small-banner.const-content > .h1-border {
            margin-left: 0;
        }
    }

    .cms-content-container > .cmscontent.no-small-banner .cb-content-container > #cbContentSection > #email > img, .cms-content-container > .no-small-banner.const-content .cb-content-container > #cbContentSection > #email > img {
        width: auto !important;
    }

    .cms-content-container > .cmscontent.no-small-banner .cb-content-container > #cbContentSection > #email table tbody tr td > table, .cms-content-container > .no-small-banner.const-content .cb-content-container > #cbContentSection > #email table tbody tr td > table {
        width: auto !important;
    }

    .cms-content-container > .cmscontent.no-small-banner .cb-content-container > p, .cms-content-container > .no-small-banner.const-content .cb-content-container > p {
        width: 88% !important;
    }

    .cb-content-container, .cb-container {
        width: 60%;
        float: left;
    }

    @media (max-width: 1023px) {
        .cb-content-container, .cb-container {
            width: 100%;
        }
    }

    .cb-content-container > .cms-large-image {
        display: none;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 3em;
    }

        .cb-content-container > .cms-large-image.show-img {
            display: inline-block;
        }

        .cb-content-container > .cms-large-image > img {
            width: 100%;
            height: 100%;
            position: relative;
            float: left;
        }

    .cb-container {
        width: 850px;
    }

    .accordion-paragraph > h2, .accordion-paragraph > h3, .accordion-paragraph > h4, .accordion-paragraph > h5, .accordion-paragraph > h6 {
        margin: 2em auto .5em;
        float: none;
    }

    @media (max-width: 1023px) {
        .accordion-paragraph > h2, .accordion-paragraph > h3, .accordion-paragraph > h4, .accordion-paragraph > h5, .accordion-paragraph > h6 {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .accordion-paragraph > h2, .accordion-paragraph > h3, .accordion-paragraph > h4, .accordion-paragraph > h5, .accordion-paragraph > h6 {
            width: 100%;
        }
    }

    .cb-content-section, .const-cb-content-container, .search-results-container {
        width: 100%;
        margin: 1em 0;
    }

        .cb-content-section:first-of-type, .const-cb-content-container:first-of-type, .search-results-container:first-of-type {
            margin-top: 0;
        }

    @media (max-width: 1023px) {
        .cb-content-section, .const-cb-content-container, .search-results-container {
            width: 100%;
        }
    }

    @media (min-width: 1200px) {
        .cb-content-section, .const-cb-content-container, .search-results-container {
            margin: 2em auto 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section, .const-cb-content-container, .search-results-container {
            width: 100%;
        }
    }

    .cb-content-section a, .const-cb-content-container a, .search-results-container a {
        cursor: pointer;
        text-decoration: underline !important;
    }

    .cb-content-section .social, .const-cb-content-container .social, .search-results-container .social {
        margin-top: 1em;
    }

    @media (max-width: 599px) {
        .cb-content-section .social, .const-cb-content-container .social, .search-results-container .social {
            width: 100%;
        }
    }

    .cb-content-section .social > li, .const-cb-content-container .social > li, .search-results-container .social > li {
        display: inline-block;
        list-style: none;
    }

        .cb-content-section .social > li:first-child, .const-cb-content-container .social > li:first-child, .search-results-container .social > li:first-child {
            margin-left: 0;
        }

    @media (max-width: 599px) {
        .cb-content-section .social > li, .const-cb-content-container .social > li, .search-results-container .social > li {
            margin-left: 3px;
        }
    }

    .cb-content-section .social > li > a, .const-cb-content-container .social > li > a, .search-results-container .social > li > a {
        border: 2px solid #5b5b5b;
        border-radius: 50%;
        color: #5b5b5b;
        font-size: 1.25em;
        margin: 0;
        padding: .5em;
        text-align: center;
        text-decoration: none !important;
        width: 45px;
    }

    @media (max-width: 599px) {
        .cb-content-section .social > li > a, .const-cb-content-container .social > li > a, .search-results-container .social > li > a {
            font-size: 1em;
            padding: .75em;
        }
    }

    .cb-content-section .social > li > a:hover, .const-cb-content-container .social > li > a:hover, .search-results-container .social > li > a:hover {
        color: #5f97cd;
    }

    .cb-content-section > form label, .const-cb-content-container > form label, .search-results-container > form label {
        clear: left;
        display: block;
    }

    .cb-content-section > p, .const-cb-content-container > p, .search-results-container > p, .cb-content-section > ul, .const-cb-content-container > ul, .search-results-container > ul, .cb-content-section > ol, .const-cb-content-container > ol, .search-results-container > ol, .cb-content-section > .btn-wrapper, .const-cb-content-container > .btn-wrapper, .search-results-container > .btn-wrapper, .cb-content-section > .medium-width, .const-cb-content-container > .medium-width, .search-results-container > .medium-width, .cb-content-section .design_group, .const-cb-content-container .design_group, .search-results-container .design_group, .cb-content-section > form, .const-cb-content-container > form, .search-results-container > form {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        font-weight: 400 !important;
    }

    @media (max-width: 1023px) {
        .cb-content-section > p, .const-cb-content-container > p, .search-results-container > p, .cb-content-section > ul, .const-cb-content-container > ul, .search-results-container > ul, .cb-content-section > ol, .const-cb-content-container > ol, .search-results-container > ol, .cb-content-section > .btn-wrapper, .const-cb-content-container > .btn-wrapper, .search-results-container > .btn-wrapper, .cb-content-section > .medium-width, .const-cb-content-container > .medium-width, .search-results-container > .medium-width, .cb-content-section .design_group, .const-cb-content-container .design_group, .search-results-container .design_group, .cb-content-section > form, .const-cb-content-container > form, .search-results-container > form {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 1024px) {
        .cb-content-section > p, .const-cb-content-container > p, .search-results-container > p, .cb-content-section > ul, .const-cb-content-container > ul, .search-results-container > ul, .cb-content-section > ol, .const-cb-content-container > ol, .search-results-container > ol, .cb-content-section > .btn-wrapper, .const-cb-content-container > .btn-wrapper, .search-results-container > .btn-wrapper, .cb-content-section > .medium-width, .const-cb-content-container > .medium-width, .search-results-container > .medium-width, .cb-content-section .design_group, .const-cb-content-container .design_group, .search-results-container .design_group, .cb-content-section > form, .const-cb-content-container > form, .search-results-container > form {
            width: 100%;
        }
    }

    .cb-content-section .accordion-item h3, .const-cb-content-container .accordion-item h3, .search-results-container .accordion-item h3 {
        color: #007568;
        font-weight: 600;
        float: none;
    }

    .cb-content-section .accordion-item table, .const-cb-content-container .accordion-item table, .search-results-container .accordion-item table {
        margin-top: 1rem;
    }

    .cb-content-section .accordion-item th[scope='col'], .const-cb-content-container .accordion-item th[scope='col'], .search-results-container .accordion-item th[scope='col'] {
        background: #bfd5eb;
        border: thin #757575 solid;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: normal;
        height: 40px;
        padding: 1%;
        text-align: left;
        vertical-align: top;
    }

    .cb-content-section .accordion-item td, .const-cb-content-container .accordion-item td, .search-results-container .accordion-item td {
        border: thin #757575 solid;
        box-sizing: border-box;
        font-size: small;
        font-weight: normal;
        padding: 1%;
        text-align: left;
        vertical-align: top;
    }

    .cb-content-section .accordion-item > .accordion-content > div > table > caption > h3, .const-cb-content-container .accordion-item > .accordion-content > div > table > caption > h3, .search-results-container .accordion-item > .accordion-content > div > table > caption > h3, .cb-content-section .accordion-item > .accordion-content > div > table > h3, .const-cb-content-container .accordion-item > .accordion-content > div > table > h3, .search-results-container .accordion-item > .accordion-content > div > table > h3 {
        margin: 2em auto .5em;
        float: none;
    }

    @media (max-width: 1023px) {
        .cb-content-section .accordion-item > .accordion-content > div > table > caption > h3, .const-cb-content-container .accordion-item > .accordion-content > div > table > caption > h3, .search-results-container .accordion-item > .accordion-content > div > table > caption > h3, .cb-content-section .accordion-item > .accordion-content > div > table > h3, .const-cb-content-container .accordion-item > .accordion-content > div > table > h3, .search-results-container .accordion-item > .accordion-content > div > table > h3 {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section .accordion-item > .accordion-content > div > table > caption > h3, .const-cb-content-container .accordion-item > .accordion-content > div > table > caption > h3, .search-results-container .accordion-item > .accordion-content > div > table > caption > h3, .cb-content-section .accordion-item > .accordion-content > div > table > h3, .const-cb-content-container .accordion-item > .accordion-content > div > table > h3, .search-results-container .accordion-item > .accordion-content > div > table > h3 {
            width: 100%;
        }
    }

    .cb-content-section > form > #request > ul, .const-cb-content-container > form > #request > ul, .search-results-container > form > #request > ul, .cb-content-section > form > div > ul, .const-cb-content-container > form > div > ul, .search-results-container > form > div > ul {
        margin-left: 1em;
    }

    .cb-content-section > p, .const-cb-content-container > p, .search-results-container > p {
        margin-top: 1em;
        color: #5b5b5b;
    }

        .cb-content-section > p:first-of-type, .const-cb-content-container > p:first-of-type, .search-results-container > p:first-of-type, .cb-content-section > p:first-child, .const-cb-content-container > p:first-child, .search-results-container > p:first-child {
            margin-top: 0;
        }

        .cb-content-section > p > a, .const-cb-content-container > p > a, .search-results-container > p > a {
            text-decoration: underline;
            margin-top: 0;
        }

        .cb-content-section > p > .btn, .const-cb-content-container > p > .btn, .search-results-container > p > .btn, .cb-content-section > p > button[type="button"], .const-cb-content-container > p > button[type="button"], .search-results-container > p > button[type="button"], .cb-content-section > p > button[type="reset"], .const-cb-content-container > p > button[type="reset"], .search-results-container > p > button[type="reset"], .cb-content-section > p > button[type="submit"], .const-cb-content-container > p > button[type="submit"], .search-results-container > p > button[type="submit"], .cb-content-section > p > input[type="button"], .const-cb-content-container > p > input[type="button"], .search-results-container > p > input[type="button"], .cb-content-section > p > input[type="reset"], .const-cb-content-container > p > input[type="reset"], .search-results-container > p > input[type="reset"], .cb-content-section > p > input[type="submit"], .const-cb-content-container > p > input[type="submit"], .search-results-container > p > input[type="submit"] {
            text-decoration: none !important;
            color: white !important;
        }

            .cb-content-section > p > .btn:hover, .const-cb-content-container > p > .btn:hover, .search-results-container > p > .btn:hover, .cb-content-section > p > button[type="button"]:hover, .const-cb-content-container > p > button[type="button"]:hover, .search-results-container > p > button[type="button"]:hover, .cb-content-section > p > button[type="reset"]:hover, .const-cb-content-container > p > button[type="reset"]:hover, .search-results-container > p > button[type="reset"]:hover, .cb-content-section > p > button[type="submit"]:hover, .const-cb-content-container > p > button[type="submit"]:hover, .search-results-container > p > button[type="submit"]:hover, .cb-content-section > p > input[type="button"]:hover, .const-cb-content-container > p > input[type="button"]:hover, .search-results-container > p > input[type="button"]:hover, .cb-content-section > p > input[type="reset"]:hover, .const-cb-content-container > p > input[type="reset"]:hover, .search-results-container > p > input[type="reset"]:hover, .cb-content-section > p > input[type="submit"]:hover, .const-cb-content-container > p > input[type="submit"]:hover, .search-results-container > p > input[type="submit"]:hover {
                color: white !important;
            }

            .cb-content-section > p > .btn.primary-cta:focus, .const-cb-content-container > p > .btn.primary-cta:focus, .search-results-container > p > .btn.primary-cta:focus, .cb-content-section > p > button.primary-cta[type="button"]:focus, .const-cb-content-container > p > button.primary-cta[type="button"]:focus, .search-results-container > p > button.primary-cta[type="button"]:focus, .cb-content-section > p > button.primary-cta[type="reset"]:focus, .const-cb-content-container > p > button.primary-cta[type="reset"]:focus, .search-results-container > p > button.primary-cta[type="reset"]:focus, .cb-content-section > p > button.primary-cta[type="submit"]:focus, .const-cb-content-container > p > button.primary-cta[type="submit"]:focus, .search-results-container > p > button.primary-cta[type="submit"]:focus, .cb-content-section > p > input.primary-cta[type="button"]:focus, .const-cb-content-container > p > input.primary-cta[type="button"]:focus, .search-results-container > p > input.primary-cta[type="button"]:focus, .cb-content-section > p > input.primary-cta[type="reset"]:focus, .const-cb-content-container > p > input.primary-cta[type="reset"]:focus, .search-results-container > p > input.primary-cta[type="reset"]:focus, .cb-content-section > p > input.primary-cta[type="submit"]:focus, .const-cb-content-container > p > input.primary-cta[type="submit"]:focus, .search-results-container > p > input.primary-cta[type="submit"]:focus {
                background: #273e6c;
            }

    .cb-content-section > h1, .const-cb-content-container > h1, .search-results-container > h1, .cb-content-section > h2, .const-cb-content-container > h2, .search-results-container > h2, .cb-content-section > h3, .const-cb-content-container > h3, .search-results-container > h3, .cb-content-section > h4, .const-cb-content-container > h4, .search-results-container > h4, .cb-content-section > h5, .const-cb-content-container > h5, .search-results-container > h5, .cb-content-section > h6, .const-cb-content-container > h6, .search-results-container > h6 {
        width: 80%;
        margin: 2em auto .5em;
        float: none;
    }

    @media (max-width: 1023px) {
        .cb-content-section > h1, .const-cb-content-container > h1, .search-results-container > h1, .cb-content-section > h2, .const-cb-content-container > h2, .search-results-container > h2, .cb-content-section > h3, .const-cb-content-container > h3, .search-results-container > h3, .cb-content-section > h4, .const-cb-content-container > h4, .search-results-container > h4, .cb-content-section > h5, .const-cb-content-container > h5, .search-results-container > h5, .cb-content-section > h6, .const-cb-content-container > h6, .search-results-container > h6 {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section > h1, .const-cb-content-container > h1, .search-results-container > h1, .cb-content-section > h2, .const-cb-content-container > h2, .search-results-container > h2, .cb-content-section > h3, .const-cb-content-container > h3, .search-results-container > h3, .cb-content-section > h4, .const-cb-content-container > h4, .search-results-container > h4, .cb-content-section > h5, .const-cb-content-container > h5, .search-results-container > h5, .cb-content-section > h6, .const-cb-content-container > h6, .search-results-container > h6 {
            width: 100%;
        }
    }

    .cb-content-section h3, .const-cb-content-container h3, .search-results-container h3 {
        color: #007568;
        font-weight: 600;
    }

    .cb-content-section > form > h1, .const-cb-content-container > form > h1, .search-results-container > form > h1, .cb-content-section > form > h2, .const-cb-content-container > form > h2, .search-results-container > form > h2, .cb-content-section > form > h3, .const-cb-content-container > form > h3, .search-results-container > form > h3, .cb-content-section > form > h4, .const-cb-content-container > form > h4, .search-results-container > form > h4, .cb-content-section > form > h5, .const-cb-content-container > form > h5, .search-results-container > form > h5, .cb-content-section > form > h6, .const-cb-content-container > form > h6, .search-results-container > form > h6 {
        margin: 2em auto .5em;
        float: none;
    }

    @media (max-width: 1023px) {
        .cb-content-section > form > h1, .const-cb-content-container > form > h1, .search-results-container > form > h1, .cb-content-section > form > h2, .const-cb-content-container > form > h2, .search-results-container > form > h2, .cb-content-section > form > h3, .const-cb-content-container > form > h3, .search-results-container > form > h3, .cb-content-section > form > h4, .const-cb-content-container > form > h4, .search-results-container > form > h4, .cb-content-section > form > h5, .const-cb-content-container > form > h5, .search-results-container > form > h5, .cb-content-section > form > h6, .const-cb-content-container > form > h6, .search-results-container > form > h6 {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section > form > h1, .const-cb-content-container > form > h1, .search-results-container > form > h1, .cb-content-section > form > h2, .const-cb-content-container > form > h2, .search-results-container > form > h2, .cb-content-section > form > h3, .const-cb-content-container > form > h3, .search-results-container > form > h3, .cb-content-section > form > h4, .const-cb-content-container > form > h4, .search-results-container > form > h4, .cb-content-section > form > h5, .const-cb-content-container > form > h5, .search-results-container > form > h5, .cb-content-section > form > h6, .const-cb-content-container > form > h6, .search-results-container > form > h6 {
            width: 100%;
        }
    }

    .cb-content-section > form > div > h1, .const-cb-content-container > form > div > h1, .search-results-container > form > div > h1, .cb-content-section > form > div > h2, .const-cb-content-container > form > div > h2, .search-results-container > form > div > h2, .cb-content-section > form > div > h3, .const-cb-content-container > form > div > h3, .search-results-container > form > div > h3, .cb-content-section > form > div > h4, .const-cb-content-container > form > div > h4, .search-results-container > form > div > h4, .cb-content-section > form > div > h5, .const-cb-content-container > form > div > h5, .search-results-container > form > div > h5, .cb-content-section > form > div > h6, .const-cb-content-container > form > div > h6, .search-results-container > form > div > h6 {
        margin: 2em auto .5em;
        float: none;
    }

    @media (max-width: 1023px) {
        .cb-content-section > form > div > h1, .const-cb-content-container > form > div > h1, .search-results-container > form > div > h1, .cb-content-section > form > div > h2, .const-cb-content-container > form > div > h2, .search-results-container > form > div > h2, .cb-content-section > form > div > h3, .const-cb-content-container > form > div > h3, .search-results-container > form > div > h3, .cb-content-section > form > div > h4, .const-cb-content-container > form > div > h4, .search-results-container > form > div > h4, .cb-content-section > form > div > h5, .const-cb-content-container > form > div > h5, .search-results-container > form > div > h5, .cb-content-section > form > div > h6, .const-cb-content-container > form > div > h6, .search-results-container > form > div > h6 {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section > form > div > h1, .const-cb-content-container > form > div > h1, .search-results-container > form > div > h1, .cb-content-section > form > div > h2, .const-cb-content-container > form > div > h2, .search-results-container > form > div > h2, .cb-content-section > form > div > h3, .const-cb-content-container > form > div > h3, .search-results-container > form > div > h3, .cb-content-section > form > div > h4, .const-cb-content-container > form > div > h4, .search-results-container > form > div > h4, .cb-content-section > form > div > h5, .const-cb-content-container > form > div > h5, .search-results-container > form > div > h5, .cb-content-section > form > div > h6, .const-cb-content-container > form > div > h6, .search-results-container > form > div > h6 {
            width: 100%;
        }
    }

    .cb-content-section > form > h3, .const-cb-content-container > form > h3, .search-results-container > form > h3 {
        color: #007568;
        font-weight: 600;
    }

    .cb-content-section > form > h2 + h3, .const-cb-content-container > form > h2 + h3, .search-results-container > form > h2 + h3 {
        margin-top: 0;
    }

    .cb-content-section > form > div h3, .const-cb-content-container > form > div h3, .search-results-container > form > div h3 {
        color: #007568;
        font-weight: 600;
    }

    .cb-content-section > form > div > h2 + h3, .const-cb-content-container > form > div > h2 + h3, .search-results-container > form > div > h2 + h3 {
        margin-top: 0;
    }

    .cb-content-section > .btn-wrapper.btn-right, .const-cb-content-container > .btn-wrapper.btn-right, .search-results-container > .btn-wrapper.btn-right {
        text-align: right;
    }

    .cb-content-section > h2, .const-cb-content-container > h2, .search-results-container > h2 {
        font-size: 2.3px;
        font-size: 2.3rem;
        float: none;
        clear: both;
    }

        .cb-content-section > h2 + img, .const-cb-content-container > h2 + img, .search-results-container > h2 + img {
            margin-top: 0;
        }

        .cb-content-section > h2 > img, .const-cb-content-container > h2 > img, .search-results-container > h2 > img {
            margin: 0 1em;
        }

        .cb-content-section > h2 + h3, .const-cb-content-container > h2 + h3, .search-results-container > h2 + h3 {
            margin-top: 0;
        }

    .cb-content-section > h3, .const-cb-content-container > h3, .search-results-container > h3 {
        color: #007568;
        font-weight: 600;
    }

    .cb-content-section > ul, .const-cb-content-container > ul, .search-results-container > ul, .cb-content-section > ol, .const-cb-content-container > ol, .search-results-container > ol {
        margin-bottom: 1em;
    }

        .cb-content-section > ul:last-of-type, .const-cb-content-container > ul:last-of-type, .search-results-container > ul:last-of-type, .cb-content-section > ul:last-child, .const-cb-content-container > ul:last-child, .search-results-container > ul:last-child, .cb-content-section > ol:last-of-type, .const-cb-content-container > ol:last-of-type, .search-results-container > ol:last-of-type, .cb-content-section > ol:last-child, .const-cb-content-container > ol:last-child, .search-results-container > ol:last-child {
            margin-bottom: 0;
        }

        .cb-content-section > ul li, .const-cb-content-container > ul li, .search-results-container > ul li, .cb-content-section > ol li, .const-cb-content-container > ol li, .search-results-container > ol li {
            margin-left: 1em;
            font-size: 15px;
            font-weight: 400;
            margin-top: 1em;
        }

            .cb-content-section > ul li:first-of-type, .const-cb-content-container > ul li:first-of-type, .search-results-container > ul li:first-of-type, .cb-content-section > ul li:first-child, .const-cb-content-container > ul li:first-child, .search-results-container > ul li:first-child, .cb-content-section > ol li:first-of-type, .const-cb-content-container > ol li:first-of-type, .search-results-container > ol li:first-of-type, .cb-content-section > ol li:first-child, .const-cb-content-container > ol li:first-child, .search-results-container > ol li:first-child {
                margin-top: 0;
            }

            .cb-content-section > ul li p, .const-cb-content-container > ul li p, .search-results-container > ul li p, .cb-content-section > ul li a, .const-cb-content-container > ul li a, .search-results-container > ul li a, .cb-content-section > ol li p, .const-cb-content-container > ol li p, .search-results-container > ol li p, .cb-content-section > ol li a, .const-cb-content-container > ol li a, .search-results-container > ol li a {
                font-size: 15px;
                font-weight: 400;
            }

        .cb-content-section > ul ul, .const-cb-content-container > ul ul, .search-results-container > ul ul, .cb-content-section > ol ul, .const-cb-content-container > ol ul, .search-results-container > ol ul {
            margin-left: .5em;
        }

            .cb-content-section > ul ul li, .const-cb-content-container > ul ul li, .search-results-container > ul ul li, .cb-content-section > ol ul li, .const-cb-content-container > ol ul li, .search-results-container > ol ul li {
                list-style-type: circle;
            }

        .cb-content-section > ul ol, .const-cb-content-container > ul ol, .search-results-container > ul ol, .cb-content-section > ol ol, .const-cb-content-container > ol ol, .search-results-container > ol ol {
            margin-left: .5em;
        }

            .cb-content-section > ul ol li, .const-cb-content-container > ul ol li, .search-results-container > ul ol li, .cb-content-section > ol ol li, .const-cb-content-container > ol ol li, .search-results-container > ol ol li {
                list-style-type: lower-roman;
            }

    @media (max-width: 599px) {
        .cb-content-section > ul li > ul, .const-cb-content-container > ul li > ul, .search-results-container > ul li > ul, .cb-content-section > ul li > ol, .const-cb-content-container > ul li > ol, .search-results-container > ul li > ol, .cb-content-section > ol li > ul, .const-cb-content-container > ol li > ul, .search-results-container > ol li > ul, .cb-content-section > ol li > ol, .const-cb-content-container > ol li > ol, .search-results-container > ol li > ol {
            width: 96%;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section > ul, .const-cb-content-container > ul, .search-results-container > ul {
            width: 94%;
        }

            .cb-content-section > ul > li > a, .const-cb-content-container > ul > li > a, .search-results-container > ul > li > a {
                text-decoration: underline;
            }

            .cb-content-section > ul > li > ul, .const-cb-content-container > ul > li > ul, .search-results-container > ul > li > ul {
                width: 86%;
            }
    }

    .cb-content-section > p, .const-cb-content-container > p, .search-results-container > p {
        margin-bottom: 1em;
        font-size: 15px;
    }

    .cb-content-section > p, .const-cb-content-container > p, .search-results-container > p, .cb-content-section > ul, .const-cb-content-container > ul, .search-results-container > ul, .cb-content-section > ol, .const-cb-content-container > ol, .search-results-container > ol, .cb-content-section > ul li, .const-cb-content-container > ul li, .search-results-container > ul li, .cb-content-section > ol li, .const-cb-content-container > ol li, .search-results-container > ol li {
        font-size: 15px;
        font-weight: 400;
    }

    .cb-content-section table, .const-cb-content-container table, .search-results-container table {
        font-family: "lato", Helvetica, Arial, sans-serif;
        margin-bottom: 1em;
    }

        .cb-content-section table td, .const-cb-content-container table td, .search-results-container table td {
            padding: 1% 1%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .cb-content-section table td a, .const-cb-content-container table td a, .search-results-container table td a {
                text-decoration: underline !important;
            }

    .cb-content-section > #CareersOracleOutage, .const-cb-content-container > #CareersOracleOutage, .search-results-container > #CareersOracleOutage {
        width: 100%;
    }

        .cb-content-section > #CareersOracleOutage > p, .const-cb-content-container > #CareersOracleOutage > p, .search-results-container > #CareersOracleOutage > p, .cb-content-section > #CareersOracleOutage > ul, .const-cb-content-container > #CareersOracleOutage > ul, .search-results-container > #CareersOracleOutage > ul, .cb-content-section > #CareersOracleOutage > ol, .const-cb-content-container > #CareersOracleOutage > ol, .search-results-container > #CareersOracleOutage > ol, .cb-content-section > #CareersOracleOutage > .btn-wrapper, .const-cb-content-container > #CareersOracleOutage > .btn-wrapper, .search-results-container > #CareersOracleOutage > .btn-wrapper, .cb-content-section > #CareersOracleOutage > .medium-width, .const-cb-content-container > #CareersOracleOutage > .medium-width, .search-results-container > #CareersOracleOutage > .medium-width, .cb-content-section > #CareersOracleOutage > .design_group, .const-cb-content-container > #CareersOracleOutage > .design_group, .search-results-container > #CareersOracleOutage > .design_group {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            font-weight: 400 !important;
        }

    @media (max-width: 1023px) {
        .cb-content-section > #CareersOracleOutage > p, .const-cb-content-container > #CareersOracleOutage > p, .search-results-container > #CareersOracleOutage > p, .cb-content-section > #CareersOracleOutage > ul, .const-cb-content-container > #CareersOracleOutage > ul, .search-results-container > #CareersOracleOutage > ul, .cb-content-section > #CareersOracleOutage > ol, .const-cb-content-container > #CareersOracleOutage > ol, .search-results-container > #CareersOracleOutage > ol, .cb-content-section > #CareersOracleOutage > .btn-wrapper, .const-cb-content-container > #CareersOracleOutage > .btn-wrapper, .search-results-container > #CareersOracleOutage > .btn-wrapper, .cb-content-section > #CareersOracleOutage > .medium-width, .const-cb-content-container > #CareersOracleOutage > .medium-width, .search-results-container > #CareersOracleOutage > .medium-width, .cb-content-section > #CareersOracleOutage > .design_group, .const-cb-content-container > #CareersOracleOutage > .design_group, .search-results-container > #CareersOracleOutage > .design_group {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section > #CareersOracleOutage > p, .const-cb-content-container > #CareersOracleOutage > p, .search-results-container > #CareersOracleOutage > p, .cb-content-section > #CareersOracleOutage > ul, .const-cb-content-container > #CareersOracleOutage > ul, .search-results-container > #CareersOracleOutage > ul, .cb-content-section > #CareersOracleOutage > ol, .const-cb-content-container > #CareersOracleOutage > ol, .search-results-container > #CareersOracleOutage > ol, .cb-content-section > #CareersOracleOutage > .btn-wrapper, .const-cb-content-container > #CareersOracleOutage > .btn-wrapper, .search-results-container > #CareersOracleOutage > .btn-wrapper, .cb-content-section > #CareersOracleOutage > .medium-width, .const-cb-content-container > #CareersOracleOutage > .medium-width, .search-results-container > #CareersOracleOutage > .medium-width, .cb-content-section > #CareersOracleOutage > .design_group, .const-cb-content-container > #CareersOracleOutage > .design_group, .search-results-container > #CareersOracleOutage > .design_group {
            width: 100%;
        }
    }

    .cb-content-section > #CareersOracleOutage > h1, .const-cb-content-container > #CareersOracleOutage > h1, .search-results-container > #CareersOracleOutage > h1, .cb-content-section > #CareersOracleOutage > h2, .const-cb-content-container > #CareersOracleOutage > h2, .search-results-container > #CareersOracleOutage > h2, .cb-content-section > #CareersOracleOutage > h3, .const-cb-content-container > #CareersOracleOutage > h3, .search-results-container > #CareersOracleOutage > h3, .cb-content-section > #CareersOracleOutage > h4, .const-cb-content-container > #CareersOracleOutage > h4, .search-results-container > #CareersOracleOutage > h4, .cb-content-section > #CareersOracleOutage > h5, .const-cb-content-container > #CareersOracleOutage > h5, .search-results-container > #CareersOracleOutage > h5, .cb-content-section > #CareersOracleOutage > h6, .const-cb-content-container > #CareersOracleOutage > h6, .search-results-container > #CareersOracleOutage > h6 {
        width: 80%;
        margin: 1.5em auto .5em;
        float: none;
    }

    @media (max-width: 1023px) {
        .cb-content-section > #CareersOracleOutage > h1, .const-cb-content-container > #CareersOracleOutage > h1, .search-results-container > #CareersOracleOutage > h1, .cb-content-section > #CareersOracleOutage > h2, .const-cb-content-container > #CareersOracleOutage > h2, .search-results-container > #CareersOracleOutage > h2, .cb-content-section > #CareersOracleOutage > h3, .const-cb-content-container > #CareersOracleOutage > h3, .search-results-container > #CareersOracleOutage > h3, .cb-content-section > #CareersOracleOutage > h4, .const-cb-content-container > #CareersOracleOutage > h4, .search-results-container > #CareersOracleOutage > h4, .cb-content-section > #CareersOracleOutage > h5, .const-cb-content-container > #CareersOracleOutage > h5, .search-results-container > #CareersOracleOutage > h5, .cb-content-section > #CareersOracleOutage > h6, .const-cb-content-container > #CareersOracleOutage > h6, .search-results-container > #CareersOracleOutage > h6 {
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cb-content-section > #CareersOracleOutage > h1, .const-cb-content-container > #CareersOracleOutage > h1, .search-results-container > #CareersOracleOutage > h1, .cb-content-section > #CareersOracleOutage > h2, .const-cb-content-container > #CareersOracleOutage > h2, .search-results-container > #CareersOracleOutage > h2, .cb-content-section > #CareersOracleOutage > h3, .const-cb-content-container > #CareersOracleOutage > h3, .search-results-container > #CareersOracleOutage > h3, .cb-content-section > #CareersOracleOutage > h4, .const-cb-content-container > #CareersOracleOutage > h4, .search-results-container > #CareersOracleOutage > h4, .cb-content-section > #CareersOracleOutage > h5, .const-cb-content-container > #CareersOracleOutage > h5, .search-results-container > #CareersOracleOutage > h5, .cb-content-section > #CareersOracleOutage > h6, .const-cb-content-container > #CareersOracleOutage > h6, .search-results-container > #CareersOracleOutage > h6 {
            width: 100%;
        }
    }

    .cms-image {
        margin: 3em 0;
    }

        .cms-image > .xl {
            margin-top: 0;
        }

    .cms-sidebar {
        width: 30%;
        min-width: 200px;
        float: right;
    }

    @media (min-width: 1200px) {
        .cms-sidebar {
            min-width: 200px;
        }
    }

    @media (max-width: 1023px) {
        .cms-sidebar {
            width: 100%;
            margin-top: 3em;
        }
    }

    @media (max-width: 599px) {
        .cms-sidebar {
            width: 100%;
            min-width: 100%;
        }
    }

    .cms-ad-wrapper {
        width: 100%;
        margin-bottom: 3em;
        float: left;
    }

    @media (max-width: 1023px) {
        .cms-ad-wrapper {
            width: 100%;
        }

            .cms-ad-wrapper:first-of-type {
                margin-left: 0;
            }

            .cms-ad-wrapper:nth-child(3) {
                margin-left: 0;
            }

            .cms-ad-wrapper:last-child {
                margin-right: 0;
            }
    }

    @media (max-width: 599px) {
        .cms-ad-wrapper {
            width: 100%;
            margin: 1em 0;
        }

            .cms-ad-wrapper:first-child {
                margin-top: 0;
            }
    }

    .cms-ad-wrapper .cms-ad-title {
        background: #cf4a0c url("/cdn/images/cms/ad-headers/ad-header-orange.jpg") no-repeat 0 0;
        background-size: cover;
        color: white;
        font-size: small;
        width: 100%;
        padding: .25em 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .cms-ad-wrapper .cms-ad-title {
            background-repeat: round;
        }
    }

    .cms-ad-wrapper .cms-ad-title.blue-header {
        background-color: #4c79a4;
        background-image: url("/cdn/images/cms/ad-headers/ad-header-blue.jpg");
    }

    .cms-ad-wrapper .cms-ad-title.grey-header {
        background-color: #5b5b5b;
        background-image: url("/cdn/images/cms/ad-headers/ad-header-grey.jpg");
    }

    .cms-ad-wrapper .cms-ad-title.orange-header {
        background-color: #cf4a0c;
        background-image: url("/cdn/images/cms/ad-headers/ad-header-orange.jpg");
    }

    .cms-ad-wrapper .cms-ad-title.teal-header {
        background-color: #256bb4;
        background-image: url("/cdn/images/cms/ad-headers/ad-header-teal.jpg");
    }

    .cms-ad-wrapper .cms-ad-title p {
        line-height: 18px;
        margin: 0;
        padding: .5em 1em;
    }

    .cms-ad-wrapper .cms-ad-title br {
        display: none;
    }

    .cms-ad-wrapper .ad-title-field {
        display: none;
    }

    .cms-ad-wrapper .cms-intercept-wrapper {
        float: left;
        width: 100%;
        height: 140px;
        overflow: hidden;
    }

    @media (min-width: 1200px) {
        .cms-ad-wrapper .cms-intercept-wrapper {
            height: 190px;
        }
    }

    @media (max-width: 1023px) {
        .cms-ad-wrapper .cms-intercept-wrapper {
            height: 410px;
        }
    }

    @media (max-width: 599px) {
        .cms-ad-wrapper .cms-intercept-wrapper {
            height: 157px;
        }
    }

    .cms-ad-wrapper .cms-intercept-wrapper .intercept-ad, .cms-ad-wrapper .cms-intercept-wrapper .ad-image-path {
        background-size: 100%;
        background-repeat: no-repeat !important;
        background-position: 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-size: 100% !important;
        float: left;
        width: 100%;
        height: 100%;
    }

    @media (max-width: 599px) {
        .cms-ad-wrapper .cms-intercept-wrapper .intercept-ad, .cms-ad-wrapper .cms-intercept-wrapper .ad-image-path {
            background-position: 27% 0 !important;
        }
    }

    .cms-ad-wrapper .cms-blockquote {
        margin-top: 1em;
        float: left;
    }

        .cms-ad-wrapper .cms-blockquote > p {
            font-size: .8em;
        }

    .cms-related-links-wrapper {
        margin: 0 0;
        float: left;
        width: 100%;
    }

    @media (max-width: 1023px) {
        .cms-related-links-wrapper {
            margin-top: 1em;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .cms-related-links-wrapper {
            margin-bottom: 1em;
        }
    }

    .cms-related-links-wrapper .cms-related-links-h3, .cms-related-links-wrapper .cms-related-links-h2 {
        border-bottom: thin solid #5b5b5b;
        font-size: 1.6rem;
        text-transform: uppercase;
        width: 100%;
        padding-bottom: .5em;
        margin: 0 0 1em 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cms-related-links-wrapper .cms-related-list li {
        border-bottom: thin solid gray;
        list-style-type: none;
        margin-top: 1em;
        padding: 1em 0;
        position: relative;
    }

    @media (max-width: 599px) {
        .cms-related-links-wrapper .cms-related-list li:last-child {
            border-bottom: 0;
        }
    }

    .cms-related-links-wrapper .cms-related-list li > a {
        display: inline-block;
        margin-bottom: .5em;
        text-decoration: underline;
    }

    .cms-related-links-wrapper .cms-related-list li > p {
        font-size: small;
    }

        .cms-related-links-wrapper .cms-related-list li > p.truncate-multi-line2 {
            display: block;
            /* Fallback for non-webkit */
            display: -webkit-box;
            height: 109.2px;
            /* Fallback for non-webkit */
            margin: 0 auto;
            font-size: 26px;
            line-height: 1.4;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    table.cms-table {
        border: thin solid #4c79a4;
        min-width: 720px;
        border-top: 0;
        margin: 2em 0;
    }

        table.cms-table .thead-cms-table {
            background: #4c79a4;
            height: auto;
            padding: .9em 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            table.cms-table .thead-cms-table tr {
                display: table;
                padding: 0;
                width: 100%;
            }

                table.cms-table .thead-cms-table tr th {
                    font-size: medium;
                    font-weight: 500;
                    color: white;
                    width: 100%;
                }

        table.cms-table .sub-header-cms-table tr th {
            font-size: small;
            font-weight: 600;
            color: #5b5b5b;
            padding: .9em 1%;
            width: 130px;
        }

            table.cms-table .sub-header-cms-table tr th.review-type-col {
                width: 200px;
            }

            table.cms-table .sub-header-cms-table tr th.approved-flag-col {
                width: 200px;
            }

            table.cms-table .sub-header-cms-table tr th.review-col {
                width: 200px;
            }

            table.cms-table .sub-header-cms-table tr th.plan-email-col {
                width: 200px;
            }

        table.cms-table .tbody-cms-table tr {
            border-top: thin solid #4c79a4;
            float: left;
            width: 100%;
        }

            table.cms-table .tbody-cms-table tr:nth-child(even) {
                background: #f4f4f4;
            }

            table.cms-table .tbody-cms-table tr td {
                border-right: thin solid #4c79a4;
                padding: 1% 1%;
                font-size: small;
                width: 130px;
                min-height: 1px;
                font-weight: 300;
                color: #5b5b5b;
            }

                table.cms-table .tbody-cms-table tr td:first-child {
                    padding-left: 2%;
                    white-space: normal;
                }

                table.cms-table .tbody-cms-table tr td:last-child {
                    border: 0;
                }

                table.cms-table .tbody-cms-table tr td.review-type-col {
                    width: 200px;
                }

                table.cms-table .tbody-cms-table tr td.approved-flag-col {
                    width: 200px;
                }

                table.cms-table .tbody-cms-table tr td.review-col {
                    width: 200px;
                }

                table.cms-table .tbody-cms-table tr td.plan-email-col {
                    width: 200px;
                }

    .text-wrap-left, .text-wrap-right {
        float: left;
        clear: both;
        margin: 0 2em 1em 0;
    }

    @media (max-width: 599px) {
        .text-wrap-left, .text-wrap-right {
            width: 100%;
        }
    }

    .text-wrap-right {
        float: right;
        margin: 0 0 1em 1em;
    }

    .profile {
        border-bottom: 1px solid #dedede;
        display: inline-block;
        padding-bottom: 2em;
        margin-bottom: 2em;
    }

    .rates .empty-cell {
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-top: 0 !important;
    }

    .rates .border-bottom {
        border-bottom: thin #757575 solid !important;
    }

    .rates .border-right {
        border-right: thin #757575 solid !important;
    }

    .rates .full-width-table-header {
        width: 100% !important;
        text-align: left !important;
        background-color: #e4e4e4 !important;
        height: 40px !important;
    }

    .rates table.cms-table {
        min-width: 696px;
        margin: 0;
        border: 0;
    }

    .rates .two-col-table {
        width: 100%;
        display: block;
    }

        .rates .two-col-table tr {
            width: 50%;
            display: inline-block;
            float: left;
        }

    @media (max-width: 599px) {
        .rates .two-col-table tr {
            width: 100%;
        }
    }

    .rates .two-col-table th, .rates .two-col-table td {
        width: 100%;
        float: left;
    }

    .rates .two-col-table td {
        height: 150px;
    }

    .rates .three-col-table th, .rates .three-col-table td {
        width: 33.3%;
        float: left;
    }

    @media (max-width: 599px) {
        .rates .three-col-table th {
            height: 80px;
        }
    }

    .rates .three-col-table th[scope="row"], .rates .three-col-table td {
        height: 130px;
    }

    .rates .four-col-table th, .rates .four-col-table td {
        width: 25%;
    }

    .rates .four-col-table th {
        height: 60px;
    }

    @media (max-width: 599px) {
        .rates .four-col-table th {
            height: 75px;
        }
    }

    .rates .five-col-table tr {
        width: 20%;
        display: block;
        float: left;
    }

    .rates .four-col-table td {
        height: 40px;
    }

    .rates .four-col-table th[scope='row'] {
        height: 40px;
    }

    .rates .five-col-table tr {
        width: 20%;
    }

    @media (max-width: 599px) {
        .rates .five-col-table tr {
            width: 100%;
        }
    }

    .rates .five-col-table th, .rates .five-col-table td {
        width: 100%;
        height: 50px;
        float: left;
    }

    @media (max-width: 599px) {
        .rates .five-col-table th, .rates .five-col-table td {
            width: 50%;
        }
    }

    .rates .six-col-table th, .rates .six-col-table td {
        width: 16.66%;
        height: 55px;
        float: left;
    }

        .rates .six-col-table th[scope='col'] {
            height: 75px;
        }

    .rates h4 {
        margin-bottom: 0.5em;
    }

    @media (max-width: 599px) {
        .rates h4 {
            font-size: medium;
        }
    }

    .rates .accordion-content {
        width: 100%;
    }

    .rates table {
        margin-bottom: 2em;
        border-collapse: collapse;
    }

    @media (max-width: 599px) {
        .rates table {
            margin-bottom: 1em;
        }
    }

    .rates table caption {
        font-size: small;
        margin-bottom: 1em;
        text-align: left;
    }

    .rates th[scope='col'], .rates th[scope='row'], .rates td {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: thin #757575 solid;
        box-sizing: border-box;
        display: inline-block;
        font-size: small;
        font-weight: normal;
        padding: 1%;
        text-align: center;
        vertical-align: middle;
    }

    .rates table th[scope='col'] {
        background: #bfd5eb;
    }

    .cmscontent > .content-section > .content-container > p, .const-content > .content-section > .content-container > p {
        width: 80%;
        margin: 0 auto;
    }

        .cmscontent > .content-section > .content-container > p:first-of-type, .const-content > .content-section > .content-container > p:first-of-type, .cmscontent > .content-section > .content-container > p:first-child, .const-content > .content-section > .content-container > p:first-child {
            margin-bottom: 2em;
        }

    .responsive-table {
        height: 100% !important;
    }

    .six-col-table-wrapper {
        min-height: 100% !important;
    }

    .group {
        width: 100%;
        border: thin solid red;
    }

        .group > .field {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }

            .group > .field.half {
                width: 48%;
                float: left;
            }

                .group > .field.half:last-child, .group > .field.half:last-of-type {
                    float: right;
                }

    @media (max-width: 599px) {
        .group > .field.half:last-child, .group > .field.half:last-of-type {
            float: left;
        }
    }

    @media (max-width: 599px) {
        .group > .field.half {
            width: 100%;
        }
    }

    .group > .field.qtr {
        width: 28%;
        float: left;
        margin-right: 8%;
    }

        .group > .field.qtr:last-child, .group > .field.qtr:last-of-type {
            float: right;
            margin-right: 0;
        }

    @media (max-width: 599px) {
        .group > .field.qtr:last-child, .group > .field.qtr:last-of-type {
            float: left;
        }
    }

    @media (max-width: 599px) {
        .group > .field.qtr {
            width: 100%;
            margin-right: 0;
        }
    }

    .group > .field label input, .group > .field label select {
        width: 100%;
    }

    .group > .field label > .design_textfield {
        border: thin solid green;
        width: 100%;
    }

    .two-col {
        display: inline-block;
        width: 40% !important;
        margin: 0 auto;
        vertical-align: top;
    }

        .two-col:last-of-type, .two-col:last-child {
            margin-left: 1em;
        }

    @media (max-width: 1023px) {
        .two-col:last-of-type, .two-col:last-child {
            margin-left: 0;
        }
    }

    @media (max-width: 599px) {
        .two-col:last-of-type, .two-col:last-child {
            margin-left: 0;
        }
    }

    @media (min-width: 1200px) {
        .two-col:first-of-type, .two-col:first-child {
            margin-left: 10% !important;
        }
    }

    @media (min-width: 1024px) and (orientation: landscape) {
        .two-col:first-of-type, .two-col:first-child {
            margin-left: 10% !important;
        }
    }

    @media (max-width: 1023px) {
        .two-col {
            width: 100% !important;
        }
    }

    @media (max-width: 599px) {
        .two-col {
            width: 100% !important;
        }
    }

    #colorbox {
        background: white !important;
        border-radius: 10px 10px;
        padding-top: 1.5em;
        text-align: center;
        z-index: 999999;
    }

    #cboxOverlay {
        background: black url("/cdn/images/overlay.png") repeat 0 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed;
    }

    .sidebar-image-wrapper > .cboxImage {
        display: block;
        width: 100%;
        height: 100%;
    }

    #cboxContent {
        border-radius: 10px;
    }

        #cboxContent img {
            max-width: 95%;
            max-height: 95%;
        }

        #cboxContent > #cboxClose {
            background: #345392;
        }

            #cboxContent > #cboxClose:hover, #cboxContent > #cboxClose:focus {
                background-color: #273e6c;
            }

    label input[type="radio"] ~ em,
    label input[type="checkbox"] ~ em {
        font-size: 18px;
        margin-top: 0;
        margin-right: 8px;
    }

        label input[type="radio"] ~ em.fa.fa-circle-thin {
            color: #757575;
            display: inline;
        }

        label input[type="radio"] ~ em.fa.fa-check-circle {
            color: #007568;
            display: none;
        }

    label input[type="radio"]:checked ~ em.fa.fa-circle-thin {
        display: none;
    }

    label input[type="radio"]:checked ~ em.fa.fa-check-circle {
        color: #007568!important;
        display: inline;
    }

    label:hover input[type="radio"] ~ em.fa {
        color: #007568;
    }

    label input[type="checkbox"] ~ em.fa.fa-square-o {
        color: #757575;
        display: inline;
        float: left;
    }

    label input[type="checkbox"] ~ em.fa.fa-check-square {
        display: none;
    }

    label input[type="checkbox"]:checked ~ em.fa.fa-square-o {
        display: none;
    }

    label input[type="checkbox"]:checked ~ em.fa.fa-check-square {
        color: #007568 !important;
        display: inline;
        float: left;
    }

    label:hover input[type="checkbox"] ~ em.fa {
        color: #007568;
    }

    label.rdoSpecifyAddressLabel {
        line-height: 24px !important;
        width: 210px !important;
        padding-left: 12px;
    }

    label.rdoServiceAddressLabel {
        line-height: 24px !important;
        width: 210px !important;
        padding-left: 12px;
    }

    .email-article-content, .email-article-image {
        width: 50%;
        float: left;
    }

    @media (max-width: 768px) {
        .email-article-content, .email-article-image {
            width: 100%;
        }
    }

    .email-article-image > img {
        width: 100% !important;
    }

    .email-article-content {
        padding-left: 4em;
    }

    @media (max-width: 768px) {
        .email-article-content {
            padding-left: 0;
            margin-top: 2em;
        }
    }

    .email-article-wrapper {
        width: 100%;
        display: inline-block;
        margin: 1.5em 0;
        border-bottom: thin solid #757575;
        padding-bottom: 2em;
    }

    figure {
        margin: 0;
        position: relative;
    }

        figure img {
            width: 100%;
            height: auto;
        }

    figcaption {
        background: #5b5b5b;
        bottom: 21px;
        box-sizing: border-box;
        color: white;
        font-size: small;
        position: relative;
        line-height: 1.3;
        opacity: 1;
        padding: 1.5em;
        text-align: left;
        width: 100%;
    }

    figure:focus {
        outline: none;
    }

    form#cmsForm ul li {
        margin-left: 1em;
        font-size: 15px;
        font-weight: 400;
        margin-top: 1em;
    }

    form#cmsForm ol li {
        /* margin-left: 15px; */
        /* margin: 1em 1em; */
        margin-bottom: 1em;
    }

    form#cmsForm ol ul ul li {
        margin-left: 2em;
    }

    form#cmsForm ul ul li {
        margin-left: 2em;
    }

    @media (max-width: 1023px) {
        .contact-us-page .forty,
        .contact-us-page .half,
        .contact-us-page button,
        .contact-us-page textarea {
            width: 100% !important;
        }

        .contact-us-page .margin-right-5 {
            margin-right: 0;
        }
    }

    .contact-us-page .call-center {
        margin-bottom: 1em;
    }

    .contact-us-page .contact-us-form > form.form label,
    .contact-us-page .contact-us-form > form.form input {
        max-width: 100%;
        width: 100%;
    }

    .contact-us-page .margin-right-5 {
        margin-right: 5%;
    }

    .contact-us-page textarea {
        height: 100px !important;
        width: 100%;
    }

    .contact-us-page .notifications {
        padding: 3% !important;
    }

    .signature-1 .pushit, .signature-2 .pushit, .signature-3 .pushit {
        display: inline-block;
    }

    .signature-1 p, .signature-1 a, .signature-2 p, .signature-2 a, .signature-3 p, .signature-3 a {
        font-weight: 300;
    }

    .signature-1 {
        width: 100%;
        max-width: 640px;
        padding-top: 100px;
        display: inline-block;
        padding-left: 2em;
    }

        .signature-1 .sign-name {
            width: 50%;
            float: left;
        }

        .signature-1 .sign-logo {
            width: 25%;
            float: left;
        }

        .signature-1 .email-logo {
            margin-right: 15px;
        }

        .signature-1 .employee-name {
            font-weight: 700;
            margin-bottom: 5px;
        }

        .signature-1 .employee-title {
            font-weight: 300;
        }

    .contact-1 {
        width: 100%;
        max-width: 450px;
        margin-top: 10px;
        text-align: left;
        padding-left: 2em;
    }

        .contact-1 p {
            font-size: medium;
            font-weight: 300;
        }

    .signature-2 {
        width: 100%;
        max-width: 640px;
        padding-top: 25px;
        display: inline-block;
        padding-left: 2em;
    }

        .signature-2 .email-logo {
            width: 100%;
            max-width: 100px;
        }

        .signature-2 .employee-name {
            font-weight: 700;
        }

        .signature-2 .employee-title {
            font-weight: 300;
        }

    .contact-2 {
        width: 100%;
        text-align: left;
        padding-left: 2em;
    }

        .contact-2 p {
            font-weight: 300;
        }

    .signature-3 {
        width: 100%;
        padding-top: 25px;
        display: inline-block;
        padding-left: 2em;
    }

        .signature-3 .email-logo {
            max-width: 150px;
            margin-right: 15px;
        }

        .signature-3 .sign-logo {
            width: 10%;
            float: left;
        }

        .signature-3 .sign-name {
            width: 90%;
            border-left: 2px solid #345392;
            float: left;
            padding-left: 15px;
        }

        .signature-3 .employee-name {
            font-weight: 700;
        }

        .signature-3 .employee-title {
            font-weight: 300;
        }

    .contact-3 {
        width: 100%;
        text-align: left;
        padding-left: 2em;
    }

        .contact-3 p {
            font-weight: 300;
        }

    .sm-logo {
        width: 25%;
        float: left;
        max-width: 25px;
        margin-right: 10px;
    }

    .social-media-2, .jdp-bar {
        padding-left: 2em;
    }

        .jdp-bar p {
            font-weight: 300;
        }

        .jdp-bar::before {
            background: url("/images/svgs/trophy.svg");
            float: left;
            content: '';
            width: 20px;
            height: 20px;
            display: block;
            margin-right: 15px;
        }

    .flag-no-service {
        color: #cf4a0c;
        font-family: 'lato';
    }

        .flag-no-service::before {
            color: #cf4a0c;
            content: '\f024';
            font-family: 'fontAwesome';
            margin-right: 15px;
        }

    .form-full,
    .name-search-wrapper,
    .indentification-search {
        display: inline-block;
    }

    .billing-label-wrapper {
        display: inline-block;
        margin: 0 1%;
    }

    .autho-user-select {
        float: left;
        width: 3%;
    }

    .add-authorized-user {
        margin-bottom: 2em;
        margin-left: 1.25em;
    }

    @media (min-width: 1024px) {
        .add-authorized-user {
            margin-left: 0;
        }
    }

    #frmCreateOnlineAccount {
        margin-top: 4rem;
    }

    @media (max-width: 599px) {
        .signUp {
            margin-top: 2rem;
        }
    }

    @media (max-width: 599px) {
        .blockInfo {
            margin-right: 0;
        }
    }

    .billing {
        display: inline-block;
        width: 100%;
    }

    input#addressLookUp {
        width: 600px;
    }

    @media only screen and (max-width: 599px) {
        input#addressLookUp {
            width: 100%;
        }
    }

    button.selectService {
        border-radius: 3px;
        border: 1px solid #5b5b5b !important;
        margin: 0 auto;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        button.selectService {
            margin: 10px;
        }
    }

    @media only screen and (max-width: 599px) {
        button.selectService {
            margin: 5px auto;
        }
    }

    button.selectService p {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 0;
    }

        button.selectService p .fa {
            padding-top: 0 !important;
            margin-top: -2px;
            padding-right: 10px;
        }

    button.selectService .fa-check::before {
        color: white !important;
        display: inline-block;
        font-size: 16px;
    }

    h2.welcometitle {
        background-color: #819d64;
        color: white;
        font-weight: 400;
        margin-bottom: 0 !important;
        padding: 15px 15px;
    }

    .confirmMessage {
        background-color: #dedede;
        padding: 20px 15px;
    }

    .blueBackground {
        background-color: #4c79a4;
        padding: 15px;
    }

        .blueBackground h3 {
            color: white !important;
            font-weight: 400;
            line-height: 32px;
        }

    .billingInfo {
        margin-top: 20px;
    }

    .billing > div > label {
        width: initial;
        max-width: none;
    }

    #frmPersonalInfo .cmscontent:nth-child(2) > h2, #frmPersonalInfo .const-content:nth-child(2) > h2 {
        margin-top: 0;
    }

    .identification-search > .form-full.half,
    .name-search-wrapper > .form-full.half,
    .employer-search > .form-full.half,
    .contact-info-wrapper > .form-full.half,
    .address-search-wrapper > .form-full.half {
        width: 45%;
        margin-right: 2em;
        margin-bottom: 0;
    }

    @media (min-width: 1200px) {
        .identification-search > .form-full.half,
        .name-search-wrapper > .form-full.half,
        .employer-search > .form-full.half,
        .contact-info-wrapper > .form-full.half,
        .address-search-wrapper > .form-full.half {
            width: 45.9%;
        }
    }

    @media (max-width: 1023px) {
        .identification-search > .form-full.half,
        .name-search-wrapper > .form-full.half,
        .employer-search > .form-full.half,
        .contact-info-wrapper > .form-full.half,
        .address-search-wrapper > .form-full.half {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .identification-search > .form-full.half,
        .name-search-wrapper > .form-full.half,
        .employer-search > .form-full.half,
        .contact-info-wrapper > .form-full.half,
        .address-search-wrapper > .form-full.half {
            width: 100%;
        }
    }

    .identification-search > .form-full.half > label,
    .name-search-wrapper > .form-full.half > label,
    .employer-search > .form-full.half > label,
    .contact-info-wrapper > .form-full.half > label,
    .address-search-wrapper > .form-full.half > label {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2%;
    }

        .identification-search > .form-full.half > label > select,
        .name-search-wrapper > .form-full.half > label > select,
        .employer-search > .form-full.half > label > select,
        .contact-info-wrapper > .form-full.half > label > select,
        .address-search-wrapper > .form-full.half > label > select {
            width: 100%;
            max-width: 100%;
        }

        .identification-search > .form-full.half > label > input,
        .name-search-wrapper > .form-full.half > label > input,
        .employer-search > .form-full.half > label > input,
        .contact-info-wrapper > .form-full.half > label > input,
        .address-search-wrapper > .form-full.half > label > input {
            margin-bottom: 0;
        }

    .identification-search > .form-full.half > .label-width-container,
    .name-search-wrapper > .form-full.half > .label-width-container,
    .employer-search > .form-full.half > .label-width-container,
    .contact-info-wrapper > .form-full.half > .label-width-container,
    .address-search-wrapper > .form-full.half > .label-width-container {
        width: 100%;
    }

        .identification-search > .form-full.half > .label-width-container > label,
        .name-search-wrapper > .form-full.half > .label-width-container > label,
        .employer-search > .form-full.half > .label-width-container > label,
        .contact-info-wrapper > .form-full.half > .label-width-container > label,
        .address-search-wrapper > .form-full.half > .label-width-container > label {
            width: 100%;
            max-width: 100%;
        }

            .identification-search > .form-full.half > .label-width-container > label > select,
            .name-search-wrapper > .form-full.half > .label-width-container > label > select,
            .employer-search > .form-full.half > .label-width-container > label > select,
            .contact-info-wrapper > .form-full.half > .label-width-container > label > select,
            .address-search-wrapper > .form-full.half > .label-width-container > label > select {
                width: 100%;
                max-width: 100%;
            }

            .identification-search > .form-full.half > .label-width-container > label > input,
            .name-search-wrapper > .form-full.half > .label-width-container > label > input,
            .employer-search > .form-full.half > .label-width-container > label > input,
            .contact-info-wrapper > .form-full.half > .label-width-container > label > input,
            .address-search-wrapper > .form-full.half > .label-width-container > label > input {
                margin-bottom: 0;
            }

.name-search-wrapper {
    margin-top: 2em;
    margin-bottom: 2em;
}

    .address-search-wrapper > .form-full.half > .label-width-container > label.sm {
        width: 48% !important;
    }

    @media (max-width: 1023px) {
        .address-search-wrapper > .form-full.half > .label-width-container > label.sm {
            width: 100% !important;
        }
    }

    @media (max-width: 599px) {
        .address-search-wrapper > .form-full.half > .label-width-container > label.sm {
            width: 100% !important;
        }
    }

    .address-search-wrapper > .form-full.half > .label-width-container > label.sm:last-of-type, .address-search-wrapper > .form-full.half > .label-width-container > label.sm:last-child {
        float: right;
        margin-right: 0;
    }

    #third-container ul > li > a {
        color: white;
        text-decoration: underline;
    }

    #third-container > .wrapper {
        margin: 2em auto;
    }

    .selection-wrapper {
        margin-top: 2em;
    }

        .selection-wrapper > .secondary.selection {
            float: left !important;
            max-width: 260px !important;
            width: auto !important;
            margin-bottom: 1rem;
        }

        .selection-wrapper > .secondary.outline {
            float: left;
        }

    #bill {
        clear: both;
        margin: 0;
        max-width: 1200px;
    }

    @media (max-width: 599px) {
        #bill {
            padding: 0px;
        }
    }

    @media (max-width: 768px) {
        #bill {
            width: 100%;
        }
    }

    #bill .cmscontent, #bill .const-content {
        display: contents;
    }

        #bill .cmscontent:first-of-type, #bill .const-content:first-of-type {
            margin-bottom: 0 !important;
        }

        #bill .cmscontent.user, #bill .user.const-content {
            margin: 1rem 0 0;
        }

    #bill .half {
        width: 100%;
    }

    @media (min-width: 1200px) {
        #bill .half {
            width: 50%;
        }
    }

    #bill .thirtythree {
        width: 100%;
    }

    @media (min-width: 1200px) {
        #bill .thirtythree {
            float: left;
            width: 33.3%;
        }
    }

    @media only screen and (max-width: 768px) {
        #bill .thirtythree {
            width: 100%;
        }
    }

    #bill select {
        height: 33px;
        width: 250px;
    }

    @media (max-width: 599px) {
        #bill select {
            height: 44px;
        }
    }

    #bill #payBill {
        margin-top: 1em;
    }

    #bill .view-pdf-wrapper {
        float: right;
        font-size: 14px;
        margin: .5rem 0 0 1rem;
    }

    @media (max-width: 768px) {
        #bill .view-pdf-wrapper {
            clear: both;
            float: none;
            margin-left: 0;
        }
    }

    #bill .view-pdf-wrapper span:first-of-type {
        margin-right: 15px;
    }

    #bill .view-pdf-wrapper span::before {
        color: #256bb4;
        font-family: 'fontAwesome';
        margin-right: 5px;
    }

    #bill .view-pdf-wrapper a {
        font-family: 'lato';
        text-decoration: underline;
    }

    #bill .user-info span {
        margin-right: 20px;
    }

        #bill .user-info span:last-of-type {
            margin-right: 0;
        }

    #bill .user-info h2 {
        color: #5b5b5b;
        display: block;
        float: left;
        font-size: 18px;
        width: inherit;
    }

    #bill .account-number,
    #bill .bill-date {
        display: inline-block;
        font-size: 18px;
    }

    #bill .summary-details {
        margin-top: 1em;
    }

    #bill .summary-wrapper tr {
        font-size: 16px;
        width: 50%;
    }

    #bill .summary-wrapper .list-type th,
    #bill .summary-wrapper .list-total td {
        display: inline-block;
        font-weight: 400;
        margin-bottom: .25em;
        text-align: left;
        width: 100%;
    }

    #bill .summary-wrapper .list-total td {
        font-size: 16px;
        padding: 0;
    }

    @media (max-width: 1024px) {
        #bill .summary-wrapper {
            margin-bottom: 2em;
        }
    }

    #bill .alerts-wrapper .alerts-list li {
        list-style-type: none;
    }

        #bill .alerts-wrapper .alerts-list li span.fa {
            display: inline-block;
            float: none;
            margin-right: 10px;
            vertical-align: middle;
            width: auto;
        }

        #bill .alerts-wrapper .alerts-list li p {
            display: inline-block;
            vertical-align: text-top;
            width: 80%;
        }

    #bill .autopay-account {
        color: #cf4a0c;
        font-family: 'lato';
        font-weight: 600;
    }

        #bill .autopay-account::before {
            content: '\f024';
            font-family: 'fontAwesome';
            margin-right: 10px;
        }

    #bill .table-row {
        width: 100%;
        float: left;
    }

        #bill .table-row td, #bill .table-row th {
            border: 1px solid #757575;
        }

    @media (min-width: 1200px) {
        #bill .table-row {
            width: 50%;
        }
    }

    #bill tr {
        display: block;
        float: left;
        text-align: center;
        font-size: 12px;
        width: 33.3%;
        margin: 0;
        padding: 0;
    }

    @media only screen and (max-width: 599px) {
        #bill tr {
            width: 100%;
        }
    }

    #bill tr td {
        padding: 10px 8px;
        width: 100%;
        float: left;
        font-size: 14px;
        font-weight: 600;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #bill tr th.table-header {
        background-color: #f4f4f4;
        color: black;
        font-size: 11px;
        padding: 10px 8px;
        width: 100%;
        float: left;
        font-weight: 600;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (min-width: 1200px) {
        #bill tr th.table-header {
            height: 70px;
        }
    }

    #bill a.btn {
        margin: 0 0 1em;
    }

        #bill a.btn:hover {
            color: white;
        }

    #bill .service-details-wrapper {
        border: 1px solid #dedede;
        float: left;
        margin-bottom: 2em;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        #bill .service-details-wrapper {
            margin: 0 auto 2em;
            width: 100%;
        }

            #bill .service-details-wrapper:last-of-type, #bill .service-details-wrapper:last-child {
                margin-bottom: 0;
            }
    }

    #bill .service-details-wrapper:nth-of-type(even) {
        margin-right: 0;
    }

    #bill .service-details-wrapper th.table-header {
        background-color: #f4f4f4;
        color: black;
        font-size: 11px;
        height: auto;
    }

    #bill .service-details-wrapper .service-heading h3 {
        background-color: #5b5b5b;
        color: white;
        font-size: 20px;
        font-weight: 300;
        padding: 10px 15px;
    }

    #bill .service-details-wrapper .service-details {
        padding: 15px;
    }

        #bill .service-details-wrapper .service-details span {
            font-weight: 600;
        }

        #bill .service-details-wrapper .service-details td ~ td.table-info ~ td.table-info {
            border-top: 1px dotted #dedede;
        }

        #bill .service-details-wrapper .service-details tr {
            border: 1px solid #757575;
            border-right: 0 !important;
            border-bottom: 0 !important;
        }

            #bill .service-details-wrapper .service-details tr:nth-of-type(3) {
                border-right: 1px solid #757575 !important;
            }

            #bill .service-details-wrapper .service-details tr:nth-of-type(6) {
                border-right: 1px solid #757575 !important;
            }

            #bill .service-details-wrapper .service-details tr:nth-of-type(n+4) {
                border-bottom: 1px solid #757575 !important;
            }

    @media (min-width: 1628px) {
        #bill .service-details-wrapper .service-details tr {
            float: left;
            width: 33% !important;
        }

            #bill .service-details-wrapper .service-details tr td {
                display: block;
                width: 100% !important;
            }
    }

    @media (min-width: 1200px) {
        #bill .service-details-wrapper .service-details tr {
            border-right: 1px solid #757575 !important;
            width: 100%;
        }

            #bill .service-details-wrapper .service-details tr td {
                display: block;
                padding: 5px 0;
                text-align: center;
                width: 100%;
            }
    }

    @media (max-width: 1024px) {
        #bill .service-details-wrapper .service-details tr {
            border-right: 1px solid #757575 !important;
            width: 100%;
        }

            #bill .service-details-wrapper .service-details tr td {
                width: 100%;
                display: block;
                padding: 5px 0;
                text-align: center;
            }
    }

    #bill .service-charges {
        padding: 15px;
    }

        #bill .service-charges tr {
            border: 0;
            font-size: 16px;
            margin-bottom: .5em;
            padding: 0;
            text-align: left;
            width: 100%;
        }

            #bill .service-charges tr td {
                float: left;
                padding: 0;
                width: 50%;
            }

                #bill .service-charges tr td:last-of-type {
                    text-align: right;
                }

                #bill .service-charges tr td span.detail {
                    font-size: 14px;
                    font-weight: 300;
                }

            #bill .service-charges tr.service-total {
                font-weight: 600;
            }

        #bill .service-charges p.tax-exempt {
            font-size: small;
        }

    #bill .bill-item {
        margin-left: 0 !important;
    }

    #bill .pdf-icon::before {
        color: #df2911;
        content: '\f1c1';
        cursor: pointer;
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    #bill .payment-arrangement-table {
        border: thin solid #dedede;
        margin-bottom: 2em;
        width: 100%;
    }

        #bill .payment-arrangement-table tbody {
            display: block;
            width: 100%;
        }

        #bill .payment-arrangement-table .payment-arrangement-caption {
            color: black;
            display: block;
            padding: 1%;
            text-align: left;
            width: 100%;
        }

        #bill .payment-arrangement-table .payment-arrangement-row {
            background: #f4f4f4;
            display: inline-block;
            padding: 0 1%;
            width: 100% !important;
        }

            #bill .payment-arrangement-table .payment-arrangement-row:last-of-type {
                background-color: #dedede;
            }

            #bill .payment-arrangement-table .payment-arrangement-row:first-of-type {
                border-bottom: thin solid #dedede;
            }

    #bill th.payment-arrangement-th,
    #bill td.payment-arrangement-td {
        float: left;
        font-size: 15px;
        font-weight: 500;
        padding: 1%;
        text-align: left;
        width: 50%;
    }

    #bill td.payment-arrangement-td {
        float: right;
    }

    #bill .table-numberical-right {
        float: right;
        text-align: right !important;
    }

    #bill .table-inner-container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin: 0 auto;
        width: 75%;
    }

    @media (max-width: 599px) {
        #bill .table-inner-container {
            flex-direction: column;
            width: 100%;
        }
    }

    #bill .table-row-header {
        background: #dfeaf5;
        border-top: thin solid #9fc1e1;
        border-bottom: thin solid #9fc1e1;
        font-weight: bold;
        padding: 1rem;
    }

    @media (max-width: 599px) {
        #bill .table-row-header {
            display: none;
        }
    }

    #bill .tablerow {
        border-bottom: thin solid #dedede;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 1rem;
    }

    #bill .table-col-width {
        width: 33%;
    }

    @media (max-width: 599px) {
        #bill .table-col-width {
            width: 100%;
        }
    }

    #bill .mtable-heading {
        display: none;
        font-weight: bold;
    }

    @media (max-width: 599px) {
        #bill .mtable-heading {
            display: inline-block;
        }
    }

    #bill .tab-rule {
        clear: both;
    }

    @media (max-width: 599px) {
        #bill .tab-rule {
            display: inline-block;
        }
    }

    #bill .tab-container {
        height: auto;
    }

        #bill .tab-container a[role="tab"] {
            background: white;
            /*color: #5f97cd;**/
            display: inline-block;
            padding: 1rem;
            text-transform: uppercase;
        }

            #bill .tab-container a[role="tab"]:focus, #bill .tab-container a[role="tab"]:hover, #bill .tab-container a[role="tab"].active {
                background: #dfeaf5;
                color: #4c79a4;
            }

            #bill .tab-container a[role="tab"]:focus {
                /*background: #9fc1e1;*/
                color: #395b7b;
                outline: thin dotted #5b5b5b;
            }

    #bill ul[role="tablist"] {
        font-size: 14px;
        position: relative;
        text-align: center;
        top: -28px;
    }

        #bill ul[role="tablist"] li {
            background: white;
            border: thin solid #9fc1e1;
            display: inline-block;
            list-style: none;
        }

            #bill ul[role="tablist"] li:nth-child(1), #bill ul[role="tablist"] li:nth-child(2) {
                border-right: 0;
            }

    .homepage {
        position: relative;
    }

    @media (max-width: 1023px) {
        .homepage {
            margin-top: 0rem;
        }
    }

    @media (max-width: 599px) {
        .homepage {
            margin-top: 0;
        }
    }

    .homepage #main-container {
        padding: 0;
    }

    .homepage .content {
        padding: 0;
        width: 100%;
    }

    .homepage #primary-content {
        padding: 0;
    }

    .homepage #primary-content .wrapper {
        max-width: 1200px;
    }

.homepage section.contact-hp {
    background-color: rgb(0, 148, 131);
    cursor: pointer;
    display: none;
    width: 100%;
    margin-top: 0 !important;
}

        .homepage section.contact-hp.active {
            display: inline-block;
        }

    @media (max-width: 1023px) {
        .homepage section.contact-hp {
            margin-top: 0 !important;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage section.contact-hp {
            margin-top: 0;
        }
    }

    .homepage .contact-hp a {
        border-radius: 20px;
        color: white;
        margin: 0 auto;
        padding: 10px 30px;
    }

    .homepage .greeting::before {
        content: url(/cdn/images/elipse.png);
        padding: 0 10px;
    }

    .homepage .greeting2 {
        padding: 0 10px;
    }

        .homepage .greeting2:before {
            background: #256bb4;
            width: 100%;
        }

    .homepage .callout {
        background-image: url("/cdn/images/announcements.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin: 0 auto;
        padding: 50px 0;
        height: 500px;
        background-attachment: fixed;
    }

    @media (min-width: 1200px) {
        .homepage .callout {
            height: 450px;
        }
    }

    @media (max-width: 1023px) {
        .homepage .callout {
            height: 500px;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage .callout {
            margin-top: 50px;
            padding: 50px 0 20px;
            height: 100%;
        }
    }

    .homepage .callout h2, .homepage .callout h4, .homepage .callout p {
        text-align: center;
        position: relative;
        color: white;
    }

    .homepage .callout h2 {
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 1em;
    }

    @media only screen and (max-width: 599px) {
        .homepage .callout h2 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0.5em;
        }
    }

    .homepage .callout h4 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 1em;
        margin-top: 0;
    }

    @media only screen and (max-width: 599px) {
        .homepage .callout h4 {
            font-weight: 500;
            font-size: 15px;
            line-height: 20px;
        }
    }

    .homepage .callout p {
        line-height: 30px;
    }

    @media only screen and (max-width: 599px) {
        .homepage .callout p {
            display: inline-block;
            font-weight: 300;
            line-height: 20px;
        }
    }

    .homepage .callout p > a {
        color: white;
        text-decoration: underline;
    }

        .homepage .callout p > a:hover {
            color: white;
            text-decoration: underline;
        }

    .homepage .callout .bullhorn:before {
        background-image: url("/cdn/images/bullhorn-icon.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 80px;
        margin-bottom: 40px;
        margin-top: -80px;
        position: relative;
        z-index: 99;
    }

    @media only screen and (max-width: 599px) {
        .homepage .callout .bullhorn:before {
            height: 50px;
            margin-bottom: 20px;
            margin-top: -70px;
        }
    }

    .homepage .outages {
        background-color: #e4e4e4;
        padding: 80px 0;
    }

    @media only screen and (max-width: 599px) {
        .homepage .outages {
            background-image: none;
            background-color: white;
            background-image: none !important;
            margin: 20px;
            padding: 20px 0;
        }

            .homepage .outages p {
                display: inline-block;
                font-size: 15px;
                line-height: 20px;
            }

            .homepage .outages a.btn {
                margin: 15px 0 0;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .outages .full {
            background-color: white;
            display: inline-block;
        }
    }

    .homepage .outages h2 {
        color: #5f97cd;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 24px;
        margin-bottom: 1em;
    }

    @media only screen and (max-width: 599px) {
        .homepage .outages h2 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 0.5em;
        }
    }

    .homepage .outages .btn, .homepage .outages button[type="button"], .homepage .outages button[type="reset"], .homepage .outages button[type="submit"], .homepage .outages input[type="button"], .homepage .outages input[type="reset"], .homepage .outages input[type="submit"] {
        margin: 15px 0;
    }

    .homepage .outages img {
        padding: 0 50px;
    }

    @media only screen and (max-width: 768px) {
        .homepage .outages img {
            padding: 10px 0;
        }
    }

    .homepage .outages .sixty, .homepage .outages .forty {
        padding: 15px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .outages .sixty, .homepage .outages .forty {
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage .outages .sixty, .homepage .outages .forty {
            padding: 0;
        }
    }

.card-slidder-container {
    background: #F0F1F5;
    width: 100%;
}

.homepage .cardblock {
    background-color: white;
    margin: 0 auto;
    padding: 40px 0 0;
}

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .cardblock {
            display: inline-block;
        }
    }

    .homepage .cardblock .cards {
        background-color: white;
        width: 30%;
        min-height: 540px;
        padding: 40px;
        border-radius: 5px 5px 0 0;
        float: left;
        position: relative;
        z-index: 5;
        text-align: left;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .cardblock .cards {
            text-align: left;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage .cardblock .cards {
            -moz-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.1);
            -webkit-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.1);
            box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.1);
        }
    }

    @media (min-width: 1200px) {
        .homepage .cardblock .cards {
        }
    }

    @media (max-width: 1024px) {
        .homepage .cardblock .cards {
            width: 28%;
        }
    }

    @media (max-width: 1023px) {
        .homepage .cardblock .cards {
            min-height: 220px;
            margin-bottom: 1em;
        }
    }

    .homepage .cardblock .cards:last-of-type {
        float: right;
        margin-right: 0;
    }

    @media only screen and (max-width: 768px) {
        .homepage .cardblock .cards:last-of-type {
            float: initial;
            margin: 0 auto;
        }
    }

    @media (max-width: 768px) {
        .homepage .cardblock .cards:last-of-type {
            float: left;
        }
    }

    .homepage .cardblock .cards:first-of-type {
        float: left;
        margin-left: 0;
    }

    @media only screen and (max-width: 768px) {
        .homepage .cardblock .cards:first-of-type {
            float: initial;
            margin: 0 auto;
        }
    }

    .homepage .cardblock .cards:nth-of-type(2) {
        margin-left: 3.1em;
    }

    @media only screen and (max-width: 768px) {
        .homepage .cardblock .cards:nth-of-type(2) {
            float: initial;
            margin: 0 auto;
        }
    }

    @media (min-width: 1200px) {
        .homepage .cardblock .cards:nth-of-type(2) {
            margin-left: 3.8em;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .homepage .cardblock .cards:nth-of-type(2) {
            margin-left: 4.8em;
        }
    }

    @media (max-width: 1023px) {
        .homepage .cardblock .cards:nth-of-type(2) {
            margin-left: 3.8em;
        }
    }

    @media (max-width: 1024px) {
        .homepage .cardblock .cards {
            padding: 15px;
        }
    }

    @media only screen and (max-width: 768px) {
        .homepage .cardblock .cards {
            width: 100%;
            margin: 0px auto 20px !important;
            height: auto;
            padding: 20px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .cardblock .cards {
            width: 100% !important;
            margin: 0px 5px 15px !important;
            height: auto;
            float: left !important;
        }
    }

    .homepage .cardblock .cards h4 {
        color: #4c79a4;
        text-transform: uppercase;
        margin-bottom: 1em;
        font-size: 16px;
        font-weight: 600;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .cardblock .cards h4 {
            width: 60%;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage .cardblock .cards h4 {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .homepage .cardblock .cards h4 {
            margin-top: 2em;
        }
    }

    .homepage .cardblock .cards p {
        margin-bottom: 1em;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .cardblock .cards p {
            width: 60%;
            display: inline-block;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage .cardblock .cards p {
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 0.53em;
            width: 100%;
            text-align: left;
        }
    }

    @media (min-width: 1200px) {
        .homepage .cardblock .cards p {
        }
    }

    .homepage .cardblock .cards a {
        text-decoration: underline;
        width: 100%;
        display: block;
        margin-bottom: 0.5em;
    }

    .homepage .cardblock .cards ul.social {
        list-style-type: none;
        padding: 20px 0;
    }

        .homepage .cardblock .cards ul.social li {
            float: left;
            display: inline-block;
            margin: 0 1em;
        }

            .homepage .cardblock .cards ul.social li:first-of-type {
                margin-left: 0;
            }

            .homepage .cardblock .cards ul.social li:last-of-type {
                margin-right: 0;
            }

    .homepage .cardblock .cards a.fa {
        text-decoration: none;
        color: #5b5b5b;
        font-size: large;
    }

    @media only screen and (max-width: 599px) {
        .homepage .cardblock .cards a.fa {
            font-size: 20px;
        }
    }

    .homepage .cardblock .cards img {
        width: 100%;
        margin-bottom: 1.5em;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .homepage .cardblock .cards img {
            width: 40%;
            padding-bottom: 2em;
            float: left;
            padding-right: 20px;
        }
    }

    @media only screen and (max-width: 599px) {
        .homepage .cardblock .cards img {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .homepage .cardblock .cards img {
            padding-bottom: 0;
            margin-bottom: 0;
        }
    }

    /*Quicklinks Section*/
    .quicklinks {
        padding: 20px 10px;
        display: block;
        text-align: center;
    }

    .quicklinks > .wrapper > .qtr > .paymybill {
        padding: 20px 40px;
        width: 100%;
        text-align: center;
        position: relative;
        height: 280px;
        box-sizing: border-box;
    }

    .quicklinks .tcenter {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        .quicklinks > .wrapper > .qtr > .paymybill {
            height: initial;
            aspect-ratio: auto 16 / 9;
        }

        .quicklinks .tcenter {
            padding-bottom: 1rem;
        }
    }

    @media (max-width: 599px) {
        .quicklinks {
            background-color: lightgray;
            margin-top: 0 !important;
            padding-top: 1.3em !important;
        }
    }

.quicklinks > .wrapper > .qtr {
    position: relative;
    
}

@media only screen and (max-width: 599px) {
    .quicklinks > .wrapper > .qtr {
            width: 49% !important;
            margin: 0.5px;
        }

        .quicklinks > .wrapper > .qtr:nth-of-type(3), .quicklinks > .wrapper > .qtr:nth-of-type(4) {
            margin-top: 0;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .quicklinks > .wrapper > .qtr {
            width: 49% !important;
            height: auto;
        }
    }

    @media (max-width: 599px) {
        .quicklinks > .wrapper > .qtr {
            margin: 0;
            margin-bottom: 2%;
        }

        .quicklinks > .wrapper > .qtr:last-of-type {
            margin-bottom: 0;
        }

        .quicklinks > .wrapper > .qtr:nth-of-type(even) {
            margin-right: 0;
            float: right;
        }

        .quicklinks > .wrapper > .qtr:nth-of-type(3) {
            margin-bottom: 0;
        }
    }

    .quicklinks > .wrapper > .qtr > .divider {
        display: inline-block;
        border-right: thin solid #dedede;
        height: 150px;
        margin-top: 4em;
        position: absolute;
    }

    @media (max-width: 599px) {
        .quicklinks > .wrapper > .qtr > .divider {
            display: none;
        }
    }

    .quicklinks > .wrapper > .qtr:last-of-type > .divider, .quicklinks > .wrapper > .qtr:last-child > .divider {
        border: 0;
    }

    .quicklinks .paymybill, .quicklinks .newcustomer, .quicklinks .locations-hp, .quicklinks .vendor-hp {
        display: inline-block;
        padding: 20px 40px;
        width: 94%;
    }

    @media only screen and (max-width: 599px) {
        .quicklinks .paymybill, .quicklinks .newcustomer, .quicklinks .locations-hp, .quicklinks .vendor-hp {
            padding: 10px 15px;
            display: inline-block;
            background-color: white;
            width: 100%;
            -moz-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.1);
            -webkit-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.1);
            box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.1);
        }
    }

    @media (max-width: 599px) {
        .quicklinks .paymybill, .quicklinks .newcustomer, .quicklinks .locations-hp, .quicklinks .vendor-hp {
            box-shadow: none;
        }

        .quicklinks .paymybill:hover, .quicklinks .newcustomer:hover, .quicklinks .locations-hp:hover, .quicklinks .vendor-hp:hover {
            background: #5f97cd;
            cursor: pointer;
            height: 100%;
        }

        .quicklinks .paymybill:hover h5, .quicklinks .newcustomer:hover h5, .quicklinks .locations-hp:hover h5, .quicklinks .vendor-hp:hover h5 {
            color: white;
        }
    }

    .quicklinks .paymybill > p, .quicklinks .newcustomer > p, .quicklinks .locations-hp > p, .quicklinks .vendor-hp > p {
        color: #494949;
        text-align: center;
    }

    .quicklinks .paymybill > p.tcenter, .quicklinks .newcustomer > p.tcenter, .quicklinks .locations-hp > p.tcenter, .quicklinks .vendor-hp > p.tcenter {
        text-align: center;
    }

    .quicklinks .paymybill > p.tcenter > span, .quicklinks .newcustomer > p.tcenter > span, .quicklinks .locations-hp > p.tcenter > span, .quicklinks .vendor-hp > p.tcenter > span {
        display: none;
    }

    .quicklinks .paymybill > p.tcenter span:after, .quicklinks .newcustomer > p.tcenter span:after, .quicklinks .locations-hp > p.tcenter span:after, .quicklinks .vendor-hp > p.tcenter span:after {
        font-family: "fontAwesome";
        content: "\f0da";
        margin-left: 10px;
        color: #256bb4;
    }

    @media (max-width: 599px) {
        .quicklinks .paymybill > p.tcenter > a, .quicklinks .newcustomer > p.tcenter > a, .quicklinks .locations-hp > p.tcenter > a, .quicklinks .vendor-hp > p.tcenter > a {
            font-size: 14px;
        }
    }

    .quicklinks .paymybill > h5, .quicklinks .newcustomer > h5, .quicklinks .locations-hp > h5, .quicklinks .vendor-hp > h5 {
        text-align: center;
        width: 100%;
        padding: 10px 0px;
        color: #4c79a4;
        text-transform: uppercase;
    }

    @media only screen and (max-width: 599px) {
        .quicklinks .paymybill > h5, .quicklinks .newcustomer > h5, .quicklinks .locations-hp > h5, .quicklinks .vendor-hp > h5 {
            text-transform: capitalize;
            color: #4c79a4;
            margin-bottom: .25em;
            padding-bottom: 0;
        }
    }

    .quicklinks .paymybill > img, .quicklinks .newcustomer > img, .quicklinks .locations-hp > img, .quicklinks .vendor-hp > img {
        height: 30%;
        width: 30%;
        clear: both;
        margin: 0 auto;
    }

    @media only screen and (max-width: 599px) {
        .quicklinks .paymybill > img, .quicklinks .newcustomer > img, .quicklinks .locations-hp > img, .quicklinks .vendor-hp > img {
            height: auto;
            width: 36%;
            /*margin-top: -5px;*/
        }

        .quicklinks > .wrapper > .qtr > .paymybill {
            height: 152px !important;
        }
    }


@media only screen and (min-width: 300px) and (max-width: 374px) {
    .quicklinks .paymybill > img {
        height: auto;
        width: 29% !important;
        margin-top: 8px;
    }

    .quicklinks .wrapper .qtr:nth-child(1) .paymybill > img {
        width: 16% !important;
    }

   .quicklinks .wrapper .qtr:nth-child(6) .paymybill > img {
        width: 24% !important;
   }

    .quicklinks .paymybill > p.tcenter > a {
        padding-top: 9rem;
    }

    .quicklinks > .wrapper > .qtr > .paymybill {
        height: 152px !important;
    }

}

@media only screen and (min-width: 375px) {
    .quicklinks .paymybill > img {
        margin-top: 8px;
    }

    .quicklinks .wrapper .qtr:nth-child(1) .paymybill > img {
        /*width: 16% !important;*/
    }

    .quicklinks .wrapper .qtr:nth-child(6) .paymybill > img {
       /* width: 24% !important;*/
    }

    .quicklinks .paymybill > p.tcenter > a {
        padding-top: 9rem;
    }

    .quicklinks > .wrapper > .qtr > .paymybill {
        height: 152px !important;
    }
}

    .quicklinks .paymybill span, .quicklinks .newcustomer span, .quicklinks .locations-hp span, .quicklinks .vendor-hp span {
        width: 60px;
    }

    .quicklinks .paymybill > .rule, .quicklinks .newcustomer > .rule, .quicklinks .locations-hp > .rule, .quicklinks .vendor-hp > .rule {
        border-bottom: thin solid #5b5b5b !important;
        margin: 0em 0 1em;
        opacity: 0.5;
    }

    @media only screen and (max-width: 599px) {
        .quicklinks .paymybill > .rule, .quicklinks .newcustomer > .rule, .quicklinks .locations-hp > .rule, .quicklinks .vendor-hp > .rule {
            display: none;
            margin-top: 0;
        }
    }

    .quicklinks .paymybill > .full, .quicklinks .newcustomer > .full, .quicklinks .locations-hp > .full, .quicklinks .vendor-hp > .full {
        display: none !important;
    }

        .quicklinks .paymybill > .full > .rule, .quicklinks .newcustomer > .full > .rule, .quicklinks .locations-hp > .full > .rule, .quicklinks .vendor-hp > .full > .rule {
            display: none;
        }

    @media (max-width: 599px) {
        .quicklinks .paymybill > p:first-of-type, .quicklinks .paymybill > p:first-child {
            display: none;
        }
    }

    @media only screen and (max-width: 599px) {
        .quicklinks .locations-hp h5 {
            color: #cf4a0c;
        }

        .quicklinks .wrapper {
            width: 95%;
        }
    }

    .home-quick-links:hover {
        cursor: pointer;
    }


    /*Hide Quikliks Content*/
    #homepage .quicklinks .wrapper {
        grid-template-columns: repeat(auto-fit, minmax(164px, 1fr)) !important;
    }

    .quicklinks > .wrapper > .qtr > .divider {
        height: 90px !important;
        margin-top: 1em !important;
    }

    .quicklinks .paymybill p, .quicklinks .paymybill h5 {
        display: none;
    }

    

.quicklinks .paymybill > img {
    width: 60%;
    height: auto;
    display: flex;
    aspect-ratio: auto 16 / 9;
}

    .quicklinks .wrapper .qtr:nth-child(1) .paymybill > img {
        width: 30%;
    }

.quicklinks .wrapper .qtr:nth-child(6) .paymybill > img {
    width: 51%;
}

    .quicklinks .paymybill > p.tcenter {
        display: inline-block !important;
        width: 100%;
        height: 100%;
    }

    .quicklinks .paymybill > p.tcenter > a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 10rem;
        font-weight: 600;
        font-size: small;
        text-decoration: none;
    }



    /* Storm Mode */
    .storm-alert {
        background-color: #df2911;
        color: white;
        display: block;
        padding: 10px 0 0;
        margin-bottom: 20px;
    }

        .storm-alert img {
            margin: 0 auto;
            display: inline-block;
            width: 50px;
            height: 50px;
            position: relative;
            float: left;
            border: 0;
        }

        .storm-alert .message {
            display: block;
            width: 100%;
            margin: 0 auto;
            max-width: 850px;
        }

            .storm-alert .message::before {
                content: "\f071";
                font-family: 'fontAwesome';
                color: white;
                font-size: 45px;
                display: inline-block;
                float: left;
                margin-top: 12px;
            }

    @media only screen and (max-width: 768px) {
        .storm-alert .message::before {
            display: none;
        }
    }

    .storm-alert .message p {
        padding-top: 4px;
        padding-left: 50px;
        display: inline-block;
        float: left;
    }

    .storm-outage-bar p {
        text-align: center;
        font-size: 18px;
        content: "";
        display: table;
    }

        .storm-outage-bar p::before {
            content: "\f0e7";
            font-family: 'fontAwesome';
            color: yellow;
            font-size: 24px;
            display: inline-block;
            margin-right: 15px;
        }

    .storm-outage-bar .bolt {
        height: 35px !important;
        width: initial !important;
    }

    .stayintouch img {
        width: 40px !important;
        height: auto;
        margin-right: 20px;
        display: inline-block;
    }

    .updates {
        margin-left: 40px;
    }

        .updates p.small {
            width: 100%;
        }

        .updates img.icon {
            width: 30px !important;
            height: auto;
            display: inline-block;
            float: right;
            position: absolute;
            margin-top: 10px;
        }

    #div_link {
        border: thin solid #df2911;
    }

        #div_link:hover {
            cursor: pointer;
        }

    .outage-container {
        /*background: #d1e0fc url("/cdn/images/backgrounds/homepage/water-bg.png") no-repeat 0 0;*/
        /*-webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;*/
        background-size: contain;
        /*-ms-behavior: url("/css/polyfills/backgroundsize.min.htc");*/
        display: inline-block;
        width: 100%;
        vertical-align: top;
        position: relative;
    }

    @media (max-width: 599px) {
        .outage-container {
            background-color: transparent;
            background-image: none;
            margin-top: 0;
        }
    }

    .outage-wrapper, .featured-project-wrapper {
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    @media (min-width: 1200px) {
        .outage-wrapper, .featured-project-wrapper {
            width: 1201px;
        }
    }

    .electric-cta, .water-cta {
        /*background: url("/cdn/images/backgrounds/homepage/water.jpg") no-repeat 0 0; */
        background-size: 100%;
        float: left;
        width: 50%;
        height: 300px;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: top;
        position: relative;
    }

    @media (max-width: 599px) {
        .electric-cta, .water-cta {
            width: 100%;
            min-height: 236px;
            margin-top: 1.3em;
        }
    }

.electric-cta {
    /*background: url("/cdn/images/backgrounds/homepage/electric-bg-cta.png") no-repeat 0 0; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #F0F1F5;
}

    .water-cta {
        background-size: 120%;
    }

    .water-cta > .bg-mask {
        background-color: rgba(51, 109, 166, 0.75);
    }

@media (max-width: 1023px) {
    .water-cta {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .electric-cta {
        margin-bottom: 2rem;
        height: auto;
    }
}

    @media (max-width: 599px) {
        .water-cta {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            margin-top: 0;
        }
    }

    .water-cta > .cta-content > h2, .water-cta > .cta-content > p {
        color: white;
    }

    .bg-mask {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
    }

    .cta-content {
        display: inline-block;
        width: 90%;
        margin: 2em auto;
        z-index: 2;
        position: relative;
    }

    .cta-content > button {
        margin-top: 2em;
    }

    @media (max-width: 1023px) {
        .cta-content > button {
            margin-top: 1em;
        }
    }

    .featured-project-container {
        background: #f9f9fb;
        display: inline-block;
        width: 100%;
        min-height: 500px;
        margin: 0;
        padding: 0;
        vertical-align: top;
        position: relative;
    }

        .featured-project-container.no-content {
            max-height: 100px !important;
            min-height: 100px !important;
        }

    @media (max-width: 599px) {
        .featured-project-container {
            margin-top: 1.2em;
        }
    }

    .featured-project-wrapper {
        margin: 6em auto;
        position: relative;
    }

    @media (max-width: 1023px) {
        .featured-project-wrapper {
            margin: 2em auto;
        }
    }

    @media (max-width: 599px) {
        .featured-project-wrapper {
            margin: 2em auto;
        }
    }

    .featured-project-wrapper > .unslider {
        height: 100%;
    }

    @media (max-width: 1023px) {
        .featured-project-wrapper > .unslider {
            background: transparent;
        }
    }

    .featured-project-wrapper > .unslider > .featuredProjectsSlider {
        min-height: 410px !important;
        width: 100%;
        position: relative;
    }

    @media (max-width: 1023px) {
        .featured-project-wrapper > .unslider > .featuredProjectsSlider {
            min-height: 630px !important;
        }
    }

    @media (max-width: 599px) {
        .featured-project-wrapper > .unslider > .featuredProjectsSlider {
            min-height: 460px !important;
        }
    }

    .featured-project-wrapper > .unslider > .featuredProjectsSlider > .unslider-wrap > li > .project-content-wrapper, .featured-project-wrapper > .unslider > .featuredProjectsSlider > .unslider-wrap > li > .project-content-wrapper {
        cursor: pointer;
        /*Text in the middle of homepage*/
        color: #5b5b5b;
    }

    .project-image {
        background-repeat: no-repeat;
        display: inline-block;
        border: thin solid #757575;
        width: 50%;
        height: 400px;
        margin: 0;
        vertical-align: top;
    }

    @media (max-width: 1023px) {
        .project-image {
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
        }
    }

    @media (max-width: 599px) {
        .project-image {
            background-size: 100%;
            background-repeat: no-repeat;
            width: 100%;
            height: 190px;
        }
    }

    .project-content-wrapper {
        display: inline-block;
        width: 48%;
        min-height: 1px;
        margin: 0;
        padding: 1em 0 1em 2.5em;
        right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
        position: absolute;
    }

    @media (max-width: 1023px) {
        .project-content-wrapper {
            position: relative;
            width: 100%;
            text-align: center;
            padding-left: 0;
        }
    }

    @media (max-width: 599px) {
        .project-content-wrapper {
            width: 100%;
            position: relative;
            padding-left: 0;
            padding-top: 2em;
        }
    }

    .prev-arrow, .next-arrow {
        display: inline-block;
        width: 23px;
        height: 100%;
        margin-top: 5em;
        color: #256bb4;
    }

        .next-arrow:hover, .prev-arrow:hover {
            /*Changed the hover color of the previous and next arrows to #0095a9*/
            color: #0095a9;
        }

        .prev-arrow:before, .prev-arrow:after, .next-arrow:before, .next-arrow:after {
            font-family: "fontAwesome";
            font-size: 3em;
        }

    .prev-arrow {
        left: 0;
    }

        .prev-arrow:before {
            content: "\f104";
        }

    .next-arrow {
        right: 0;
    }

        .next-arrow:after {
            content: "\f105";
            right: 0;
        }

    .project-content {
        display: inline-block;
        width: 80%;
        height: 100%;
        margin: 0 0;
        padding: 0 3em;
        vertical-align: top;
        text-align: left;
    }

    @media (max-width: 1023px) {
        .project-content {
            padding-top: 2em;
        }
    }

    @media (max-width: 599px) {
        .project-content {
            padding: 0 1em;
        }
    }

    #wqr h4 {
        margin-bottom: .5em;
    }

    @media only screen and (max-width: 599px) {
        #wqr h4 {
            font-size: medium;
        }
    }

    #wqr .accordion-item.open .accordion-toggle:after {
        padding-right: 15px;
    }

    #wqr .accordion-item .accordion-toggle:after {
        padding-right: 15px;
    }

    #wqr hr {
        float: left;
        width: 100%;
    }

    #wqr .accordion-content {
        width: 100%;
    }

    #wqr table {
        margin-bottom: 2em;
    }

    @media only screen and (max-width: 599px) {
        #wqr table {
            margin-bottom: 1em;
        }
    }

    #wqr table caption {
        font-size: small;
        margin-bottom: 1em;
        text-align: left;
    }

    #wqr table th[scope='col'],
    #wqr table td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: thin #757575 solid;
        display: inline-block;
        font-size: small;
        font-weight: normal;
        padding: 2%;
        text-align: center;
        vertical-align: middle;
        width: 32%;
    }

    @media only screen and (max-width: 599px) {
        #wqr table th[scope='col'],
        #wqr table td {
            padding: 4% 2%;
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        #wqr table td:nth-of-type(even) {
            background: #bfd5eb;
        }
    }

    #wqr table th[scope='col'] {
        background: #bfd5eb;
        border-bottom: 0;
    }

    @media only screen and (max-width: 599px) {
        #wqr table th[scope='col'] {
            border-bottom: thin #dedede solid;
        }

            #wqr table th[scope='col']:nth-of-type(even) {
                background: transparent;
            }
    }

    .lineman-bg {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 15px;
        position: relative;
        background-image: url("/cdn/images/registration-bgimg.jpg");
    }

    @media only screen and (max-width: 599px) {
        .lineman-bg {
            padding: 0;
        }
    }

    .lineman-bg #primary-content {
        background: none !important;
    }

    .signin {
        margin: 50px 0 50px;
    }

    @media only screen and (max-width: 599px) {
        .signin {
            margin: 0;
        }
    }

    .signin #secondary-content {
        background-color: transparent;
        padding: 0;
    }

    .signin button {
        margin: 1em 0 !important;
        width: 100% !important;
        min-width: 100%;
        max-width: 300px;
    }

    .signin .topLayer {
        display: block;
    }

    .signin .innerCard {
        margin: 0 auto;
        max-width: 350px;
        padding: 0 1.25em;
    }

    @media (max-width: 768px) {
        .signin .innerCard {
            display: none;
        }
    }

    .signin .back .icon, .signin .card-container .icon {
        height: auto;
        width: 100%;
        max-width: 25%;
        margin: 0 35% 20px;
    }

    .signin .backRight {
        float: right;
    }

    .signin .backLeft {
        float: left;
    }

    .signin .backLeft, .signin .backRight {
        background: rgba(0, 0, 0, 0.75);
        height: 100%;
        min-height: 550px;
        padding: 4em 0;
        text-align: center;
        width: 50%;
        cursor: pointer;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .signin .backLeft, .signin .backRight {
            min-height: 530px;
        }
    }

    .signin .back {
        color: #ffffff;
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    @media (max-width: 768px) {
        .signin .back {
            display: none;
        }
    }

    .signin .back h2 {
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        display: inline-block;
        float: none;
        font-size: 28px;
        line-height: 30px;
        font-weight: 300;
        padding-bottom: 15px;
        width: initial;
    }

    .signin .card-container {
        -webkit-transition: all 0.25s;
        /* Safari */
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.22), 0 5px 5px rgba(0, 0, 0, 0.22);
        height: 100%;
        left: 0;
        margin-left: 50%;
        position: relative;
        top: 0;
        transition: all 0.25s;
        width: 50%;
        background-color: white;
    }

        .signin .card-container .tooltip {
            margin-bottom: 21px;
        }

    @media (max-width: 768px) {
        .signin .card-container {
            width: 100%;
            margin-left: 0;
            left: inherit;
        }
    }

    .signin .goLeft {
        -webkit-transition: all 0.25s;
        /* Safari */
        left: inherit !important;
        margin-left: 0% !important;
        right: 0 !important;
        transition: all 0.25s;
    }

    @media only screen and (max-width: 768px) {
        .signin .goLeft {
            margin-left: 0% !important;
        }
    }

    .signin .g-recaptcha {
        margin-bottom: 20px;
    }

    .signin .right {
        background: white;
        height: 100%;
        margin-top: -563px;
        padding: 15px 0;
        position: relative;
        top: 0;
        width: 100%;
    }

#signInAccount {
    margin-top: 4rem;
}

@media (max-width: 768px) {
    .signin .right {
            margin-top: 0;
            display: inline-block;
        }
    }

    .signin .card, .signin .cardAlt {
        margin: 0 auto;
        max-width: 350px;
        width: 100%;
        padding: 15px;
    }

        .signin .card h1, .signin .cardAlt h1 {
            font-size: 28px;
            line-height: 30px;
            font-weight: 400;
            text-align: center;
            margin-bottom: 20px;
        }

        .signin .card button, .signin .cardAlt button {
            margin: 20px 0;
        }

        .signin .card #createUsername, .signin .cardAlt #createUsername {
            margin: 20px 0;
        }

    @media only screen and (max-width: 599px) {
        .signin .card {
            margin-top: 2em;
        }
    }

    .signin span.small {
        line-height: 24px;
    }

    @media only screen and (max-width: 599px) {
        .signin .card-container {
            margin-top: -5px;
        }
    }

    .signin .card-container label input[type="radio"] ~ i, .signin .card-container label input[type="checkbox"] ~ i {
        margin-right: 5px;
        margin-top: 0;
    }

    .signin .card-container a {
        margin-bottom: 15px;
    }

    .signin .card-container form {
        margin-top: 20px;
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .signin .card-container form.form label {
        max-width: 100% !important;
    }

    .signin .card-container form button.half {
        width: 48% !important;
        min-width: 48% !important;
        margin-top: 0!important;
    }

    .GuestPaySubmit {
        position: absolute;
        right: 0;
        margin: 0 !important;
    }

.signin .card-container form .button-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: 2rem;
}

    .signin .previous-step:before {
        font-family: 'fontAwesome';
        color: #256bb4;
        content: '\f053';
        margin-right: 10px;
    }

    .remember {
        float: left;
        margin-top: 5px;
    }

    #mma .cmscontent, #mma .const-content {
        display: inline-block;
        margin-bottom: 2em;
    }

    #mma .cmscontent:first-of-type, #mma .const-content:first-of-type {
        margin-bottom: 0 !important;
    }

    #mma .forty {
        padding-right: 130px;
    }

    @media (max-width: 1024px) {
        #mma .forty {
            padding-right: 60px;
        }
    }

    @media only screen and (max-width: 768px) {
        #mma .forty {
            padding-right: 0;
        }
    }

    #mma .modalContent label:last-of-type {
        margin-left: 20px;
    }

    #mma .view-bill-link {
        display: none;
    }

    #mma .view-pdf-wrapper {
        margin-bottom: 1rem;
    }


    /**EditUserInfo was here

#mma .edituserinfo {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}


@media (min-width: 1200px) {
    #mma .edituserinfo {
        width: 100%;
    }
}

@media (max-width: 599px) {
    #mma .edituserinfo {
        white-space: inherit;
    }
}

#mma .edituserinfo > span {
    color: #5b5b5b;
    font-weight: 400;
    border-left: 1px solid #5b5b5b;
    padding: 0px 10px;
    font-size: 15px;
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    #mma .edituserinfo > span {
        width: 50%;
        float: left;
        border-left: 0;
        margin-bottom: 0.5em;
        padding: 0;
        width: 100%;
    }

        #mma .edituserinfo > span:last-of-type {
            display: none;
        }
}

@media only screen and (max-width: 599px) {
    #mma .edituserinfo > span {
        width: 100%;
        display: inline-block;
        border-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 599px) {
    #mma .edituserinfo > span {
        margin: 0;
        width: 100%;
    }
}

#mma .edituserinfo > span:nth-of-type(2) {
    border-left: 0;
    padding-left: 0;
}

#mma .edituserinfo > span:last-of-type {
    padding-right: 0;
}

#mma .edituserinfo > span a {
    text-decoration: underline;
}

#mma span.editinfo {
    font-family: "lato";
}

    #mma span.editinfo:after {
        color: #256bb4;
        content: '\f040';
        font-family: 'fontAwesome';
        margin-left: 10px;
    }

@media only screen and (min-width: 600px) and (max-width: 800px) {
    #mma span.editinfo {
        display: none;
    }
}

#mma span.editinfo.medium {
    display: none;
    width: 100%;
    text-align: right;
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    #mma span.editinfo.medium {
        display: inline-block;
    }
}*/

    #mma h5, #mma h2 {
        margin: 15px 0 20px;
        font-weight: 400;
    }

        #mma h5.formtitle, #mma h2.formtitle {
            color: #5b5b5b;
            font-family: 'lato';
            font-size: medium;
            font-weight: 400;
            padding-bottom: .5em;
        }

    .paymentStatusTitle {
        color: #4c79a4;
        font-size: x-large;
        font-family: 'lato';
        font-weight: 400;
        border-bottom: 1px solid #dedede;
        padding-bottom: 10px;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .accountFontWeight {
        font-weight: bold;
    }

    #mma .accountpayments, #mma .billhighlights {
        margin-bottom: 40px;
    }

    #mma .billhighlights {
        margin-bottom: 0;
    }

    #mma .accountpayments h5:before, #mma .accountpayments h5:before {
        content: '\f0d6';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    #mma .billhighlights h5:before, #mma .billhighlights h5:before {
        content: '\f201';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    #mma .accountInformation {
        margin-top: 1em;
    }

        #mma .accountInformation:first-of-type {
            margin-top: 0;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .accountInformation {
            margin-top: 0;
        }
    }

    #mma .accountInformation .personalinfo p.trash {
        text-transform: uppercase;
    }

    #mma .accountInformation h5:before, #mma .accountInformation h2:before {
        content: '\f05a';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    #mma .linkedAccounts h5:before, #mma .linkedAccounts h2:before {
        content: '\f0c1';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    #mma .accountInformation, #mma .linkedAccounts {
        display: inline-block;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 2px dotted #dedede;
    }

        #mma .accountInformation p, #mma .linkedAccounts p {
            font-size: 15px;
        }

    #mma .linkedAccounts {
        border-bottom: 0;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .linkedAccounts {
            width: 45%;
            padding: 15px;
        }

            #mma .linkedAccounts:nth-of-type(even) {
                float: right;
            }
    }

    #mma .linkedAccounts a.whole {
        display: inline-block;
        width: 100%;
    }

    #mma .linkedAccounts p.trash:after {
        content: '\f014';
        font-family: 'fontAwesome';
        float: right;
        color: #5b5b5b;
        cursor: pointer;
    }

    #mma .linkedaccount {
        margin-top: 15px;
    }

        #mma .linkedaccount h5:before, #mma .linkedaccount h2:before {
            content: '\f0c1';
            font-family: 'fontAwesome';
            margin-right: 10px;
        }

    #mma .accountpreferences h5, #mma .accountpreferences h2 {
        color: #5b5b5b;
        font-family: 'lato';
        font-size: medium;
        font-weight: 400;
    }

        #mma .accountpreferences h5:before, #mma .accountpreferences h2:before {
            content: '\f0ca';
            font-family: 'fontAwesome';
            margin-right: 10px;
        }

    #mma .accountpayments span {
        float: right;
    }

    @media (min-width: 801px) and (max-width: 1200px) {
        #mma .accountpayments span {
            float: none;
            display: block;
        }
    }

    @media (max-width: 1024px) {
        #mma .accountpayments span {
            float: right;
        }
    }

    @media (min-width: 801px) and (max-width: 1200px) {
        #mma .accountpayments span.account {
            float: none;
            display: block;
        }
    }

    @media (max-width: 1024px) {
        #mma .accountpayments span.account {
            float: left;
            margin-bottom: 2px;
            font-size: 13.5px;
            font-weight: 500;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .accountpayments button {
            margin: 10px 0;
        }
    }

    #mma .multiaccount {
        display: inline-block;
        cursor: pointer;
        margin-bottom: 10px;
    }

        #mma .multiaccount:before {
            margin-right: 10px;
            /*  color: $teal; */
            color: #4c79a4;
            content: "+";
            text-decoration: none !important;
        }

        #mma .multiaccount span {
            /*  color: $teal; */
            color: #4c79a4;
            float: right;
            font-size: 14px;
            font-weight: 500;
            text-decoration: underline;
        }

    #mma .billhighlights ul li,
    #mma .accountpayments ul li {
        margin-left: 0;
        padding-bottom: 5px;
    }

    @media (min-width: 801px) and (max-width: 1200px) {
        #mma .billhighlights ul li,
        #mma .accountpayments ul li {
            padding-bottom: 1em;
        }
    }

    @media (max-width: 1024px) {
        #mma .billhighlights ul li,
        #mma .accountpayments ul li {
            padding-bottom: 5px;
        }
    }

    #mma .billhighlights ul,
    #mma .accountpayments ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #mma .billhighlights ul li.down .cicle-indicator, #mma .billhighlights ul li.up .cicle-indicator,
        #mma .accountpayments ul li.down .cicle-indicator,
        #mma .accountpayments ul li.up .cicle-indicator {
            display: inline-block;
            width: auto;
            float: none;
            vertical-align: text-top;
        }

            #mma .billhighlights ul li.down .cicle-indicator:before, #mma .billhighlights ul li.up .cicle-indicator:before,
            #mma .accountpayments ul li.down .cicle-indicator:before,
            #mma .accountpayments ul li.up .cicle-indicator:before {
                font-weight: 600;
                padding-right: .5em;
                font-family: 'fontAwesome';
            }

            #mma .billhighlights ul li.down .cicle-indicator:before,
            #mma .accountpayments ul li.down .cicle-indicator:before {
                content: "\f063 ";
                color: #007568;
            }

            #mma .billhighlights ul li.up .cicle-indicator:before,
            #mma .accountpayments ul li.up .cicle-indicator:before {
                content: "\f062";
                color: #df2911;
            }

    #mma .billinfo {
        margin-left: 2em;
        display: inline-block;
        padding: 20px 40px;
        background-color: #e0e6d8;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #mma .billinfo .relatedlinks {
            width: 100%;
            padding: 20px 40px;
        }

    @media only screen and (max-width: 768px) {
        #mma .billinfo .relatedlinks {
            padding: 10px 15px;
        }
    }

    #mma .billinfo .relatedlinks p {
        margin-bottom: 0;
    }

    #mma .billinfo img.pin-icon, #mma .billinfo img.bill-icon {
        float: left;
        height: 50px;
        padding: 10px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .billinfo {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .billinfo {
            margin-left: 0;
            width: 100%;
            padding: 15px;
        }
    }

    #mma .billinfo a {
        text-decoration: underline;
        display: block;
        color: #256bb4;
        text-align: left;
        font-size: small;
    }

    @media only screen and (max-width: 599px) {
        #mma .billinfo .half {
            width: 100% !important;
        }
    }

    #mma .currentbill {
        background: #f4f4f4;
        text-align: center;
        padding: 20px 20px;
        margin-top: 45px;
        border-bottom: 2px solid #5b5b5b;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .currentbill {
            padding: 20px 20px;
        }
    }

    #mma .currentbill p.amountdue {
        font-size: x-large;
        font-weight: 600;
        display: inline-block;
        margin: 0.5em auto;
    }

    @media (min-width: 1200px) {
        #mma .currentbill p.amountdue {
            font-size: xx-large;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        #mma .currentbill p.amountdue {
            font-size: x-large;
        }
    }

    #mma .currentbill p.small {
        text-align: center;
        font-weight: 500;
        width: 100%;
    }

    #mma .currentbill > button {
        margin: 0 0 !important;
        width: 80% !important;
        min-width: 66%;
    }

        #mma .currentbill > button:first-of-type {
            margin-top: 1em !important;
            margin-bottom: 1em !important;
        }

    @media (max-width: 599px) {
        #mma .currentbill > button {
            min-width: 100%;
        }
    }

    #mma .usage {
        padding: 20px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media only screen and (max-width: 599px) {
        #mma .usage {
            padding: 15px;
        }
    }

    #mma .usage > p {
        font-size: 15px;
    }

    #mma .usage .formtitle {
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 5px;
    }

    #mma .usage .mywayusage:before {
        content: " ";
        background-image: url("/cdn/images/mma-analyize-icon.png");
        width: 19px;
        height: 19px;
        display: block;
        background-repeat: no-repeat;
        float: left;
        margin-top: 5px;
        margin-right: 10px;
    }

    #mma .usage .usageimg {
        margin-top: 1em;
    }

    #mma .extension {
        padding: 0 1em;
        margin-top: 0.5em;
    }

        #mma .extension:before {
            margin-right: 10px;
            float: left;
        }

        #mma .extension a {
            text-align: center;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .extension a {
            font-size: small;
        }
    }

    @media (max-width: 599px) {
        #mma .extension a {
            font-size: small;
        }
    }

    #mma .recentpayments {
        background-color: white;
        clear: both;
        margin-bottom: 0;
    }

        #mma .recentpayments > h2 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: medium;
            font-weight: 400;
            margin: 4rem 0 0;
            padding-bottom: .5em;
            text-indent: 0;
            width: 100%;
            color: #5b5b5b;
        }

    @media (max-width: 599px) {
        #mma .recentpayments > h2 {
            text-indent: 0;
        }
    }

    /*#mma .recentpayments > h2:before {
        content: '\f09d';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }
*/
    #mma .recentpayments > h3 {
        border-bottom: thin solid #dedede;
        font-weight: 400;
        font-size: medium;
        width: 100%;
        text-indent: 0;
        padding-bottom: .5em;
        margin: 16px 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        #mma .recentpayments > h3 {
            text-indent: 0;
        }
    }

   /* #mma .recentpayments > h3:before {
        content: "\f09d";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }*/

    #mma .recentpayments .recentpayments h3 {
        border-bottom: thin solid #dedede;
        font-weight: 400;
        font-size: medium;
        width: 100%;
        text-indent: 0;
        padding-bottom: .5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        #mma .recentpayments .recentpayments h3 {
            text-indent: 0;
        }
    }
/*
    #mma .recentpayments .recentpayments h3:before {
        content: "\f09d";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }*/

    #mma .recentpayments > table {
        margin-bottom: 2em !important;
    }

    #mma .recentpayments .paymentlist {
        margin-top: 0;
        float: left;
    }

    @media (max-width: 599px) {
        #mma .recentpayments .paymentlist {
            box-shadow: none;
        }
    }

    #mma .recentpayments .paymentlist li {
        float: left;
    }

        #mma .recentpayments .paymentlist li:first-child {
            border-bottom: none;
        }

        #mma .recentpayments .paymentlist li:nth-child(even) {
            background-color: #dfeaf5 !important;
        }

        #mma .recentpayments .paymentlist li span {
            border-bottom: none;
            font-size: small;
            float: left;
            overflow-wrap: break-word;
            padding: 5px 0 5px 5px;
        }

    @media (max-width: 599px) {
        #mma .recentpayments .paymentlist li span:nth-of-type(3) {
            display: none;
        }
    }

    #mma .recentpayments .paymentlist li span.scheduled {
        text-decoration: underline;
    }

    #mma .recentpayments .paymentlist.header li {
        background: transparent !important;
        border-bottom: thin solid #dedede;
        float: left;
        font-weight: bold;
        font-size: small;
        width: 25%;
        padding: 5px 0 5px 5px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #mma .recentpayments .paymentlist.header li:first-child {
            border-bottom: thin solid #dedede;
        }

    @media (max-width: 599px) {
        #mma .recentpayments .paymentlist.header li {
            width: 33%;
        }

            #mma .recentpayments .paymentlist.header li:nth-of-type(3) {
                display: none;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .recentpayments {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .recentpayments {
            margin-left: 0;
        }

            #mma .recentpayments h3 {
                margin-top: 0;
                padding: 7px 10px;
            }
    }

    #mma .recentpayments-2 {
        margin-left: 2em;
        background-color: white;
        margin-bottom: 0;
    }

        #mma .recentpayments-2 .table-numberical-right {
            text-align: right !important;
            padding-right: 20px !important;
        }

    @media (max-width: 768px) {
        #mma .recentpayments-2 .table-numberical-right {
            padding-right: 10px !important;
        }
    }

    #mma .recentpayments-2 > table {
        margin-bottom: 2em !important;
    }

    #mma .recentpayments-2 .paymentlist {
        margin-top: 0;
        float: left;
    }

    @media (max-width: 599px) {
        #mma .recentpayments-2 .paymentlist {
            box-shadow: none;
        }
    }

    #mma .recentpayments-2 .paymentlist li {
        float: left;
    }

        #mma .recentpayments-2 .paymentlist li:first-child {
            border-bottom: none;
        }

        #mma .recentpayments-2 .paymentlist li:nth-child(even) {
            background-color: #dfeaf5 !important;
        }

        #mma .recentpayments-2 .paymentlist li span {
            border-bottom: none;
            font-size: small;
            float: left;
            overflow-wrap: break-word;
            padding: 5px 0 5px 5px;
        }

    @media (max-width: 599px) {
        #mma .recentpayments-2 .paymentlist li span:nth-of-type(3) {
            display: none;
        }
    }

    #mma .recentpayments-2 .paymentlist li span.scheduled {
        text-decoration: underline;
    }

    #mma .recentpayments-2 .paymentlist.header li {
        background: transparent !important;
        border-bottom: thin solid #dedede;
        float: left;
        font-weight: bold;
        font-size: small;
        width: 25%;
        padding: 5px 0 5px 5px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #mma .recentpayments-2 .paymentlist.header li:first-child {
            border-bottom: thin solid #dedede;
        }

    @media (max-width: 599px) {
        #mma .recentpayments-2 .paymentlist.header li {
            width: 33%;
        }

            #mma .recentpayments-2 .paymentlist.header li:nth-of-type(3) {
                display: none;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .recentpayments-2 {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .recentpayments-2 {
            margin-left: 0;
        }
    }

    #mma .edituserinfo {
        display: inline-block;
        margin: 10px;
        width: 100%;
    }


    @media (min-width: 1200px) {
        #mma .edituserinfo {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        #mma .edituserinfo {
            white-space: inherit;
        }
    }

    #mma .edituserinfo > span {
        color: #5b5b5b;
        font-weight: 400;
        border-left: 1px solid #5b5b5b;
        padding: 0px 10px;
        font-size: 15px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .edituserinfo > span {
            width: 50%;
            float: left;
            border-left: 0;
            margin-bottom: 0.5em;
            padding: 0;
            width: 100%;
        }

            #mma .edituserinfo > span:last-of-type {
                display: none;
            }
    }

    @media only screen and (max-width: 599px) {
        #mma .edituserinfo > span {
            width: 100%;
            display: inline-block;
            border-left: 0;
            padding-left: 0;
        }
    }

    @media (max-width: 599px) {
        #mma .edituserinfo > span {
            margin: 0;
            width: 100%;
        }
    }

    #mma .edituserinfo > span:nth-of-type(2) {
        border-left: 0;
        padding-left: 0;
    }

    #mma .edituserinfo > span:last-of-type {
        padding-right: 0;
    }

    #mma .edituserinfo > span a {
        text-decoration: underline;
    }

    #mma span.editinfo {
        font-family: "lato";
    }

        #mma span.editinfo:after {
            color: #256bb4;
            content: '\f040';
            font-family: 'fontAwesome';
            margin-left: 10px;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma span.editinfo {
            display: none;
        }
    }

    #mma span.editinfo.medium {
        display: none;
        width: 100%;
        text-align: right;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma span.editinfo.medium {
            display: inline-block;
        }
    }

    #mma a.scheduled:after {
        content: "\f1f8";
        color: #5b5b5b;
        font-family: 'fontAwesome';
        margin-left: 10px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
    }

    @media (max-width: 599px) {
        #mma a.scheduled:after {
            margin-left: 4px;
        }
    }

    #mma .usageimg {
        width: 100%;
        max-width: 271px;
        padding: 15px;
    }

    @media (max-width: 1023px) {
        #mma .usageimg {
            display: none;
        }
    }

    @media (max-width: 599px) {
        #mma .usageimg {
            width: 100%;
            display: none;
        }
    }

    #mma .relatedlink img {
        margin-top: 50px;
        width: 100%;
    }

    @media (max-width: 599px) {
        #mma .relatedlink img {
            margin-top: .25em;
        }
    }

    #mma .relatedlink p {
        margin-top: 1em;
        font-size: small;
    }

    #mma .contactform-small {
        padding-top: 40px;
    }

    @media only screen and (max-width: 599px) {
        #mma .contactform-small {
            padding-top: 10px;
        }
    }

    #mma .contactform-small .contact-us-title-wrapper {
        border-bottom: 1px solid #dedede;
        display: inline-block;
        width: 100%;
    }

    #mma .contactform-small .contact-us-h5 {
        border: 0;
        margin-bottom: 0;
        width: 80%;
    }

    #mma .contactform-small .chat-us-h5 {
        border: 0;
        margin-bottom: 0;
        width: 80%;
    }

    #mma .contactform-small .chat-us-h5::before {
        content: '\f590';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    #mma .contactform-small .contact-us-social {
        border-bottom: 0;
        float: right;
        margin: 15px 0 0;
        text-align: right;
        width: 100%;
    }

        #mma .contactform-small .contact-us-social li {
            display: inline-block;
            list-style: none;
            margin-right: 6px;
        }

            #mma .contactform-small .contact-us-social li:last-child {
                margin-right: 0;
            }

    #mma .contactform-small h5::before, #mma .contactform-small h2::before {
        content: '\f1d9';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    @media only screen and (max-width: 599px) {
        #mma .contactform-small h5.formtitle, #mma .contactform-small h2.formtitle {
            margin: 10px 0;
        }
    }

    #mma .contactform-small .formtitle a {
        margin-left: 10px;
    }

    #mma .contactform-small > form {
        width: 100%;
    }

        #mma .contactform-small > form label {
            max-width: 100%;
        }

            #mma .contactform-small > form label span {
                font-size: small;
                white-space: nowrap;
            }

            #mma .contactform-small > form label select {
                width: 100%;
                max-width: 100%;
                margin: 0;
                padding: 0 20px;
            }

        #mma .contactform-small > form > button {
            min-width: 100%;
            width: 100%;
            margin-top: 1em;
        }

    #mma .contactform-small label {
        width: 100%;
        max-width: 100%;
    }

    @media only screen and (max-width: 599px) {
        #mma .contactform-small label {
            margin-bottom: 0;
        }
    }

    #mma .contactform-small label span {
        padding-bottom: 5px;
        margin-top: 20px;
        display: inline-block;
    }

    #mma .contactform-small textarea.field.xl {
        margin-top: 0;
        max-width: 100%;
        margin-bottom: 2em !important;
    }

    @media only screen and (max-width: 599px) {
        #mma .contactform-small textarea.field.xl {
            min-height: 150px;
        }
    }

    #mma .usagegraph {
        position: relative;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .usagegraph {
            margin-left: 0 !important;
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .usagegraph {
            margin-left: 0;
            padding-top: 0;
        }
    }

    #mma .usagegraph img {
        display: inline-block;
        position: relative;
        width: 600px;
    }

    #mma span.edit {
        text-decoration: underline;
        float: left;
        width: 100%;
        display: inline-block;
        margin-top: .025em;
    }

    @media (min-width: 1200px) {
        #mma span.edit {
            text-align: right;
            float: right;
            margin-top: 0;
            width: auto;
        }
    }

    #mma .account-options-links {
        margin-top: 2em;
    }

    #mma .relatedpromo h5, #mma .relatedpromo h2 {
        text-transform: uppercase;
        margin-bottom: 0.5em;
    }

    @media (min-width: 1200px) {
        #mma .relatedpromo h5, #mma .relatedpromo h2 {
            font-size: 15px;
        }
    }

    @media (max-width: 1024px) {
        #mma .relatedpromo h5, #mma .relatedpromo h2 {
            font-size: 15px;
        }
    }

    @media (min-width: 1200px) {
        #mma .relatedpromo p {
            font-size: 14px;
        }
    }

    @media (max-width: 1024px) {
        #mma .relatedpromo p {
            font-size: 14px;
        }
    }

    #mma .relatedpromo img {
        width: 50px;
        padding-top: 15px;
    }

    @media (max-width: 599px) {
        #mma .relatedpromo img {
            width: 70px;
            margin: 0 40%;
        }
    }

    #mma .survey {
        margin: 15px 0;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        padding: 15px 0;
    }

    @media (min-width: 1200px) {
        #mma .paging-container .paging-wrapper {
            width: 240px;
        }

            #mma .paging-container .paging-wrapper .prev, #mma .paging-container .paging-wrapper .page-num, #mma .paging-container .paging-wrapper .next {
                font-size: 14px;
            }

            #mma .paging-container .paging-wrapper .page-num {
                margin: 0px 2%;
                padding: 0 1%;
                width: 100px;
            }
    }

    @media (max-width: 1024px) {
        #mma .paging-container .paging-wrapper {
            width: 240px;
        }

            #mma .paging-container .paging-wrapper .prev, #mma .paging-container .paging-wrapper .page-num, #mma .paging-container .paging-wrapper .next {
                font-size: 14px;
            }

            #mma .paging-container .paging-wrapper .page-num {
                margin: 0px 2%;
                padding: 0 1%;
                width: 100px;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .paging-container {
            margin-bottom: 50px;
        }
    }

    #mma .appliance-wizard-container {
        min-width: 25%;
        background: white;
        float: right;
        position: relative;
        z-index: 2;
    }

    @media (max-width: 599px) {
        #mma .appliance-wizard-container {
            float: none;
        }
    }

    #mma .appliance-calculator-cta {
        display: inline-block;
        border: 2px solid #007568;
        min-width: 229px;
        width: 100%;
        right: 0;
        position: absolute;
        top: -29px;
        background-color: white;
    }

        #mma .appliance-calculator-cta .ac-icon-wrapper {
            width: 45px;
            display: block;
            float: left;
            line-height: 0;
            padding: 1em .5em;
        }

            #mma .appliance-calculator-cta .ac-icon-wrapper .calc-icon {
                height: 30px;
                position: relative;
            }

        #mma .appliance-calculator-cta .ac-cta-wrapper {
            width: 80%;
            float: left;
            display: block;
            margin: 0;
            padding: 1.5em .5em;
            font-weight: 500;
            font-size: small;
            line-height: 16px;
        }

    @media (max-width: 768px) {
        #mma .appliance-calculator-cta .ac-cta-wrapper {
            font-size: x-small;
            padding: 2em;
        }
    }

    .account-info-container {
        width: 25%;
        float: left;
    }

    @media (max-width: 1024px) {
        .account-info-container {
            width: 100%;
        }
    }

    @media (max-width: 1024px) {
        .account-info-container .billhighlights {
            display: none;
        }
    }

    @media (max-width: 1024px) {
        .account-info-container .related-wrapper {
            display: none;
        }
    }

    .bill-info-wrapper {
        float: right;
        padding-left: 2em;
        width: 70%;
    }

    @media (max-width: 1024px) {
        .bill-info-wrapper {
            width: 100%;
            margin-top: 0;
            padding-left: 0;
        }
    }

    .edituserinfo {
        font-size: small;
    }

    .accountpayments > h5, .accountpayments > h2 {
        white-space: nowrap;
    }

    .accountpayment-list li, .billhighlight-list li {
        font-size: 15px;
        font-weight: bold;
    }

        .accountpayment-list li span, .billhighlight-list li span {
            float: right;
            width: 100%;
        }

    @media (min-width: 1200px) {
        .accountpayment-list li span, .billhighlight-list li span {
            width: auto;
        }
    }

    .accountpayment-list li span {
        width: auto;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .accountpayment-list li span {
            width: auto;
        }
    }

    @media (max-width: 1023px) {
        .accountpayment-list li span {
            width: auto;
        }
    }

    .billhighlight-list li p {
        display: inline-block;
        width: 80%;
        font-weight: 400;
        font-size: 15px;
        vertical-align: text-top;
    }

        .billhighlight-list li p .money {
            font-weight: bold;
            float: none;
        }

    .currentbill-wrapper, .usage-wrapper {
        width: 100%;
        float: left;
    }

    @media (min-width: 1200px) {
        .currentbill-wrapper, .usage-wrapper {
            width: 50%;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .currentbill-wrapper, .usage-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .currentbill-wrapper, .usage-wrapper {
            width: 100%;
        }
    }

    .usage-wrapper {
        float: right;
    }

    @media (min-width: 1200px) {
        .usage-wrapper {
            width: 43%;
            margin-top: 1.5em;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .usage-wrapper {
            margin: 1.5em 0;
        }
    }

    @media (max-width: 1023px) {
        .usage-wrapper {
            margin: 1.5em 0;
        }
    }

    @media (max-width: 599px) {
        .usage-wrapper {
            margin: 1.5em 0;
        }
    }

    .usage-wrapper-header h2 {
        border-bottom: thin solid #dedede;
        font-weight: 400;
        font-size: medium;
        color: #494949;
        width: 100%;
        text-indent: 5px;
        padding-bottom: .5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .usage-wrapper-header h2 {
            text-indent: 0;
        }
    }

    .usage-wrapper-header h2:before {
        content: "\f200";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }

    .related-wrapper-sm {
        display: none;
        width: 100%;
        margin-top: 2em;
    }

    @media (max-width: 1024px) {
        .related-wrapper-sm {
            display: inline-block;
        }
    }

    @media (max-width: 599px) {
        .related-wrapper-sm {
            display: inline-block;
        }
    }

    #textQuestionOrComment {
        border: thin solid #5b5b5b;
        height: 100px;
    }

    .usagegraph, .demandgraph {
        float: right;
        display: none;
        width: 100%;
        height: 100%;
        min-height: 366px;
        margin-top: 2em;
        margin-bottom: 1em;
    }

    @media (max-width: 768px) {
        .usagegraph, .demandgraph {
            background: #f4f4f4;
        }
    }

    @media (max-width: 599px) {
        .usagegraph, .demandgraph {
            border-top: thin solid #5b5b5b;
            border-bottom: thin solid #5b5b5b;
            width: 126.2%;
            margin-top: 1em;
            padding-top: 0;
            left: -13.2%;
            position: relative;
            background: transparent;
            float: left;
        }
    }

    .usagegraph.showgraph, .demandgraph.showgraph {
        display: block;
    }

    @media (max-width: 599px) {
        .usagegraph.showgraph, .demandgraph.showgraph {
            display: inline-block;
        }
    }

    .demandgraph {
        margin-left: 0;
        margin-top: 0;
        border: 0;
    }

    @media (max-width: 599px) {
        .demandgraph {
            margin-left: 0 !important;
            position: relative;
            margin-top: 4em !important;
        }
    }

    .usagegraph-wrapper {
        overflow: hidden;
        top: 4px;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    @media (max-width: 599px) {
        .usagegraph-wrapper {
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
        }
    }

    .daily-graph-container {
        display: inline-block;
        position: relative;
    }

    .usagegraph-wrapper {
        margin-top: -.25em;
    }

    .usagegraph > .graph-copy {
        padding: 1% 0 4%;
    }

    #chartDiv {
        background: transparent !important;
    }

    .AcleraWidgets-wrapper, .chartDiv-wrapper {
        width: 100%;
    }

    .chart-div {
        background: white;
        height: 100%;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    #graphTools > table tbody tr td {
        margin: .5em .25em .25em 0;
        float: left;
    }

        #graphTools > table tbody tr td:last-of-type {
            margin-bottom: 1em;
            margin-right: 0;
        }

    #billTypeDdl {
        white-space: nowrap !important;
        float: left !important;
    }

    @media (max-width: 599px) {
        #billTypeDdl a, #tempDdl a {
            font-size: x-small;
        }
    }

    #tempDdl {
        padding-left: 0 !important;
    }

    .dropdownII dd ul li a {
        padding-left: 1em !important;
        text-align: left !important;
    }

    .graphBottomElecIcon, .graphBottomTempIcon {
        bottom: 64px;
    }

    @media (max-width: 599px) {
        [text-anchor~="end"], [text-anchor~="middle"], [text-anchor~="start"] {
            font-size: x-small;
        }
    }

    .barColorWat, .graphBottomWatIcon {
        background: url(/cdn/images/icons/consumption-graph/icon-drop.png) no-repeat right #f4f4f4;
        background-size: 100%;
        width: 12px;
    }

    .barColorWat {
        background-size: 90%;
        margin-right: 2px;
    }

    .graphBottomWatIcon {
        bottom: 35px;
        float: left;
        left: 1em;
        position: relative;
        height: 12px;
    }

    .demand-graph-container {
        background: #f4f4f4;
        display: inline-block;
        border: 0;
        margin-top: -1em;
    }

    @media (max-width: 599px) {
        .demand-graph-container {
            border: 0;
            width: 100%;
        }
    }

    .demand-graph-top {
        background: #e4e4e4;
        border-bottom: 2px solid #dedede;
        display: inline-block;
        width: 100%;
        padding: 0 10px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top;
    }

        .demand-graph-top .smart-savings-title, .demand-graph-top .smart-savings-instructions {
            display: inline-block;
            width: 100%;
            float: left;
        }

            .demand-graph-top .smart-savings-title > p, .demand-graph-top .smart-savings-title > span > p, .demand-graph-top .smart-savings-instructions > p, .demand-graph-top .smart-savings-instructions > span > p {
                color: #5f97cd;
                line-height: normal;
                margin: 1.6em 0 1em;
                font-family: Arial;
                font-size: 18px;
                font-weight: bold;
                width: 100%;
                box-shadow: none;
            }

                .demand-graph-top .smart-savings-title > p > .small-text, .demand-graph-top .smart-savings-title > span > p > .small-text, .demand-graph-top .smart-savings-instructions > p > .small-text, .demand-graph-top .smart-savings-instructions > span > p > .small-text {
                    color: #5f97cd;
                    font-weight: normal;
                    text-align: left;
                    font-style: italic;
                    font-style: oblique;
                }

                .demand-graph-top .smart-savings-title > p > .tagline, .demand-graph-top .smart-savings-title > span > p > .tagline, .demand-graph-top .smart-savings-instructions > p > .tagline, .demand-graph-top .smart-savings-instructions > span > p > .tagline {
                    font-weight: normal;
                    text-align: left;
                    font-style: italic;
                    font-style: oblique;
                }

            .demand-graph-top .smart-savings-title > .half, .demand-graph-top .smart-savings-instructions > .half {
                width: 90%;
            }

            .demand-graph-top .smart-savings-title > .qtr, .demand-graph-top .smart-savings-instructions > .qtr {
                width: 10%;
            }

    @media (max-width: 599px) {
        .demand-graph-top .smart-savings-title, .demand-graph-top .smart-savings-instructions {
            width: 0 2%;
        }
    }

    @media (min-width: 1200px) {
        .demand-graph-top .smart-savings-title {
            margin-top: 0;
        }
    }

    @media (max-width: 1023px) {
        .demand-graph-top .smart-savings-title {
            max-width: 100%;
        }
    }

    @media (max-width: 599px) {
        .demand-graph-top .smart-savings-title {
            max-width: 100%;
        }
    }

    .demand-graph-top .smart-savings-title > .power-icon {
        float: left;
    }

        .demand-graph-top .smart-savings-title > .power-icon:before {
            display: none;
            font-family: "FontAwesome";
            content: "\f011";
            color: white;
            font-size: 1.8em;
            margin-left: -18px;
            margin-top: 0.5em;
        }

    @media (max-width: 1024px) {
        .demand-graph-top .smart-savings-title > .power-icon:before {
            font-size: 1.4em;
            margin-left: -10px;
        }
    }

    @media (max-width: 599px) {
        .demand-graph-top .smart-savings-title > .power-icon:before {
            font-size: 1.2em;
        }
    }

    .demand-graph-top .smart-savings-instructions {
        display: none;
        border-left: thin solid white;
        padding-left: 1%;
        width: 61%;
        padding-left: 2%;
    }

    @media (max-width: 1023px) {
        .demand-graph-top .smart-savings-instructions {
            background: white;
            width: 100%;
            max-width: 100%;
            padding: 0;
        }

            .demand-graph-top .smart-savings-instructions > p {
                color: #494949;
            }
    }

    @media (max-width: 599px) {
        .demand-graph-top .smart-savings-instructions {
            background: white;
            width: 100%;
            max-width: 100%;
        }

            .demand-graph-top .smart-savings-instructions > p {
                color: #494949;
            }
    }

    @media (max-width: 599px) {
        .smart-savings-instructions {
            padding: 0 4% 4%;
        }
    }

    .smart-savings-instructions > p {
        color: #5b5b5b;
        line-height: normal;
        font-size: small;
        font-weight: normal;
        width: 100%;
        box-shadow: none;
        font-style: italic;
        font-style: oblique;
        margin-bottom: 0px;
    }

        .smart-savings-instructions > p:first-child, .smart-savings-instructions > p:first-of-type {
            margin-top: 1em;
            margin-bottom: 34px;
        }

        .smart-savings-instructions > p > .small-text {
            color: #5b5b5b;
            font-weight: normal;
            text-align: left;
            font-style: italic;
            font-style: oblique;
        }

    .usagegraph > .graph-copy > .smart-savings-instructions {
        margin-top: 0;
    }

    @media (max-width: 599px) {
        .demandgraph > .graph-copy > .smart-savings-instructions {
            display: none !important;
        }
    }

    .demand-graph-menu-wrapper {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding: 2% 2% 0;
    }

    @media (max-width: 599px) {
        .demand-graph-menu-wrapper {
            display: block;
            margin: 0 auto;
            width: 92%;
        }
    }

    .demand-graph-menu-wrapper .usage-account-wrapper > select {
        background-color: white;
        width: 100%;
        vertical-align: top;
        font-size: .7em;
        padding: 0 0 0 1%;
    }

    @media (min-width: 1200px) {
        .demand-graph-menu-wrapper .usage-account-wrapper > select {
            max-width: 30%;
        }
    }

    @media (max-width: 1024px) {
        .demand-graph-menu-wrapper .usage-account-wrapper > select {
            max-width: 100%;
        }
    }

    @media (max-width: 1023px) {
        .demand-graph-menu-wrapper .usage-account-wrapper > select {
            width: 100%;
            max-width: 100%;
        }
    }

    @media (max-width: 599px) {
        .demand-graph-menu-wrapper .usage-account-wrapper > select {
            width: 100%;
        }
    }

    .usage-tabs {
        margin: 1px 4% 0;
        width: auto;
        height: auto;
    }

    @media (max-width: 1024px) {
        .usage-tabs {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
    }

    .usage-tabs > .tab-btn-container {
        width: 200px;
        margin-top: 0;
    }

    @media (max-width: 1024px) {
        .usage-tabs > .tab-btn-container {
            width: 100%;
        }
    }

    @media (max-width: 1023px) {
        .usage-tabs > .tab-btn-container {
            width: 100%;
        }
    }

    .usage-tabs > .tab-btn-container > .usage-label-name {
        display: inline-block;
        width: 100%;
        padding-bottom: 4%;
        color: #5b5b5b;
    }

    .usage-tabs > .tab-btn-container > .tab-btn-wrapper {
        background: transparent;
        width: 50%;
    }

    @media (max-width: 1024px) {
        .usage-tabs > .tab-btn-container > .tab-btn-wrapper {
            width: 50%;
        }
    }

    @media (max-width: 1023px) {
        .usage-tabs > .tab-btn-container > .tab-btn-wrapper {
            width: 50%;
        }
    }

    .usage-tabs > .tab-btn-container > .tab-btn-wrapper > .tab-btn {
        height: 93%;
    }

    @media (max-width: 1023px) {
        .usage-tabs > .tab-btn-container > .tab-btn-wrapper > .tab-btn {
            width: 100%;
        }
    }

    .usage-tabs > .tab-btn-container > .tab-btn-wrapper > .tab-btn > h3 {
        height: 100%;
    }

    @media (max-width: 1023px) {
        .usage-tabs {
            margin-left: 0;
            position: relative;
            margin-bottom: 0.5em;
        }
    }

    @media (max-width: 599px) {
        .usage-tabs {
            width: 100%;
            margin-left: 0;
        }
    }

    .usage-date-picker-wrapper, .usage-account-wrapper {
        display: inline-block;
        width: 210px;
        vertical-align: top;
    }

    @media (max-width: 1023px) {
        .usage-date-picker-wrapper, .usage-account-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .usage-date-picker-wrapper, .usage-account-wrapper {
            width: 100%;
        }
    }

    .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper {
        width: 100% !important;
    }

    .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .usage-label-name, .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .usage-label-name {
        width: 100% !important;
        display: inline-block;
        margin-bottom: 0 !important;
        color: #5b5b5b;
        padding-bottom: 4%;
        color: #5b5b5b !important;
    }

    .usage-date-picker-wrapper .usage-date-text-field, .usage-account-wrapper .usage-date-text-field {
        background-color: white;
        width: 100% !important;
    }

    .usage-date-picker-wrapper, #dvBillDates {
        width: 120px;
    }

    @media (max-width: 1023px) {
        .usage-date-picker-wrapper, #dvBillDates {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .usage-date-picker-wrapper, #dvBillDates {
            width: 100%;
        }
    }

    .usage-date-picker-wrapper > .usage-date-label-wrapper > .select, #dvBillDates > .usage-date-label-wrapper > .select {
        margin-top: .25em !important;
        height: 35px;
    }

    #dvBillDates > .select {
        margin-top: .25em !important;
        height: 35px;
    }

    .usage-label-name, .usage-date-label-name {
        white-space: nowrap;
    }

    .bill-cycle-dropdown {
        background-color: white;
        width: 80%;
        max-width: 180px;
        vertical-align: top;
    }

    @media (max-width: 1023px) {
        .bill-cycle-dropdown {
            width: 100%;
            max-width: 100%;
            float: right;
        }
    }

    @media (max-width: 599px) {
        .bill-cycle-dropdown {
            width: 100%;
            max-width: 100%;
            float: right;
        }
    }

    .demand-grap-container {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin: 0;
        padding: 0 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .demand-grap-container {
            display: none;
        }
    }

    .no-graph {
        display: none;
        margin: 2em auto;
        width: 92%;
    }

        .no-graph:before {
            content: "\f108";
            font-family: fontAwesome;
            color: #757575;
            text-align: center;
            width: 100%;
            font-size: 2em;
            margin-bottom: .5em;
        }

        .no-graph:after {
            line-height: normal;
            font-size: .9em;
            content: "To view the SmartSavings graph, your screen size must be greater than 1024 pixels (e.g. a tablet, laptop or desktop computer).";
        }

    @media (max-width: 599px) {
        .no-graph {
            display: block;
        }
    }

    .demand-grap-container {
        margin-top: 5%;
    }

    #demandGraphTitles {
        padding: 13px 10px 0 1em !important;
    }

    @media (max-width: 599px) {
        #demandGraphTitles table tbody tr {
            width: 100% !important;
        }
    }

    #demandGraphTitles table tbody tr td:first-of-type, #demandGraphTitles table tbody tr td:first-child {
        margin-left: 0 !important;
        margin-right: 2em !important;
        vertical-align: top;
    }

    #demandGraphTitles table tbody tr td#secondMonthSection {
        display: inline-block;
        margin-left: 1em !important;
    }

    #demandGraphTitles table tbody tr td > table tbody tr td > div {
        display: inline-block;
        font-size: x-small;
        vertical-align: top;
    }

    .graph-copy {
        background: white;
    }

    @media (max-width: 599px) {
        .graph-copy {
            position: absolute;
            bottom: -66px;
        }
    }

    .firstMonthColor, .secondMonthColor {
        vertical-align: middle !important;
    }

    .nodemanddata {
        text-align: center;
        margin-top: 2em;
    }

    #mma .currentbill-2 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: white;
        padding: 40px 20px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 5px 1px #e4e4e4;
        -moz-box-shadow: 0px 0px 5px 1px #e4e4e4;
        box-shadow: 0px 0px 5px 1px #e4e4e4;
    }

        #mma .currentbill-2 .amountdue {
            font-size: 46px;
            font-weight: 600;
            display: inline-block;
            margin: 0.5em auto;
            width: 100%;
        }

    @media (max-width: 599px) {
        #mma .currentbill-2 .amountdue {
            font-size: x-large;
        }
    }

    #mma .currentbill-2 p.small {
        text-align: center;
        font-weight: 500;
        width: 100%;
    }

    #mma .currentbill-2 p.extention {
        text-align: left;
        font-weight: 500;
        width: 100%;
    }

    #mma .currentbill-2 .current-bill-button-wrapper {
        margin-top: 1em;
    }

        #mma .currentbill-2 .current-bill-button-wrapper button {
            width: 100% !important;
            margin: 0 1em 1em 0 !important;
            min-width: 150px;
        }

    @media (min-width: 1200px) {
        #mma .currentbill-2 .current-bill-button-wrapper button {
            margin: 0 1em 1em 0 !important;
        }
    }

    #mma .currentbill-2 .current-bill-button-wrapper button:last-of-type {
        border: 1px solid #007568;
    }

    #mma .myway-error {
        margin-bottom: 0;
    }

        #mma .myway-error span.close {
            display: block;
        }

    #mma .billinfo-2 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #e0e6d8;
        display: inline-block;
        padding: 2em;
        width: 100%;
    }

    @media (max-width: 599px) {
        #mma .billinfo-2 {
            padding: 1em;
        }
    }

    #mma .billinfo-2 .relatedlinks {
        width: 100%;
        padding: 20px 40px;
    }

    @media only screen and (max-width: 768px) {
        #mma .billinfo-2 .relatedlinks {
            padding: 10px 15px;
        }
    }

    #mma .billinfo-2 .relatedlinks p {
        margin-bottom: 0;
    }

    #mma .billinfo-2 img.pin-icon, #mma .billinfo-2 img.bill-icon {
        float: left;
        height: 50px;
        padding: 10px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .billinfo-2 {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .billinfo-2 {
            margin-left: 0;
            width: 100%;
        }
    }

    #mma .billinfo-2 a {
        text-decoration: underline;
        display: block;
        color: #256bb4;
        text-align: center;
        font-size: small;
    }

    @media only screen and (max-width: 599px) {
        #mma .billinfo-2 .half {
            width: 100% !important;
        }
    }

    #mma .currentbill-wrapper-2, #mma .usage-wrapper-2 {
        width: 100%;
        float: left;
    }

    #mma .usage-wrapper-2 {
        padding: 2em;
        float: left;
        /*margin-top: 1.5em;*/
        color: white;
        background-color: #4c79a4;
        font-weight: 300;
    }

    @media (max-width: 599px) {
        #mma .usage-wrapper-2 {
            padding: 1em;
        }
    }

    #mma .usage-wrapper-2 .usage-2 .btn, #mma .usage-wrapper-2 .usage-2 button[type="button"], #mma .usage-wrapper-2 .usage-2 button[type="reset"], #mma .usage-wrapper-2 .usage-2 button[type="submit"], #mma .usage-wrapper-2 .usage-2 input[type="button"], #mma .usage-wrapper-2 .usage-2 input[type="reset"], #mma .usage-wrapper-2 .usage-2 input[type="submit"] {
        max-width: 260px !important;
        margin: 0 0 1em 0 !important;
        width: 100%;
        min-width: 150px;
    }

    @media (max-width: 599px) {
        #mma .usage-wrapper-2 .usage-2 .btn, #mma .usage-wrapper-2 .usage-2 button[type="button"], #mma .usage-wrapper-2 .usage-2 button[type="reset"], #mma .usage-wrapper-2 .usage-2 button[type="submit"], #mma .usage-wrapper-2 .usage-2 input[type="button"], #mma .usage-wrapper-2 .usage-2 input[type="reset"], #mma .usage-wrapper-2 .usage-2 input[type="submit"] {
            max-width: 100% !important;
        }
    }

    #mma .usage-wrapper-2 .usage-2 .btn:first-of-type, #mma .usage-wrapper-2 .usage-2 button[type="button"]:first-of-type, #mma .usage-wrapper-2 .usage-2 button[type="reset"]:first-of-type, #mma .usage-wrapper-2 .usage-2 button[type="submit"]:first-of-type, #mma .usage-wrapper-2 .usage-2 input[type="button"]:first-of-type, #mma .usage-wrapper-2 .usage-2 input[type="reset"]:first-of-type, #mma .usage-wrapper-2 .usage-2 input[type="submit"]:first-of-type {
        margin: 0 1em 1em 0 !important;
    }

        #mma .usage-wrapper-2 .usage-2 .btn:first-of-type:focus, #mma .usage-wrapper-2 .usage-2 button[type="button"]:first-of-type:focus, #mma .usage-wrapper-2 .usage-2 button[type="reset"]:first-of-type:focus, #mma .usage-wrapper-2 .usage-2 button[type="submit"]:first-of-type:focus, #mma .usage-wrapper-2 .usage-2 input[type="button"]:first-of-type:focus, #mma .usage-wrapper-2 .usage-2 input[type="reset"]:first-of-type:focus, #mma .usage-wrapper-2 .usage-2 input[type="submit"]:first-of-type:focus {
            background: #395b7b !important;
            color: white;
        }

    @media (min-width: 1200px) {
        #mma .usage-wrapper-2 .usage-2 .btn, #mma .usage-wrapper-2 .usage-2 button[type="button"], #mma .usage-wrapper-2 .usage-2 button[type="reset"], #mma .usage-wrapper-2 .usage-2 button[type="submit"], #mma .usage-wrapper-2 .usage-2 input[type="button"], #mma .usage-wrapper-2 .usage-2 input[type="reset"], #mma .usage-wrapper-2 .usage-2 input[type="submit"] {
            max-width: 42% !important;
        }
    }

    #mma .usage-wrapper-2 .usage-2 .btn:focus, #mma .usage-wrapper-2 .usage-2 button[type="button"]:focus, #mma .usage-wrapper-2 .usage-2 button[type="reset"]:focus, #mma .usage-wrapper-2 .usage-2 button[type="submit"]:focus, #mma .usage-wrapper-2 .usage-2 input[type="button"]:focus, #mma .usage-wrapper-2 .usage-2 input[type="reset"]:focus, #mma .usage-wrapper-2 .usage-2 input[type="submit"]:focus {
        background: #395b7b !important;
        color: white;
    }

    #mma .usage-wrapper-2 .usage-2 > p {
        margin-bottom: 1em;
    }

        #mma .usage-wrapper-2 .usage-2 > p:last-child {
            margin-bottom: 0;
        }

        #mma .usage-wrapper-2 .usage-2 > p > img {
            top: 2px;
            margin-right: .5em;
            position: relative;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #mma .usage-wrapper-2 {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        #mma .usage-wrapper-2 {
            margin-left: 0;
        }
    }

    #mma .usage-2 p.mywayusage:before {
        content: " ";
        background-image: url("/cdn/images/mma-analyize-icon.png");
        width: 19px;
        height: 19px;
        display: block;
        background-repeat: no-repeat;
        float: left;
        margin-top: 5px;
        margin-right: 10px;
    }

    #mma .analyze-usage-copy {
        width: 75%;
        padding-bottom: 1em;
        font-size: 15px;
        font-weight: 400;
    }

    @media (max-width: 1029px) {
        #mma .analyze-usage-copy {
            width: 100%;
        }
    }

    #mma .analyze-usage-button-wrapper a.button {
        border-radius: 3px;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 4%;
        padding: .7em 2%;
    }

    @media (max-width: 1029px) {
        #mma .analyze-usage-button-wrapper a.button {
            text-align: center;
            width: 100%;
        }
    }

    #mma .analyze-usage-button-wrapper a.button:last-of-type {
        margin-left: 1%;
    }

    #mma .formtitle {
        line-height: 1.25;
    }

    @media (max-width: 1023px) {
        .personalinfo > p > .edit {
            padding-left: 0;
        }
    }

    @media (max-width: 599px) {
        .personalinfo > p > .edit {
            padding-left: 0;
        }
    }

    .recentpayments table tr th:nth-child(2), .recentpayments table tr td:nth-child(2) {
        text-align: right;
        padding: 5px 10px;
    }

    #bill .half {
        padding: 0 5% 0 0;
    }

    #bill .summary-wrapper .list-total td {
        text-align: right;
    }

    .apc-iframe-container > iframe {
        max-width: 738px !important;
        height: 490px;
    }

    .apc-iframe-container:last-of-type > iframe, .apc-iframe-container:last-child > iframe {
        max-width: 654px !important;
        height: 600px;
    }

    #accountsContainer #mma div.account {
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .topconfirmation {
        border-bottom: thin solid #dedede;
        padding: 0 0;
        margin-bottom: 0;
        z-index: 4;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .topconfirmation {
            margin-top: 1.6em;
            padding: 15px !important;
        }
    }

    .topconfirmation div {
        margin-bottom: -80px;
        z-index: 5;
        display: block;
        position: relative;
    }

    .topconfirmation .inlineContent-list {
        list-style-type: none;
        display: inline-block;
        margin: 0;
    }

        .topconfirmation .inlineContent-list li {
            margin-left: 0;
            display: inline-block;
            margin: 1em 1em;
        }

    @media (max-width: 768px) {
        .topconfirmation .inlineContent-list li {
            margin: 10px !important;
            margin-bottom: 0;
        }
    }

    @media (max-width: 599px) {
        .topconfirmation .inlineContent-list li {
            margin: 10px !important;
        }
    }

    .topconfirmation .inlineContent-list h2 {
        font-size: 32px;
        line-height: 14px;
        margin-bottom: 20px;
        font-weight: bold;
        width: 100%;
    }

    .topconfirmation:after {
        display: block;
        height: 100px;
        width: 200px;
        position: relative;
        margin: 0 auto;
        transform: rotate(45deg);
        z-index: 3;
        position: relative;
        left: -2.5em;
    }

    @media (max-width: 599px) {
        .topconfirmation:after {
            width: 158px;
            left: -1em;
        }
    }

    .topconfirmation .inlineContent {
        margin: 0 auto !important;
        position: relative;
        float: none !important;
        width: 100%;
    }

    @media (max-width: 768px) {
        .topconfirmation .inlineContent {
            width: 90% !important;
        }
    }

    @media (max-width: 599px) {
        .topconfirmation .inlineContent {
            width: 100% !important;
        }
    }

    .inlineContent-wrapper {
        width: 100%;
        margin: 1em 0;
    }

        .inlineContent-wrapper .inlineContent-header {
            display: block;
            width: 480px;
            margin: 0 0;
            float: none;
        }

    @media (max-width: 768px) {
        .inlineContent-wrapper .inlineContent-header {
            width: 90%;
            margin-top: .5em;
        }
    }

    .blueConfirm, .grayConfirm, .orangeConfirm, .greenConfirm {
        background: url("/cdn/images/blue-arrow.png");
        width: 251px;
        height: 255px;
        float: right;
    }

    .grayConfirm {
        background-image: url("/cdn/images/grey-arrow.png");
    }

    .orangeConfirm {
        background-image: url("/cdn/images/orange-arrow.png");
    }

    .greenConfirm {
        background-image: url("/cdn/images/green-arrow.png");
    }

    .city-bg {
        background-image: url("/cdn/images/city-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        position: relative;
    }

    @media only screen and (max-width: 599px) {
        .city-bg {
            background-image: none;
            background-color: #dedede;
        }
    }

    @media only screen and (max-width: 599px) {
        .city-bg #primary-content {
            padding-top: 0;
        }
    }

    .bannerIcon {
        padding: 15px;
        display: block;
        margin: 20px auto 0;
        height: 200px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .bannerIcon {
            height: 150px;
        }
    }

    @media only screen and (max-width: 599px) {
        .bannerIcon {
            height: 120px;
        }
    }

    #paymentextension, #outage-confirmation {
        margin: 2.5em 0 0;
        width: 100%;
    }

    @media (max-width: 599px) {
        #paymentextension, #outage-confirmation {
            margin-top: 0;
            width: 100%;
        }
    }

    #paymentextension.larger-width.full-width, .larger-width.full-width#outage-confirmation {
        width: 100%;
    }

    #paymentextension .print a, #outage-confirmation .print a, #paymentextension .print .fa:before, #outage-confirmation .print .fa:before {
        color: #5b5b5b;
    }

        #paymentextension .print a:hover, #outage-confirmation .print a:hover, #paymentextension .print .fa:before:hover, #outage-confirmation .print .fa:before:hover {
            color: #007568;
        }

    #paymentextension i, #outage-confirmation i {
        padding-right: 15px;
        cursor: pointer;
    }

    #paymentextension .header-name, #outage-confirmation .header-name {
        width: auto;
        float: left;
        margin-right: 15px;
    }

    #paymentextension .results-label, #outage-confirmation .results-label {
        display: inline-block;
        padding-right: 0;
        vertical-align: top;
    }

    @media (max-width: 1023px) {
        #paymentextension .results-label, #outage-confirmation .results-label {
            font-size: small;
        }
    }

    @media (max-width: 599px) {
        #paymentextension .results-label, #outage-confirmation .results-label {
            width: 69%;
            font-size: small;
        }
    }

    #paymentextension .list, #outage-confirmation .list {
        margin-left: 1em;
        margin-bottom: 0;
        overflow: visible;
    }

    @media (max-width: 599px) {
        #paymentextension .list, #outage-confirmation .list {
            width: 94%;
        }
    }

    #paymentextension .list li, #outage-confirmation .list li {
        margin-top: 1.5em;
        color: #5b5b5b;
    }

        #paymentextension .list li:first-child, #outage-confirmation .list li:first-child {
            margin-top: 0;
        }

    .no-topconfirmation {
        margin-top: 0 !important;
    }

    @media (max-width: 599px) {
        .no-topconfirmation {
            margin-top: .5em !important;
        }
    }

    .payment-detials {
        margin-left: 2em;
        width: 25%;
        float: left;
    }

        .payment-detials:first-child {
            margin-left: 0;
        }

        .payment-detials .payment-detials-h2 {
            font-weight: bold;
            color: #5b5b5b;
        }

    @media (max-width: 599px) {
        .payment-detials {
            width: 100%;
            margin: 1em 0 0;
            text-align: center;
        }

            .payment-detials:first-child {
                margin-top: 0;
            }
    }

    .print-wrapper {
        width: auto;
        float: right;
        text-align: right;
        font-size: small;
        color: #256bb4;
    }

    @media (max-width: 599px) {
        .print-wrapper {
            display: none;
            text-align: left;
            margin-top: 2em;
            float: left;
            width: 100%;
        }
    }

    .print-wrapper > a {
        color: #256bb4;
    }

        .print-wrapper > a:before {
            content: "\f02f";
            font-family: "fontAwesome";
            font-size: 16px;
            margin-right: .5em;
            border-bottom: 0;
        }

    .paymentextension-content, .outage-confirmation-content, .bottom-content-wrapper {
        display: inline-block;
        width: 100%;
        margin: 0 0 2em;
    }

        .paymentextension-content:last-child, .outage-confirmation-content:last-child, .bottom-content-wrapper:last-child {
            margin-bottom: 0;
        }

        .paymentextension-content .paymentextension-icon-wrapper, .outage-confirmation-content .paymentextension-icon-wrapper, .paymentextension-content .ad-section-container .ads .ads-icon-wrapper, .ad-section-container .ads .paymentextension-content .ads-icon-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-icon-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-icon-wrapper, .outage-confirmation-content .outage-confirmation-icon-wrapper, .bottom-content-wrapper .paymentextension-icon-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-icon-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-icon-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-icon-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-icon-wrapper {
            display: inline-block;
            width: auto;
            vertical-align: top;
            margin: 0;
            padding: 15px;
            height: 100px;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .paymentextension-content .paymentextension-icon-wrapper .paymentextension-icon, .outage-confirmation-content .paymentextension-icon-wrapper .paymentextension-icon, .paymentextension-content .ad-section-container .ads .ads-icon-wrapper .paymentextension-icon, .ad-section-container .ads .paymentextension-content .ads-icon-wrapper .paymentextension-icon, .outage-confirmation-content .ad-section-container .ads .ads-icon-wrapper .paymentextension-icon, .ad-section-container .ads .outage-confirmation-content .ads-icon-wrapper .paymentextension-icon, .outage-confirmation-content .outage-confirmation-icon-wrapper .paymentextension-icon, .outage-confirmation-content .outage-confirmation-icon-wrapper .outage-confirmation-icon, .bottom-content-wrapper .paymentextension-icon-wrapper .paymentextension-icon, .bottom-content-wrapper .ad-section-container .ads .ads-icon-wrapper .paymentextension-icon, .ad-section-container .ads .bottom-content-wrapper .ads-icon-wrapper .paymentextension-icon, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-icon-wrapper .paymentextension-icon, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-icon-wrapper .paymentextension-icon, .outage-confirmation-content .outage-confirmation-icon-wrapper .bottom-content-wrapper .paymentextension-icon-wrapper .outage-confirmation-icon, .outage-confirmation-content .outage-confirmation-icon-wrapper .bottom-content-wrapper .ad-section-container .ads .ads-icon-wrapper .outage-confirmation-icon, .outage-confirmation-content .outage-confirmation-icon-wrapper .ad-section-container .ads .bottom-content-wrapper .ads-icon-wrapper .outage-confirmation-icon, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-icon-wrapper .outage-confirmation-icon, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-icon-wrapper .outage-confirmation-icon {
                height: 100%;
                margin-top: -1em;
                position: relative;
            }

    @media (max-width: 599px) {
        .paymentextension-content .paymentextension-icon-wrapper, .outage-confirmation-content .paymentextension-icon-wrapper, .paymentextension-content .ad-section-container .ads .ads-icon-wrapper, .ad-section-container .ads .paymentextension-content .ads-icon-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-icon-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-icon-wrapper, .outage-confirmation-content .outage-confirmation-icon-wrapper, .bottom-content-wrapper .paymentextension-icon-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-icon-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-icon-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-icon-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-icon-wrapper {
            display: block;
            margin: 15px auto;
            text-align: center;
        }
    }

    .paymentextension-content .paymentextension-content-wrapper, .outage-confirmation-content .paymentextension-content-wrapper, .paymentextension-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .paymentextension-content .ads-content-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-content-wrapper, .outage-confirmation-content .outage-confirmation-content-wrapper, .bottom-content-wrapper .paymentextension-content-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-content-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-content-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-content-wrapper {
        display: inline-block;
        width: 470px;
        text-align: left;
        padding-top: 1em;
    }

    @media (min-width: 1200px) {
        .paymentextension-content .paymentextension-content-wrapper, .outage-confirmation-content .paymentextension-content-wrapper, .paymentextension-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .paymentextension-content .ads-content-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-content-wrapper, .outage-confirmation-content .outage-confirmation-content-wrapper, .bottom-content-wrapper .paymentextension-content-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-content-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-content-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-content-wrapper {
            width: 80%;
        }
    }

    @media (max-width: 1023px) {
        .paymentextension-content .paymentextension-content-wrapper, .outage-confirmation-content .paymentextension-content-wrapper, .paymentextension-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .paymentextension-content .ads-content-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-content-wrapper, .outage-confirmation-content .outage-confirmation-content-wrapper, .bottom-content-wrapper .paymentextension-content-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-content-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-content-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-content-wrapper {
            width: 80%;
        }
    }

    @media (max-width: 768px) {
        .paymentextension-content .paymentextension-content-wrapper, .outage-confirmation-content .paymentextension-content-wrapper, .paymentextension-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .paymentextension-content .ads-content-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-content-wrapper, .outage-confirmation-content .outage-confirmation-content-wrapper, .bottom-content-wrapper .paymentextension-content-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-content-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-content-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-content-wrapper {
            width: 60%;
        }
    }

    @media (max-width: 599px) {
        .paymentextension-content .paymentextension-content-wrapper, .outage-confirmation-content .paymentextension-content-wrapper, .paymentextension-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .paymentextension-content .ads-content-wrapper, .outage-confirmation-content .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .outage-confirmation-content .ads-content-wrapper, .outage-confirmation-content .outage-confirmation-content-wrapper, .bottom-content-wrapper .paymentextension-content-wrapper, .bottom-content-wrapper .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .bottom-content-wrapper .ads-content-wrapper, .bottom-content-wrapper .outage-confirmation-content .outage-confirmation-content-wrapper, .outage-confirmation-content .bottom-content-wrapper .outage-confirmation-content-wrapper {
            width: 100%;
        }
    }

    .bottom-content-wrapper {
        border-top: thin solid #dedede;
        margin-top: 2em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .bottom-content-wrapper {
            padding: 0 2%;
        }
    }

    .bottom-content-wrapper.no-padding {
        margin-left: 0;
    }

    .bottom-content-wrapper .bottom-content {
        margin-top: 0;
        width: 40%;
        float: left;
    }

    @media (max-width: 1023px) {
        .bottom-content-wrapper .bottom-content {
            width: 100%;
        }
    }

    .bottom-content-wrapper .bottom-content p {
        text-align: left !important;
        font-size: small;
    }

    .bottom-content-wrapper .bottom-content hr {
        margin-bottom: 2em;
    }

    @media (max-width: 768px) {
        .bottom-content-wrapper .bottom-content hr {
            margin-bottom: .5em;
        }
    }

    @media (max-width: 599px) {
        .bottom-content-wrapper .bottom-content hr {
            margin-bottom: 1em;
        }
    }

    @media (max-width: 768px) {
        .bottom-content-wrapper .bottom-content {
            margin-bottom: 1em;
        }
    }

    @media (max-width: 599px) {
        .bottom-content-wrapper .bottom-content {
            margin-bottom: 1em;
        }
    }

    .bottom-content-wrapper .bottom-btn-wrapper {
        margin-top: 2em;
        width: 100%;
    }

    @media (max-width: 768px) {
        .bottom-content-wrapper .bottom-btn-wrapper > button {
            margin-left: 0;
            margin-bottom: 1em;
        }

            .bottom-content-wrapper .bottom-btn-wrapper > button:last-child {
                margin-bottom: 0;
            }
    }

    @media (max-width: 599px) {
        .bottom-content-wrapper .bottom-btn-wrapper > button {
            margin-left: 0;
            margin-bottom: 1em;
        }

            .bottom-content-wrapper .bottom-btn-wrapper > button:last-child {
                margin-bottom: 0;
            }
    }

    .larger-width .paymentextension-content > .listtitle, .larger-width .outage-confirmation-content > .listtitle {
        margin-top: 0;
    }

    .larger-width .paymentextension-content-wrapper, .larger-width .ad-section-container .ads .ads-content-wrapper, .ad-section-container .ads .larger-width .ads-content-wrapper, .larger-width .outage-confirmation-content .outage-confirmation-content-wrapper, .outage-confirmation-content .larger-width .outage-confirmation-content-wrapper {
        width: 100%;
    }

    .larger-width .bottom-content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

        .larger-width .bottom-content-wrapper .bottom-btn-wrapper button {
            width: 35%;
            margin-left: 0;
        }

            .larger-width .bottom-content-wrapper .bottom-btn-wrapper button:first-child {
                margin-right: 1em;
            }

    @media (max-width: 599px) {
        .larger-width .bottom-content-wrapper .bottom-btn-wrapper button {
            width: 100%;
        }

            .larger-width .bottom-content-wrapper .bottom-btn-wrapper button:last-child {
                margin-right: 0;
            }
    }

    @media (max-width: 599px) {
        .larger-width .bottom-content-wrapper .bottom-btn-wrapper {
            margin-bottom: 0;
        }

            .larger-width .bottom-content-wrapper .bottom-btn-wrapper > button {
                margin-bottom: 1em;
            }

                .larger-width .bottom-content-wrapper .bottom-btn-wrapper > button:last-child {
                    margin-bottom: .8em;
                }
    }

    .top-header-container {
        border-bottom: thin solid #dedede;
        width: 100%;
        float: left;
        min-height: 255px;
        margin-bottom: 2.5em;
    }

    @media (max-width: 599px) {
        .top-header-container {
            margin-bottom: 1.5em;
        }
    }

    .top-header-container .header-icon, .top-header-container .header-icon-landscape {
        display: inline-block;
        width: 25%;
        min-width: 251px;
        height: 255px;
        float: right;
        vertical-align: top;
    }

        .top-header-container .header-icon.blue-confirm, .top-header-container .header-icon.gray-confirm, .top-header-container .header-icon.orange-confirm, .top-header-container .header-icon.green-confirm, .top-header-container .header-icon-landscape.blue-confirm, .top-header-container .header-icon-landscape.gray-confirm, .top-header-container .header-icon-landscape.orange-confirm, .top-header-container .header-icon-landscape.green-confirm {
            background: url("/cdn/images/eligible-chevron.png") no-repeat right 0;
        }

        .top-header-container .header-icon.gray-confirm, .top-header-container .header-icon-landscape.gray-confirm {
            background-image: url("/cdn/images/decline-chevron.png");
        }

        .top-header-container .header-icon.orange-confirm, .top-header-container .header-icon-landscape.orange-confirm {
            background-image: url("/cdn/images/not-eligible-chevron.png");
        }

        .top-header-container .header-icon.green-confirm, .top-header-container .header-icon-landscape.green-confirm {
            background-image: url("/cdn/images/accepted-chevron.png");
        }

    .top-header-container .header-icon {
        display: none;
    }

    @media (min-width: 1200px) {
        .top-header-container .header-icon {
            display: block;
        }
    }

    .top-header-container .header-icon-landscape {
        width: 100%;
        height: 100px;
        margin-top: 2em;
    }

    @media (min-width: 1200px) {
        .top-header-container .header-icon-landscape {
            display: none;
        }
    }

    .top-header-container .header-icon-landscape.blue-confirm, .top-header-container .header-icon-landscape.gray-confirm, .top-header-container .header-icon-landscape.orange-confirm, .top-header-container .header-icon-landscape.green-confirm {
        background: #f4f4f4 url("/cdn/images/eligible-icon-sm.png") no-repeat center center;
        background-size: 60px;
    }

    .top-header-container .header-icon-landscape.gray-confirm {
        background-image: url("/cdn/images/decline-icon-sm.png");
        background-color: #dedede;
        background-size: 60px;
    }

    .top-header-container .header-icon-landscape.orange-confirm {
        background-image: url("/cdn/images/ineligible-icon-sm.png");
        background-color: #fbe7cc;
        background-size: 60px;
    }

    .top-header-container .header-icon-landscape.green-confirm {
        background-image: url("/cdn/images/accepted-icon-sm.png");
        background-color: #e0e6d8;
        background-size: 60px;
    }

    .top-header-container .top-header-wrapper {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding: 2em 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (min-width: 1200px) {
        .top-header-container .top-header-wrapper {
            width: 64%;
        }
    }

    .top-header-container .top-header-wrapper.blue-confirm > h2, .top-header-container .top-header-wrapper.gray-confirm > h2, .top-header-container .top-header-wrapper.orange-confirm > h2, .top-header-container .top-header-wrapper.green-confirm > h2 {
        color: #012877;
        font-size: medium;
        font-weight: 400;
        width: 100%;
        margin-bottom: 7px;
    }

    .top-header-container .top-header-wrapper.gray-confirm > h2 {
        color: #5b5b5b;
    }

    .top-header-container .top-header-wrapper.orange-confirm > h2 {
        color: #cf4a0c;
    }

    .top-header-container .top-header-wrapper.green-confirm > h2 {
        color: #007568;
    }

        .top-header-container .top-header-wrapper.green-confirm > h2 big {
            font-weight: bold;
        }

        .top-header-container .top-header-wrapper.green-confirm > h2 > a {
            text-decoration: underline !important;
        }

    .top-header-container .top-header-wrapper.green-confirm > p big {
        font-weight: 400;
    }

    .top-header-container .top-header-wrapper .top-header-list {
        list-style-type: none;
        display: inline-block;
        margin: 0 0;
    }

        .top-header-container .top-header-wrapper .top-header-list li {
            margin-left: 0;
            display: inline-block;
            margin: 0 1em 1em;
        }

            .top-header-container .top-header-wrapper .top-header-list li:first-child {
                margin-top: 1em;
                margin-left: 0;
            }

            .top-header-container .top-header-wrapper .top-header-list li:last-child {
                margin-bottom: 0;
            }

    @media (max-width: 768px) {
        .top-header-container .top-header-wrapper .top-header-list li {
            margin: 0;
            width: 100%;
        }

            .top-header-container .top-header-wrapper .top-header-list li:first-child {
                margin-top: 1em;
            }
    }

    .top-header-container .top-header-wrapper .top-header-list li > p {
        font-style: italic;
    }

    .top-header-container .top-header-wrapper .top-header-list li > h2 {
        color: #494949;
        font-size: x-large;
        line-height: 14px;
        margin-bottom: 20px;
        font-weight: bold;
        width: 100%;
    }

    .header-oops {
        background-image: url("/cdn/images/backgrounds/oops/oops-dark.jpg") !important;
        background-position: 0 0 !important;
        position: relative;
        height: auto !important;
        min-height: 300px;
        overflow: hidden;
    }

    @media (max-width: 768px) {
        .header-oops {
            width: 100%;
            min-width: 100%;
            margin-left: 0 !important;
        }
    }

    @media (max-width: 599px) {
        .header-oops {
            display: block !important;
            min-height: 368px;
        }
    }

    .header-oops > .header-content-container {
        background: rgba(0, 0, 0, 0.5);
        border-radius: 3px 3px;
        margin: 2.5% auto !important;
        padding: 2% 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .header-oops > .header-content-container {
            width: 93%;
            padding: 4% 2%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }

    @media (max-width: 599px) {
        .header-oops > .header-content-container {
            border-radius: 0;
            width: 100%;
            height: 100%;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding: 8% 4%;
        }
    }

    .header-oops > .header-content-container .header-image {
        width: 28% !important;
        height: auto !important;
    }

    @media (max-width: 1023px) {
        .header-oops > .header-content-container .header-image {
            display: none;
        }
    }

    @media (max-width: 1023px) {
        .header-oops > .header-content-container .header-image {
            display: none;
        }
    }

    .header-oops > .header-content-container .header-image > h1 {
        font-size: 4.8em;
        color: white;
        font-weight: bold;
        margin-top: 0.25em;
    }

    .header-oops > .header-content-container .header-content-wrapper {
        margin-top: 0 !important;
        width: 66% !important;
    }

    @media (max-width: 1023px) {
        .header-oops > .header-content-container .header-content-wrapper {
            width: 90% !important;
            margin-left: 0;
        }
    }

    @media (max-width: 599px) {
        .header-oops > .header-content-container .header-content-wrapper {
            width: 90% !important;
        }
    }

    .header-oops > .header-content-container .header-content-wrapper > p {
        font-weight: 300;
    }

    .header-oops > .header-content-container .header-content-wrapper > ol {
        margin-bottom: 2%;
    }

        .header-oops > .header-content-container .header-content-wrapper > ol li {
            font-weight: 400;
            /*color: #9fc1e1;*/
            color: white;
            font-size: small;
        }

    @media (max-width: 1023px) {
        .header-oops > .header-content-container .header-content-wrapper .header-content-title.small-title {
            width: 98%;
        }

            .header-oops > .header-content-container .header-content-wrapper .header-content-title.small-title:before {
                content: "Oops! ";
            }
    }

    @media (max-width: 599px) {
        .header-oops > .header-content-container .header-content-wrapper .header-content-title.small-title {
            width: 98%;
        }

            .header-oops > .header-content-container .header-content-wrapper .header-content-title.small-title:before {
                content: "Oops! ";
            }
    }

    @media (max-width: 599px) {
        .header-oops > .header-search-container {
            margin-top: 0;
        }
    }

    @media (max-width: 599px) {
        .oops-header {
            width: 100%;
            margin-left: 0;
        }
    }

    @media (max-width: 1023px) {
        .oops-header {
            width: 98%;
        }
    }

    .oops-header {
        color: white;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: .5em;
        margin-top: .5em;
    }

    .header-oops .oops-label-wrapper {
        margin-top: .5em !important;
        max-width: 592px !important;
        height: auto !important;
    }

    @media (min-width: 1200px) {
        .header-oops .oops-label-wrapper {
            max-width: 800px !important;
        }
    }

    @media (max-width: 1023px) {
        .header-oops .oops-label-wrapper {
            max-width: 90% !important;
            min-width: 90% !important;
            width: 90%;
        }
    }

    @media (max-width: 599px) {
        .header-oops .oops-label-wrapper {
            max-width: 90% !important;
            min-width: 90% !important;
            width: 90%;
        }
    }

    .header-oops .oops-label-wrapper .oops-label-name {
        font-size: small !important;
        color: white !important;
        text-align: left !important;
        margin-top: 2em;
    }

    .header-oops .oops-label-wrapper .oops-text-field {
        background: rgba(255, 255, 255, 0.9) !important;
        margin-top: 1% !important;
    }

    @media (max-width: 599px) {
        .header-oops .oops-label-wrapper .oops-text-field {
            width: 82% !important;
        }
    }

    .header-oops .oops-label-wrapper .oops-btn {
        background: black !important;
        margin: 1% -.5% 0 !important;
    }

    @media (max-width: 599px) {
        .header-oops .oops-label-wrapper .oops-btn {
            min-width: 42px !important;
        }
    }

    .content-container-oops > .cmscontent, .content-container-oops > .const-content {
        margin: 0 auto 1em !important;
        width: 90% !important;
    }

    @media (min-width: 1200px) {
        .content-container-oops > .cmscontent, .content-container-oops > .const-content {
            width: 60% !important;
        }
    }

    @media (max-width: 1023px) {
        .content-container-oops > .cmscontent, .content-container-oops > .const-content {
            width: 90% !important;
        }
    }

    .oops-list li {
        display: inline-block;
        border-right: thin solid #dedede;
        list-style: none;
        vertical-align: top;
        width: 30%;
        min-height: 200px;
        margin: 0 2%;
        padding-right: 2em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

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

        .oops-list li:last-of-type {
            border-right: 0;
            margin-right: 0;
        }

    @media (max-width: 1023px) {
        .oops-list li {
            width: 100%;
            border-right: 0;
            margin: 2% 0;
            padding-right: 0;
        }
    }

    @media (max-width: 599px) {
        .oops-list li {
            width: 100%;
            border-right: 0;
            margin: 2% 0;
            padding-right: 0;
        }
    }

    .oops-list li .list-oops-btn {
        text-align: left;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

        table.outage-tickets, table.list-body-table {
            margin-top: 2%;
        }

            table.outage-tickets thead, table.list-body-table thead, table.outage-tickets tbody, table.list-body-table tbody {
                width: 100%;
            }

            table.outage-tickets .thead, table.list-body-table .thead {
                background: #4c79a4;
                border-bottom: thin solid #cfcfcf;
                height: auto;
                padding: .9em 0;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                table.outage-tickets .thead tr, table.list-body-table .thead tr {
                    display: table;
                    padding: 0;
                    width: 100%;
                }

                    table.outage-tickets .thead tr th, table.list-body-table .thead tr th {
                        display: inline-block;
                        text-align: left;
                        font-size: medium;
                        font-weight: 500;
                        color: white;
                        float: left;
                        padding: 1% 1%;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        vertical-align: top;
                    }

                        table.outage-tickets .thead tr th.col-1, table.list-body-table .thead tr th.col-1 {
                            width: 15%;
                        }

                        table.outage-tickets .thead tr th.col-2, table.list-body-table .thead tr th.col-2 {
                            width: 40%;
                        }

    @media (max-width: 599px) {
        table.outage-tickets .thead .col-1, table.list-body-table .thead .col-1 {
            font-size: small;
            width: 33% !important;
        }

        table.outage-tickets .thead .col-2, table.list-body-table .thead .col-2 {
            font-size: small;
            width: 60% !important;
        }
    }

    table.outage-tickets .tbody, table.list-body-table .tbody {
        width: 100%;
        margin-top: -6px;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        table.outage-tickets .tbody tr, table.list-body-table .tbody tr {
            float: left;
            border-bottom: thin solid #cfcfcf;
            width: 100%;
        }

            table.outage-tickets .tbody tr:last-of-type, table.list-body-table .tbody tr:last-of-type, table.outage-tickets .tbody tr:last-child, table.list-body-table .tbody tr:last-child {
                border-bottom: 0 !important;
            }

            table.outage-tickets .tbody tr td, table.list-body-table .tbody tr td {
                border-right: thin solid #cfcfcf;
                padding: 1% 1%;
                min-height: 50px;
                font-size: small;
                vertical-align: top;
                float: left;
                overflow-wrap: break-word;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                table.outage-tickets .tbody tr td:first-child, table.list-body-table .tbody tr td:first-child {
                    white-space: normal;
                }

                table.outage-tickets .tbody tr td.col-1, table.list-body-table .tbody tr td.col-1 {
                    width: 15%;
                }

                table.outage-tickets .tbody tr td.col-2, table.list-body-table .tbody tr td.col-2 {
                    border-right: 0;
                    width: 40%;
                }

            table.outage-tickets .tbody tr:nth-child(even), table.list-body-table .tbody tr:nth-child(even) {
                background: #f4f4f4;
            }

            table.outage-tickets .tbody tr:last-child, table.list-body-table .tbody tr:last-child, table.outage-tickets .tbody tr:last-of-type, table.list-body-table .tbody tr:last-of-type {
                border-bottom: 0;
            }

    @media only screen and (max-width: 599px) {
        table.outage-tickets .tbody .col-1, table.list-body-table .tbody .col-1 {
            width: 33% !important;
            border-right: 0;
            padding-top: 1em;
        }

        table.outage-tickets .tbody .col-2, table.list-body-table .tbody .col-2 {
            border-left: thin solid #cfcfcf !important;
            width: 60% !important;
            white-space: pre-line !important;
            padding-left: .5em;
            padding-top: 1em;
        }
    }

    .outage-tickets .tbody > tr:last-of-type, .list-body-table .tbody > tr:last-of-type, .outage-tickets .tbody > tr:last-child, .list-body-table .tbody > tr:last-child {
        border-bottom: 0 !important;
    }

    .outage-tickets .tbody > .child-row .detail-header > .detail-content, .list-body-table .tbody > .child-row .detail-header > .detail-content, .outage-tickets .tbody > .child-row .detail-body > .detail-content, .list-body-table .tbody > .child-row .detail-body > .detail-content {
        height: 50px;
        width: 170px;
    }

    @media (max-width: 599px) {
        .outage-tickets .tbody > .child-row .detail-header > .detail-content, .list-body-table .tbody > .child-row .detail-header > .detail-content, .outage-tickets .tbody > .child-row .detail-body > .detail-content, .list-body-table .tbody > .child-row .detail-body > .detail-content {
            font-size: 0.9em;
            width: 127px;
            height: 40px;
        }
    }

    .outage-tickets .tbody > .child-row .detail-header > .detail-content:first-child, .list-body-table .tbody > .child-row .detail-header > .detail-content:first-child, .outage-tickets .tbody > .child-row .detail-header > .detail-content:last-of-type, .list-body-table .tbody > .child-row .detail-header > .detail-content:last-of-type, .outage-tickets .tbody > .child-row .detail-body > .detail-content:first-child, .list-body-table .tbody > .child-row .detail-body > .detail-content:first-child, .outage-tickets .tbody > .child-row .detail-body > .detail-content:last-of-type, .list-body-table .tbody > .child-row .detail-body > .detail-content:last-of-type {
        height: auto;
    }

    .content-container-or p {
        display: inline-block;
    }

    .outage-bg-wrapper {
        background: url("/cdn/images/backgrounds/outage/outage_001.jpg") no-repeat center center;
        display: block;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        min-height: 100%;
    }

    @media (max-width: 599px) {
        .outage-bg-wrapper {
            margin: 0 !important;
            padding: 0 4% !important;
        }
    }

    .list-header {
        border-top: thin solid #cfcfcf;
        border-bottom: thin solid #cfcfcf;
        width: 100%;
        min-height: 50px;
        margin-top: 2%;
        padding: .8em 1% 2%;
        z-index: 2;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .list-header .title-select, .list-header .title-account {
            display: inline-block;
            text-align: left;
            font-size: medium;
            font-weight: bold;
            color: #5b5b5b;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            vertical-align: top;
        }

        .list-header .title-select {
            width: auto;
            margin-right: 4%;
        }

        .list-header .title-account {
            width: 80%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    @media (max-width: 599px) {
        .list-header .title-account {
            width: auto;
        }
    }

    @media (max-width: 599px) {
        .list-body {
            width: 100%;
        }
    }

    .list-body > ul {
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }

        .list-body > ul li {
            display: inline-block;
            border-bottom: thin solid #cfcfcf;
            list-style-type: none;
            width: 100% !important;
            height: auto;
            padding: 1% 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .list-body > ul li:nth-child(even) {
                background: #f4f4f4;
            }

            .list-body > ul li:last-child, .list-body > ul li:last-of-type {
                border-bottom: 0;
            }

            /*Adjust this for the Report an Outage hover background::Background should be #bfd5eb*/
            .list-body > ul li:hover {
                background: #bfd5eb !important;
            }

            .list-body > ul li > label {
                display: block;
                height: 100%;
                max-width: 100%;
            }

                .list-body > ul li > label:hover {
                    cursor: pointer;
                }


                /*Adjust this for the Report an Outage hover text::Text should be #5b5b5b, remove bold weight*/
                .list-body > ul li > label input[type="checkbox"]:checked + p, .list-body > ul li > label input[type="checkbox"]:checked ~ span, .list-body > ul li > label input[type="radio"]:checked + p, .list-body > ul li > label input[type="radio"]:checked ~ span {
                    color: #5b5b5b;
                }

                .list-body > ul li > label i {
                    margin: 0 4% 0 2%;
                }

                .list-body > ul li > label > span.account-details {
                    display: inline-block;
                    margin: 0;
                    vertical-align: top;
                    color: #5b5b5b;
                    font-size: .9em;
                    width: 80%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .list-body > ul li > label > span.account-details b {
                        text-transform: uppercase;
                    }

    @media (max-width: 599px) {
        .list-body > ul li > label > span.account-details {
            white-space: normal;
        }
    }

    .list-body-table > .thead > tr > .col-1 {
        width: auto !important;
        margin-right: 1em;
    }

    .list-body-table > .thead > tr > .col-2 {
        width: auto !important;
    }

    .list-body-table > .tbody > tr > td {
        width: 100%;
        vertical-align: top;
        padding: 0 !important;
    }

        .list-body-table > .tbody > tr > td > div {
            display: inline-block;
            width: 100%;
        }

            .list-body-table > .tbody > tr > td > div > label {
                display: inline-block;
                width: 100%;
                height: 100%;
                padding: 1% 1%;
            }

                .list-body-table > .tbody > tr > td > div > label:nth-child(even) {
                    background: #f4f4f4;
                }

                .list-body-table > .tbody > tr > td > div > label:hover {
                    background: #f4f4f4;
                    cursor: pointer;
                }

                .list-body-table > .tbody > tr > td > div > label > p {
                    display: inline-block;
                    vertical-align: middle;
                }

    @media (max-width: 599px) {
        .list-body-table > .tbody > tr > td > div > label > p {
            width: 87%;
            margin-left: 0;
        }
    }

    .list-body-table > .tbody > tr > td span.resident, .list-body-table > .tbody > tr > td span.commer {
        width: 45px;
        height: 28px;
        float: right;
    }

    @media (max-width: 768px) {
        .list-body-table > .tbody > tr > td span.resident, .list-body-table > .tbody > tr > td span.commer {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .list-body-table > .tbody > tr > td span.resident, .list-body-table > .tbody > tr > td span.commer {
            display: none;
        }
    }

    .list-body-table > .tbody > tr > td span.resident {
        background: url("/cdn/images/icons/outage/residential_icon_sm.png") no-repeat center center;
    }

    .list-body-table > .tbody > tr > td span.commer {
        background: url("/cdn/images/icons/outage/commercial_icon_sm.png") no-repeat center center;
    }

    .list-body-table > .tbody > tr:hover {
        cursor: pointer;
    }

    .select-service-issue-container {
        display: inline-block;
        margin: 2% 0 0;
        width: 100%;
        height: 100%;
    }

        .select-service-issue-container .meter-wrapper {
            background: white;
            width: 23%;
            max-width: 195px;
            height: 159px;
            overflow: hidden;
            float: left;
            margin: 2% 2% 0 0;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    @media (max-width: 599px) {
        .select-service-issue-container .meter-wrapper {
            height: inherit;
        }
    }

    .select-service-issue-container .meter-wrapper:last-of-type {
        margin-right: 0;
    }

    .select-service-issue-container .meter-wrapper .service-issue {
        display: inline-block;
        border: thin solid #757575;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        margin: 0;
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .select-service-issue-container .meter-wrapper .service-issue span {
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        color: #5b5b5b;
        display: block;
    }

.select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue {
    background: #256bb4;
    border-color: #256bb4;
}

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue .meter-icons.sewer-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue .meter-icons.sewer-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue .meter-icons.sewer-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue .meter-icons.sewer-icon {
            background-image: url("/cdn/images/icons/outage/sewer_icon_white.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue .meter-icons.electric-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue .meter-icons.electric-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue .meter-icons.electric-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue .meter-icons.electric-icon {
            background-image: url("/cdn/images/icons/outage/electric_icon_white.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue .meter-icons.water-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue .meter-icons.water-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue .meter-icons.water-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue .meter-icons.water-icon {
            background-image: url("/cdn/images/icons/outage/water_icon_white.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue .meter-icons.irrigation-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue .meter-icons.irrigation-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue .meter-icons.irrigation-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue .meter-icons.irrigation-icon {
            background-image: url("/cdn/images/icons/outage/irrigation_icon_white.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue span, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue span, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue span, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue span {
            color: white;
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked + .service-issue:hover, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:checked ~ .service-issue:hover, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked + .service-issue:hover, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:checked ~ .service-issue:hover {
            cursor: default;
        }

    .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue {
        border-color: #efefef;
    }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue .meter-icons.sewer-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue .meter-icons.sewer-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue .meter-icons.sewer-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue .meter-icons.sewer-icon {
            background-image: url("/cdn/images/icons/outage/sewer_icon_disable.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue .meter-icons.electric-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue .meter-icons.electric-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue .meter-icons.electric-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue .meter-icons.electric-icon {
            background-image: url("/cdn/images/icons/outage/electric_icon_disable.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue .meter-icons.water-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue .meter-icons.water-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue .meter-icons.water-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue .meter-icons.water-icon {
            background-image: url("/cdn/images/icons/outage/water_icon_disable.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue .meter-icons.irrigation-icon, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue .meter-icons.irrigation-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue .meter-icons.irrigation-icon, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue .meter-icons.irrigation-icon {
            background-image: url("/cdn/images/icons/outage/irrigation_icon_disable.png");
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue span, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue span, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue span, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue span {
            color: #efefef;
        }

        .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled + .service-issue:hover, .select-service-issue-container .meter-wrapper .tab-input[type="checkbox"]:disabled ~ .service-issue:hover, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled + .service-issue:hover, .select-service-issue-container .meter-wrapper .tab-input[type="radio"]:disabled ~ .service-issue:hover {
            cursor: default;
        }

    .select-service-issue-container .meter-wrapper:hover .service-issue {
        border-color: #348ac9;
        cursor: pointer;
    }

        .select-service-issue-container .meter-wrapper:hover .service-issue .meter-icons.sewer-icon {
            background-image: url("/cdn/images/icons/outage/sewer_icon_blue.png");
        }

        .select-service-issue-container .meter-wrapper:hover .service-issue .meter-icons.electric-icon {
            background-image: url("/cdn/images/icons/outage/electric_icon_blue.png");
        }

        .select-service-issue-container .meter-wrapper:hover .service-issue .meter-icons.water-icon {
            background-image: url("/cdn/images/icons/outage/water_icon_blue.png");
        }

        .select-service-issue-container .meter-wrapper:hover .service-issue .meter-icons.irrigation-icon {
            background-image: url("/cdn/images/icons/outage/irrigation_icon_blue.png");
        }

        .select-service-issue-container .meter-wrapper:hover .service-issue span {
            color: #348ac9;
        }

    @media (max-width: 768px) {
        .select-service-issue-container .meter-wrapper {
            width: 48%;
            max-width: 48%;
            margin-top: 2%;
        }
    }

    @media (max-width: 599px) {
        .select-service-issue-container .meter-wrapper {
            width: 48%;
            max-width: 48%;
            margin-top: 3%;
        }
    }

    .meter-icons {
        display: inline-block;
        width: 80px;
        height: 86px;
        margin: 1.4em auto .5em;
    }

        .meter-icons.sewer-icon {
            background: url("/cdn/images/icons/outage/sewer_icon_gray.png") no-repeat center center;
        }

        .meter-icons.electric-icon {
            background: url("/cdn/images/icons/outage/electric_icon_gray.png") no-repeat center center;
        }

        .meter-icons.water-icon {
            background: url("/cdn/images/icons/outage/water_icon_gray.png") no-repeat center center;
        }

        .meter-icons.irrigation-icon {
            background: url("/cdn/images/icons/outage/irrigation_icon_gray.png") no-repeat center center;
        }

    @media (max-width: 599px) {
        .meter-icons {
            height: 46px;
            background-size: 66% !important;
        }
    }

    .sa-types-container, .problem-type-container {
        display: inline-block;
        width: 100%;
        margin-top: 1%;
    }

        .sa-types-container .list-header, .problem-type-container .list-header {
            margin-bottom: 2%;
        }

        .sa-types-container .list-of-problems, .problem-type-container .list-of-problems {
            display: none;
            width: 100%;
            -webkit-animation-delay: 0;
            -webkit-animation-duration: 1.5s;
            -webkit-animation-iteration-count: 1;
            -webkit-animation-name: fadeIn;
            -webkit-animation-timing-function: linear;
            -webkit-animation-fill-mode: forwards;
            -moz-animation-delay: 0;
            -moz-animation-duration: 1.5s;
            -moz-animation-iteration-count: 1;
            -moz-animation-name: fadeIn;
            -moz-animation-timing-function: linear;
            -moz-animation-fill-mode: forwards;
            -o-animation-delay: 0;
            -o-animation-duration: 1.5s;
            -o-animation-iteration-count: 1;
            -o-animation-name: fadeIn;
            -o-animation-timing-function: linear;
            -o-animation-fill-mode: forwards;
            -ms-animation-delay: 0;
            -ms-animation-duration: 1.5s;
            -ms-animation-iteration-count: 1;
            -ms-animation-name: fadeIn;
            -ms-animation-timing-function: linear;
            -ms-animation-fill-mode: forwards;
            animation-delay: 0;
            animation-duration: 1.5s;
            animation-iteration-count: 1;
            animation-name: fadeIn;
            animation-timing-function: linear;
            animation-fill-mode: forwards;
        }

            .sa-types-container .list-of-problems.active, .problem-type-container .list-of-problems.active {
                display: inline-block;
            }

            .sa-types-container .list-of-problems > .label-qtr span, .sa-types-container .list-of-problems > .label-sm span, .problem-type-container .list-of-problems > .label-qtr span, .problem-type-container .list-of-problems > .label-sm span {
                font-size: small;
            }

                .sa-types-container .list-of-problems > .label-qtr span:hover, .sa-types-container .list-of-problems > .label-sm span:hover, .problem-type-container .list-of-problems > .label-qtr span:hover, .problem-type-container .list-of-problems > .label-sm span:hover {
                    color: #348ac9;
                }

    .description-container {
        display: inline-block;
        margin-top: 2%;
    }

        .description-container .description-header {
            background: #cf4a0c;
            padding: 1% 2%;
        }

            .description-container .description-header span.tooltip-arrow:after {
                border-color: rgba(255, 255, 255, 0);
                border-bottom-color: #cf4a0c;
                border-width: 11px;
                /*adjust the size of the arrow*/
                margin-left: -11px;
                /*adjust the size of the arrow*/
            }

            .description-container .description-header span.tooltip-arrow:before {
                border-color: rgba(207, 207, 207, 0);
                border-bottom-color: white;
                border-width: 12px;
                /*adjust the size of the arrow*/
                margin-left: -12px;
                /*adjust the size of the arrow*/
            }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .description-container .description-header span.tooltip-arrow {
            right: 1em;
            top: -3px;
        }
    }

    @media only screen and (max-width: 599px) {
        .description-container .description-header span.tooltip-arrow {
            right: -.5em;
            top: 0;
        }
    }

    .description-container .description-body {
        height: 300px;
        padding: 1% 6% 2%;
    }

    .confirmation-message {
        width: 96%;
        margin: 25px auto;
        padding: 2% 2% 1% !important;
    }

    @media (max-width: 599px) {
        .confirmation-message {
            width: 100%;
            margin: 8% 0 18%;
            padding: 2% 4%;
        }
    }

    .confirmation-message.alert.-success {
        background: #c0ceb1;
    }

    .confirmation-message.alert.-error {
        background: #df2911;
    }

    .confirmation-message.alert.-attention {
        background: #cf4a0c;
    }

    .confirmation-message.alert.-info {
        background: #bfd5eb;
    }

    .confirmation-message .confirmation-message-info {
        background-size: 80% !important;
        width: 30px;
        height: 22px;
        float: left;
        margin-right: 5px;
    }

        .confirmation-message .confirmation-message-info p {
            width: 100%;
            margin: 0 0 10px 0;
            padding: 0;
        }

    .confirmation-message .confirmation-message-icon {
        float: left;
        margin-right: 5px;
    }

        .confirmation-message .confirmation-message-icon.location {
            background: url(/cdn/images/icons/location_icon.png) no-repeat center center;
            background-size: 84%;
            width: 59px;
            height: 53px;
            margin-top: -.8em;
        }

    @media (max-width: 599px) {
        .confirmation-message .confirmation-message-icon.location {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .confirmation-message .confirmation-message-icon {
            margin-top: 0 !important;
        }
    }

    .confirmation-message .close:hover {
        cursor: pointer;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 100)";
        filter: alpha(opacity=100);
    }

    @media (max-width: 768px) {
        .confirmation-message .close {
            margin-top: 1em;
        }
    }

    .confirmation-message .alert-info p {
        color: #5b5b5b;
    }

    .confirmation-message .alert-info .close {
        color: #5b5b5b;
    }

    .confirmation-message p {
        color: black;
        width: auto;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-break: break-all;
        font-size: .9em;
    }

    @media (max-width: 768px) {
        .confirmation-message p {
            width: 85%;
        }
    }

    @media (min-width: 768px) {
        .confirmation-message p {
            width: 88%;
        }
    }

    @media (max-width: 599px) {
        .confirmation-message p {
            font-size: small;
        }
    }

    .outage-confirmation-container {
        background: rgba(255, 255, 255, 0.88);
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 747px;
        margin: 10% auto;
        padding: 7% 4% 6em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .outage-confirmation-container .confirmation-icon {
            background: url(/cdn/images/icons/confirmation_icon.png) no-repeat center center;
            width: 40%;
            height: 210px;
            display: block;
            margin: -8em auto 0;
        }

            .outage-confirmation-container .confirmation-icon.large {
                background-size: 80%;
            }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .outage-confirmation-container .confirmation-icon.large {
            width: 9em;
            height: 120px;
            margin-top: -6em;
        }
    }

    @media only screen and (max-width: 599px) {
        .outage-confirmation-container .confirmation-icon.large {
            width: 9em;
            height: 120px;
            margin-top: -5em;
        }
    }

    .outage-confirmation-container h1.outage-h1 {
        display: inline-block;
        text-align: center;
        text-transform: none;
        float: none;
        margin-top: 4%;
    }

        .outage-confirmation-container h1.outage-h1 .rule {
            border-top: thin solid #5b5b5b;
            display: inline-block;
            width: 100%;
            vertical-align: middle;
        }

            .outage-confirmation-container h1.outage-h1 .rule.sm {
                width: 26%;
            }

        .outage-confirmation-container h1.outage-h1 .rule-content {
            display: inline-block;
            font-size: large;
            vertical-align: middle;
        }

    @media only screen and (max-width: 599px) {
        .outage-confirmation-container h1 {
            font-size: large;
        }
    }

    .outage-confirmation-container h3 {
        display: inline-block;
        margin-top: .8em;
        margin-bottom: 1em;
        float: none;
        text-transform: none;
        text-align: center;
    }

    @media only screen and (max-width: 599px) {
        .outage-confirmation-container h3 {
            font-size: small;
        }
    }

    .outage-confirmation-container p {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 1%;
    }

        .outage-confirmation-container p b {
            font-weight: bold;
        }

    @media only screen and (max-width: 599px) {
        .outage-confirmation-container p {
            font-size: 0.9em;
            font-weight: bold;
            line-height: normal;
        }
    }

    .outage-confirmation-container .center {
        display: block;
        width: 70%;
        text-align: center;
        margin: 0 auto;
    }

    @media only screen and (max-width: 599px) {
        .outage-confirmation-container .center {
            width: 100%;
        }
    }

    .outage-confirmation-container .btn, .outage-confirmation-container button[type="button"], .outage-confirmation-container button[type="reset"], .outage-confirmation-container button[type="submit"], .outage-confirmation-container input[type="button"], .outage-confirmation-container input[type="reset"], .outage-confirmation-container input[type="submit"] {
        float: left;
        text-align: center;
        margin: 2% 0;
    }

        .outage-confirmation-container .btn#primary-cta a, .outage-confirmation-container button#primary-cta[type="button"] a, .outage-confirmation-container button#primary-cta[type="reset"] a, .outage-confirmation-container button#primary-cta[type="submit"] a, .outage-confirmation-container input#primary-cta[type="button"] a, .outage-confirmation-container input#primary-cta[type="reset"] a, .outage-confirmation-container input#primary-cta[type="submit"] a, .outage-confirmation-container .btn#secondary a, .outage-confirmation-container button#secondary[type="button"] a, .outage-confirmation-container button#secondary[type="reset"] a, .outage-confirmation-container button#secondary[type="submit"] a, .outage-confirmation-container input#secondary[type="button"] a, .outage-confirmation-container input#secondary[type="reset"] a, .outage-confirmation-container input#secondary[type="submit"] a {
            color: white;
        }

        .outage-confirmation-container .btn#tertiary a, .outage-confirmation-container button#tertiary[type="button"] a, .outage-confirmation-container button#tertiary[type="reset"] a, .outage-confirmation-container button#tertiary[type="submit"] a, .outage-confirmation-container input#tertiary[type="button"] a, .outage-confirmation-container input#tertiary[type="reset"] a, .outage-confirmation-container input#tertiary[type="submit"] a {
            color: black;
        }

    @media only screen and (max-width: 768px) {
        .outage-confirmation-container .btn, .outage-confirmation-container button[type="button"], .outage-confirmation-container button[type="reset"], .outage-confirmation-container button[type="submit"], .outage-confirmation-container input[type="button"], .outage-confirmation-container input[type="reset"], .outage-confirmation-container input[type="submit"] {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        .outage-confirmation-container .btn, .outage-confirmation-container button[type="button"], .outage-confirmation-container button[type="reset"], .outage-confirmation-container button[type="submit"], .outage-confirmation-container input[type="button"], .outage-confirmation-container input[type="reset"], .outage-confirmation-container input[type="submit"] {
            width: 100%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .outage-confirmation-container {
            width: 90%;
        }
    }

    @media only screen and (max-width: 599px) {
        .outage-confirmation-container {
            width: 100%;
            padding-top: 3em;
        }
    }

    .recover-bg-wrapper, .expired-bg-wrapper, .create-password-bg-wrapper {
        background: url("/cdn/images/backgrounds/recover/recover_001.jpg") no-repeat center center;
        display: block;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        min-height: 1px;
        padding: 0 4% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .recover-bg-wrapper, .expired-bg-wrapper, .create-password-bg-wrapper {
            margin: 0 !important;
        }
    }

    .expired-bg-wrapper {
        background-image: url("/cdn/images/backgrounds/recover/expired.jpg");
    }

    .create-password-bg-wrapper {
        background-image: url("/cdn/images/backgrounds/recover/create_password.jpg");
    }

    .recover-container {
        display: inline-block;
        margin: 4% 0 4em;
        width: 100%;
        height: 100%;
        position: relative;
    }

    @media (max-width: 768px) {
        .recover-container {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .recover-container {
            margin-bottom: 1em;
        }
    }

    .recover-container .forgot-wrapper {
        /**changed background from rgba(51, 51, 51, 0.9);*/
        background: rgba(255, 255, 255, 0.9);
        width: 50%;
        min-height: 727px;
        overflow: hidden;
        float: left;
        margin: 0;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 1px;
    }

        .recover-container .forgot-wrapper .recover {
            display: inline-block;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            margin: 0;
            width: 100%;
            height: 100%;
            position: relative;
            text-align: center;
            z-index: 2;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .recover-container .forgot-wrapper .recover .recover-wrapper {
                /*Removed 'opacity: .8' property to remove shaded overlay on the inactive side of the forgot username overlay*/
                display: inline-block;
                width: 90%;
                margin: 2% auto;
                padding: 0;
            }

                .recover-container .forgot-wrapper .recover .recover-wrapper h1 {
                    font-size: 1.2em;
                    font-weight: 400;
                    text-align: center;
                    color: white;
                }

                .recover-container .forgot-wrapper .recover .recover-wrapper p {
                    /**Changed text color from color: white*/
                    font-weight: 300;
                    width: 80%;
                    height: auto;
                    margin: 1em auto 0;
                    color: #5b5b5b;
                }

                    .recover-container .forgot-wrapper .recover .recover-wrapper p:first-of-type, .recover-container .forgot-wrapper .recover .recover-wrapper p:first-child {
                        margin-top: 3em;
                        max-height: 200px;
                    }

                    .recover-container .forgot-wrapper .recover .recover-wrapper p.no-min-height {
                        margin: 3em auto 0;
                    }

                .recover-container .forgot-wrapper .recover .recover-wrapper .rule {
                    border-bottom: thin solid white;
                    display: block;
                    width: 80%;
                    height: 1px;
                    margin: 1em auto 3em;
                }

                .recover-container .forgot-wrapper .recover .recover-wrapper .label-wrapper {
                    display: inline-block;
                    width: 80%;
                    margin: 0 auto;
                }
                    /**Changed text color from color: white*/
                    .recover-container .forgot-wrapper .recover .recover-wrapper .label-wrapper .label-name {
                        display: inline-block;
                        width: 100%;
                        text-align: left;
                        color: #5b5b5b;
                    }

                    .recover-container .forgot-wrapper .recover .recover-wrapper .label-wrapper .text-field {
                        border: thin solid #5b5b5b;
                        width: 100%;
                        height: 43px;
                        margin: 0 0 2%;
                        padding: 0 2%;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        border-radius: 3px;
                        /* Prevent background color leak outs */
                        -webkit-background-clip: padding-box;
                        -moz-background-clip: padding;
                        background-clip: padding-box;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                    }

                        .recover-container .forgot-wrapper .recover .recover-wrapper .label-wrapper .text-field:focus {
                            border-color: #5f97cd;
                        }

            .recover-container .forgot-wrapper .recover:hover {
                cursor: pointer;
            }

        .recover-container .forgot-wrapper .tab-input {
            border: thin solid #df2911;
            width: 100%;
            height: 100%;
        }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .icons.password-icon, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .icons.password-icon, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .icons.password-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .icons.password-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .icons.password-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .icons.password-icon {
                background-image: url(/cdn/images/icons/recover/forgot_pass.png);
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .icons.username-icon, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .icons.username-icon, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .icons.username-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .icons.username-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .icons.username-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .icons.username-icon {
                background-image: url(/cdn/images/icons/recover/forgot_user.png);
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .icons.username-success-icon-white, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .icons.username-success-icon-white, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .icons.username-success-icon-white, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .icons.username-success-icon-white, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .icons.username-success-icon-white, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .icons.username-success-icon-white {
                background-image: url(/cdn/images/icons/recover/forgot_user_success.png);
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .icons.password-confirm-icon-white, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .icons.password-confirm-icon-white, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .icons.password-confirm-icon-white, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .icons.password-confirm-icon-white, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .icons.password-confirm-icon-white, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .icons.password-confirm-icon-white {
                background-image: url(/cdn/images/icons/recover/password_updated.png);
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .icons .password-updated-icon, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .icons .password-updated-icon, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .icons .password-updated-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .icons .password-updated-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .icons .password-updated-icon, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .icons .password-updated-icon {
                background-image: url(/cdn/images/icons/recover/password_updated.png);
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover h1, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover p, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .label-name, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover h1, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover p, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .label-name, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active h1, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active p, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .label-name, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover h1, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover p, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .label-name, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover h1, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover p, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .label-name, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active h1, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active p, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .label-name {
                color: #5b5b5b;
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover .rule, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover .rule, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active .rule, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover .rule, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover .rule, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active .rule {
                border-color: #5b5b5b;
            }

            .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked + .recover:hover, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .recover:hover, .recover-container .forgot-wrapper .tab-input[type="checkbox"]:checked ~ .forgot-wrapper.active:hover, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked + .recover:hover, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .recover:hover, .recover-container .forgot-wrapper .tab-input[type="radio"]:checked ~ .forgot-wrapper.active:hover {
                cursor: default;
            }

        .recover-container .forgot-wrapper.active {
            background: rgba(255, 255, 255, 0.9) !important;
            cursor: default;
        }

            .recover-container .forgot-wrapper.active .recover-wrapper {
                opacity: 1;
            }

                .recover-container .forgot-wrapper.active .recover-wrapper h1, .recover-container .forgot-wrapper.active .recover-wrapper p, .recover-container .forgot-wrapper.active .recover-wrapper span {
                    color: #5b5b5b;
                }

                .recover-container .forgot-wrapper.active .recover-wrapper .label-wrapper .label-name {
                    color: #5b5b5b;
                }

    @media (max-width: 768px) {
        .recover-container .forgot-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .recover-container .forgot-wrapper {
            width: 100%;
            max-width: 100%;
        }

            .recover-container .forgot-wrapper:first-of-type {
                margin-top: 4%;
            }
    }

    .recover-container .or-wrapper {
        background: black;
        display: inline-block;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 55px;
        height: 55px;
        z-index: 5;
        padding: 1em 1%;
        left: 47.5%;
        top: 21em;
        text-align: center;
        position: absolute;
        vertical-align: middle;
    }

        .recover-container .or-wrapper:after {
            content: "or";
            text-transform: uppercase;
            color: white;
        }

    @media (max-width: 768px) {
        .recover-container .or-wrapper {
            top: 47.5%;
        }
    }

    @media (max-width: 599px) {
        .recover-container .or-wrapper {
            display: none;
        }
    }

    .recover-container-sm {
        display: none;
        margin: 4% 0 0;
        width: 100%;
        height: 100%;
        position: relative;
    }

    @media (max-width: 768px) {
        .recover-container-sm {
            display: inline-block;
        }
    }

    .recover-container-sm > .tab-button-container {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        clear: both;
        margin: 2em 0 0;
    }

        .recover-container-sm > .tab-button-container .tab-btn {
            border: 0;
            border-radius: 0.15em 0.15em 0 0;
            float: left;
            width: 50%;
            height: 50px;
            margin: 0;
            padding: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .recover-container-sm > .tab-button-container .tab-btn .recover-m {
                background: rgba(51, 51, 51, 0.9);
                display: inline-block;
                position: relative;
                color: white;
                font-size: .8em !important;
                text-align: center;
                line-height: normal;
                font-weight: 600;
                text-transform: uppercase;
                width: 100%;
                height: 100%;
                padding: 1.2em 0 0;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .recover-container-sm > .tab-button-container .tab-btn .recover-m:hover {
                    cursor: pointer;
                }

            .recover-container-sm > .tab-button-container .tab-btn input.tab-input[type="radio"]:checked + .recover-m, .recover-container-sm > .tab-button-container .tab-btn input.tab-input[type="radio"]:checked ~ .recover-m {
                background: rgba(255, 255, 255, 0.9);
                color: #5b5b5b;
                cursor: default;
            }

    .forgot-wrapper-m {
        background: rgba(255, 255, 255, 0.9);
        display: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .forgot-wrapper-m .recover-wrapper-m {
            display: block;
            width: 90%;
            margin: 2% auto;
            padding: 0;
        }

            .forgot-wrapper-m .recover-wrapper-m .icons {
                background-size: 80%;
                display: block;
                margin: 2em auto 0;
            }

            .forgot-wrapper-m .recover-wrapper-m h2 {
                text-align: center;
            }

            .forgot-wrapper-m .recover-wrapper-m h1 {
                font-size: 1.2em;
                font-weight: 400;
                text-align: center;
                color: #5b5b5b;
            }

            .forgot-wrapper-m .recover-wrapper-m p {
                font-weight: 300;
                width: 100%;
                height: auto;
                margin: 3em auto 0;
                color: #5b5b5b;
                text-align: center;
            }

            .forgot-wrapper-m .recover-wrapper-m .rule {
                border-bottom: thin solid #5b5b5b;
                display: block;
                width: 100%;
                height: 1px;
                margin: 2em auto;
            }

            .forgot-wrapper-m .recover-wrapper-m .label-wrapper {
                display: inline-block;
                width: 100%;
                margin: 0 auto;
            }

                .forgot-wrapper-m .recover-wrapper-m .label-wrapper .label-name {
                    display: inline-block;
                    width: 100%;
                    text-align: left;
                    color: #5b5b5b;
                }

                .forgot-wrapper-m .recover-wrapper-m .label-wrapper .text-field {
                    border: thin solid #5b5b5b;
                    width: 100%;
                    height: 43px;
                    margin: 0 0 2%;
                    padding: 0 2%;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    /* Prevent background color leak outs */
                    -webkit-background-clip: padding-box;
                    -moz-background-clip: padding;
                    background-clip: padding-box;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .forgot-wrapper-m .recover-wrapper-m .label-wrapper .text-field:focus {
                        border-color: #5f97cd;
                    }

        .forgot-wrapper-m.active {
            display: inline-block;
        }

    .center {
        display: block;
        width: 70%;
        text-align: center;
        margin: 0 auto;
        padding: 0;
    }

    @media (max-width: 599px) {
        .center {
            width: 100%;
        }
    }

    .center .email-instructions {
        margin-bottom: 4%;
    }

        .center .email-instructions li {
            width: 100%;
            float: left;
            color: #5b5b5b;
            margin-top: 2%;
            text-align: left;
        }

    .center .btn, .center button[type="button"], .center button[type="reset"], .center button[type="submit"], .center input[type="button"], .center input[type="reset"], .center input[type="submit"] {
        float: left;
        text-align: center;
        margin: 2% 0;
    }

        .center .btn#primary-cta a, .center button#primary-cta[type="button"] a, .center button#primary-cta[type="reset"] a, .center button#primary-cta[type="submit"] a, .center input#primary-cta[type="button"] a, .center input#primary-cta[type="reset"] a, .center input#primary-cta[type="submit"] a, .center .btn#secondary a, .center button#secondary[type="button"] a, .center button#secondary[type="reset"] a, .center button#secondary[type="submit"] a, .center input#secondary[type="button"] a, .center input#secondary[type="reset"] a, .center input#secondary[type="submit"] a {
            color: white;
        }

    @media only screen and (max-width: 768px) {
        .center .btn, .center button[type="button"], .center button[type="reset"], .center button[type="submit"], .center input[type="button"], .center input[type="reset"], .center input[type="submit"] {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        .center .btn, .center button[type="button"], .center button[type="reset"], .center button[type="submit"], .center input[type="button"], .center input[type="reset"], .center input[type="submit"] {
            width: 100%;
        }
    }

    .center .confirm-content {
        margin-top: 2em !important;
        font-size: .9em;
        line-height: normal;
        float: left;
    }

    .expired-container, .create-password-container {
        background: rgba(255, 255, 255, 0.88);
        display: block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 688px;
        margin: 5% auto 14em;
        padding: 4% 4% 6em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .expired-container, .create-password-container {
            margin-bottom: 1em;
        }
    }

    .expired-container .expired-icon, .expired-container .create-password-icon, .expired-container .password-updated-icon, .expired-container .password-confirm-icon, .create-password-container .expired-icon, .create-password-container .create-password-icon, .create-password-container .password-updated-icon, .create-password-container .password-confirm-icon {
        background: url(/cdn/images/icons/recover/expired.png) no-repeat center center;
        display: block;
        width: 216px;
        height: 215px;
        margin: 0 auto 0;
    }

        .expired-container .expired-icon.large, .expired-container .create-password-icon.large, .expired-container .password-updated-icon.large, .expired-container .password-confirm-icon.large, .create-password-container .expired-icon.large, .create-password-container .create-password-icon.large, .create-password-container .password-updated-icon.large, .create-password-container .password-confirm-icon.large {
            background-size: 80%;
        }

    @media (max-width: 768px) {
        .expired-container .expired-icon.large, .expired-container .create-password-icon.large, .expired-container .password-updated-icon.large, .expired-container .password-confirm-icon.large, .create-password-container .expired-icon.large, .create-password-container .create-password-icon.large, .create-password-container .password-updated-icon.large, .create-password-container .password-confirm-icon.large {
            width: 9em;
            height: 120px;
            margin-top: 0;
        }
    }

    @media (max-width: 599px) {
        .expired-container .expired-icon.large, .expired-container .create-password-icon.large, .expired-container .password-updated-icon.large, .expired-container .password-confirm-icon.large, .create-password-container .expired-icon.large, .create-password-container .create-password-icon.large, .create-password-container .password-updated-icon.large, .create-password-container .password-confirm-icon.large {
            width: 9em;
            height: 120px;
            margin-top: 0;
        }
    }

    .expired-container .create-password-icon, .create-password-container .create-password-icon {
        background-image: url(/cdn/images/icons/recover/create_password.png);
    }

    .expired-container .password-updated-icon, .create-password-container .password-updated-icon {
        background-image: url(/cdn/images/icons/recover/password_updated_white.png);
    }

    .expired-container h1.expired-h1, .expired-container h1.create-password-h1, .create-password-container h1.expired-h1, .create-password-container h1.create-password-h1 {
        display: block;
        text-align: center;
        text-transform: none;
        float: none;
        margin: 4% auto;
        width: 83%;
    }

        .expired-container h1.expired-h1 .rule, .expired-container h1.create-password-h1 .rule, .create-password-container h1.expired-h1 .rule, .create-password-container h1.create-password-h1 .rule {
            border-top: thin solid #5b5b5b;
            display: inline-block;
            width: 100%;
            vertical-align: middle;
        }

            .expired-container h1.expired-h1 .rule.sm, .expired-container h1.create-password-h1 .rule.sm, .create-password-container h1.expired-h1 .rule.sm, .create-password-container h1.create-password-h1 .rule.sm {
                width: 26%;
            }

    @media (max-width: 599px) {
        .expired-container h1.expired-h1 .rule, .expired-container h1.create-password-h1 .rule, .create-password-container h1.expired-h1 .rule, .create-password-container h1.create-password-h1 .rule {
            width: 22% !important;
        }
    }

    .expired-container h1.expired-h1 .rule-content, .expired-container h1.create-password-h1 .rule-content, .create-password-container h1.expired-h1 .rule-content, .create-password-container h1.create-password-h1 .rule-content {
        display: inline-block;
        font-size: large;
        vertical-align: middle;
    }

    @media (max-width: 599px) {
        .expired-container h1.expired-h1, .expired-container h1.create-password-h1, .create-password-container h1.expired-h1, .create-password-container h1.create-password-h1 {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .expired-container h1, .create-password-container h1 {
            font-size: large;
        }
    }

    .expired-container p, .create-password-container p {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 1%;
    }

        .expired-container p b, .create-password-container p b {
            font-weight: bold;
        }

    @media (max-width: 599px) {
        .expired-container p, .create-password-container p {
            font-size: 0.9em;
            line-height: normal;
        }
    }

    .expired-container .center, .create-password-container .center {
        display: block;
        width: 70%;
        text-align: center;
        margin: 0 auto;
    }

    @media (max-width: 599px) {
        .expired-container .center, .create-password-container .center {
            width: 100%;
        }
    }

    .expired-container .center #new-password.label-wrapper, .create-password-container .center #new-password.label-wrapper {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }

        .expired-container .center #new-password.label-wrapper .label-name, .create-password-container .center #new-password.label-wrapper .label-name {
            display: inline-block;
            width: 100%;
            text-align: left;
            color: #5b5b5b;
        }

        .expired-container .center #new-password.label-wrapper .text-field, .create-password-container .center #new-password.label-wrapper .text-field {
            border: thin solid #5b5b5b;
            width: 100%;
            height: 43px;
            margin: 0 0 2%;
            padding: 0 2%;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .expired-container .center #new-password.label-wrapper .text-field:focus, .create-password-container .center #new-password.label-wrapper .text-field:focus {
                border-color: #5f97cd;
            }

        .expired-container .center #new-password.label-wrapper .tooltip, .create-password-container .center #new-password.label-wrapper .tooltip {
            margin-top: 0;
            width: 100%;
            float: left;
        }

        .expired-container .center #new-password.label-wrapper .fieldDescription, .create-password-container .center #new-password.label-wrapper .fieldDescription {
            display: none;
            font-size: .7em;
            text-align: left;
            float: left;
            line-height: normal;
            padding: 0;
        }

    .expired-container .btn, .expired-container button[type="button"], .expired-container button[type="reset"], .expired-container button[type="submit"], .expired-container input[type="button"], .expired-container input[type="reset"], .expired-container input[type="submit"], .create-password-container .btn, .create-password-container button[type="button"], .create-password-container button[type="reset"], .create-password-container button[type="submit"], .create-password-container input[type="button"], .create-password-container input[type="reset"], .create-password-container input[type="submit"] {
        float: left;
        text-align: center;
        margin: 2% 0;
    }

        .expired-container .btn#primary-cta a, .expired-container button#primary-cta[type="button"] a, .expired-container button#primary-cta[type="reset"] a, .expired-container button#primary-cta[type="submit"] a, .expired-container input#primary-cta[type="button"] a, .expired-container input#primary-cta[type="reset"] a, .expired-container input#primary-cta[type="submit"] a, .expired-container .btn#secondary a, .expired-container button#secondary[type="button"] a, .expired-container button#secondary[type="reset"] a, .expired-container button#secondary[type="submit"] a, .expired-container input#secondary[type="button"] a, .expired-container input#secondary[type="reset"] a, .expired-container input#secondary[type="submit"] a, .create-password-container .btn#primary-cta a, .create-password-container button#primary-cta[type="button"] a, .create-password-container button#primary-cta[type="reset"] a, .create-password-container button#primary-cta[type="submit"] a, .create-password-container input#primary-cta[type="button"] a, .create-password-container input#primary-cta[type="reset"] a, .create-password-container input#primary-cta[type="submit"] a, .create-password-container .btn#secondary a, .create-password-container button#secondary[type="button"] a, .create-password-container button#secondary[type="reset"] a, .create-password-container button#secondary[type="submit"] a, .create-password-container input#secondary[type="button"] a, .create-password-container input#secondary[type="reset"] a, .create-password-container input#secondary[type="submit"] a {
            color: white;
        }

    @media only screen and (max-width: 768px) {
        .expired-container .btn, .expired-container button[type="button"], .expired-container button[type="reset"], .expired-container button[type="submit"], .expired-container input[type="button"], .expired-container input[type="reset"], .expired-container input[type="submit"], .create-password-container .btn, .create-password-container button[type="button"], .create-password-container button[type="reset"], .create-password-container button[type="submit"], .create-password-container input[type="button"], .create-password-container input[type="reset"], .create-password-container input[type="submit"] {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        .expired-container .btn, .expired-container button[type="button"], .expired-container button[type="reset"], .expired-container button[type="submit"], .expired-container input[type="button"], .expired-container input[type="reset"], .expired-container input[type="submit"], .create-password-container .btn, .create-password-container button[type="button"], .create-password-container button[type="reset"], .create-password-container button[type="submit"], .create-password-container input[type="button"], .create-password-container input[type="reset"], .create-password-container input[type="submit"] {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .expired-container, .create-password-container {
            width: 90%;
        }
    }

    @media (max-width: 599px) {
        .expired-container, .create-password-container {
            width: 100%;
            padding-top: 3em;
        }
    }

    .create-password-container .center {
        margin-top: 4em;
    }

        .create-password-container .center:last-child, .create-password-container .center:last-of-type {
            margin-top: 0;
        }

    @media (max-width: 599px) {
        .create-password-container .center {
            margin-top: 2em;
        }
    }

    .icons {
        display: inline-block;
        width: 132px;
        height: 131px;
        margin: 1.4em auto .5em;
    }

        .icons.password-icon {
            background: url(/cdn/images/icons/recover/forgot_pass.png) no-repeat center center;
        }

        .icons.username-icon {
            background: url(/cdn/images/icons/recover/forgot_user.png) no-repeat center center;
        }

        .icons.username-success-icon {
            background: url(/cdn/images/icons/recover/forgot_user_success.png) no-repeat center center;
        }

        .icons.username-success-icon-white {
            background: url(/cdn/images/icons/recover/forgot_user_success_white.png) no-repeat center center;
        }

        .icons.password-confirm-icon {
            background: url(/cdn/images/icons/recover/password_updated.png) no-repeat center center;
            background-size: 100%;
        }

        .icons.password-confirm-icon-white {
            background: url(/cdn/images/icons/recover/password_updated_white.png) no-repeat center center;
            background-size: 100%;
        }

        .icons.password-icon-white {
            background: url(/cdn/images/icons/recover/forgot_pass_white.png) no-repeat center center;
        }

        .icons.username-icon-white {
            background: url(/cdn/images/icons/recover/forgot_user_white.png) no-repeat center center;
        }

    .password-mask {
        display: block;
        font-weight: bold;
        margin-top: 1em;
        padding: 0;
    }

    .small-text {
        float: left;
        color: #5b5b5b;
        font-size: .8em;
        margin: 1em 0;
        width: 100%;
        text-align: center;
    }

        .small-text.left {
            text-align: left;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .forgot-password {
            width: 90%;
        }
    }

    @media only screen and (max-width: 599px) {
        .forgot-password {
            padding-top: 3em;
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        .forgot-password h1 {
            font-size: 2em !important;
        }
    }

    .forgot-password h1.forgot-password-h1 {
        color: #4c79a4;
        display: inline-block;
        font-size: 2em;
        text-align: center;
    }

    .forgot-password p {
        color: #5b5b5b;
        display: inline-block;
        font-size: .9em;
        margin-top: 4%;
        text-align: center;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        .forgot-password p {
            font-size: .9em;
            line-height: normal;
        }
    }

    .forgot-password .btn, .forgot-password button[type="button"], .forgot-password button[type="reset"], .forgot-password button[type="submit"], .forgot-password input[type="button"], .forgot-password input[type="reset"], .forgot-password input[type="submit"] {
        text-align: center;
    }

    @media only screen and (max-width: 768px) {
        .forgot-password .btn, .forgot-password button[type="button"], .forgot-password button[type="reset"], .forgot-password button[type="submit"], .forgot-password input[type="button"], .forgot-password input[type="reset"], .forgot-password input[type="submit"] {
            width: 100%;
        }
    }

    @media (min-width: 768px) {
        .forgot-password .btn, .forgot-password button[type="button"], .forgot-password button[type="reset"], .forgot-password button[type="submit"], .forgot-password input[type="button"], .forgot-password input[type="reset"], .forgot-password input[type="submit"] {
            width: 49%;
        }
    }

    .forgot-password .btn#primary-cta, .forgot-password button#primary-cta[type="button"], .forgot-password button#primary-cta[type="reset"], .forgot-password button#primary-cta[type="submit"], .forgot-password input#primary-cta[type="button"], .forgot-password input#primary-cta[type="reset"], .forgot-password input#primary-cta[type="submit"] {
        margin: 4% 0 0;
        width: 100%;
    }

        .forgot-password .btn#primary-cta a, .forgot-password button#primary-cta[type="button"] a, .forgot-password button#primary-cta[type="reset"] a, .forgot-password button#primary-cta[type="submit"] a, .forgot-password input#primary-cta[type="button"] a, .forgot-password input#primary-cta[type="reset"] a, .forgot-password input#primary-cta[type="submit"] a {
            color: white;
        }

    .outage-map-container {
        margin: 2em 0 0;
        width: 100%;
        float: left;
        position: relative;
    }

    @media (max-width: 599px) {
        .outage-map-container {
            display: none;
        }
    }

    .outage-map-container .map-header {
        border: thin solid #dedede;
        width: 100%;
        overflow: hidden;
        float: left;
    }

        .outage-map-container .map-header .map-nav {
            display: block;
            margin: 0;
            padding: 0;
            height: 100%;
        }

            .outage-map-container .map-header .map-nav li {
                border-right: thin solid #dedede;
                list-style: none;
                float: left;
                width: 25%;
                margin-bottom: 0;
                padding: 0;
                position: relative;
            }

                .outage-map-container .map-header .map-nav li a {
                    display: block;
                    border: 0;
                    width: 100%;
                    height: 100%;
                    margin-bottom: 0;
                    padding: 2% 0;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .outage-map-container .map-header .map-nav li a .map-nav-icons {
                        width: 78px;
                        height: 78px;
                        float: left;
                        margin-right: 1%;
                    }

                        .outage-map-container .map-header .map-nav li a .map-nav-icons.streetlight {
                            background: url(/cdn/images/icons/outage/streetlight_icon.png) no-repeat center center;
                            background-size: 80%;
                        }

                        .outage-map-container .map-header .map-nav li a .map-nav-icons.enroll {
                            background: url(/cdn/images/icons/outage/enroll_icon.png) no-repeat center center;
                            background-size: 80%;
                        }

                        .outage-map-container .map-header .map-nav li a .map-nav-icons.check-status {
                            background: url(/cdn/images/icons/outage/check_status_icon.png) no-repeat center center;
                            background-size: 80%;
                        }

                        .outage-map-container .map-header .map-nav li a .map-nav-icons.electric-water {
                            background: url(/cdn/images/icons/outage/electric_water_icon.png) no-repeat center center;
                            background-size: 80%;
                        }

    @media (max-width: 768px) {
        .outage-map-container .map-header .map-nav li a .map-nav-icons {
            display: block;
            float: none;
            margin: 0 auto;
        }

            .outage-map-container .map-header .map-nav li a .map-nav-icons.streetlight, .outage-map-container .map-header .map-nav li a .map-nav-icons.enroll, .outage-map-container .map-header .map-nav li a .map-nav-icons.check-status, .outage-map-container .map-header .map-nav li a .map-nav-icons.electric-water {
                background-size: 70%;
            }
    }

    @media (max-width: 599px) {
        .outage-map-container .map-header .map-nav li a .map-nav-icons {
            display: block;
            float: none;
            margin: 0 auto;
            width: 58px;
            height: 58px;
        }
    }

    @media (min-width: 768px) {
        .outage-map-container .map-header .map-nav li a .map-nav-icons {
            display: block;
            float: none;
            margin: 0 auto;
        }
    }

    @media (min-width: 1200px) {
        .outage-map-container .map-header .map-nav li a .map-nav-icons {
            float: left;
        }
    }

    .outage-map-container .map-header .map-nav li a .map-nav-text {
        float: left;
        color: #5b5b5b;
        width: 100%;
        height: 30px;
        font-size: small;
        line-height: normal;
        text-align: center;
        margin-bottom: 4%;
    }

    @media (min-width: 1200px) {
        .outage-map-container .map-header .map-nav li a .map-nav-text {
            width: 60%;
            margin-top: 2em;
            text-align: left;
        }
    }

    @media (max-width: 1023px) {
        .outage-map-container .map-header .map-nav li a .map-nav-text {
            margin-top: 0;
        }
    }

    @media (max-width: 599px) {
        .outage-map-container .map-header .map-nav li a .map-nav-text {
            display: none;
            margin-top: 0;
            padding-top: .5%;
            font-size: x-small;
            height: 60px;
        }
    }

    .outage-map-container .map-header .map-nav li:last-child, .outage-map-container .map-header .map-nav li:last-of-type {
        border-right: 0;
    }

    .outage-map-container .map-header .map-nav li:hover {
        background: #9fc1e1;
    }

        .outage-map-container .map-header .map-nav li:hover a .map-nav-icons.streetlight {
            background-image: url(/cdn/images/icons/outage/streetlight_icon_white.png);
        }

        .outage-map-container .map-header .map-nav li:hover a .map-nav-icons.enroll {
            background-image: url(/cdn/images/icons/outage/enroll_icon_white.png);
        }

        .outage-map-container .map-header .map-nav li:hover a .map-nav-icons.check-status {
            background-image: url(/cdn/images/icons/outage/check_status_icon_white.png);
        }

        .outage-map-container .map-header .map-nav li:hover a .map-nav-icons.electric-water {
            background-image: url(/cdn/images/icons/outage/electric_water_icon_white.png);
        }

        .outage-map-container .map-header .map-nav li:hover a .map-nav-text {
            color: white;
        }

    .outage-map-container .map-body {
        border: thin solid #dedede;
        border-top: 0;
        width: 100%;
        float: left;
    }

    @media (max-width: 599px) {
        .outage-map-container .map-body {
            width: 123.8%;
            zoom: 1;
            transform: scale(0.81);
            transform-origin: 0 0;
            -moz-transform: scale(0.81);
            -moz-transform-origin: 0 0;
            -ms-transform: scale(0.81);
            -o-transform-origin: 0 0;
            -webkit-transform: scale(0.81);
            -webkit-transform-origin: 0 0;
            -o-transform: scale(0.81);
            -o-transform-origin: 0 0;
        }
    }

    .outage-map-container .map-body ul {
        width: 100% !important;
    }

        .outage-map-container .map-body ul li {
            width: 100% !important;
            list-style: none;
        }

    .map-body-small {
        display: none;
        border-top: 0;
        width: 100%;
        float: left;
        left: 0;
        right: 0;
        top: 0;
        position: relative;
    }

    @media (max-width: 599px) {
        .map-body-small {
            display: inline-block;
        }
    }

    .map-body-small > span iframe {
        max-width: 100% !important;
        width: 100% !important;
        overflow-x: visible !important;
        margin-top: 2.2em;
    }

    @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
        #outageiFrameMobile {
            max-height: 1000px;
            height: 800px;
            min-height: 800px;
        }
    }

    .tracker-container > iframe {
        min-height: 1200px !important;
    }

    #outagereport-iframe > div#messageDialog {
        /* visibility: hidden; */
        background-color: white;
        padding: 5px;
        display: none;
        position: absolute;
        z-index: 200;
        width: 249px;
        display: block;
        top: -273px;
        left: 409px;
        position: relative;
    }

    .streetlight-bg-wrapper {
        background: url("/cdn/images/backgrounds/streetlight/streetlight_001.jpg") no-repeat center center;
        display: block;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        min-height: 800px;
        width: 100%;
    }

    .user-information-wrapper {
        float: left;
        margin: 2% 0;
        width: 100%;
    }

        .user-information-wrapper .user-icon {
            background: url(/cdn/images/icons/streetlight/user_badge_icon.png) no-repeat 0 center;
            background-size: 100%;
            float: left;
            height: 65px;
            width: 80px;
        }

        .user-information-wrapper .user-copy-container {
            float: left;
            margin-left: 1%;
            width: 80%;
        }

    @media (max-width: 768px) {
        .user-information-wrapper .user-copy-container {
            width: 60%;
        }
    }

    @media (max-width: 599px) {
        .user-information-wrapper .user-copy-container {
            width: 60%;
        }
    }

    .user-information-wrapper .user-copy-container .user-copy li {
        display: inline-block;
        font-size: small;
        line-height: normal;
        list-style: none;
        margin: 0;
        position: relative;
        width: 100%;
        color: #757575;
    }

        .user-information-wrapper .user-copy-container .user-copy li:hover {
            background: transparent;
        }

    .request-form-container {
        border-right: thin solid #757575;
        margin: 2% 0;
        width: 40%;
        margin-right: 2%;
        padding: 0 2% 0 0;
        float: left;
        position: relative;
    }

    @media (min-width: 1200px) {
        .request-form-container {
            border: 0;
            width: 36%;
            margin-right: 0;
            padding-right: 0;
        }
    }

    @media (min-width: 1025px) and (max-width: 1285px) and (orientation: landscape) {
        .request-form-container {
            border: 0;
            width: 36%;
            margin-right: 0;
            padding-right: 0;
        }
    }

    @media (max-width: 1023px) {
        .request-form-container {
            border: 0;
            width: 100%;
            margin-left: 0;
            padding: 0;
        }
    }

    @media (max-width: 599px) {
        .request-form-container {
            border: 0;
            width: 100%;
            margin-left: 0;
            padding: 0;
        }
    }

    .request-form-container .request-qtr {
        width: 25%;
        float: left;
        margin-right: 12%;
    }

    @media (max-width: 768px) {
        .request-form-container .request-qtr {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .request-form-container .request-qtr {
            width: 100%;
        }
    }

    .request-form-container .request-half {
        width: 62.2%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .request-form-container .request-half {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .request-form-container .request-half {
            width: 100%;
        }
    }

    .request-form-container .request-full {
        width: 100%;
        float: left;
        margin-bottom: 4%;
    }

        .request-form-container .request-full:last-child, .request-form-container .request-full:last-of-type {
            margin-bottom: 0;
        }

    .request-form-container > .button-container .secondary, .request-form-container > .button-container .tertiary {
        margin-right: 1em !important;
    }

    @media (max-width: 768px) {
        .request-form-container > .button-container .secondary, .request-form-container > .button-container .tertiary {
            margin-right: 0 !important;
            margin-top: 1em;
        }
    }

    @media (max-width: 599px) {
        .request-form-container > .button-container .secondary, .request-form-container > .button-container .tertiary {
            margin-top: 1em;
            margin-right: 0 !important;
        }
    }

    .request-form-container > .button-container > button {
        min-width: 100%;
        max-width: 100%;
    }

    @media (min-width: 1200px) {
        .request-form-container > .button-container > button {
            min-width: 100%;
            max-width: 100%;
        }
    }

    @media (max-width: 1023px) {
        .request-form-container > .button-container > button {
            min-width: 200px;
            max-width: 200px;
        }
    }

    @media (max-width: 768px) {
        .request-form-container > .button-container > button {
            max-width: 100%;
        }
    }

    .request-form-container > .button-container > button:last-of-type, .request-form-container > .button-container > button:last-child {
        margin-top: 1em;
        margin-right: 0 !important;
    }

    @media (max-width: 1023px) {
        .request-form-container > .button-container > button:last-of-type, .request-form-container > .button-container > button:last-child {
            margin-top: 0;
            margin-right: 1em !important;
        }
    }

    @media (max-width: 768px) {
        .request-form-container > .button-container > button:last-of-type, .request-form-container > .button-container > button:last-child {
            margin-top: 1em;
            margin-right: 0 !important;
        }
    }

    @media (max-width: 599px) {
        .request-form-container > .button-container > button:last-of-type, .request-form-container > .button-container > button:last-child {
            margin-top: 1em;
            margin-right: 0 !important;
        }
    }

    .request-label-wrapper {
        float: left;
        width: 25%;
        margin: 0 12% 1em 0;
    }

    @media (max-width: 768px) {
        .request-label-wrapper {
            margin: 0 12% 0 0;
            width: 100%;
            max-width: 100% !important;
        }
    }

    @media (max-width: 599px) {
        .request-label-wrapper {
            width: 100%;
            max-width: 100% !important;
        }
    }

    .request-label-wrapper.full {
        max-width: 100% !important;
    }

    .request-label-wrapper.full-size-request {
        width: 100% !important;
        max-width: 100% !important;
    }

    .request-label-wrapper.bottom {
        top: 22px;
        position: relative;
    }

    @media (max-width: 768px) {
        .request-label-wrapper.bottom {
            margin-bottom: 3em;
        }
    }

    @media (max-width: 599px) {
        .request-label-wrapper.bottom {
            margin-bottom: 3em;
        }
    }

    .request-label-wrapper .request-label-name {
        display: inline-block;
        width: auto;
        text-align: left;
        color: black;
        margin-bottom: 10px;
    }

    .request-label-wrapper .request-text-field, .request-label-wrapper .request-select, .request-label-wrapper .request-textarea {
        border: thin solid #5b5b5b;
        width: 100%;
        max-width: 100% !important;
        height: 35px;
        margin: 0 0;
        padding: 0 .5em !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .request-label-wrapper .request-text-field:focus, .request-label-wrapper .request-select:focus, .request-label-wrapper .request-textarea:focus {
            border-color: #5f97cd;
        }

        .request-label-wrapper .request-text-field[type="file"], .request-label-wrapper .request-select[type="file"], .request-label-wrapper .request-textarea[type="file"] {
            border: 0;
        }

    .request-label-wrapper .request-select {
        padding: 0 50px 0 .5em !important;
    }

    .request-label-wrapper .request-textarea {
        padding: 2% 1%;
    }

    .request-label-wrapper #request_input.request-select {
        background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
        border: thin solid #5b5b5b;
        width: 100%;
        max-width: 100% !important;
        height: 48px;
        margin: 0 0 2%;
        padding: 0 0 !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

        .request-label-wrapper #request_input.request-select:focus {
            border-color: #5f97cd;
        }

    @media (max-width: 768px) {
        .request-label-wrapper #request_input.request-select {
            background-position: 96% center;
        }
    }

    @media (max-width: 599px) {
        .request-label-wrapper #request_input.request-select {
            background-position: 96% center;
        }
    }

    .request-label-wrapper .request-textarea {
        width: 100%;
        max-width: 100% !important;
        height: 115px;
    }

    .request-label-wrapper:last-child, .request-label-wrapper:last-of-type {
        margin-right: 0;
    }

    .button-container {
        float: left;
        width: 100%;
        height: auto;
    }

        .button-container button {
            text-align: center;
            margin: 0 1%;
        }

            .button-container button:first-child, .button-container button:first-of-type {
                margin: 0;
            }

    @media (max-width: 768px) {
        .button-container button {
            width: 100%;
            margin: 1% 0;
        }
    }

    @media (max-width: 599px) {
        .button-container button {
            width: 100%;
            margin: 1% 0;
        }
    }

    .request-right-side {
        float: right;
        width: 58%;
    }

    @media (min-width: 1200px) {
        .request-right-side {
            border-left: thin solid #757575;
            padding-bottom: 10em;
            padding-left: 1.5em;
            width: 62%;
        }
    }

    @media (min-width: 1025px) and (max-width: 1285px) and (orientation: landscape) {
        .request-right-side {
            border-left: thin solid #757575;
            padding-bottom: 0;
            padding-left: 2.5em;
            width: 58%;
        }
    }

    @media (max-width: 1023px) {
        .request-right-side {
            border: 0;
            float: left;
            margin-left: 0;
            padding: 0;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .request-right-side {
            border: 0;
            float: left;
            margin-left: 0;
            padding: 0;
            width: 100%;
        }
    }

    .request-container,
    .identify-container {
        float: left;
        margin: 2em 0 0;
        width: 100%;
    }

        .request-container .request-content-container,
        .request-container .identify-content-container,
        .identify-container .request-content-container,
        .identify-container .identify-content-container {
            float: left;
            padding: 0;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    @media (max-width: 768px) {
        .request-container .request-content-container,
        .request-container .identify-content-container,
        .identify-container .request-content-container,
        .identify-container .identify-content-container {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .request-container .request-content-container,
        .request-container .identify-content-container,
        .identify-container .request-content-container,
        .identify-container .identify-content-container {
            display: inline-block;
            float: none;
            width: 100%;
        }
    }

    .request-container .request-img-container,
    .identify-container .request-img-container {
        background: url("/cdn/images/backgrounds/streetlight/streetlight_sm.jpg") no-repeat center center;
        float: right;
        height: 227px;
        width: 288px;
    }

    @media (max-width: 768px) {
        .request-container .request-img-container,
        .identify-container .request-img-container {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .request-container .request-img-container,
        .identify-container .request-img-container {
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 100%;
        }
    }

    .request-container {
        margin-bottom: 1em;
    }

    .pole-types, .wood-pole,
    .concrete-pole,
    .mystery-pole {
        float: left;
        margin: 2em .5em 0 0;
        min-height: 225px;
        width: 340px;
    }

    @media (max-width: 1023px) {
        .pole-types, .wood-pole,
        .concrete-pole,
        .mystery-pole {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .pole-types, .wood-pole,
        .concrete-pole,
        .mystery-pole {
            display: block;
            float: none;
            margin: 2em auto 0;
            width: 100%;
        }
    }

    .pole-types > p, .wood-pole > p,
    .concrete-pole > p,
    .mystery-pole > p {
        color: #5b5b5b;
        display: inline-block;
        margin-top: 1em;
        padding: 0;
        text-align: center;
        width: 100%;
    }

    .pole-types:first-child, .wood-pole:first-child,
    .concrete-pole:first-child,
    .mystery-pole:first-child, .pole-types:first-of-type, .wood-pole:first-of-type,
    .concrete-pole:first-of-type,
    .mystery-pole:first-of-type {
        margin-left: 0;
    }

    .wood-pole,
    .concrete-pole,
    .mystery-pole {
        height: 355px;
        margin: 0;
    }

        .wood-pole > img,
        .concrete-pole > img,
        .mystery-pole > img {
            height: 100%;
            width: 100%;
        }

    @media (max-width: 1023px) {
        .wood-pole,
        .concrete-pole,
        .mystery-pole {
            height: 100%;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .wood-pole,
        .concrete-pole,
        .mystery-pole {
            height: 100%;
            width: 100%;
        }
    }

    @media screen and (min-width: 0\0) {
        .content-container-streetlight > .cmscontent, .content-container-streetlight > .const-content {
            display: inline-block !important;
        }
    }

    .content-container-streetlight > .cmscontent > .top-header-container, .content-container-streetlight > .const-content > .top-header-container {
        margin-top: 0 !important;
    }

    .streetlight-map-popover {
        background: rgba(204, 204, 204, 1);
        color: black;
        padding: 2rem;
    }

    @media (max-width: 599px) {
        .streetlight-map-popover {
            overflow: scroll;
            height: 498px;
        }
    }

    .streetlight-map-popover .close-btn {
        font-size: 3rem;
        text-align: center;
        text-decoration: none;
    }

    .streetlight-map-popover label input[type="radio"]:checked ~ i.fa.fa-check-circle, .streetlight-map-popover label input[type="radio"]:checked ~ em.fa.fa-check-circle {
    }

    .streetlight-innercontainer {
        margin: 0 auto;
        max-width: 550px;
    }

        .streetlight-innercontainer h2 {
            color: #000000;
            font-size: 20px;
        }

        .streetlight-innercontainer label span {
            color: #000000;
            float: left;
            margin: 0rem 2rem;
        }

        .streetlight-innercontainer form {
            margin-top: 35px;
        }

            .streetlight-innercontainer form textarea#problemComments {
                min-height: 59px;
            }

        .streetlight-innercontainer .request-label-wrapper.half {
            margin: 0 0 4rem;
            width: 47%;
        }

    @media (max-width: 599px) {
        .streetlight-innercontainer .request-label-wrapper.half {
            margin: 0 0 2rem;
            width: 100%;
        }
    }

    .streetlight-innercontainer .request-label-wrapper.half:nth-child(even) {
        float: right;
        margin: 0 3% 4rem 0;
    }

    @media (max-width: 599px) {
        .streetlight-innercontainer .request-label-wrapper.half:nth-child(even) {
            margin: 0 0 2rem;
        }
    }

    .streetlight-innercontainer .btn, .streetlight-innercontainer button[type="button"], .streetlight-innercontainer button[type="reset"], .streetlight-innercontainer button[type="submit"], .streetlight-innercontainer input[type="button"], .streetlight-innercontainer input[type="reset"], .streetlight-innercontainer input[type="submit"] {
        margin: 0 0 2rem;
        min-width: 25%;
    }

    .streetlight-innercontainer .cancel {
        margin: 1rem 1rem;
    }

    @media (max-width: 599px) {
        .streetlight-innercontainer .cancel {
            text-align: center;
            min-width: 25%;
            width: 100%;
            margin: 1rem 0rem;
        }
    }

    .streetlight-innercontainer .white:hover {
        color: white;
    }

    .streetlight-innercontainer .radio-button-container {
        margin-bottom: 2rem;
    }

    @media (max-width: 599px) {
        .streetlight-innercontainer .radio-button-container label {
            display: block;
            float: left;
            width: 100%;
        }
    }

    .streetlight-search-container .request-label-wrapper {
        margin-right: 1%;
        width: 73%;
    }

    @media (max-width: 768px) {
        .streetlight-search-container .request-label-wrapper {
            width: 100%;
            margin-bottom: 1rem;
        }
    }

    .streetlight-search-container .request-label-wrapper input.request-text-field[type="search"] {
        height: 40px;
    }

    .streetlight-search-container .fa-location-arrow {
        margin-right: 1rem;
    }

    .streetlight-search-container .btn, .streetlight-search-container button[type="button"], .streetlight-search-container button[type="reset"], .streetlight-search-container button[type="submit"], .streetlight-search-container input[type="button"], .streetlight-search-container input[type="reset"], .streetlight-search-container input[type="submit"] {
        height: 40px;
        min-width: 24%;
        line-height: 1.5;
    }

    @media (max-width: 768px) {
        .streetlight-search-container .btn, .streetlight-search-container button[type="button"], .streetlight-search-container button[type="reset"], .streetlight-search-container button[type="submit"], .streetlight-search-container input[type="button"], .streetlight-search-container input[type="reset"], .streetlight-search-container input[type="submit"] {
            margin: 2rem 0;
            max-width: 100%;
            width: 100%;
        }
    }

    #mapWrapper #legend {
        border: 0;
        bottom: 26px;
        border-radius: 3px;
        box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        left: 20px !important;
        padding: 0;
        position: absolute;
        z-index: 0;
        background: white;
    }

        #mapWrapper #legend .legendList {
            display: inline-block;
            padding: .5rem;
        }

    @media (max-width: 599px) {
        #mapWrapper #legend .legendList {
            display: block;
        }
    }

    #mapWrapper #over_map {
        display: none;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .maps {
        min-height: 500px;
        width: 100%;
    }

    @media (max-width: 599px) {
        .maps button[type="button"] {
            margin: 0 !important;
        }
    }

    .payment-locations {
        /* Location Filters */
    }

        .payment-locations .sixty {
            padding-left: 20px;
        }

    @media (max-width: 768px) {
        .payment-locations .sixty {
            padding-left: 0;
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .payment-locations .forty {
            width: 100%;
        }
    }

    .payment-locations .cmscontent, .payment-locations .const-content {
        display: inline-block;
    }

    .payment-locations .search-input-wrapper {
        display: inline-block;
        margin-bottom: 1em;
        width: 100%;
    }

        .payment-locations .search-input-wrapper .location-label-wrapper {
            display: inline-block;
            float: left;
            height: auto !important;
            width: 40%;
        }

    @media (max-width: 768px) {
        .payment-locations .search-input-wrapper .location-label-wrapper {
            width: 100%;
        }
    }

    .payment-locations .search-input-wrapper .search-location-label {
        display: block;
        font-weight: 600;
        margin-bottom: 0.5em;
        width: 100%;
    }

    .payment-locations .search-location-input {
        margin: 0 !important;
        float: left;
        font-size: small;
        height: 42px;
        padding: 0 2%;
        border: 1px solid #5b5b5b;
        border-right: 0;
        width: 80%;
    }

        .payment-locations .search-location-input:focus {
            background: white;
        }

    .payment-locations .search-btn {
        margin: 0 !important;
        height: 44px;
        width: 15%;
        min-width: 15%;
        max-width: 15%;
    }

    .payment-locations .mapfilters {
        float: left;
        position: relative;
        width: 100%;
        z-index: 99;
    }

    @media (max-width: 768px) {
        .payment-locations .mapfilters {
            width: 100%;
            position: relative;
        }
    }

    .payment-locations .mapfilters .filter-btn {
        background: #256bb4;
        border-bottom: 1px solid transparent;
        border-radius: 0;
        color: white;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        height: 41px;
        padding: 7px 10px;
        position: relative;
        width: 40%;
    }

    @media (max-width: 768px) {
        .payment-locations .mapfilters .filter-btn {
            width: 100%;
        }
    }

    .payment-locations .mapfilters .filter-btn:after {
        color: white;
        content: "\f0b0";
        float: right;
        font-family: 'fontAwesome';
        font-size: medium;
        margin-right: 5px;
    }

    .payment-locations .mapfilters .filter-content {
        background-color: white;
        border: thin solid #757575;
        padding: 5px 10px 10px;
        position: absolute;
        width: 40%;
    }

    @media (max-width: 768px) {
        .payment-locations .mapfilters .filter-content {
            width: 100%;
        }
    }

    .payment-locations .mapfilters .filter-content label {
        display: inline-block;
        display: inline-block;
        width: 100%;
    }

        .payment-locations .mapfilters .filter-content label span {
            font-size: small;
        }

    .payment-locations .mapfilters .filter-content h4 {
        font-size: small;
        font-weight: 600;
        margin: 1em 0 0;
    }

    .payment-locations #gmap_canvas {
        display: block;
        height: 600px;
        width: 100%;
    }

    @media (max-width: 768px) {
        .payment-locations #gmap_canvas {
            margin-left: 0;
        }
    }

    .payment-locations .scrollof {
        pointer-events: none;
    }

    .payment-locations .location-search-results {
        width: 100%;
        float: left;
        position: relative;
        display: inline-block;
        margin-top: 1em;
    }

    .payment-locations .locationResults {
        background-color: #f4f4f4;
        border: 1px solid #dedede;
        display: inline-block;
        margin-top: 1%;
        padding: 3% 2% 0;
    }

        .payment-locations .locationResults:first-of-type {
            margin-top: 0;
        }

    @media (max-width: 768px) {
        .payment-locations .locationResults {
            padding: 15px;
            width: 100%;
        }
    }

    .payment-locations .locationResults span {
        display: inline-block;
        margin-bottom: 0.25em;
        width: 100%;
    }

    .payment-locations .locationResults .blockdetail {
        color: #5b5b5b;
        float: left;
        font-size: small;
        width: 85%;
    }

        .payment-locations .locationResults .blockdetail .phone {
            color: black;
            font-family: 'lato';
            font-size: small;
        }

            .payment-locations .locationResults .blockdetail .phone::before {
                color: #df2911;
                content: "\f095";
                font-family: 'FontAwesome';
                margin-right: 10px;
            }

        .payment-locations .locationResults .blockdetail .locationName {
            font-size: medium;
            font-weight: 600;
        }

    .payment-locations .locationResults .blockright {
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        padding: 0;
        text-align: right;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        .payment-locations .locationResults .blockright {
            float: left;
            padding-left: 7px;
            width: inherit;
        }
    }

    .payment-locations .locationpin {
        background-image: url("/cdn/images/location-pin.png");
        background-repeat: no-repeat;
        background-size: contain;
        float: left;
        width: 15%;
    }

        .payment-locations .locationpin span {
            color: white;
            font-size: x-small;
            padding-bottom: 5px;
            padding-left: 12px;
            vertical-align: middle;
            z-index: 1;
        }

    .payment-locations .location-info-wrapper {
        float: left;
        margin: 2em 0;
    }

        .payment-locations .location-info-wrapper li {
            margin-bottom: 1em;
        }

    .left-side-events {
        display: none;
    }

    @media (max-width: 1023px) {
        .left-side-events {
            background: transparent;
            display: inline-block !important;
            width: 95%;
            min-width: 100%;
            padding: 0 1em;
        }
    }

    @media (max-width: 768px) {
        .left-side-events {
            min-width: 94%;
        }
    }

    @media (max-width: 599px) {
        .left-side-events {
            background: white;
            display: block !important;
            width: 91.5%;
            min-width: 100px;
            margin: 1.2em auto 0;
        }
    }

    @media (max-width: 1023px) {
        .left-side-events > .leftnav {
            margin: 0 auto;
            max-width: 1920px;
            width: 90%;
            float: none;
            padding: 1em 0 60px 2em;
        }
    }

    @media (max-width: 768px) {
        .left-side-events > .leftnav {
            padding: 1em 0;
        }
    }

    @media (max-width: 599px) {
        .left-side-events > .leftnav {
            margin: 1em auto 0;
            width: 100%;
            float: none;
            padding: 0;
        }
    }

    .left-side-events > .leftnav > .breadcrumb-wrapper, .left-side-events > .leftnav > .breadcrumbs {
        display: none;
    }

    @media (max-width: 1023px) {
        .left-side-events > .leftnav > .breadcrumb-wrapper, .left-side-events > .leftnav > .breadcrumbs {
            display: inline-block;
        }
    }

    .left-side-events > .leftnav > .h1-border {
        display: none;
    }

    @media (max-width: 1023px) {
        .left-side-events > .leftnav > .h1-border {
            display: inline-block;
        }
    }

    @media (max-width: 599px) {
        .left-side-events > .leftnav > .h1-border {
            display: inline-block;
        }
    }

    .events {
        display: none;
    }

    @media (max-width: 1023px) {
        .events {
            display: block;
            float: left;
        }
    }

    @media (min-width: 480px) {
        .events {
            padding-left: 1.46em !important;
            padding-right: 1.46em !important;
        }
    }

    @media (max-width: 599px) {
        .events {
            padding-left: 1em;
            padding-right: 1em;
        }
    }

    @media (max-width: 599px) {
        .events > .events-content-container {
            margin-top: 0 !important;
        }
    }

    @media (max-width: 1023px) {
        .events > .events-content-container > .breadcrumb-wrapper {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .events > .events-content-container > .breadcrumb-wrapper {
            display: none;
        }
    }

    @media (max-width: 1023px) {
        .events > .events-content-container > .cmscontent > .h1-border, .events > .events-content-container > .const-content > .h1-border {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .events > .events-content-container > .cmscontent > .h1-border, .events > .events-content-container > .const-content > .h1-border {
            display: none;
        }
    }

    .events-leftside, .events-rightside {
        float: left;
        position: relative;
    }

    .events-leftside {
        background: #dedede;
        width: 100%;
        min-width: 276px;
        max-width: 318px;
        padding: 1% 1%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .events-leftside {
            background: #bfd5eb url("/cdn/images/backgrounds/events/events-img.jpg") no-repeat 0 0;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            margin: 6em auto 0;
            max-width: 100%;
            width: 100%;
            min-width: 100%;
            float: none;
            padding: 1.5em 2.5em;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }

    @media (max-width: 599px) {
        .events-leftside {
            margin: 4em auto 2em;
            padding: 1.5em .5em;
        }
    }

    .events-leftside.events-search-filter {
        display: block;
    }

    .calender-wrapper, .event-date-wrapper, .event-type-wrapper {
        background: white;
        width: 100%;
        float: left;
        margin-bottom: 5%;
    }

    .calender-wrapper {
        min-height: 1px;
    }

    @media (max-width: 1023px) {
        .calender-wrapper {
            width: 38%;
            margin-right: 2em;
        }
    }

    @media (max-width: 768px) {
        .calender-wrapper {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .calender-wrapper {
            display: none;
        }
    }

    .event-date-wrapper {
        height: 141px;
        padding: 6% 6%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .event-date-wrapper {
            width: 40%;
            height: 116px;
            padding: 3% 2%;
        }
    }

    @media (max-width: 768px) {
        .event-date-wrapper {
            margin-bottom: 0;
            width: 46%;
            margin-right: 2%;
        }
    }

    @media (max-width: 599px) {
        .event-date-wrapper {
            width: 100%;
            height: 93px;
            margin-bottom: .5em;
            margin-right: 0;
            padding: 3% 2%;
        }
    }

    .event-date-wrapper .event-date-label-wrapper {
        float: left;
        width: 100%;
        margin: 0 0;
    }

    @media (max-width: 599px) {
        .event-date-wrapper .event-date-label-wrapper {
            display: block;
        }
    }

    .event-date-wrapper .event-date-label-wrapper .event-date-label-name {
        display: inline-block;
        width: 100%;
        text-align: left;
        color: #727272;
        margin-bottom: 10px;
    }

    .event-date-wrapper .event-date-label-wrapper .event-date-select {
        border: thin solid #757575;
        width: 100%;
        height: 34px;
        margin: 0 0 2%;
        padding: 0 2%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .event-date-wrapper .event-date-label-wrapper .event-date-select:focus {
            border-color: #5f97cd;
        }

    .event-date-wrapper .event-date-label-wrapper #event-date_input.event-date-select {
        background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
        border: thin solid #757575;
        width: 100%;
        height: 34px;
        margin: 0 0 2%;
        padding: 0 2%;
        color: #727272;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

        .event-date-wrapper .event-date-label-wrapper #event-date_input.event-date-select:focus {
            border-color: #5f97cd;
        }

    @media (max-width: 1024px) {
        .event-date-wrapper .event-date-label-wrapper #event-date_input.event-date-select {
            background-position: 96% center;
            font-size: small;
        }
    }

    @media (max-width: 599px) {
        .event-date-wrapper .event-date-label-wrapper #event-date_input.event-date-select {
            background-position: 96% center;
        }
    }

    .event-type-wrapper {
        min-height: 1px;
        margin-bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .event-type-wrapper {
            width: 40%;
            margin-bottom: 2%;
        }
    }

    @media (max-width: 768px) {
        .event-type-wrapper {
            margin-top: 0 !important;
            width: 52%;
        }
    }

    @media (max-width: 599px) {
        .event-type-wrapper {
            width: 100%;
        }
    }

    .event-type-wrapper .event-type-header {
        border-bottom: thin solid #757575;
        float: left;
        width: 100%;
        height: 60px;
        color: #727272;
        padding: 6% 6%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .event-type-wrapper .event-type-header {
            height: 116px;
            padding: 13% 5%;
        }
    }

    @media (max-width: 599px) {
        .event-type-wrapper .event-type-header {
            height: 66px;
            padding: 9% 5%;
        }
    }

    .event-type-wrapper .event-type-category-list, .event-type-wrapper .event-page-list-wrapper {
        width: 100%;
        float: left;
    }

    .event-type-wrapper .event-type-category-list {
        background: white;
    }

    @media (max-width: 1023px) {
        .event-type-wrapper .event-type-category-list {
            display: none;
        }
    }

    .event-type-wrapper .event-type-category-list > .filter-wrapper {
        border-bottom: thin solid #dedede;
        width: 100%;
        max-height: 66px;
        padding: 7% 6% 7% 8%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #727272;
        font-size: small;
        position: relative;
    }

        .event-type-wrapper .event-type-category-list > .filter-wrapper:first-child, .event-type-wrapper .event-type-category-list > .filter-wrapper:first-of-type {
            background: #bfd5eb;
        }

        .event-type-wrapper .event-type-category-list > .filter-wrapper:last-child, .event-type-wrapper .event-type-category-list > .filter-wrapper:last-of-type {
            border-bottom: 0;
        }

    @media (max-width: 599px) {
        .event-type-wrapper .event-type-category-list > .filter-wrapper {
            display: block;
        }
    }

    .event-type-wrapper .event-page-list-wrapper {
        padding-left: 6%;
        padding-right: 6%;
    }

        .event-type-wrapper .event-page-list-wrapper .event-page-list {
            border-bottom: thin solid #5b5b5b;
            width: 100%;
            margin: 1em 0;
            padding: .5em 0;
            list-style: outside none none;
        }

            .event-type-wrapper .event-page-list-wrapper .event-page-list:last-of-type, .event-type-wrapper .event-page-list-wrapper .event-page-list:last-child {
                border: 0;
            }

            .event-type-wrapper .event-page-list-wrapper .event-page-list a {
                border: 0;
                color: #256bb4;
                text-decoration: underline;
                margin: 0;
                padding: 4% 0;
            }

                .event-type-wrapper .event-page-list-wrapper .event-page-list a:hover {
                    color: #104648;
                }

            .event-type-wrapper .event-page-list-wrapper .event-page-list:hover {
                background: transparent;
            }

    .event-type-wrapper > span {
        display: inline-block;
        width: 100%;
        padding-left: 6%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .filter-icon {
        background: url(/cdn/images/icons/filter_icon.png) no-repeat 0 center;
        background-size: 85%;
        width: 24px;
        height: 24px;
        float: left;
        margin-right: 1%;
        padding: 0;
    }

    @media (max-width: 1023px) {
        #lnkAddCalendar {
            display: none;
        }
    }

    @media (max-width: 599px) {
        #lnkAddCalendar {
            display: none;
        }
    }

    .filter-by-wrapper {
        display: none;
        width: 100%;
        float: left;
        margin: 0;
    }

        .filter-by-wrapper .filter-label-wrapper {
            float: left;
            width: 100%;
            margin: 2em 0;
        }

            .filter-by-wrapper .filter-label-wrapper:first-child {
                margin: 0;
            }

            .filter-by-wrapper .filter-label-wrapper .filter-label-name {
                display: inline-block;
                width: 100%;
                text-align: left;
                color: #727272;
                margin-bottom: 10px;
            }

            .filter-by-wrapper .filter-label-wrapper .filter-select {
                border: thin solid #757575;
                width: 100%;
                height: 34px;
                margin: 0 0 2%;
                padding: 0 2%;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .filter-by-wrapper .filter-label-wrapper .filter-select:focus {
                    border-color: #5f97cd;
                }

            .filter-by-wrapper .filter-label-wrapper #filter_input.filter-select {
                background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
                border: thin solid #757575;
                width: 100%;
                height: 34px;
                margin: 0 0 2%;
                padding: 0 2%;
                color: #727272;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
            }

                .filter-by-wrapper .filter-label-wrapper #filter_input.filter-select:focus {
                    border-color: #5f97cd;
                }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .filter-by-wrapper .filter-label-wrapper #filter_input.filter-select {
            background-position: 96% center;
            font-size: small;
        }
    }

    @media only screen and (max-width: 599px) {
        .filter-by-wrapper .filter-label-wrapper #filter_input.filter-select {
            background-position: 96% center;
        }
    }

    .color-dot, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .color-bar {
        background: #757575;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        float: left;
        width: 10px;
        height: 10px;
        margin: 3% 3% 3% 0;
        position: relative;
    }

        .color-dot.blue, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .blue.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .blue.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .blue.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .blue.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .blue.color-bar {
            background: #244aff;
        }

        .color-dot.red, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .red.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .red.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .red.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .red.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .red.color-bar {
            background: #fd3324;
        }

        .color-dot.gold, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .gold.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .gold.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .gold.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .gold.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .gold.color-bar {
            background: #d5c000;
        }

        .color-dot.orange, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .orange.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .orange.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .orange.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .orange.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .orange.color-bar {
            background: #ff9a12;
        }

        .color-dot.purple, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .purple.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .purple.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .purple.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .purple.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .purple.color-bar {
            background: #c414ff;
        }

        .color-dot.green, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .green.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .green.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .green.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .green.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .green.color-bar {
            background: #51c312;
        }

        .color-dot.pink, .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .pink.color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .pink.color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .pink.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .pink.color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .pink.color-bar {
            background: #ff78ce;
        }

    @media (max-width: 768px) {
        .events-rightside {
            width: 100%;
            min-width: 100%;
            margin-left: 0;
            padding-bottom: 1.5em;
        }
    }

    @media (max-width: 599px) {
        .events-rightside {
            width: 100%;
            padding-bottom: 1.5em;
        }
    }

    .events-rightside.events-search {
        display: block;
        margin-top: 2em;
    }

    @media (max-width: 768px) {
        .events-rightside.events-search {
            width: 100% !important;
            min-width: 56%;
        }
    }

    @media (max-width: 599px) {
        .events-rightside.events-search {
            margin-top: 0;
        }
    }

    .events-list-wrapper, .project-listing .project-list-wrapper {
        display: inline-block;
        width: 100%;
    }

        .events-list-wrapper .events-list-item, .project-listing .project-list-wrapper .events-list-item, .project-listing .project-list-wrapper .project-list-item {
            list-style: none;
            width: 100%;
        }

            .events-list-wrapper .events-list-item .event-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper {
                border: 0;
                padding: 3.2% 20px;
            }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper {
            padding: 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper {
        background: transparent;
        display: inline-block;
        width: 55px;
        height: 89px;
        margin: 0;
        padding: 0;
        float: left;
        color: #757575;
        vertical-align: top;
        line-height: 17px;
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper {
            display: inline-block;
            width: 50%;
            height: auto;
            margin: 0;
            padding: 0;
            vertical-align: top;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .month, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper .month, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .month, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper .month {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: medium;
        font-weight: bold;
        text-transform: uppercase;
        text-align: right;
        height: auto;
        vertical-align: top;
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .month, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper .month, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .month, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper .month, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper .month {
            width: auto;
            text-align: left;
            font-size: 14px;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper .day, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper .day {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: 1.2em;
        font-weight: bold;
        text-align: right;
        vertical-align: top;
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper .day, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper .day, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper .day {
            width: auto;
            text-align: left;
            font-size: 14px;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day-of-week, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper .day-of-week, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day-of-week, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper .day-of-week {
        display: inline-block;
        width: 100%;
        height: auto;
        font-size: .75em;
        font-weight: 400;
        text-align: right;
        vertical-align: top;
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day-of-week, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-date-wrapper .day-of-week, .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day-of-week, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper .day-of-week, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper .day-of-week {
            width: auto;
            text-align: left;
        }
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            padding: 0 0;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper {
        display: none;
        width: 12%;
        margin-right: 4%;
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-date-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-date-wrapper {
            display: block;
            width: 100%;
            height: auto;
            margin-bottom: 1em;
            float: left;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
        max-width: 150px;
        min-width: 117px;
        width: 17%;
        height: 150px;
        float: left;
        margin: 0 2%;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
            width: 78%;
            max-width: 78%;
            height: 150px;
            margin-bottom: 12%;
        }
    }

    @media only screen and (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
            width: 100%;
            max-width: 100%;
            height: 150px;
            margin: 0 0 12%;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper .color-bar, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper .color-bar {
        background: #757575;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        width: 100%;
        height: 6px;
        float: left;
        margin: 0 0;
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-wrapper .project-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper > .thumbnail {
        background: url("/cdn/images/backgrounds/events/events-placeholder-img.jpg") no-repeat center center;
        background-size: cover;
        display: inline-block;
        border: thin solid #757575;
        width: 100%;
        max-width: 100% !important;
        height: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
        width: 67%;
        height: auto;
        float: left;
        position: relative;
    }

    @media (min-width: 1200px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 67%;
        }
    }

    @media (max-width: 768px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 90%;
            margin-left: 4.3em;
        }
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 100%;
            margin-left: 0;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-h2 {
        float: none;
        font-size: large;
        margin-bottom: 1%;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-h2 {
            width: 88%;
        }
    }

    @media only screen and (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-h2, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-h2 {
            width: 100%;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-type, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-type, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-type, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-type, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-type {
        float: left;
        width: 100%;
        height: auto;
        font-size: small;
    }

        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-type .copy-link, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-type .copy-link, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-type .copy-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-type .copy-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-type .copy-link {
            color: #256bb4;
            text-decoration: underline;
        }

            .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-type .copy-link:hover, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-type .copy-link:hover, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-type .copy-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-type .copy-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-type .copy-link:hover {
                color: #104648;
            }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-content {
        float: left;
        width: 100%;
        height: auto;
        font-weight: bold;
        font-size: small;
    }

    @media (max-width: 768px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-content {
            width: 88%;
        }
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-content, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-content {
            width: 100%;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper {
        float: left;
        width: 196px;
    }

    @media (max-width: 768px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-time-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper {
            font-size: small;
            width: 100%;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .time-icon, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .add-cal-icon, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-time-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-time-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .add-cal-icon, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .time-icon, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .time-icon, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .add-cal-icon {
        width: 24px;
        height: 24px;
        float: left;
        margin-right: 2%;
        font-weight: bold;
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .event-time-wrapper .time-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .time-icon {
        background: url(/cdn/images/icons/events/clock_icon.png) no-repeat center 0;
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper {
        width: 168px;
        margin-left: 2%;
    }

    @media (max-width: 768px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper {
            width: 158px;
            margin-left: 0;
        }
    }

    @media (max-width: 1023px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper {
            display: none;
            margin: 6% 0;
        }
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .add-cal-icon, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .add-cal-icon {
        background: url(/cdn/images/icons/events/cal_icon.png) no-repeat center 0;
    }

    .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .cal-link, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .project-time-wrapper .project-cal-link, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .add-to-calendar-wrapper .project-cal-link {
        color: #256bb4;
        text-decoration: underline;
    }

        .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link:hover, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link:hover, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .cal-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .cal-link:hover, .events-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link:hover, .project-listing .project-list-wrapper .events-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link:hover, .project-listing .project-list-wrapper .project-list-item .event-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .event-content-wrapper .add-to-calendar-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .add-to-calendar-wrapper .project-time-wrapper .project-cal-link:hover, .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .add-to-calendar-wrapper .project-cal-link:hover {
            color: #104648;
        }

    .events-list-wrapper .events-list-item:nth-child(odd), .project-listing .project-list-wrapper .events-list-item:nth-child(odd), .project-listing .project-list-wrapper .project-list-item:nth-child(odd) {
        background: #f4f4f4;
    }

    .events-list-wrapper .events-list-item:hover, .project-listing .project-list-wrapper .events-list-item:hover, .project-listing .project-list-wrapper .project-list-item:hover {
        background: #bfd5eb;
        cursor: pointer;
    }

    @media (max-width: 599px) {
        .events-list-wrapper .events-list-item, .project-listing .project-list-wrapper .events-list-item, .project-listing .project-list-wrapper .project-list-item {
            margin-top: 2em;
            padding: 4% 4% 4%;
        }
    }

    .event-page-wrapper {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .event-page-wrapper {
            width: 100%;
            min-width: 100%;
            margin-left: 0;
        }
    }

    @media (max-width: 599px) {
        .event-page-wrapper {
            width: 100%;
            margin-top: 1em;
            padding: 0;
        }
    }

.event-page-wrapper .header-img-wrapper {
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    float: left;
    margin-bottom: 2rem !important;
}
    

    @media (max-width: 1023px) {
        .event-page-wrapper .header-img-wrapper {
            height: 100%;
        }
    }

    @media (max-width: 599px) {
        .event-page-wrapper .header-img-wrapper {
            height: 100%;
        }
    }

    .event-page-wrapper .header-img-wrapper > img {
        width: 100%;
        height: 100%;
    }

    .event-page-wrapper .event-page-h2 {
        margin: 4% 0 2%;
    }

    .event-page-wrapper .event-page-content {
        margin-bottom: 4%;
    }

    .event-page-wrapper .event-page-video-link {
        float: left;
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        .event-page-wrapper .event-page-video-link {
            margin-top: 4%;
        }
    }

    .event-page-wrapper .event-page-video-link .video-icon {
        background: url(/cdn/images/icons/events/tv_icon.png) no-repeat center 0;
        float: left;
        width: 40px;
        height: 29px;
        margin-right: 2%;
    }

    @media only screen and (max-width: 599px) {
        .event-page-wrapper .event-page-video-link p {
            margin-top: -2%;
            margin-left: 2%;
            width: 75%;
        }
    }

    .event-page-wrapper .event-info-container .event-info-content {
        width: 50%;
        float: left;
    }

    @media only screen and (max-width: 599px) {
        .event-page-wrapper .event-info-container .event-info-content {
            width: 100%;
        }
    }

    .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper {
        float: left;
    }

        .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list {
            display: inline-block;
            margin-top: 4%;
            width: 100%;
        }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list:first-child {
                margin-top: 0;
            }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-cal, .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-clock, .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-pin {
                float: left;
                width: 24px;
                height: 27px;
                margin-right: 4%;
            }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-cal {
                background: url(/cdn/images/icons/events/cal_icon_blk.png) no-repeat center 0;
            }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-clock {
                background: url(/cdn/images/icons/events/clock_icon_blk.png) no-repeat center 0;
            }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-pin {
                background: url(/cdn/images/icons/events/pin_icon_blk.png) no-repeat center 0;
            }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-enddate {
                padding-left: 37px;
            }

            .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-copy {
                float: left;
            }

    @media (max-width: 1023px) {
        .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-copy {
            width: 80%;
        }
    }

    @media (max-width: 599px) {
        .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list {
            width: 80%;
        }
    }

@media (max-width: 599px) {
    .event-info-copy { width: auto !important; }
}

    .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-copy .copy-link {
        border: 0;
        margin-bottom: 0;
        padding: 0;
        color: #256bb4;
        text-decoration: underline;
    }

    .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list .event-info-copy .copy-link:hover {
        color: #104648;
    }

    .event-page-wrapper .event-info-container .event-info-content .event-info-wrapper .evnt-info-list:hover {
        background: transparent;
    }

    .event-page-wrapper .event-info-container .event-info-map {
        background: #5b5b5b;
        float: right;
        width: 50%;
        height: 225px;
    }

    @media only screen and (max-width: 599px) {
        .event-page-wrapper .event-info-container .event-info-map {
            width: 100%;
            margin-top: 4%;
        }
    }

    .event-page-wrapper > ul {
        margin-left: 1em;
    }

        .event-page-wrapper > ul li > a {
            text-decoration: underline;
        }

    .related-links-wrapper {
        display: none;
        float: left;
        width: 100%;
        position: relative;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .related-links-wrapper {
            display: block;
        }
    }

    @media only screen and (max-width: 599px) {
        .related-links-wrapper {
            display: block;
        }
    }

    .related-links-wrapper .related-links-header {
        float: left;
        width: 100%;
        height: 60px;
        color: #727272;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .related-links-wrapper .related-links-header {
            height: 40px;
        }
    }

    .related-links-wrapper .related-links-list-wrapper .related-links-list {
        width: 100%;
        list-style: none;
    }

        .related-links-wrapper .related-links-list-wrapper .related-links-list a {
            border: 0;
            color: #256bb4;
            text-decoration: underline;
            margin: 0;
            padding: 2% 0%;
        }

            .related-links-wrapper .related-links-list-wrapper .related-links-list a:hover {
                color: #104648;
            }

        .related-links-wrapper .related-links-list-wrapper .related-links-list:hover {
            background: transparent;
        }

    .empty-space {
        background: #5b5b5b;
        width: 100%;
        text-align: left;
        padding: 10px 10px 10px 20px;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .empty-space {
            display: none;
        }
    }

    .empty-space > a {
        color: white;
        font-size: small;
        text-transform: uppercase;
    }

        .empty-space > a:hover {
            color: white;
        }

    .event-type-wrapper {
        display: inline-block !important;
        height: auto;
        position: relative;
    }

        .event-type-wrapper > .dropdown-header, .description-container .event-type-wrapper > .description-header {
            width: 100%;
        }

    @media (max-width: 599px) {
        .event-type-wrapper > .dropdown-header, .description-container .event-type-wrapper > .description-header {
            padding: 7% 5% !important;
        }
    }

    .event-type-wrapper > .dropdown-header:after, .description-container .event-type-wrapper > .description-header:after {
        font-family: "FontAwesome";
        content: "\f067";
        font-size: x-small;
        vertical-align: middle;
        margin-right: .5em;
        right: 2em;
        position: absolute;
    }

    .event-type-wrapper.open > .dropdown-header:after, .description-container .event-type-wrapper.open > .description-header:after {
        content: "\f068";
    }

    @media (max-width: 599px) {
        .event-type-wrapper.open.close {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .event-type-wrapper {
            padding: 0 !important;
        }
    }

    .s-event > h1 {
        font-weight: 600 !important;
    }

    .s-event > p {
        font-size: 1em;
    }

    .flat-calendar .c-month-view .bkToCalendar {
        display: none;
        float: left;
        font-weight: 400;
        font-size: 1.6rem;
        font-size: 16px;
        margin-bottom: 0.5em;
        line-height: 24px;
        padding-top: 1%;
        cursor: pointer;
        padding-left: 10px;
    }

        .flat-calendar .c-month-view .bkToCalendar:before {
            font-family: "FontAwesome";
            content: "\f053";
            font-size: x-small;
            vertical-align: middle;
            margin-right: .5em;
        }

        .flat-calendar .c-month-view .bkToCalendar.show {
            display: inline-block;
        }

    @media screen and (min-width: 0\0) {
        .flat-calendar .c-holder .c-grid .c-row .c-day {
            margin-right: calc(0px + 7px/7);
        }
    }

    .events-list-item div[data-url*="Fundraisers"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Fundraisers"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Fundraisers"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/FundraisersTNicon.png") !important;
    }

    .events-list-item div[data-url*="Board_Meetings"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Board_Meetings"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Board_Meetings"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/BoardMeetingsTNicon.png") !important;
    }

    .events-list-item div[data-url*="Public_Meetings"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Public_Meetings"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Public_Meetings"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/PublicMeetingsTNicon.png") !important;
    }

    .events-list-item div[data-url*="Workshop"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Workshop"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Workshop"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/WorkshopsTNicon.png") !important;
    }

    .events-list-item div[data-url*="Kids_corner"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Kids_corner"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Kids_corner"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/KidsCornerTNicon.png") !important;
    }

    .events-list-item div[data-url*="Expos"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Expos"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Expos"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/ExposTNicon.png") !important;
    }

    .events-list-item div[data-url*="Community_Events"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item div[data-url*="Community_Events"] > .event-thumbnail-wrapper > .thumbnail, .project-listing .project-list-wrapper .project-list-item .project-wrapper div[data-url*="Community_Events"] > .project-thumbnail-wrapper > .thumbnail {
        background-image: url("/cdn/images/backgrounds/events/CommunityEventsTNicon.png") !important;
    }

    .sessiontimeout {
        background: rgba(0, 0, 0, 0.65) !important;
        z-index: 9999;
    }

        .sessiontimeout label.modalclose::after,
        .sessiontimeout label.modalclose::before {
            background-color: white;
        }

        .sessiontimeout .modalinner {
            -moz-box-shadow: -6px 7px 23px -5px rgba(0, 0, 0, 0.33);
            -webkit-box-shadow: -6px 7px 23px -5px rgba(0, 0, 0, 0.33);
            background: transparent;
            border-radius: 0 0 10px 10px;
            border: 0;
            box-shadow: -6px 7px 23px -5px rgba(0, 0, 0, 0.33);
            max-width: 450px;
            overflow: visible;
            padding: 0;
            top: 20%;
            width: 100%;
        }

    @media only screen and (max-width: 599px) {
        .sessiontimeout .modalinner {
            width: 90%;
        }
    }

    .sessiontimeout .modalheader {
        background-color: #df2911;
        border-radius: 10px 10px 0 0;
        padding: 5px;
        width: 100%;
    }

        .sessiontimeout .modalheader::before {
            content: url("/cdn/images/icons/timedout.png");
            margin: 0 auto;
            margin-top: -35px;
        }

    .sessiontimeout .counter {
        background: white;
        padding: 20px 30px;
    }

        .sessiontimeout .counter p.strong {
            margin-bottom: 0;
            margin-top: 30px;
            text-align: center;
        }

        .sessiontimeout .counter p#countdown {
            font-size: large;
            text-align: center;
        }

        .sessiontimeout .counter > button {
            display: block !important;
            margin: 1.5em auto 0 !important;
        }

    .balancesummary, .emailconfirm {
        position: relative;
        display: block;
        z-index: 10;
    }

    .choosepayment {
        z-index: 9;
        position: relative;
        display: block;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .balancesummary, .choosepayment, .chooseAccount, .paymentsummary, .verifypayment, .paymentsummary-multi, .emailconfirm, .choosepayment-multi {
            padding: 10px 20px;
        }

            .balancesummary label span, .choosepayment label span, .chooseAccount label span, .paymentsummary label span, .verifypayment label span, .paymentsummary-multi label span, .emailconfirm label span, .choosepayment-multi label span {
                font-size: 14px;
            }
    }

    @media only screen and (max-width: 599px) {
        .balancesummary, .choosepayment, .chooseAccount, .paymentsummary, .verifypayment, .paymentsummary-multi, .emailconfirm, .choosepayment-multi {
            padding: 30px !important;
        }
    }

    .balancesummary label span, .choosepayment label span, .chooseAccount label span, .paymentsummary label span, .verifypayment label span, .paymentsummary-multi label span, .emailconfirm label span, .choosepayment-multi label span {
        padding-right: 0;
    }

    .verifypayment, .choosepayment, .paymentsummary {
        padding: 10px 10px 0px 50px;
    }

    @media only screen and (max-width: 599px) {
        .emailconfirm {
            padding: 20px 15px;
            margin-bottom: 20px;
            overflow: visible;
            height: inherit;
            position: relative;
            min-height: inherit;
            display: inline-block;
            width: 100%;
        }
    }

    .verificationsumary {
        display: inline-block;
    }

    .choosepayment-multi {
        min-height: 840px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .choosepayment-multi {
            min-height: 800px;
        }
    }

    .choosepayment-multi span.manageaccounts {
        margin: 40px 0px;
        display: block;
    }

    .choosepayment-multi .block {
        padding: 15px;
        display: block;
        border-left: 0;
        background: transparent;
        margin-bottom: 20px;
        width: 100%;
    }

    .paymentsummary-multi {
        min-height: 1060px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .paymentsummary-multi {
            min-height: 1150px;
        }
    }

    .paymentsummary {
        overflow: visible;
    }

    @media (min-width: 1200px) {
        .balancesummary {
            padding: 50px 5px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .balancesummary {
            padding: 25% 20px;
        }
    }

    @media only screen and (max-width: 599px) {
        .balancesummary h1.blue {
            text-align: center;
            color: #5f97cd !important;
            font-weight: 300;
            margin-bottom: 0.25em;
        }
    }

    .choosepayment.inactive, .inactive {
        opacity: 0.5;
        pointer-events: none;
    }

    .submit-m.inactive {
        opacity: 0.5 !important;
    }

    p.acctList {
        padding: 10px 40px;
        text-decoration: underline;
        margin-bottom: 5px;
        cursor: pointer;
    }

    img.acct-icon {
        margin: 15px auto;
        display: block;
    }

    @media (min-width: 1200px) {
        img.acct-icon {
            height: 82px;
        }
    }

    @media only screen and (max-width: 599px) {
        img.acct-icon {
            width: 59px;
            height: initial;
        }
    }

    span.step {
        font-size: 15px;
        text-transform: capitalize;
        float: right;
        line-height: inherit;
        font-weight: normal;
    }

    .obpaccountnumber {
        background-color: #5f97cd;
        color: white;
        padding: 0 40px;
        margin-top: 20px;
    }

        .obpaccountnumber p {
            line-height: 18px;
            margin: 0.75em 0;
        }

    p.amountdue {
        font-size: 50px;
        text-align: center;
        font-weight: 600;
        display: block;
        margin: 0.5em auto;
    }

    @media (max-width: 1024px) {
        p.amountdue {
            font-size: 35px;
        }
    }

    @media only screen and (max-width: 599px) {
        p.amountdue {
            font-size: 40px;
            display: block;
            margin: 15px auto;
        }
    }

    .paymentchoice {
        margin: 0 auto;
        padding: 15px;
    }

    @media (max-width: 1024px) {
        .paymentchoice {
            padding: 20px;
        }
    }

    @media only screen and (max-width: 599px) {
        .paymentchoice {
            border-top: 1px solid #dedede;
            display: inline-block;
            margin: 0 auto;
            padding: 15px 0;
        }
    }

    .paymentchoice span {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .paymentchoice button {
        margin: 0 auto;
        display: block;
        margin-bottom: 10px;
    }

    @media (max-width: 1024px) {
        .paymentchoice button {
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        .paymentchoice button {
            padding-left: 25px;
        }
    }

    .paymentchoice button#payByBank, .paymentchoice button#payByCard {
        position: relative;
    }

    @media only screen and (max-width: 599px) {
        .paymentchoice button#payByBank:after {
            content: "\f105";
            font-family: 'fontAwesome';
            color: white;
            float: right;
            margin-right: 10px;
            font-size: 22px;
        }
    }

    ul.paymentlist, ul.paymentAmount, ul.accountList {
        width: 100%;
    }

    @media only screen and (max-width: 599px) {
        ul.paymentlist, ul.paymentAmount, ul.accountList {
            background-color: white;
            -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            display: block;
        }
    }

    ul.paymentlist li, ul.paymentAmount li, ul.accountList li {
        background-color: transparent !important;
        display: inline-block;
        width: 100%;
        margin: 0;
    }

        ul.paymentlist li:nth-child(even), ul.paymentAmount li:nth-child(even), ul.accountList li:nth-child(even) {
            background-color: #bfd5eb !important;
        }

    @media only screen and (max-width: 599px) {
        ul.paymentlist li:nth-child(even), ul.paymentAmount li:nth-child(even), ul.accountList li:nth-child(even) {
            background-color: transparent !important;
        }
    }

    ul.paymentlist li:hover, ul.paymentAmount li:hover, ul.accountList li:hover {
        background-color: transparent;
    }

    ul.paymentlist li:before, ul.paymentAmount li:before, ul.accountList li:before {
        content: "";
    }

    ul.paymentlist li span, ul.paymentAmount li span, ul.accountList li span {
        width: 25%;
        display: inline-block;
        margin: 0 auto;
        padding: 5px 0px 5px 15px;
        border-bottom: thin solid #dedede;
        border-right: thin solid #dedede;
        text-align: left;
        color: #5b5b5b;
    }

    @media only screen and (max-width: 599px) {
        ul.paymentlist li span, ul.paymentAmount li span, ul.accountList li span {
            width: 33%;
            border-right: 0;
            font-size: small;
        }
    }

    ul.paymentlist li span:last-of-type, ul.paymentAmount li span:last-of-type, ul.accountList li span:last-of-type {
        border-right: 0;
        color: black;
    }

    ul
    span a.scheduled {
        text-decoration: underline;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .paymentAmount {
            height: initial;
        }
    }

    @media only screen and (max-width: 599px) {
        .paymentAmount {
            display: inline-block;
        }
    }

    .panel {
        border-bottom: 1px solid #cfcfcf;
    }

        .panel:first-of-type {
            border-top: 1px solid #cfcfcf;
        }

        .panel:last-of-type {
            margin-bottom: 20px;
        }

    .amountList, .accountList {
        border-bottom: 3px dotted #cfcfcf;
        margin-bottom: 20px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .amountList, .accountList {
            border-bottom: 2px dotted #cfcfcf;
        }
    }

    @media only screen and (max-width: 599px) {
        .amountList, .accountList {
            border-bottom: 0;
            margin-bottom: 0px;
            padding: 0 20px;
        }
    }

    .cashOnly .panel-heading:before {
        font-family: 'fontAwesome';
        content: '\f024';
        margin-right: 10px;
        color: #cf4a0c;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    }

    .cashOnly .panel-heading a {
        color: #cf4a0c;
    }

        .cashOnly .panel-heading a span {
            float: right;
            margin-right: 10px;
        }

    .bankList {
        min-height: 300px;
        padding: 10px 0px;
        margin-bottom: 15px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .bankList {
            min-height: initial;
            display: block;
        }
    }

    .panel-heading.accountList, .accountList.single {
        background-color: white;
        padding: 10px 0;
    }

        .panel-heading.accountList a, .accountList.single a {
            color: black;
            font-weight: 600;
        }

        .panel-heading.accountList:last-of-type, .accountList.single:last-of-type {
            margin-bottom: 20px;
        }

    .panel-body {
        padding: 1em 0 1.5em;
    }

        .panel-body label input[type="radio"]:checked ~ i.fa.fa-check-circle, .paymentAmount label input[type="radio"]:checked ~ i.fa.fa-check-circle, .bankAccount label input[type="radio"]:checked ~ i.fa.fa-check-circle, .addbankList label input[type="radio"]:checked ~ i.fa.fa-check-circle {
            color: #256bb4;
        }

        .panel-body span.amountChoice, .paymentAmount span.amountChoice, .bankAccount span.amountChoice, .addbankList span.amountChoice {
            width: 100%;
            display: block;
            margin-top: 15px;
        }

            .panel-body span.amountChoice label, .paymentAmount span.amountChoice label, .bankAccount span.amountChoice label, .addbankList span.amountChoice label {
                width: 100%;
                display: inline-block;
                margin-bottom: 10px;
                padding-left: 10px;
            }

                .panel-body span.amountChoice label:last-of-type, .paymentAmount span.amountChoice label:last-of-type, .bankAccount span.amountChoice label:last-of-type, .addbankList span.amountChoice label:last-of-type {
                    margin-bottom: 20px;
                }

        .panel-body span, .paymentAmount span, .bankAccount span, .addbankList span {
            color: #333333;
        }

            .panel-body span.address, .paymentAmount span.address, .bankAccount span.address, .addbankList span.address {
                color: #4c79a4;
                font-size: 14px;
                font-style: italic;
                margin-bottom: 20px;
                display: inline-block;
                width: 100%;
            }

        .panel-body .enterAmmount .prepend p, .paymentAmount .enterAmmount .prepend p, .bankAccount .enterAmmount .prepend p, .addbankList .enterAmmount .prepend p {
            color: #256bb4;
            background-color: transparent;
            border: 0;
            padding: 0 5px;
            margin: 0;
            font-weight: 600;
        }

        .panel-body .enterAmmount input, .paymentAmount .enterAmmount input, .bankAccount .enterAmmount input, .addbankList .enterAmmount input {
            border: 0;
            border-bottom: 1px solid #256bb4 !important;
            max-width: 80px;
            font-size: 16px;
            border-radius: 0;
        }

    .accountsaved {
        margin-top: 50px;
        text-align: center;
    }

        .accountsaved p {
            margin-bottom: 0;
        }

    .bankAccount span.amountChoice {
        border-bottom: 2px dotted #dedede;
    }

    .amountChoice li {
        display: block;
        list-style: none;
        font-size: 16px;
        margin-bottom: 0.75em;
    }

    .accordian .panel-heading a:before {
        content: "+";
        float: right;
        color: #256bb4;
        font-size: 22px;
        cursor: pointer;
    }

    @media only screen and (max-width: 599px) {
        .accordian .panel-heading a:before {
            color: #5f97cd;
        }
    }

    a.noopen::before {
        content: none !important;
    }

    .accordian .panel.on .panel-heading a:before {
        content: '-';
        font-size: 24px;
    }

    .panel-heading {
        margin: 10px 0;
    }

    span.previous {
        cursor: pointer;
        font-family: 'lato';
        margin-top: 5px;
        display: inline-block;
    }

        span.previous:before {
            content: "\f104";
            font-family: 'fontAwesome';
            display: inline-block;
            font-size: 22px;
            color: #256bb4;
            margin-right: 7px;
            margin-top: 7px;
        }

        span.previous a {
            margin-left: 5px;
            text-decoration: underline;
        }

    .nextstep.mma {
        border-top: 0;
    }

        .nextstep.mma a {
            padding: 12px 25px;
        }

    @media (max-width: 1024px) {
        .nextstep.mma a {
            margin: 0;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .nextstep.mma {
            display: inline-block;
            width: 100%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .nextstep.mma a {
            float: left !important;
        }
    }

    .actchoice, .paymentdate, .actnumber {
        font-weight: 600;
        color: #7c7c7c;
        font-size: 16px;
    }

        .actchoice span, .paymentdate span, .actnumber span {
            font-weight: normal;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .actchoice, .paymentdate, .actnumber {
            font-size: 15px;
        }
    }

    @media only screen and (max-width: 599px) {
        .actchoice, .paymentdate, .actnumber {
            text-align: center;
            font-weight: 500;
        }
    }

    .ui-datepicker {
        -moz-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        background-color: white;
        box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        width: initial !important;
        width: auto !important;
    }

        .ui-datepicker .ui-datepicker-header {
            background-color: #333333;
            border-radius: 0;
            border: 0;
            padding: 5px !important;
        }

    .ui-icon-circle-triangle-e {
        background-image: url("/cdn/images/icons/arrow-right.png") !important;
    }

    .ui-icon-circle-triangle-w {
        background-image: url("/cdn/images/icons/arrow-left.png") !important;
    }

    .ui-state-active {
        background-color: #256bb4 !important;
        border-radius: inherit;
        color: white !important;
        width: 40px;
    }

    .paymentinformation ul li a {
        border: 0;
        color: #256bb4;
        font-size: 16px;
        margin-bottom: 0;
        padding: 0;
        text-align: left;
        display: inline-block;
        margin-left: 10px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .paymentinformation {
            display: block;
        }
    }

    .paymentinformation ul li:hover {
        background-color: transparent;
    }

    .confirm.center {
        padding: 25% 20px;
    }

    .bankconfirm {
        padding: 10% 80px;
        margin-bottom: 50px;
        min-height: 525px;
    }

    @media (min-width: 1200px) {
        .bankconfirm .center {
            width: 100%;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .emailconfirm.tablet {
            min-height: initial;
        }

            .emailconfirm.tablet .center {
                padding: 20px;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .paymentsummary.tablet, .verifyaccount.tablet {
            min-height: 400px;
        }
    }

    .emailconfirm .center {
        display: block;
        margin: auto;
        padding: 0;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 25%;
        bottom: 0;
    }

    @media (max-width: 1024px) {
        .emailconfirm .center {
            padding: 20px 5px;
        }

            .emailconfirm .center p {
                font-size: 14px;
                padding: 0 5px;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .emailconfirm .center {
            position: relative;
            padding: 50% 20px;
        }

            .emailconfirm .center p {
                font-size: 14px;
            }
    }

    @media only screen and (max-width: 599px) {
        .emailconfirm .center {
            width: 100%;
            position: relative;
            top: 0;
        }

            .emailconfirm .center p {
                margin-bottom: 2em;
            }
    }

    .emailconfirm p {
        color: #345392;
    }

    .emailconfirm .white p {
        color: white;
    }

    .totalandterms {
        margin-top: 20px;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .totalandterms {
            display: inline-block;
            width: 100%;
        }
    }

    .totalandterms h4 {
        margin-bottom: 1em;
        font-weight: 600;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .totalandterms h4 {
            margin-bottom: 20px;
            width: 100%;
        }
    }

    .tandc:before {
        color: #256bb4;
        content: "\f0f6";
        float: left;
        font-family: "fontAwesome";
        font-size: 14px;
        margin-right: 5px;
    }

    .tandc a {
        font-size: 15px;
        font-weight: 500;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .tandc {
            float: left !important;
        }
    }

    .relatedpromo p {
        display: inline-block;
    }

    .relatedpromo a {
        text-decoration: underline;
    }

    .neighbor, .water {
        display: inline-block;
    }

        .neighbor img, .water img {
            float: left;
            width: 15%;
            margin: 0;
        }

    .promocontent {
        float: left;
        padding-left: 15px;
        width: 85%;
    }

    @media (max-width: 599px) {
        .promocontent {
            width: 100%;
        }
    }

    .paymentinformation ul li p {
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
    }

    a.delete {
        text-decoration: underline;
    }

    span#accountBalance, span#pastDueAmount, span#todaysDate, span#dueDate {
        font-weight: 600;
    }

    span.edit.teal {
        color: #256bb4;
        text-decoration: underline;
        font-family: 'lato';
    }

        span.edit.teal span.amount {
            text-decoration: none;
        }

    a.cancel.black {
        padding: 15px 0;
    }

    .typeofbank {
        margin-bottom: 40px;
        display: inline-block;
    }

    span.accountNumber {
        margin-left: 20px;
    }

    p.inlineMessage {
        font-size: 14px;
        color: #5b5b5b;
        font-weight: 500;
    }

    .totalAllAccounts {
        display: inline-block;
        position: relative;
        margin: 20px 0px;
    }

    #module {
        overflow: hidden;
        float: left;
    }

        #module.multi {
            height: inherit;
        }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #module.multi {
            height: inherit;
        }
    }

    #module-slider {
        -moz-transform: translateX(0%);
        -moz-transition-duration: 0.5s;
        -moz-transition-property: -moz-transform;
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        -webkit-transition-duration: 0.5s;
        -webkit-transition-property: -webkit-transform;
        transform: translateX(0%);
        transition-duration: 0.5s;
        transition-property: transform;
    }

    @media (max-width: 1024px) {
        #module-slider button.primary-cta {
            margin: 0;
        }
    }

    .module {
        float: left;
    }

    #paymentSingleAccount, #verifySingleAccount, #confirmSingleAccount {
        width: 100%;
        float: left;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #paymentSingleAccount .paymentAmount {
            height: inherit;
        }
    }

    .accountlistmobi {
        margin: 1em 0;
        display: inline-block;
        width: 100%;
    }

        .accountlistmobi p {
            font-weight: 500;
            margin-bottom: .25em;
        }

    .onlineBillPayMobile {
        display: inline-block;
        margin-bottom: 50%;
    }

        .onlineBillPayMobile .view-toggle {
            margin-bottom: 20px;
        }

        .onlineBillPayMobile input.other {
            -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            background-color: white;
            border-radius: 0;
            border: 0;
            box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            display: block;
            color: #5b5b5b;
            font-size: 20px;
            font-weight: 400;
            height: 80px;
            letter-spacing: 0;
            margin-top: 1em;
            padding: 30px 20px;
            text-align: left;
            text-align: left;
            width: 100%;
            -webkit-appearance: none;
        }

            .onlineBillPayMobile input.other::-webkit-input-placeholder {
                display: block;
                font-size: 20px;
                font-weight: 400;
                margin-top: 0.25em;
                text-align: left;
                width: 100%;
                color: #5b5b5b;
            }

        .onlineBillPayMobile button[type='submit'] {
            padding: 7px 10px;
        }

        .onlineBillPayMobile button.submit-m:first-of-type {
            margin-top: 1em !important;
        }

        .onlineBillPayMobile button.submit-m:last-of-type {
            margin-bottom: 1%;
        }

        .onlineBillPayMobile span.manageaccounts {
            display: block;
            margin-top: 1em;
            text-decoration: underline;
            font-family: 'lato';
        }

            .onlineBillPayMobile span.manageaccounts:before {
                font-family: 'fontAwesome';
                content: '\f023';
                color: #256bb4;
                text-decoration: none;
                margin-right: 10px;
            }

    @media only screen and (max-width: 599px) {
        .tandc {
            display: inline-block;
            margin: 1em 16% 1.5em;
            width: 100%;
            position: relative;
        }
    }

    .fee {
        font-size: 12px;
    }

    @media only screen and (max-width: 599px) {
        .verifysummary, .confirmsummary {
            -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            padding: 10px 20px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .verifysummary p, .confirmsummary p {
            font-size: 14px;
        }

            .verifysummary p.strong, .confirmsummary p.strong {
                font-size: 15px;
            }
    }

    .verificationsummary {
        -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .verificationsummary p {
            font-size: 14px;
        }

            .verificationsummary p.strong {
                font-size: 15px;
            }
    }

    @media (max-width: 1024px) {
        .promo .forty {
            width: 100%;
        }
    }

    @media only screen and (max-width: 599px) {
        .promo {
            padding: 15px 20px;
            display: inline-block;
        }

            .promo p {
                margin-bottom: 0;
            }

            .promo h3 {
                margin-bottom: 0.25em;
            }

            .promo .cmscontent, .promo .const-content {
                padding: 15px 0;
            }
    }

    .verify {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

        .verify p {
            text-align: center;
            display: inline-block;
            font-weight: 500;
            margin-top: 5%;
            margin-bottom: 0;
        }

    @media only screen and (max-width: 599px) {
        .verifysummary p {
            margin-bottom: 0;
        }
    }

    .verifysummary p.totalamount {
        color: #5f97cd;
        font-size: 22px;
        margin-bottom: 0;
        font-weight: 500;
    }

    .verifysummary .xl {
        margin-top: 0;
    }

    #accordianmobile {
        background-color: white;
        margin-top: 20px;
    }

        #accordianmobile .panel-heading {
            margin: 10px 20px;
        }

            #accordianmobile .panel-heading span.amountowed {
                color: #5f97cd;
                float: right;
                margin-right: 10px;
                font-weight: 600;
            }

    .verifyinfo {
        margin-bottom: 15px;
    }

        .verifyinfo p {
            margin-bottom: 0.25em;
            font-weight: 400;
        }

    .paid {
        color: #007568 !important;
    }

    button span.amountowed {
        float: right;
        margin-right: 10px;
        font-weight: 600;
    }

    .print {
        font-weight: 600;
    }

    @media (max-width: 1024px) {
        .print {
            padding-bottom: 10px;
            width: 100%;
            text-align: right;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .print {
            display: none;
        }
    }

    #accordianmobile.completed {
        margin-top: 0;
        background-color: transparent;
        width: 100%;
        display: inline-block;
    }

        #accordianmobile.completed .panel-heading {
            background-color: #494949;
            margin: 0;
            padding: 10px 20px;
        }

            #accordianmobile.completed .panel-heading a {
                color: white;
            }

            #accordianmobile.completed .panel-heading .accordian-toggle:before {
                color: white;
            }

            #accordianmobile.completed .verifyinfo p, #accordianmobile.completed .panel-heading a {
                text-align: center;
                display: block;
            }

        #accordianmobile.completed .panel {
            border-top: 0;
            background-color: white;
            -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            margin-bottom: 2em;
        }

            #accordianmobile.completed .panel p.strong {
                font-weight: 600;
                font-size: 16px;
            }

            #accordianmobile.completed .panel:after {
                content: "";
                height: 16px;
                width: 90%;
                background-image: url(/cdn/images/receipt.png);
                display: block;
                position: absolute;
            }

            #accordianmobile.completed .panel.nobottom:after {
                background-image: none;
            }

        #accordianmobile.completed .confirmnumber {
            padding: 15px 0;
        }

            #accordianmobile.completed .confirmnumber p {
                text-align: center;
                margin-bottom: 0.25em;
                font-weight: 400;
            }

        #accordianmobile.completed .amountList {
            padding: 0;
        }

        #accordianmobile.completed .verifyinfo {
            padding: 15px 0;
            border-top: 1px solid #dedede;
            margin: 0;
        }

    .onlineBillPay form span label {
        padding: 0;
    }

    .onlineBillPay form input[type="text"] {
        border: 0;
        padding: 0;
        width: initial;
        height: initial;
    }

    @media only screen and (max-width: 599px) {
        .onlineBillPay {
            border-bottom: 3em solid #dedede;
            padding-bottom: 15px;
        }
    }

    @media only screen and (max-width: 599px) {
        p.recentpayments {
            margin-top: 20px;
            padding: 10px 0;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .pushit {
            margin-bottom: 0;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #paymentMultiAccount {
            min-height: 790px;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #paymentMultiAccount .paymentAmount {
            height: inherit;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        #confirmMultiAccount .paymentAmount {
            height: 340px;
        }
    }

    .swipeDelete {
        padding: 15px 0;
    }

        .swipeDelete ul li {
            list-style-type: none;
            color: black;
            margin-left: 0;
        }

        .swipeDelete .behind {
            display: inline-block;
            height: 45px;
        }

            .swipeDelete .behind a.delete-btn {
                background-color: #df2911;
                color: white;
                display: block;
                float: right;
                list-style: none;
                padding: 10px;
                text-align: center;
                width: 30%;
                position: absolute;
                right: 5%;
                z-index: 4;
            }

        .swipeDelete li a {
            color: black;
            background-color: white;
            height: 45px;
            padding: 10px;
            float: left;
            position: absolute;
            z-index: 9;
            width: 90%;
            padding-left: 23px;
        }

    @media only screen and (max-width: 599px) {
        .progress .half {
            width: 50% !important;
        }
    }

    .list {
        padding: 15px 0;
    }

        .list .item {
            height: 45px;
            background: white;
            margin-bottom: 5px;
        }

            .list .item .item-swipe {
                background: white;
                padding: 10px;
                z-index: 1;
            }

            .list .item a {
                color: #333333;
                text-decoration: inherit;
            }

                .list .item a:active {
                    color: inherit;
                }

            .list .item .item-back {
                padding: 10px;
                height: 45px;
                text-align: right;
            }

                .list .item .item-back .action {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    width: 80px;
                    border: inherit;
                    outline: inherit;
                    color: white;
                    padding: 0;
                    min-width: 90px !important;
                    font-size: 15px;
                }

        .list li a {
            color: black;
            z-index: 1;
            background-color: white;
            height: 45px;
            padding-left: 23px;
        }

    .btn-delete {
        background: #df2911;
    }

    #obp {
        /*Pending Payment Multi Accounts*/
    }

        #obp .print-this {
            margin: 1em 0;
        }

        #obp.wrapper {
            width: 100%;
        }

        #obp .cmscontent, #obp .const-content {
            max-width: 1000px;
            display: inline-block;
        }

        #obp .h1-border {
            margin-top: 52px;
            border-bottom: thin solid #dedede;
            padding-bottom: .5em;
            width: 100%;
            font-weight: 400;
            font-size: 27px;
            font-size: 2.7rem;
            line-height: 1.25;
            color: #5b5b5b;
        }

            #obp .h1-border > .wizard-container-obp {
                background: white;
                color: white;
                min-width: 40%;
                float: right;
                position: relative;
                zoom: 98%;
            }

        #obp .wizard-links .step .wizard-border {
            margin-left: 10px;
        }

        #obp span.wizard-border {
            float: none;
        }

        #obp div[data-toggle="buttons"] label {
            white-space: normal;
            padding-right: 10px;
            line-height: inherit;
        }

        #obp .calendar {
            color: black;
            height: auto !important;
        }
      
        #obp .recentpayments h2 label {
            float: right;
            width: 100%;
            max-width: 300px;
            margin-top:2px;
        }  
        @media (max-width: 599px) {
            #obp .recentpayments h2 label {
                float: right;
                width: 100%;
                margin-top: 2px;
                max-width:none;
            }
        }
        #obp .recent-payment-caption {
            width: 100%;
        }
        #obp .recentpayments h2 label .select {
            font-size: medium;
            width:100%;
        }


    @media (max-width: 599px) {
        #obp .recentpayments h3 {
            font-size: large;
            width: 100%;
            padding: 0;
        }
    }

    #obp .recentpayments h3:before {
        content: "\f09d";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }

    #obp .recentpayments h3 label {
        float: right;
        width: 100%;
        max-width: 300px;
    }
  
    @media (max-width: 599px) {
        #obp .recentpayments h3 label {
            margin-top: 1em;
            max-width: 100%;
        }
    }

    #obp .recentpayments h3 label .select {
        width: 100%;
    }

    #obp .recentpayments-2 h3:before {
        content: "\f09d";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }

    #obp button#payByVendor {
        float: left !important;
    }

    #obp .balance-header, #obp .gradient-header {
        background: #5b5b5b url("/cdn/images/header-bg.png") no-repeat 0 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        vertical-align: top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    @media (max-width: 768px) {
        #obp .balance-header, #obp .gradient-header {
            width: 100%;
            min-width: 100%;
            padding: 1.5em 0;
        }
    }

    @media (max-width: 599px) {
        #obp .balance-header, #obp .gradient-header {
            padding: 0 20px;
        }
    }

    #obp .balance-header img.profile-icon, #obp .gradient-header img.profile-icon {
        margin: 2em auto 0em;
        padding: 15px;
        display: block;
        height: 120px;
    }

    #obp h2.payment-amount-wrapper, #obp h2.payment-date-wrapper {
        color: #5b5b5b;
        line-height: unset;
    }

    #obp .balance-header .payment-amount-wrapper, #obp .gradient-header .payment-amount-wrapper {
        float: right;
        text-align: right;
    }

    #obp .balance-header .payment-date-wrapper, #obp .gradient-header .payment-date-wrapper {
        float: left;
        text-align: left;
    }

    #obp .balance-header .payment-amount-wrapper, #obp .balance-header .payment-date-wrapper, #obp .gradient-header .payment-amount-wrapper, #obp .gradient-header .payment-date-wrapper {
        padding: 0 .5em;
        margin-bottom: 1em;
        display: inline-block;
    }

    @media only screen and (max-width: 599px) {
        #obp .balance-header .payment-amount-wrapper, #obp .balance-header .payment-date-wrapper, #obp .gradient-header .payment-amount-wrapper, #obp .gradient-header .payment-date-wrapper {
            float: none;
            margin: 0 auto;
            width: 100%;
            text-align: center;
        }
    }

    #obp .balance-header .payment-amount-wrapper p:last-of-type, #obp .balance-header .payment-date-wrapper p:last-of-type, #obp .gradient-header .payment-amount-wrapper p:last-of-type, #obp .gradient-header .payment-date-wrapper p:last-of-type {
        font-weight: 600;
        font-size: xx-large;
        line-height: inherit;
    }

    @media (max-width: 599px) {
        #obp .balance-header .payment-amount-wrapper p:last-of-type, #obp .balance-header .payment-date-wrapper p:last-of-type, #obp .gradient-header .payment-amount-wrapper p:last-of-type, #obp .gradient-header .payment-date-wrapper p:last-of-type {
            font-size: x-large;
        }
    }

    #obp .balance-header .button-wrapper, #obp .balance-header .mobile-button-wrapper, #obp .gradient-header .button-wrapper, #obp .gradient-header .mobile-button-wrapper {
        margin: 0 !important;
        border-top: 0;
        text-align: left;
    }

        #obp .balance-header .button-wrapper .half, #obp .balance-header .mobile-button-wrapper .half, #obp .gradient-header .button-wrapper .half, #obp .gradient-header .mobile-button-wrapper .half {
            padding: 0 5px;
        }

    @media (max-width: 1023px) {
        #obp .balance-header .button-wrapper .half button.rfloat, #obp .balance-header .mobile-button-wrapper .half button.rfloat, #obp .gradient-header .button-wrapper .half button.rfloat, #obp .gradient-header .mobile-button-wrapper .half button.rfloat {
            float: right !important;
        }
    }

    @media (max-width: 599px) {
        #obp .balance-header .button-wrapper .half button, #obp .balance-header .mobile-button-wrapper .half button, #obp .gradient-header .button-wrapper .half button, #obp .gradient-header .mobile-button-wrapper .half button {
            margin-top: 1em;
            max-width: 100%;
            float: none !important;
            margin: 0 auto;
        }

            #obp .balance-header .button-wrapper .half button:first-of-type, #obp .balance-header .mobile-button-wrapper .half button:first-of-type, #obp .gradient-header .button-wrapper .half button:first-of-type, #obp .gradient-header .mobile-button-wrapper .half button:first-of-type {
                margin-bottom: 0.5em !important;
            }
    }

    #obp .balance-header .button-wrapper p.fee, #obp .balance-header .mobile-button-wrapper p.fee, #obp .gradient-header .button-wrapper p.fee, #obp .gradient-header .mobile-button-wrapper p.fee {
        font-size: small;
        width: 100%;
        display: inline-block;
        font-weight: 500;
        margin-bottom: 1em;
    }

    @media only screen and (max-width: 599px) {
        #obp .balance-header .button-wrapper p.fee, #obp .balance-header .mobile-button-wrapper p.fee, #obp .gradient-header .button-wrapper p.fee, #obp .gradient-header .mobile-button-wrapper p.fee {
            text-align: center;
        }
    }

    #obp .statement {
        display: block;
        margin: 1em 0;
    }

    #obp .gradient-header {
        background: #5b5b5b url("/cdn/images/bg-gradient.png") no-repeat 0 0;
        height: auto;
        background-size: cover;
        margin-bottom: 1em;
    }

    @media (max-width: 1023px) {
        #obp .gradient-header {
            margin-bottom: 2em;
        }
    }

    @media (max-width: 599px) {
        #obp .gradient-header {
            margin-bottom: 1em;
        }
    }

    #obp .gradient-header .icon-wrapper .profile-icon {
        height: 257px;
        padding: 0;
        margin: 0;
        float: right;
        display: none;
    }

    @media (min-width: 1200px) {
        #obp .gradient-header .icon-wrapper .profile-icon {
            display: block;
        }
    }

    #obp .gradient-header .icon-wrapper-mobile .profile-icon {
        height: 150px;
        padding: 0;
        margin: 1em auto 0 auto;
        /*float: right;*/
        display: none;
    }

    @media (max-width: 599px) {
        #obp .gradient-header .icon-wrapper-mobile .profile-icon {
            display: block;
        }
    }

    #obp .gradient-header .header-statement {
        padding: 2em;
        width: 60%;
        display: block;
        float: left;
    }

    @media (min-width: 1200px) {
        #obp .gradient-header .header-statement {
            padding: 3em 0 0 2em;
        }
    }

    @media (max-width: 1024px) {
        #obp .gradient-header .header-statement {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        #obp .gradient-header .header-statement {
            padding: 2em 0;
        }
    }

    #obp .gradient-header .header-statement .statement {
        display: block;
        font-size: medium;
        font-weight: 600;
        margin-bottom: 2em;
    }

    @media (max-width: 1024px) {
        #obp .gradient-header .header-statement .statement {
            font-size: 18px;
        }
    }

    @media only screen and (max-width: 599px) {
        #obp .gradient-header .header-statement .statement {
            margin-bottom: 1em;
        }
    }

    #obp .gradient-header .header-statement .date {
        font-weight: 300;
        color: #5b5b5b;
        width: 100%;
        display: inline-block;
        float: left;
    }

    #obp .gradient-header .header-statement-save {
        padding: 2em;
        width: 60%;
        display: block;
        float: left;
    }

    @media (min-width: 1200px) {
        #obp .gradient-header .header-statement-save {
            padding: 3em 0 0 2em;
        }
    }

    @media (max-width: 1024px) {
        #obp .gradient-header .header-statement-save {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        #obp .gradient-header .header-statement-save {
            padding: 0em 0 2em 0;
        }
    }

    #obp .gradient-header .header-statement-save .statement {
        display: block;
        font-size: medium;
        font-weight: 600;
        margin-bottom: 2em;
    }

    @media (max-width: 1024px) {
        #obp .gradient-header .header-statement-save .statement {
            font-size: 18px;
        }
    }

    @media only screen and (max-width: 599px) {
        #obp .gradient-header .header-statement-save .statement {
            margin-bottom: 1em;
        }
    }

    #obp .gradient-header .header-statement-save .date {
        font-weight: 300;
        color: #5b5b5b;
        width: 100%;
        display: inline-block;
        float: left;
    }

    @media only screen and (max-width: 599px) {
        #obp .gradient-header .total-balance, #obp .gradient-header .balance-due {
            padding: 5px 0;
        }
    }

    #obp .gradient-header .total-balance .small, #obp .gradient-header .balance-due .small {
        font-size: 18px;
        margin-bottom: 1em;
        font-style: italic;
    }

    #obp .gradient-header .total-balance .amount, #obp .gradient-header .balance-due .amount {
        font-size: xx-large;
        font-weight: 600;
    }

    @media only screen and (max-width: 599px) {
        #obp .gradient-header .total-balance .amount, #obp .gradient-header .balance-due .amount {
            font-size: 24px;
        }
    }

    #obp .statement-wrapper {
        width: 100%;
        display: inline-block;
    }

        #obp .statement-wrapper .total-balance, #obp .statement-wrapper .balance-due {
            float: left;
            min-width: 180px;
        }

    @media only screen and (max-width: 599px) {
        #obp .statement-wrapper .total-balance, #obp .statement-wrapper .balance-due {
            width: 100% !important;
        }
    }

    #obp .accordion {
        margin-bottom: 1em;
    }

    #obp .accordion-item .accordion-content p {
        margin-top: 0;
    }

    #obp .account-number p {
        color: #4c79a4;
        font-weight: 600;
        font-size: 18px;
    }

    #obp .single-account {
        border-top: thin solid #dedede;
        display: inline-block;
        padding: 2em 0 3em;
    }

    @media (max-width: 599px) {
        #obp .single-account, .account-number {
            padding: 0 2rem;
        }

        #obp .h1-border {
            padding: 2rem 2rem;
        }

        #obp .h1-border > .wizard-container-obp {
            margin-top: -3.0rem;
            background-color: transparent;
        }
    }

    #obp .accordion-item {
        display: inline-block;
        padding-bottom: 2em;
        border-bottom: 1px solid #dedede;
        width: 100%;
        margin: 0;
        padding-bottom: 0;
    }

        #obp .accordion-item:first-of-type {
            border-top: 1px solid #dedede;
        }

        #obp .accordion-item .accordion-toggle {
            background-color: white;
            color: #5b5b5b;
            position: relative;
            background-color: transparent;
            border: 0;
            border-radius: 0;
            font-weight: 400;
            margin: 0;
            padding: 0;
            text-align: left;
            -webkit-font-smoothing: auto;
            background-color: #eef1ed;
            background-image: url(../img/minus.png);
            background-image: url(../img/minus.svg);
            background-position: right 2rem center;
            background-repeat: no-repeat;
            background-size: 1.5rem;
            color: #212121;
            cursor: pointer;
            display: inline-block;
            font-family: "lato","Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
            font-weight: 700;
            font-size: .85em;
            margin: 0;
            /*padding: 1.5rem 5.5rem 1.5rem 2rem;*/
            padding: .5rem 7.5rem .5rem 6rem;
            width: 100%;
        }

            #obp .accordion-item .accordion-toggle:after {
                padding: 1em;
            }

            #obp .accordion-item .accordion-toggle .toggle-title {
                padding: .5em;
                margin: 0;
                width: 90%;
            }

    @media (max-width: 599px) {
        #obp .accordion-item .accordion-toggle .toggle-title {
            width: 80%;
        }
    }

    #obp .accordion-item .accordion-toggle .toggle-title > p {
        font-size: medium;
        float: left;
        margin: 0;
    }

    @media (max-width: 1024px) {
        #obp .accordion-item .accordion-toggle .toggle-title > p {
            float: none;
        }
    }

    #obp .accordion-item .accordion-toggle.selected-for-payment:after {
        color: white;
    }

    #obp .accordion-item .accordion-toggle.selected-for-payment .toggle-title > p {
        margin: 0 0 0 2em;
    }

    #obp .accordion-item .accordion-toggle.selected-for-payment:hover .toggle-title {
        color: white;
    }

    #obp .accordion-item .accordion-toggle:hover .toggle-title {
        color: #012877;
    }

    #obp .accordion-item .accordion-toggle:focus {
        outline: dotted thin #7c7c7c;
    }

    #obp .accordion-item.open .accordion-toggle {
        border-bottom: 1px solid #dedede;
        color: #4c79a4;
    }

        #obp .accordion-item.open .accordion-toggle:after {
            color: #4c79a4;
        }

        #obp .accordion-item.open .accordion-toggle.selected-for-payment .toggle-title {
            color: white;
        }

        #obp .accordion-item.open .accordion-toggle.selected-for-payment:hover .toggle-title {
            color: white;
        }

        #obp .accordion-item.open .accordion-toggle.selected-for-payment:after {
            color: white;
        }

    #obp .accordion-item.open .accordion-content {
        width: 100%;
        margin: 1em 0 1em;
        display: inline-block !important;
        position: relative;
    }

    #obp .accordion-toggle.pending-payment {
        display: block;
    }

        #obp .accordion-toggle.pending-payment + .accordion-content {
            margin-top: 0;
        }

    #obp .accordion-item .accordion-content {
        width: 100%;
    }

    #obp span.pending-payment {
        width: 100%;
        margin-bottom: 1em;
    }

    @media (max-width: 599px) {
        #obp span.pending-payment {
            font-size: small;
        }
    }

    #obp .payment-process .thirtythree {
        padding: 0 10px 0 15px;
        width: 33.3%;
    }

    @media (min-width: 1200px) {
        #obp .payment-process .thirtythree {
            padding: 0 25px;
        }
    }

    @media (max-width: 1023px) {
        #obp .payment-process .thirtythree {
            width: 100%;
            border: 0;
            border-bottom: thin dotted #757575;
            padding: 0;
            padding: 1em 0;
        }

            #obp .payment-process .thirtythree:first-of-type {
                padding-top: 0;
            }
    }

    @media (max-width: 1023px) and (max-width: 768px) {
        #obp .payment-process .thirtythree:first-of-type {
            padding: 1em 0;
        }
    }

    @media (max-width: 1023px) {
        #obp .payment-process .thirtythree:last-of-type {
            padding-bottom: 0;
            border-bottom: 0;
        }
    }

    #obp .payment-process .thirtythree:first-of-type {
        padding-left: 0;
    }

    #obp .payment-process .thirtythree:nth-of-type(3) {
        border-right: 0;
        padding-right: 0;
    }

    @media (max-width: 1023px) {
        #obp .payment-process .thirtythree:nth-of-type(3) {
            border-bottom: 0;
        }
    }

    #obp .payment-process .thirtythree:nth-of-type(2) {
        border-right: thin solid #dedede;
        border-left: thin solid #dedede;
    }

    @media (max-width: 1023px) {
        #obp .payment-process .thirtythree:nth-of-type(2) {
            border: 0;
            border-bottom: thin dotted #757575;
        }
    }

    #obp .payment-process .title {
        font-size: small;
        margin-bottom: 10px;
        margin-top: 0;
        font-weight: 600;
        color: #757575;
    }

    @media (min-width: 1200px) {
        #obp .payment-process .title {
            font-size: 16px;
        }
    }

    #obp .payment-process .payment-choice {
        width: 100%;
        display: block;
    }

        #obp .payment-process .payment-choice label {
            display: inline-block;
            margin-bottom: 10px;
            max-width: inherit;
            width: 100%;
        }

            #obp .payment-process .payment-choice label input[type="radio"]:checked ~ i.fa.fa-check-circle {
                color: #256bb4;
            }

            #obp .payment-process .payment-choice label input[type='number'].enter-ammount {
                border: 0;
                border-bottom: 1px solid #256bb4;
                max-width: 70px;
                font-size: small;
                border-radius: 0;
                margin: 0;
                padding: 0;
                height: inherit;
                font-weight: 500;
            }

    @media only screen and (max-width: 599px) {
        #obp .payment-process .payment-choice label input[type='number'].enter-ammount {
            height: initial;
        }
    }

    #obp .payment-process .payment-choice label .prepend {
        top: 0 !important;
    }

        #obp .payment-process .payment-choice label .prepend span {
            color: #256bb4;
            background-color: transparent;
            border: 0;
            padding: 0;
            margin: 3px 0 0 0;
            font-weight: 600;
        }

    #obp .payment-process .payment-choice label span {
        padding: 0;
        font-size: small;
    }

        #obp .payment-process .payment-choice label span span {
            font-weight: 600;
        }

    @media (min-width: 1200px) {
        #obp .payment-process .payment-choice label span {
            font-size: small;
        }
    }

    @media (max-width: 1024px) {
        #obp .payment-process .payment-choice label span {
            font-size: small;
        }
    }

    #obp .payment-process .payment-choice .selectdate input {
        border: 0;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
        font-size: small;
        text-align: right;
        line-height: 24px;
        float: right;
        font-weight: 600;
    }

    @media (min-width: 1200px) {
        #obp .payment-process .payment-choice .selectdate input {
            font-size: small;
            max-width: 111px;
        }
    }

    #obp .payment-process .payment-choice .selectdate ::-webkit-input-placeholder {
        color: #256bb4;
    }

    #obp .payment-process .payment-choice .manageaccounts {
        text-decoration: underline;
        font-size: small;
    }

    #obp .details-account {
        float: right;
        font-weight: 500;
        font-style: italic;
    }

    @media (max-width: 1024px) {
        #obp .details-account {
            float: none;
            padding-top: 0;
        }
    }

    @media (max-width: 599px) {
        #obp .details-account .details-account-balance {
            display: block;
        }
    }

    #obp .details-account span:nth-child(2) {
        display: none;
    }

    @media (max-width: 599px) {
        #obp .details-account .details-account-due-date {
            display: block;
        }
    }

    span.checkbox-label {
        position: relative;
        bottom: 3px;
    }

    .cash-only {
        color: #cf4a0c;
    }

        .cash-only span {
            float: right;
        }

    @media (max-width: 599px) {
        .cash-only span {
            display: none;
        }
    }

    .pending-payment {
        /*color: $orange;*/
        color: #4c79a4;
        font-weight: 600;
        display: inline-block;
    }

    .terms-conditions {
        margin: 1em 0;
        width: 100%;
        display: inline-block;
    }

        .terms-conditions .tandc {
            float: right;
            text-decoration: underline;
        }

    @media (max-width: 599px) {
        .terms-conditions .tandc {
            margin: 0;
        }
    }

    .terms-conditions .tandc:before {
        color: #256bb4;
        content: "\f0f6";
        float: left;
        font-family: "fontAwesome";
        font-size: 14px;
        margin-right: 5px;
    }

    .terms-conditions .tandc a {
        float: left;
    }

    .info-total p {
        font-weight: 600;
        color: #727272;
        font-size: 16px;
    }

    @media only screen and (max-width: 599px) {
        .actnumber {
            font-weight: 600;
            color: #727272;
            font-size: 16px;
            text-align: left;
        }
    }

    @media (max-width: 1023px) {
        .verify-payment .half, .confirm-payment .half, .verify-bank-change .half {
            width: 100%;
        }
    }

    .verify-payment .half:nth-of-type(odd), .confirm-payment .half:nth-of-type(odd), .verify-bank-change .half:nth-of-type(odd) {
        padding-right: 40px;
    }

    @media (max-width: 1024px) {
        .verify-payment .half:nth-of-type(odd), .confirm-payment .half:nth-of-type(odd), .verify-bank-change .half:nth-of-type(odd) {
            padding: 0 20px;
        }
    }

    @media (max-width: 599px) {
        .verify-payment .half:nth-of-type(odd), .confirm-payment .half:nth-of-type(odd), .verify-bank-change .half:nth-of-type(odd) {
            padding: 0;
        }
    }

    .verify-payment .half:nth-of-type(even), .confirm-payment .half:nth-of-type(even), .verify-bank-change .half:nth-of-type(even) {
        padding-left: 40px;
    }

    @media (max-width: 1023px) {
        .verify-payment .half:nth-of-type(even), .confirm-payment .half:nth-of-type(even), .verify-bank-change .half:nth-of-type(even) {
            padding-left: 0;
        }
    }

    .verify-payment .half .paymentinformation, .confirm-payment .half .paymentinformation, .verify-bank-change .half .paymentinformation {
        margin: 1.5em 0;
    }

    .verify-payment .half .vertical-rule, .confirm-payment .half .vertical-rule, .verify-bank-change .half .vertical-rule {
        border-right: 1px solid #dedede;
    }

    @media (max-width: 599px) {
        .verify-payment .half .vertical-rule, .confirm-payment .half .vertical-rule, .verify-bank-change .half .vertical-rule {
            margin-right: 5%;
        }
    }

    .confirm-payment .half#dvPromo2:nth-of-type(even) {
        padding-left: 0;
        padding-right: 2em;
    }

    .confirm-payment .half#dvPromo2:nth-of-type(odd) {
        padding-right: 0;
        padding-left: 2em;
    }

    @media (max-width: 1024px) {
        .confirm-payment .half#dvPromo2:nth-of-type(odd) {
            padding: 0;
        }
    }

    .info {
        color: #5b5b5b;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        display: inline-block;
        width: 100%;
        padding: 15px 0;
    }

        .info li {
            list-style-type: none;
        }

    @media (max-width: 1023px) {
        .info .half {
            width: 50%;
        }
    }

    .paging-container {
        margin: 1em 0 2em;
    }

    @media (max-width: 599px) {
        .paging-container {
            width: 100%;
        }
    }

    .confirm-payment .paging-wrapper {
        width: inherit;
    }

    .print-this, .manage-bank {
        float: right;
    }

        .print-this:before, .manage-bank:before {
            font-family: 'fontAwesome';
            font-size: 16px;
            margin-right: 10px;
            content: '\f02f';
            color: #256bb4;
        }

        .print-this span, .manage-bank span {
            text-decoration: underline;
            color: #256bb4;
        }

        .manage-bank::before {
            content: '\f19c';
        }

    .relatedpromo {
        margin: 1.5em 0;
        display: inline-block;
    }

        .relatedpromo .neighbor, .relatedpromo .water {
            width: 100%;
            float: left;
        }

            .relatedpromo .neighbor .image, .relatedpromo .water .image {
                float: left;
                width: 15%;
                display: inline-block;
            }

    @media (max-width: 599px) {
        .relatedpromo .neighbor .image, .relatedpromo .water .image {
            margin: 0 42% 1em;
        }
    }

    .relatedpromo .neighbor .image img, .relatedpromo .water .image img {
        width: 100%;
        padding-right: 10px;
        height: auto;
    }

    @media (max-width: 1023px) {
        .relatedpromo .neighbor .image img, .relatedpromo .water .image img {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .relatedpromo .neighbor .image img, .relatedpromo .water .image img {
            padding-right: 0;
            width: 100%;
            height: auto;
        }
    }

    .relatedpromo .neighbor .promocontent, .relatedpromo .water .promocontent {
        width: 85%;
        float: left;
        display: inline-block;
    }

    @media (max-width: 599px) {
        .relatedpromo .neighbor .promocontent, .relatedpromo .water .promocontent {
            width: 100% !important;
            text-align: center;
            padding-left: 0;
        }

            .relatedpromo .neighbor .promocontent a.rfloat, .relatedpromo .water .promocontent a.rfloat {
                float: left !important;
                text-align: center;
                width: 100%;
            }
    }

    .payment-amount {
        float: right;
        display: inline-block;
    }

        .payment-amount .amount {
            font-size: x-large;
            font-weight: 600;
            color: #5f97cd;
            text-align: right;
        }

    .single-account .next-step {
        margin-top: 3em;
    }

    .next-step {
        display: inline-block;
        float: right;
        padding: 2em 0;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        width: 100%;
    }

    @media (max-width: 599px) {
        .next-step {
            padding: 2em 0 1em;
        }
    }

    .next-step .cancel, .next-step button {
        float: right;
    }

    @media (max-width: 599px) {
        .next-step .cancel, .next-step button {
            margin: 1em 0;
        }
    }

    .next-step button {
        margin-right: 0;
    }

    .next-step .previous-step {
        font-family: 'lato';
    }

    @media (max-width: 599px) {
        .next-step .previous-step {
            display: none;
        }
    }

    .next-step .previous-step:before {
        font-family: 'fontAwesome';
        color: #256bb4;
        content: '\f053';
        margin-right: 10px;
    }

    #acceptterms {
        margin-bottom: 2em;
    }

    .list-accounts {
        width: 100%;
        display: inline-block;
        margin: 0 0 2em;
        padding-top: 20px;
        border-top: 1px solid #dedede;
    }

        .list-accounts li {
            display: inline-block;
            list-style: none;
            font-size: 16px;
            padding-bottom: 10px;
            width: 100%;
        }

            .list-accounts li:last-of-type {
                padding-bottom: 0;
            }

        .list-accounts .accountNumber {
            margin-left: 20px;
        }

    .account-payment-options > .thirtythree > .payment-choice > label > span > span > span {
        font-size: small;
        position: relative;
        top: -7px;
    }

    .validation-error:before {
        padding-right: .75em;
        font-size: medium;
        position: relative;
        bottom: 2px;
    }

    .type-of-bank {
        display: inline-block;
        width: 100%;
        float: left;
        margin-bottom: 2em;
    }

        .type-of-bank .bank-type {
            display: inline-block;
            float: left;
            width: 100%;
            font-size: 16px;
            margin-top: 1em;
        }

    .addbankList input[type='text'] {
        border: 1px solid #757575;
        border-radius: 3px;
        font-size: 16px;
        height: 33px;
        margin-bottom: 20px;
        margin-right: 10px;
        padding: 7px 10px;
        width: 90%;
    }

    @media only screen and (max-width: 599px) {
        .addbankList input[type='text'] {
            width: 100%;
        }
    }

    .addbankList label {
        max-width: 300px;
        width: 95%;
        display: inline-block;
        font-size: small;
        font-weight: 400;
        line-height: 1.45em;
        position: relative;
    }

    .addbankList i.fa.fa-info-circle.hovertooltip {
        outline: none;
        text-decoration: none;
        background-color: transparent;
        color: #5b5b5b;
        padding: 0;
        font-size: 18px;
        margin: 0;
        margin-left: 10px;
    }

    @media only screen and (max-width: 599px) {
        .addbankList i.fa.fa-info-circle.hovertooltip {
            display: none;
        }
    }

    .addbankList i.fa.fa-info-circle.hovertooltip > span {
        width: 350px;
        padding: 10px 20px;
        margin-top: 20px;
        margin-left: -85px;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
        position: absolute;
        font-family: 'lato';
        font-size: 14px;
        font-style: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        box-shadow: -1px 2px 5px 3px rgba(51, 51, 51, 0.25);
        -webkit-transition-property: opacity, margin-top, visibility, margin-left;
        -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        -moz-transition-property: opacity, margin-top, visibility, margin-left;
        -moz-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        -o-transition-property: opacity, margin-top, visibility, margin-left;
        -o-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        transition-property: opacity, margin-top, visibility, margin-left;
        transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
        transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    }

    .addbankList i.fa.fa-info-circle.hovertooltip:hover > span {
        opacity: 1;
        text-decoration: none;
        visibility: visible;
        overflow: visible;
        margin-top: 50px;
        display: inline;
        margin-left: -60px;
    }

        .addbankList i.fa.fa-info-circle.hovertooltip:hover > span img {
            width: 100%;
            margin: 10px 0;
        }

    .addbankList i.fa.fa-info-circle.hovertooltip > span {
        color: black;
        background-color: white;
    }

    .verify-bank-change {
        margin: 1.5em 0;
        display: inline-block;
        width: 100%;
    }

        .verify-bank-change .info {
            border-top: 0;
            border-bottom: 0;
        }

    @media only screen and (max-width: 599px) {
        .verify-bank-change .bankinformation .half {
            width: 100%;
        }
    }

    .edit {
        padding-left: 10px;
    }

    .full {
        width: 100%;
        display: inline-block;
    }

    .verifyinformation .info ul {
        padding-left: 2em;
    }

    .recent-payment-caption {
        color: white;
        font-weight: 600;
        background: #4c79a4;
        display: inline-block;
        padding: 1em;
    }

        .recent-payment-caption p {
            font-size: medium;
        }

    .recentpayments {
        margin-top: 0.5 em;
    }

    @media only screen and (max-width: 599px) {
        .recentpayments {
            display: inline-block;
            margin-bottom: 0;
        }
    }

    .recentpayments table {
        background-color: white;
        display: inline-block;
    }

    @media only screen and (max-width: 599px) {
        .recentpayments table {
            margin-bottom: 0;
        }
    }

    .recentpayments table h3 {
        border-bottom: thin solid #dedede;
        font-weight: 400;
        font-size: large;
        width: 100%;
        text-indent: 5px;
        padding-bottom: .5em;
        text-align: left;
        display: block;
        position: relative;
        margin-top: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .recentpayments table h3 {
            text-indent: 0;
        }
    }

    .recentpayments table h3:before {
        content: "\f09d";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }

    .recentpayments table tr {
        width: 100%;
        display: inline-block;
        margin-bottom: -5px;
    }

        .recentpayments table tr:nth-child(even) {
            background-color: #dfeaf5;
        }

        .recentpayments table tr th, .recentpayments table tr td {
            width: 33.3%;
            display: inline-block;
            text-align: left;
            font-size: x-small;
            float: left;
            overflow-wrap: break-word;
            padding: 5px 0 5px 10px;
            font-weight: normal;
            border-bottom: thin solid #dedede;
            border-right: thin solid #dedede;
            text-align: left;
        }

    @media (max-width: 320px) {
        .recentpayments table tr th, .recentpayments table tr td {
            font-size: x-small;
        }
    }

    .recentpayments table tr .last-of-row {
        border-right: 0;
    }

    .recentpayments table tr .table-header {
        background-color: transparent;
    }

    .recentpayments .current-account {
        color: #7c7c7c;
        margin-left: 5px;
    }

    .recentpayments .view-bill-link {
        margin-left: 1em;
        text-decoration: underline;
        font-size: small;
    }

    .recentpayments .mulitple-accounts-selection {
        display: block;
        float: right;
        cursor: pointer;
    }

    @media only screen and (max-width: 599px) {
        .recentpayments .mulitple-accounts-selection {
            margin-top: 10px;
            float: left;
            width: 100%;
        }
    }

    .recentpayments .mulitple-accounts-selection span {
        float: right;
        color: #dfeaf5;
        font-weight: 600;
        text-decoration: underline;
    }

    @media (max-width: 599px) {
        .recentpayments .mulitple-accounts-selection span {
            float: left;
        }
    }

    .recentpayments .mulitple-accounts-selection:after {
        content: '+';
        padding-right: 10px;
        font-size: 20px;
        text-decoration: none;
        float: right;
        color: #dfeaf5;
    }

    @media (max-width: 599px) {
        .recentpayments .mulitple-accounts-selection:after {
            display: none;
        }
    }

    .recentpayments a.scheduled:after {
        content: "\f1f8";
        color: #5b5b5b;
        font-family: 'fontAwesome';
        margin-left: 10px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
    }

    .recentpayments .accounts-dropdown {
        background-color: white;
        display: inline-block;
        float: right;
        list-style-type: none;
        overflow-y: scroll;
        padding: 1em 0;
        position: absolute;
        right: 0;
        top: 28px;
        width: 370px;
        max-height: 250px;
        -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
    }

    @media only screen and (max-width: 599px) {
        .recentpayments .accounts-dropdown {
            width: 100%;
            top: 10px;
            position: relative;
        }
    }

    .recentpayments .accounts-dropdown li {
        color: #dfeaf5;
        padding: 10px 1em;
        text-align: right;
        text-decoration: underline;
        display: inline-block;
        width: 40%;
        font-size: 16px;
    }

        .recentpayments .accounts-dropdown li:hover {
            cursor: pointer;
            color: #104648;
        }

    @media only screen and (max-width: 599px) {
        .recentpayments .accounts-dropdown li {
            width: 100%;
            text-align: left;
        }
    }

    .recentpayments .paymentlist {
        margin-top: 0;
    }

    @media (max-width: 599px) {
        .recentpayments .paymentlist {
            box-shadow: none;
        }
    }

    .recentpayments .paymentlist li {
        float: left;
    }

        .recentpayments .paymentlist li:first-child {
            border-bottom: none;
        }

        .recentpayments .paymentlist li:nth-child(even) {
            background-color: #dfeaf5 !important;
        }

        .recentpayments .paymentlist li span {
            font-size: small;
            float: left;
            overflow-wrap: break-word;
            padding: 5px 0 5px 10px;
        }

    @media (max-width: 599px) {
        .recentpayments .paymentlist li span:nth-of-type(3) {
            display: none;
        }
    }

    .recentpayments .paymentlist.header li {
        background: transparent !important;
        border-bottom: thin solid #dedede;
        float: left;
        font-weight: bold;
        font-size: small;
        width: 25%;
        padding: 5px 0 5px 5px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .recentpayments .paymentlist.header li:first-child {
            border-bottom: thin solid #dedede;
        }

    @media (max-width: 599px) {
        .recentpayments .paymentlist.header li {
            width: 33%;
        }

            .recentpayments .paymentlist.header li:nth-of-type(3) {
                display: none;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .recentpayments {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        .recentpayments {
            margin-left: 0;
        }

            .recentpayments h3 {
                margin-top: 0;
                padding: 7px 10px;
                font-size: small;
            }
    }

    .recent-payment-caption-2 {
        color: black;
        background: #e0e6d8;
        display: inline-block;
        padding: 0.25em 1em;
    }

        .recent-payment-caption-2 p {
            font-size: medium;
        }

    .recentpayments-2 {
        margin-top: 3em;
    }

    @media only screen and (max-width: 599px) {
        .recentpayments-2 {
            display: inline-block;
            margin-bottom: 0;
        }
    }

    .recentpayments-2 table {
        background-color: white;
        display: inline-block;
    }

    @media only screen and (max-width: 599px) {
        .recentpayments-2 table {
            margin-bottom: 0;
        }
    }

    .recentpayments-2 table h3 {
        border-bottom: thin solid #dedede;
        font-weight: 400;
        font-size: medium;
        width: 100%;
        text-indent: 5px;
        padding-bottom: .5em;
        text-align: left;
        display: block;
        position: relative;
        margin-top: 50px;
        margin-bottom: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .recentpayments-2 table h3 {
            text-indent: 0;
        }
    }

    .recentpayments-2 table h3:before {
        content: "\f09d";
        font-family: 'fontAwesome';
        margin-right: .5em;
    }

    .recentpayments-2 table tr {
        width: 100%;
        display: inline-block;
        margin-bottom: -5px;
    }

        .recentpayments-2 table tr:nth-child(even) {
            background-color: #dfeaf5;
        }

        .recentpayments-2 table tr th, .recentpayments-2 table tr td {
            width: 25%;
            display: inline-block;
            text-align: left;
            font-size: small;
            float: left;
            height: 65px;
            overflow-wrap: unset;
            padding: 5px;
            font-weight: normal;
            border-bottom: thin solid #dedede;
            border-right: thin solid #dedede;
            text-align: left;
        }

    @media (min-width: 1200px) {
        .recentpayments-2 table tr th, .recentpayments-2 table tr td {
            overflow-wrap: break-word;
            padding: 5px 0 5px 10px;
            height: auto;
        }
    }

    @media (max-width: 320px) {
        .recentpayments-2 table tr th, .recentpayments-2 table tr td {
            font-size: x-small;
        }
    }

    .recentpayments-2 table tr .last-of-row {
        border-right: 0;
    }

    .recentpayments-2 table tr .table-header {
        background-color: transparent;
    }

    .recentpayments-2 .current-account {
        color: #7c7c7c;
        margin-left: 5px;
    }

    .recentpayments-2 .view-bill-link {
        margin-left: 1em;
        text-decoration: underline;
        font-size: small;
    }

    .recentpayments-2 .mulitple-accounts-selection {
        display: block;
        float: right;
        cursor: pointer;
    }

    @media only screen and (max-width: 599px) {
        .recentpayments-2 .mulitple-accounts-selection {
            margin-top: 10px;
            float: left;
            width: 100%;
        }
    }

    .recentpayments-2 .mulitple-accounts-selection span {
        float: right;
        color: #dfeaf5;
        font-weight: 600;
        text-decoration: underline;
    }

    @media (max-width: 599px) {
        .recentpayments-2 .mulitple-accounts-selection span {
            float: left;
        }
    }

    .recentpayments-2 .mulitple-accounts-selection:after {
        content: '+';
        padding-right: 10px;
        font-size: 20px;
        text-decoration: none;
        float: right;
        color: #dfeaf5;
    }

    @media (max-width: 599px) {
        .recentpayments-2 .mulitple-accounts-selection:after {
            display: none;
        }
    }

    .recentpayments-2 a.scheduled:after {
        content: "\f1f8";
        color: #5b5b5b;
        font-family: 'fontAwesome';
        margin-left: 10px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
    }

    .recentpayments-2 .accounts-dropdown {
        background-color: white;
        display: inline-block;
        float: right;
        list-style-type: none;
        overflow-y: scroll;
        padding: 1em 0;
        position: absolute;
        right: 0;
        top: 28px;
        width: 370px;
        max-height: 250px;
        -moz-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
    }

    @media only screen and (max-width: 599px) {
        .recentpayments-2 .accounts-dropdown {
            width: 100%;
            top: 10px;
            position: relative;
        }
    }

    .recentpayments-2 .accounts-dropdown li {
        color: #dfeaf5;
        padding: 10px 1em;
        text-align: right;
        text-decoration: underline;
        display: inline-block;
        width: 40%;
        font-size: 16px;
    }

        .recentpayments-2 .accounts-dropdown li:hover {
            cursor: pointer;
            color: #104648;
        }

    @media only screen and (max-width: 599px) {
        .recentpayments-2 .accounts-dropdown li {
            width: 100%;
            text-align: left;
        }
    }

    .recentpayments-2 .paymentlist {
        margin-top: 0;
    }

    @media (max-width: 599px) {
        .recentpayments-2 .paymentlist {
            box-shadow: none;
        }
    }

    .recentpayments-2 .paymentlist li {
        float: left;
    }

        .recentpayments-2 .paymentlist li:first-child {
            border-bottom: none;
        }

        .recentpayments-2 .paymentlist li:nth-child(even) {
            background-color: #dfeaf5 !important;
        }

        .recentpayments-2 .paymentlist li span {
            font-size: small;
            float: left;
            overflow-wrap: break-word;
            padding: 5px 0 5px 10px;
        }

    @media (max-width: 599px) {
        .recentpayments-2 .paymentlist li span:nth-of-type(3) {
            display: none;
        }
    }

    .recentpayments-2 .paymentlist.header li {
        background: transparent !important;
        border-bottom: thin solid #dedede;
        float: left;
        font-weight: bold;
        font-size: small;
        width: 25%;
        padding: 5px 0 5px 5px;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .recentpayments-2 .paymentlist.header li:first-child {
            border-bottom: thin solid #dedede;
        }

    @media (max-width: 599px) {
        .recentpayments-2 .paymentlist.header li {
            width: 33%;
        }

            .recentpayments-2 .paymentlist.header li:nth-of-type(3) {
                display: none;
            }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .recentpayments-2 {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 599px) {
        .recentpayments-2 {
            margin-left: 0;
        }

            .recentpayments-2 h3 {
                margin-top: 0;
                padding: 7px 10px;
                font-size: small;
            }
    }

    /* Bug Fixes */
    @media only screen and (max-width: 599px) {
        .stepprocess-obp {
            background-color: white;
            width: 100%;
            padding: 10px 15px;
            display: inline-block;
            margin-top: 50px;
        }

            .stepprocess-obp .fa:before {
                font-size: 28px;
                color: #5f97cd;
            }

            .stepprocess-obp h1.tright {
                font-size: 18px;
                margin-bottom: 0;
                width: initial;
                float: right;
            }
    }

    @media only screen and (max-width: 599px) {
        #returnToAccount button, #continuePendingPayment button {
            margin: 0.5em 0 !important;
        }
    }

    .cash-only:before {
        font-family: 'fontAwesome';
        content: '\f024';
        color: #cf4a0c;
    }

    .cash-only .toggle-title {
        color: #cf4a0c;
    }

        .cash-only .toggle-title:after {
            content: "(Cash Only)";
            margin-left: 15px;
        }

    #obp .accordion-toggle > .pending-payment p:after {
        font-family: 'fontAwesome';
        content: '\f05a';
        color: #cf4a0c;
        margin-left: 15px;
    }

    #obp .accordion-item .accordion-toggle .toggle-title {
        padding: .5em;
        margin: 0;
        width: 90%;
        top: 1px;
        position: relative;
    }

    .select-account-to-pay {
        display: inline-block;
        margin: 0 0 2em;
        width: 100%;
    }

    .select-account-payment {
        left: 0;
        margin-right: .5em;
        vertical-align: inherit;
    }

    .account-payment-options {
        display: inline-block;
    }

    .selected-for-payment {
        background-color: #007568 !important;
        color: white !important;
    }

    @media (max-width: 1024px) {
        .selected-for-payment .details-account {
            margin-left: 2em;
        }
    }

    .selected-for-payment:before {
        font-family: 'fontAwesome';
        content: '\f058';
        color: white;
        padding: 1em;
        position: absolute;
        line-height: 1;
    }

    .selected-for-payment .pending-payment {
        color: white;
    }

        .selected-for-payment .pending-payment p:after {
            color: white !important;
            display: none;
        }

    .selected-for-payment > p {
        color: white !important;
    }

    .content-container-search > .cmscontent, .content-container-search > .const-content {
        margin: 0 auto 1em !important;
        width: 90% !important;
    }

    @media (min-width: 1200px) {
        .content-container-search > .cmscontent, .content-container-search > .const-content {
            width: 100% !important;
        }
    }

    @media (max-width: 1023px) {
        .content-container-search > .cmscontent, .content-container-search > .const-content {
            width: 90% !important;
        }
    }

    @media (max-width: 599px) {
        .content-container-search > .cmscontent:first-of-type, .content-container-search > .const-content:first-of-type {
            margin-top: 0 !important;
        }
    }

    /*
.search-header, .header-404, .header-oops {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #5b5b5b url("/cdn/images/backgrounds/search/search.jpg") no-repeat 0 0 !important;
    display: inline-block;
    height: 300px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
*/

    .search-header, .header-404, .header-oops {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*background-image: url("/cdn/images/backgrounds/search/search.jpg") !important;*/
        display: inline-block;
        margin: 0;
        padding: 0;
        min-width: 100% !important;
        vertical-align: top;
    }


.search-header {
    background-image: url("/cdn/images/backgrounds/search/search.jpg") !important;
    margin-top: 6rem;
}

    @media (max-width: 768px) {
        .search-header, .header-404, .header-oops {
            margin-left: 0 !important;
            min-width: 100%;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .search-header, .header-404, .header-oops {
            display: none;
            margin-top: 3em;
        }
    }

    .search-header .search-label-wrapper, .header-404 .search-label-wrapper, .header-oops .search-label-wrapper, .header-404 .error-404-label-wrapper, .search-header .mobile-search-label-wrapper, .header-404 .mobile-search-label-wrapper, .header-oops .mobile-search-label-wrapper, .header-oops .oops-label-wrapper, .search-header .payment-locations .search-input-wrapper .location-label-wrapper, .payment-locations .search-input-wrapper .search-header .location-label-wrapper, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper {
        display: block;
        height: 200px;
        margin: 5em auto 0;
        max-width: 492px;
        min-width: 492px;
    }

        .search-header .search-label-wrapper form .search-label-name, .header-404 .search-label-wrapper form .search-label-name, .header-oops .search-label-wrapper form .search-label-name, .header-404 .error-404-label-wrapper form .search-label-name, .search-header .mobile-search-label-wrapper form .search-label-name, .header-404 .mobile-search-label-wrapper form .search-label-name, .header-oops .mobile-search-label-wrapper form .search-label-name, .header-oops .oops-label-wrapper form .search-label-name, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-label-name, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-label-name, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-label-name, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-label-name, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-label-name, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-label-name, .search-header .search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .header-404 .search-label-wrapper form .error-404-label-wrapper .error-404-label-name, .header-oops .search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .header-404 .error-404-label-wrapper form .error-404-label-name, .search-header .mobile-search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .header-404 .mobile-search-label-wrapper form .error-404-label-wrapper .error-404-label-name, .header-oops .mobile-search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .header-404 .header-oops .oops-label-wrapper form .error-404-label-wrapper .error-404-label-name, .header-oops .header-404 .oops-label-wrapper form .error-404-label-wrapper .error-404-label-name, .header-oops .oops-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .error-404-label-wrapper .error-404-label-name, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .error-404-label-wrapper .error-404-label-name, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-label-name, .search-header .search-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-404 .search-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-oops .search-label-wrapper form .oops-label-wrapper .oops-label-name, .header-404 .error-404-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-oops .header-404 .error-404-label-wrapper form .oops-label-wrapper .oops-label-name, .header-404 .header-oops .error-404-label-wrapper form .oops-label-wrapper .oops-label-name, .search-header .mobile-search-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-404 .mobile-search-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-oops .mobile-search-label-wrapper form .oops-label-wrapper .oops-label-name, .header-oops .oops-label-wrapper form .oops-label-name, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .header-oops .oops-label-wrapper .oops-label-name, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .oops-label-wrapper .oops-label-name, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .oops-label-wrapper .oops-label-name {
            color: #012877;
            display: inline-block;
            font-size: 1.75em;
            font-weight: 300;
            padding: 0;
            text-align: center;
            width: 100%;
        }

        .search-header .search-label-wrapper form .search-text-field, .header-404 .search-label-wrapper form .search-text-field, .header-oops .search-label-wrapper form .search-text-field, .header-404 .error-404-label-wrapper form .search-text-field, .search-header .mobile-search-label-wrapper form .search-text-field, .header-404 .mobile-search-label-wrapper form .search-text-field, .header-oops .mobile-search-label-wrapper form .search-text-field, .header-oops .oops-label-wrapper form .search-text-field, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-text-field, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-text-field, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-text-field, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-text-field, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-text-field, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-text-field, .search-header .search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .header-404 .search-label-wrapper form .error-404-label-wrapper .error-404-text-field, .header-oops .search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .header-404 .error-404-label-wrapper form .error-404-text-field, .search-header .mobile-search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .header-404 .mobile-search-label-wrapper form .error-404-label-wrapper .error-404-text-field, .header-oops .mobile-search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .header-404 .header-oops .oops-label-wrapper form .error-404-label-wrapper .error-404-text-field, .header-oops .header-404 .oops-label-wrapper form .error-404-label-wrapper .error-404-text-field, .header-oops .oops-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .error-404-label-wrapper .error-404-text-field, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .error-404-label-wrapper .error-404-text-field, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field, .search-header .search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-404 .search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-oops .search-label-wrapper form .oops-label-wrapper .oops-text-field, .header-404 .error-404-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-oops .header-404 .error-404-label-wrapper form .oops-label-wrapper .oops-text-field, .header-404 .header-oops .error-404-label-wrapper form .oops-label-wrapper .oops-text-field, .search-header .mobile-search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-404 .mobile-search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-oops .mobile-search-label-wrapper form .oops-label-wrapper .oops-text-field, .header-oops .oops-label-wrapper form .oops-text-field, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .oops-label-wrapper .oops-text-field, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .oops-label-wrapper .oops-text-field, .search-header .search-label-wrapper form .payment-locations .search-location-input, .payment-locations .search-header .search-label-wrapper form .search-location-input, .header-404 .search-label-wrapper form .payment-locations .search-location-input, .payment-locations .header-404 .search-label-wrapper form .search-location-input, .header-oops .search-label-wrapper form .payment-locations .search-location-input, .payment-locations .header-oops .search-label-wrapper form .search-location-input, .header-404 .error-404-label-wrapper form .payment-locations .search-location-input, .payment-locations .header-404 .error-404-label-wrapper form .search-location-input, .search-header .mobile-search-label-wrapper form .payment-locations .search-location-input, .payment-locations .search-header .mobile-search-label-wrapper form .search-location-input, .header-404 .mobile-search-label-wrapper form .payment-locations .search-location-input, .payment-locations .header-404 .mobile-search-label-wrapper form .search-location-input, .header-oops .mobile-search-label-wrapper form .payment-locations .search-location-input, .payment-locations .header-oops .mobile-search-label-wrapper form .search-location-input, .header-oops .oops-label-wrapper form .payment-locations .search-location-input, .payment-locations .header-oops .oops-label-wrapper form .search-location-input, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-location-input, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-location-input, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-location-input, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-location-input, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-location-input, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-location-input {
            -webkit-border-radius: 3px 0 0 0;
            -moz-border-radius: 3px 0 0 0;
            border-radius: 3px 0 0 0;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            background: rgba(255, 255, 255, 0.9);
            border: 0;
            display: inline-block;
            font-size: small;
            height: 42px;
            margin: 4% 0 0;
            padding: 0 2%;
            position: relative;
            width: 91.5%;
            z-index: 6;
        }

            .search-header .search-label-wrapper form .search-text-field:focus, .header-404 .search-label-wrapper form .search-text-field:focus, .header-oops .search-label-wrapper form .search-text-field:focus, .header-404 .error-404-label-wrapper form .search-text-field:focus, .search-header .mobile-search-label-wrapper form .search-text-field:focus, .header-404 .mobile-search-label-wrapper form .search-text-field:focus, .header-oops .mobile-search-label-wrapper form .search-text-field:focus, .header-oops .oops-label-wrapper form .search-text-field:focus, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-text-field:focus, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-text-field:focus, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-text-field:focus, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-text-field:focus, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-text-field:focus, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-text-field:focus, .search-header .search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .header-404 .search-label-wrapper form .error-404-label-wrapper .error-404-text-field:focus, .header-oops .search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .header-404 .error-404-label-wrapper form .error-404-text-field:focus, .search-header .mobile-search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .header-404 .mobile-search-label-wrapper form .error-404-label-wrapper .error-404-text-field:focus, .header-oops .mobile-search-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .header-404 .header-oops .oops-label-wrapper form .error-404-label-wrapper .error-404-text-field:focus, .header-oops .header-404 .oops-label-wrapper form .error-404-label-wrapper .error-404-text-field:focus, .header-oops .oops-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .error-404-label-wrapper .error-404-text-field:focus, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .error-404-label-wrapper .error-404-text-field:focus, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .header-404 .error-404-label-wrapper .error-404-text-field:focus, .search-header .search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-404 .search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-oops .search-label-wrapper form .oops-label-wrapper .oops-text-field:focus, .header-404 .error-404-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-oops .header-404 .error-404-label-wrapper form .oops-label-wrapper .oops-text-field:focus, .header-404 .header-oops .error-404-label-wrapper form .oops-label-wrapper .oops-text-field:focus, .search-header .mobile-search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-404 .mobile-search-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-oops .mobile-search-label-wrapper form .oops-label-wrapper .oops-text-field:focus, .header-oops .oops-label-wrapper form .oops-text-field:focus, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .header-oops .oops-label-wrapper .oops-text-field:focus, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .oops-label-wrapper .oops-text-field:focus, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .oops-label-wrapper .oops-text-field:focus, .search-header .search-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .search-header .search-label-wrapper form .search-location-input:focus, .header-404 .search-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .header-404 .search-label-wrapper form .search-location-input:focus, .header-oops .search-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .header-oops .search-label-wrapper form .search-location-input:focus, .header-404 .error-404-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .header-404 .error-404-label-wrapper form .search-location-input:focus, .search-header .mobile-search-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .search-header .mobile-search-label-wrapper form .search-location-input:focus, .header-404 .mobile-search-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .header-404 .mobile-search-label-wrapper form .search-location-input:focus, .header-oops .mobile-search-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .header-oops .mobile-search-label-wrapper form .search-location-input:focus, .header-oops .oops-label-wrapper form .payment-locations .search-location-input:focus, .payment-locations .header-oops .oops-label-wrapper form .search-location-input:focus, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-location-input:focus, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-location-input:focus, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-location-input:focus, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-location-input:focus, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-location-input:focus, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-location-input:focus {
                background: white;
            }

        .search-header .search-label-wrapper form .search-btn, .header-404 .search-label-wrapper form .search-btn, .header-oops .search-label-wrapper form .search-btn, .header-404 .error-404-label-wrapper form .search-btn, .search-header .mobile-search-label-wrapper form .search-btn, .header-404 .mobile-search-label-wrapper form .search-btn, .header-oops .mobile-search-label-wrapper form .search-btn, .header-oops .oops-label-wrapper form .search-btn, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-btn, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-btn, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-btn {
            -webkit-border-radius: 0 3px 0 0;
            -moz-border-radius: 0 3px 0 0;
            border-radius: 0 3px 0 0;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            background: #494949;
            display: inline-block;
            float: right;
            height: 42px;
            max-width: 43px;
            min-width: 43px;
            padding: 0;
            width: 43px;
        }

            .search-header .search-label-wrapper form .search-btn:first-of-type, .header-404 .search-label-wrapper form .search-btn:first-of-type, .header-oops .search-label-wrapper form .search-btn:first-of-type, .header-404 .error-404-label-wrapper form .search-btn:first-of-type, .search-header .mobile-search-label-wrapper form .search-btn:first-of-type, .header-404 .mobile-search-label-wrapper form .search-btn:first-of-type, .header-oops .mobile-search-label-wrapper form .search-btn:first-of-type, .header-oops .oops-label-wrapper form .search-btn:first-of-type, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn:first-of-type, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-btn:first-of-type, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn:first-of-type, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-btn:first-of-type, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn:first-of-type, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-btn:first-of-type {
                margin: 4% 0 0 -2px !important;
            }

            .search-header .search-label-wrapper form .search-btn::before, .header-404 .search-label-wrapper form .search-btn::before, .header-oops .search-label-wrapper form .search-btn::before, .header-404 .error-404-label-wrapper form .search-btn::before, .search-header .mobile-search-label-wrapper form .search-btn::before, .header-404 .mobile-search-label-wrapper form .search-btn::before, .header-oops .mobile-search-label-wrapper form .search-btn::before, .header-oops .oops-label-wrapper form .search-btn::before, .search-header .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn::before, .payment-locations .search-input-wrapper .search-header .location-label-wrapper form .search-btn::before, .header-404 .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn::before, .payment-locations .search-input-wrapper .header-404 .location-label-wrapper form .search-btn::before, .header-oops .payment-locations .search-input-wrapper .location-label-wrapper form .search-btn::before, .payment-locations .search-input-wrapper .header-oops .location-label-wrapper form .search-btn::before {
                content: '\f002';
                display: inline-block;
                font-family: FontAwesome;
                padding-right: 3px;
                vertical-align: middle;
            }

    .search-header .fuzzy-wrapper, .header-404 .fuzzy-wrapper, .header-oops .fuzzy-wrapper {
        -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.45);
        box-shadow: 0 1px 7px rgba(0, 0, 0, 0.45);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: white;
        border-top: thin solid #494949;
        display: block;
        margin: 0 auto;
        min-height: 200px;
        position: relative;
        width: 492px;
        z-index: 5;
    }

        .search-header .fuzzy-wrapper .fuzzy-list, .header-404 .fuzzy-wrapper .fuzzy-list, .header-oops .fuzzy-wrapper .fuzzy-list {
            width: 100%;
        }

            .search-header .fuzzy-wrapper .fuzzy-list li, .header-404 .fuzzy-wrapper .fuzzy-list li, .header-oops .fuzzy-wrapper .fuzzy-list li {
                list-style: none;
                margin: 0;
            }

                .search-header .fuzzy-wrapper .fuzzy-list li a, .header-404 .fuzzy-wrapper .fuzzy-list li a, .header-oops .fuzzy-wrapper .fuzzy-list li a {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    color: #5b5b5b;
                    display: block;
                    font-size: small;
                    font-weight: 100;
                    height: 100%;
                    padding: 2% 4em;
                    width: 100%;
                }

                .search-header .fuzzy-wrapper .fuzzy-list li:hover, .header-404 .fuzzy-wrapper .fuzzy-list li:hover, .header-oops .fuzzy-wrapper .fuzzy-list li:hover {
                    background: #256bb4;
                }

                    .search-header .fuzzy-wrapper .fuzzy-list li:hover a, .header-404 .fuzzy-wrapper .fuzzy-list li:hover a, .header-oops .fuzzy-wrapper .fuzzy-list li:hover a {
                        color: white;
                    }

        .search-header .fuzzy-wrapper .search-instructions, .header-404 .fuzzy-wrapper .search-instructions, .header-oops .fuzzy-wrapper .search-instructions {
            display: inline-block;
            color: #5b5b5b;
            font-size: x-small;
            font-weight: 100;
            text-align: right;
            vertical-align: middle;
            width: 100%;
            height: 30px;
            padding: 0 2% 4%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .search-header .fuzzy-wrapper .search-instructions:before, .header-404 .fuzzy-wrapper .search-instructions:before, .header-oops .fuzzy-wrapper .search-instructions:before {
                font-family: FontAwesome;
                content: "\f090";
                display: inline-block;
                padding-right: 3px;
                vertical-align: middle;
            }

    .search-container {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    @media (max-width: 599px) {
        .search-container {
            width: 90%;
        }
    }

    .search-container .trending-search-title {
        border-bottom: thin solid #5b5b5b;
        font-size: large;
        text-transform: capitalize;
        margin-bottom: 4%;
        padding-bottom: 1%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .search-container .search-wrapper {
        display: none;
        width: 100%;
        -webkit-animation-delay: 0;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-name: fadeIn;
        -webkit-animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-delay: 0;
        -moz-animation-duration: 1.5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-name: fadeIn;
        -moz-animation-timing-function: linear;
        -moz-animation-fill-mode: forwards;
        -o-animation-delay: 0;
        -o-animation-duration: 1.5s;
        -o-animation-iteration-count: 1;
        -o-animation-name: fadeIn;
        -o-animation-timing-function: linear;
        -o-animation-fill-mode: forwards;
        -ms-animation-delay: 0;
        -ms-animation-duration: 1.5s;
        -ms-animation-iteration-count: 1;
        -ms-animation-name: fadeIn;
        -ms-animation-timing-function: linear;
        -ms-animation-fill-mode: forwards;
        animation-delay: 0;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
        animation-name: fadeIn;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
    }

        .search-container .search-wrapper.active {
            display: inline-block;
        }

    .search-wrapper, .result-search-wrapper, .sidebar-content-wrapper, .content-container, .construction-search-wrapper, .employee-search-wrapper, .content-section.septic-content > .content-container, .septic-search-wrapper {
        display: block;
        width: 100%;
    }

    .result-search-wrapper, .sidebar-content-wrapper, .content-container, .construction-search-wrapper, .employee-search-wrapper, .content-section.septic-content > .content-container, .septic-search-wrapper, .search-sidebar, .sidebar {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .result-search-wrapper, .sidebar-content-wrapper, .content-container, .construction-search-wrapper, .employee-search-wrapper, .content-section.septic-content > .content-container, .septic-search-wrapper {
        width: 70%;
    }

    @media (min-width: 1200px) {
        .result-search-wrapper, .sidebar-content-wrapper, .content-container, .construction-search-wrapper, .employee-search-wrapper, .content-section.septic-content > .content-container, .septic-search-wrapper {
            padding-left: 2em;
        }
    }

    @media (max-width: 1023px) {
        .result-search-wrapper, .sidebar-content-wrapper, .content-container, .construction-search-wrapper, .employee-search-wrapper, .content-section.septic-content > .content-container, .septic-search-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .result-search-wrapper, .sidebar-content-wrapper, .content-container, .construction-search-wrapper, .employee-search-wrapper, .content-section.septic-content > .content-container, .septic-search-wrapper {
            width: 100%;
        }

            .result-search-wrapper > .rule, .sidebar-content-wrapper > .rule, .content-container > .rule, .construction-search-wrapper > .rule, .employee-search-wrapper > .rule, .content-section.septic-content > .content-container > .rule, .septic-search-wrapper > .rule {
                margin-bottom: 1em;
            }
    }

    .search-sidebar, .sidebar {
        width: 24%;
        min-height: 200px;
        float: right;
    }

    @media (min-width: 1200px) {
        .search-sidebar, .sidebar {
            width: 20%;
        }
    }

    @media (max-width: 1023px) {
        .search-sidebar, .sidebar {
            width: 100%;
            float: left;
            margin-top: 1em;
            padding: 2em 0 1.5em;
        }
    }

    @media (max-width: 599px) {
        .search-sidebar, .sidebar {
            width: 100%;
            float: left;
            margin-top: 1em;
            padding: 2em 0 1.5em;
        }
    }

    .trending-links-wrapper {
        float: left;
        width: 100%;
        margin: 0 0 6%;
    }

        .trending-links-wrapper:last-child, .trending-links-wrapper:last-of-type {
            margin-bottom: 0;
        }

    .trending-links {
        float: left;
        margin: 0 2% 0 0;
        width: 48%;
    }

        .trending-links:nth-child(even) {
            float: right;
            margin-right: 0;
        }

        .trending-links .topic-title {
            float: left;
            width: 150px;
            font-size: small;
            color: #5b5b5b;
        }

    @media (max-width: 599px) {
        .trending-links .topic-title {
            font-weight: bold;
        }
    }

    @media (max-width: 599px) {
        .trending-links {
            width: 100%;
            margin-top: 1.5em;
        }
    }

    .search-links-wrapper, .search-result-list, .related-searches {
        float: left;
        margin-left: 0;
    }

    @media (max-width: 599px) {
        .search-links-wrapper, .search-result-list, .related-searches {
            width: 100%;
        }
    }

    .search-links-wrapper li, .search-result-list li, .related-searches li {
        list-style: none;
        margin: 6% 0 0 0;
        font-weight: 200;
    }

        .search-links-wrapper li:first-child, .search-result-list li:first-child, .related-searches li:first-child {
            margin-top: 0;
        }

        .search-links-wrapper li > a, .search-result-list li > a, .related-searches li > a {
            font-family: "lato", Helvetica, Arial, sans-serif;
            text-decoration: underline;
            vertical-align: middle;
        }

            .search-links-wrapper li > a.caps, .search-result-list li > a.caps, .related-searches li > a.caps {
                text-transform: uppercase;
            }

        .search-links-wrapper li .date-location-wrapper, .search-links-wrapper li .search-description-wrapper, .search-result-list li .date-location-wrapper, .search-result-list li .search-description-wrapper, .related-searches li .date-location-wrapper, .related-searches li .search-description-wrapper {
            color: #5b5b5b;
            line-height: normal;
        }

            .search-links-wrapper li .date-location-wrapper > span, .search-result-list li .date-location-wrapper > span, .related-searches li .date-location-wrapper > span {
                font-family: "lato", Helvetica, Arial, sans-serif;
                font-weight: 100;
                line-height: normal;
                margin: 0;
                vertical-align: middle;
                display: block;
            }

                .search-links-wrapper li .date-location-wrapper > span a, .search-result-list li .date-location-wrapper > span a, .related-searches li .date-location-wrapper > span a {
                    font-style: italic;
                }

        .search-links-wrapper li .search-description-wrapper, .search-result-list li .search-description-wrapper, .related-searches li .search-description-wrapper {
            font-weight: 400;
            line-height: 140%;
        }

    @media (max-width: 599px) {
        .search-links-wrapper li .search-description-wrapper, .search-result-list li .search-description-wrapper, .related-searches li .search-description-wrapper {
            max-height: 60px;
        }
    }

    .search-tabs-container {
        display: block;
        min-width: 492px;
        max-width: 492px;
        height: 42px;
        margin: -42px auto 0;
        position: relative;
        z-index: 2;
    }

        .search-tabs-container .search-tab-wrapper {
            background: #5f97cd;
            width: 160px;
            height: 100%;
            float: left;
            margin: 0 .5%;
            overflow: hidden;
        }

            .search-tabs-container .search-tab-wrapper:first-child {
                margin-left: 0;
                -webkit-border-radius: 15px 0 0;
                -moz-border-radius: 15px 0 0;
                border-radius: 15px 0 0;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
            }

            .search-tabs-container .search-tab-wrapper:last-child {
                -webkit-border-radius: 0 15px 0 0;
                -moz-border-radius: 0 15px 0 0;
                border-radius: 0 15px 0 0;
                /* Prevent background color leak outs */
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                margin-right: 0;
            }

    @media (max-width: 599px) {
        .search-tabs-container {
            display: none;
        }
    }

    .search-topics {
        display: inline-block;
        margin: 0;
        width: 100%;
        height: 100%;
        position: relative;
        text-align: center;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .search-topics span {
            color: white;
            display: block;
            font-size: medium;
            font-weight: 300;
            line-height: 1.5;
            padding: 7% 0 0;
            text-align: center;
            text-transform: capitalize;
        }

        .search-topics:hover {
            cursor: pointer;
        }

    .tab-input {
        left: -9999px;
        position: absolute;
        visibility: hidden;
    }

        .tab-input[type="checkbox"]:checked + .search-topics, .tab-input[type="checkbox"]:checked ~ .search-topics, .tab-input[type="radio"]:checked + .search-topics, .tab-input[type="radio"]:checked ~ .search-topics {
            background: white;
        }

            .tab-input[type="checkbox"]:checked + .search-topics span, .tab-input[type="checkbox"]:checked ~ .search-topics span, .tab-input[type="radio"]:checked + .search-topics span, .tab-input[type="radio"]:checked ~ .search-topics span {
                color: #5b5b5b;
            }

            .tab-input[type="checkbox"]:checked + .search-topics:hover, .tab-input[type="checkbox"]:checked ~ .search-topics:hover, .tab-input[type="radio"]:checked + .search-topics:hover, .tab-input[type="radio"]:checked ~ .search-topics:hover {
                cursor: default;
            }

    .result-filter {
        border-bottom: thin solid #5b5b5b;
        position: relative;
    }

    @media (max-width: 599px) {
        .result-filter {
            display: block;
            margin: 0 auto;
            padding: 0 0 2em;
            width: 100%;
        }
    }

    .results-wrapper {
        width: 60%;
        float: left;
    }

    @media (max-width: 1023px) {
        .results-wrapper {
            width: 70%;
        }
    }

    @media (max-width: 599px) {
        .results-wrapper {
            width: 100%;
            top: 2em;
            position: absolute;
        }
    }

    .results-wrapper p {
        color: #757575;
        font-style: italic;
    }

        .results-wrapper p b {
            color: #5b5b5b;
            font-style: normal;
            font-weight: bold;
        }

    .filter-wrapper {
        display: inline-block;
        width: 36%;
        right: 0;
        position: absolute;
    }

    @media (max-width: 599px) {
        .filter-wrapper {
            width: 100%;
            top: -.5em;
            left: 0;
            position: relative;
        }
    }

    .filter-wrapper.sort {
        width: 29%;
    }

    @media (max-width: 1023px) {
        .filter-wrapper.sort {
            width: 32%;
        }
    }

    @media (max-width: 599px) {
        .filter-wrapper.sort {
            display: inline-block;
        }
    }

    .filter-wrapper form .sort-by-date-wrapper, .filter-wrapper form .sort-by-category-wrapper {
        float: left;
    }

        .filter-wrapper form .sort-by-date-wrapper.sort-by-date, .filter-wrapper form .sort-by-date-wrapper.sort-by-category, .filter-wrapper form .sort-by-category-wrapper.sort-by-date, .filter-wrapper form .sort-by-category-wrapper.sort-by-category {
            background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 114px center;
            border: none;
            width: 100px;
            height: auto !important;
            float: left;
            margin-right: 0;
        }

            .filter-wrapper form .sort-by-date-wrapper.sort-by-date > a, .filter-wrapper form .sort-by-date-wrapper.sort-by-category > a, .filter-wrapper form .sort-by-category-wrapper.sort-by-date > a, .filter-wrapper form .sort-by-category-wrapper.sort-by-category > a {
                font-size: x-small;
            }

        .filter-wrapper form .sort-by-date-wrapper .sort-by-date, .filter-wrapper form .sort-by-category-wrapper .sort-by-date {
            float: right;
            margin-right: 1em;
        }

    .filter-wrapper form .sort-date, .filter-wrapper form .sort-category {
        float: left;
        width: 130px;
        margin-right: 2%;
    }

    @media (max-width: 599px) {
        .filter-wrapper form .sort-date, .filter-wrapper form .sort-category {
            width: 141px;
        }
    }

    .filter-wrapper form .sort-date > a, .filter-wrapper form .sort-category > a {
        font-size: small;
    }

        .filter-wrapper form .sort-date > a:before, .filter-wrapper form .sort-category > a:before {
            font-family: "FontAwesome";
            padding-right: .25em;
        }

    .filter-wrapper form .sort-date {
        margin-right: 6.5em;
    }

    @media (max-width: 599px) {
        .filter-wrapper form .sort-date {
            margin-right: 0;
        }
    }

    .filter-wrapper form .sort-date > a:before {
        content: "\f0dc";
    }

    .filter-wrapper form .sort-category > a:before {
        content: "\f15d";
    }

    .filter-wrapper form .sort-by-category-wrapper {
        float: right;
    }

    .search-result-list {
        margin: 2% 0 0;
        width: 100%;
    }

    @media (max-width: 599px) {
        .search-result-list {
            margin-top: 2em;
            padding: 0;
        }
    }

    .search-result-list li {
        margin-top: 2%;
        width: 96%;
    }

    @media (max-width: 599px) {
        .search-result-list li {
            margin-top: 2em;
        }
    }

    .related-searches-wrapper, .still-have-questions-wrapper {
        display: block;
        margin: 0 auto;
        padding: 0 0 2em;
        width: 100%;
        border-bottom: thin solid #5b5b5b;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .related-searches-wrapper, .still-have-questions-wrapper {
            width: 100%;
        }
    }

    .related-searches-wrapper .related-search-h3, .related-searches-wrapper .sidebar-content-wrapper .sidebar-h3, .sidebar-content-wrapper .related-searches-wrapper .sidebar-h3, .related-searches-wrapper .still-have-questions-h3, .still-have-questions-wrapper .related-search-h3, .still-have-questions-wrapper .sidebar-content-wrapper .sidebar-h3, .sidebar-content-wrapper .still-have-questions-wrapper .sidebar-h3, .still-have-questions-wrapper .still-have-questions-h3 {
        color: #5b5b5b;
        text-transform: uppercase;
        font-size: small;
    }

    .related-searches-wrapper .related-search-h2, .related-searches-wrapper .sidebar-content-wrapper .sidebar-h2, .sidebar-content-wrapper .related-searches-wrapper .sidebar-h2, .related-searches-wrapper .still-have-questions-h2, .still-have-questions-wrapper .related-search-h2, .still-have-questions-wrapper .sidebar-content-wrapper .sidebar-h2, .sidebar-content-wrapper .still-have-questions-wrapper .sidebar-h2, .still-have-questions-wrapper .still-have-questions-h2 {
        color: #5b5b5b;
        text-transform: uppercase;
        font-size: small;
    }

    .related-searches-wrapper .related-searches li, .still-have-questions-wrapper .related-searches li {
        margin-top: 1%;
    }

    .still-have-questions-wrapper {
        margin-top: 2em;
        margin-bottom: 3em;
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {
        .still-have-questions-wrapper {
            width: 100%;
        }
    }

    .social-media-wrapper {
        display: inline-block;
        width: 100%;
    }

        .social-media-wrapper li {
            display: inline-block;
            list-style: none;
            border: thin solid #5b5b5b;
            border-radius: 50%;
            margin: 1em .1em 0;
            width: 30px;
            height: 30px;
        }

            .social-media-wrapper li a {
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
            }

                .social-media-wrapper li a span.fb, .social-media-wrapper li a span.tw, .social-media-wrapper li a span.gp {
                    font-size: small;
                    color: #5b5b5b;
                    text-indent: 0;
                    position: relative;
                }

                    .social-media-wrapper li a span.fb:before, .social-media-wrapper li a span.tw:before, .social-media-wrapper li a span.gp:before {
                        font-family: FontAwesome;
                        content: "";
                        display: inline-block;
                        vertical-align: middle;
                    }

                    .social-media-wrapper li a span.fb:before {
                        content: "\f09a";
                    }

                    .social-media-wrapper li a span.tw:before {
                        content: "\f099";
                    }

                    .social-media-wrapper li a span.gp:before {
                        content: "\f0d5";
                    }

            .social-media-wrapper li:hover {
                background: #5b5b5b;
            }

                .social-media-wrapper li:hover a .fb, .social-media-wrapper li:hover a .tw, .social-media-wrapper li:hover a .gp {
                    color: white;
                }

            .social-media-wrapper li:first-child {
                margin-left: 0;
            }

    .facebook-wrapper, .twitter-wrapper {
        display: block;
        border: thin solid #dedede;
        border-radius: 3px 3px;
        margin: 4% auto 0;
        padding: 0;
        width: 100%;
        min-height: 200px;
        overflow-x: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 1023px) {
        .facebook-wrapper, .twitter-wrapper {
            width: 48%;
            float: left;
            margin-right: 2%;
        }

            .facebook-wrapper:last-child, .twitter-wrapper:last-child {
                margin-right: 0;
            }
    }

    @media (max-width: 599px) {
        .facebook-wrapper, .twitter-wrapper {
            width: 100%;
            float: left;
        }
    }

    .twitter-wrapper {
        height: 500px;
        overflow-y: auto;
        display: none;
    }

    .fb_iframe_widget {
        display: inline !important;
    }

    .fb-comments iframe[style], .fb-comments span, .fb-page iframe[style], .fb-page span {
        width: 100% !important;
    }

    .fb-page, .fb-page span, .fb-page.fb_iframe_widget span iframe {
        width: 100% !important;
    }

    .fb-comments, .fb-comments iframe[style], .fb-comments span {
        width: 100% !important;
    }

    .small-search-container {
        display: none;
    }

    @media (max-width: 599px) {
        .small-search-container {
            display: block;
        }
    }

    .small-search-container .small-search-header {
        border-bottom: thin solid #dedede;
        width: 100%;
        color: #5b5b5b;
        text-transform: uppercase;
        padding: 1em 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .small-search-container .small-search-wrapper {
        margin: 2em 0 2em;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .small-search-container .small-search-wrapper form > .search-text-field, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input {
            width: 81%;
            height: 38px;
            float: left;
            border: thin solid #dedede;
            border-right: 0;
            padding: 0 4%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .small-search-container .small-search-wrapper form > .search-text-field:focus, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus, .small-search-container .small-search-wrapper form > .search-text-field:focus + .search-btn, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus + .search-btn, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus + .search-btn, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus + .search-btn, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus + .search-btn, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus + .search-btn, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus + .search-btn, .small-search-container .small-search-wrapper form > .search-text-field:focus ~ .search-btn, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus ~ .search-btn, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus ~ .search-btn, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus ~ .search-btn, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus ~ .search-btn, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus ~ .search-btn, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus ~ .search-btn {
                border-color: #5f97cd;
                color: #5f97cd;
            }

                .small-search-container .small-search-wrapper form > .search-text-field:focus:after, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus:after, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus:after, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus:after, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus:after, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus:after, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus:after, .small-search-container .small-search-wrapper form > .search-text-field:focus + .search-btn:after, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus + .search-btn:after, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus + .search-btn:after, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus + .search-btn:after, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus + .search-btn:after, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus + .search-btn:after, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus + .search-btn:after, .small-search-container .small-search-wrapper form > .search-text-field:focus ~ .search-btn:after, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus ~ .search-btn:after, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus ~ .search-btn:after, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus ~ .search-btn:after, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus ~ .search-btn:after, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus ~ .search-btn:after, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus ~ .search-btn:after {
                    color: #5f97cd;
                }

                .small-search-container .small-search-wrapper form > .search-text-field:focus:hover, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus:hover, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus:hover, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus:hover, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus:hover, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus:hover, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus:hover, .small-search-container .small-search-wrapper form > .search-text-field:focus + .search-btn:hover, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus + .search-btn:hover, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus + .search-btn:hover, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus + .search-btn:hover, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus + .search-btn:hover, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus + .search-btn:hover, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus + .search-btn:hover, .small-search-container .small-search-wrapper form > .search-text-field:focus ~ .search-btn:hover, .small-search-container .small-search-wrapper .header-404 .error-404-label-wrapper form > .error-404-text-field:focus ~ .search-btn:hover, .header-404 .error-404-label-wrapper .small-search-container .small-search-wrapper form > .error-404-text-field:focus ~ .search-btn:hover, .small-search-container .small-search-wrapper .header-oops .oops-label-wrapper form > .oops-text-field:focus ~ .search-btn:hover, .header-oops .oops-label-wrapper .small-search-container .small-search-wrapper form > .oops-text-field:focus ~ .search-btn:hover, .small-search-container .small-search-wrapper .payment-locations form > .search-location-input:focus ~ .search-btn:hover, .payment-locations .small-search-container .small-search-wrapper form > .search-location-input:focus ~ .search-btn:hover {
                    cursor: default;
                }

        .small-search-container .small-search-wrapper form > .search-btn {
            background: white;
            border: thin solid #dedede;
            border-left: 0;
            border-radius: 0;
            min-width: 20px;
            width: 20px;
            height: 38px;
            padding-right: 2em;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .small-search-container .small-search-wrapper form > .search-btn:after {
                font-family: 'FontAwesome';
                content: '\f002';
                vertical-align: top;
                font-weight: 200;
                color: #757575;
            }

    .no-results-wrapper {
        margin-top: 2em;
    }

    @media (max-width: 599px) {
        .no-results-wrapper {
            margin-top: 0;
        }
    }

    .no-results-wrapper .no-results-icon {
        background: url(/cdn/images/icons/no_results.png) no-repeat 0 0;
        background-size: 100%;
        display: block;
        width: 67px;
        height: 65px;
        margin: 0 auto 1em;
    }

    @media (max-width: 599px) {
        .no-results-wrapper .no-results-icon {
            background-size: 70%;
        }
    }

    .no-results-wrapper > p {
        text-align: center;
    }

    @media (max-width: 599px) {
        .no-results-wrapper > p {
            margin-top: 0;
            font-size: small;
        }
    }

    @media (max-width: 599px) {
        .no-results-wrapper > .rule {
            display: none;
        }
    }

    .results-message, .search-message {
        font-weight: bold;
        text-align: center;
    }

        .results-message:after, .results-message:before, .search-message:after, .search-message:before {
            font-family: FontAwesome;
            display: inline-block;
            padding: 0 3px;
            vertical-align: middle;
            font-size: small;
            font-weight: normal;
        }

        .results-message:before, .search-message:before {
            content: "\f10d";
        }

        .results-message:after, .search-message:after {
            content: "\f10e";
        }

    .content-container-permit ul {
        margin: 1em;
    }

    .permit-form-wrapper {
        display: inline-block;
        width: 100%;
        position: relative;
    }

    @media (max-width: 1023px) {
        .permit-form-wrapper {
            width: 100%;
        }
    }

    .permit-form-wrapper > .button-wrapper, .modal-cover > .modal-keep > div.permit-form-wrapper > .button-wrapper, .modal-cover > .modal-keep.permit-form-wrapper > .button-wrapper, .permit-form-wrapper > .mobile-button-wrapper {
        display: inline-block;
        border-top: 0;
        text-align: left;
        margin-top: 0;
        padding-top: 0;
    }

        .permit-form-wrapper > .button-wrapper > button, .modal-cover > .modal-keep > div.permit-form-wrapper > .button-wrapper > button, .modal-cover > .modal-keep.permit-form-wrapper > .button-wrapper > button, .permit-form-wrapper > .mobile-button-wrapper > button {
            margin-top: 0;
            margin-left: 0;
            margin-right: 0;
        }

    .permit-form-wrapper > button {
        margin-top: 2em;
        margin-left: 0;
        margin-right: 0;
    }

    @media (max-width: 599px) {
        .permit-form-wrapper .btn, .permit-form-wrapper button[type="button"], .permit-form-wrapper button[type="reset"], .permit-form-wrapper button[type="submit"], .permit-form-wrapper input[type="button"], .permit-form-wrapper input[type="reset"], .permit-form-wrapper input[type="submit"] {
            width: 100%;
        }
    }

    .permit-form-wrapper .child-row td:last-child {
        width: 100% !important;
    }

    @media (max-width: 768px) {
        .permit-form-wrapper .child-row .detail-container-h2 {
            text-indent: 0 !important;
            margin: 0.5em 0 -1em !important;
        }
    }

    .permit-form-wrapper .child-row .td-full {
        width: 100% !important;
    }

    .permit-form-wrapper .child-row .detail-container {
        float: left;
        margin-right: 20px;
    }

        .permit-form-wrapper .child-row .detail-container .detail-header {
            min-width: 200px;
        }

            .permit-form-wrapper .child-row .detail-container .detail-header .detail-content {
                width: auto;
            }

        .permit-form-wrapper .child-row .detail-container .detail-body {
            min-width: 200px;
        }

            .permit-form-wrapper .child-row .detail-container .detail-body .detail-content {
                width: auto;
            }

    #searchBtn {
        margin-top: 1.6em;
        min-width: 100px;
        max-width: 100px;
    }

    @media (max-width: 768px) {
        #searchBtn {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
        }
    }

    .permit-label-wrapper {
        float: left;
        width: 25%;
        margin: 0 1em 0 0;
        position: relative;
    }

    @media (max-width: 1023px) {
        .permit-label-wrapper {
            width: 100%;
            margin-top: 0;
        }

            .permit-label-wrapper:first-child {
                margin-top: 0;
            }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .permit-label-wrapper {
            width: 100%;
            margin-top: 1em;
        }

            .permit-label-wrapper:first-child {
                margin-top: 0;
            }
    }

    .permit-label-wrapper.full-size-permit {
        width: 100%;
    }

    .permit-label-wrapper.bottom {
        top: 22px;
        position: relative;
    }

    @media (max-width: 768px) {
        .permit-label-wrapper.bottom {
            margin-bottom: 3em;
            background: #007568;
        }
    }

    @media (max-width: 599px) {
        .permit-label-wrapper.bottom {
            margin-bottom: 3em;
        }
    }

    .permit-label-wrapper .permit-label-name {
        width: 100%;
        text-align: left;
        color: #5b5b5b;
        margin-bottom: 10px;
        padding: 0;
        font-size: 12px;
        white-space: nowrap;
    }

        .permit-label-wrapper .permit-label-name > .label-name > #format {
            color: #757575;
            font-size: 12px;
            line-height: 1.2;
            margin-left: 10px;
            text-align: left;
        }

    @media (min-width: 1024px) and (orientation: landscape) {
        .permit-label-wrapper .permit-label-name small {
            font-size: x-small;
            vertical-align: bottom;
        }
    }

    .permit-label-wrapper .permit-text-field, .permit-label-wrapper .permit-select, .permit-label-wrapper .permit-textarea {
        border: thin solid #5b5b5b;
        width: 100%;
        height: 48px;
        margin: 0;
        padding: 0 2%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .permit-label-wrapper .permit-text-field:focus, .permit-label-wrapper .permit-select:focus, .permit-label-wrapper .permit-textarea:focus {
            border-color: #5f97cd;
        }

    .permit-label-wrapper .permit-textarea {
        padding: 2% 2%;
    }

    .permit-label-wrapper #permit_input.permit-select {
        background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
        border: thin solid #5b5b5b;
        width: 100%;
        height: 34px;
        margin: 0;
        padding: 0 2%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

        .permit-label-wrapper #permit_input.permit-select:focus {
            border-color: #5f97cd;
        }

    @media (max-width: 768px) {
        .permit-label-wrapper #permit_input.permit-select {
            background-position: 96% center;
        }
    }

    .permit-label-wrapper .permit-textarea {
        width: 100%;
        height: 115px;
    }

    .v-middle {
        margin-top: 2em;
    }

    @media (max-width: 1024px) {
        .v-middle {
            margin-bottom: 0 !important;
            float: left;
        }
    }

    .permit-table-h3 {
        color: #4c79a4;
        text-transform: capitalize;
    }

    .top-scroll-bar {
        width: 900px;
    }

    table.permit-table {
        min-width: 760px;
    }

        table.permit-table .thead {
            background: #4c79a4;
            border-bottom: thin solid #cfcfcf;
            height: auto;
            padding: .9em 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            table.permit-table .thead tr {
                display: inline-block;
                padding: 0;
                width: 100%;
            }

                table.permit-table .thead tr th {
                    display: inline-block;
                    font-size: medium;
                    font-weight: 500;
                    color: white;
                    width: 20%;
                    vertical-align: middle;
                    padding: 0;
                }

                    table.permit-table .thead tr th.col-2, table.permit-table .thead tr th.col-3 {
                        width: 20%;
                    }

        table.permit-table .tbody tr {
            width: 100%;
        }

            table.permit-table .tbody tr td {
                display: inline-block;
                border-right: thin solid #cfcfcf;
                padding: .9em 1%;
                font-size: small;
                vertical-align: middle;
                width: 20%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                table.permit-table .tbody tr td.col-2, table.permit-table .tbody tr td.col-3 {
                    width: 20%;
                }

    @media only screen and (max-width: 768px) {
        table.permit-table .tbody tr td {
            border-bottom: 0;
            border-right: 0;
        }
    }

    table.permit-table .tbody tr:last-child, table.permit-table .tbody tr:last-of-type {
        border-bottom: 0;
    }

    .spacer {
        width: 100%;
        height: 50px;
        float: left;
        border: thin solid red;
    }

    .biz-icon, .question-icon {
        background: url(/cdn/images/icons/po-invoice/biz_icon.png) no-repeat 0 0;
        background-size: 70%;
        width: 62px;
        height: 62px;
        float: left;
        margin-top: -.5em;
    }

    @media (max-width: 599px) {
        .biz-icon, .question-icon {
            display: none;
        }
    }

    .question-icon {
        background-image: url(/cdn/images/icons/po-invoice/question_icon.png);
    }

    .more-space.top, .more-space.bottom {
        margin-top: 2em;
    }

    .invoice-table-h3 {
        color: #4c79a4;
        text-transform: capitalize;
    }

    table.invoice-table {
        border: thin solid #4c79a4;
        border-top: 0;
        min-width: 1140px;
    }

        table.invoice-table tbody {
            border-top: thin solid #4c79a4;
        }

        table.invoice-table .thead tr {
            display: inline-block;
            width: 100%;
        }

            table.invoice-table .thead tr th {
                display: inline-block;
            }

        table.invoice-table .sub-header tr {
            display: inline-block;
            width: 100%;
        }

            table.invoice-table .sub-header tr th {
                display: inline-block;
                font-size: small;
                font-weight: 600;
                color: #5b5b5b;
                padding: .9em 1%;
                width: 116px;
                min-width: 116px;
                max-width: 116px;
                min-height: 60px;
            }

                table.invoice-table .sub-header tr th.col-3 {
                    width: 172px;
                    min-width: 172px;
                    max-width: 172px;
                }

        table.invoice-table .tbody tr {
            width: 100%;
        }

            table.invoice-table .tbody tr td {
                display: inline-block;
                border-right: thin solid #4c79a4;
                font-size: small;
                width: 116px;
                min-width: 116px;
                max-width: 116px;
                min-height: 78px;
                padding: .9em 1%;
                font-weight: 300;
                color: #5b5b5b;
            }

                table.invoice-table .tbody tr td:first-child {
                    white-space: normal;
                }

                table.invoice-table .tbody tr td.col-3 {
                    width: 172px;
                    min-width: 172px;
                    max-width: 172px;
                }

    #poInvoiceFrm > .accordion > .accordion-item {
        border-bottom: thin solid #dedede;
    }

        #poInvoiceFrm > .accordion > .accordion-item:last-of-type, #poInvoiceFrm > .accordion > .accordion-item:last-child {
            border: 0;
        }

        #poInvoiceFrm > .accordion > .accordion-item > .accordion-content > ol {
            margin-left: 1.8em;
        }

    #invoice_number .status-search-icon, #invoice_number .generate-search-label-wrapper .generate-label-name .generate-search-icon, .generate-search-label-wrapper .generate-label-name #invoice_number .generate-search-icon, #po_number .status-search-icon, #po_number .generate-search-label-wrapper .generate-label-name .generate-search-icon, .generate-search-label-wrapper .generate-label-name #po_number .generate-search-icon {
        display: none;
    }

    @media (max-width: 599px) {
        #POInvoiceSearchDiv .status-search-container, #POInvoiceSearchDiv .generate-search-container {
            margin-top: 0;
        }
    }

    .project-info-wrapper {
        margin-bottom: 2em;
    }

    .project-info-icon {
        background: url(/cdn/images/icons/dev-project-status/project_status_icon.png) no-repeat 0 0;
        background-size: 80%;
        width: 62px;
        height: 62px;
        float: left;
    }

    .top-scroll-bar {
        width: 1120px;
    }

    .top-scroll-bar2 {
        min-width: 900px;
    }

    table.availabilty-table, table.project-table {
        min-width: 1120px;
        border-top: 0;
    }

        table.availabilty-table .thead-availabilty-table, table.availabilty-table .thead-project-table, table.project-table .thead-availabilty-table, table.project-table .thead-project-table {
            background: #4c79a4;
            height: auto;
            padding: .9em 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            table.availabilty-table .thead-availabilty-table tr, table.availabilty-table .thead-project-table tr, table.project-table .thead-availabilty-table tr, table.project-table .thead-project-table tr {
                display: table;
                padding: 0;
                width: 100%;
            }

                table.availabilty-table .thead-availabilty-table tr th, table.availabilty-table .thead-project-table tr th, table.project-table .thead-availabilty-table tr th, table.project-table .thead-project-table tr th {
                    font-size: medium;
                    font-weight: 500;
                    color: white;
                    width: 20%;
                }

        table.availabilty-table .sub-header-availabilty-table tr th, table.availabilty-table .sub-header-project-table tr th, table.project-table .sub-header-availabilty-table tr th, table.project-table .sub-header-project-table tr th {
            font-size: small;
            font-weight: 600;
            color: #5b5b5b;
            padding: .9em 1%;
            width: 130px;
        }

            table.availabilty-table .sub-header-availabilty-table tr th.review-type-col, table.availabilty-table .sub-header-project-table tr th.review-type-col, table.project-table .sub-header-availabilty-table tr th.review-type-col, table.project-table .sub-header-project-table tr th.review-type-col {
                width: 200px;
            }

            table.availabilty-table .sub-header-availabilty-table tr th.approved-flag-col, table.availabilty-table .sub-header-project-table tr th.approved-flag-col, table.project-table .sub-header-availabilty-table tr th.approved-flag-col, table.project-table .sub-header-project-table tr th.approved-flag-col {
                width: 200px;
            }

            table.availabilty-table .sub-header-availabilty-table tr th.review-col, table.availabilty-table .sub-header-project-table tr th.review-col, table.project-table .sub-header-availabilty-table tr th.review-col, table.project-table .sub-header-project-table tr th.review-col {
                width: 200px;
            }

            table.availabilty-table .sub-header-availabilty-table tr th.plan-email-col, table.availabilty-table .sub-header-project-table tr th.plan-email-col, table.project-table .sub-header-availabilty-table tr th.plan-email-col, table.project-table .sub-header-project-table tr th.plan-email-col {
                width: 200px;
            }

        table.availabilty-table .tbody-availabilty-table tr, table.availabilty-table .tbody-project-table tr, table.project-table .tbody-availabilty-table tr, table.project-table .tbody-project-table tr {
            border-top: thin solid #4c79a4;
            float: left;
            width: 100%;
        }

            table.availabilty-table .tbody-availabilty-table tr:nth-child(even), table.availabilty-table .tbody-project-table tr:nth-child(even), table.project-table .tbody-availabilty-table tr:nth-child(even), table.project-table .tbody-project-table tr:nth-child(even) {
                background: #f4f4f4;
            }

            table.availabilty-table .tbody-availabilty-table tr td, table.availabilty-table .tbody-project-table tr td, table.project-table .tbody-availabilty-table tr td, table.project-table .tbody-project-table tr td {
                border-right: thin solid #4c79a4;
                padding: 1% 1%;
                font-size: small;
                width: 130px;
                min-height: 1px;
                font-weight: 300;
                color: #5b5b5b;
            }

                table.availabilty-table .tbody-availabilty-table tr td:first-child, table.availabilty-table .tbody-project-table tr td:first-child, table.project-table .tbody-availabilty-table tr td:first-child, table.project-table .tbody-project-table tr td:first-child {
                    padding-left: 2%;
                    white-space: normal;
                }

                table.availabilty-table .tbody-availabilty-table tr td:last-child, table.availabilty-table .tbody-project-table tr td:last-child, table.project-table .tbody-availabilty-table tr td:last-child, table.project-table .tbody-project-table tr td:last-child {
                    border: 0;
                }

                table.availabilty-table .tbody-availabilty-table tr td.review-type-col, table.availabilty-table .tbody-project-table tr td.review-type-col, table.project-table .tbody-availabilty-table tr td.review-type-col, table.project-table .tbody-project-table tr td.review-type-col {
                    width: 200px;
                }

                table.availabilty-table .tbody-availabilty-table tr td.approved-flag-col, table.availabilty-table .tbody-project-table tr td.approved-flag-col, table.project-table .tbody-availabilty-table tr td.approved-flag-col, table.project-table .tbody-project-table tr td.approved-flag-col {
                    width: 200px;
                }

                table.availabilty-table .tbody-availabilty-table tr td.review-col, table.availabilty-table .tbody-project-table tr td.review-col, table.project-table .tbody-availabilty-table tr td.review-col, table.project-table .tbody-project-table tr td.review-col {
                    width: 200px;
                }

                table.availabilty-table .tbody-availabilty-table tr td.plan-email-col, table.availabilty-table .tbody-project-table tr td.plan-email-col, table.project-table .tbody-availabilty-table tr td.plan-email-col, table.project-table .tbody-project-table tr td.plan-email-col {
                    width: 200px;
                }

    table.project-table {
        min-width: 900px;
    }

        table.project-table .sub-header-project-table .project-number-col, table.project-table .tbody-project-table .project-number-col {
            width: 200px;
        }

        table.project-table .sub-header-project-table .project-status-col, table.project-table .tbody-project-table .project-status-col {
            width: 200px;
        }

        table.project-table .sub-header-project-table .project-type-col, table.project-table .tbody-project-table .project-type-col {
            width: 200px;
        }

    #projectsearchcontainer > form > .generate-search-label-wrapper > .generate-search-text-field {
        margin-bottom: 1.2em;
    }

    @media (max-width: 1023px) {
        #projectsearchcontainer > form > .generate-search-label-wrapper > .generate-search-text-field {
            width: 100% !important;
            margin-bottom: 1.2em;
        }
    }

    @media (max-width: 599px) {
        #projectsearchcontainer > form > .generate-search-label-wrapper > .generate-search-text-field {
            margin-bottom: 0;
        }
    }

    #projectsearchcontainer > form > .generate-search-label-wrapper > #searchBtn {
        margin-top: 0;
    }

    @media (max-width: 599px) {
        #projectsearchcontainer > form > .generate-search-label-wrapper > #searchBtn {
            margin-top: 1.2em;
        }
    }

    .meter-search-content-container {
        float: left;
        width: 100%;
    }

    .meter-search-content-wrapper {
        float: left;
        width: 80%;
    }

    .meter-search-h3 {
        color: #5b5b5b;
        text-transform: capitalize;
    }

    .result-icon {
        float: left;
        height: 103px;
        margin-right: 2em;
        width: 53px;
    }

    @media (max-width: 599px) {
        .result-icon {
            display: none;
        }
    }

    .result-icon.elect, .result-icon.wat {
        background: url(/cdn/images/icons/meter-search/elect_icon.png) no-repeat 0 0;
        background-size: 90%;
    }

    .result-icon.wat {
        background-image: url(/cdn/images/icons/meter-search/wat_icon.png);
    }

    .applicant-form-container {
        width: 100%;
        float: left;
        position: relative;
    }

        .applicant-form-container .applicant-qtr {
            width: 25%;
            float: left;
            margin-right: 12%;
        }

    @media (max-width: 768px) {
        .applicant-form-container .applicant-qtr {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .applicant-form-container .applicant-qtr {
            width: 100%;
        }
    }

    .applicant-form-container .applicant-half {
        width: 62.2%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .applicant-form-container .applicant-half {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .applicant-form-container .applicant-half {
            width: 100%;
        }
    }

    .applicant-form-container .applicant-full {
        width: 100%;
        float: left;
        margin-bottom: 4%;
    }

        .applicant-form-container .applicant-full:last-child, .applicant-form-container .applicant-full:last-of-type {
            margin-bottom: 0;
        }

    .applicant-label-wrapper, .start-date-label-wrapper, .final-billing-label-wrapper, .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper, .address-search-label-wrapper {
        float: left;
        width: 25%;
        margin: 0 12.5% 10px 0;
    }

    @media (max-width: 768px) {
        .applicant-label-wrapper, .start-date-label-wrapper, .final-billing-label-wrapper, .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper, .address-search-label-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .applicant-label-wrapper, .start-date-label-wrapper, .final-billing-label-wrapper, .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper, .address-search-label-wrapper {
            width: 100%;
        }
    }

    .applicant-label-wrapper.full-size-applicant, .full-size-applicant.start-date-label-wrapper, .full-size-applicant.final-billing-label-wrapper, .full-size-applicant.existing-service-label-wrapper, .usage-date-picker-wrapper .full-size-applicant.usage-date-label-wrapper, .usage-account-wrapper .full-size-applicant.usage-date-label-wrapper, .full-size-applicant.address-search-label-wrapper {
        width: 100%;
    }

    .applicant-label-wrapper.bottom, .bottom.start-date-label-wrapper, .bottom.final-billing-label-wrapper, .bottom.existing-service-label-wrapper, .usage-date-picker-wrapper .bottom.usage-date-label-wrapper, .usage-account-wrapper .bottom.usage-date-label-wrapper, .bottom.address-search-label-wrapper {
        top: 22px;
        position: relative;
    }

    @media (max-width: 768px) {
        .applicant-label-wrapper.bottom, .bottom.start-date-label-wrapper, .bottom.final-billing-label-wrapper, .bottom.existing-service-label-wrapper, .usage-date-picker-wrapper .bottom.usage-date-label-wrapper, .usage-account-wrapper .bottom.usage-date-label-wrapper, .bottom.address-search-label-wrapper {
            margin-bottom: 3em;
        }
    }

    @media (max-width: 599px) {
        .applicant-label-wrapper.bottom, .bottom.start-date-label-wrapper, .bottom.final-billing-label-wrapper, .bottom.existing-service-label-wrapper, .usage-date-picker-wrapper .bottom.usage-date-label-wrapper, .usage-account-wrapper .bottom.usage-date-label-wrapper, .bottom.address-search-label-wrapper {
            margin-bottom: 3em;
        }
    }

    .applicant-label-wrapper .applicant-label-name, .start-date-label-wrapper .applicant-label-name, .final-billing-label-wrapper .applicant-label-name, .existing-service-label-wrapper .applicant-label-name, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-label-name, .usage-account-wrapper .usage-date-label-wrapper .applicant-label-name, .address-search-label-wrapper .applicant-label-name, .applicant-label-wrapper .start-date-label-name, .start-date-label-wrapper .start-date-label-name, .final-billing-label-wrapper .start-date-label-name, .existing-service-label-wrapper .start-date-label-name, .usage-date-picker-wrapper .usage-date-label-wrapper .start-date-label-name, .usage-account-wrapper .usage-date-label-wrapper .start-date-label-name, .address-search-label-wrapper .start-date-label-name, .applicant-label-wrapper .final-billing-label-name, .start-date-label-wrapper .final-billing-label-name, .final-billing-label-wrapper .final-billing-label-name, .existing-service-label-wrapper .final-billing-label-name, .usage-date-picker-wrapper .usage-date-label-wrapper .final-billing-label-name, .usage-account-wrapper .usage-date-label-wrapper .final-billing-label-name, .address-search-label-wrapper .final-billing-label-name, .applicant-label-wrapper .existing-service-label-name, .start-date-label-wrapper .existing-service-label-name, .final-billing-label-wrapper .existing-service-label-name, .existing-service-label-wrapper .existing-service-label-name, .usage-date-picker-wrapper .usage-date-label-wrapper .existing-service-label-name, .usage-account-wrapper .usage-date-label-wrapper .existing-service-label-name, .address-search-label-wrapper .existing-service-label-name, .applicant-label-wrapper .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .applicant-label-wrapper .usage-date-label-name, .start-date-label-wrapper .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .start-date-label-wrapper .usage-date-label-name, .final-billing-label-wrapper .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .final-billing-label-wrapper .usage-date-label-name, .existing-service-label-wrapper .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .existing-service-label-wrapper .usage-date-label-name, .usage-date-picker-wrapper .usage-date-label-wrapper .usage-date-label-name, .address-search-label-wrapper .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .address-search-label-wrapper .usage-date-label-name, .applicant-label-wrapper .usage-date-picker-wrapper .usage-label-name, .usage-date-picker-wrapper .applicant-label-wrapper .usage-label-name, .start-date-label-wrapper .usage-date-picker-wrapper .usage-label-name, .usage-date-picker-wrapper .start-date-label-wrapper .usage-label-name, .final-billing-label-wrapper .usage-date-picker-wrapper .usage-label-name, .usage-date-picker-wrapper .final-billing-label-wrapper .usage-label-name, .existing-service-label-wrapper .usage-date-picker-wrapper .usage-label-name, .usage-date-picker-wrapper .existing-service-label-wrapper .usage-label-name, .usage-date-picker-wrapper .usage-date-label-wrapper .usage-label-name, .address-search-label-wrapper .usage-date-picker-wrapper .usage-label-name, .usage-date-picker-wrapper .address-search-label-wrapper .usage-label-name, .applicant-label-wrapper .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .applicant-label-wrapper .usage-date-label-name, .start-date-label-wrapper .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .start-date-label-wrapper .usage-date-label-name, .final-billing-label-wrapper .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .final-billing-label-wrapper .usage-date-label-name, .existing-service-label-wrapper .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .existing-service-label-wrapper .usage-date-label-name, .usage-account-wrapper .usage-date-label-wrapper .usage-date-label-name, .address-search-label-wrapper .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .address-search-label-wrapper .usage-date-label-name, .applicant-label-wrapper .usage-account-wrapper .usage-label-name, .usage-account-wrapper .applicant-label-wrapper .usage-label-name, .start-date-label-wrapper .usage-account-wrapper .usage-label-name, .usage-account-wrapper .start-date-label-wrapper .usage-label-name, .final-billing-label-wrapper .usage-account-wrapper .usage-label-name, .usage-account-wrapper .final-billing-label-wrapper .usage-label-name, .existing-service-label-wrapper .usage-account-wrapper .usage-label-name, .usage-account-wrapper .existing-service-label-wrapper .usage-label-name, .usage-account-wrapper .usage-date-label-wrapper .usage-label-name, .address-search-label-wrapper .usage-account-wrapper .usage-label-name, .usage-account-wrapper .address-search-label-wrapper .usage-label-name,
    .applicant-label-wrapper .address-search-label-name,
    .start-date-label-wrapper .address-search-label-name,
    .final-billing-label-wrapper .address-search-label-name,
    .existing-service-label-wrapper .address-search-label-name,
    .usage-date-picker-wrapper .usage-date-label-wrapper .address-search-label-name,
    .usage-account-wrapper .usage-date-label-wrapper .address-search-label-name,
    .address-search-label-wrapper .address-search-label-name {
        display: inline-block;
        width: 100%;
        text-align: left;
        color: black;
        margin-bottom: 0 !important;
        padding-right: 0;
    }

    .applicant-label-wrapper .applicant-text-field, .start-date-label-wrapper .applicant-text-field, .final-billing-label-wrapper .applicant-text-field, .existing-service-label-wrapper .applicant-text-field, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-text-field, .usage-account-wrapper .usage-date-label-wrapper .applicant-text-field, .address-search-label-wrapper .applicant-text-field, .applicant-label-wrapper .start-date-text-field, .start-date-label-wrapper .start-date-text-field, .final-billing-label-wrapper .start-date-text-field, .existing-service-label-wrapper .start-date-text-field, .usage-date-picker-wrapper .usage-date-label-wrapper .start-date-text-field, .usage-account-wrapper .usage-date-label-wrapper .start-date-text-field, .address-search-label-wrapper .start-date-text-field, .applicant-label-wrapper .final-billing-text-field, .start-date-label-wrapper .final-billing-text-field, .final-billing-label-wrapper .final-billing-text-field, .existing-service-label-wrapper .final-billing-text-field, .usage-date-picker-wrapper .usage-date-label-wrapper .final-billing-text-field, .usage-account-wrapper .usage-date-label-wrapper .final-billing-text-field, .address-search-label-wrapper .final-billing-text-field, .applicant-label-wrapper .existing-service-text-field, .start-date-label-wrapper .existing-service-text-field, .final-billing-label-wrapper .existing-service-text-field, .existing-service-label-wrapper .existing-service-text-field, .usage-date-picker-wrapper .usage-date-label-wrapper .existing-service-text-field, .usage-account-wrapper .usage-date-label-wrapper .existing-service-text-field, .address-search-label-wrapper .existing-service-text-field, .applicant-label-wrapper .usage-date-picker-wrapper .usage-date-text-field, .usage-date-picker-wrapper .applicant-label-wrapper .usage-date-text-field, .start-date-label-wrapper .usage-date-picker-wrapper .usage-date-text-field, .usage-date-picker-wrapper .start-date-label-wrapper .usage-date-text-field, .final-billing-label-wrapper .usage-date-picker-wrapper .usage-date-text-field, .usage-date-picker-wrapper .final-billing-label-wrapper .usage-date-text-field, .existing-service-label-wrapper .usage-date-picker-wrapper .usage-date-text-field, .usage-date-picker-wrapper .existing-service-label-wrapper .usage-date-text-field, .usage-date-picker-wrapper .usage-date-label-wrapper .usage-date-text-field, .address-search-label-wrapper .usage-date-picker-wrapper .usage-date-text-field, .usage-date-picker-wrapper .address-search-label-wrapper .usage-date-text-field, .applicant-label-wrapper .usage-account-wrapper .usage-date-text-field, .usage-account-wrapper .applicant-label-wrapper .usage-date-text-field, .start-date-label-wrapper .usage-account-wrapper .usage-date-text-field, .usage-account-wrapper .start-date-label-wrapper .usage-date-text-field, .final-billing-label-wrapper .usage-account-wrapper .usage-date-text-field, .usage-account-wrapper .final-billing-label-wrapper .usage-date-text-field, .existing-service-label-wrapper .usage-account-wrapper .usage-date-text-field, .usage-account-wrapper .existing-service-label-wrapper .usage-date-text-field, .usage-account-wrapper .usage-date-label-wrapper .usage-date-text-field, .address-search-label-wrapper .usage-account-wrapper .usage-date-text-field, .usage-account-wrapper .address-search-label-wrapper .usage-date-text-field,
    .applicant-label-wrapper .address-search-text-field,
    .start-date-label-wrapper .address-search-text-field,
    .final-billing-label-wrapper .address-search-text-field,
    .existing-service-label-wrapper .address-search-text-field,
    .usage-date-picker-wrapper .usage-date-label-wrapper .address-search-text-field,
    .usage-account-wrapper .usage-date-label-wrapper .address-search-text-field,
    .address-search-label-wrapper .address-search-text-field, .applicant-label-wrapper .applicant-select, .start-date-label-wrapper .applicant-select, .final-billing-label-wrapper .applicant-select, .existing-service-label-wrapper .applicant-select, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-select, .usage-account-wrapper .usage-date-label-wrapper .applicant-select, .address-search-label-wrapper .applicant-select, .applicant-label-wrapper .start-date-select, .start-date-label-wrapper .start-date-select, .final-billing-label-wrapper .start-date-select, .existing-service-label-wrapper .start-date-select, .usage-date-picker-wrapper .usage-date-label-wrapper .start-date-select, .usage-account-wrapper .usage-date-label-wrapper .start-date-select, .address-search-label-wrapper .start-date-select, .applicant-label-wrapper .final-billing-select, .start-date-label-wrapper .final-billing-select, .final-billing-label-wrapper .final-billing-select, .existing-service-label-wrapper .final-billing-select, .usage-date-picker-wrapper .usage-date-label-wrapper .final-billing-select, .usage-account-wrapper .usage-date-label-wrapper .final-billing-select, .address-search-label-wrapper .final-billing-select, .applicant-label-wrapper .existing-service-select, .start-date-label-wrapper .existing-service-select, .final-billing-label-wrapper .existing-service-select, .existing-service-label-wrapper .existing-service-select, .usage-date-picker-wrapper .usage-date-label-wrapper .existing-service-select, .usage-account-wrapper .usage-date-label-wrapper .existing-service-select, .address-search-label-wrapper .existing-service-select,
    .applicant-label-wrapper .address-search-select,
    .start-date-label-wrapper .address-search-select,
    .final-billing-label-wrapper .address-search-select,
    .existing-service-label-wrapper .address-search-select,
    .usage-date-picker-wrapper .usage-date-label-wrapper .address-search-select,
    .usage-account-wrapper .usage-date-label-wrapper .address-search-select,
    .address-search-label-wrapper .address-search-select, .applicant-label-wrapper .applicant-textarea, .start-date-label-wrapper .applicant-textarea, .final-billing-label-wrapper .applicant-textarea, .existing-service-label-wrapper .applicant-textarea, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-textarea, .usage-account-wrapper .usage-date-label-wrapper .applicant-textarea, .address-search-label-wrapper .applicant-textarea {
        border: thin solid #757575;
        width: 100%;
        height: 35px;
        margin: 0 0 !important;
        padding: 0 1%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .applicant-label-wrapper .applicant-text-field:focus, .start-date-label-wrapper .applicant-text-field:focus, .final-billing-label-wrapper .applicant-text-field:focus, .existing-service-label-wrapper .applicant-text-field:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-text-field:focus, .usage-account-wrapper .usage-date-label-wrapper .applicant-text-field:focus, .address-search-label-wrapper .applicant-text-field:focus, .applicant-label-wrapper .start-date-text-field:focus, .start-date-label-wrapper .start-date-text-field:focus, .final-billing-label-wrapper .start-date-text-field:focus, .existing-service-label-wrapper .start-date-text-field:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .start-date-text-field:focus, .usage-account-wrapper .usage-date-label-wrapper .start-date-text-field:focus, .address-search-label-wrapper .start-date-text-field:focus, .applicant-label-wrapper .final-billing-text-field:focus, .start-date-label-wrapper .final-billing-text-field:focus, .final-billing-label-wrapper .final-billing-text-field:focus, .existing-service-label-wrapper .final-billing-text-field:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .final-billing-text-field:focus, .usage-account-wrapper .usage-date-label-wrapper .final-billing-text-field:focus, .address-search-label-wrapper .final-billing-text-field:focus, .applicant-label-wrapper .existing-service-text-field:focus, .start-date-label-wrapper .existing-service-text-field:focus, .final-billing-label-wrapper .existing-service-text-field:focus, .existing-service-label-wrapper .existing-service-text-field:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .existing-service-text-field:focus, .usage-account-wrapper .usage-date-label-wrapper .existing-service-text-field:focus, .address-search-label-wrapper .existing-service-text-field:focus, .applicant-label-wrapper .usage-date-picker-wrapper .usage-date-text-field:focus, .usage-date-picker-wrapper .applicant-label-wrapper .usage-date-text-field:focus, .start-date-label-wrapper .usage-date-picker-wrapper .usage-date-text-field:focus, .usage-date-picker-wrapper .start-date-label-wrapper .usage-date-text-field:focus, .final-billing-label-wrapper .usage-date-picker-wrapper .usage-date-text-field:focus, .usage-date-picker-wrapper .final-billing-label-wrapper .usage-date-text-field:focus, .existing-service-label-wrapper .usage-date-picker-wrapper .usage-date-text-field:focus, .usage-date-picker-wrapper .existing-service-label-wrapper .usage-date-text-field:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .usage-date-text-field:focus, .address-search-label-wrapper .usage-date-picker-wrapper .usage-date-text-field:focus, .usage-date-picker-wrapper .address-search-label-wrapper .usage-date-text-field:focus, .applicant-label-wrapper .usage-account-wrapper .usage-date-text-field:focus, .usage-account-wrapper .applicant-label-wrapper .usage-date-text-field:focus, .start-date-label-wrapper .usage-account-wrapper .usage-date-text-field:focus, .usage-account-wrapper .start-date-label-wrapper .usage-date-text-field:focus, .final-billing-label-wrapper .usage-account-wrapper .usage-date-text-field:focus, .usage-account-wrapper .final-billing-label-wrapper .usage-date-text-field:focus, .existing-service-label-wrapper .usage-account-wrapper .usage-date-text-field:focus, .usage-account-wrapper .existing-service-label-wrapper .usage-date-text-field:focus, .usage-account-wrapper .usage-date-label-wrapper .usage-date-text-field:focus, .address-search-label-wrapper .usage-account-wrapper .usage-date-text-field:focus, .usage-account-wrapper .address-search-label-wrapper .usage-date-text-field:focus,
        .applicant-label-wrapper .address-search-text-field:focus,
        .start-date-label-wrapper .address-search-text-field:focus,
        .final-billing-label-wrapper .address-search-text-field:focus,
        .existing-service-label-wrapper .address-search-text-field:focus,
        .usage-date-picker-wrapper .usage-date-label-wrapper .address-search-text-field:focus,
        .usage-account-wrapper .usage-date-label-wrapper .address-search-text-field:focus,
        .address-search-label-wrapper .address-search-text-field:focus, .applicant-label-wrapper .applicant-select:focus, .start-date-label-wrapper .applicant-select:focus, .final-billing-label-wrapper .applicant-select:focus, .existing-service-label-wrapper .applicant-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-select:focus, .usage-account-wrapper .usage-date-label-wrapper .applicant-select:focus, .address-search-label-wrapper .applicant-select:focus, .applicant-label-wrapper .start-date-select:focus, .start-date-label-wrapper .start-date-select:focus, .final-billing-label-wrapper .start-date-select:focus, .existing-service-label-wrapper .start-date-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .start-date-select:focus, .usage-account-wrapper .usage-date-label-wrapper .start-date-select:focus, .address-search-label-wrapper .start-date-select:focus, .applicant-label-wrapper .final-billing-select:focus, .start-date-label-wrapper .final-billing-select:focus, .final-billing-label-wrapper .final-billing-select:focus, .existing-service-label-wrapper .final-billing-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .final-billing-select:focus, .usage-account-wrapper .usage-date-label-wrapper .final-billing-select:focus, .address-search-label-wrapper .final-billing-select:focus, .applicant-label-wrapper .existing-service-select:focus, .start-date-label-wrapper .existing-service-select:focus, .final-billing-label-wrapper .existing-service-select:focus, .existing-service-label-wrapper .existing-service-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .existing-service-select:focus, .usage-account-wrapper .usage-date-label-wrapper .existing-service-select:focus, .address-search-label-wrapper .existing-service-select:focus,
        .applicant-label-wrapper .address-search-select:focus,
        .start-date-label-wrapper .address-search-select:focus,
        .final-billing-label-wrapper .address-search-select:focus,
        .existing-service-label-wrapper .address-search-select:focus,
        .usage-date-picker-wrapper .usage-date-label-wrapper .address-search-select:focus,
        .usage-account-wrapper .usage-date-label-wrapper .address-search-select:focus,
        .address-search-label-wrapper .address-search-select:focus, .applicant-label-wrapper .applicant-textarea:focus, .start-date-label-wrapper .applicant-textarea:focus, .final-billing-label-wrapper .applicant-textarea:focus, .existing-service-label-wrapper .applicant-textarea:focus, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-textarea:focus, .usage-account-wrapper .usage-date-label-wrapper .applicant-textarea:focus, .address-search-label-wrapper .applicant-textarea:focus {
            border-color: #5f97cd;
        }

    .applicant-label-wrapper .applicant-textarea, .start-date-label-wrapper .applicant-textarea, .final-billing-label-wrapper .applicant-textarea, .existing-service-label-wrapper .applicant-textarea, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-textarea, .usage-account-wrapper .usage-date-label-wrapper .applicant-textarea, .address-search-label-wrapper .applicant-textarea {
        padding: 2% 1%;
    }

    .applicant-label-wrapper #applicant_input.applicant-select, .start-date-label-wrapper #applicant_input.applicant-select, .final-billing-label-wrapper #applicant_input.applicant-select, .existing-service-label-wrapper #applicant_input.applicant-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.applicant-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.applicant-select, .address-search-label-wrapper #applicant_input.applicant-select, .applicant-label-wrapper #applicant_input.start-date-select, .start-date-label-wrapper #applicant_input.start-date-select, .final-billing-label-wrapper #applicant_input.start-date-select, .existing-service-label-wrapper #applicant_input.start-date-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.start-date-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.start-date-select, .address-search-label-wrapper #applicant_input.start-date-select, .applicant-label-wrapper #applicant_input.final-billing-select, .start-date-label-wrapper #applicant_input.final-billing-select, .final-billing-label-wrapper #applicant_input.final-billing-select, .existing-service-label-wrapper #applicant_input.final-billing-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select, .address-search-label-wrapper #applicant_input.final-billing-select, .applicant-label-wrapper #applicant_input.existing-service-select, .start-date-label-wrapper #applicant_input.existing-service-select, .final-billing-label-wrapper #applicant_input.existing-service-select, .existing-service-label-wrapper #applicant_input.existing-service-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select, .address-search-label-wrapper #applicant_input.existing-service-select,
    .applicant-label-wrapper #applicant_input.address-search-select,
    .start-date-label-wrapper #applicant_input.address-search-select,
    .final-billing-label-wrapper #applicant_input.address-search-select,
    .existing-service-label-wrapper #applicant_input.address-search-select,
    .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.address-search-select,
    .usage-account-wrapper .usage-date-label-wrapper #applicant_input.address-search-select,
    .address-search-label-wrapper #applicant_input.address-search-select {
        background: url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
        border: thin solid #5b5b5b;
        width: 100%;
        height: 48px;
        margin: 0 0 2%;
        padding: 0 1%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

        .applicant-label-wrapper #applicant_input.applicant-select:focus, .start-date-label-wrapper #applicant_input.applicant-select:focus, .final-billing-label-wrapper #applicant_input.applicant-select:focus, .existing-service-label-wrapper #applicant_input.applicant-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.applicant-select:focus, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.applicant-select:focus, .address-search-label-wrapper #applicant_input.applicant-select:focus, .applicant-label-wrapper #applicant_input.start-date-select:focus, .start-date-label-wrapper #applicant_input.start-date-select:focus, .final-billing-label-wrapper #applicant_input.start-date-select:focus, .existing-service-label-wrapper #applicant_input.start-date-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.start-date-select:focus, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.start-date-select:focus, .address-search-label-wrapper #applicant_input.start-date-select:focus, .applicant-label-wrapper #applicant_input.final-billing-select:focus, .start-date-label-wrapper #applicant_input.final-billing-select:focus, .final-billing-label-wrapper #applicant_input.final-billing-select:focus, .existing-service-label-wrapper #applicant_input.final-billing-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select:focus, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select:focus, .address-search-label-wrapper #applicant_input.final-billing-select:focus, .applicant-label-wrapper #applicant_input.existing-service-select:focus, .start-date-label-wrapper #applicant_input.existing-service-select:focus, .final-billing-label-wrapper #applicant_input.existing-service-select:focus, .existing-service-label-wrapper #applicant_input.existing-service-select:focus, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select:focus, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select:focus, .address-search-label-wrapper #applicant_input.existing-service-select:focus,
        .applicant-label-wrapper #applicant_input.address-search-select:focus,
        .start-date-label-wrapper #applicant_input.address-search-select:focus,
        .final-billing-label-wrapper #applicant_input.address-search-select:focus,
        .existing-service-label-wrapper #applicant_input.address-search-select:focus,
        .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.address-search-select:focus,
        .usage-account-wrapper .usage-date-label-wrapper #applicant_input.address-search-select:focus,
        .address-search-label-wrapper #applicant_input.address-search-select:focus {
            border-color: #5f97cd;
        }

    @media (max-width: 768px) {
        .applicant-label-wrapper #applicant_input.applicant-select, .start-date-label-wrapper #applicant_input.applicant-select, .final-billing-label-wrapper #applicant_input.applicant-select, .existing-service-label-wrapper #applicant_input.applicant-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.applicant-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.applicant-select, .address-search-label-wrapper #applicant_input.applicant-select, .applicant-label-wrapper #applicant_input.start-date-select, .start-date-label-wrapper #applicant_input.start-date-select, .final-billing-label-wrapper #applicant_input.start-date-select, .existing-service-label-wrapper #applicant_input.start-date-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.start-date-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.start-date-select, .address-search-label-wrapper #applicant_input.start-date-select, .applicant-label-wrapper #applicant_input.final-billing-select, .start-date-label-wrapper #applicant_input.final-billing-select, .final-billing-label-wrapper #applicant_input.final-billing-select, .existing-service-label-wrapper #applicant_input.final-billing-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select, .address-search-label-wrapper #applicant_input.final-billing-select, .applicant-label-wrapper #applicant_input.existing-service-select, .start-date-label-wrapper #applicant_input.existing-service-select, .final-billing-label-wrapper #applicant_input.existing-service-select, .existing-service-label-wrapper #applicant_input.existing-service-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select, .address-search-label-wrapper #applicant_input.existing-service-select,
        .applicant-label-wrapper #applicant_input.address-search-select,
        .start-date-label-wrapper #applicant_input.address-search-select,
        .final-billing-label-wrapper #applicant_input.address-search-select,
        .existing-service-label-wrapper #applicant_input.address-search-select,
        .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.address-search-select,
        .usage-account-wrapper .usage-date-label-wrapper #applicant_input.address-search-select,
        .address-search-label-wrapper #applicant_input.address-search-select {
            background-position: 96% center;
        }
    }

    @media (max-width: 599px) {
        .applicant-label-wrapper #applicant_input.applicant-select, .start-date-label-wrapper #applicant_input.applicant-select, .final-billing-label-wrapper #applicant_input.applicant-select, .existing-service-label-wrapper #applicant_input.applicant-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.applicant-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.applicant-select, .address-search-label-wrapper #applicant_input.applicant-select, .applicant-label-wrapper #applicant_input.start-date-select, .start-date-label-wrapper #applicant_input.start-date-select, .final-billing-label-wrapper #applicant_input.start-date-select, .existing-service-label-wrapper #applicant_input.start-date-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.start-date-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.start-date-select, .address-search-label-wrapper #applicant_input.start-date-select, .applicant-label-wrapper #applicant_input.final-billing-select, .start-date-label-wrapper #applicant_input.final-billing-select, .final-billing-label-wrapper #applicant_input.final-billing-select, .existing-service-label-wrapper #applicant_input.final-billing-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.final-billing-select, .address-search-label-wrapper #applicant_input.final-billing-select, .applicant-label-wrapper #applicant_input.existing-service-select, .start-date-label-wrapper #applicant_input.existing-service-select, .final-billing-label-wrapper #applicant_input.existing-service-select, .existing-service-label-wrapper #applicant_input.existing-service-select, .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select, .usage-account-wrapper .usage-date-label-wrapper #applicant_input.existing-service-select, .address-search-label-wrapper #applicant_input.existing-service-select,
        .applicant-label-wrapper #applicant_input.address-search-select,
        .start-date-label-wrapper #applicant_input.address-search-select,
        .final-billing-label-wrapper #applicant_input.address-search-select,
        .existing-service-label-wrapper #applicant_input.address-search-select,
        .usage-date-picker-wrapper .usage-date-label-wrapper #applicant_input.address-search-select,
        .usage-account-wrapper .usage-date-label-wrapper #applicant_input.address-search-select,
        .address-search-label-wrapper #applicant_input.address-search-select {
            background-position: 96% center;
        }
    }

    .applicant-label-wrapper .applicant-textarea, .start-date-label-wrapper .applicant-textarea, .final-billing-label-wrapper .applicant-textarea, .existing-service-label-wrapper .applicant-textarea, .usage-date-picker-wrapper .usage-date-label-wrapper .applicant-textarea, .usage-account-wrapper .usage-date-label-wrapper .applicant-textarea, .address-search-label-wrapper .applicant-textarea {
        width: 100%;
        height: 115px;
    }

    .applicant-label-wrapper:last-child, .start-date-label-wrapper:last-child, .final-billing-label-wrapper:last-child, .existing-service-label-wrapper:last-child, .usage-date-picker-wrapper .usage-date-label-wrapper:last-child, .usage-account-wrapper .usage-date-label-wrapper:last-child, .address-search-label-wrapper:last-child, .applicant-label-wrapper:last-of-type, .start-date-label-wrapper:last-of-type, .final-billing-label-wrapper:last-of-type, .existing-service-label-wrapper:last-of-type, .usage-date-picker-wrapper .usage-date-label-wrapper:last-of-type, .usage-account-wrapper .usage-date-label-wrapper:last-of-type, .address-search-label-wrapper:last-of-type {
        margin-right: 0;
    }

    .form-full {
        width: 100%;
        margin-bottom: 1em;
    }

        .form-full > h2 {
            margin: 1em 0 1.5em;
        }

        .form-full > .applicant-label-wrapper:last-of-type, .form-full > .start-date-label-wrapper:last-of-type, .form-full > .final-billing-label-wrapper:last-of-type, .form-full > .existing-service-label-wrapper:last-of-type, .usage-date-picker-wrapper .form-full > .usage-date-label-wrapper:last-of-type, .usage-account-wrapper .form-full > .usage-date-label-wrapper:last-of-type, .form-full > .address-search-label-wrapper:last-of-type, .form-full > .applicant-label-wrapper:last-child, .form-full > .start-date-label-wrapper:last-child, .form-full > .final-billing-label-wrapper:last-child, .form-full > .existing-service-label-wrapper:last-child, .usage-date-picker-wrapper .form-full > .usage-date-label-wrapper:last-child, .usage-account-wrapper .form-full > .usage-date-label-wrapper:last-child, .form-full > .address-search-label-wrapper:last-child {
            margin-right: 0;
        }

        .form-full > .applicant-label-wrapper > select, .form-full > .start-date-label-wrapper > select, .form-full > .final-billing-label-wrapper > select, .form-full > .existing-service-label-wrapper > select, .usage-date-picker-wrapper .form-full > .usage-date-label-wrapper > select, .usage-account-wrapper .form-full > .usage-date-label-wrapper > select, .form-full > .address-search-label-wrapper > select {
            padding-left: .5em !important;
        }

        .form-full > .applicant-label-wrapper > .validation-error-msg, .form-full > .start-date-label-wrapper > .validation-error-msg, .form-full > .final-billing-label-wrapper > .validation-error-msg, .form-full > .existing-service-label-wrapper > .validation-error-msg, .usage-date-picker-wrapper .form-full > .usage-date-label-wrapper > .validation-error-msg, .usage-account-wrapper .form-full > .usage-date-label-wrapper > .validation-error-msg, .form-full > .address-search-label-wrapper > .validation-error-msg {
            top: 0 !important;
        }

    .service-request-container {
        width: 64%;
        float: left;
    }

    @media (max-width: 768px) {
        .service-request-container {
            width: 100%;
            margin-bottom: 1em;
        }
    }

    .real-estate-wrapper {
        background: #dedede;
        padding: 2% 2%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .real-estate-wrapper > .applicant-label-wrapper.qtr, .real-estate-wrapper > .qtr.start-date-label-wrapper, .real-estate-wrapper > .qtr.final-billing-label-wrapper, .real-estate-wrapper > .qtr.existing-service-label-wrapper, .usage-date-picker-wrapper .real-estate-wrapper > .qtr.usage-date-label-wrapper, .usage-account-wrapper .real-estate-wrapper > .qtr.usage-date-label-wrapper, .real-estate-wrapper > .qtr.address-search-label-wrapper {
            width: 100% !important;
        }
    }

    .real-estate-wrapper .appraisers-info {
        background: #4c79a4;
        float: right;
        width: 68%;
        margin: 0;
        padding: 1% 1%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .real-estate-wrapper .appraisers-info {
            width: 100%;
            float: left;
            margin: 1em 0 0;
            padding: 2% 2%;
        }
    }

    .real-estate-wrapper .appraisers-info > .half {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .real-estate-wrapper .appraisers-info > .half:nth-child(odd) {
            padding-right: 2%;
        }

        .real-estate-wrapper .appraisers-info > .half:nth-child(even) {
            border-left: thin solid white;
            padding-left: 1em;
        }

    @media (min-width: 1200px) {
        .real-estate-wrapper .appraisers-info > .half:nth-child(even) {
            padding-left: 4em;
        }
    }

    .real-estate-wrapper .appraisers-info > .half:first-of-type > p, .real-estate-wrapper .appraisers-info > .half:first-child > p {
        font-style: italic;
    }

        .real-estate-wrapper .appraisers-info > .half:first-of-type > p > strong, .real-estate-wrapper .appraisers-info > .half:first-child > p > strong {
            font-style: normal;
        }

    .real-estate-wrapper .appraisers-info > .half > p {
        color: white;
        font-size: 14px;
    }

        .real-estate-wrapper .appraisers-info > .half > p > strong {
            font-size: 16px;
        }

            .real-estate-wrapper .appraisers-info > .half > p > strong > a {
                color: white !important;
            }

        .real-estate-wrapper .appraisers-info > .half > p > a {
            color: white !important;
        }

    @media (max-width: 768px) {
        .real-estate-wrapper .appraisers-info > .half {
            width: 100% !important;
        }

            .real-estate-wrapper .appraisers-info > .half:nth-child(even), .real-estate-wrapper .appraisers-info > .half:nth-child(odd) {
                border-left: 0;
                padding: 1em 0;
            }
    }

    .top-scroll-bar.comm-table-scroll-bar, .top-scroll-bar.resdent-table-scroll-bar {
        min-width: 1150px;
    }

    table.comm-table, table.resdent-table {
        border: thin solid #348ac9;
        border-bottom: 0;
        min-width: 1150px;
    }

        table.comm-table tbody tr, table.resdent-table tbody tr {
            width: 100%;
        }

            table.comm-table tbody tr td.table-icon-section, table.comm-table tbody tr td.sub-table-wrapper, table.resdent-table tbody tr td.table-icon-section, table.resdent-table tbody tr td.sub-table-wrapper {
                background: white;
            }

            table.comm-table tbody tr td.table-icon-section, table.resdent-table tbody tr td.table-icon-section {
                border-bottom: thin solid #348ac9;
                width: 150px;
                vertical-align: middle;
            }

            table.comm-table tbody tr td.flow-col, table.resdent-table tbody tr td.flow-col {
                margin-left: 3.8em;
            }

            table.comm-table tbody tr td.sub-table-wrapper, table.resdent-table tbody tr td.sub-table-wrapper {
                border-left: thin solid #348ac9 !important;
                border-bottom: thin solid #348ac9;
            }

                table.comm-table tbody tr td.sub-table-wrapper .sub-table, table.resdent-table tbody tr td.sub-table-wrapper .sub-table {
                    width: 100%;
                    position: relative !important;
                }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .resident-col, table.comm-table tbody tr td.sub-table-wrapper .sub-table .units-col, table.comm-table tbody tr td.sub-table-wrapper .sub-table .gal-col, table.comm-table tbody tr td.sub-table-wrapper .sub-table .flow-col, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .resident-col, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .units-col, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .gal-col, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .flow-col {
                        width: 230px;
                        text-align: left;
                        vertical-align: top;
                    }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub-label-wrapper .tbody-sub-label-name, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub-label-wrapper .tbody-sub-label-name {
                        color: white;
                        padding: 0;
                    }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub-label-wrapper .tbody-sub-text-field, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub-label-wrapper .tbody-sub-text-field {
                        text-align: center;
                        border: thin solid #5b5b5b;
                        width: auto;
                    }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .flow-col, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .flow-col {
                        width: auto;
                        float: right;
                    }

                        table.comm-table tbody tr td.sub-table-wrapper .sub-table .flow-col .tbody-sub-label-name, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .flow-col .tbody-sub-label-name {
                            color: #5b5b5b;
                        }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .thead-sub, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .thead-sub {
                        background: #348ac9;
                        width: 100%;
                    }

                        table.comm-table tbody tr td.sub-table-wrapper .sub-table .thead-sub tr > th, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .thead-sub tr > th {
                            color: white;
                            padding: 1% 1%;
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            box-sizing: border-box;
                        }

                            table.comm-table tbody tr td.sub-table-wrapper .sub-table .thead-sub tr > th.flow-col, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .thead-sub tr > th.flow-col {
                                margin-left: 3.8em;
                                padding: .5em 0;
                            }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub {
                        background: white;
                        width: 100%;
                        padding-top: 1em;
                    }

                        table.comm-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub tr, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub tr {
                            padding: 1% 1% 0;
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            box-sizing: border-box;
                        }

                            table.comm-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub tr > td, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tbody-sub tr > td {
                                color: #5b5b5b;
                                padding: 1% 1%;
                            }

                    table.comm-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub {
                        background: #5f97cd;
                        width: 100%;
                        height: 44px;
                    }

                        table.comm-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr > td, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr > td {
                            text-align: left;
                            color: white;
                            float: right;
                            margin-right: 4.4em;
                            padding: 1% 1%;
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            box-sizing: border-box;
                        }

                        table.comm-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr.sub-footer-top, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr.sub-footer-top {
                            background: #dedede;
                        }

                            table.comm-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr.sub-footer-top > td, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr.sub-footer-top > td {
                                float: left;
                                text-align: left;
                            }

                                table.comm-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr.sub-footer-top > td > p, table.resdent-table tbody tr td.sub-table-wrapper .sub-table .tfoot-sub tr.sub-footer-top > td > p {
                                    color: #5b5b5b;
                                    font-style: italic;
                                    font-size: small;
                                }

    .residential-icon, .hotel-icon, .office-icon, .restaurant-icon, .warehouse-icon {
        background: white url(/cdn/images/icons/service-availability/restaurant_icon.png) no-repeat center center;
        background-size: 100%;
        width: 59px;
        height: 64px;
        display: block;
        margin: 0 auto;
    }

    .residential-icon {
        background-image: url(/cdn/images/icons/service-availability/residential_icon.png);
    }

    .hotel-icon {
        background-image: url(/cdn/images/icons/service-availability/hotel_icon.png);
    }

    .office-icon {
        background-image: url(/cdn/images/icons/service-availability/office_icon.png);
    }

    .restaurant-icon {
        background-image: url(/cdn/images/icons/service-availability/restaurant_icon.png);
    }

    .warehouse-icon {
        background-image: url(/cdn/images/icons/service-availability/warehouse_icon.png);
    }

    .grandtotal {
        background: #348ac9;
        display: inline-block;
        width: 100%;
        margin-bottom: 1em;
        padding: 1em 1em;
        text-align: center;
        z-index: 3;
        position: relative;
    }

    .total-wrapper {
        float: right;
        text-align: right;
    }

    @media (max-width: 1023px) {
        .total-wrapper {
            float: left;
            text-align: left;
        }
    }

    .total-wrapper > label {
        width: auto;
        display: inline-block;
        vertical-align: baseline;
    }

        .total-wrapper > label > span {
            color: white;
            width: auto;
            text-align: right;
            vertical-align: baseline;
            display: inline-block;
            padding: 0;
            float: none;
        }

        .total-wrapper > label > input {
            border: 0;
            background: transparent;
            color: white;
            font-size: x-large;
            width: auto !important;
            text-align: right;
            white-space: nowrap;
            vertical-align: baseline;
            padding: 0 !important;
        }

    @media (max-width: 599px) {
        .total-wrapper > label > input {
            width: 100%;
            padding-left: 0 !important;
        }
    }

    /*  ==================================================
	Alert Preferences - MMA
	==================================================  */
    .accountInformation p.trash:after {
        content: '\f014';
        font-family: 'fontAwesome';
        float: right;
        color: #5b5b5b;
        cursor: pointer;
    }

    .addContact::before {
        content: '\f067';
        font-family: 'fontAwesome';
        cursor: pointer;
        margin-right: 10px;
    }

    .verification-sent {
        color: #007568;
        font-size: small;
        font-weight: 600;
        margin-left: 2%;
    }

    .no-disturb {
        width: 100%;
        margin-top: 2em;
        font-family: 'lato';
    }

    @media only screen and (max-width: 599px) {
        .no-disturb {
            margin-top: 1em;
        }
    }

    .no-disturb .clock:before {
        content: "\f017";
        font-family: 'fontAwesome';
        color: #012877;
        margin-right: 5px;
    }

    .alert-type {
        display: inline-block;
        margin-bottom: 2em;
        width: 100%;
    }

    a.search-choice-close {
        line-height: 10px;
    }

    .alertpreference h5 {
        font-size: medium;
        font-weight: 500;
        padding-bottom: 15px;
    }

    .alertpreference .tab-content > h4 {
        display: none;
    }

    .alertpreferences {
        padding: 0 1em 0 0;
        display: inline-block;
        width: 100%;
        margin-bottom: 63px;
    }

        .alertpreferences p.desc {
            padding-right: 1em;
        }

        .alertpreferences p.strong.formtitle {
            margin-top: 15px;
            padding-bottom: 0;
            display: inline-block;
            font-size: 16px !important;
        }

        .alertpreferences input[type="number"] {
            float: left;
            width: 200px;
        }

        .alertpreferences .half {
            width: 45%;
            float: left;
            margin: 4% 2%;
        }

    @media (max-width: 1024px) {
        .alertpreferences .half {
            width: 100%;
            margin: 0;
        }
    }

    .tabContent label.checkbox {
        display: inline-block;
        width: initial;
    }

    .updatecontacts {
        display: inline-block;
        margin-top: 1em;
        font-size: small;
    }

    .tab-content > form a.gray {
        color: black;
    }


    .alertTandCInput label:focus-within {
        outline: thin dotted black;
    }

    .dropdownapc {
        background-color: transparent;
        width: auto;
        padding: 0;
        margin-left: 0;
        margin-bottom: 2em;
    }

    .truncate-label {
        max-width: 180px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    ul.contact-method-service-added {
        margin-bottom: 2em;
        display: inline-block;
        width: 100%;
    }

    .dropdownapc dd,
    .dropdownapc dt {
        margin: 0px;
        padding: 0px;
    }

    .dropdownapc .mutliSelect {
        margin-top: -3px;
    }

    .dropdownapc ul {
        margin: -1px 0 0 0;
    }

        .dropdownapc ul li label {
            text-transform: uppercase;
        }

    .dropdownapc dd {
        position: relative;
    }

    .dropdownapc a,
    .dropdownapc a:visited {
        text-decoration: none;
        outline: none;
        font-size: 12px;
        color: #256bb4 !important;
        font-weight: 600;
    }

    .dropdownapc dt a {
        background-color: white;
        display: block;
        padding: 10px 10px 0px;
        overflow: hidden;
        border: 1px solid #757575;
        width: 100%;
        border-radius: 3px;
    }

    .hida::after {
        content: '\f067';
        font-family: 'fontAwesome';
        float: right;
        position: absolute;
        right: 6%;
    }

    .dropdownapc dt a span,
    .multiSel span {
        cursor: pointer;
        display: inline-block;
        padding: 0 3px 2px 0;
        font-size: 15px;
    }

    .multiSel span {
        text-transform: uppercase;
    }

    .dropdownapc dd ul {
        background-color: white;
        border: thin solid #757575;
        color: black;
        display: none;
        height: 110px;
        left: 0px;
        list-style: none;
        overflow: auto;
        padding: 10px 15px 2px 10px;
        position: relative;
        top: 2px;
        z-index: 999;
        width: 100%;
    }

    .dropdownapc span.value {
        display: none;
    }

    .dropdownapc dd ul li a {
        padding: 5px;
        display: block;
    }

        .dropdownapc dd ul li a:hover {
            background-color: white;
        }

    .add-more {
        display: inline-block !important;
        border-bottom: thin solid;
        width: 100%;
        margin-bottom: 1em;
    }

    .add-new-contact {
        margin: 0 4%;
        padding-top: 30px;
        font-size: 16px !important;
        text-decoration: none !important;
    }

    .delete-alert-contact:before {
        font-size: 15px !important;
        line-height: 32px;
    }

    .contact-method-service-added li {
        border-bottom: 1px dotted #5b5b5b;
        padding: 0.5em 0;
        line-height: 32px;
    }

    .terms-span-apc {
        position: relative;
        top: 2px;
        margin-bottom: 2em;
        display: inline-block;
    }



.field-validation-error {
    color: #EB0000;
    display: block;
}
#007568

.input-disabled {
    background-color: #EBEBE4 !important;
    border: 1px solid #ABADB3 !important;
    margin: 0 !important;
    padding: 2px 1px;
    pointer-events: none;
    color: #AAAAAA !important;
}

select.input-disabled {
    color: #AAAAAA !important;
}


    #contactStartTimeTxt, #contactEndTimeTxt {
        width: 100px !important;
    }

    .ui_tpicker_minute {
        padding-top: 10px !important;
    }

    .ui-datepicker-current {
        display: none !important;
    }

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close-btn::after,
    .search-choice-close-btn {
        color: #000;
        content: "X";
        display: block;
        float: right;
        font-family: "lato";
        font-size: small;
    }

    #mma .defualt-contact-method-container {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 2px dotted #dedede;
    }

    #mma .accountInformation.defualt-contact-method {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .popUpModal, .popUpModalSecond {
        left: 10%;
        top: 7% !important;
    }

    /*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.6.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
    /* @group Base */
    .chosen-container {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 100% !important;
    }

        .chosen-container * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .chosen-container .chosen-drop {
            position: absolute;
            top: 100%;
            left: -9999px;
            z-index: 1010;
            width: 100%;
            border: 1px solid #aaa;
            border-top: 0;
            background: #fff;
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        }

        .chosen-container.chosen-with-drop .chosen-drop {
            left: 0;
        }

        .chosen-container a {
            cursor: pointer;
            margin-left: 10px;
        }

        .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
            margin-right: 4px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: normal;
            color: #999999;
        }

            .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
                content: ":";
                padding-left: 2px;
                vertical-align: top;
            }

    /* @end */
    /* @group Single Chosen */
    .chosen-container-single .chosen-single {
        position: relative;
        display: block;
        overflow: hidden;
        padding: 0 0 0 8px;
        height: 25px;
        border: 1px solid #aaa;
        border-radius: 5px;
        background-color: #fff;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
        background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
        background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
        background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
        background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
        background-clip: padding-box;
        box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
        color: #444;
        text-decoration: none;
        white-space: nowrap;
        line-height: 24px;
    }

    .chosen-container-single .chosen-default {
        color: #999;
    }

    .chosen-container-single .chosen-single span {
        display: block;
        overflow: hidden;
        margin-right: 26px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .chosen-container-single .chosen-single-with-deselect span {
        margin-right: 38px;
    }

    .chosen-container-single .chosen-single abbr {
        position: absolute;
        top: 6px;
        right: 26px;
        display: block;
        width: 12px;
        height: 12px;
        background: url("chosen-sprite.png") -42px 1px no-repeat;
        font-size: 1px;
    }

        .chosen-container-single .chosen-single abbr:hover {
            background-position: -42px -10px;
        }

    .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

    .chosen-container-single .chosen-single div {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 18px;
        height: 100%;
    }

        .chosen-container-single .chosen-single div b {
            display: block;
            width: 100%;
            height: 100%;
            background: url("chosen-sprite.png") no-repeat 0px 2px;
        }

    .chosen-container-single .chosen-search {
        position: relative;
        z-index: 1010;
        margin: 0;
        padding: 3px 4px;
        white-space: nowrap;
    }

        .chosen-container-single .chosen-search input[type="text"] {
            margin: 1px 0;
            padding: 4px 20px 4px 5px;
            width: 100%;
            height: auto;
            outline: 0;
            border: 1px solid #aaa;
            background: white url("chosen-sprite.png") no-repeat 100% -20px;
            background: url("chosen-sprite.png") no-repeat 100% -20px;
            font-size: 1em;
            font-family: sans-serif;
            line-height: normal;
            border-radius: 0;
        }

    .chosen-container-single .chosen-drop {
        margin-top: -1px;
        border-radius: 0 0 4px 4px;
        background-clip: padding-box;
    }

    .chosen-container-single.chosen-container-single-nosearch .chosen-search {
        position: absolute;
        left: -9999px;
    }

    /* @end */
    /* @group Results */
    .chosen-container .chosen-results {
        color: #444;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0 4px 4px 0;
        padding: 0 0 0 4px;
        max-height: 240px;
        -webkit-overflow-scrolling: touch;
    }

        .chosen-container .chosen-results li {
            display: none;
            margin: 0;
            padding: 5px 6px;
            list-style: none;
            line-height: 15px;
            word-wrap: break-word;
            -webkit-touch-callout: none;
        }

            .chosen-container .chosen-results li.active-result {
                display: list-item;
                cursor: pointer;
            }

            .chosen-container .chosen-results li.disabled-result {
                display: list-item;
                color: #ccc;
                cursor: default;
            }

            .chosen-container .chosen-results li.highlighted {
                background-color: #5f97cd;
                color: #fff;
            }

            .chosen-container .chosen-results li.no-results {
                color: #777;
                display: list-item;
                background: #f4f4f4;
            }

            .chosen-container .chosen-results li.group-result {
                display: list-item;
                font-weight: bold;
                cursor: default;
            }

            .chosen-container .chosen-results li.group-option {
                padding-left: 15px;
            }

            .chosen-container .chosen-results li em {
                font-style: normal;
                text-decoration: underline;
            }

    /* @end */
    /* @group Multi Chosen */
    .chosen-container-multi .chosen-choices {
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0 5px;
        width: 100%;
        border-radius: 3px;
        height: auto;
        border: 1px solid #bebdbd;
        background-color: #fff;
        cursor: text;
    }

        .chosen-container-multi .chosen-choices li {
            float: left;
            list-style: none;
        }

            .chosen-container-multi .chosen-choices li.search-field {
                margin: 0;
                padding: 0;
                white-space: nowrap;
            }

                .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                    margin: 1px 0;
                    padding: 0;
                    height: 32px;
                    outline: 0;
                    border: 0 !important;
                    background: transparent !important;
                    box-shadow: none;
                    color: #999;
                    font-size: 100%;
                    font-family: sans-serif;
                    line-height: normal;
                    border-radius: 0;
                    width: 100% !important;
                }

            .chosen-container-multi .chosen-choices li.search-choice {
                position: relative;
                margin: 3px 5px 3px 0;
                padding: 7px 10px;
                font-weight: normal;
                border: 1px solid #aaa;
                max-width: 100%;
                border-radius: 3px;
                background-color: #fff;
                color: #000;
                line-height: 13px;
                cursor: default;
                font-size: small;
            }

                .chosen-container-multi .chosen-choices li.search-choice span {
                    word-wrap: break-word;
                }

        .chosen-container-multi .chosen-choices li {
            width: auto !important;
        }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
                font-family: "lato";
                display: block;
                content: "X";
                float: right;
                font-size: small;
                color: #000;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
                background-position: -42px -10px;
            }

            .chosen-container-multi .chosen-choices li.search-choice-disabled {
                padding-right: 5px;
                border: 1px solid #ccc;
                background-color: #e4e4e4;
                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
                background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
                background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
                background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
                background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
                color: #666;
            }

            .chosen-container-multi .chosen-choices li.search-choice-focus {
                background: #d4d4d4;
            }

                .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                    background-position: -42px -10px;
                }

    .chosen-container-multi .chosen-results {
        margin: 0;
        padding: 0;
    }

    .chosen-container-multi .chosen-drop .result-selected {
        display: list-item;
        color: #ccc;
        cursor: default;
    }

    /* @end */
    /* @group Active  */
    .chosen-container-active .chosen-single {
        border: 1px solid #5897fb;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .chosen-container-active.chosen-with-drop .chosen-single {
        border: 1px solid #aaa;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
        background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
        background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
        background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
        background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
        box-shadow: 0 1px 0 #fff inset;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div {
            border-left: none;
            background: transparent;
        }

            .chosen-container-active.chosen-with-drop .chosen-single div b {
                background-position: -18px 2px;
            }

    .chosen-container-active .chosen-choices {
        border: 1px solid #5897fb;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

        .chosen-container-active .chosen-choices li.search-field input[type="text"] {
            color: #222 !important;
        }

    /* @end */
    /* @group Disabled Support */
    .chosen-disabled {
        opacity: 0.5 !important;
        cursor: default;
    }

        .chosen-disabled .chosen-single {
            cursor: default;
        }

        .chosen-disabled .chosen-choices .search-choice .search-choice-close {
            cursor: default;
        }

    /* @end */
    /* @group Right to Left */
    .chosen-rtl {
        text-align: right;
    }

        .chosen-rtl .chosen-single {
            overflow: visible;
            padding: 0 8px 0 0;
        }

            .chosen-rtl .chosen-single span {
                margin-right: 0;
                margin-left: 26px;
                direction: rtl;
            }

        .chosen-rtl .chosen-single-with-deselect span {
            margin-left: 38px;
        }

        .chosen-rtl .chosen-single div {
            right: auto;
            left: 3px;
        }

        .chosen-rtl .chosen-single abbr {
            right: auto;
            left: 26px;
        }

        .chosen-rtl .chosen-choices li {
            float: right;
        }

            .chosen-rtl .chosen-choices li.search-field input[type="text"] {
                direction: rtl;
            }

            .chosen-rtl .chosen-choices li.search-choice {
                margin: 3px 5px 3px 0;
                padding: 3px 5px 3px 19px;
            }

                .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                    right: auto;
                    left: 4px;
                }

        .chosen-rtl.chosen-container-single-nosearch .chosen-search,
        .chosen-rtl .chosen-drop {
            left: 9999px;
        }

        .chosen-rtl.chosen-container-single .chosen-results {
            margin: 0 0 4px 4px;
            padding: 0 4px 0 0;
        }

        .chosen-rtl .chosen-results li.group-option {
            padding-right: 15px;
            padding-left: 0;
        }

        .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
            border-right: none;
        }

        .chosen-rtl .chosen-search input[type="text"] {
            padding: 4px 5px 4px 20px;
            background: white url("chosen-sprite.png") no-repeat -30px -20px;
            background: url("chosen-sprite.png") no-repeat -30px -20px;
            direction: rtl;
        }

        .chosen-rtl.chosen-container-single .chosen-single div b {
            background-position: 6px 2px;
        }

        .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
            background-position: -12px 2px;
        }

    /* @end */
    /* @group Retina compatibility */
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
        .chosen-rtl .chosen-search input[type="text"],
        .chosen-container-single .chosen-single abbr,
        .chosen-container-single .chosen-single div b,
        .chosen-container-single .chosen-search input[type="text"],
        .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
        .chosen-container .chosen-results-scroll-down span,
        .chosen-container .chosen-results-scroll-up span {
            background-image: url("chosen-sprite@2x.png") !important;
            background-size: 52px 37px !important;
            background-repeat: no-repeat !important;
        }
    }
    /* @end */
    .start-date-label-wrapper {
        width: 70%;
    }

    @media (max-width: 599px) {
        .start-date-label-wrapper {
            max-width: 100%;
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .start-date-label-wrapper {
            max-width: 100%;
            width: 100%;
        }
    }

    .start-date-label-wrapper > p small {
        display: inline-block;
        font-size: small;
        margin-top: 2em;
    }

    .start-date-label-wrapper.sm {
        margin-right: 2.5em;
        width: 37%;
    }

    @media (max-width: 768px) {
        .start-date-label-wrapper.sm {
            margin-right: 1.3em;
            width: 48%;
        }
    }

    @media (max-width: 599px) {
        .start-date-label-wrapper.sm {
            max-width: 100%;
            width: 100%;
        }
    }

    .start-date-label-name {
        width: 30%;
    }

    .start-date-text-field {
        max-width: 100%;
        width: 100%;
    }

    .location-wrapper > p {
        margin-bottom: 2em;
    }

    .service-address-wrapper {
        width: 500px;
    }

    @media (max-width: 599px) {
        .service-address-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .service-address-wrapper {
            width: 100%;
        }
    }

    .billing-selection-wrapper {
        margin-bottom: 2em;
        width: 100%;
    }

    @media (max-width: 599px) {
        .billing-selection-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .billing-selection-wrapper {
            width: 100%;
        }
    }

    .billing-selection-wrapper > .label-qtr, .billing-selection-wrapper > .label-sm {
        margin-right: 1em;
        text-overflow: initial;
        width: 36%;
    }

        .billing-selection-wrapper > .label-qtr:first-child, .billing-selection-wrapper > .label-sm:first-child {
            width: 50%;
        }

    @media (max-width: 768px) {
        .billing-selection-wrapper > .label-qtr:first-child, .billing-selection-wrapper > .label-sm:first-child {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .billing-selection-wrapper > .label-qtr:first-child, .billing-selection-wrapper > .label-sm:first-child {
            width: 100%;
        }
    }

    .final-billing-address-wrapper {
        width: 100%;
    }

    .final-billing-label-wrapper {
        width: 40%;
    }

    @media (max-width: 599px) {
        .final-billing-label-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .final-billing-label-wrapper {
            width: 100%;
        }
    }

    .final-billing-label-wrapper > p small {
        display: inline-block;
        font-size: small;
        margin-top: 2em;
    }

    .final-billing-label-wrapper.sm {
        margin-right: 2.5em;
        width: 18%;
    }

    @media (max-width: 768px) {
        .final-billing-label-wrapper.sm {
            margin-right: 1.3em;
            width: 48%;
        }
    }

    @media (max-width: 599px) {
        .final-billing-label-wrapper.sm {
            width: 100%;
        }
    }

    .final-billing-label-name {
        width: 30%;
    }

    .final-billing-text-field {
        width: 100%;
    }

    .services-information-wrapper > p,
    .confirmation-number-wrapper > p {
        margin-top: 1em;
    }

        .services-information-wrapper > p:first-child,
        .confirmation-number-wrapper > p:first-child {
            font-weight: bold;
            margin-top: 2em;
        }

    .confirmation-number-wrapper > p {
        margin: 1em 0 2em;
    }

        .confirmation-number-wrapper > p:first-child {
            font-weight: 300;
            margin-top: 2em;
        }

    .confirmation-wrapper {
        padding-bottom: 1em;
    }

    @media (max-width: 768px) {
        .confirmation-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .confirmation-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .confirmation-wrapper.half {
            width: 100%;
        }

            .confirmation-wrapper.half:first-child {
                margin-right: 0;
            }
    }

    @media (max-width: 599px) {
        .confirmation-wrapper.half {
            width: 100%;
        }

            .confirmation-wrapper.half:first-child {
                margin-right: 0;
            }
    }

    .confirmation-wrapper:nth-child(odd).half {
        margin-left: 2%;
        width: 48%;
    }

    @media (max-width: 768px) {
        .confirmation-wrapper:nth-child(odd).half {
            margin-left: 0;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .confirmation-wrapper:nth-child(odd).half {
            margin-left: 0;
            width: 100%;
        }
    }

    .confirmation-wrapper > p {
        margin-bottom: 1.5em;
    }

    .promote-list-wrapper > .label-qtr, .promote-list-wrapper > .label-sm {
        margin-top: 2em;
    }

        .promote-list-wrapper > .label-qtr:first-child, .promote-list-wrapper > .label-sm:first-child {
            margin-top: 0;
        }

        .promote-list-wrapper > .label-qtr p a, .promote-list-wrapper > .label-sm p a {
            margin-top: 1em;
        }

    .ad-wrapper {
        float: right;
        margin: 3em 0 0;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    @media (max-width: 768px) {
        .ad-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .ad-wrapper {
            width: 100%;
        }
    }

    .ad-wrapper > div {
        float: right;
        height: 500px;
        width: 450px;
    }

    @media (max-width: 768px) {
        .ad-wrapper > div {
            background-size: 100% !important;
            float: left;
            height: 500px !important;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .ad-wrapper > div {
            background-size: 100% !important;
            height: 295px !important;
            width: 100%;
        }
    }

    .existing-service-address-wrapper {
        max-width: 100%;
        width: 100%;
    }

    .existing-service-wrapper {
        margin-top: 4em;
    }

    .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper, .address-search-label-wrapper {
        width: 70%;
    }

    @media (max-width: 599px) {
        .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper, .address-search-label-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper, .address-search-label-wrapper {
            max-width: 100%;
            width: 100%;
        }
    }

    .existing-service-label-wrapper > p small, .usage-date-picker-wrapper .usage-date-label-wrapper > p small, .usage-account-wrapper .usage-date-label-wrapper > p small, .address-search-label-wrapper > p small {
        display: inline-block;
        font-size: small;
        margin-top: 2em;
    }

    .existing-service-label-wrapper.sm, .usage-date-picker-wrapper .sm.usage-date-label-wrapper, .usage-account-wrapper .sm.usage-date-label-wrapper, .address-search-label-wrapper.sm {
        margin-right: 2.5em;
        width: 37%;
    }

    @media (max-width: 768px) {
        .existing-service-label-wrapper.sm, .usage-date-picker-wrapper .sm.usage-date-label-wrapper, .usage-account-wrapper .sm.usage-date-label-wrapper, .address-search-label-wrapper.sm {
            margin-right: 1.3em;
            width: 48%;
        }
    }

    @media (max-width: 599px) {
        .existing-service-label-wrapper.sm, .usage-date-picker-wrapper .sm.usage-date-label-wrapper, .usage-account-wrapper .sm.usage-date-label-wrapper, .address-search-label-wrapper.sm {
            max-width: 100%;
            width: 100%;
        }
    }

    .existing-service-label-wrapper, .usage-date-picker-wrapper .usage-date-label-wrapper, .usage-account-wrapper .usage-date-label-wrapper {
        max-width: 700px;
        width: 100%;
    }

    .existing-service-label-name, .usage-date-picker-wrapper .usage-date-label-name, .usage-date-picker-wrapper .usage-label-name, .usage-account-wrapper .usage-date-label-name, .usage-account-wrapper .usage-label-name,
    .address-search-label-name {
        width: 30%;
    }

    .existing-service-text-field, .usage-date-picker-wrapper .usage-date-text-field, .usage-account-wrapper .usage-date-text-field,
    .address-search-text-field {
        max-width: 100%;
        width: 100%;
    }

    .address-search-label-wrapper,
    .address-search-label-wrapper {
        width: 100%;
    }

    @media (max-width: 599px) {
        .address-search-label-wrapper,
        .address-search-label-wrapper {
            max-width: 100%;
            width: 100%;
        }
    }

    .address-search-label-wrapper.sm, .address-search-label-wrapper.xsm,
    .address-search-label-wrapper.sm,
    .address-search-label-wrapper.xsm {
        margin-right: 0;
        width: 48%;
    }

    @media (max-width: 768px) {
        .address-search-label-wrapper.sm, .address-search-label-wrapper.xsm,
        .address-search-label-wrapper.sm,
        .address-search-label-wrapper.xsm {
            max-width: 100%;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .address-search-label-wrapper.sm, .address-search-label-wrapper.xsm,
        .address-search-label-wrapper.sm,
        .address-search-label-wrapper.xsm {
            max-width: 100%;
            width: 100%;
        }
    }

    .address-search-label-wrapper.sm:first-child, .address-search-label-wrapper.xsm:first-child,
    .address-search-label-wrapper.sm:first-child,
    .address-search-label-wrapper.xsm:first-child {
        margin-right: 2%;
    }

    .address-search-label-wrapper.xsm,
    .address-search-label-wrapper.xsm {
        width: 31.3%;
    }

    @media (max-width: 768px) {
        .address-search-label-wrapper.xsm,
        .address-search-label-wrapper.xsm {
            max-width: 100%;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .address-search-label-wrapper.xsm,
        .address-search-label-wrapper.xsm {
            max-width: 100%;
            width: 100%;
        }
    }

    .address-search-label-wrapper.sm, .address-search-label-wrapper.xsm {
        margin-right: 2%;
    }

    .label-width-container {
        float: left;
        width: 100%;
    }

    @media (max-width: 599px) {
        .label-width-container {
            max-width: 100%;
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .label-width-container .address-search-label-wrapper {
            max-width: 100%;
            width: 100%;
        }
    }

    .address-search-wrapper > .form-full {
        margin-top: 2em;
    }

    @media (max-width: 599px) {
        .address-search-wrapper > .form-full {
            margin-top: 2em;
        }
    }

    .address-search-wrapper > .form-full.fix-form {
        max-width: 100%;
        width: 100%;
    }

    @media (min-width: 1200px) {
        .address-search-wrapper > .form-full.fix-form {
            width: 700px;
        }
    }

    @media (max-width: 768px) {
        .address-search-wrapper > .form-full.fix-form {
            max-width: 100%;
            width: 100%;
        }
    }

    .infomative-info-wrapper {
        display: inline-block;
        max-width: 100%;
        width: 80%;
    }

    @media (max-width: 1024px) {
        .infomative-info-wrapper {
            width: 100%;
        }
    }

    .infomative-info-wrapper ul {
        margin: 0 1em;
    }

    .infomative-info-wrapper li a {
        text-decoration: underline;
    }

    .infomative-info-list li {
        font-weight: 300;
        list-style-type: none;
        margin-top: 1em;
    }

        .infomative-info-list li > span {
            float: left;
            width: 1%;
        }

    @media (max-width: 599px) {
        .infomative-info-list li > span {
            width: 4%;
        }
    }

    .infomative-info-list li > span::before {
        content: '*';
        vertical-align: text-top;
    }

    .infomative-info-list li > p {
        float: left;
        vertical-align: text-top;
        width: 99%;
    }

    @media (max-width: 599px) {
        .infomative-info-list li > p {
            width: 96%;
        }
    }

    .selection-wrapper {
        margin-top: 2em;
    }

    @media (max-width: 599px) {
        .selection-wrapper > .btn, .selection-wrapper > button[type="button"], .selection-wrapper > button[type="reset"], .selection-wrapper > button[type="submit"], .selection-wrapper > input[type="button"], .selection-wrapper > input[type="reset"], .selection-wrapper > input[type="submit"] {
            margin-top: 1em;
        }
    }

    .accountInformation {
        margin-top: 2em;
        display: inline-block;
    }

        .accountInformation h4 {
            font-size: 16px;
            font-family: 'lato';
            margin-bottom: 15px;
        }

            .accountInformation h4::before {
                font-family: 'fontAwesome';
                margin-right: 10px;
                font-size: 16px;
                content: '\f05a';
            }

    .accountPreferences {
        margin-top: 2em;
        display: block;
    }

        .accountPreferences h4 {
            font-size: 16px;
            font-family: 'lato';
            margin-bottom: 15px;
        }

            .accountPreferences h4:before {
                font-family: 'fontAwesome';
                margin-right: 10px;
                font-size: 16px;
                content: '\f0ca';
            }

        .accountPreferences a.btn {
            border-radius: 0;
            background-color: white;
            width: 100%;
            padding: 20px 15px;
            display: table;
            margin-top: 5px;
            line-height: 20px;
            text-align: left;
            -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
            color: #5b5b5b;
        }

            .accountPreferences a.btn:after {
                font-family: 'fontAwesome';
                font-size: 18px;
                line-height: 22px;
                float: right;
                content: '\f105';
                color: #5b5b5b;
            }

        .accountPreferences a.submit-m.teal {
            color: #256bb4;
        }

            .accountPreferences a.submit-m.teal:after {
                color: #256bb4;
            }

    .linkedAccounts .infoCard {
        margin-top: 2em;
        display: inline-block;
    }

        .linkedAccounts .infoCard h4 {
            font-size: 16px;
            font-family: 'lato';
            margin-bottom: 15px;
            width: initial;
        }

            .linkedAccounts .infoCard h4:before {
                font-family: 'fontAwesome';
                margin-right: 10px;
                font-size: 16px;
                content: '\f0c1';
            }

        .linkedAccounts .infoCard a {
            width: 100%;
            display: inline-block;
            text-decoration: underline;
        }

        .linkedAccounts .infoCard span.add {
            color: #256bb4;
            text-decoration: underline;
            float: right;
            text-align: right;
        }

            .linkedAccounts .infoCard span.add:before {
                content: '+';
            }

    .billingPreferences {
        margin-top: 2em;
        display: inline-block;
    }

        .billingPreferences h4 {
            font-size: 16px;
            font-family: 'lato';
            margin-bottom: 15px;
        }

        .billingPreferences .range-slider {
            margin: 30px 0;
            display: block;
        }

            .billingPreferences .range-slider input.range-slider__range {
                width: calc(93% - (55px));
            }

        .billingPreferences .slider-button {
            margin-top: 15px;
        }

            .billingPreferences .slider-button button.sliderBtnLeft, .billingPreferences .slider-button button.sliderBtnRight {
                width: 150px !important;
                height: 40px !important;
                font-size: 24px;
            }

            .billingPreferences .slider-button button.sliderBtnLeft {
                border-radius: 8px 0 0 8px;
            }

            .billingPreferences .slider-button button.sliderBtnRight {
                border-radius: 0 8px 8px 0;
            }

    .promo a, .relatedLinks a {
        text-decoration: underline;
        margin-top: 0.5em;
        display: inline-block;
    }

    .promo h4 {
        font-size: 15px;
    }

    .relatedLinks {
        padding: 15px 20px;
        display: inline-block;
    }

    .editCard h4 {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 2em;
    }

    .editCard .toggle {
        margin: 20px auto 20px;
        display: inline-block;
        width: 100%;
    }

        .editCard .toggle span {
            border-radius: 3px 0 0 3px;
            float: left;
            border: 1px solid #dedede;
            display: inline-block;
            color: #5b5b5b;
            padding: 7px 15px;
            font-size: 12px;
            width: 50%;
            text-align: center;
        }

            .editCard .toggle span:last-of-type {
                border-radius: 0px 3px 3px 0;
                border-left: 0;
            }

            .editCard .toggle span.active {
                background-color: #bfd5eb;
                color: #5f97cd;
                border-color: #4c79a4;
                font-weight: 600;
            }

    .successCard {
        display: inline-block;
        background-color: #007568;
        padding: 20px 15px;
        width: 100%;
    }

        .successCard h4 {
            color: white;
            font-size: large;
            line-height: 24px;
            font-weight: 600;
            text-align: center;
        }

        .successCard p {
            color: white;
            font-size: 14px;
            text-align: center;
            font-weight: 300;
        }

        .successCard a.white {
            padding: 10px 30px;
            border-radius: 3px;
            border: 1px solid white;
            width: initial;
            margin: 15px 15%;
        }

        .successCard a {
            color: white;
        }

    .successNotes {
        background-color: white;
        padding: 20px 15px;
    }

        .successNotes a {
            margin: 10px 0;
        }

    .modalContent.feedback {
        padding: 15px 10px;
    }

    textarea.field.feedback {
        width: 100%;
        height: auto;
        min-height: 300px;
        overflow-y: scroll;
        border-right: 0;
        border-left: 0;
        border-top: 0;
    }

    .infoCard {
        display: inline-block;
        background-color: white;
        padding: 20px 15px;
        width: 100%;
        margin-top: 1px;
        -webkit-box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
        box-shadow: 0px 1px 2px 1px rgba(51, 51, 51, 0.25);
    }

        .infoCard span.edit:before {
            font-family: 'fontAwesome';
            float: right;
            color: #256bb4;
            font-size: 16px;
            content: '\f040';
            cursor: pointer;
        }

        .infoCard span.delete:before {
            font-family: 'fontAwesome';
            float: right;
            font-size: 16px;
            content: '\f014';
            cursor: pointer;
        }

        .infoCard .showMore {
            text-align: center;
            border-top: thin solid #dedede;
            border-bottom: thin solid #dedede;
            color: #256bb4;
            padding: 10px 0px;
            margin-top: 20px;
        }

        .infoCard .orange {
            padding: 15px 0 8px;
            display: inline-block;
        }

        .infoCard p, .infoCard p.strong {
            font-size: 15px;
            margin-bottom: 0.5em;
        }

            .infoCard p.note {
                margin-bottom: 1em;
            }

            .infoCard p.large {
                font-size: 17px;
                line-height: 22px;
            }

        .infoCard form label {
            font-size: 15px !important;
            display: inline-block;
        }

        .infoCard form .saveCard {
            margin-top: 40px;
            display: inline-block;
            width: 100%;
        }

            .infoCard form .saveCard button[type='submit'] {
                width: inherit;
                float: right;
                margin-left: 20px;
            }

            .infoCard form .saveCard a.cancel.black {
                padding: 10px 0;
                width: 100%;
                text-align: center;
            }

        .infoCard form ul {
            margin-bottom: 2em;
        }

            .infoCard form ul li {
                margin-left: 30px;
            }

        .infoCard form select {
            width: 100%;
            height: 48px;
        }

        .infoCard form.preferences label {
            width: inherit;
            display: inline-block;
            margin: 1em 0 1.25em;
            font-weight: 600;
        }

    .infoNote {
        margin-top: 10px;
        font-size: 12px;
    }

    .modalContent p, .modalContent p.strong {
        font-size: 15px;
        margin-bottom: 0.5em;
    }

    .modalContent label.checkbox span {
        font-size: 14px;
    }

    .hrForRemodal {
        margin: 20px 0px 15px 0px;
        max-width: 300px;
        text-align: left;
    }

    .checkboxContainerLineHeight {
        line-height: 2em !important;
    }

    div#dvAutoPayModalFrame .modalContent form label {
        display: inline-block;
        line-height: 2.1em;
    }

        div#dvAutoPayModalFrame .modalContent form label.checking {
            width: 9em;
        }

    div#tabContainer {
        /*  margin-top: -6px;*/
    }

    #umb .gradient-bg {
        background-image: url("/cdn/images/bill-bg.jpg");
        background-position: center center;
        background-size: cover;
        margin: 1em 0 5em;
        max-height: 822px;
        overflow: hidden;
        padding: 2em;
    }

    @media (max-width: 768px) {
        #umb .gradient-bg {
            margin-bottom: 3em;
            max-height: 100%;
            overflow: visible;
            padding: 1em;
        }
    }

    #umb .gradient-bg .breakdown-wrapper {
        float: left;
        padding-right: 2em;
        width: 40%;
    }

    @media (max-width: 768px) {
        #umb .gradient-bg .breakdown-wrapper {
            padding-right: 0;
            width: 100%;
        }
    }

    #umb .gradient-bg .bill-image {
        margin: 0 auto;
        max-width: 580px;
        width: 60% !important;
    }

    @media (max-width: 768px) {
        #umb .gradient-bg .bill-image {
            padding-left: 0 !important;
            width: 100% !important;
        }
    }

    #umb .page-selection span {
        background-color: white;
        color: black;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 2px;
        opacity: .7;
        padding: 2% 5%;
        width: 100%;
    }

        #umb .page-selection span:last-of-type {
            margin-bottom: 2em;
        }

        #umb .page-selection span:hover {
            opacity: 1;
        }

        #umb .page-selection span.selected {
            background-color: white;
            border-radius: 0;
            color: black !important;
            opacity: 1;
            transition: .3s;
        }

    #umb .bill-explantion {
        background-color: white;
        margin-bottom: 2em;
        max-height: 560px;
        overflow-y: scroll;
        padding: 5%;
    }

    @media (max-width: 599px) {
        #umb .bill-explantion {
            max-height: 200px;
        }
    }

    #umb .bill-explantion li {
        color: #4c79a4;
        font-size: 14px;
        font-weight: 600;
    }

        #umb .bill-explantion li span {
            color: black;
            display: inline-block;
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 10px;
            margin-left: -15px;
            width: 100%;
        }

    #umb .reach-out-wrapper {
        float: left;
        padding-right: 4em;
        width: 70%;
    }

    @media (max-width: 768px) {
        #umb .reach-out-wrapper {
            padding-right: 0;
            width: 100%;
        }
    }

    #umb .reach-out-wrapper .reach-out {
        border-bottom: 1px solid #dedede;
        display: block;
        margin-bottom: 3em;
        padding-bottom: 3em;
    }

    #umb .questions {
        float: left;
        padding-left: 1em;
        width: 30%;
    }

    @media (max-width: 768px) {
        #umb .questions {
            padding-left: 0;
            width: 100%;
        }
    }

    #umb .questions h4 {
        font-size: medium;
    }

    #umb .questions a {
        display: block;
        font-size: small;
        padding-bottom: 1em;
        text-decoration: underline;
    }

        #umb .questions a:last-of-type {
            margin-bottom: 2em;
        }

    @media only screen and (max-width: 599px) {
        #umb .promo {
            padding: 0;
        }
    }

    #umb .promo .relatedpromo {
        display: inline-block;
        margin-bottom: 1.5em;
    }

        #umb .promo .relatedpromo img {
            float: left;
            margin-right: 15px;
            padding: 1%;
            width: 10% !important;
        }

    @media only screen and (max-width: 599px) {
        #umb .promo .relatedpromo img {
            display: none;
        }
    }

    #umb .promo .relatedpromo .promocontent {
        float: left;
        width: 85%;
    }

    @media only screen and (max-width: 599px) {
        #umb .promo .relatedpromo .promocontent {
            width: 100%;
        }
    }

    #umb .promo .relatedpromo h5 {
        font-weight: 500;
        margin-bottom: .5em;
    }

    #umb .promo .relatedpromo p {
        font-size: medium;
    }

    .calculator-container {
        float: left;
        margin: 2em 0 0;
        position: relative;
        width: 100%;
    }

    @media (max-width: 1023px) {
        .calculator-container {
            width: 100%;
        }
    }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .calculator-container {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .calculator-container {
            width: 100%;
        }
    }

    .information-section {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #5f97cd;
        border-bottom: 2px solid #5f97cd;
        height: 40px;
        position: relative;
        width: 100%;
    }

    @media (max-width: 599px) {
        .information-section {
            display: none;
        }
    }

    .information-section .room-name,
    .information-section .room-total-kw,
    .information-section .home-total-kw,
    .information-section .total-electric {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        font-size: small;
        font-weight: 400;
        height: auto;
        padding-left: .5em;
        vertical-align: middle;
    }

    @media (max-width: 1023px) {
        .information-section .room-name,
        .information-section .room-total-kw,
        .information-section .home-total-kw,
        .information-section .total-electric {
            font-size: x-small;
        }
    }

    .information-section .room-name .value-color,
    .information-section .room-total-kw .value-color,
    .information-section .home-total-kw .value-color,
    .information-section .total-electric .value-color {
        color: #cf4a0c;
    }

    .information-section .room-name:first-of-type,
    .information-section .room-total-kw:first-of-type,
    .information-section .home-total-kw:first-of-type,
    .information-section .total-electric:first-of-type {
        border-left: 0;
    }

    .information-section .small-height-wrapper {
        display: inline-block;
        height: 20px;
    }

    .information-section .total-electric {
        font-size: medium;
    }

    .information-section .room-name {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: white;
        font-size: medium;
        height: 100%;
        padding: 3px 3px 3px 10px;
        width: 360px;
    }

        .information-section .room-name > .room-selection {
            background-color: white;
            margin-left: 2%;
            width: 69%;
        }

    .information-section > .button-dropdown-content-wrapper {
        display: none;
        overflow: visible;
    }

        .information-section > .button-dropdown-content-wrapper > .button-dropdown-wrapper {
            padding-right: .5em;
            text-align: right;
        }

        .information-section > .button-dropdown-content-wrapper > .dropdown-container, .information-section > .button-dropdown-content-wrapper > .description-container, .information-section > .button-dropdown-content-wrapper > .event-type-wrapper, .information-section > .button-dropdown-content-wrapper > .current-room-container, .information-section > .button-dropdown-content-wrapper > .advanced-search-container {
            margin-top: -4em;
        }

    .rooms-container {
        margin: 0 auto 1em;
        overflow: hidden;
        width: 100%;
    }

    @media (max-width: 599px) {
        .rooms-container {
            margin-bottom: 0;
            margin-left: 0;
        }
    }

    .rooms-container > .slider {
        background-color: transparent;
        box-shadow: none;
        margin: 0 auto !important;
        width: 100% !important;
    }

    .room {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 30)";
        filter: alpha(opacity=30);
    }

        .room.active {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 100)";
            filter: alpha(opacity=100);
        }

    .current-room-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #5b5b5b;
        border: thin solid #5b5b5b;
        color: white;
        display: none;
        left: 0;
        padding: 0;
        position: relative;
        width: 100%;
    }

    @media (max-width: 1023px) {
        .current-room-container {
            left: 0 !important;
        }
    }

    .current-room-container .room-list {
        background: #bfd5eb;
        height: auto;
        width: 100%;
    }

        .current-room-container .room-list > li {
            background: white;
            color: #5f97cd;
            display: inline-block;
            list-style-type: none;
            margin: 0;
            padding: 1% 1em 2%;
            position: relative;
            width: 100%;
        }

            .current-room-container .room-list > li.add-room-btn {
                color: #345392;
                text-transform: uppercase;
            }

                .current-room-container .room-list > li.add-room-btn::before {
                    content: '\f067';
                    font-family: 'FontAwesome';
                    margin-right: .5em;
                }

            .current-room-container .room-list > li:hover {
                background: #bfd5eb;
                cursor: pointer;
            }

                .current-room-container .room-list > li:hover > a {
                    color: #5f97cd;
                }

            .current-room-container .room-list > li.current {
                background: #bfd5eb;
            }

            .current-room-container .room-list > li > a {
                display: inline-block;
                font-size: small;
                height: 100%;
                width: 100%;
            }

    @media (max-width: 599px) {
        .current-room-container {
            display: inline-block;
        }
    }

    .appliance-control-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: white;
        border-radius: 0;
        display: inline-block;
        float: left;
        height: 100%;
        margin: 1em 0 1.5em;
        padding: 1% 0;
        width: 100%;
    }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .appliance-control-container {
            margin: -1.1em -1.7em 0 !important;
        }
    }

    @media (max-width: 599px) {
        .appliance-control-container {
            display: inline-block;
            margin: 0;
        }
    }

    .appliance-control-container .previous-btn,
    .appliance-control-container .next-btn {
        color: #5f97cd;
        display: inline-block;
        margin-top: 3.5rem;
        vertical-align: top;
    }

    @media (max-width: 599px) {
        .appliance-control-container .previous-btn,
        .appliance-control-container .next-btn {
            bottom: 2.5em;
            position: relative;
            vertical-align: text-top;
        }
    }

    .appliance-control-container .previous-btn:hover,
    .appliance-control-container .next-btn:hover {
        color: #3b7ebe;
        cursor: pointer;
    }

    .appliance-control-container .previous-btn::before,
    .appliance-control-container .next-btn::before {
        content: '\f053';
        font-family: FontAwesome;
        font-size: 1.5em;
    }

    @media (max-width: 599px) {
        .appliance-control-container .previous-btn::before,
        .appliance-control-container .next-btn::before {
            font-size: 1em;
        }
    }

    .appliance-control-container .next-btn::before,
    .appliance-control-container .lSNext::before {
        content: '\f054';
        position: absolute;
        right: 0;
    }

    .appliance-silder-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        height: 100%;
        margin-left: 2%;
        max-width: 90%;
        overflow: hidden;
        text-align: left;
        vertical-align: bottom;
        width: 100%;
    }

    @media (max-width: 599px) {
        .appliance-silder-container {
            width: 100%;
        }
    }

    .appliance-silder-container > .appliance-silder-wrapper {
        width: 88%;
        margin-left: 4%;
    }

    .appliances-header {
        background: #5f97cd;
        display: none;
        margin: 0 -1.1em 0;
        padding: 1rem;
        width: 113.8%;
    }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .appliances-header {
            margin: -0.08em -1.7em 0 !important;
        }
    }

    @media (max-width: 599px) {
        .appliances-header {
            display: inline-block;
        }
    }

    .appliances-header > p {
        color: white;
    }

    .appliance-tabs {
        margin: .5em auto .5em !important;
    }

    @media (max-width: 599px) {
        .appliance-tabs {
            height: auto !important;
            margin-top: 3em;
        }
    }

    @media (max-width: 599px) {
        .appliance-tabs > .tab-btn-container {
            margin-top: 1.25em;
        }
    }

    #cal_home .accordion-header {
        display: none;
    }

    #cal_rooms .accordion-header {
        display: none;
    }

    #cal_home .sub-header {
        left: -1000px;
        position: absolute;
        visibility: hidden;
    }

    #cal_home .accordion-item {
        margin: 0;
        padding: 0;
    }

    #cal_homepeak .accordion-header {
        display: none;
    }

    #cal_homepeak .sub-header {
        left: -1000px;
        position: absolute;
        visibility: hidden;
    }

    #cal_homepeak .accordion-item {
        margin: 0;
        padding: 0;
    }

    .appliance-view-container {
        float: left;
        height: 100%;
        margin: 0;
        width: 100%;
    }

    @media (max-width: 599px) {
        .appliance-view-container {
            margin-top: 1em;
        }
    }

    #cal_home .appliance-view-container .accordion-item {
        margin: 0;
        padding: 0;
    }

    #cal_homepeak .appliance-view-container .accordion-item {
        margin: 0;
        padding: 0;
    }

    .total-kw-charge-container {
        display: inline-block;
        width: 100%;
        height: 100%;
        margin-top: 1em;
    }

    .cta-block-wrapper {
        display: inline-block;
        margin: 1rem 0 0 3.25%;
        overflow: hidden;
        vertical-align: top;
        width: 33%;
    }

        .cta-block-wrapper:first-of-type, .cta-block-wrapper:first-child {
            margin-left: 0;
        }

    @media (max-width: 768px) {
        .cta-block-wrapper:first-of-type, .cta-block-wrapper:first-child {
            border-right: 0;
        }
    }

    @media (max-width: 768px) {
        .cta-block-wrapper:first-of-type .title-wrapper, .cta-block-wrapper:first-child .title-wrapper {
            border-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cta-block-wrapper:first-of-type .title-wrapper, .cta-block-wrapper:first-child .title-wrapper {
            border-right: thin solid #5b5b5b;
        }
    }

    @media (max-width: 768px) {
        .cta-block-wrapper:first-of-type .amount-wrapper, .cta-block-wrapper:first-child .amount-wrapper {
            border-right: 0;
        }
    }

    @media (max-width: 599px) {
        .cta-block-wrapper:first-of-type .amount-wrapper, .cta-block-wrapper:first-child .amount-wrapper {
            border-right: thin solid #5b5b5b;
        }
    }

    @media (max-width: 599px) {
        .cta-block-wrapper:first-of-type .kw-wrapper, .cta-block-wrapper:first-child .kw-wrapper {
        }
    }

    @media (max-width: 768px) {
        .cta-block-wrapper {
            margin: 0;
            width: 50%;
        }
    }

    @media (max-width: 599px) {
        .cta-block-wrapper {
            height: 100%;
            margin: 0;
            width: 100%;
        }
    }

    .cta-block-wrapper .kw-wrapper,
    .cta-block-wrapper .amount-wrapper,
    .cta-block-wrapper .title-wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: thin solid #5b5b5b;
        color: #5b5b5b;
        float: left;
        font-size: x-large;
        font-weight: 600;
        padding: 2rem 1rem;
        text-align: center;
        width: 50%;
    }

    @media (max-width: 1023px) {
        .cta-block-wrapper .kw-wrapper,
        .cta-block-wrapper .amount-wrapper,
        .cta-block-wrapper .title-wrapper {
            font-size: large;
        }
    }

    @media (max-width: 768px) {
        .cta-block-wrapper .kw-wrapper,
        .cta-block-wrapper .amount-wrapper,
        .cta-block-wrapper .title-wrapper {
            float: left;
            font-size: large;
            padding: 1rem;
        }
    }

    .cta-block-wrapper .kw-wrapper span,
    .cta-block-wrapper .amount-wrapper span {
        display: block;
        font-size: medium;
    }

    .cta-block-wrapper .amount-wrapper {
        border-left: 0;
    }

    .cta-block-wrapper .title-wrapper {
        /*This affects the headers of the charts in the appliance calculator*/
        background: #dfeaf5;
        border-bottom: 0;
        font-size: small;
        height: auto;
        padding: .5rem;
        width: 100%;
    }

    .cta-block-wrapper.kW-total {
        float: right;
        width: 27%;
    }

    @media (max-width: 768px) {
        .cta-block-wrapper.kW-total {
            height: 100%;
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .cta-block-wrapper.kW-total .title-wrapper {
            border-top: 0;
        }
    }

    .cta-block-wrapper.kW-total > .amount-wrapper {
        border: thin solid #5b5b5b;
    }

    #cal_home .appliance-table .tbody tr:nth-child(even) {
        background: none;
    }

    #cal_homepeak .appliance-table .tbody tr:nth-child(even) {
        background: none;
    }

    #cal_home .appliance-table .tbody tr:hover {
        background: #f4f4f4;
    }

    #cal_homepeak .appliance-table .tbody tr:hover {
        background: #f4f4f4;
    }

    .appliance-table-container {
        padding: 0;
    }

    #cal_home .appliance-table-container.first {
        margin-top: 2rem;
    }

    #cal_homepeak .appliance-table-container.first {
        margin-top: 2rem;
    }

    #cal_home .appliance-table-container.first .sub-header {
        left: 0;
        position: relative;
        visibility: visible;
    }

    #cal_homepeak .appliance-table-container.first .sub-header {
        left: 0;
        position: relative;
        visibility: visible;
    }

    .appliance-table-container:first-child, .appliance-table-container:first-of-type, .appliance-table-container.first {
        border-top: 0;
        margin-top: 0;
    }

    .appliance-table-container.current > .accordion-item > .accordion-header {
        background: #cf4a0c;
    }

        .appliance-table-container.current > .accordion-item > .accordion-header > .accordion-header-title > .room-ath > span,
        .appliance-table-container.current > .accordion-item > .accordion-header > .accordion-header-title > .room-peak > span {
            color: white;
        }

    @media (max-width: 599px) {
        .appliance-table-container.current > .accordion-item > .accordion-header > .accordion-toggle.white {
            background: #9c5a00;
        }
    }

    .appliance-table-container.current > .accordion-item > .accordion-content > .appliance-table .tbody tr td > span {
        color: #5b5b5b;
    }

    @media (max-width: 599px) {
        .appliance-table-container.current > .accordion-item > .accordion-content > .appliance-table .tbody .add .col-1 {
            background-color: #007568 !important;
        }

            .appliance-table-container.current > .accordion-item > .accordion-content > .appliance-table .tbody .add .col-1 > .row_app_name, .appliance-table-container.current > .accordion-item > .accordion-content > .appliance-table .tbody .add .col-1 > button {
                color: white !important;
            }
    }

    @media (max-width: 599px) {
        .appliance-table-container > .accordion-item > .accordion-header {
            padding: 4%;
        }
    }

    .appliance-table-container > .accordion-item > .accordion-header > .accordion-toggle::after {
        right: -1em;
    }

    @media (max-width: 599px) {
        .appliance-table-container > .accordion-item > .accordion-header > .accordion-toggle::after {
            right: .5em;
        }
    }

    table.appliance-table {
        border-top: 0;
        width: 100%;
    }

        table.appliance-table .thead tr {
            width: 100%;
        }

        table.appliance-table .sub-header > tr {
            background: #e4e4e4;
            width: 100%;
        }

            table.appliance-table .sub-header > tr > th {
                color: #5b5b5b;
                font-size: small;
                font-weight: 600;
                min-height: 60px;
                padding: .9em 1%;
                text-align: left;
                width: 116px;
            }

                table.appliance-table .sub-header > tr > th.col-1 {
                    width: 20%;
                }

    @media (max-width: 768px) {
        table.appliance-table .sub-header > tr > th.col-1 {
            display: none !important;
        }
    }

    table.appliance-table .sub-header > tr > th.col-2 {
        width: 10%;
    }

    table.appliance-table .sub-header > tr > th.col-3 {
        width: 10%;
    }

    table.appliance-table .sub-header > tr > th.col-4 {
        width: 10%;
    }

    table.appliance-table .sub-header > tr > th.col-5, table.appliance-table .sub-header > tr > th.col-6 {
        width: 15%;
    }

    table.appliance-table .sub-header > tr > th.col-7 {
        width: 10%;
    }

    table.appliance-table .sub-header > tr > th.col-8 {
        width: 10%;
    }

    @media (max-width: 768px) {
        table.appliance-table .sub-header > tr {
            display: none;
        }
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody {
            border: 0;
        }
    }

    table.appliance-table .tbody tr {
        border-top: thin solid #dedede;
        float: none;
        margin-top: 2em;
        width: 100%;
    }

        table.appliance-table .tbody tr:first-child, table.appliance-table .tbody tr:first-of-type {
            border: 0;
            margin-top: 0;
        }

    #cal_home table.appliance-table .tbody tr:first-child, #cal_home table.appliance-table .tbody tr:first-of-type {
        border-top: thin solid #dedede;
    }

    #cal_homepeak table.appliance-table .tbody tr:first-child, #cal_homepeak table.appliance-table .tbody tr:first-of-type {
        border-top: thin solid #dedede;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr {
            display: inline-block;
            margin-top: 0;
        }

            table.appliance-table .tbody tr:first-child, table.appliance-table .tbody tr:first-of-type {
                margin-top: 0;
            }

            table.appliance-table .tbody tr:hover {
                background: transparent;
            }
    }

    table.appliance-table .tbody tr td {
        color: #5b5b5b;
        font-size: small;
        font-weight: 600;
        padding: .9em 1%;
        /*text-transform: capitalize;*/
        width: 116px;
    }

        table.appliance-table .tbody tr td:first-child {
            white-space: normal;
        }

        table.appliance-table .tbody tr td > span {
            font-weight: 600;
        }

        table.appliance-table .tbody tr td.col-1 {
            position: relative;
            vertical-align: middle;
            width: 20%;
        }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td.col-1 {
            font-size: medium;
            margin-top: 1rem;
            padding: 3% 0 3% 2rem;
            text-align: left;
        }
    }

    table.appliance-table .tbody tr td.col-1 > .show-hide-btn {
        display: none;
        position: absolute;
        right: 2.5em;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td.col-1 > .show-hide-btn {
            display: inline-block;
            min-width: initial;
            right: .8em;
            top: 30%;
        }
    }

    table.appliance-table .tbody tr td.col-1 > .row-title {
        display: none;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td.col-1 > .row-title {
            display: none !important;
        }
    }

    table.appliance-table .tbody tr td.col-1 > .row_app_name {
        display: block;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td.col-1 > .row_app_name {
            display: none !important;
        }
    }

    table.appliance-table .tbody tr td.col-1 > .row_app_name2 {
        display: none;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td.col-1 > .row_app_name2 {
            display: block !important;
        }
    }

    table.appliance-table .tbody tr td.col-2 {
        width: 10%;
    }

    table.appliance-table .tbody tr td.col-3 {
        width: 10%;
    }

    table.appliance-table .tbody tr td.col-4 {
        width: 10%;
    }

    table.appliance-table .tbody tr td.col-5, table.appliance-table .tbody tr td.col-6 {
        width: 15%;
    }

    table.appliance-table .tbody tr td.col-7 {
        width: 10%;
    }

    table.appliance-table .tbody tr td.col-8 {
        width: 10%;
    }

        table.appliance-table .tbody tr td.col-2 input, table.appliance-table .tbody tr td.col-3 input, table.appliance-table .tbody tr td.col-4 input, table.appliance-table .tbody tr td.col-5 input, table.appliance-table .tbody tr td.col-6 input, table.appliance-table .tbody tr td.col-7 input, table.appliance-table .tbody tr td.col-8 input {
            border: 1px solid #5b5b5b;
            color: black;
            width: 60%;
        }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td.col-2, table.appliance-table .tbody tr td.col-3, table.appliance-table .tbody tr td.col-4, table.appliance-table .tbody tr td.col-5, table.appliance-table .tbody tr td.col-6, table.appliance-table .tbody tr td.col-7, table.appliance-table .tbody tr td.col-8 {
            display: none;
        }
    }

    table.appliance-table .tbody tr td.col-2.details.show, table.appliance-table .tbody tr td.col-3.details.show, table.appliance-table .tbody tr td.col-4.details.show, table.appliance-table .tbody tr td.col-5.details.show, table.appliance-table .tbody tr td.col-6.details.show, table.appliance-table .tbody tr td.col-7.details.show, table.appliance-table .tbody tr td.col-8.details.show {
        display: inline-block;
    }

    table.appliance-table .tbody tr td.col-2.details input, table.appliance-table .tbody tr td.col-3.details input, table.appliance-table .tbody tr td.col-4.details input, table.appliance-table .tbody tr td.col-5.details input, table.appliance-table .tbody tr td.col-6.details input, table.appliance-table .tbody tr td.col-7.details input, table.appliance-table .tbody tr td.col-8.details input {
        width: 80%;
    }

    table.appliance-table .tbody tr td > .remove > .remove-btn {
        display: inline-block;
        margin-top: 0;
        padding: 0;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td > .remove > .remove-btn {
            background: transparent none repeat scroll 0 0;
            border-radius: 5px;
            border: thin solid #df2911;
            color: #df2911;
            margin-bottom: 1rem;
            max-width: 90% !important;
            min-width: 90% !important;
            padding: 1rem;
            text-align: center;
            width: 90% !important;
        }

            table.appliance-table .tbody tr td > .remove > .remove-btn:hover {
                background: #df2911;
            }

                table.appliance-table .tbody tr td > .remove > .remove-btn:hover::before {
                    color: white;
                }

            table.appliance-table .tbody tr td > .remove > .remove-btn::before {
                color: #df2911;
                content: 'Delete Appliance' !important;
                font-family: "lato", Helvetica, Arial, sans-serif;
            }
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td {
            background: #f4f4f4;
            border-top: thin solid #5f97cd;
            border: 0;
            display: inline-block;
            padding: .5em 0;
            text-align: center;
            width: 100% !important;
        }

            table.appliance-table .tbody tr td:last-of-type, table.appliance-table .tbody tr td:last-child {
                border-bottom: 0;
            }
    }

    table.appliance-table .tbody tr td > .row-title {
        color: #5b5b5b;
        display: none;
        font-weight: 600;
        margin-bottom: 1rem;
        padding: .9em 1%;
        width: 100%;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td > .row-title {
            display: inline-block;
            font-size: medium;
            margin-bottom: 0;
            padding-bottom: .5rem;
        }
    }

    table.appliance-table .tbody tr td .room-label {
        display: none;
        margin-left: 1rem;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td .room-label {
            display: block;
            font-size: small;
            margin: 0;
        }
    }

    table.appliance-table .tbody tr td .row-quantity {
        display: none;
    }

    @media (max-width: 768px) {
        table.appliance-table .tbody tr td .row-quantity {
            display: inline-block;
        }
    }

    table.appliance-table .tbody tr.active {
        background: #cf4a0c;
    }

    table.appliance-table .tbody tr.empty > td {
        text-transform: none !important;
    }

    .peak-wrapper > .switch-btn {
        display: inline-block;
        float: none;
    }

    @media (max-width: 599px) {
        .peak-wrapper {
            text-align: center;
        }
    }

    .peak-wrapper.anytime-peak-btn > .switch-btn > .switch-label {
        background-color: #4c79a4;
    }

        .peak-wrapper.anytime-peak-btn > .switch-btn > .switch-label::before {
            color: white;
            content: "Any";
            font-size: .9em;
            left: 3px;
            top: 4px;
        }

    .peak-wrapper.anytime-peak-btn > .switch-btn > .toggle-round-flat:checked + .switch-label {
        background-color: #5f97cd;
    }

        .peak-wrapper.anytime-peak-btn > .switch-btn > .toggle-round-flat:checked + .switch-label .on-view::before {
            color: white;
            content: 'Peak';
            font-size: .8em;
            margin-left: 6px;
            margin-top: 7%;
        }

    .remove .remove-btn {
        display: inline-block !important;
        margin-top: 0 !important;
        min-width: auto !important;
    }

    @media (max-width: 768px) {
        .remove .remove-btn {
            background: transparent none repeat scroll 0 0;
            border-radius: 5px;
            border: thin solid #dedede;
            color: #df2911;
            font-size: small;
            font-weight: 600;
            max-width: 90% !important;
            min-width: 90% !important;
            text-align: center;
            width: 90% !important;
        }

            .remove .remove-btn:hover {
                background: #df2911;
            }

                .remove .remove-btn:hover::before {
                    color: white;
                }

            .remove .remove-btn::before {
                color: #df2911;
                content: 'Delete Appliance' !important;
                font-family: "lato", Helvetica, Arial, sans-serif;
            }
    }

    #cal_rooms .delete-btn {
        margin-left: 1em;
    }

    @media (max-width: 768px) {
        #cal_rooms .delete-btn {
            margin-left: 0;
        }
    }

    .appliance-table tbody tr.remove {
        background-color: rgba(228, 0, 0, 0.8);
    }

        .appliance-table tbody tr.remove > td {
            color: white !important;
        }

            .appliance-table tbody tr.remove > td > .remove > .remove-btn {
                color: white !important;
            }

    .appliance-table tbody tr.add {
        background-color: #95bb6c;
    }

        .appliance-table tbody tr.add > td {
            color: white !important;
        }

            .appliance-table tbody tr.add > td > .remove > .remove-btn {
                color: white !important;
            }

            .appliance-table tbody tr.add > td > span {
                color: #5b5b5b !important;
            }

        .appliance-table tbody tr.add > .co-1 {
            background: #95bb6c !important;
        }

    .calculator-modal {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: white;
        border: 2px solid #5b5b5b;
        display: none;
        left: 25%;
        margin: 0 auto;
        padding: 4% 2%;
        position: absolute;
        right: 25%;
        top: 20%;
        width: 410px;
        z-index: 9999999;
    }

        .calculator-modal.show {
            display: block;
        }

        .calculator-modal > .close {
            color: #7c7c7c;
            position: absolute;
            right: 1em;
            top: .5em;
        }

            .calculator-modal > .close:hover {
                color: #494949;
                cursor: pointer;
            }

    @media (max-width: 768px) {
        .calculator-modal {
            left: 0;
            right: 0;
            width: 100%;
        }
    }

    .calculator-modal-header-wrapper {
        background: #5b5b5b;
        padding: 13px 1.5em;
        width: 100%;
    }

        .calculator-modal-header-wrapper > h3 {
            font-weight: 600;
        }

        .calculator-modal-header-wrapper > .close {
            color: #7c7c7c;
            font-size: medium;
            position: absolute;
            right: 1em;
            top: .5em;
        }

            .calculator-modal-header-wrapper > .close:hover {
                color: white;
                cursor: pointer;
            }

    .calculator-modal-content-wrapper > h3 {
        font-weight: 600;
    }

    .calculator-modal-content-wrapper > p > span.title {
        font-size: 13px;
    }

    .calculator-modal-content-wrapper > .primary {
        margin: 2em auto 0;
        width: 100% !important;
    }

    .calculator-modal-content-wrapper #duplicateRoomOptions {
        max-width: 100%;
        width: 100%;
    }

    .appliance-silder-wrapper {
        width: 95%;
    }

    @media (min-width: 1200px) {
        .appliance-silder-wrapper {
            margin-left: 2em;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .appliance-silder-wrapper {
            margin-left: 0 !important;
            margin: 0 auto !important;
            padding-left: 1.4em;
            text-align: center;
            width: 178px !important;
        }
    }

    .slick-track {
        width: 10000% !important;
    }

    @media (max-width: 599px) {
        .slick-slide {
            margin: 0 34.4px !important;
        }
    }

    @media (max-width: 599px) {
        .slick-slide img {
            margin: 0 auto;
            width: 54% !important;
        }
    }

    .appliance-thumbnails {
        border: thin solid transparent;
        float: left;
        padding: .2em 0;
        text-align: center;
        text-transform: capitalize;
        width: 150px !important;
    }

    @media (min-width: 1200px) {
        .appliance-thumbnails {
            border: 0;
        }
    }

    @media (max-width: 599px) {
        .appliance-thumbnails {
            padding: 0;
            width: 130px !important;
        }
    }

    .appliance-thumbnails:hover {
        cursor: pointer;
    }

    .appliance-thumbnails > a {
        background: transparent;
        display: inline-block;
        height: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 70%;
    }

        .appliance-thumbnails > a > .appliance-icon {
            height: 100%;
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }

        .appliance-thumbnails > a > .appliance-icon-name {
            color: #5b5b5b;
            float: left;
            font-size: small;
            line-height: normal;
            margin-top: .5em;
            text-align: center;
            width: 100%;
        }

    .wattage-total-container {
        background: #494949;
        border-top: thick solid #cf4a0c;
        display: none;
        margin: 0 -1.1em 0;
        padding: 1em;
        width: 113.8%;
    }

    @media (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
        .wattage-total-container {
            margin: -1.1em -1.7em 0 !important;
        }
    }

    @media (max-width: 599px) {
        .wattage-total-container {
            display: inline-block;
        }
    }

    .wattage-total-container .room-total,
    .wattage-total-container .house-total {
        border-bottom: thin solid white;
        margin: 0;
        width: 100%;
    }

        .wattage-total-container .room-total > .peak-time-title,
        .wattage-total-container .house-total > .peak-time-title {
            margin-bottom: .5em;
            text-align: center;
            width: 100%;
        }

            .wattage-total-container .room-total > .peak-time-title > p,
            .wattage-total-container .house-total > .peak-time-title > p {
                color: #cfcfcf;
            }

        .wattage-total-container .room-total > .list-side-by-side dt,
        .wattage-total-container .room-total > .list-side-by-side dd,
        .wattage-total-container .house-total > .list-side-by-side dt,
        .wattage-total-container .house-total > .list-side-by-side dd {
            color: #cfcfcf;
            font-size: small;
        }

    .wattage-total-container .house-total {
        border-bottom: 0;
        margin-top: 1em;
    }

        .wattage-total-container .house-total > .list-side-by-side dt,
        .wattage-total-container .house-total > .list-side-by-side dd {
            color: #d99333;
        }

    .calculation-container {
        float: left;
        width: 100%;
    }

    .top-scroll-bar.invoice-table-scroll-bar {
        width: 900px;
    }

    table.demand-rate-table {
        border: thin solid #4c79a4;
        border: 0;
        min-width: 900px;
    }

        table.demand-rate-table .thead {
            display: none;
        }

        table.demand-rate-table tbody {
            border-top: thin solid #4c79a4;
        }

        table.demand-rate-table .sub-header {
            background: #4c79a4 !important;
        }

            table.demand-rate-table .sub-header tr th {
                color: white;
                font-size: small;
                font-weight: 600;
                height: 68px;
                padding: 2.2em 1% 0 3% !important;
                width: 10%;
            }

                table.demand-rate-table .sub-header tr th.col-1 {
                    width: 70%;
                }

        table.demand-rate-table .tbody tr {
            float: left;
            width: 100%;
        }

            table.demand-rate-table .tbody tr .remove {
                background-color: rgba(228, 0, 0, 0.8);
            }

            table.demand-rate-table .tbody tr td {
                border-right: thin solid #4c79a4;
                color: #5b5b5b;
                font-size: small;
                font-weight: 600;
                min-height: 48px;
                padding: 1% 3% !important;
                width: 10%;
            }

                table.demand-rate-table .tbody tr td.col-1 {
                    width: 70%;
                }

                table.demand-rate-table .tbody tr td > a {
                    text-decoration: underline;
                }

                table.demand-rate-table .tbody tr td > span {
                    font-weight: 600;
                }

    .construction-search-label-wrapper > .construction-label-name {
        color: white;
        margin-bottom: .5em;
    }

    @media (max-width: 599px) {
        .construction-search-label-wrapper > .construction-label-name {
            font-size: small;
        }
    }

    .construction-search-label-wrapper .construction-search-text-field {
        background: white;
    }

    @media (min-width: 1024px) and (orientation: landscape) {
        .construction-search-label-wrapper .construction-search-text-field {
            width: 70%;
        }
    }

    @media (min-width: 480px) {
        .construction-search-label-wrapper .construction-search-text-field {
            width: 67%;
        }
    }

    @media (max-width: 599px) {
        .construction-search-label-wrapper .construction-search-text-field {
            width: 100%;
        }
    }

    .construction-search-label-wrapper .construction-btn {
        background: #012877;
    }

        .construction-search-label-wrapper .construction-btn:hover {
            background: #01205f;
        }

        .construction-search-label-wrapper .construction-btn:focus {
            border: thin solid white;
        }

    #searchResultsSection {
        width: 100%;
    }

    #searchResultsContainer {
        width: 100%;
    }

    #constructionSearchTerm {
        margin-bottom: 10px;
    }

    .outreach-number {
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        background: rgba(91, 91, 91, 0.7);
        display: none;
        color: white;
        font-size: small;
        width: 271px;
        padding: 1em 2em;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media screen and (min-width: 0\0) {
        .outreach-number {
            width: 280px;
        }
    }

    @media (min-width: 1200px) {
        .outreach-number {
            float: right;
        }
    }

    @media (min-width: 1025px) and (max-width: 1285px) and (orientation: landscape) {
        .outreach-number {
            float: left;
        }
    }

    @media (max-width: 1023px) {
        .outreach-number {
            float: left;
        }
    }

    @media (max-width: 599px) {
        .outreach-number {
            float: left;
            padding: 1em;
            width: auto;
        }
    }

    .construction-search-container {
        background: #bfd5eb url("/cdn/images/backgrounds/construction/search-img.jpg") no-repeat 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        float: left;
        width: 100%;
        margin-bottom: 3em;
        padding: 1.5em 2.5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 599px) {
        .construction-search-container {
            padding: 1em;
        }
    }

    .construction-search-container > strong {
        float: left;
        width: 70%;
    }

    @media (max-width: 1023px) {
        .construction-search-container > strong {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .construction-search-container > strong {
            width: 100%;
        }
    }

    .construction-search-container > form > strong {
        color: white;
        float: left;
        font-size: medium;
        margin-bottom: 1.5em;
        text-transform: uppercase;
        width: 100%;
    }

    @media (min-width: 1200px) {
        .construction-search-container > form > strong {
            margin-right: 1em;
            width: auto;
        }
    }

    .advanced-search-container {
        display: inline-block !important;
        height: auto;
        margin-top: .5em;
    }

        .advanced-search-container > .dropdown-header, .description-container .advanced-search-container > .description-header {
            color: white;
            text-decoration: underline;
            width: 200px;
        }

            .advanced-search-container > .dropdown-header::before, .description-container .advanced-search-container > .description-header::before {
                content: '\f067';
                font-family: 'FontAwesome';
                font-size: x-small;
                margin-right: .5em;
                vertical-align: middle;
            }

            .advanced-search-container > .dropdown-header:focus, .description-container .advanced-search-container > .description-header:focus {
                outline: thin dotted white;
            }

        .advanced-search-container.open > .dropdown-header::before, .description-container .advanced-search-container.open > .description-header::before {
            content: '\f068';
        }

    .advanced-search-wrapper {
        background: rgba(255, 255, 255, 0.9);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        padding: 1.5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .advanced-search-wrapper > form > .button-wrapper, .modal-cover.advanced-search-wrapper > form.modal-keep > .button-wrapper, .advanced-search-wrapper > form > .mobile-button-wrapper {
            float: left;
        }

    .select-project-type-wrapper,
    .select-project-phase-wrapper,
    .select-district-wrapper {
        float: left;
        width: 48%;
    }

    @media (max-width: 599px) {
        .select-project-type-wrapper,
        .select-project-phase-wrapper,
        .select-district-wrapper {
            width: 100%;
            margin-bottom: 1em;
        }
    }

    .select-project-type-wrapper > h3,
    .select-project-phase-wrapper > h3,
    .select-district-wrapper > h3 {
        color: #cf4a0c;
        font-size: medium;
        font-weight: 400;
        border: 0;
    }

    .select-project-type-wrapper > .label-qtr, .select-project-type-wrapper > .label-sm,
    .select-project-phase-wrapper > .label-qtr,
    .select-project-phase-wrapper > .label-sm,
    .select-district-wrapper > .label-qtr,
    .select-district-wrapper > .label-sm {
        width: 100%;
    }

        .select-project-type-wrapper > .label-qtr:first-child, .select-project-type-wrapper > .label-sm:first-child,
        .select-project-phase-wrapper > .label-qtr:first-child,
        .select-project-phase-wrapper > .label-sm:first-child,
        .select-district-wrapper > .label-qtr:first-child,
        .select-district-wrapper > .label-sm:first-child {
            width: auto;
            margin-top: 0;
        }

        .select-project-type-wrapper > .label-qtr > span, .select-project-type-wrapper > .label-sm > span,
        .select-project-phase-wrapper > .label-qtr > span,
        .select-project-phase-wrapper > .label-sm > span,
        .select-district-wrapper > .label-qtr > span,
        .select-district-wrapper > .label-sm > span {
            margin: .15em .4em 0;
            width: auto;
            font-size: small;
            font-weight: 600;
        }

    .select-district-wrapper {
        float: right;
    }

    .select-project-phase-wrapper, .select-district-wrapper {
        width: 52%;
    }

    @media (min-width: 1628px) {
        .select-project-phase-wrapper, .select-district-wrapper {
            width: 24%;
        }
    }

    @media (max-width: 1024px) {
        .select-project-phase-wrapper, .select-district-wrapper {
            width: 52%;
        }
    }

    @media (max-width: 1023px) {
        .select-project-phase-wrapper, .select-district-wrapper {
            width: 52%;
        }
    }

    @media (max-width: 599px) {
        .select-project-phase-wrapper, .select-district-wrapper {
            width: 100%;
        }
    }

    @media (max-width: 1024px) {
        .select-district-wrapper > h3 {
            margin-top: 1em;
        }
    }

    @media (max-width: 1023px) {
        .select-district-wrapper > h3 {
            margin-top: 1em;
        }
    }

    .select-project-type-wrapper > .label-qtr > span, .select-project-type-wrapper > .label-sm > span, .project-type > .label-qtr > span, .project-type > .label-sm > span {
        font-size: small;
        float: none;
    }

    .selection-type, .selection-phase {
        width: 100%;
        float: left;
        margin-top: .5em;
    }

    .project-type, .project-phase {
        margin-left: 1.3em;
    }

    @media (min-width: 1200px) {
        .project-type:first-child, .project-phase:first-child {
            margin-left: 1.3em;
        }
    }

    @media (max-width: 1023px) {
        .project-type:first-child, .project-phase:first-child {
            margin-left: 1.3em;
        }
    }

    @media (max-width: 599px) {
        .project-type:first-child, .project-phase:first-child {
            margin-left: 1.3em;
        }
    }

    .project-type > .label-qtr, .project-type > .label-sm, .project-phase > .label-qtr, .project-phase > .label-sm {
        width: 100%;
        margin-top: .25em;
        padding: 0;
    }

    @media (min-width: 1200px) {
        .project-type > .label-qtr, .project-type > .label-sm, .project-phase > .label-qtr, .project-phase > .label-sm {
            width: 47%;
        }

            .project-type > .label-qtr:first-child, .project-type > .label-sm:first-child, .project-phase > .label-qtr:first-child, .project-phase > .label-sm:first-child {
                margin-top: 0;
            }
    }

    @media (max-width: 1023px) {
        .project-type > .label-qtr, .project-type > .label-sm, .project-phase > .label-qtr, .project-phase > .label-sm {
            border: 0;
        }
    }

    @media (max-width: 599px) {
        .project-type > .label-qtr, .project-type > .label-sm, .project-phase > .label-qtr, .project-phase > .label-sm {
            border: 0;
            padding: 0;
            width: 100%;
        }
    }

    .project-type > .label-qtr > span, .project-type > .label-sm > span, .project-phase > .label-qtr > span, .project-phase > .label-sm > span {
        margin: .15em .4em 0;
        width: auto;
        font-size: small;
        font-weight: 400;
    }

    .project-type.qtr, .project-phase.qtr {
        width: 100%;
    }

    @media (min-width: 1628px) {
        .project-type.qtr, .project-phase.qtr {
            width: 30%;
        }
    }

    @media (min-width: 1200px) {
        .project-type.qtr, .project-phase.qtr {
            width: 25%;
        }
    }

    @media (max-width: 1024px) {
        .project-type.qtr, .project-phase.qtr {
            width: 100%;
        }
    }

    .project-type.qtr {
        white-space: nowrap;
    }

    @media (max-width: 599px) {
        .project-type.qtr:first-child, .project-type.qtr:first-of-type {
            margin-left: 1.3em !important;
        }
    }

    @media (min-width: 1200px) {
        .project-type.qtr {
            width: 25%;
        }
    }

    @media (min-width: 1024px) and (max-width: 1651px) and (orientation: landscape) {
        .project-type.qtr {
            width: 90%;
        }
    }

    @media (max-width: 1023px) {
        .project-type.qtr {
            margin-left: 1.3em;
        }
    }

    @media (max-width: 599px) {
        .project-type.qtr {
            margin-left: 1.3em;
        }
    }

    .project-phase.qtr {
        width: 100%;
    }

    @media (max-width: 599px) {
        .project-phase {
            margin-left: 1.5em !important;
        }
    }

    .project-phase > .label-qtr, .project-phase > .label-sm {
        width: 100%;
    }

    .select-district.qtr {
        width: 100%;
    }

        .select-district.qtr > p {
            text-align: right;
            font-size: small;
        }

    @media (max-width: 599px) {
        .select-district.qtr > p {
            text-align: left;
        }
    }

    .select-district > .label-qtr, .select-district > .label-sm {
        width: 100%;
        white-space: normal;
    }

        .select-district > .label-qtr > select, .select-district > .label-sm > select {
            width: 100%;
            height: 32px;
        }

    .content-section {
        float: left;
    }

    .content-container {
        padding-left: 0;
    }

        .content-container > ul {
            margin-left: 1em;
        }

    .project-listing {
        margin-top: 2em;
    }

        .project-listing .project-list-wrapper .project-list-item .project-wrapper {
            display: block;
            padding: 2% 2% !important;
        }

            .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
                margin: 0 2% 0 0;
            }

    @media (max-width: 1023px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
            margin-bottom: 0;
            width: 100%;
            max-width: 21%;
            height: 150px;
            margin: 0 2em 1em 0;
        }
    }

    @media (min-width: 800px) and (max-width: 600px) and (orientation: landscape) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
            max-width: 21%;
            height: 150px;
        }
    }

    @media (max-width: 599px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper {
            margin-bottom: 0;
            width: 100%;
            max-width: 100%;
            height: 150px;
        }
    }

    .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper > .thumbnail {
        max-width: 100% !important;
        border: 0;
        overflow: hidden;
    }

        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper > .thumbnail > img {
            border: 0;
            width: auto;
            height: 100%;
        }

    @media (max-width: 768px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper > .thumbnail > img {
            height: auto;
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-thumbnail-wrapper > .thumbnail {
            background-color: white !important;
            background-position: center !important;
            background-size: 60% !important;
        }
    }

    .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
        width: 61%;
        padding-top: 0;
    }

    @media (min-width: 1024px) and (orientation: landscape) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 61% !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
    }

    @media (min-width: 1200px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 72% !important;
            padding-top: 1em;
        }
    }

    @media (max-width: 768px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 61%;
        }
    }

    @media (max-width: 1023px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 70%;
            text-align: left;
            margin-left: 0;
            padding-left: 1.5em;
        }
    }

    @media (min-width: 800px) and (max-width: 600px) and (orientation: landscape) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 70%;
            padding-left: .9em;
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 70%;
            padding-left: .9em;
        }
    }

    @media (min-width: 480px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            width: 70%;
            padding-left: 0;
            margin-top: 1em;
        }
    }

    @media (max-width: 599px) {
        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper {
            text-align: left;
            width: 100%;
            margin-top: 1em;
            padding-left: 0;
        }
    }

    .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper > h2 {
        color: #5b5b5b !important;
        margin-top: 0 !important;
    }

    .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper > p {
        font-size: 16px !important;
        line-height: normal !important;
        color: #5b5b5b !important;
        font-weight: 400 !important;
    }

    .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper {
        width: 100%;
    }

        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper > p {
            width: 100%;
            color: #5b5b5b;
            font-size: small;
        }

            .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper > p:before {
                font-family: "FontAwesome";
                content: "\f073";
                font-size: small;
                vertical-align: middle;
                margin-right: .5em;
            }

        .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link {
            width: 100%;
            float: left;
        }

            .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link:before {
                font-family: "FontAwesome";
                content: "\f067";
                font-size: small;
                vertical-align: middle;
                margin-right: .5em;
                text-decoration: none;
            }

            .project-listing .project-list-wrapper .project-list-item .project-wrapper .project-content-wrapper .project-time-wrapper .project-cal-link > span {
                font-size: small;
                text-decoration: underline;
            }

    .construction-search-wrapper {
        padding-left: 0 !important;
        width: 100%;
    }

    .const-large-image {
        display: none;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 2em;
    }

        .const-large-image.show-img {
            display: inline-block;
        }

        .const-large-image > img {
            width: 88%;
            height: 100%;
            position: relative;
            float: left;
        }

    @media (max-width: 1024px) {
        .const-large-image > img {
            width: 100%;
        }
    }

    .const-content.visible-small-banner > .h1-border {
        padding-left: 5.8% !important;
        width: 100% !important;
    }

    @media (max-width: 1023px) {
        .const-content.visible-small-banner > .h1-border {
            padding-left: 0 !important;
        }
    }

    .const-content .show-img {
        width: 100% !important;
    }

    .const-cb-content-container, .search-results-container {
        /* width: 70%; */
        float: left;
    }

    @media (max-width: 1023px) {
        .const-cb-content-container, .search-results-container {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .const-cb-content-container, .search-results-container {
            width: 100%;
        }
    }

    .const-cb-content-container {
        margin-top: 0 !important;
    }

        .const-cb-content-container > .content-container {
            width: 90%;
        }

    @media (max-width: 1023px) {
        .const-cb-content-container > .content-container {
            width: 100%;
        }
    }

    @media (max-width: 599px) {
        .const-cb-content-container > .content-container {
            width: 100%;
        }
    }

    .const-cb-content-container > .content-container > h2 {
        font-size: 20px;
        margin-top: 1em;
    }

    .const-cb-content-container > .content-container > h3 {
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
    }

    .const-cb-content-container .single-image {
        height: auto !important;
        width: 100% !important;
    }

    .search-results-container {
        width: 70%;
    }

    #ProjectObjective .gallery-container, #OptionalBody .gallery-container {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        padding-bottom: 1em;
    }

    @media (min-width: 1538px) {
        #ProjectObjective .gallery-container, #OptionalBody .gallery-container {
            -webkit-column-count: 4;
            -moz-column-count: 4;
            column-count: 4;
        }
    }

    @media (max-width: 1024px) {
        #ProjectObjective .gallery-container, #OptionalBody .gallery-container {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
    }

    @media (max-width: 599px) {
        #ProjectObjective .gallery-container, #OptionalBody .gallery-container {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            column-count: 1;
        }
    }

    #ProjectObjective .gallery-img-container, #OptionalBody .gallery-img-container {
        height: 196px;
        width: auto;
    }

    @media (max-width: 1024px) {
        #ProjectObjective .gallery-img-container, #OptionalBody .gallery-img-container {
            height: 235px;
        }
    }

    @media (max-width: 599px) {
        #ProjectObjective .gallery-img-container, #OptionalBody .gallery-img-container {
            width: 100%;
        }
    }

    #ProjectObjective .gallery-img-container > a > .gallery-mask, #OptionalBody .gallery-img-container > a > .gallery-mask {
        height: 100% !important;
    }

    .const-content-container .h1-border {
        margin-left: 5.8%;
        width: 94.2%;
    }

    @media (max-width: 1024px) {
        .const-content-container .h1-border {
            margin-left: 0;
            width: 100% !important;
        }
    }

    .const-content-container > h2 {
        padding-left: 8%;
    }

    @media (max-width: 1024px) {
        .const-content-container > h2 {
            padding-left: 0;
            width: 100% !important;
        }
    }

    .const-content-container > p {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
    }

    @media (max-width: 1024px) {
        .const-content-container > p {
            width: 100% !important;
        }
    }

    .const-content-container img.fancy {
        width: 100%;
        margin: 1em 0 2em;
        display: block;
    }

    .const-content-container .design_group {
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
	margin-bottom: 1em;
    }

        .const-content-container .design_group > div > div > span > div > ul {
            margin-left: 1em;
            margin-bottom: 1em;
        }

        .const-content-container .design_group > div > div > span > div > p, .const-content-container .design_group > div > div > span > div iframe {
            margin-bottom: 1em;
        }

        .const-content-container .design_group > div > div > span > div > hr {
            margin-top: 2em;
            margin-bottom: 2em;
        }

    @media (max-width: 1024px) {
        .const-content-container .design_group {
            width: 100% !important;
        }
    }

    .construction-search-wrapper > form > .result-filter {
        width: 100%;
        min-height: 30px;
        padding: 0;
    }

        .construction-search-wrapper > form > .result-filter > .results-wrapper {
            width: 100%;
            top: 0;
            position: absolute;
        }

    .construction-search-wrapper > form > .search-result-list {
        margin-top: 7em;
        padding: 0;
    }

    @media (min-width: 1200px) {
        .construction-search-wrapper > form > .search-result-list {
            margin-top: 1em;
            padding: 0;
        }
    }

    .dropdown-menu-container {
        display: inline-block;
        width: 100%;
        text-align: left;
        top: 6em;
        position: relative;
    }

    @media (min-width: 1200px) {
        .dropdown-menu-container {
            width: 320px;
            float: right;
            text-align: right;
            top: -.1em;
        }
    }

    .dropdown-menu-container > span {
        display: inline-block;
        width: auto;
        vertical-align: top;
    }

    /* Custom Select */
    .dropdown-menu-wrapper {
        background: white;
        border: thin solid #dedede;
        position: relative;
        display: inline-block;
        width: 100%;
        margin-top: .5em;
        padding: .15em .15em;
        line-height: 2;
        overflow: hidden;
        border-radius: .25em;
        vertical-align: top;
        /* Arrow */
        /* Transition */
        /* Rest */
        /* Dropdown */
        /* Focus */
    }

    @media (min-width: 1200px) {
        .dropdown-menu-wrapper {
            width: 250px;
            margin-top: -.5em;
        }
    }

    .dropdown-menu-wrapper:after {
        font-family: FontAwesome;
        content: '\25BC';
        content: '\f0dd';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: .15em 1em;
        pointer-events: none;
    }

    .dropdown-menu-wrapper:hover::after {
        color: #5f97cd;
    }

    .dropdown-menu-wrapper:hover, .dropdown-menu-wrapper:focus {
        border-color: #5f97cd;
        color: #5f97cd;
    }

    .dropdown-menu-wrapper::after {
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease;
    }

    .dropdown-menu-wrapper > select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        outline: 0;
        box-shadow: none;
        border: 0 !important;
        background: transparent;
        background-image: none;
    }

    .dropdown-menu-wrapper > select {
        width: 95%;
        height: 100%;
        margin: 0;
        padding: 0 0 0 .5em;
        cursor: pointer;
    }

    @media (min-width: 1200px) {
        .dropdown-menu-wrapper > select {
            width: 100%;
        }
    }

    .dropdown-menu-wrapper > select::-ms-expand {
        display: none;
    }

    .dropdown-menu-wrapper > select:hover {
        color: #5f97cd;
    }

    .dropdown-menu-wrapper > select:focus {
        border-color: #5f97cd;
    }

    .dropdown-menu-wrapper:focus > select {
        border-color: #5f97cd;
    }

    .project-list-item.const-chilled-water > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_ChilledWater.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-chilled-water > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_ChilledWater.png");
            display: none;
        }

    .project-list-item.const-electric > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Electric.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-electric > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Electric.png");
            display: none;
        }

    .project-list-item.const-jea-facility > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_JEAFacility.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-jea-facility > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_JEAFacility.png");
            display: none;
        }

    .project-list-item.const-other > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Other.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-other > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Other.png");
            display: none;
        }

    .project-list-item.const-reclaimed > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Reclaimed.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-reclaimed > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Reclaimed.png");
            display: none;
        }

    .project-list-item.const-sewer > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Sewer.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-sewer > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Sewer.png");
            display: none;
        }

    .project-list-item.const-tree-trimming > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_TreeTrimming.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-tree-trimming > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_TreeTrimming.png");
            display: none;
        }

    .project-list-item.const-water > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Water.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-water > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_Water.png");
            display: none;
        }

    .project-list-item.const-water-sewer > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
        background: url("https://jea.com/uploadedImages/Images/ConstructionIcon_WaterSewer.png") no-repeat !important;
        background-size: 100% !important;
    }

        .project-list-item.const-water-sewer > .project-wrapper > .project-thumbnail-wrapper > .thumbnail > img[src*="https:"] {
            content: url("https://jea.com/uploadedImages/Images/ConstructionIcon_WaterSewer.png");
            display: none;
        }

    @media (max-width: 599px) {
        .project-list-item > .project-wrapper > .project-thumbnail-wrapper > .thumbnail {
            background-position: center center !important;
            background-size: 47% !important;
        }
    }

    .const-content > .sidebar, .content-section > .sidebar {
        border-top: 0 !important;
        width: 30%;
    }

    @media (max-width: 1024px) {
        .const-content > .sidebar, .content-section > .sidebar {
            width: 100%;
        }
    }

    .sidebar-h2 {
        border-bottom-color: gray !important;
        float: none;
    }

    .sidebar-h3 {
        border-bottom-color: gray !important;
        float: none;
    }

    .sidebar-related-list p {
        font-size: small;
    }

    .sidebar-content-wrapper .sidebar-related-list li {
        border-bottom: thin solid gray;
    }

    .sidebar-contact-list p {
        font-size: small;
    }

    @media (min-width: 1200px) {
        .page-content-container > .cmscontent, .page-content-container > .const-content {
            max-width: 1400px;
        }
    }

    .content-container-search > .cmscontent, .content-container-search > .const-content {
        margin: 0 auto 1em !important;
        width: 90% !important;
    }

        .content-container-search > .cmscontent:first-of-type, .content-container-search > .const-content:first-of-type {
            margin-top: 3.5em;
        }

    @media (min-width: 1200px) {
        .content-container-search > .cmscontent, .content-container-search > .const-content {
            width: 100% !important;
        }
    }

    @media (max-width: 1023px) {
        .content-container-search > .cmscontent, .content-container-search > .const-content {
            width: 90% !important;
        }
    }

    .employee-search-wrapper {
        padding-left: 0 !important;
        width: 100% !important;
    }

    .employee-search-label-wrapper .employee-label-name {
        width: 100%;
        color: white;
        font-size: medium;
        margin-bottom: .5em;
    }

    @media (max-width: 599px) {
        .employee-search-label-wrapper .employee-label-name {
            font-size: small;
        }
    }

    .employee-search-label-wrapper .employee-label-name > h2 {
        color: white;
        font-size: small;
        margin-bottom: .5em;
    }

    @media (max-width: 599px) {
        .employee-search-label-wrapper .employee-label-name > h2 {
            font-size: x-small;
        }
    }

    .employee-search-label-wrapper .employee-search-text-field {
        background: white;
    }

    .employee-search-label-wrapper .employee-btn {
        background: #012877;
    }

        .employee-search-label-wrapper .employee-btn:hover {
            background: #012877;
        }

    .employee-search-container {
        background: #bfd5eb url("/cdn/images/backgrounds/employee-search/employee-search-extra-canvas.png") no-repeat 0 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        float: left;
        width: 100%;
        padding: 1.5em 2.5em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (min-width: 1200px) {
        .employee-search-container {
            background-position: 0 -6em;
        }
    }

    @media (max-width: 599px) {
        .employee-search-container {
            padding: 1em 1em;
        }
    }

    .employee-search-container > strong {
        color: white;
        font-size: medium;
        text-transform: uppercase;
        margin-bottom: 1.5em;
        float: left;
    }

    .query-example {
        width: 100%;
        margin-top: 1em;
        float: left;
    }

        .query-example > .label-name {
            color: white;
            font-size: small;
        }

        .query-example > .query-example-list li {
            list-style: inside none disc;
            color: white;
            list-style: none;
            font-size: small;
        }

    .employee-search-results-container {
        float: left;
        margin-top: 4em;
        width: 100%;
    }

    .top-scroll-bar.invoice-table-scroll-bar {
        width: 900px;
    }

    table.employee-table {
        border: thin solid #4c79a4;
        border: 0;
        min-width: 900px;
    }

        table.employee-table .thead {
            display: none;
        }

        table.employee-table tbody {
            border-top: thin solid #4c79a4;
        }

        table.employee-table .sub-header {
            background: #4c79a4 !important;
        }

            table.employee-table .sub-header tr {
                display: inline-block;
                width: 100%;
            }

                table.employee-table .sub-header tr th {
                    display: inline-block;
                    font-size: small;
                    font-weight: 600;
                    color: #5b5b5b;
                    padding: .9em 1%;
                    width: 32.3%;
                    color: white;
                }

        table.employee-table .tbody tr {
            display: inline-block;
            width: 100%;
        }

            table.employee-table .tbody tr td {
                display: inline-block;
                border-right: thin solid #4c79a4;
                padding: .9em 1%;
                font-size: small;
                width: 32.3%;
                font-weight: 500;
                color: #5b5b5b;
            }

                table.employee-table .tbody tr td > a {
                    text-decoration: underline;
                }

    .septic-search-label-wrapper {
        float: left;
        margin-left: 0;
        width: 60%;
    }

    @media (min-width: 1200px) {
        .septic-search-label-wrapper {
            max-width: 600px;
            width: 70%;
        }
    }

    @media (max-width: 599px) {
        .septic-search-label-wrapper {
            width: 100%;
        }
    }

    .septic-search-label-wrapper .septic-label-name > h2 {
        color: white;
        font-size: small;
        margin-bottom: .5em;
    }

    @media (max-width: 599px) {
        .septic-search-label-wrapper .septic-label-name > h2 {
            font-size: x-small;
        }
    }

    .septic-search-label-wrapper .septic-search-text-field {
        background: white;
        width: 100%;
    }

    .septic-search-label-wrapper .employee-label-name {
        display: inline-block;
        width: auto;
    }

    .septic-search-container {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /* Prevent background color leak outs */
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #bfd5eb url("/cdn/images/backgrounds/septic/search-img.jpg") no-repeat 0 0;
        display: none;
        float: left;
        margin-bottom: 2em;
        padding: 1.5em 2.5em;
        width: 100%;
    }

    @media (max-width: 599px) {
        .septic-search-container {
            padding: 1em;
        }
    }

    .septic-search-container > strong {
        color: white;
        float: left;
        font-size: medium;
        text-transform: uppercase;
    }

    #spnError {
        background: rgba(255, 255, 255, 0.9);
        margin-left: .25%;
        padding: 1%;
    }

    .content-section.septic-content > .content-container {
        padding-left: 0;
    }

        .content-section.septic-content > .content-container > ul {
            margin-bottom: 1em;
            margin-top: 1em;
        }

        .content-section.septic-content > .content-container > h2,
        .content-section.septic-content > .content-container > p {
            margin-left: 0;
        }

    .septic-search-wrapper {
        padding-left: 0 !important;
        width: 100% !important;
        margin-bottom: 1.5em !important;
    }

        .septic-search-wrapper > .septic-btn {
            background: #012877;
            float: left;
            left: 1em;
            position: relative;
            top: 2.5em;
        }

    @media (max-width: 599px) {
        .septic-search-wrapper > .septic-btn {
            left: 0;
            top: .5em;
        }
    }

    .septic-search-wrapper > .septic-btn:hover {
        background: #01205f;
    }

    .septic-search-wrapper > .septic-btn::before {
        content: 'Search';
        display: inline-block;
        padding-right: 3px;
        text-transform: capitalize;
        vertical-align: middle;
    }

    .item-for-sale {
        border: thin solid #dedede;
        border-radius: 3px;
        float: left;
        margin: 2% 5%;
        padding: .5em;
        text-align: center;
        width: 40%;
    }

        .item-for-sale:nth-of-type(even) {
            float: right;
        }

    .item-title {
        margin-bottom: .5rem;
        text-decoration: underline;
    }

    .electric-bill-wrapper, .water-bill-wrapper {
        display: table;
        width: 100%;
        margin: 2% 0 4%;
        min-height: 500px;
        vertical-align: top;
        position: relative;
    }

    @media (max-width: 599px) {
        .electric-bill-wrapper, .water-bill-wrapper {
            display: inline-block;
        }
    }

    .electric-bill-wrapper .electric-left-side, .electric-bill-wrapper .water-left-side, .water-bill-wrapper .electric-left-side, .water-bill-wrapper .water-left-side {
        display: table-cell;
        background: #dfeaf5;
        max-width: 293px;
        width: 30%;
        height: 100%;
        padding-bottom: 2em;
        overflow: hidden;
        vertical-align: top;
    }

        .electric-bill-wrapper .electric-left-side .base-content, .electric-bill-wrapper .water-left-side .base-content, .water-bill-wrapper .electric-left-side .base-content, .water-bill-wrapper .water-left-side .base-content {
            display: block;
            color: white;
            text-align: center;
            width: 90%;
            margin: 0 auto;
            z-index: 2;
            position: relative;
        }

        .electric-bill-wrapper .electric-left-side > .rule, .electric-bill-wrapper .water-left-side > .rule, .water-bill-wrapper .electric-left-side > .rule, .water-bill-wrapper .water-left-side > .rule {
            display: block;
            border-bottom-color: #494949 !important;
            margin: 1.5em auto;
            width: 90%;
        }

    .electric-bill-wrapper .electric-right-side, .electric-bill-wrapper .water-right-side, .water-bill-wrapper .electric-right-side, .water-bill-wrapper .water-right-side {
        float: left;
        width: 100%;
        vertical-align: top;
    }

        .electric-bill-wrapper .electric-right-side .bill-content, .electric-bill-wrapper .water-right-side .bill-content, .water-bill-wrapper .electric-right-side .bill-content, .water-bill-wrapper .water-right-side .bill-content {
            margin-bottom: 2em;
        }

        .electric-bill-wrapper .electric-right-side .bill-h3, .electric-bill-wrapper .water-right-side .bill-h3, .water-bill-wrapper .electric-right-side .bill-h3, .water-bill-wrapper .water-right-side .bill-h3 {
            margin: 0 0 2em;
            font-size: 16px;
        }

    @media (max-width: 599px) {
        .electric-bill-wrapper .electric-left-side, .electric-bill-wrapper .water-left-side, .water-bill-wrapper .electric-left-side, .water-bill-wrapper .water-left-side {
            display: inline-block;
            max-width: 100%;
            width: 100%;
            margin-bottom: 1.5em;
        }
    }

    .electric-bill-wrapper .title-icon, .water-bill-wrapper .title-icon {
        display: table-cell;
        width: 100px;
        height: 50px;
        vertical-align: top;
    }

        .electric-bill-wrapper .title-icon.electric-icon, .water-bill-wrapper .title-icon.electric-icon {
            background: url(/cdn/images/icons/bill-estimator/electric_bill_icon.png) no-repeat 3em 0;
            background-size: 40%;
        }

        .electric-bill-wrapper .title-icon.water-icon, .water-bill-wrapper .title-icon.water-icon {
            background: url(/cdn/images/icons/bill-estimator/water_bill_icon.png) no-repeat 3em 0;
            background-size: 40%;
        }

    @media (max-width: 599px) {
        .electric-bill-wrapper .title-icon, .water-bill-wrapper .title-icon {
            display: none;
        }
    }

    .note-wrapper {
        width: 100%;
        float: left;
    }

        .note-wrapper .note {
            font-size: 16px;
        }

    .electric-label-wrapper, .water-label-wrapper, .bottom-margin {
        display: block;
        width: 80%;
        margin: 2em auto 0;
    }

        .electric-label-wrapper:last-of-type, .water-label-wrapper:last-of-type, .bottom-margin:last-of-type {
            margin-bottom: 0;
        }

        .electric-label-wrapper .electric-label-name, .electric-label-wrapper .water-label-name, .water-label-wrapper .electric-label-name, .water-label-wrapper .water-label-name, .bottom-margin .electric-label-name, .bottom-margin .water-label-name {
            padding: 0;
            color: #5b5b5b;
        }

        .electric-label-wrapper #electric_input.text-field, .electric-label-wrapper #water_input.text-field, .water-label-wrapper #electric_input.text-field, .water-label-wrapper #water_input.text-field, .bottom-margin #electric_input.text-field, .bottom-margin #water_input.text-field {
            border: thin solid #5b5b5b;
            width: 100%;
            height: 34px;
            margin: 0 0 1%;
            padding: 0 2%;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .electric-label-wrapper #electric_input.text-field:focus, .electric-label-wrapper #water_input.text-field:focus, .water-label-wrapper #electric_input.text-field:focus, .water-label-wrapper #water_input.text-field:focus, .bottom-margin #electric_input.text-field:focus, .bottom-margin #water_input.text-field:focus {
                border-color: #5f97cd;
            }

        .electric-label-wrapper #electric_input.electric-select, .electric-label-wrapper #electric_input.water-select, .electric-label-wrapper #water_input.electric-select, .electric-label-wrapper #water_input.water-select, .water-label-wrapper #electric_input.electric-select, .water-label-wrapper #electric_input.water-select, .water-label-wrapper #water_input.electric-select, .water-label-wrapper #water_input.water-select, .bottom-margin #electric_input.electric-select, .bottom-margin #electric_input.water-select, .bottom-margin #water_input.electric-select, .bottom-margin #water_input.water-select {
            background: white url(/cdn/images/icons/dropdown_arrow.png) no-repeat 96% center;
            border: thin solid #5b5b5b;
            width: 100%;
            height: 34px;
            margin: 0 0 2%;
            padding: 0 2%;
            font-size: small;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            /* Prevent background color leak outs */
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
        }

            .electric-label-wrapper #electric_input.electric-select:focus, .electric-label-wrapper #electric_input.water-select:focus, .electric-label-wrapper #water_input.electric-select:focus, .electric-label-wrapper #water_input.water-select:focus, .water-label-wrapper #electric_input.electric-select:focus, .water-label-wrapper #electric_input.water-select:focus, .water-label-wrapper #water_input.electric-select:focus, .water-label-wrapper #water_input.water-select:focus, .bottom-margin #electric_input.electric-select:focus, .bottom-margin #electric_input.water-select:focus, .bottom-margin #water_input.electric-select:focus, .bottom-margin #water_input.water-select:focus {
                border-color: #5f97cd;
            }

    @media (max-width: 768px) {
        .electric-label-wrapper #electric_input.electric-select, .electric-label-wrapper #electric_input.water-select, .electric-label-wrapper #water_input.electric-select, .electric-label-wrapper #water_input.water-select, .water-label-wrapper #electric_input.electric-select, .water-label-wrapper #electric_input.water-select, .water-label-wrapper #water_input.electric-select, .water-label-wrapper #water_input.water-select, .bottom-margin #electric_input.electric-select, .bottom-margin #electric_input.water-select, .bottom-margin #water_input.electric-select, .bottom-margin #water_input.water-select {
            background-position: 96% center;
        }
    }

    @media (max-width: 599px) {
        .electric-label-wrapper #electric_input.electric-select, .electric-label-wrapper #electric_input.water-select, .electric-label-wrapper #water_input.electric-select, .electric-label-wrapper #water_input.water-select, .water-label-wrapper #electric_input.electric-select, .water-label-wrapper #electric_input.water-select, .water-label-wrapper #water_input.electric-select, .water-label-wrapper #water_input.water-select, .bottom-margin #electric_input.electric-select, .bottom-margin #electric_input.water-select, .bottom-margin #water_input.electric-select, .bottom-margin #water_input.water-select {
            background-position: 96% center;
        }
    }

    .electric-label-wrapper #electric_input.electric-select select::-ms-expand, .electric-label-wrapper #electric_input.water-select select::-ms-expand, .electric-label-wrapper #water_input.electric-select select::-ms-expand, .electric-label-wrapper #water_input.water-select select::-ms-expand, .water-label-wrapper #electric_input.electric-select select::-ms-expand, .water-label-wrapper #electric_input.water-select select::-ms-expand, .water-label-wrapper #water_input.electric-select select::-ms-expand, .water-label-wrapper #water_input.water-select select::-ms-expand, .bottom-margin #electric_input.electric-select select::-ms-expand, .bottom-margin #electric_input.water-select select::-ms-expand, .bottom-margin #water_input.electric-select select::-ms-expand, .bottom-margin #water_input.water-select select::-ms-expand {
        display: none;
    }

    .bottom-margin {
        margin-bottom: 2em;
    }

    .radio-label-wrapper {
        display: block;
        width: 80%;
        margin: 2% auto;
    }

        .radio-label-wrapper > p {
            display: inline-block;
        }

    #electric_bill_bw.button-wrapper, #electric_bill_bw.mobile-button-wrapper, #water_bill_bw.button-wrapper, #water_bill_bw.mobile-button-wrapper {
        display: block;
        margin: 1em auto 0;
        width: 80%;
    }

        #electric_bill_bw.button-wrapper > button, .modal-cover > .modal-keep > div > #electric_bill_bw.button-wrapper > button, .modal-cover > .modal-keep > #electric_bill_bw.button-wrapper > button, #electric_bill_bw.mobile-button-wrapper > button, #water_bill_bw.button-wrapper > button, .modal-cover > .modal-keep > div > #water_bill_bw.button-wrapper > button, .modal-cover > .modal-keep > #water_bill_bw.button-wrapper > button, #water_bill_bw.mobile-button-wrapper > button {
            margin-left: 0;
            width: 100%;
            min-width: 100%;
            max-width: 100%;
        }

    .base {
        background: #5f97cd;
        display: block;
        min-height: 44px;
        margin: 0 auto 55px;
        padding-top: 4%;
        position: relative;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .base:before {
            display: block;
            margin: 0 auto;
            content: "";
            height: 0;
            left: 0;
            position: absolute;
            width: 100%;
        }

    @media (min-width: 1538px) {
        .base:before {
            border-left: 180px solid transparent;
            border-right: 180px solid transparent;
            border-top: 35px solid #5f97cd;
            bottom: -35px;
            min-width: 293px;
            max-width: 293px;
        }
    }

    @media (max-width: 1024px) {
        .base:before {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .base:before {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .base:before {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .base:before {
            display: none;
        }
    }

    @media (max-width: 599px) {
        .base {
            padding: 4% 4%;
        }
    }

    .estimator-table {
        display: inline-block;
        width: 100%;
        border-collapse: collapse;
        margin-top: 2%;
        margin-bottom: 2em;
    }

        .estimator-table tbody, .estimator-table tfoot {
            display: inline-block;
            width: 100%;
        }

        .estimator-table .tbody {
            margin-top: -6px;
            padding: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .estimator-table .tbody tr {
                float: left;
                border-bottom: thin solid #cfcfcf;
                width: 100%;
            }

                .estimator-table .tbody tr td {
                    padding: 1% 2%;
                    font-size: 16px;
                    vertical-align: top;
                    text-align: right;
                    font-weight: bold;
                    float: left;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .estimator-table .tbody tr td:first-child {
                        white-space: normal;
                        font-weight: normal;
                        text-align: left;
                    }

                    .estimator-table .tbody tr td.col-1, .estimator-table .tbody tr td.col-2 {
                        width: 50%;
                    }

        .estimator-table .tfoot {
            border-bottom: 0;
            height: auto;
            padding: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .estimator-table .tfoot tr {
                float: left;
                width: 100%;
            }

                .estimator-table .tfoot tr td {
                    padding: 1% 2%;
                    font-size: 16px;
                    vertical-align: top;
                    text-align: right;
                    font-weight: bold;
                    float: left;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                    .estimator-table .tfoot tr td:first-child {
                        white-space: normal;
                        text-align: left;
                    }

                    .estimator-table .tfoot tr td.col-1, .estimator-table .tfoot tr td.col-2 {
                        width: 50%;
                    }

    #bill-estimator-sm {
        display: none;
        width: 100%;
        height: 100%;
        position: relative;
    }

        #bill-estimator-sm .electric-bill-wrapper, #bill-estimator-sm .water-bill-wrapper {
            display: inline-block;
        }

        #bill-estimator-sm .water-bill-wrapper {
            margin-top: 0;
        }

        #bill-estimator-sm .center-wrapper {
            width: 100%;
            height: 100%;
            float: left;
        }

            #bill-estimator-sm .center-wrapper .base-container {
                background: #bfd5eb;
                width: 100%;
                height: 100%;
                float: left;
                margin-bottom: 2em;
                padding-bottom: 2em;
            }

            #bill-estimator-sm .center-wrapper .bill-content {
                margin-bottom: 6%;
            }

            #bill-estimator-sm .center-wrapper .bill-h3 {
                font-size: medium;
            }

            #bill-estimator-sm .center-wrapper .base {
                margin-bottom: 6%;
            }

            #bill-estimator-sm .center-wrapper .estimator-table tr td {
                font-size: 16px;
            }

            #bill-estimator-sm .center-wrapper .note-wrapper {
                margin-top: 1em;
            }

                #bill-estimator-sm .center-wrapper .note-wrapper .note {
                    font-size: 16px;
                }

    .base-content {
        text-align: center;
        width: 100%;
        color: white;
        line-height: normal;
        padding-bottom: 1em;
    }

    @media (max-width: 599px) {
        .base-content {
            padding-bottom: 0;
        }
    }

    #graphTools {
        background-color: #efefef;
        padding: 14px 10px 7px;
    }

        #graphTools table,
        #graphTools td {
            padding: 0;
            vertical-align: middle;
        }

        #graphTools table {
            margin-bottom: 0 !important;
        }

    #graphTitles {
        color: #7c7c7c;
        font-size: 10px;
        font-weight: bold;
        padding: 13px 10px 0;
    }

        #graphTitles table {
            height: 10px !important;
            margin-bottom: 0 !important;
            padding: 0 !important;
        }

        #graphTitles td {
            height: 10px !important;
            padding: 0 !important;
        }

    .graphToolTitle {
        color: #5f97cd;
        font-family: "lato", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding-right: 10px;
    }

        .graphToolTitle > h2 {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-bottom: thin solid #dedede;
            font-size: medium;
            font-weight: 400;
            margin: 4rem 0 0;
            padding-bottom: .5em;
            text-indent: 5px;
            width: 100%;
            color: #5b5b5b;
        }

    @media (max-width: 599px) {
        .graphToolTitle > h2 {
            text-indent: 0;
        }
    }

    .graphToolTitle > h2:before {
        content: '\f080';
        font-family: 'fontAwesome';
        margin-right: 10px;
    }

    .google-visualization-tooltip {
        border: 0;
        height: auto;
        width: auto;
    }

        .google-visualization-tooltip table,
        .google-visualization-tooltip td {
            padding: 0 !important;
        }

    .GreyBarTooltipContent,
    .BlueBarTooltipContent {
        font-size: 11px;
        font-weight: bold;
        max-height: 60px !important;
        min-height: 40px !important;
        min-width: 150px;
        padding: 3px;
        text-align: left;
    }

    .PeakBarTooltipContent,
    .DemandAnytimeTooltipContent {
        max-height: 65px !important;
        min-height: 55px !important;
        padding: 3px;
    }

    .GreyBarTooltipContent {
        border: 1px solid #bdbdbd;
        line-height: 1.25 !important;
    }

    .PeakBarTooltipContent {
        border: thin solid #5f97cd;
        line-height: 1.25 !important;
    }

    .DemandAnytimeTooltipContent {
        border: thin solid #4c79a4;
        line-height: 1.25 !important;
    }

    .BlueBarTooltipContent {
        border: thin solid #5f97cd;
        line-height: 1.25 !important;
    }

    .PeakBarTooltipContentSmall {
        border: thin solid #5f97cd;
        line-height: 1 !important;
        max-height: 40px !important;
        min-height: 30px !important;
        padding: 5px;
    }

    .DemandAnytimeTooltipContentSmall {
        border: thin solid #5f97cd;
        line-height: 1 !important;
        max-height: 40px !important;
        min-height: 30px !important;
        padding: 5px;
    }

    .AvgTooltipContent {
        border: thin solid #cf4a0c;
        color: black;
        font-family: "lato", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        line-height: 1 !important;
        max-height: 100px;
        min-height: 84px;
        min-width: 170px !important;
        padding: 3px;
        text-align: left !important;
        width: auto;
    }

    #chart_div svg g g circle:hover,
    #chart_div svg g g g circle:hover {
        color: #cf4a0c;
        fill: #cf4a0c;
        stroke-width: 0;
    }

    .GreyBarTooltipContent table,
    .BlueBarTooltipContent table,
    .PeakBarTooltipContent table,
    .DemandAnytimeTooltipContent table,
    .PeakBarTooltipContentSmall table,
    .DemandAnytimeTooltipContentSmall table,
    .GreyBarTooltipContent td,
    .BlueBarTooltipContent td,
    .PeakBarTooltipContent td,
    .DemandAnytimeTooltipContent td,
    .PeakBarTooltipContentSmall td,
    .DemandAnytimeTooltipContentSmall td {
        padding: 1px !important;
    }

    .graphHeaderDivingLine {
        background-color: #dedede;
        border: 0;
        height: 2px;
        margin: 0;
    }

    .firstMonthColor {
        background-color: #5f97cd;
        height: 9px;
        margin-right: 2px;
        width: 14px;
    }

    .secondMonthColor {
        background-color: #bdbdbd;
        height: 9px;
        margin-right: 2px;
        width: 14px;
    }

    .firstMonthLabel, .secondMonthLabel, .barTitle {
        margin-right: 10px;
    }

    .barColorElec {
        background: url("/cdn/images/icons/consumption-graph/icon-lighting.png") no-repeat right;
        margin-right: 2px;
        width: 12px;
    }

    .barColorWater {
        background: url("/cdn/images/icons/consumption-graph/icon-sun.png") no-repeat right;
        margin-right: 2px;
        width: 12px;
    }

    .graphBottomElecIcon {
        background: url("/cdn/images/icons/consumption-graph/icon-lighting.png") no-repeat right;
        bottom: 35px;
        float: left;
        height: 12px;
        left: 1em;
        position: relative;
        width: 12px;
    }

    .graphBottomTempIcon {
        background: url("/cdn/images/icons/consumption-graph/icon-sun.png") no-repeat right;
        bottom: 35px;
        float: right;
        height: 12px;
        position: relative;
        right: 2.2em;
        width: 12px;
    }

    #testDDL {
        border: 0;
        outline: none;
    }

        #testDDL option {
            border: 0;
            outline: none;
        }

    #billTypeDdl {
        margin: 0;
    }

        #billTypeDdl li > ul {
            min-width: 219px;
        }

    #tempDdl {
        margin: 0;
        padding-left: 12px;
    }

        .dropdownII a,
        #tempDdl a {
            border-radius: 5px;
            color: white;
            font-size: 12px;
            font-weight: bold;
            padding: 5px 0px 5px 5px;
        }

            .dropdownII a:hover,
            #tempDdl a:hover {
                color: white !important;
            }

    ul.billMeterOptions {
        width: 205px;
    }

    .dropdownII li,
    .dropdownII ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .dropdownII > ul > li {
        position: relative;
    }

    .dropdownII a {
        outline: none;
        text-decoration: none;
    }

        .dropdownII a:visited {
            outline: none;
            text-decoration: none;
        }

        .dropdownII a:hover {
            color: white;
        }

    .dropdownII > li a:first-child {
        background: #4c79a4;
        padding: 5px 0 5px 5px;
    }

        .dropdownII > li a:first-child:after {
            color: white;
            content: '\f0d7';
            font-family: FontAwesome;
            font-size: 12px;
            margin: 0 1rem;
        }

        .dropdownII > li a:first-child:focus {
            /*outline: thin dotted;*/
            outline: 1px black dotted;
            padding: 5px 0 5px 5px;
        }

    .dropdownII > li a:focus {
        background: #4c79a4;
    }

    .dropdownII > li > a span {
        color: white;
        cursor: pointer;
        display: block;
        padding: 5px;
    }

    .dropdownII li > ul {
        color: white;
        display: none;
        left: 0;
        list-style: none;
        max-height: 250px;
        overflow-y: auto;
        position: absolute;
        z-index: 1000;
    }

    .dropdownII li ul > li {
        background: #5f97cd none repeat scroll 0 0;
        overflow-x: hidden;
    }

    #tempDdl ul li hr {
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        margin-bottom: 0;
        margin-top: 0;
        width: 98px;
    }

    #billTypeDdl ul li hr {
        border-bottom-width: 0;
        border-left-width: 0;
        border-right-width: 0;
        margin-bottom: 0;
        margin-top: 0;
        width: 230px;
    }

    .dropdownII .value {
        display: none;
    }

    .dropdownII li ul li a {
        color: white !important;
        display: block;
        padding: 5px 5px 5px 8px;
        text-align: left;
    }

        .dropdownII li ul li a:hover {
            background-color: #4c79a4;
            color: white !important;
        }

    .greyBoxND a:hover,
    .column a:hover,
    .fontCorrect a:hover {
        color: #cf4a0c !important;
        text-decoration: none;
    }

    .accountInfoND {
        float: left;
        width: 350px;
    }

        .accountInfoND ul li {
            color: #494949;
            margin: 0;
            padding-top: 5px;
        }

    .leftColumnND {
        float: left;
        width: 150px;
    }

    .rightColumnND {
        float: left;
    }

    .greyBoxND {
        border: 1px solid #5b5b5b;
        color: #494949 !important;
        font-size: 13px;
    }

        .greyBoxND a {
            color: #5f97cd !important;
        }

    .newWebFontLightH2 {
        color: #5f97cd !important;
        font-size: 18px;
    }

    .catapultFontND {
        color: #494949 !important;
        font-size: 13px;
    }

    .catapultFontLink,
    .column a {
        color: #5f97cd !important;
        font-size: 13px;
        font-weight: normal;
    }

    .leftDivWrapper {
        background-color: white;
        border-right: 1px solid #bdbdbd;
        float: left;
        height: 90px;
        text-align: center;
        width: 50%;
    }

    .rightDivWrapper {
        background-color: white;
        float: right;
        height: 90px;
        line-height: 25px;
        padding-right: 85px;
        text-align: center;
    }

    .bottomDivWrapper {
        background: #efefef;
        border-top: 1px solid #bdbdbd;
        clear: both;
        height: 75px;
        line-height: 22px;
        padding-top: 12px;
        text-align: center;
    }

    .redPastDueND {
        color: #df2911 !important;
        font-size: 28px;
        font-weight: bold;
    }

    .blueND {
        color: #012877 !important;
        font-family: Arial;
        font-size: 28px;
        font-weight: bold;
    }

    .messages.alert-attention.coj {
        background-color: white;
        border: 1px solid #246BB4;
    }


        .messages.alert-attention.coj > span.message-icon.attention {
            background: #246BB4 url(/cdn/images/icons/validation/coj_simple_sealwh.png) no-repeat center center;
        }

    .btn.primary, .alert-content-wrapper > .btn {
        margin-left: 0;
    }

    .btn:hover, .primary:hover {
        color: white !important;
    }

/* ==================================================
Header Image
================================================== */
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
.chevron-title {
    width: 200px;
    height: 40px;
    position: relative;
    background: red;
    color: white;
    padding: 12px;
}

.chevron-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.chevron-title::before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid red;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.cmscontent, .const-content {
    max-width: 1280px !important;
    margin: 0 0 1em;
    display: contents !important;
}



#pymntLess {
    border-top: 2px solid #F0F1F5;
    padding: 10px 0;
}


em, em::before {
    font-style: normal !important;
    margin-left: 0 !important;
}


    .h3-slash {
        color: #667985;
        margin-bottom: 25.5px;
        /*font-size: 20px;*/
        font-weight: bold;
    }


        .h3-slash:before, .h3-slash::before {
            display: inline-block;
            width: 100%;
            height: 100%;
            content: "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
            font-kerning: none;
            font-size: x-small;
            font-weight: 400;
        }


    .imgbox1 {
        margin: 0 auto !important;
        display: block;
    }


    .name-section-wrapper {
        font-size: medium;
        text-transform: uppercase;
    }


    /*==================================================
Profile Section
================================================== */

    .profile-box > .text-center {
        text-align: center;
        display: block;
        font-size: small;
        width: 70%;
        margin: 1em auto;
        text-transform: uppercase;
    }

        .profile-box > .text-center:first-of-type, .profile-box > .text-center:first-child {
            font-weight: bold;
            margin-bottom: 10px;
            font-size: large;
            text-transform: capitalize;
        }


    .profile-box-bottom {
        display: inline-block;
        border-top: thin solid #dedede;
        width: 100%;
        height: auto;
        padding: 1em 1em;
        text-align: center;
        box-sizing: border-box;
    }

        .profile-box-bottom > .button-wrapper {
            width: 100%;
            height: auto;
            padding: 1em 1em;
            text-align: center;
            box-sizing: border-box;
            border-top: 0 !important;
            margin-top: 0 !important;
        }


    .fixed-mega-menu {
        position: absolute !important;
        width: 100% !important;
    }

    a, a:visited, a:hover, a:active {
        text-decoration: none;
    }


    /* ==================================================
Site Intercept with Chevrons (Modal Section)
================================================== */

    .modal-cover .modal-keep {
        top: 4.5em;
        max-width: 770px;
        background-color: white;
    }

        .modal-cover .modal-keep .mclose {
            z-index: 99999;
            right: .5em;
        }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .modal-cover .modal-keep {
            max-width: 600px !important;
        }
    }
    /* ==================================================
        H3 With Slash Section
================================================== */

    .h3-slash {
        color: #fff;
        margin-bottom: 25.5px;
        font-weight: bold;
    }

        .h3-slash:before, .h3-slash::before {
            display: inline-block;
            width: 100%;
            height: 100%;
            content: "\\\\\\\\\\\\\\\\\\";
            letter-spacing: .5em;
            font-kerning: none;
            font-size: x-small;
            font-weight: 400;
            color: #fff;
        }

    /* ==================================================
        Site Intercept Modal Section
    ================================================== */
    .ebill-modal-container {
        display: block;
        width: 100%;
        height: 380px;
        margin: 0 auto;
        position: relative;
        z-index: 9999;
        overflow: hidden;
    }

    @media screen and (max-width: 479px) {
        .ebill-modal-container {
            width: 100% !important;
            min-height: 650px;
            height: auto;
        }
    }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .ebill-modal-container {
            min-height: 1px;
            height: 300px;
        }
    }

    @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
        .ebill-modal-container {
            min-height: 1px;
            height: 336px;
        }
    }

    /* ==================================================
        Chevron Container
================================================== */
    .chevron-container {
        display: inline-block;
        width: 576px;
        height: 412px;
        position: absolute;
    }

    @media screen and (max-width: 479px) {
        .chevron-container {
            width: 100% !important;
            min-height: 412px;
        }
    }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .chevron-container {
            width: 100% !important;
            min-height: 412px;
        }
    }

    /* ==================================================
        Chevron Content Wrapper
================================================== */
    .chevron-content-wrapper {
        background: #008A78;
        display: inline-block;
        width: 311.46px;
        height: 383.57px;
        position: relative;
        color: #fff;
        padding: 3em 0 2em 4em;
        box-sizing: border-box;
    }

        .chevron-content-wrapper > p {
            width: 100% !important;
            margin: 15px 0 !important;
            box-sizing: border-box;
        }


    @media screen and (max-width: 479px) {

        .chevron-content-wrapper {
            width: 100% !important;
            min-height: 1px;
            height: auto;
            padding: 2em 2em 1em;
        }

            .chevron-content-wrapper > p {
                width: 100% !important;
                margin-left: 0 !important;
            }
    }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .chevron-content-wrapper {
            width: 44% !important;
            height: 100%;
        }
    }

    .chevron-content-wrapper:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-left: 0px solid white;
        border-top: 0px solid transparent;
        border-bottom: 0px solid transparent;
    }

    .chevron-content-wrapper:before {
        content: "";
        position: absolute;
        right: -105px;
        bottom: 0;
        width: 106px;
        height: 100%;
        border-left: 101px solid #008A78;
        border-top: 194px solid transparent;
        border-bottom: 195px solid transparent;
    }


    @media screen and (max-width: 479px) {

        .chevron-content-wrapper:before {
            content: "";
            position: absolute;
            left: 0px;
            bottom: -261px;
            width: 100%;
            height: 100%;
            border-top: 65px solid #008A78;
            border-left: 179px solid transparent;
            border-right: 181px solid transparent;
        }

        /* Chrome Only */
        @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

            .chevron-content-wrapper:before {
                content: "";
                border-left-width: 190px !important;
                border-right-width: 199px !important;
                border-top-width: 60px !important;
                bottom: -255px !important;
                right: 0 !important;
                left: 0 !important;
            }
        }

        /* Safari Only */
        @media not all and (min-resolution:.001dpcm) {
            .chevron-content-wrapper:before {
                content: "";
                bottom: -260px !important;
                border-left-width: 165px !important;
            }
        }
    }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .chevron-content-wrapper:before {
            left: 264px !important;
            right: 0 !important;
            top: 0px !important;
            bottom: 0 !important;
            width: 100px;
            height: 100%;
            border-right-width: 0px !important;
            border-left: 61px solid #008A78 !important;
            border-top: 160px solid transparent !important;
            border-bottom: 253px solid transparent !important;
        }
    }

    .chevron-content-wrapper .button-wrapper {
        border-top: 0 !important;
    }

        .chevron-content-wrapper .button-wrapper .btn.close {
            position: relative;
            right: 0;
            left: 0;
            top: 1em;
        }

            .chevron-content-wrapper .button-wrapper .btn.close > a {
                text-decoration: underline !important;
                padding: 0 !important;
                color: #fff !important;
                width: 100%;
                text-align: center;
                font-size: medium;
            }

                .chevron-content-wrapper .button-wrapper .btn.close > a:hover {
                    color: #B8CB53 !important;
                    background: none;
                }
    /* ==================================================
      White Chevron Section
================================================== */

    .chevron-container .chevron {
        display: inline-block;
        position: relative;
        vertical-align: top;
        text-align: center;
        padding: 12px;
        height: 100px;
        width: 100%;
        z-index: -2;
    }


        .chevron-container .chevron:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 50%;
            background: #fff;
            transform: skew(-12deg, 28deg);
        }

        .chevron-container .chevron:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 50%;
            background: #fff;
            transform: skew(-13deg, -28deg);
        }

        .chevron-container .chevron.right {
            transform: rotate(-90deg);
            left: 1em;
            top: -16em;
        }

    /*Safari Only */
    @media not all and (min-resolution:.001dpcm) {
        @media {
            .chevron-container .chevron.right {
                left: 1.3em;
            }
        }
    }

    @media screen and (max-width: 479px) {

        .chevron-container .chevron.right {
            transform: inherit !important;
            left: inherit !important;
            top: inherit !important;
        }

        .chevron-container .chevron:before {
            content: '';
            position: absolute;
            top: -60px;
            left: -2px;
            height: 100%;
            width: 56%;
            transform: skew(-11deg, 27deg);
        }

        .chevron-container .chevron:after {
            content: '';
            position: absolute;
            top: -45px;
            right: -111px;
            height: 100%;
            width: 80%;
            transform: skew(-12deg, -8deg);
        }

        /* Chrome Only */
        @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

            .chevron-container .chevron:before {
                content: "";
                width: 56% !important;
                transform: skew(-11deg, 16.7deg) !important;
                height: 33px !important;
                left: -4px !important;
                top: 9px !important;
            }

            .chevron-container .chevron.right:after {
                width: 78.7%;
                height: 15px;
                top: .7em;
                right: -7.28em;
                transform: skew(-13deg, -17.5deg) !important;
            }
        }

        /* Safari Only */
        @media not all and (min-resolution:.001dpcm) {
            .chevron-container .chevron.right {
                top: -.15em !important;
            }

            .chevron-container .chevron:before {
                content: "";
                width: 55% !important;
            }

            .chevron-container .chevron:after {
                content: "";
                width: 63.2% !important;
                height: 50px !important;
                right: -2.38em !important;
                transform: skew(-5deg, -19.5deg) !important;
                top: 31px !important;
            }

            .chevron-container .chevron.right:before {
                width: 62.3% !important;
                transform: skew(1deg, 22deg) !important;
                left: -30px !important;
                top: 28px !important;
            }
        }
    }

    @media screen and (max-width: 768px) {
        .chevron-container .chevron.right {
            left: 6em;
        }

        .chevron-container .chevron:before {
            content: '';
            position: absolute;
            top: -3px;
            left: 11px;
            height: 100%;
            width: 52%;
            transform: skew(-11deg, 27deg);
        }

        .chevron-container .chevron:after {
            content: '';
            position: absolute;
            top: -45px;
            right: -99px;
            height: 100%;
            width: 60%;
            transform: skew(-12deg, -28deg);
        }

        /* Safari Only */
        @media not all and (min-resolution:.001dpcm) {

            .chevron-container .chevron:before {
                content: "";
                width: 55%;
            }

            .chevron-container .chevron.right {
                left: 6em !imprtant
            }

            .chevron-container .chevron:after {
                content: "";
                width: 58%;
            }

            .chevron-container .chevron.right:before {
                width: 49.8%;
                transform: skew(-11deg, 27deg);
                max-height: 33px;
            }

            .chevron-container .chevron.right:after {
                width: 64% !important;
                max-height: 33px;
                top: 23px !important;
            }
        }
    }

    /* Landscape */
    @media screen and (max-width: 768px) and (orientation: landscape) {

        /*Safari Only */
        @media not all and (min-resolution:.001dpcm) {
            @media {

                .chevron-container .chevron.right:before {
                }

                .chevron-container .chevron.right:after {
                    width: 70% !important;
                    top: -40px !important;
                }
            }
        }
    }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .chevron-container .chevron.right {
            transform: rotate(-90deg) !important;
            left: 1em !important;
            top: -18.9em !important;
        }

        .chevron-container .chevron:before {
            content: "";
            transform: skew(-11deg, 15deg) !important;
            width: 50% !important;
            top: -69px !important;
            left: 10px !important;
            right: initial !important;
            background: #fff !important;
            height: 100% !important;
        }

        .chevron-container .chevron:after {
            content: "";
            transform: skew(-13deg, -21deg) !important;
            width: 50% !important;
            top: -86px !important;
            right: -9px !important;
            left: initial !important;
            height: 100% !important;
        }

        /*Safari Only */
        @media not all and (min-resolution:.001dpcm) {
            @media {
                .chevron-container .chevron.right {
                    left: 6em !important
                }

                    .chevron-container .chevron.right:before {
                        width: 49% !important;
                        top: -8px !important;
                    }

                    .chevron-container .chevron.right:after {
                        width: 70% !important;
                    }
            }
        }
    }

    @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

        .chevron-container .chevron.right {
            left: 2.8em !important;
        }

        .chevron-container .chevron:before {
        }

        .chevron-container .chevron:after {
            width: 54% !important;
            top: -82px !important;
            right: -7px !important;
        }
    }

    /* ==================================================
       Green Chevron Section
    ================================================== */
    .chevron-container .chevron.green {
        left: 7.2em;
        top: -21.5em;
    }

        .chevron-container .chevron.green:before {
            transform: skew(-2deg, 28deg);
        }

        .chevron-container .chevron.green:after {
            transform: skew(-2deg, -28deg);
        }

    /*IE Only */
    @media screen and (min-width:0\0) {
        .chevron-container .chevron:before {
            display: block;
            width: 50.35%;
        }

        .chevron-container .chevron:after {
            display: block;
        }
    }

    /*Edge Only */
    @supports (-ms-ime-align:auto) {
        .chevron-container .chevron:before {
            display: block;
        }

        .chevron-container .chevron:after {
            display: block;
            width: 50.1% !important;
        }
    }

    /*Safari Only */
    @media not all and (min-resolution:.001dpcm) {
        @media {
            .chevron-container .chevron:before {
                width: 52.1% !important;
                transform: skew(-2deg, 27deg) !important;
            }

            .chevron-container .chevron:after {
                width: 50.2% !important;
            }
        }
    }


    @media screen and (max-width: 479px) {
        .chevron-container .chevron.green:before {
            transform: skew(-1deg, 16.6deg);
            left: 0px;
            bottom: 74px;
            width: 54%;
            top: -73px;
        }

        /* Chrome Only */
        @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {

            .chevron-container .chevron.green:before {
                /*transform: skew(-8deg, -17.1deg) !important;*/
                bottom: 22px !important;
                width: 52.1% !important;
                top: -58.5px !important;
                height: 46px;
                max-height: 32.1px;
            }

            .chevron-container .chevron.green:after {
                transform: skew(-10deg, -16.8deg) !important;
                top: -4.1em !important;
                right: -44.1px !important;
                width: 61.3% !important;
                height: 34.3px !important;
            }
        }

        /* Safari Only */
        @media not all and (min-resolution:.001dpcm) {

            .chevron-container .chevron.green {
                top: -5em !important;
            }

                .chevron-container .chevron.green:before {
                    top: 1.62em !important;
                }


                .chevron-container .chevron.green:after {
                    top: -2.4em;
                    right: -48.1px;
                    width: 62.1%;
                    height: 33px;
                }
        }
    }

    @media screen and (max-width: 768px) {

        .chevron-container .chevron.green {
            left: 12.2em;
        }

            .chevron-container .chevron.green:before {
                transform: skew(1deg, 27deg);
                width: 50.8%;
                top: -84px;
                left: -4px;
                max-height: 30.8px;
            }

            .chevron-container .chevron.green:after {
                transform: skew(-2deg, -27deg);
                width: 82%;
                top: -121px;
                right: -182px;
                max-height: 33px;
            }

        /* Safari Only */
        @media not all and (min-resolution:.001dpcm) {

            .chevron-container .chevron.green:before {
                width: 51.4%;
            }

            .chevron-container .chevron.green:after {
                top: 18.5px !important;
                right: -99px !important;
                width: 80.5% !important;
                transform: skew(1deg, -20.1deg) !important;
                max-height: 30.4px !important;
            }
        }
    }


    .chevron-container .chevron.green:before,
    .chevron-container .chevron.green:after {
        content: '';
        background: rgba(183, 208, 49, 1);
    }

    /* Landscape */
    @media screen and (max-width: 768px) and (orientation: landscape) {

        /*Safari Only */
        @media not all and (min-resolution:.001dpcm) {
            @media {

                .chevron-container .chevron.green:before {
                }

                .chevron-container .chevron.green:after {
                    top: -123px !important;
                    right: -173px !important;
                    width: 81% !important;
                    transform: skew(-2deg, -27deg) !important;
                    max-height: 30.4px !important;
                }
            }
        }
    }

    /* Landscape */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .chevron-container .chevron.green:before {
            transform: skew(-394deg, 13.7deg) !important;
            left: 47px !important;
            width: 60% !important;
            max-height: 19px !important;
            height: 52px !important;
            top: 26px !important;
            bottom: inherit !important;
            right: inherit !important;
        }

        .chevron-container .chevron.green:after {
            transform: skew(-18deg, -21.8deg) !important;
            right: 0px !important;
            width: 32% !important;
            height: 100% !important;
            top: 31px !important;
            left: 399px !important;
            bottom: 56px !important;
        }

        .chevron-container .chevron.green:before,
        .chevron-container .chevron.green:after {
            content: '';
            background: rgba(183, 208, 49, 1) !important;
        }

        /*Safari Only */
        @media not all and (min-resolution:.001dpcm) {
            @media {

                .chevron-container .chevron.green:before {
                }

                .chevron-container .chevron.green:after {
                    top: -132px !important;
                }
            }
        }
    }

    @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {

        .chevron-container .chevron.green {
            left: 1em !important;
        }

            .chevron-container .chevron.green:before {
                max-height: 33px !important;
                left: 50px !important;
                transform: skew(6deg, 15.2deg) !important;
                top: 23px !important;
            }

            .chevron-container .chevron.green:after {
                transform: skew(5deg, -20.8deg) !important;
                max-height: 33px !important;
                bottom: 0 !important;
                left: 393px !important;
                top: 35px !important;
            }
    }

    /* ==================================================
       Background Image  Section
    ================================================== */
    .background-imagery {
        background: url('/uploadedImages/Images/JEAeBillPopUp.jpg') no-repeat -385px 0;
        background-size: 150%;
        display: inline-block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -3;
    }


    @media screen and (max-width: 479px) {
        .background-imagery {
            background-image: url('/uploadedImages/Images/JEAeBillPopUpMobile_2.jpg') !important;
            background-size: 100% !important;
            background-position: 0px 63px !important;
            display: inline-block;
            width: 100%;
            height: 100%;
        }
    }

    @media screen and (max-width: 991px) {

        .background-imagery {
            background-size: cover;
            background-position: -380px 0px;
        }
    }

    /* Landscape */
    @media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
        .background-imagery {
            background-size: cover !important;
            background-position: center center !important;
        }
    }

    @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
        .background-imagery {
            background-size: cover;
            background-position: -15em center;
        }
    }

    /* ==================================================
       Button Sections  Section
    ================================================== */

    @media screen and (max-width: 479px) {

        .button-wrapper {
            width: 100% !important;
            border: 0 !important;
        }

            .button-wrapper > .btn.submit, .button-wrapper > .btn.close {
                width: 100% !important;
            }

            .button-wrapper > .btn.close {
                display: none;
            }

        .close {
            display: none !important;
        }
    }

    .moblayout .accountDetailsMobile {
        background: #F4F9F9;
    }

    /* mobile layout css */

    .moblayout .right-side > #secondary-content.wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .moblayout .wrapper,
    .moblayout .right-side,
    .moblayout .right-side > #secondary-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100%;
    }

    .moblayout .accountDetailsMobile {
        margin: 0 !important;
        box-sizing: border-box;
        background: #F4F9F9;
        height: auto;
        padding: 1em 4.8em 1em 4.8em;
    }

        .moblayout .accountDetailsMobile label {
            width: 100% !important;
        }

    .moblayout .breadcrumb-wrapper {
        float: none;
        max-width: none;
        margin: 0 auto;
    }

    .moblayout .mobappHeader:before,
    .moblayout .mobappHeader:after,
    .moblayout .mobappBody:before,
    .moblayout .mobappBody:after {
        content: '';
        display: table;
    }

    .moblayout .mobappHeader:after,
    .moblayout .mobappBody:after {
        clear: both;
    }

    .moblayout .mobappHeader,
    .moblayout .mobappBody {
        max-width: 85%;
        width: 100%;
        margin: 0 auto;
    }

    .moblayout .mr-0 {
        margin-right: 0 !important;
    }

    .moblayout .ml-0 {
        margin-left: 0 !important;
    }

    .moblayout .mt-0 {
        margin-top: 0 !important;
    }

    .moblayout .pt-0 {
        padding-top: 0 !important;
    }

    .moblayout .mb-0 {
        margin-bottom: 0 !important;
    }

    .moblayout .pb-0 {
        padding-bottom: 0 !important;
    }

    .moblayout .mt-1,
    .moblayout .my-1 {
        margin-top: 0.25rem !important;
    }

    .moblayout .mb-1,
    .moblayout .my-1 {
        margin-bottom: 0.25rem !important;
    }

    .moblayout .mt-2,
    .moblayout .my-2 {
        margin-top: 0.5rem !important;
    }

    .moblayout .mb-2,
    .moblayout .my-2 {
        margin-bottom: 0.5rem !important;
    }


    .moblayout .mt-3,
    .moblayout .my-3 {
        margin-top: 1rem !important;
    }

    .moblayout .mb-3,
    .moblayout .my-3 {
        margin-bottom: 1rem !important;
    }

    .moblayout .mt-4,
    .moblayout .my-4 {
        margin-top: 1.5rem !important;
    }

    .moblayout .mb-4,
    .moblayout .my-4 {
        margin-bottom: 1.5rem !important;
    }

    .moblayout .mt-5,
    .moblayout .my-5 {
        margin-top: 3rem !important;
    }

    .moblayout .mb-5,
    .moblayout .my-5 {
        margin-bottom: 3rem !important;
    }

    .service-dd .description-header button {
        display: inline-block;
        margin: 0 auto;
        font-size: 1em;
        width: 99%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        color: white;
        background: #cf4a0c;
        padding: 10px 0px;
        max-width: none;
    }

    .service-dd .description-header span.tooltip-arrow:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #cf4a0c;
        border-width: 11px;
        margin-left: -11px;
    }

    .service-dd .description-header span.tooltip-arrow:before {
        border-color: rgba(207, 207, 207, 0);
        border-bottom-color: white;
        border-width: 12px;
        margin-left: -12px;
    }

    .service-dd .description-header span.tooltip-arrow {
        top: 15px;
    }


    /* ==================================================
       404, 500, unavailable Section
    ================================================== */

    .display-none {
        display: none;
    }

    .container-16x9-hack {
        position: relative;
        padding-top: 56.25%;
    }

        .container-16x9-hack video {
            width: 100%;
            position: absolute;
            top: 0;
        }

    video {
        width: 100%;
        aspect-ratio: 16/9;
    }

    .h1--xl {
        font-size: 12em !important;
    }

    @media (max-width: 1023px) {
        .h1--xl {
            font-size: 6em !important;
        }
    }

    .h2--xl {
        font-size: 3.5rem !important;
        color: #1862A7;
    }

    @media (max-width: 1023px) {
        .h2--xl {
            font-size: 2em !important;
        }
    }


    .h3--xl {
        font-size: 3.5em !important;
        color: #5A84B0;
    }

    @media (max-width: 1023px) {
        .h3--xl {
            font-size: 2em !important;
        }
    }

    .button {
        background: #008978;
        border: 0;
        border-radius: 5px;
        margin-top: 2em;
        padding: 0.75rem 0.75rem;
        color: #fff;
    }

    .header-404 {
        position: relative;
        width: 100%;
        height: 100vh;
    }

    .wrapper {
        max-width: 1568px;
        margin: 0 auto;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content-container.unavailable .content-wrapper {
        align-items: center;
    }

    @media (max-width: 1023px) {
        .wrapper {
            width: 100%;
            max-width: 100%;
        }
    }

    @media (min-width: 390px) and (max-width: 767px) {
        .wrapper {
            width: 100%;
            max-width: 100%;
        }
    }

    @media (min-width: 300px) and (max-width: 768px) {
        section {
            margin-top: 0;
        }
    }

    .content-container.unavailable .content-wrapper .left-side {
        background: none;
        width: clamp(450px, 50%, 500px);
    }

        .content-container.unavailable .content-wrapper .left-side button {
            margin-top: 0 !important;
        }

    @media (max-width: 1023px) {
        .content-container.unavailable .content-wrapper .left-side {
            top: 0;
            position: absolute;
            display: inline-block !important;
            width: clamp(290px, 40%, 500px);
        }
    }

    @media (max-width: 280px) {
        .content-container.unavailable .content-wrapper .left-side {
            display: inline-block !important;
            width: clamp(230px, 40%, 500px);
        }
    }

    @media (max-width: 1023px) and (orientation: landscape) {
        .left-side {
            top: 0;
            position: relative;
        }
    }

    @media (max-width: 768px) {
        .content-container.unavailable .content-wrapper .left-side {
            top: 0;
            position: relative;
        }
    }

    @media (min-width: 390px) and (max-width: 767px) {
        .content-container.unavailable .content-wrapper .left-side {
            top: 0;
            position: relative;
        }
    }

    @media (min-width: 390px) and (max-width: 767px) and (orientation: landscape) {
        .left-side {
            top: 0;
            position: relative;
        }
    }

    .content-container {
        width: 100%;
    }

        .content-container.unavailable .content-wrapper {
            display: grid;
            grid-template-columns: 1fr 2fr;
            grid-column-gap: 2rem;
            position: relative;
        }

    @media (max-width: 1023px) {
        .content-container.unavailable .content-wrapper {
            grid-template-columns: repeat(1, 1fr);
            display: flex;
            flex-direction: column-reverse;
        }
    }

    @media (max-width: 1023px) and (orientation: landscape) {
        .content-container.unavailable .content-wrapper {
            margin-top: 4em;
        }
    }

    @media (min-width: 390px) and (max-width: 767px) and (orientation: landscape) {
        .content-container.unavailable .content-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .content-container.unavailable .content-wrapper h1 {
        color: #FA5C2E;
        font-size: xxx-large;
        margin-bottom: 0;
    }

    .content-container.unavailable .content-wrapper h3 {
        color: #1862A7;
        margin: 0;
    }

    .content-container.unavailable .content-wrapper p {
        font-size: 16px;
        line-height: 26px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
        color: #5B5B5B;
        margin: 1rem 0;
    }

    @media (max-width: 1023px) {
        .content-container.unavailable .content-wrapper p {
            font-size: 18px;
            line-height: 30px;
        }
    }

    .content-container.unavailable .content-wrapper p strong {
        color: #5A84B0;
    }

    .header-oops {
        background-image: none !important;
    }

    .error-img {
        background: url("/cdn/images/backgrounds/oops/unavailable.svg") no-repeat center center;
        background-size: 80%;
        position: relative;
        width: 100%;
        height: 876px;
    }

        .error-img.four-0-four-img {
            background-image: url("/cdn/images/backgrounds/404/404-bg-img.svg");
        }

        .error-img.five-hundred {
            background-image: url("/cdn/images/backgrounds/oops/unavailable.svg");
        }

    @media (max-width: 1024px) {
        .error-img {
            background-size: 60%;
            background-position: 13em 4em;
            min-height: 374px;
            height: auto;
        }
    }

    @media (max-width: 1023px) {
        .error-img {
            background-size: 80%;
        }
    }

    @media (max-width: 768px) {
        .error-img {
            background-position: center 4em;
            background-size: 45%;
            min-height: 366px;
        }

            .error-img.four-0-four-img {
                background-size: 60%;
                background-position: center 3em;
                min-height: 365px;
            }

            .error-img.five-hundred {
                background-size: 80%;
                background-position: center 1em;
                min-height: 281px;
            }
    }

    @media (max-width: 375px) {
        .error-img {
            background-position: center 1em;
            background-size: 90%;
            min-height: 184px;
        }
    }

    @media (max-width: 1023px) and (orientation: landscape) {
        .error-img {
            background-size: 50%;
            min-height: 376px;
            background-position: center center;
        }
    }

    @media (min-width: 390px) and (max-width: 767px) {
        .error-img {
            background-size: 80%;
            min-height: 237px;
        }

            .error-img.five-hundred {
                background-size: 80%;
                min-height: 320px;
            }
    }

    @media (max-width: 823px) and (orientation: landscape) {
        .header-oops {
            min-height: 840px;
        }

        .left-side {
            left: 2em;
            width: clamp(450px, 50%, 500px);
        }

        .error-img {
            background-size: 36%;
            background-position: 30em 0;
        }
    }

    @media (max-width: 1023px) and (orientation: landscape) {
        .error-img {
            background-size: 80%;
        }
    }

    @media (max-width: 1023px) and (orientation: landscape) {
        .error-img.five-hundred {
            background-size: 56%;
        }
    }

    .dropdown-label-wrapper {
        min-height: 20px;
        margin-bottom: 2em;
        max-width: 100%;
        font-size: 16px;
    }

    form .ssn-toggle {
        float: right;
        margin: 0 !important;
    }

    @media screen and (max-width: 767px) {
        input, select, textarea {
            font-size: 16px !important;
        }
    }

    /* ==================================================
      Add Service
    ================================================== */
    .add-services-content {
        margin-bottom: 3em;
    }

    .toggle {
        width: 100%;
        display: inline-block;
    }


    .toggle-content {
        display: none;
    }

        .toggle-content.is-visible {
            display: inline-block;
        }

        .toggle-content ul {
            margin: 1em 1em 0;
        }

    /* ==================================================
      Start Service
    ================================================== */
    .start-date {
        margin: 2rem 0 4rem;
    }

    /* ==================================================
      Home - Quick Links
    ================================================== */
    #homepage .quicklinks .wrapper.cf:before {
        content: "";
        display: none;
    }

    #homepage .quicklinks .wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(254px, 1fr));
        column-gap: 1rem;
        row-gap: 1rem;
    }

    @media only screen and (min-width: 801px) and (max-width: 1024px) {
        .wrapper {
            width: 70%;
        }

        .quicklinks {
            background-color: lightgray;
            margin-top: -0.4rem;
            padding-top: 1rem !important;
            padding-bottom: 1rem;
        }

            .quicklinks > .wrapper > .qtr .divider {
                display: none;
            }
    }

    @media only screen and (max-width: 800px) {
    }

    @media (max-width: 599px) {
        #homepage .quicklinks .wrapper {
            grid-template-columns: repeat(auto-fit, minmax(171px, 2fr));
            width: auto;
        }
    }

    @media (max-width: 599px) {

        #homepage .quicklinks {
            background-color: lightgray;
            margin-top: 0 !important;
            padding: 0.7em 1rem 0 !important;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 800px) {

        .quicklinks {
            background-color: lightgray;
            margin-top: -0.4rem;
            padding-top: 1rem !important;
            padding-bottom: 1rem;
        }

            .quicklinks > .wrapper > .qtr {
                background-color: white;
                width: 100% !important;
            }

                .quicklinks > .wrapper > .qtr .divider {
                    display: none;
                }
    }


    #homepage .quicklinks .wrapper .qtr {
        background-color: white;
        width: 100% !important;
        float: none;
    }

    @media (max-width: 599px) {
        #homepage .quicklinks .wrapper .qtr {
            background: white;
            width: 100% !important;
            float: none;
            margin: 0;
        }
    }
    /* Add this for solving OSS address dropdown hover issue after C2M branch jquery-ui.js update to version jquery-ui-min-1.12.1.js to be compatable with jQuery 3.6*/
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
        width: 100%;
    }

    /* ==================================================
      Multi Slider
    ================================================== */

    .card-carousel {
        font-family: Arial;
        width: 500px;
        display: block;
        margin: 0 auto;
    }

    .carousel-item {
        padding: 0 2rem;
        transition: transform .6s ease-in-out !important;
    }

        .carousel-item.active {
            display: block;
        }


    h3.mb-3 {
        color: #0060AC;
        font-size: 36px;
        line-height: 100px;
        margin: 10px;
        padding: 2%;
        position: relative;
        text-align: center;
    }

    .action {
        display: block;
        margin: 100px auto;
        width: 100%;
        text-align: center;
    }

        .action a {
            display: inline-block;
            padding: 5px 10px;
            background: #f30;
            color: #fff;
            text-decoration: none;
        }

            .action a:hover {
                background: #000;
            }

    .cards-wrapper {
        display: table-cell !important;
        justify-content: center;
        vertical-align: top;
    }


        .cards-wrapper .card {
            transition: transform .2s ease;
            box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
            margin-bottom: 6.5em;
            width: 330px;
            margin-right: 2rem;
        }

    @media (max-width:480px) {
        .cards-wrapper .card {
            width: 100%;
        }
    }

    @media (max-width:768px) {
        .cards-wrapper .card {
            width: 100%;
        }
    }

    @media only screen and (max-width:1440px) and (min-width:12001px) {
        .carousel {
            margin-left: 6rem;
        }
    }

    .cards-wrapper .card:hover {
        transform: scale(1.1);
    }

    .cards-wrapper .card .img-fluid, .cards-wrapper .card img {
        max-width: 100%;
        height: 332px;
        overflow: hidden;
        object-fit: cover;
        width: 100%;
    }


    .card .card-body {
        height: 200px;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 1px;
        padding: 2.25rem;
    }

        .card .card-body .card-title {
            font-weight: bold;
        }

    .carousel-slider-container {
        position: relative;
        /*display: flex;
    justify-content: center;
    align-items: center;*/
    }

    .carousel-next-right-container {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        position: absolute;
        top: 50%;
    }

    .center-text {
        text-align: center;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 600;
        padding: 2rem 0;
    }

    @media only screen and (max-width:1023px) and (min-width:320px) {

        .carousel-next-right-container {
            top: -5%;
            left: 25%;
            width: 50%;
        }

        .d-md-block {
            display: block !important;
        }

        .cards-wrapper, .d-none {
            display: flex !important;
        }

        .cards-wrapper {
            margin-bottom: -8rem;
        }

        .carousel-inner {
            margin-left: 1rem;
        }

        .card-slidder-container {
            padding-top: 2rem;
        }

        .carousel-slider-container {
            margin-top: 10rem;
        }
    }

    @media only screen and (max-width:1200px) and (min-width:1024px) {

        .card-slidder-container .wrapper {
            width: 95%;
        }

        .d-none {
            display: flex !important;
        }

        .card {
            width: 300px;
        }

        .card-body {
            height: 250px;
        }

        .carousel-next-right-container {
            top: 42%;
        }
    }

    @media (min-width: 1062px) {

        .carousel-item {
            margin-left: 5.4%;
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        background-color: #0060AC;
        width: 5vh !important;
        height: 5vh;
        border-radius: 50%;
    }


    .bs-carousel-multiple-3 .card, .bs-carousel-multiple-4 .card, .bs-carousel-multiple-5 .card {
        margin: 0 0.5em;
        box-shadow: 2px 6px 8px 0 rgb(22 22 26 / 18%);
        border: none;
        border-radius: 0;
    }


    @media (max-width: 599px) {
        .move-down {
            top: -5rem !important;
        }
    }


    /* Safari Only */
    @media not all and (min-resolution:.001dpcm) {
        #PrintableArea.PrintableArea-active {
            position: absolute;
            width: 100%;
        }

        @media only screen and (max-width:1023px) and (min-width:320px) {
            .info-bar-active {
                margin-top: 3rem !important;
            }
        }
    }


    @media only screen and (max-width:1023px) and (min-width:320px) {
        .info-bar-active {
            margin-top: 0rem;
        }
    }


    @media only screen and (max-width:786px) and (min-width:320px) {
        .sc {
            margin-top: 5rem;
        }
    }

    /* ==================================================
    APC Section (Alert Preference Center)
================================================== */
    .defualt-contact-method-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .defualt-contact-method {
        border-bottom: thin solid #ccc;
        margin-top: 0;
        padding-bottom: 2rem;
    }

    .contact-name {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .contact-name p, .contact-info p {
            margin-bottom: 0;
        }

    .delete {
        background-color: transparent;
        padding: 0 !important;
        width: 16px !important;
        height: 16px !important;
        min-width: auto;
    }

        .delete:before {
            content: "\f014";
            font-family: 'FontAwesome';
            font-size: large;
            color: #5b5b5b;
        }

    defualt-contact-method-container .alt-contact-method {
        margin-top: 2em;
        display: inline-block;
        border-bottom: thin dashed #ccc;
        padding-bottom: 2rem;
    }

    .alt-contact-method {
        margin-top: 1em;
        display: inline-block;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 2rem;
    }

        .alt-contact-method:last-child, .alt-contact-method:last-of-type {
            border: 0;
        }

        .defualt-contact-method:last-of-type, .defualt-contact-method:last-child,
        .alt-contact-method:last-of-type, .alt-contact-method:last-child {
            border-bottom: 0;
        }

    .personalinfo {
        /*display: grid;
grid-template-columns: 1fr 2fr;*/
    }


    .accordion-button-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: end;
        margin: 6rem 0 2rem;
    }


    .alertpreference .accordion {
        margin: .25rem 0;
        padding: 0;
    }

        .alertpreference .accordion:first-of-type, .alertpreference .accordion:first-child {
            margin-top: 2rem;
        }

    .alertpreference .alertTandCInput {
        display: flex;
        padding-top: 3rem;
        width: 100%;
    }

    .alertpreference .accordion-item.account {
        border-color: #222d65;
    }

    .alertpreference .accordion-item.billing-payment {
        border-color: #007585;
    }

    .alertpreference .accordion-item.usage {
        border-color: #007c9e;
    }

    .alertpreference .accordion-item.outage-safety {
        border-color: #cf4a0c;
    }

    .alertpreference .accordion-item.newsletter {
        border-color: #256bb4;
    }

    .alertpreference .accordion-toggle {
        padding: 1.5rem 1.5rem;
    }

    .accordion-item.account .accordion-toggle .toggle-title,
    .accordion-item.account .accordion-toggle,
    .accordion-item.account .accordion-toggle:after,
    .accordion-item.billing-payment .accordion-toggle .toggle-title,
    .accordion-item.billing-payment .accordion-toggle:after,
    .accordion-item.outage-safety .accordion-toggle .toggle-title,
    .accordion-item.outage-safety .accordion-toggle:after,
    .accordion-item.usage .accordion-toggle .toggle-title,
    .accordion-item.usage .accordion-toggle:after,
    .accordion-item.newsletter .accordion-toggle .toggle-title,
    .accordion-item.newsletter .accordion-toggle:after {
        color: #222d65;
        text-transform: uppercase;
        font-size: large;
    }

        .accordion-item.account .accordion-toggle:after,
        .accordion-item.billing-payment .accordion-toggle:after,
        .accordion-item.outage-safety .accordion-toggle:after,
        .accordion-item.usage .accordion-toggle:after,
        .accordion-item.newsletter .accordion-toggle:after {
            font-size: medium;
            font-weight: 500;
            padding-right: 1rem;
        }

        .accordion-item.account .accordion-toggle .toggle-title,
        .accordion-item.account .accordion-toggle,
        .accordion-item.account .accordion-toggle:after {
            color: #222d65;
        }

            .accordion-item.account .accordion-toggle:after {
                font-size: medium;
                font-weight: 500;
                padding-right: 1rem;
            }


    .accordion-item.account .accordion-content-section h3 {
        background-color: #222d65;
        color: #fff;
        padding: 1rem 1rem;
        width: 100%;
        margin-bottom: 1rem;
    }

    .accordion-item.billing-payment .accordion-toggle .toggle-title,
    .accordion-item.billing-payment .accordion-toggle:after {
        color: #007585;
    }

    .accordion-item.billing-payment .accordion-content-section h3 {
        background-color: #007585;
        color: #fff;
    }

    .accordion-item.outage-safety .accordion-toggle .toggle-title,
    .accordion-item.outage-safety .accordion-toggle:after {
        color: #cf4a0c;
    }

    .accordion-item.outage-safety .accordion-content-section h3 {
        background-color: #cf4a0c;
        color: #fff;
    }

    .accordion-item.newsletter .accordion-toggle .toggle-title,
    .accordion-item.newsletter .accordion-toggle:after {
        color: #256bb4;
    }

    .accordion-item.newsletter .accordion-content-section h3 {
        background-color: #256bb4;
        color: #fff;
    }

    .accordion-item.usage .accordion-toggle .toggle-title,
    .accordion-item.usage .accordion-toggle:after {
        color: #007c9e;
    }

    .accordion-item.usage .accordion-content-section h3 {
        background-color: #007c9e;
        color: #fff;
    }


    .alertpreference .accordion-item .accordion-content p {
        margin-top: 0;
    }

    .alertpreference .accordion-item {
        padding: 0;
        border: thin solid #ccc !important;
        border-radius: 5px;
    }

    .accordion-item.account .accordion-toggle:after,
    .accordion-item.billing-payment .accordion-toggle:after,
    .accordion-item.usage .accordion-toggle:after,
    .accordion-item.outage-safety .accordion-toggle:after,
    .accordion-item.newsletter .accordion-toggle:after {
        color: #5B5B5A !important;
    }

    .alertpreference .accordion-content-section {
        display: flex;
        /*flex-direction: column;*/
        flex-wrap: wrap;
    }

        .alertpreference .accordion-content-section h3 {
            padding: 1rem 1rem;
            width: 100%;
            margin-bottom: 1rem;
            text-transform: uppercase;
        }

        .alertpreference .accordion-content-section .col-left,
        .alertpreference .accordion-content-section .col-right,
        .alertpreference .accordion-content-section div:nth-child(1),
        .alertpreference .accordion-content-section div:nth-child(2) {
            display: flex;
            width: 50%;
            flex-direction: column;
            flex-wrap: wrap;
            padding: 0 1.5rem;
            font-size: small;
        }

        .alertpreference .accordion-content-section .col-left {
            width: 60%;
        }

        .alertpreference .accordion-content-section .col-right {
            width: 40%;
        }

    @media (max-width: 599px) {

        .accordion-toggle .toggle-title {
            font-size: medium;
        }

        .alertpreference .accordion-content-section .col-left,
        .alertpreference .accordion-content-section .col-right {
            width: 100%;
        }
    }

    .alertpreference .accordion-content-section .col-left p,
    .opt {
        font-size: small;
    }


    .alertpreference .accordion-content {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: -3rem;
    }

    .contact-info {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 100%;
    }

        .contact-info p {
            position: relative;
            font-weight: 500;
            margin-bottom: auto;
        }

            .contact-info p strong {
                font-weight: 600;
            }

            .contact-info p .edit {
                /*display: flex;
justify-content: end;*/
                position: absolute;
                right: 0;
                top: 0;
            }

    .col-right .placeholder {
        font-weight: 600;
    }

    .active-btn {
        background-color: #345392 !important;
        color: #fff !important;
    }

    .bottom-btn-container {
        border-top: thin solid #ccc;
        padding: 4rem 0 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
    }


    /* ==================================================
    Modals Section
================================================== */
    .modal-add-edit .modalHeading,
    .modal-delete .modalHeading,
    .modal-confirmed .modalHeading {
        background-color: #008071 !important;
    }

    .modal-error {
        background-color: #EF4A47 !important;
    }

        .modal-add-edit .modalContent,
        .modal-delete .modalContent,
        .modal-confirmed .modalContent,
        .modal-error .modalContent {
            padding: 0 0 1.5rem !important;
        }

            .modal-add-edit .modalContent .button-wrapper,
            .modal-delete .modalContent .button-wrapper,
            .modal-confirmed .modalContent .button-wrapper,
            .modal-error .modalContent .button-wrapper {
                margin: 0 auto;
                text-align: center;
                align-items: center;
                display: flex;
                justify-content: center;
            }

            .modal-confirmed .modalContent div:before {
                content: "";
                display: flex;
                justify-content: center;
                align-items: center;
                background: url("/cdn/images/icons/confirmation_icon.png") no-repeat center;
                background-size: 9%;
                height: 68px;
                width: 100%;
                margin-bottom: 2rem;
                margin-top: 4rem;
            }

            .modal-error .modalContent div#saveError:before {
                content: "\f071";
                font-family: "FontAwesome";
                display: flex;
                justify-content: center;
                align-items: center;
                color: #EF4A47;
                font-size: xx-large;
                padding: 3rem 0 1rem;
            }

    #defaultErrorMessage.modal-error .modalContent {
        padding: .5rem 0 0 !important;
    }
}

#defaultErrorMessage.modal-error .modalContent p:before {
    content: "\f071";
    font-family: "FontAwesome";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #EF4A47;
    font-size: xx-large;
    padding: 3rem 0 1rem;
}

.modal-error .modalContent {
    border-color: #EF4A47 !important;
}

.modal-error .modalContent {
    padding: .5rem 0 0 !important;
}

.modal-error .modalContent p {
    text-align: center;
    padding: 1rem 0;
}

#defaultErrorMessage.modal-error .modalContent p {
    text-align: center;
    padding: 2rem 0;
}

    .modal-error .modalContent .pushit {
        margin-bottom: 1.75em;
    }

.modal-error .modalContent div#saveError {
    padding: 0 !important;
}

.modal-error .modalHeading {
    background-color: #EF4A47 !important;
}

.modal-error .modalContent a.cancel {
    margin-top: -8px !important;
    padding: 0 0 1.5rem !important;
}


.modal-confirmed .modalContent, .modal-delete .modalContent {
    min-height: 250px;
    text-align: center;
    border: 0;
}

.modal-delete .modalContent p {
    padding: 4rem 2rem;
}

/* ==================================================
    Bill History & Letter Section
================================================== */
.bill-history-table {
    left: -99999px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.bill-history-table .tablerow {
    display: inherit;
}

.bill-history-table.active {
    left: 0;
    position: relative;
    visibility: visible;
    opacity: 1;
    display: block !important;
}

.bill-history-table caption {
    padding: 1rem 1rem 2rem;
    caption-side: top;
    display: inline-block;
    text-align: left;
}

.bill-history-table thead tr, .bill-history-table tbody tr {
    display: flex;
    text-align: left !important;
    width: 100% !important;
    justify-content: space-evenly;
    float: none !important;
}

.bill-history-table .tablerow {
    border: 0 !important;
}

.bill-history-table thead {
    display: flex;
}

.bill-history-table thead {
    padding: 1rem 0 !important;
}

.bill-history-table thead tr th,
.bill-history-table tbody tr td {
    font-size: medium !important;
    display: inline-block;
    width: 15% !important;
}

.bill-history-table tbody {
    padding: 0 !important;
}

.bill-history-table tbody tr {
    font-size: medium !important;
    padding: 1rem 0 !important;
    border-bottom: thin solid #dedede;
}

.bill-history-table tbody tr:hover {
    background-color: #eee;
}

.bill-history-table tbody tr td {
    font-size: medium !important;
    padding: 0 !important;
}

@media (max-width: 1023px) {
    #bill .table-col-width {
        width: 33% !important;
    }

    .table-inner-container .table-col-width:first-of-type, .table-inner-container .table-col-width:first-child {
        padding-left: 1rem !important;
    }

    #bill .table-inner-container td:first-of-type, #bill .table-inner-container td:first-child {
        padding-left: 1rem !important;
    }

    .bill-history-table tbody tr td {
        padding-right: 1rem !important;
    }
}

@media (max-width: 599px) {
    #bill .table-row-header {
        display: block;
    }

    #bill .table-inner-container {
        flex-direction: row;
    }
}

.inactive {
    display: none !important;
}

/*.tab-list {
    display: flex;
    justify-content: center;
    margin: -2.75rem auto 0;
}

.tab-list li {
    border: thin solid lightblue;
    list-style: none;
}*/


/* ==================================================
    Resoonsive Table
================================================== */

@media (max-width: 600px) {

    .table-responsive {
        width: 320px !important;
        overflow-x: scroll;
    }

    .table-responsive table caption {
        text-align: left !important;
    }

    .table-responsive table td, .table-responsive table th {
        min-width: 200px;
    }
}
/* ==================================================
       MMA Welcome-header Section
================================================== */
.Welcome-header {
    font-size: x-large;
    color: #5b5b5b;
}

em, em:before, em:after {
    font-style: normal !important;
}

/* ==================================================
       Add Service  Section
================================================== */

.existing-service-text-field span[aria-hidden="true"] {
    color: #5b5b5b !important
}

/* ==================================================
      Header Link Section
================================================== */
.header-link:focus, a.toptaxonomy:focus {
    background-color: #fff !important;
}

/* ==================================================
      Hiden Section
================================================== */
.hidden {
    visibility: hidden !important;
}

#contactEditForm label {
    margin-top: 1.5rem;
}
 
.master-row {
    display: flex;
    align-items: center;
      
}

.master-row .col-2 {
    display: flex;
    align-items: center;
    padding-top: 0 !important;
}

.child-row .detail-container {
    display: grid;
    grid-template-columns: 1fr 6fr;
    width: 100%;
}

.child-row td {
    float: none !important;
}

.child-row .detail-container .detail-body .detail-content {
    /*display: inline-block;*/
    width: 430px !important;
    height: auto !important;
}

.child-row .detail-container .detail-header {
    display: inline-block;
    width: 240px !important;
   /* min-width: 400px;*/
}

.child-row .detail-container .detail-header .detail-content {
    height: auto !important;
    width: 200px !important;
}

.child-row .detail-container .detail-body .detail-content:nth-child(4),
.child-row .detail-container .detail-header .detail-content:nth-child(4) {
    min-width: 170px !important;
}

@media (max-width: 599px) {

    table.outage-tickets .tbody .col-2, 
    table.list-body-table .tbody .col-2 {
        width: 60% !important;
    }

    table.outage-tickets .tbody .col-1, 
    table.list-body-table .tbody .col-1 {
        width: 50% !important;
        border-right: 0;
        padding-top: 1em;
    }

    .child-row .detail-container .detail-header,
    .child-row .detail-container .detail-body {
        display: table-cell;
        width: 176px !important;
    }

    .child-row .detail-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 80%;
    }

    .child-row .detail-container .detail-body .detail-content:nth-child(4), 
    .child-row .detail-container .detail-header .detail-content:nth-child(4) {
        min-height: 60px !important;
        line-height: normal !important;
        min-width: 162px !important;
        max-width: 370px !important;
        vertical-align: top !important;
        width: 220px !important;
    }
}


@media (max-width: 425px) {

    .child-row .detail-container .detail-header {
        width: 160px !important;
    }

    .child-row .detail-container .detail-header .detail-content {
        width: 128px !important;
        height: 28px !important;
        line-height: normal;
    }

    .child-row .detail-container .detail-body .detail-content {
        display: inline-block;
        width: 200px !important;
        height: 28px !important;
        line-height: normal;
    }

    .child-row .detail-container .detail-body {
        margin-left: 0 !important;
        width: 0;
    }

    .child-row .detail-container .detail-body .detail-content:nth-child(4),
    .child-row .detail-container .detail-header .detail-content:nth-child(4) {
        width: 162px !important;
        min-height: 90px !important;
        line-height: normal !important;
    }

    .child-row .detail-container .detail-body .detail-content:nth-child(4) {
        width: 128px !important;
        min-width: 140px !important;
    }
}


@media (max-width: 344px) {

    .child-row .detail-container .detail-header {
        width: 135px !important;
    }

    .child-row .detail-container .detail-header,
    .child-row .detail-container .detail-body {
        width: auto !important;
        min-width: 140px !important;
    }


    .child-row .detail-container .detail-body .detail-content:nth-child(4),
    .child-row .detail-container .detail-header .detail-content:nth-child(4) {
        width: 132px !important;
        min-width: 140px !important;
    }

}


/* ==================================================
    App/Play Store Icons Footer
================================================== */
.app-wrapper-footer {
    display: flex;
    justify-content: start;
    align-items: center;
}

.app-wrapper-footer .app-store, .app-wrapper-footer .play-store {
    width: 100px;
    height: 100px;
    background-size: 100% !important;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
}

.app-wrapper-footer .app-store:hover, .app-wrapper-footer .play-store:hover {
    transform: scale(1.1);
}


.app-wrapper-footer .app-store a, .app-wrapper-footer .play-store a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.app-wrapper-footer .app-store a:after, .app-wrapper-footer .play-store a:after {
    display: none;
}

.app-wrapper-footer .app-store {
    background: url("/uploadedImages/apple-store.png") no-repeat center center;
}

.app-wrapper-footer .app-store:hover {
    background-image: url("/uploadedImages/apple-store-hover.png");
}

.app-wrapper-footer .play-store {
    background: url("/uploadedImages/play-store.png") no-repeat center center;
    margin-left: 1rem;
}

.app-wrapper-footer .play-store:hover {
    background-image: url("/uploadedImages/play-store-hover.png");
}