/* input(2202,1): run-time error CSS1035: Expected colon, found '}' */
html, body {
    padding: 0;
    margin: 0;
    color: #000;
    font-family: 'Source sans pro', Arial, sans-serif;
    font-size: 1rem;
    min-width: 300px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Atkinson Hyperlegible', Arial, sans-serif;
    font-weight: 600;
    line-height: normal;
}

p, li, a, strong, span {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: 'Source sans pro', Arial, sans-serif;
    line-height: inherit;
}

.page-title {
    padding: 0 0 1rem;
    margin: 0 0 2rem;
    border-bottom: 1px solid #011e41;
}

a {
    color: #006072;
}

    a:hover {
        color: #722282;
    }

    a:focus, a:active {
        outline: 3px solid transparent;
        color: #000;
        background-color: #ffdd00;
        box-shadow: 0 0 #ffdd00, 0 4px #000;
        text-decoration: none;
    }

    a img {
        border: none;
    }

    a:hover {
        text-decoration: underline;
    }

main {
    padding: 2rem 0 0;
}

.hidden {
    display: none;
}

q {
    font-style: italic;
    color: #00645A;
    margin-top: 1em;
    margin-bottom: 1em;
}

em {
    color: #AA0000;
}

.imagelink--left {
    display: inline;
}

.imagelink--mobileleft {
    display: none;
}

.max--width {
    min-width: 100%;
    overflow-x: hidden;
}

.prompt {
    font-weight: bold;
}

.label {
    font-weight: bold;
}

.label__error {
    color: red;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}

.error__prompt {
    color: red;
    font-weight: bold;
}

.error__field {
    border: 2px solid red;
}

.hidden {
    display: none;
}

.margin__padding--none {
    margin: 0px;
    padding: 0px;
}

.margin--left {
    margin-left: 10px;
}

.margin--right {
    margin-right: 10px;
}

.margin--top {
    margin-top: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.sdc__button {
    display: flex;
    align-items: center;
    position: relative;
    background: #00703c;
    color: #fff;
    border: #00703c 2px solid;
}

    .sdc__button:hover {
        cursor: pointer;
    }


.image__button--no-style {
    border: none;
    background-color: none;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}


.loader__wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
}

.map__preloader {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    padding: 10px 0px 10px 0px;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #1f1146;
    border-radius: 50%;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    animation: spin 1s linear infinite;
    /*float: right;*/
    display: flex;
    margin: auto 20px auto 0;
}

.loader--large {
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #1f1146;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: auto;
    z-index: 9999;
    display: flex;
    align-items: center;
}

.search__preloader {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    /*overflow: auto;*/
    padding: 10px 0px 10px 0px;
}

.results__preloader {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.3);
    justify-content: center;
    align-items: center;
    overflow: auto;
    margin: 10px 0px 10px 0px;
}


.search__loader--large {
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #1f1146;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: auto;
    z-index: 9999;
    display: flex;
    align-items: center;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.browser__message--note {
    color: red;
    font-size: 16px;
    font-weight: bold;
}

.browser__message {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}

    .browser__message a {
        text-decoration: underline;
    }

.article__link__wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
}

input[type="submit"], input[type="button"], button, .button {
    display: inline;
    cursor: pointer;
    margin: 0;
    padding: 0.75rem 1rem;
    width: fit-content;
    color: #fff;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 1.125rem;
    line-height: normal;
    border-radius: 4px;
    border: 0;
    background: #00703c;
    box-shadow: 0 3px 0 0 shade(#006072, 15%);
}

    input[type="submit"]:hover, input[type="button"]:hover, button:hover, .button:hover {
        background-color: #f5ce3e;
        color: #000;
    }

    input[type="submit"]:focus, input[type="button"]:focus, button:focus, .button:focus, input[type="submit"]:active, input[type="button"]:active, button:active, .button:active {
        background-color: #f5ce3e;
        color: #000;
        outline: 3px solid transparent;
    }

input, select {
    font-family: 'Source sans pro', Arial, sans-serif;
    font-size: 1.125rem;
    color: #000;
}

.skip--link {
    color: #fff;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 100;
    overflow-y: hidden;
    opacity: 0;
}
    .skip--link:focus {
        background-color: #581866;
        opacity: 1;
    }

.no__list {
    list-style:none;
    padding: 0px;
}

.select--readonly {
    pointer-events: none;
}

.sdc__youtube {
    width: 100%;
    height: 460px;
}

.skip-link {
    overflow: hidden;
    z-index: -999;
    position: absolute;
    top: auto;
}

#masthead {
    position: relative;
    background: #006072;
    overflow: hidden;
}

    #masthead .navigation-header {
        position: relative;
        padding: 1rem 0;
    }

.header-logo {
    max-height: 3.5rem;
    padding-left: 15px;
}

.breadcrumb-header {
    position: relative;
    padding: 0;
    background: #005261;
    overflow: visible;
    z-index: 3;
}

    .breadcrumb-header .breadcrumbs {
        margin: 0;
        width: 100%;
        padding: 5px 0;
    }

.breadcrumbs ol {
    display: inline-flex;
    list-style: none;
    margin: 0px;
    padding: 5px 0;
}

.breadcrumb__crumb {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    font: inherit;
    margin: 0;
    padding: 0;
}

    .breadcrumb__crumb a {
        color: #fff;
        font-family: 'Source sans pro', Arial, sans-serif;
        font-weight: 400;
    }

        .breadcrumb__crumb a:focus, .breadcrumb__crumb a:active {
            color: #000;
        }

.breadcrumb .breadcrumb__crumb:after {
    content: ">";
    color: #fff;
    font-weight: bold;
    padding: 0px 5px;
}

.crumb {
    color: #fff;
    font-weight: bold;
}

.container {
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media(max-width:1023px)
{
    .pb-3 {
        display: grid;
        flex-wrap: wrap;
        margin: 1em;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

footer {
    width: 100%;
    overflow: hidden;
    color: #fff;
}

.site-footer {
    padding: 30px 0px;
    background: #011a37;
}

.site-footer-inner {
    display: flex;
    align-items: center;
    flex: 0 0 75%;
    max-width: 75%;
}

.site-footer__ogl {
    display: flex;
    align-items: center;
}

    .site-footer__ogl img {
        padding-right: 1rem;
    }

    .site-footer__ogl a {
        color: #fff;
        font-size: 1em;
    }

        .site-footer__ogl a:focus, .site-footer__ogl a:active {
            color: #000;
        }

.site-footer__footer-logos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.base-footer {
    padding: 10px 0;
    background: #011e41;
}

    .base-footer a {
        color: #fff;
    }

        .base-footer a:focus, .base-footer a:active {
            color: #000;
        }

footer .base-footer .base-footer__footer-links {
    margin: 0;
    list-style: none;
    display: flex;
    gap: 30px;
    justify-content: flex-end;
}

.base-footer__footer-links a {
    font-size: 14px;
    text-decoration: underline;
    font-weight: 700;
}
/* Controls CSS*/
.content__wrapper {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.home__feature__wrapper {
    display: flex;
    border-bottom: 3px solid #a4dda0;
    overflow: auto;
    overflow-x: hidden;
}

    .home__feature__wrapper:last-child {
        border-bottom: none;
    }

.home__feature--content {
    margin-left: 10px;
}

    .home__feature--content p {
        margin-bottom: 0;
    }

.home__feature--link {
    display: inline-flex;
    width: 50%;
    height: 160px;
    padding-top: 10px;
}

    .home__feature--link:hover {
        text-decoration: none;
    }
    
    .home__feature--link:last-child {
        margin-bottom: 15px;
    }

.home__feature--content h1 {
    color: #1f1146;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0px;
}

.home__feature--content a {
    float: right;
    text-decoration: underline;
    color: #1f1146;
    font-size: 14px;
}

.side__menu__wrapper {
    max-width: 240px;
    float: left;
    margin: 2rem 0 0;
    align-self: flex-start;
    padding-right: 3rem;
    box-sizing: content-box;
    background-color: white;
}

    .side__menu__wrapper ol {
        list-style: none;
    }

        .side__menu__wrapper ol li a {
            text-decoration: none;
        }

.side__menu__header {
    font-family: 'Atkinson Hyperlegible', Arial, sans-serif;
    font-size: 1.25rem;
    margin: 0;
    font-weight: 600;
}

.side__menu__header {    
    padding: 1rem 0;
    border-bottom: 1px solid #c1c1c1;
    font-size: 18px;
}

.side__menu__child__wrapper {
    margin-top: 3px;
    margin-bottom: 15px;
}


    .side__menu__child__wrapper a:hover {
        color: #581866;
    }

.side__menu__child {
    font-size: 18px;
    color: #006072;
    display: block;
    padding: 0.5rem 0;
    font-weight: 400;
    list-style-type: none;
    text-decoration: none;
}
    .side__menu__child:hover {
        text-decoration: underline;
    }

    .side__menu__child .child__nav__article:before {
        content: "—";
        width: 20px;
        padding-right: 0.5rem;
        color: rgb(0, 0, 0);
    }

    .side__menu__child:focus, .side__menu__child:active {
        outline: 3px solid transparent;
        color: #000;
        background-color: #ffdd00;
        box-shadow: 0 0 #ffdd00, 0 4px #000;
    }

.side__menu__child a {
    color: #581866;
    text-decoration:none;
}

.side__menu__child--selected {
    font-weight: bold;
    list-style-type: none;
    padding: 0.5rem 0;
}

.side__menu__child__child {
    font-size: 14px;
    color: #581866;
    padding: 5px 0 5px 20px;
}

    .side__menu__child__child a {
        color: #581866;
    }

.side__menu__child__child--selected {
    background-color: #e1e1e1;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 20px;
}

.side__menu__arrow {
    padding: 8px 4px 0 0;
    vertical-align: top;
    border: none;
    background-image: url('../themes/sdc/images/arrow_right.svg?v=YTCaMYF34TTWL7b5MvV9FVATCro');
    color: pink;
}

.side__menu__text {
    display: table-cell;
    padding-right: 10px;
}

.content__wrapper--withmenu {
    float: inherit;
    overflow: auto;
    padding-left: 15px;
    margin-bottom: 15px;
}

.content__wrapper--withshadow {
    float: inherit;
    overflow: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.a-heading__title {
    font-weight: bold;
    color: #1f1146;
    font-size: 30px;
    margin: 0;
}

.a-intro__content {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.content__wrapper--withmenu hr {
    border-top: 2px solid #006072;
    margin: 2rem 0;
}

.content__wrapper--withmenu a {
    text-decoration: underline;
    /*color: #581866;*/
}

.breadcrumb__current {
    font-weight: bold;
}

.nav__image--right {
    float: right;
    border: none;
}

.nav__image--left {
    float: left;
}

.nav__image--hamburger {
    float: left;
    padding: 0 15px 0 0;
    cursor: pointer;
}

.nav__wrapper--right {
    display: flex;
    float: right;
    align-items: center;
    height: 50px;
}

.nav__wrapper__social--right {
    display: flex;
    /*float: right;*/
    align-items: center;
    height: 75px;
}

.nav__wrapper__search--right {
    display: flex;
    float: right;
    align-items: center;
    height: 50px;
}

.nav__wrapper--left {
    display: flex;
    float: left;
    align-items: center;
    height: 50px;
}

.nav__wrapper--logo {
    float: left;
    height: 150px;
    padding-left: 10px;
}

.address__wrapper {
    display: flex;
    float: right;
    align-items: center;
    height: 50px;
    min-width: 50%;
    max-width: 50%;
}

.address--left {
    width: 150px;
    float: left;
    font-size: 20px;
}

.address--right {
    width: 350px;
    float: right;
}

#select__address {
    float: right;
    width: 300px;
}

.nav__wrapper--browse {
    float: right;
    display: flex;
    height: 75px;
    align-items: center;
}

.nav__wrapper--browse-text {
    max-width: 150px;
    padding-left: 5px;
    /*overflow: auto;*/
}

.nav__content--lefttext {
    font-size: 20px;
    padding: 0 15px 5px 15px;
    color: #000000;
}

.nav__content--lefttext--access {
    font-size: 20px;
    padding: 0 15px 5px 15px;
    color: #fff;
    text-decoration: none;
}

.nav__content--right--search {
    font-size: 20px;
    padding: 0 5px 5px 0px;
    color: #fff;
}

.nav__content--mobile {
    cursor: pointer;
}

.nav__content--righttext {
    float: right;
}

.nav__chat__wrapper {
    display: table;
}

.nav__chat--big {
    font-size: 20px;
    display: table-cell;
}

.related__header {
    font-size: 16px;
    font-weight: bold;
    background-color: #005261;
    color: #fff;
    padding: 5px 0px 5px 10px;
    margin: 10px 0 10px 0;
    line-height: 25px;
}

.related__content {
    display: block;
    padding-left: 5px;
    color: #006072;
    text-decoration: underline;
    padding: 2px 0 2px 10px;
}

.related__arrow {
    padding: 0 5px 2px 0;
    border: none;
}

.related__content__contact--label {
    font-weight: bold;
    display: table-cell;
    padding: 0 20px 5px 10px;
    font-size: 1.125em;
}

.related__content__contact--item {
    display: table-cell;
    font-size: 1.125em;
}

.related__content__wrapper {
    display: table;
}

.related__content__wrapper--inner {
    display: table-row;
}

    .related__content__wrapper--inner a {
        text-decoration: underline;
        color: #006072;
    }

.related__content__contact--details {
    color: #006072;
    text-decoration: underline;
    padding-left: 10px;
}

.related__image__wrapper {
    padding: 10px 0px 10px 0px;
    min-width: 100%;
    max-width: 100%;
}

.related__image__item {
    display: inline-block;
    padding: 0px 5px 5px 0px;
    border: 0;
    outline: 0;
}

    .related__image__item a > img {
        border: 0;
        outline: 0;
    }

    .related__image__item:last-child {
        padding-right: 0px;
    }


.grid__wrapper {
    padding-top: 35px;
}

    .grid__wrapper ul { padding-left: 0px; }

    .grid__wrapper a:hover {
        text-decoration: none;
    }

.grid__content__wrapper {
    max-width: 300px;
    width: 300px;
    min-height: 160px;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    padding: 10px;
    overflow: auto;
}

.grid__wrapper a:hover {
    text-decoration: none;
}

.grid__content__wrapper:hover {
    background: #e1e1e1;
    background: linear-gradient(#e1e1e1,#FFF);
}

.grid__text__wrapper {
    overflow: auto;
}

.grid__content__header {
    font-size: 16px;
    color: #1f1146;
    margin-bottom: 5px;
}

.imagelink--grid {
    float: left;
    padding-right: 10px;
}

.imagelink--gridlogo {
    float: left;
    margin-right: 5px;
}

.content__wrapper--gridtemplate {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px
}

.list__head {
    font-size: 16px;
    font-weight: bold;
    color: #1f1146;
}

    .list__head a {
        text-decoration: none;
        color: #1f1146;
    }

        .list__head a:hover {
            text-decoration: underline;
        }

.list__intro {
}

.list__link a {
    text-decoration: underline;
    color: #581866;
}

.imagelink--nav {
    text-align: center;
}

.faq__wrapper {
    margin-bottom: 40px;
}

.faq__item__wrapper {
    background-color: #581866;
    color: #fff;
    margin-bottom: 15px;
}

.faq__item__heading {
    display: table;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    padding: 10px 0 10px 0;
}

.faq__item__text {
    display: table-cell;
    vertical-align: middle;
    width: inherit;
}

.faq__item__content {
    display: none;
    border: 5px solid #e1e1e1;
    background-color: #FFF;
    color: #000;
    padding: 0 10px 10px 10px;
}

    .faq__item__content a {
        text-decoration: underline;
        color: #581866;
    }

    .faq__item__content h2, h3 {
        font-size: 14px;
        color: #1f1146;
        font-weight: bold;
    }

.faq__item__arrow {
    padding: 0 3px 2px 10px;
    vertical-align: middle;
}

.search__input {
    width: 170px;
    border: none;
    height: 18px;
    border-radius: 0;
}

/* Contact Index Template */
.contact__wrapper {
    overflow: auto;
    font-size: 14px;
}

.contact__item__wrapper {
    margin-bottom: 5px;
}

.contact__header {
    max-width: 150px;
    min-width: 150px;
    height: 25px;
    background-color: #e1e1e1;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

    .contact__header label {
        float: right;
        margin-right: 5px;
    }

.contact__header--address {
    vertical-align: top;
    padding-top: 5px;
}

.contact__data {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

    .contact__data a {
        color: #581866;
        text-decoration: underline;
    }

.contact__data--address {
    padding-top: 5px;
}

.contact__image {
    float: right;
    overflow: auto;
}

/* End Contact Index Template */

/* Contact List Template */
.contact-list__wrapper {
    padding-bottom: 10px;
    border-bottom: 2px solid #b51e81;
}

    .contact-list__wrapper:last-child {
        border: none;
    }

    .contact-list__wrapper h3 {
        font-size: 16px;
    }

        .contact-list__wrapper h3 a {
            text-decoration: none;
        }

            .contact-list__wrapper h3 a:hover {
                text-decoration: underline;
            }

    .contact-list__wrapper a {
        color: #581866;
        text-decoration: underline;
    }

.contact-list__item__wrapper {
    margin-bottom: 2px;
}

.contact-list--link {
    margin-top: 10px;
}

.contact-list__header {
    max-width: 150px;
    min-width: 150px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.contact-list__data {
    display: table-cell;
    vertical-align: middle;
}

/* End Contact List Template */

/*Inline Images*/

.body__image__inline--right {
    float: right;
    padding-left: 10px;
}

.body__image__inline--left {
    float: left;
    padding-right: 10px;
}

.searchform__input {
    display: table-row;
}

.searchform__inputtxt {
    height: 14px;
}

.image--ie9 {
    float: right;
}
/* ICM CSS Overrides*/

.a_body__link {
    text-decoration: underline;
    color: #581866;
}

.icmformleft .icmvertical label {
    width: auto;
}

.icmformleft label {
    max-width: none;
}

.icmformtop label {
    max-width: 100%;
}

.icmform input[type=text], .icmform input[type=email], .icmform input[type=password], .icmform input[type=email], .icmform input[type=tel], .icmform input[type=url], .icmform select, .icmform textarea {
    width: 100%;
    border: solid 1px #a9a9a9;
}

.icmform input[type=button], .icmform input[type=submit], .icmform input[type=reset] {
    min-width: 50px;
}

.icmform input[type=checkbox] + label, .icmform input[type=radio] + label, .icmsinglecheckbox label {
    display: inline;
}

.icmform em[title=required] {
    color: black;
}

/* End ICM CSS Overrides*/

/*JQUERY Overrides*/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    width: auto;
    padding: 5px;
    border: 1px solid;
}

.ui-menu-item {
    padding-bottom: 5px;
}

    .ui-menu-item:last-child {
        padding-bottom: 0;
    }

/*End JQuery Overrides*/

/* National Grid Template */

.ngrid__wrapper {
    margin-bottom: 10px;
}

.ngrid__item__wrapper {
    background-color: #a4dda0;
    margin-bottom: 15px;
}

.ngrid__item__heading {
    display: table;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    padding: 10px 0 10px 0;
}

.ngrid__item__heading--static {
    display: table;
    vertical-align: middle;
    font-weight: bold;
    width: 100%;
    padding: 10px 0 10px 0;
}

.ngrid__item__text {
    display: table-cell;
    vertical-align: middle;
    width: inherit;
}

.ngrid__item__content {
    display: none;
    border: 5px solid #a4dda0;
    background-color: #FFF;
}

    .ngrid__item__content p {
        padding: 0 0 0 5px;
    }

.ngrid__item__content--static {
    border: 5px solid #a4dda0;
    background-color: #FFF;
}

    .ngrid__item__content--static p {
        padding: 0 0 0 5px;
    }

.ngrid__item__content a {
    text-decoration: underline;
    color: #00645a;
    padding: 10px 0 5px 5px;
    display: flex;
}

.ngrid__item__content h2, h3 {
    font-size: 1.125em;
    color: #1f1146;
    font-weight: bold;
}

.ngrid__item__arrow {
    padding: 0 3px 2px 10px;
    vertical-align: middle;
}

.ngrid__table {
    width: 100%;
    /*margin: 5px;*/
    border-collapse: collapse;
}

    .ngrid__table tr {
        text-align: left;
        vertical-align: text-top;
    }

    .ngrid__table th {
        text-align: left;
        padding: 5px 5px 5px 5px;
    }

    .ngrid__table tr:nth-child(even) {
        background-color: #f8f8f8;
    }

    .ngrid__table td {
        padding: 0 5px 5px 5px;
    }

.ngrid__td--hover {
    cursor: pointer;
    background-color: #00623c !important;
    color: white;
}

.ngrid__navigation__wrapper {
    padding-bottom: 10px;
}

.ngrid__navigation__left {
    float: left;
    padding-right: 10px;
}

.ngrid__button__wrapper .ngrid__button {
    background-color: #00623c;
    color: white;
    border: none;
    vertical-align: central;
    margin-left: 85px;
}

.ngrid__input__wrapper {
    padding: 0 0 10px 0;
}

    .ngrid__input__wrapper label {
        width: 80px;
        display: inline-block;
    }

        .ngrid__input__wrapper label.error {
            color: red;
            width: auto;
            display: inline-block;
            padding-left: 4px;
        }

    .ngrid__input__wrapper input {
        width: 200px;
        display: inline-block;
    }

        .ngrid__input__wrapper input.error {
            border: 4px solid red;
        }

.text--right {
    text-align: right;
}

.link--normal {
    text-decoration: underline;
    color: blue;
}

/* End National Grid Template*/


/*Land Charges Template*/

.landcharges__input {
    width: 320px;
}

.landcharges__button {
    background-color: #581866;
    background: #581866;
    font-family: inherit;
    font-size: inherit;
    color: #000000;
    border: #581866 2px solid;
}

.landcharges__wrapper {
    margin-top: 10px;
}

.landcharges__item__wrapper {
    min-width: 100%;
    margin-bottom: 5px;
}

.landcharges__item__location__wrapper {
    border-top: 1px solid #011e41;
    color: #1f1146;
    padding-top: 10px;
    padding-bottom: 10px;
}

.landcharges__item__geoclass {
    font-weight: bold;
}

.landcharges__geoclass__header {
    border-top: 1px solid #011e41;
    border-bottom: 1px solid #011e41;
    font-weight: bold;
    font-size: 1.125em;
    color: #1f1146;
    margin-top: 20px;
    padding: 10px 0px 10px 0px;
}

.landcharges__geoclass__record {
    float: right;
    font-weight: normal;
}

.landcharges__item__location--left {
    float: left;
    padding-bottom: 10px;
}

.landcharges__item__location--right {
    float: right;
    padding-bottom: 10px;
    cursor: pointer;
    text-decoration: underline;
    color: #006072;
}

.landcharges__item--header {
    min-width: 100%;
    padding: 5px 0 5px 0;
    background-color: #005261;
    color: #fff;
    overflow: auto;
}

.landcharges__item--header--left {
    width: 186px;
    float: left;
    margin-left: 5px;
}

.landcharges__item--header--left--inner--left {
    width: 116px;
    float: left;
    font-weight: bold;
}

.landcharges__item--header--left--inner--right {
    width: 70px;
    float: right;
}

.landcharges__item--header--right {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}

.landcharges__item--header--right--inner--left {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

.landcharges__item--header--right--inner--right {
    float: right;
}

.landcharges__data__wrapper {
    width: 100%;
    padding: 5px 0px 5px 0px;
    background-color: #f8f8f8;
    overflow: auto;
    margin-bottom: 5px;
}

.landcharges__data__item--wrapper {
    overflow: auto;
    padding-bottom: 5px;
}

.landcharges__data__item--left {
    width: 116px;
    float: left;
    margin-left: 5px;
    font-weight: bold;
}

.landcharges__data__item--right {
    max-width: 100%;
    float: inherit;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
}

.landcharges__property__wrapper {
    min-width: 100%;
}

    .landcharges__property__wrapper ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

.landcharges__property__header__item {
    width: 100%;
    padding: 5px;
    background-color: #a4dda0;
    font-weight: bold;
}

.landcharges__property__data__item {
    width: 100%;
    background-color: #f8f8f8;
    padding: 5px;
    cursor: pointer;
}

    .landcharges__property__data__item:nth-child(odd) {
        background-color: #FFFFFF;
    }

    .landcharges__property__data__item:hover {
        background-color: #a4dda0;
    }

/*End Land Charges Template*/


/* FOI Index Template */
.foi__wrapper {
    overflow: auto;
    font-size: 14px;
}

.foi__item__wrapper {
    margin-bottom: 5px;
}

.foi__header {
    width: 150px;
    height: 25px;
    background-color: #A4DDA0;
    font-weight: bold;
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

    .foi__header label {
        float: right;
        margin-right: 5px;
    }

.foi__header--address {
    vertical-align: top;
    padding-top: 5px;
}

.foi__data {
    max-width: 650px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

    .foi__data a {
        color: #00645a;
        text-decoration: underline;
    }

.foi__data--address {
    padding-top: 5px;
}

.foi__image {
    float: right;
    overflow: auto;
}

/* End FOI Index Template */


/* 2 Column Lists */

.two__col__list__wrapper {
    margin: 10px 0px 24px 0px;
    min-width: 100%;
}

.two__col__list__item__wrapper {
    display: -webkit-flex;
    overflow: hidden;
    margin-bottom: 5px;
}

.two__col__list__header {
    width: 28%;
    float: left;
    background-color: #e1e1e1;
    font-weight: bold;
    padding: 5px;
}

.two__col__list__search__header {
    width: 30%;
    float: left;
    font-weight: bold;
    padding: 5px;
}

.hmo--width {
    width: 40%;
}

.telecom--width {
    width: 32%;
}

.search__results__button--right {
    float: right;
    margin-top: 10px;
}

.two__col__list__data {
    width: 100%;
    float: inherit;
    padding: 5px;
}


/* End 2 Column Lists */


/* Tree Preservation Orders */
.tpo__wrapper {
    margin: 5px 0px 5px 0px;
}

.tpo__header__row {
    min-width: 100%;
    background-color: #2b2171;
    padding: 3px 0px 3px 0px;
    color: #fff;
    font-weight: bold;
    overflow: auto;
}

.tpo__data__row {
    min-width: 100%;
    overflow: auto;
    padding: 3px 0px 3px 0px;
}

    .tpo__data__row:nth-child(odd) {
        background-color: #f8f8f8;
        overflow: auto;
    }

.tpo__col {
    float: left;
    width: 10%;
    overflow: auto;
}

    .tpo__col:first-child {
        margin-left: 2px;
    }

    .tpo__col:last-child {
        width: 38%;
        margin-left: 10px;
    }

/* END Tree Preservation Orders */


/*Search Template*/
.search__wrapper {
    margin: 10px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
    background-color: #f8f8f8;
}

    .search__wrapper fieldset {
        margin: 5px;
        font-size: 1.125rem;
    }

        .search__wrapper fieldset legend {
            color: #000;
            font-weight: bold;
            border-bottom: 1px solid #011e41;
            padding-bottom: 10px;
        }

.search__header {
    margin-left: 5px;
    color: #1f1146;
    font-weight: bold;
}

.search__col__list__wrapper {
    margin: 10px 0px 10px 0px;
    min-width: 100%;
}

.two__col__list__search__item__wrapper {
    display: -webkit-flex;
    overflow: hidden;
    margin-bottom: 5px;
}

.two__col__list__search__item__header {
    width: 30%;
    float: left;
    font-weight: bold;
    padding: 5px;
}

.two__col__list__search__item__data {
    width: 100%;
    float: inherit;
    padding: 5px;
}

.search__alert {
    padding-top: 10px;
}

.search__input--xx_small {
    width: 140px;
}

.search__input--small {
    width: 170px;
}

.search__input--medium {
    width: 250px
}

.search__input--large {
    width: 350px;
}

textarea {
    min-width: 100%;
    height: 200px;
}

/*End Search Template*/

/*Search Results*/
.search__results__wrapper {
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

.search__results__item {
    overflow: auto;
    margin-bottom: 20px;
    min-width: 100%;
    /*font-size: 1.125em;*/
}

.search__results__wrapper #paging-table {
    min-width: 100%;
    font-size: 1.125em;
}

.two__col__list__header__row {
    display: -webkit-flex;
    overflow: hidden;
    background-color: #005261;
    color: #fff;
}

.two__col__list__item__row {
    display: -webkit-flex;
    /*display: -ms-flexbox;
    display: flex;*/
    overflow: hidden;
}

    .two__col__list__item__row:nth-child(odd) {
        background-color: #F1F1F1;
    }


.one__col__list {
    min-width: 100%;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px 5px 0px;
    color: #000;
    background-color: #39ffff;
}

.search__results__table__wrapper {
    width: 100%;
    margin: 10px 0px 10px 0px;
}

.search__results__table__header {
    padding: 5px;
    color: #1f1146;
    font-weight: bold;
}

.search__results__col__header {
    width: 50%;
    padding: 5px;
    background-color: #D3D3D3;
    color: #000;
    font-weight: bold;
}

.search__results__col__data {
    width: 50%;
    padding: 5px;
}

.map__button {
    float: right;
    margin-top: 10px;
}

.search__results__export__wrapper {
    min-width: 100%;
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

.search__results__export--left {
    float: left;
    min-width: 50%;
}

.search__results__export--left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .search__results__export--left ul li {
        margin-bottom: 10px;
    }

    .search__results__export--left ul li:last-child {
        margin-bottom: 0px;
    }

.search__results__export--right {
    float: right;
    min-width: 50%;
    text-align: right;
}

.email__wrapper {
    min-width: 100%;
    margin: 10px 0px 0px 0px;
    overflow: auto;
}

.paging__table__wrapper {
    min-width: 100%;
}

.map__prompt {
    font-size: 1.125em;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #006072;
    cursor: pointer;
    text-decoration: underline;
}

    .map__prompt:hover {
        color: #722282;
    }


/*End Search Results*/


/* Planning Details */
.progress__wrapper {
    min-width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 1.125em;
}

.progress__box {
    min-width: 100%;
    float: left;
    margin-top: 5px;
    background-color: #d7f0bb;
    border-radius: 4px;
}

.current__progress__box {
    min-width: 100%;
    float: left;
    margin-top: 5px;
    background-color: #a4dda0;
    border-radius: 4px;
}

.progress__wrapper .two__col__list__data {
    width: auto;
}

.comment__link__wrapper {
    min-width: 100%;
    float: left;
    margin-bottom: 5px;
}

.conditions__col__list__item__header__row {
    display: flex;
    overflow: hidden;
    font-weight: bold;
    background-color: #D3D3D3;
    padding: 5px;
}

.conditions__col__list__item__row {
    display: flex;
    overflow: hidden;
    padding: 5px;
}

    .conditions__col__list__item__row:nth-child(odd) {
        background-color: #F1F1F1;
    }

.conditions__col__data__small {
    width: 100px;
}

.conditions__col__data__med {
    width: 140px;
}

.conditions__col__data__large {
    width: 100%;
    margin-right: 5px;
}


/* End Planning Details */

/* TRIM Records */

/*Planning Details*/

.document__wrapper {
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

    .document__wrapper table {
        min-width: 100%;
        text-align: left;
        border-spacing: 0px;
        font-size: 1.125em;
    }

        .document__wrapper table thead tr th {
            background-color: #006072;
            color: #fff;
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: left;
        }

        .document__wrapper table thead tr td {
            padding: 4px;
        }

        .document__wrapper table tbody tr {
            cursor: pointer;
            text-align: left;
        }

            .document__wrapper table tbody tr:nth-child(even) {
                background-color: #f1f1f1;
            }

            .document__wrapper table tbody tr:hover {
                background-color: #39ffff;
            }

            .document__wrapper table tbody tr td {
                padding: 4px;
                border: none;
            }

#foi.dataTable tbody tr {
    cursor: default;
}

.document__section__header {
    min-width: 100%;
    background-color: #011e41;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 1.125em;
}

    .document__section__header label {
        margin-left: 5px;
        font-weight: bold;
    }

.document__section__content {
    font-weight: bold;
    padding: 5px;
}

.zip__wrapper {
    width: 100%;
    display: flex;
    align-items: baseline;
    font-size: 1.125em;
    margin-bottom: 10px;
}

.zip--image {
    margin-right: 5px;
    vertical-align: bottom;
}

.zip__link {
    cursor: pointer;
    text-decoration: underline;
    margin-right: 5px;
}

.col__1 {
    width: 20px;
}

.col__2 {
    width: 120px;
}

.col__3 {
    width: 250px;
}

.col__4 {
    width: 90px;
}

.col__5 {
    width: 60px;
}

.consultee__col__1 {
    width: 20px;
}

.consultee__col__2 {
    width: 370px;
}

.consultee__col__3 {
    width: 90px;
}

.consultee__col__4 {
    width: 60px;
}


/*Planning Details*/

.grid table thead th {
    font-weight: bold;
    text-align: left;
}

.grid table tbody tr {
    color: #000000;
    background-color: #FFFFFF;
    cursor: pointer;
}

    .grid table tbody tr:hover {
        color: #000000;
        background-color: #ffd040;
    }

.grid {
    overflow-x: scroll;
}

    .grid table tbody tr td {
        padding: 4px 20px 4px 20px;
    }

    .grid table thead th {
        padding: 4px 20px 4px 20px;
    }

    .grid table {
        border-collapse: collapse;
        width: 100%;
    }


/* Tabs */
.tab__results__wrapper {
    margin-top: 10px;
    margin-bottom: 10px;tab__cont
}

.tab {
    overflow: hidden;
    border: 1px solid #006072;
    background-color: #005261;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        background-color: #006072;
        float: left;
        border: none;
        border-right: 1px solid #005261;
        outline: none;
        cursor: pointer;
        padding: 8px 14px;
        transition: 0.3s;
        border-radius: 0px;
        font-weight: 400;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #f5ce3e;
            color: #000;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #f5ce3e;
            color: #000;
        }

/* Style the tab content */
.tab__content {
    display: none;
    padding: 4px;
    border: 1px solid #006072;
    border-top: none;
    overflow: auto;
}

/* End Tabs */

/*Comments*/
.invalid-border {
    outline: 2px solid #e80c4d;
}


/* End Comments */

/*Weekly List*/

.date__wrapper {
    float: left;
    overflow: auto;
    border: 2px solid #006072;
    width: 240px
}

.date__row__header {
    background-color: #005261;
    overflow: auto;
    padding: 5px;
    color: #fff;
}

.date__row--info {
    background-color: #fff;
    overflow: auto;
    padding: 5px;
    font-weight: bold;
}

.date__row {
    background-color: #fff;
    overflow: auto;
    padding: 5px;
    cursor: pointer;
}

    .date__row:nth-child(odd) {
        background-color: #f8f8f8;
    }

    .date__row:hover {
        background-color: #39ffff;
    }

.date__item--left {
    float: left;
    width: 100px;
}

.date__item--middle {
    float: inherit;
    width: 30px
}

.date__item--right {
    float: right;
    width: 100px;
}

/*Weekly List*/


/*Planning Archive*/

.archive__item {
    float: left;
    font-size: 1.125rem;
    margin: 8px 12px 8px 0px;
    color: #006072;
    cursor: pointer;
    text-decoration: underline;
    overflow: auto;
}


.thumb__wrapper {
    width: 100px;
    float: left;
    border: 2px solid #006072;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
}

    .thumb__wrapper:hover {
        background-color: #39ffff;
    }

.thumb__header {
    font-weight: 600;
    background-color: #006072;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 7px;
    text-align: center;
}

.thumb__middle {
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 7px;
}

.thumb__footer {
    display: flex;
    align-items: center;
    border-top: 2px solid #1f1146;
    background-color: #FFF;
    padding: 5px 0px 3px 0px;
}

.thumb__footer--left {
    width: 35px;
    float: left;
    margin-left: 2px;
}

.thumb__footer--right {
    width: 55px;
    float: right;
}


/*End Planning Archive*/


/*  LLP  */

.grid table thead th { /*Deprecated*/
    background-color: #acdabd;
    font-weight: normal;
    text-align: left;
}

.grid table thead tr th {
    background-color: #acdabd;
    font-weight: normal;
    text-align: left;
}

.grid table tbody tr {
    color: #000000;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}

.grid table tbody .alt { /* Deprecated*/
    color: #000000;
    background-color: #F1F1F1;
    font-family: Arial, Helvetica, sans-serif;
}

.grid table tbody .even {
    color: #000000;
    background-color: #F1F1F1;
    font-family: Arial, Helvetica, sans-serif;
}

.grid table {
    border-collapse: collapse;
    width: 100%;
}

.grid__td--hover {
    background-color: #ffd040 !important;
    cursor: pointer;
}

.llp__button {
    background-color: #00623c;
    color: white;
    border: none;
}

.llp__input__wrapper {
    padding-bottom: 10px;
}

    .llp__input__wrapper label {
        width: 100px;
        display: inline-block;
    }
/*END LLP*/


/* Jquery DatePicker */
.ui-datepicker {
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 2px 2px 2px 2px;
    height: auto;
}

    .ui-datepicker a {
        text-decoration: none;
        cursor: pointer;
    }

    .ui-datepicker table {
        width: 100%;
    }

.ui-datepicker-header {
    background-color: #666666 !important;
    color: #FFFFFF;
    font-weight: bold;
    margin: 1px 1px 1px 1px;
    line-height: 30px;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url('../themes/sdc/images/arrow.png?v=YTCaMYF34TTWL7b5MvV9FVATCro');
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
}

    .ui-datepicker-prev:hover, .ui-datepicker-next:hover {
        background-color: #666666;
    }



.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}

    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
}

.ui-datepicker-calendar .ui-state-default {
    background-color: #F5F5F5;
}

.ui-datepicker-unselectable .ui-state-default {
    background: #F5F5F5;
    color: #000000;
}

.ui-datepicker-calendar .ui-state-active {
    background-color: #00623C;
    color: #FFFFFF;
    border: 1px solid #A4DDA0;
    position: relative;
    margin: -1px;
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}

#ui-datepicker-div {
    display: none;
}

/* End JQuery DatePicker */

/* Archive Paging */

.archive__results__wrapper {
    margin-top: 10px 0px 10px 0px;
}
    .archive__results__wrapper tr {
        display: inline;
        float: left;
    }

    .archive__results__wrapper .data-container {
        display: block;
        overflow: auto;
    }

/* Comments */
.comment__wrapper {
    overflow: auto;
}

.comment__form--left {
    width: 50%;
    float: left;
    overflow: auto;
    margin-right: 10px;
}

.comment__form--right {
    margin-top: 20px;
    float: inherit;
    overflow: auto;
}

.no__address__wrapper {
    margin: 10px 0px 10px 0px;
}
/* End Comments */
/* End Archive Paging */


/* HP Document Pagination */
.hp__paging__wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
}

    .hp__paging__wrapper.pagination-container {
        background-color: orange;
    }

    .hp__paging__wrapper .pagination-container {
        margin: 0px;
    }

        .hp__paging__wrapper .pagination-container ul {
            list-style: none;
            padding: 0px;
        }

            .hp__paging__wrapper .pagination-container ul li {
                display: inline;
                padding: 5px;
                margin-right: 5px;
                background-color: aquamarine;
                color: purple;
            }

                .hp__paging__wrapper .pagination-container ul li.current-menu-item {
                    background-color: deeppink;
                }

                .hp__paging__wrapper .pagination-container ul li a {
                    text-decoration: none;
                }


/*Committee Meetings*/
.committee__article__wrapper {
    margin-top: 5px;
    margin-bottom: 20px;
}

/* Meeting Dates*/
.meeting__date__wrapper {
    border: 2px solid #006072;
    display: inline-table;
    margin-right: 5px;
    margin-bottom: 10px;
    overflow-y: auto;
}

.meeting__date__row__header {
    width: 150px;
    background-color: #006072;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    overflow: auto;
    text-align: center;
    cursor: pointer;
}

.meeting__date__row {
    width: 150px;
    background-color: #fff;
    overflow: auto;
    padding: 5px;
    cursor: pointer;
    text-align: center;
}

    .meeting__date__row:nth-child(odd) {
        background-color: #e1e1e1;
    }

    .meeting__date__row:hover {
        background-color: #39ffff;
    }

/* Document table */
.document__wrapper table.dataTable thead th, table.dataTable thead td {
    padding-left: 3px;
    padding-right: 5px;
}

.document__wrapper table.dataTable thead .sorting {
    background-color: #2b2171;
}

.document__wrapper table.dataTable thead .sorting_asc {
    background-color: #2b2171;
}

.document__wrapper table.dataTable thead .sorting_desc {
    background-color: #2b2171;
}

.dataTables_wrapper .dataTables_filter {
    margin-bottom: 5px;
}

.exempt {
    color: red;
    font-weight: bold;
}

.accord__header {
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #006072;
    color: #fff;
    cursor: pointer;
}

/* Licensing Rep Form Templates */

.licensing__textbox--xx_small {
    width: 100px;
}

.licensing__textbox--small {
    width: 150px;
}

.licensing__textbox--medium {
    width: 250px;
}

.licensing__textbox--large {
    width: 346px;
}

.licensing__select--xx_small {
    width: 100px;
}

.licensing__select--small {
    width: 150px;
}

.licensing__select--medium {
    width: 250px;
}

.licensing__select--large {
    width: 350px;
}

.schedule__wrapper {
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

    .schedule__wrapper table {
        min-width: 100%;
        text-align: left;
        border-spacing: 0px;
    }

        .schedule__wrapper table thead tr th {
            background-color: #2b2171;
            color: #fff;
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: left;
        }

        .schedule__wrapper table thead tr td {
            padding: 4px;
        }

        .schedule__wrapper table tbody tr {
            cursor: pointer;
            text-align: left;
        }

            .schedule__wrapper table tbody tr:nth-child(even) {
                background-color: #f1f1f1;
            }

            .schedule__wrapper table tbody tr:hover {
                background-color: #39ffff;
            }

            .schedule__wrapper table tbody tr td {
                padding: 4px;
            }

.schedule__section__header {
    min-width: 100%;
    background-color: #581866;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

    .schedule__section__header label {
        margin-left: 5px;
        font-weight: bold;
    }

.schedule__section__content {
    font-weight: bold;
    padding: 5px;
}

.repform__wrapper {
    margin: 10px 0px 10px 0px;
    overflow: auto;
}

.repform__section__header {
    min-width: 100%;
    background-color: #581866;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

    .repform__section__header label {
        margin-left: 5px;
        font-weight: bold;
    }

.repform__content__wrapper {
    margin: 10px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #f8f8f8;
}

    .repform__content__wrapper fieldset {
        margin: 5px;
    }

        .repform__content__wrapper fieldset legend {
            color: #1f1146;
            font-weight: bold;
        }


/* HMO Licensing */
.hmo__wrapper {
    margin: 5px 0px 5px 0px;
}

.hmo__header__row {
    min-width: 100%;
    background-color: #005261;
    padding: 3px 0px 3px 0px;
    color: #fff;
    font-weight: bold;
    overflow: auto;
}

.hmo__data__row {
    min-width: 100%;
    overflow: auto;
    padding: 3px 0px 3px 0px;
}

    .hmo__data__row:nth-child(odd) {
        background-color: #f8f8f8;
        overflow: auto;
    }

.hmo__col {
    float: left;
    min-width: 33%;
    overflow: auto;
}
    .hmo__col:first-child { padding-left: 3px;}
    

/* END HMO Licensing */

.space-evenly {
    justify-content: space-evenly;
}

/* Taxi Register */

#taxi.dataTable {
    width: 738px;
}

#taxi.dataTable tbody tr {
    cursor: default;
    text-align: center;
}

#taxi.dataTable thead tr th {
    text-align: center;
}

.taxi--email {
    word-break: break-word;
}

/* End Taxi Register */

.flex-grid {
    display: flex;
    border-bottom: solid 5px #005261;
}

.col {
    flex: 1;
    padding: 10px;
    border-right: 2px dashed #005261;
}

    .col:last-child {
        border-right: none;
    }

.map__control__row {
    padding-bottom: 10px;
}

    .map__control__row label {
        font-size: 16px;
        color: #000;
    }

    .map__control__row input {
        font-size: 16px;
        height: 40px;
        min-width: 100%;
        padding: 0px;
    }

    .map__control__row select {
        font-size: 16px;
        height: 40px;
    }

.drawing-icons {
    min-width: 100%;
    display: flex;
    justify-content: space-evenly;
}

#error {
    color: red;
}

.nav__my-sedgemoor {
    display: flex;
    float: left;
    align-items: center;
    height: 50px;
}

.mysedgemoor__input {
    border: 1px solid #b51e81;
    height: 18px;
    border-radius: 0;
}

.mysedgemoor__wrapper {
    float: left;
    align-items: center;
    display: flex;
    height: 50px;
}

.mysedgemoor__section__toggle {
    display: none;
}

/* MySedgemoor Template */
.mysedgemoor-list__wrapper {
    padding-bottom: 10px;
    border-bottom: 2px solid #a4dda0;
}
    .mysedgemoor-list__wrapper:last-child {
        border: none;
    }

.mysedgemoor-list__wrapper h3 { font-size: 16px; }
 .mysedgemoor-list__wrapper h3 a { text-decoration: none; }
 .mysedgemoor-list__wrapper h3 a:hover { text-decoration: underline; }

.mysedgemoor-list__wrapper a {
    color: #581866;
    text-decoration: underline;
}

.mysedgemoor-list__item__wrapper {
    margin-bottom: 5px;
}

.mysedgemoor-list--link {
    margin-top: 10px;
}

.contact-list__header {
    max-width: 150px;
    min-width: 150px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.contact-list__data {
    display: table-cell;
    vertical-align: middle;
}

.mysedgemoor-list__header {
    max-width: 155px;
    min-width: 155px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #e1e1e1;
    display: table-cell;
    padding: 5px 5px 5px 0;
}

    .mysedgemoor-list__header label {
        float: right;
        text-align: right;
    }

.mysedgemoor-list__data {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

    .mysedgemoor-list__data a {
        color: #581866;
        text-decoration: underline;
    }

.mysedgemoor-list__item--cllr {
    margin-bottom: 5px;
}
/* End MySedgemoor Template */

/* My Sedgemoor Section */
.mysedgemoor__section__header {
    border-bottom: 2px solid #011e41;
    min-width: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mysedgemoor_section__header--left {
    width: 300px;
    min-width: 300px;
}

.mysedgemoor_section__header--right {
    width: 100%;
    overflow-x: hidden;
}

.mysedgemoor_section__header .mysedgemoor_section__header--right a {
    float: right;
    text-align: right;
}

.mysedgemoor__section__wrapper {
    margin-top: 10px;
    min-width: 100%;
    overflow: auto;
    margin-bottom: 20px;
}

.mysedgemoor__section__item {
    overflow: auto;
    padding: 5px 0px 5px 0px;
}

    .mysedgemoor__section__item a {
        float: right;
        color: #581866;
        text-decoration: underline;
        margin-right: 5px
    }

.mysedgemoor__header {
    color: #fff;
    background-color: #2b2171;
}

.mysedgemoor__row {
    background-color: #fff;
}

.mysedgemoor__section__item--left {
    width: 100px;
    float: left;
    margin-left: 5px;
    font-weight: bold;
    overflow: auto;
}

.mysedgemoor__section__item--right {
    float: inherit;
    margin-left: 5px;
    margin-right: 5px;
    overflow: auto;
}
 
/* My Sedgemoor Section */



@media (max-width: 1224px) {
    .foi__results__wrapper {
        margin: 10px;
    }
}

@media (max-width: 1160px) {
    .site-footer__ogl {
        margin-bottom: 0.5em;
    }
}

@media (max-width: 1023px) {

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 14px;
    }

    h1.a-heading__title {
        font-size: 24px;
    }

    /* Page Header */
    nav {
        max-width: 100%;
    }

    .nav__wrapper--logo {
        display: block;
        min-width: 100%;
        height: 100px;
        padding-left: 0px;
        float: none;
        text-align: center;
    }

    .nav__image__logo {
        height: 100px;
    }

    .nav__wrapper--browse {
        float: left;
        height: auto;
        display: table-cell;
        text-align: center;
    }

    .nav__wrapper__social--right .nav__wrapper--browse-text {
        display: none;
    }

    #__ba_text {
        display: none;
    }

    /* HomeIndex */
    .home__toptasks__wrapper {
        display: block;
        margin: 10px 0px 0px 0px;
        overflow: auto;
    }

    .nav__toptasks__left-col {
        min-width: 50%;
        max-width: 50%;
        float: left;
    }

    .nav__toptasks__right-col {
        min-width: 50%;
        max-width: 50%;
        float: right;
    }

    .home__toptasks__item {
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        padding: 0px;
        text-align: left;
        display: flex;
    }

    .home__toptasks__image {
        float: left;
        padding-right: 10px;
    }

    .home__toptasks__link {
        float: none;
        min-width: 100%;
        max-width: 100%;
        height: 46px;
        display: table-cell;
        vertical-align: middle;
    }

    .home__feature--content {
        margin-left: 10px;
    }

    #content__area {
        display: flex;
        flex-wrap:wrap;
        margin:1em;
    }

    aside {
        order: 2;
        margin: 0px;
    }

    .side__menu__wrapper {
        min-width: 100%;
    }

    .content__wrapper--withmenu {
        min-width: 100%;
        order: 1;
        padding: 0px;
        margin: 0px;
    }

    .side__menu__header {;
        padding: 3px 0px 10px 0px;
    }

    .grid__wrapper {
        padding-top: 45px;
    }

    /* Page Footer */
    footer {
        min-width: 100%;
    }

    .content__wrapper {
        min-width: 100%;
    }

    .footer__divider {
        min-width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
    }

    .footer__bar__item--link a:last-child {
        padding-right: 10px;
    }

    /* Inline Images */
    .imagelink--left {
        display: none;
    }

    .imagelink--right {
        display: none;
    }

    .imagelink--mobileleft {
        display: inline;
    }

    .imagelink--mobileright {
        display: inline;
    }

    .home__feature--link {
        display: flex;
        width: 100%;
        height: auto;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .address--right {
        width: 335px;
        position: relative;
        right: 15px;
    }

    #select__address {
        width: 250px;
    }

    .sdc__youtube {
        height: 580px;
    }
}

@media (max-width: 850px) {
    .comment__form--left {
        width: 100%;
    }

    .comment__form--right {
        margin-bottom: 20px;
        overflow: unset;
    }

    .address__wrapper {
        min-width: 100%;
    }

    .address--left {
        margin-left: 15px;
    }

    .address--right {
        margin-right: 15px
    }
}

@media (max-width: 800px) {
    /*Footer*/
    .footer__content__wrapper--left {
        margin-left: 0px;
        padding: 0px;
    }

    .footer__content__wrapper--right {
        margin-left: 0px;
        padding: 0px;
    }

    .footer__content_item--pad-left {
        padding-left: 0px;
    }
    /* delete this when live chat added */
    .footer__bar--bottom {
        height: auto;
        overflow: auto;
        margin: 20px 0px 5px 0px;
    }

    .footer__copyright--align {
        height: auto;
        display: block;
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 0px 5px;
    }

    .footer__bar__item--link {
        height: auto;
        min-width: 100%;
        float: left;
        display: block;
        padding: 5px 0px 5px 0px;
        margin: 0px;
    }

        .footer__bar__item--link a:last-child {
            padding: 0px 0px 0px 5px;
            text-decoration: underline;
        }

        .footer__bar__item--link span:last-child {
            padding: 0px 0px 0px 5px;
        }

    .footer__content__image {
        overflow: auto;
    }

    /* ICM CSS Overrides*/
    .icmbutton-surround.next {
        float: none;
    }

    .members td {
        text-decoration: underline;
        color: #00645a;
        width: 50%;
    }
}

@media (max-width: 767px) {
    .map__control__menu__column {
        min-width: 100%;
    }

    .map__control__menu__row {
        margin-bottom: 15px;
    }

    .column--error {
        width: 100%;
    }

    .search__results__export--left {
        min-width: 100%;
    }

    .search__results__export--right {
        float: left;
        margin-top: 10px;
        min-width: 50%;
        text-align: left;
    }

    .col--hide {
        display: none;
    }

    .tpo__col {
        min-width: 60px
    }

        .tpo__col:last-child {
            width: 76%;
        }

    .search__results__wrapper #paging-table {
        margin-top: 60px;
    }
}

@media (max-width: 691px) {
    .grid__content__wrapper {
        width: auto;
        height: auto;
        max-width: none;
        min-height: 0;
        display: flex;
    }

    .footer__content__wrapper--left {
        min-width: 100%;
        padding-left: 0px;
    }

    .footer__content__wrapper--right {
        min-width: 100%;
        display: inherit;
        overflow: auto;
    }
    .footer__content__item {
        padding-left: 10px;
        height: auto;
    }
}

@media (max-width: 650px) {

    #select__address {
        margin: 0px auto;
        position: relative;
    }
}

@media (max-width: 621px) {

    .two__col__list__header {
        width: 50%;
    }

    .two__col__list__data {
        width: 100%;
    }

    .landcharges__item__location--left {
        width: 80%;
        overflow: auto;
    }

    .landcharges__item__location--right {
        width: 20%;
        overflow: auto;
    }

    .tpo__col:last-child {
        width: 63%;
    }

    .search__input--small {
        width: 100%;
    }

    .search__input--medium {
        width: 100%
    }

    .search__input--large {
        width: 100%;
    }

    .email__wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tab button {
        width: 100%;
    }

    .progress__wrapper .two__col__list__search__header {
        width: 46%;
    }

    .progress__wrapper .two__col__list__data {
        width: 46%;
    }

    .document__wrapper table {
        min-width: 620px;
        overflow-x: auto;
    }

    .two__col__list__search__item__wrapper {
        display: inline;
        overflow: hidden;
        margin-bottom: 5px;
    }

    .two__col__list__search__item__header {
        float: left;
        font-weight: bold;
        min-width: 100%;
        display: inline-block;
        padding: 0px 0px 10px 0px;
    }

    .two__col__list__search__item__data {
        width: 100%;
        float: left;
        padding: 0px 0px 10px 0px;
    }

    /*.grid--width { width: 600px; }*/

    .licensing__textbox--small {
        width: 100%;
    }

    .licensing__textbox--medium {
        width: 100%;
    }

    .licensing__textbox--large {
        width: 100%;
    }

    .licensing__select--small {
        width: 100%;
    }

    .licensing__select--medium {
        width: 100%;
    }

    .licensing__select--large {
        width: 100%;
    }

    .schedule__wrapper table {
        min-width: 620px;
        overflow-x: auto;
    }
}

@media (max-width: 580px) {

    /*Land Charges Template*/
    .landcharges__item--header--right {
        float: left;
        overflow: auto;
    }

    .landcharges__item--header--right--inner--left {
        width: 100px;
        overflow: auto;
    }
    .nav__content--right--search { display: none; }

    .breadcrumb .breadcrumb__crumb:after {
        padding: 0px;
    }
}

@media (max-width: 501px) {
    
    .content__wrapper--inner {
        margin-right: 5px;
        margin-left: 5px;
    }

        .content__wrapper--inner hr {
            margin: 10px 0px 10px 0px;
        }

    /*Home Page Features*/
    .home__feature--content {
        margin-left: 0px;
    }

    .home__feature--image {
        display: none;
    }

    /* Contact List Header */
    .contact-list__header {
        max-width: 110px;
    }

    .contact-list__data {
        word-break: break-all;
        margin-right: 5px;
    }

    /* Contact Page */
    .contact__header {
        min-width: 110px;
    }

    .contact__data {
        word-break: break-all;
        margin-right: 5px;
    }

    /* Grid Page */
    .grid__wrapper {
        padding-top: 15px;
    }

    .grid__content__wrapper {
        max-width: 100%;
        min-width: 100%;
        min-height: auto;
        padding: 0px 0px 15px 0px;
        margin-left: 0px;
    }

        .grid__content__wrapper:hover {
            background: none;
        }

    .imagelink--grid {
        display: none;
    }

    .imagelink--gridlogo {
        display: none;
    }

    .grid__content__header {
        font-weight: bold;
    }

    /*Inline Images*/
    .imagelink {
        display: none;
    }

    .related__image__wrapper {
        display: none;
    }

    .ui-autocomplete {
        width: 100%;
        left: 0 !important;
        margin: 0;
    }

    .ui-menu-item {
        padding-bottom: 10px;
    }

    .address--left {
        font-size: 14px;
        font-weight: bold;
        margin-left: 5px;
    }

    /*FOI Page*/
    .foi__header {
        width: 110px;
    }

    .foi__data {
        word-break: break-all;
        margin-right: 5px;
    }

    #select__address {
        max-width: 250px;
    }

    .search__results__wrapper #paging-table {
        margin-top: 0px;
    }
}

@media (max-width: 400px) {
    #select__address {
        width: 200px;
    }
}

@media (max-width: 1000px) {
    .sdc__youtube {
        height: 570px;
    }
}

@media (max-width: 950px) {
    .sdc__youtube {
        height: 550px;
    }
}

@media (max-width: 900px) {
    .sdc__youtube {
        height: 520px;
    }
}

@media (max-width: 850px) {
    .sdc__youtube {
        height: 490px;
    }
}

@media (max-width: 800px) {
    .sdc__youtube {
        height: 460px;
    }
}

@media (max-width: 750px) {
    .sdc__youtube {
        height: 430px;
    }
}

@media (max-width: 700px) {
    .sdc__youtube {
        height: 400px;
    }
}

@media (max-width: 650px) {
    .sdc__youtube {
        height: 360px;
    }
}

@media (max-width: 600px) {
    .sdc__youtube {
        height: 330px
    }

    .flex-grid {
        display: block;
        overflow: auto;
    }

        .flex-grid .col {
            border-right: none;
            border-bottom: 2px dashed #005261;
            margin-left: 5px;
            margin-right: 5px;
        }

        .flex-grid .col:last-child {
            border-right: none;
            border-bottom: none;
        }
}

@media (max-width: 550px) {
    .sdc__youtube {
        height: 300px;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .content__wrapper--withmenu {
        margin: 1em;
    }
}

@media (max-width: 1200px) {
    .side__menu__wrapper, .site-footer-inner {
        margin-left: 1em;
    }
}
.map__wrapper {
    min-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
}

#map {
    height: 80%;
    min-width: 100%;
    float: left;
    border: none;
    background-color: #fff;
}

#iMap {
    float: left;
    width: 99%;
    height: 400px;
    margin: 10px 0px 10px 0px;
}

.map__control__menu__wrapper {
    min-width: 100%;
}

.map__control__menu__header {
    min-width: 100%;
    background-color: #005261;
    float: left;
    color: #fff;
    display: table;
    height: 45px;
}

.map__control__menu__label {
    font-size: 20px;
    padding-left: 5px;
    display: table-cell;
    vertical-align: middle;
}

.map__control__menu__button {
    float: right;
    width: 45px;
    height: 45px;
    overflow: hidden;
    cursor: pointer;
}

.map__control__menu__toggle {
    width: 100%;
    color: #000;
    background-color: #fff;
}

#hamburger__map:hover {
    background-color: #39ffff;
}

.map__control__menu__row {
    margin-bottom: 5px;
}

    .map__control__menu__row:last-child {
        margin-bottom: 0px;
    }

    .map__control__menu__row:after {
        content: "";
        display: table;
        clear: both;
    }

.map__control__icon {
    float: left;
    width: 45px;
    cursor: pointer;
    margin-right: 2px;
}

.margin__control__control:last-child {
    margin-right: 0px;
}

.map__control__icon:hover {
    background-color: #39ffff;
}

.map__control__menu__column {
    float: left;
    width: 27%;
    margin: 5px;
}

.column--error {
    width: 80%;
}

.map__control__menu__column label {
    font-weight: bold;
}

.map__control__menu__input {
    width: 180px;
}

.map__select {
    width: 45px;
}

.section__tolerance--hide {
    display: none;
}

.ol-box {
    box-sizing: border-box;
    border-radius: 2px;
    border: 2px solid #00f
}

.ol-mouse-position {
    top: 8px;
    right: 8px;
    position: absolute
}

.ol-scale-line {
    background: #005261;
    border-radius: 4px;
    bottom: 8px;
    left: 8px;
    padding: 2px;
    position: absolute
}

.ol-scale-line-inner {
    border: 1px solid #fff;
    border-top: none;
    color: #fff;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents,width
}

.ol-overlay-container {
    will-change: left,right,top,bottom
}

.ol-unsupported {
    display: none
}

.ol-unselectable, .ol-viewport {
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent*/
}

.ol-selectable {
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.ol-grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.ol-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.ol-control {
    position: absolute;
    background-color: rgba(255,255,255,.4);
    border-radius: 4px;
    padding: 2px
}

    .ol-control:hover {
        background-color: rgba(255,255,255,.6)
    }

.ol-zoom {
    top: .5em;
    left: .5em
}

.ol-rotate {
    top: .5em;
    right: .5em;
    transition: opacity .25s linear,visibility 0s linear
}

    .ol-rotate.ol-hidden {
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s linear,visibility 0s linear .25s
    }

.ol-zoom-extent {
    top: 4.643em;
    left: .5em
}

.ol-full-screen {
    right: .5em;
    top: .5em
}

@media print {
    .ol-control {
        display: none
    }
}

.ol-control button {
    display: block;
    margin: 1px;
    padding: 0;
    color: #fff;
    font-size: 1.14em;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    height: 1.375em;
    width: 1.375em;
    line-height: .4em;
    background-color: #005261;
    border: none;
    border-radius: 2px
}

    .ol-control button::-moz-focus-inner {
        border: none;
        padding: 0
    }

.ol-zoom-extent button {
    line-height: 1.4em
}

.ol-compass {
    display: block;
    font-weight: 400;
    font-size: 1.2em;
    will-change: transform
}

.ol-touch .ol-control button {
    font-size: 1.5em
}

.ol-touch .ol-zoom-extent {
    top: 5.5em
}

.ol-control button:focus, .ol-control button:hover {
    text-decoration: none;
    background-color: #005261;
}

.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px
}

.ol-attribution {
    text-align: right;
    bottom: .5em;
    right: .5em;
    max-width: calc(100% - 1.3em)
}

    .ol-attribution ul {
        margin: 0;
        padding: 0;
        color: #fff;
    }

    .ol-attribution li {
        display: inline;
        list-style: none;
        line-height: inherit
    }

    /*.ol-attribution li:not(:last-child):after {
            content: " "
        }*/

    .ol-attribution img {
        display: none;
    }

    .ol-attribution button, .ol-attribution ul {
        display: inline-block
    }

    .ol-attribution.ol-collapsed ul {
        display: none
    }

    .ol-attribution.ol-logo-only ul {
        display: block
    }

    .ol-attribution:not(.ol-collapsed) {
        background-color: #005261;
    }

    .ol-attribution.ol-uncollapsible {
        right: 5px;
        border-radius: 4px;
    }

    .ol-attribution.ol-logo-only {
        background: 0 0;
        bottom: .4em;
        height: 1.1em;
        line-height: 1em
    }

    .ol-attribution.ol-uncollapsible img {
        margin-top: -.2em;
        max-height: 1.6em
    }

    .ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {
        display: none
    }

.ol-zoomslider {
    top: 4.5em;
    left: .5em;
    height: 200px
}

    .ol-zoomslider button {
        position: relative;
        height: 10px
    }

.ol-touch .ol-zoomslider {
    top: 5.5em
}

.ol-overviewmap {
    left: .5em;
    bottom: .5em
}

    .ol-overviewmap.ol-uncollapsible {
        bottom: 0;
        left: 0;
        border-radius: 0 4px 0 0
    }

    .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {
        display: inline-block
    }

    .ol-overviewmap .ol-overviewmap-map {
        border: 1px solid #7b98bc;
        height: 150px;
        margin: 2px;
        width: 150px
    }

    .ol-overviewmap:not(.ol-collapsed) button {
        bottom: 1px;
        left: 2px;
        position: absolute
    }

    .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {
        display: none
    }

    .ol-overviewmap:not(.ol-collapsed) {
        background: rgba(255,255,255,.8)
    }

.ol-overviewmap-box {
    border: 2px dotted rgba(0,60,136,.7)
}

.ol-overviewmap .ol-overviewmap-box:hover {
    cursor: move
}

.tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 1;
    white-space: nowrap;
}

.tooltip-measure {
    opacity: 1;
    font-weight: bold;
}

.tooltip-static {
    background-color: #005261;
    color: #fff;
    border: 2px solid white;
}

    .tooltip-measure:before,
    .tooltip-static:before {
        border-top: 6px solid rgba(0, 0, 0, 0.5);
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        content: "";
        position: absolute;
        bottom: -6px;
        margin-left: -7px;
        left: 50%;
    }

    .tooltip-static:before {
        border-top-color: #005261;
    }

p.copyright {
    font-size: 9px;
    font-family: Arial;
    margin: 0px;
    padding: 0px 0px 4px 0px;
}

    p.copyright a {
        font-size: 9px;
        color: #fff;
        text-decoration: underline;
    }

@media (max-width: 560px) {
    .ol-attribution {
        text-align: left;
    }

    .ol-scale-line {
        display: none;
    }
}

.paging__wrapper {
    margin: 10px 0px 10px 0px;
}

.paginationjs {
    line-height: 1.6;
    font-family: Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;
    font-size: 14px;
    box-sizing: initial;
}

    .paginationjs:after {
        display: table;
        content: " ";
        clear: both;
    }

    .paginationjs .paginationjs-pages {
        float: right
    }

        .paginationjs .paginationjs-pages ul {
            float: left;
            margin: 0;
            padding: 0
        }

    .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input, .paginationjs .paginationjs-nav {
        float: left;
        margin-left: 10px;
        font-size: 14px
    }

    .paginationjs .paginationjs-pages li {
        float: left;
        border-right: none;
        list-style: none
    }

        .paginationjs .paginationjs-pages li > a {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent
        }

            .paginationjs .paginationjs-pages li > a:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%)
            }

        .paginationjs .paginationjs-pages li.active {
            border: none
        }

            .paginationjs .paginationjs-pages li.active > a {
                color: #333 !important;
                border: 1px solid #cacaca;
                background-color: #fff;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
            }

        .paginationjs .paginationjs-pages li.disabled > a {
            cursor: default;
            color: #666 !important;
            border: 1px solid transparent;
            background: transparent;
            box-shadow: none
        }

        .paginationjs .paginationjs-pages li.disabled > a:hover {
            background: 0 0
            }

        /*.paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child > a {
            border-radius: 3px 0 0 3px
        }*/

        .paginationjs .paginationjs-pages li:last-child {
            /*border-right: 1px solid #aaa;*/
            border-radius: 0 3px 3px 0
        }

            /*.paginationjs .paginationjs-pages li:last-child > a {
                border-radius: 0 3px 3px 0
            }*/

    .paginationjs .paginationjs-go-input > input[type=text] {
        width: 30px;
        height: 28px;
        background: #fff;
        border-radius: 3px;
        border: 1px solid #aaa;
        padding: 0;
        font-size: 14px;
        text-align: center;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        box-sizing: initial
    }

    .paginationjs .paginationjs-go-button > input[type=button] {
        min-width: 40px;
        height: 30px;
        line-height: 28px;
        /*background: #fff;*/
        border-radius: 3px;
        /*border: 1px solid #aaa;*/
        text-align: center;
        padding: 0 8px;
        font-size: 14px;
        vertical-align: baseline;
        outline: 0;
        box-shadow: none;
        /*color: #333;*/
        cursor: pointer;
        background-color: #581866;
        color: #FFF;
        border: #581866 2px solid;
        vertical-align: middle\9
    }

    .paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type=text], .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
        border-color: #289de9
    }

    .paginationjs .paginationjs-go-button > input[type=button]:hover {
        background-color: #39ffff;
        border: #39ffff 2px solid;
        color: #000;
    }

    .paginationjs .paginationjs-nav {
        height: 30px;
        line-height: 30px
    }

    .paginationjs .paginationjs-go-button, .paginationjs .paginationjs-go-input {
        margin-left: 5px\9
    }

    .paginationjs.paginationjs-small {
        font-size: 12px
    }

        .paginationjs.paginationjs-small .paginationjs-pages li > a {
            min-width: 26px;
            height: 24px;
            line-height: 24px;
            font-size: 12px
        }

        .paginationjs.paginationjs-small .paginationjs-pages li.active > a {
            height: 26px;
            line-height: 26px
        }

        .paginationjs.paginationjs-small .paginationjs-go-input {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {
                width: 26px;
                height: 24px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-go-button {
            font-size: 12px
        }

            .paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {
                min-width: 30px;
                height: 26px;
                line-height: 24px;
                padding: 0 6px;
                font-size: 12px
            }

        .paginationjs.paginationjs-small .paginationjs-nav {
            height: 26px;
            line-height: 26px;
            font-size: 12px
        }

    .paginationjs.paginationjs-big {
        font-size: 16px
    }

        .paginationjs.paginationjs-big .paginationjs-pages li > a {
            min-width: 36px;
            height: 34px;
            line-height: 34px;
            font-size: 16px
        }

        .paginationjs.paginationjs-big .paginationjs-pages li.active > a {
            height: 36px;
            line-height: 36px
        }

        .paginationjs.paginationjs-big .paginationjs-go-input {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
                width: 36px;
                height: 34px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-go-button {
            font-size: 16px
        }

            .paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {
                min-width: 50px;
                height: 36px;
                line-height: 34px;
                padding: 0 12px;
                font-size: 16px
            }

        .paginationjs.paginationjs-big .paginationjs-nav {
            height: 36px;
            line-height: 36px;
            font-size: 16px
        }

    /*.paginationjs .paginationjs-pages li.paginationjs-next {
        border-right: 1px solid #aaa\9
    }*/

    .paginationjs .paginationjs-go-input > input[type=text] {
        line-height: 28px\9;
        vertical-align: middle\9
    }

    .paginationjs.paginationjs-big .paginationjs-pages li > a {
        line-height: 36px\9
    }

    .paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
        height: 36px\9;
        line-height: 36px\9
    }

/*STYLESHEET INFORMATION

Name: Authentication
Type: Template - Core
Theme: Core

Description: Contains styles for the authentication template


 Authentication Template Starts */
.grid--authentication {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.grid__cell--authentication {
    padding: 20px;
}

.loginform {
    border: 1px solid #ccc;
    padding: 0;
}

.loginform__submit {
    width: 100%;
    cursor: pointer;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: #fff;
    padding: 20px 40px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    background: #333 no-repeat 24px 50%;
    font-size: 1.1rem;
    font-family: inherit;
    font-weight: bold;
}

    .loginform__submit:hover,
    .loginform__submit:focus {
        box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.15);
        text-decoration: none;
    }

.loginform__submit--amazon {
    background-color: #fcdd88;
    color: #111;
    background-position: 20px 50%;
    background-image: url(../themes/shared/css/images/auth/amazon.png)
}

.loginform__submit--google {
    background-color: #ef6666;
    background-image: url(../themes/shared/css/images/auth/google.png);
}

.loginform__submit--facebook {
    background-color: #4267b2;
    background-position: 26px 50%;
    background-image: url(../themes/shared/css/images/auth/facebook.png);
}

.loginform__submit--twitter {
    background-color: #1DA1F2;
    color: #fff;
    background-image: url(../themes/shared/css/images/auth/twitter.png);
}

.loginform__submit--linkedin {
    background-color: #0077b5;
    background-image: url(../themes/shared/css/images/auth/linkedin.png);
}

.loginform__submit--paypal {
    background-color: #fff;
    background-image: url(../themes/shared/css/images/auth/paypal.png);
    color: #0072c6;
}

.loginform__submit--mygovscot {
    background-color: #fff;
    background-image: url(../themes/shared/css/images/auth/mygovscot.png);
    background-position: 20px 50%;
    color: #226eaa;
}

.loginform__submit--adfs {
    background-color: #fff;
    background-image: url(../themes/shared/css/images/auth/adfs.png);
    color: #1DA1F2;
}

.loginform__pwrap--icmsiteuser {
    padding: 5px 20px 20px 20px;
}

    .loginform__pwrap--icmsiteuser h2 {
        font-size: 1.2rem;
    }

    .loginform__pwrap--icmsiteuser span {
        display: block;
        margin: 0 0 10px 0;
    }

.loginform__label, .loginform__text, .loginform__password {
    display: block;
    width: 100%;
    box-sizing: border-box;
    max-width: inherit;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 15px;
    margin-bottom: 20px;
}

.loginform__label {
    visibility: visible;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.loginform__guidetext {
    text-align: center
}

.divider,
.loginform__divider {
    display: block;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin: 0 15px 20px 15px;
}

.divider__text,
.loginform__dividertext {
    padding: 5px 20px;
    text-align: center;
    top: 10px;
    position: relative;
    background-color: #fff;
    font-weight: bold;
}

.loginform__title {
    margin: 20px 0 10px 0;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}

@media (max-width: 480px) {
    .loginform__submit {
        background-image: none;
    }
}

.authlinks {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.authlinks__item {
    margin-bottom: 10px;
}

/* Authentication Template Ends */


/*

STYLESHEET INFORMATION

Name: Forms
Type: Template - Core
Theme: Core

Table of Contents:
 - Base Form Styling
 - Left alignment
 - Right alignment
 - Top alignment
 - Widths
 - Suggested Override
 - Mobile
 - WYSIWYG
 - Number Selector Markup
 - Date Picker Markup
 - Accordion Markup
 - Typehead Markup
 - Dimple Charts Markup
 - Console Styles

Description: Contains styles for the form service template

*/


/* Form Template CSS Starts*/


/* Base Form Styling */

.icmform {
    background-color: #fff;
    border: 0px solid #ddd;
    margin: 20px 0;
    padding: 0px;
    clear: both;
}

    .icmform ol,
    .icmform ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .icmform legend {
        font-size: 1.25em;
        font-weight: bold;
        margin: 0 0 20px 0;
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
        width: 100%;
    }

    .icmform .icmhideborder legend {
        border-bottom: 0px solid #ddd;
        margin: 0;
    }

    .icmform legend.icmhide {
        display: none;
    }

    .icmform label.icmhide {
        display: none;
    }

    .icmform label {
        margin: 0 0 10px 0;
        font-weight: bold;
        font-size: 1em;
    }

.icmbuttongroup label {
    padding: 0 0 0 10px;
    display: inline-block;
    font-weight: normal;
}

.icmform .icmbuttongroup legend {
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 0px solid #ddd;
    position: relative;
}

.icmformleft .icmbuttongroup legend,
.icmformright .icmbuttongroup legend {
    width: auto;
}

.icmform input,
.icmform select,
.icmform textarea {
    border: solid 1px #ccc;
    font-family: inherit;
    background-color: #fff;
    font-size: 1em;
    line-height: 1.6;
}

.icmform input,
.icmform select {
    white-space: pre;
}

    .icmform input[readonly*="readonly"],
    .icmform textarea[readonly*="readonly"],
    .icmform select[readonly*="readonly"] {
        background-color: #e1e1e1;
        color: #000;
    }

    .icmform input:focus,
    .icmform textarea:focus,
    .icmform select:focus,
    .icmform button:focus {
        /*outline: 2px dotted #0064FF;*/
        outline: 2px dotted #00623c;
        outline-offset: 0;
    }

    .icmform input[type="checkbox"],
    .icmform input[type="radio"] {
        margin: 0 0 20px 0;
    }

.icmbuttongroup input[type="checkbox"],
.icmbuttongroup input[type="radio"] {
    display: inline-block;
}

.icmform input:-moz-read-only {
    background-color: #eeeeee;
    color: #999999;
    border: solid 1px #a9a9a9;
}

.icmform input.read-only {
    background-color: #eeeeee;
    color: #999999;
    border: solid 1px #a9a9a9;
}

.icmvstext,
.icmstext,
.icmtext,
.icmltext,
.icmvstextarea,
.icmstextarea,
.icmtextarea,
.icmltextarea,
.icmvsselect,
.icmsselect,
.icmselect,
.icmlselect,
.icmfselect,
.icmvspassword,
.icmspassword,
.icmpassword,
.icmlpassword,
.icmvsfile,
.icmsfile,
.icmfile,
.icmlfile {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 20px 0;
}


/* Top Align */

.icmformtop label {
    display: block;
}

.icmformtop .icmbuttongroup label {
    display: inline-block;
    font-weight: normal;
    max-width: calc(100% - 25px);
    vertical-align: top;
}

.icmformtop input {
    display: block;
}

.icmvstext,
.icmvstextarea,
.icmvsselect,
.icmvspassword,
.icmvsfile {
    max-width: 10%;
}

.icmhorizontal .icmvstext,
.icmhorizontal .icmvstextarea,
.icmhorizontal .icmvsselect,
.icmhorizontal .icmvspassword,
.icmhorizontal .icmvsfile {
    max-width: 85px;
    width: 85px;
}

.icmstext,
.icmstextarea,
.icmsselect,
.icmspassword,
.icmsfile {
    max-width: 25%;
}

.icmhorizontal .icmstext,
.icmhorizontal .icmstextarea,
.icmhorizontal .icmsselect,
.icmhorizontal .icmspassword,
.icmhorizontal .icmsfile {
    max-width: 150px;
    width: 150px;
}

.icmtext,
.icmtextarea,
.icmselect,
.icmpassword,
.icmfile {
    max-width: 50%;
}

.icmhorizontal .icmtext,
.icmhorizontal .icmtextarea,
.icmhorizontal .icmselect,
.icmhorizontal .icmpassword,
.icmhorizontal .icmfile {
    max-width: 250px;
    width: 250px;
}

.icmhorizontal .icmltext,
.icmhorizontal .icmltextarea,
.icmhorizontal .icmlselect,
.icmhorizontal .icmlpassword,
.icmhorizontal .icmlfile {
    max-width: 350px;
    width: 350px;
}

@media (max-width:850px) {
    .icmvstext,
    .icmvstextarea,
    .icmvsselect,
    .icmvspassword,
    .icmvsfile,
    .icmhorizontal .icmvstext,
    .icmhorizontal .icmvstextarea,
    .icmhorizontal .icmvsselect,
    .icmhorizontal .icmvspassword,
    .icmhorizontal .icmvsfile {
        max-width: 85px;
        padding: 15px 10px;
    }

    .icmstext,
    .icmtext,
    .icmstextarea,
    .icmtextarea,
    .icmsselect,
    .icmselect,
    .icmspassword,
    .icmpassword,
    .icmsfile,
    .icmfile,
    .icmhorizontal .icmstext,
    .icmhorizontal .icmstextarea,
    .icmhorizontal .icmsselect,
    .icmhorizontal .icmspassword,
    .icmhorizontal .icmsfile,
    .icmhorizontal .icmtext,
    .icmhorizontal .icmtextarea,
    .icmhorizontal .icmselect,
    .icmhorizontal .icmpassword,
    .icmhorizontal .icmfile {
        max-width: 100%;
        width: 100%;
        padding: 15px 10px;
    }

    .icmhorizontal .icmltext,
    .icmhorizontal .icmltextarea,
    .icmhorizontal .icmlselect,
    .icmhorizontal .icmlpassword,
    .icmhorizontal .icmlfile {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width:480px) {
    .icmvstext,
    .icmvstextarea,
    .icmvsselect,
    .icmvspassword,
    .icmvsfile,
    .icmhorizontal .icmvstext,
    .icmhorizontal .icmvstextarea,
    .icmhorizontal .icmvsselect,
    .icmhorizontal .icmvspassword,
    .icmhorizontal .icmvsfile {
        max-width: 100%;
        width: 100%;
    }
}


/* Left and Right Align */

.icmformleft label,
.icmformright label {
    display: inline-block;
    vertical-align: top;
    padding: 0 40px 0 0;
    margin: 0 0 20px 0;
    box-sizing: border-box;
    width: 25%;
    vertical-align: middle;
}

.icmformright label {
    text-align: right;
}

.icmformleft .icmhorizontal label,
.icmformright .icmhorizontal label {
    padding: 0 10px 0 0;
}

.icmformleft .icmhorizontal .field_textarea label,
.icmformleft .icmhorizontal .field_multiselect label,
.icmformright .icmhorizontal .field_textarea label,
.icmformright .icmhorizontal .field_multiselect label {
    vertical-align: top;
    padding: 10px 10px 0 0;
}

.icmformleft .icmhorizontal .field_textarea label,
.icmformleft .icmhorizontal .field_multiselect label,
.icmformright .icmhorizontal .field_textarea label,
.icmformright .icmhorizontal .field_multiselect label {
    vertical-align: top;
    padding: 10px 10px 0 0;
}

.icmformleft .icmhorizontal .valid label,
.icmformright .icmhorizontal .valid label,
.icmformleft .icmhorizontal .error label,
.icmformright .icmhorizontal .error label {
    padding: 0 50px 0 0;
}

.icmformleft .icmbuttongroup label,
.icmformright .icmbuttongroup label {
    display: inline-block;
    font-weight: normal;
    max-width: calc(100% - 25px);
    vertical-align: top;
}

.icmformleft .icmbuttongroup label,
.icmformright .icmbuttongroup label {
    font-weight: normal;
    vertical-align: top;
    padding: 0px 10px 20px 0px;
    margin: 0 0 0 0;
    width: auto;
    text-align: left;
}

.icmformleft input,
.icmformright input,
.icmformleft select,
.icmformright select {
    display: inline-block;
    vertical-align: middle;
}

.icmformleft textarea,
.icmformleft .field_multiselect select,
.icmformright textarea,
.icmformright .field_multiselect select {
    display: inline-block;
    vertical-align: top;
}

.icmformleft .icmltext,
.icmformleft .icmltextarea,
.icmformleft .icmlselect,
.icmformleft .icmfselect,
.icmformleft .icmlpassword,
.icmformleft .icmlfile,
.icmformright .icmltext,
.icmformright .icmltextarea,
.icmformright .icmlselect,
.icmformright .icmfselect,
.icmformright .icmlpassword,
.icmformright .icmlfile {
    max-width: 73%;
}

@media (max-width:850px) {
    .icmformleft .icmltext,
    .icmformleft .icmltextarea,
    .icmformleft .icmlselect,
    .icmformleft .icmfselect,
    .icmformleft .icmlpassword,
    .icmformleft .icmlfile,
    .icmformright .icmltext,
    .icmformright .icmltextarea,
    .icmformright .icmlselect,
    .icmformright .icmfselect,
    .icmformright .icmlpassword,
    .icmformright .icmlfile {
        max-width: 100%;
    }

    .icmformleft label,
    .icmformright label {
        display: block;
        padding: 0;
        width: 100%;
    }

    .icmformleft input,
    .icmformleft textarea,
    .icmformleft select,
    .icmformright input,
    .icmformright textarea,
    .icmformright select {
        display: block;
    }

    .icmformleft .icmhorizontal input,
    .icmformleft .icmhorizontal textarea,
    .icmformleft .icmhorizontalselect,
    .icmformright .icmhorizontal input,
    .icmformright .icmhorizontal textarea,
    .icmformright .icmhorizontal select {
        display: inline-block;
    }
}

.icmhorizontal li {
    display: inline-block;
    padding: 0 40px 0 0;
    box-sizing: border-box;
    vertical-align: top;
}

.icmformleft .icmhorizontal li,
.icmformright .icmhorizontal li {
    max-width: 450px;
}

.icmhorizontal label {
    max-width: 300px;
}

.icmformleft .icmhorizontal label,
.icmformright .icmhorizontal label {
    max-width: 200px;
    width: auto;
}

.icmformleft .icmbuttongroup ol,
.icmformright .icmbuttongroup ol {
    display: inline-block;
    width: 73%;
    padding: 0 0 0 5px;
}

.icmformleft .icmbuttongroup legend,
.icmformright .icmbuttongroup legend {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 20px 0;
    box-sizing: border-box;
    margin: 0;
    width: 25%;
    float: left;
}

.icmformright .icmbuttongroup legend {
    text-align: right;
}

.icmformleft .icmhorizontal textarea,
.icmformleft .icmhorizontal select,
.icmformright .icmhorizontal textarea,
.icmformright .icmhorizontal select {
    vertical-align: middle;
    display: inline-block;
}

@media (max-width:850px) {
    .icmhorizontal li {
        display: inline-block;
        padding: 0 40px 0 0;
        box-sizing: border-box;
        vertical-align: top;
    }

    .icmformleft .icmhorizontal li,
    .icmformright .icmhorizontal li {
        max-width: none;
    }

    .icmformleft .icmbuttongroup legend,
    .icmformleft .icmbuttongroup ol,
    .icmformright .icmbuttongroup legend,
    .icmformright .icmbuttongroup ol {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
    }

    .icmformleft .icmbuttongroup legend,
    .icmformright .icmbuttongroup legend {
        padding: 0 0 20px 0;
    }

    .icmformleft .icmhorizontal label,
    .icmformright .icmhorizontal label {
        display: inline-block;
        max-width: none;
    }

    .icmformleft .icmbuttongroup label,
    .icmformright .icmbuttongroup label {
        display: inline-block;
        max-width: none;
        width: auto;
    }
}

.icmformleft input[type="checkbox"],
.icmformleft input[type="radio"],
.icmformright input[type="checkbox"],
.icmformright input[type="radio"] {
    margin: 7px 10px 20px 0;
    vertical-align: initial;
}

.icmformleft .icmsinglecheckbox input[type="checkbox"],
.icmformright .icmsinglecheckbox input[type="checkbox"] {
    vertical-align: middle;
}

@media (max-width:480px) {
    .icmhorizontal li {
        display: block;
        padding: 0;
        max-width: 100%;
    }

    .icmhorizontal label {
        max-width: 100%;
    }

    .icmformleft .icmhorizontal label,
    .icmformright .icmhorizontal label {
        display: block;
        max-width: none;
    }

    .icmformleft .icmbuttongroup label,
    .icmformright .icmbuttongroup label {
        display: inline-block;
    }
}


/* Guidance */

.icmguidance {
    margin: 0 0 20px 0;
}

.icmguidancehint {
    margin: -10px 0 20px 0;
    font-style: italic;
}

.icmform .icmguidancehint::before {
    content: "?";
    font-style: normal;
    font-weight: bold;
    margin: -1px 10px 0 0;
    padding: 5px;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    color: #fff;
    background-color: #333;
}

.icmguidanceleft {
    text-align: left;
}

.icmguidanceright {
    text-align: right;
}

.icmguidancecenter {
    text-align: center;
}

.icmguidancejustify {
    text-align: justify;
}


/* Button */

.icmform input[type=button],
.icmform input[type=submit],
.icmform input[type=reset] {
    background-color: #E6E6E6;
    border: 2px solid #E6E6E6;
    color: inherit;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0 10px 20px 0;
    font-size: 1em;
    font-family: inherit;
    font-weight: bold;
}

    .icmform input[type=button]:hover,
    .icmform input[type=submit]:hover,
    .icmform input[type=reset]:hover,
    .icmform input[type=button]:focus,
    .icmform input[type=submit]:focus,
    .icmform input[type=reset]:focus {
        background-color: #ddd;
        cursor: pointer
    }

.back input[type=submit] {
    font-size: 1em;
}

.next input[type=submit],
.finish input[type=submit],
.save input[type=submit] {
    background-color: #333;
    border: 2px solid #333;
    color: #fff;
    font-size: 1em;
}

    .next input[type=submit]:hover,
    .finish input[type=submit]:hover,
    .save input[type=submit]:hover,
    .next input[type=submit]:focus,
    .finish input[type=submit]:focus,
    .save input[type=submit]:focus {
        background-color: #000;
        border: 2px solid #000;
    }

.icmform input[type="button"]:disabled,
.icmform input[type="submit"]:disabled,
.icmform input[type="reset"]:disabled,
.icmform input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
.icmform select:disabled,
.icmform optgroup:disabled,
.icmform option:disabled,
.icmform select[disabled] > option {
    color: #ccc;
    background-color: #E6E6E6;
    border: 2px solid #E6E6E6;
}

    .icmform input[type="button"]:disabled:hover,
    .icmform input[type="submit"]:disabled:hover,
    .icmform input[type="reset"]:disabled:hover,
    .icmform input[type="file"]:disabled::-webkit-file-upload-button:hover,
    .icmform select:disabled:hover,
    .icmform optgroup:disabled:hover,
    .icmform option:disabled:hover,
    .icmform select[disabled] > option:hover {
        background-color: #E6E6E6;
        border: 2px solid #E6E6E6;
        cursor: default;
    }

.icmwizardbuttongroup .icmbutton-surround {
    display: inline-block;
    vertical-align: middle;
}

.icmform .inline {
    display: inline-block;
}

.icmform .locationmap input[type=button],
.icmform .locationsearch:first-of-type input[type=button] {
    margin: 0 10px 20px 20px;
}

.icmform .field_locationpicker .icmltext {
    max-width: calc(73% - 145px);
}

.icmform .field_locationpicker .icmwizardbuttongroup .icmltext {
    max-width: calc(100% - 145px);
}

.icmhorizontal li, .icmvertical .icmhorizontal li {
    vertical-align: middle;
    min-height: 40px;
    padding: 0 20px 0 0;
}

.icmform .icmvertical .icmhorizontal li input[type=button],
.icmform .icmvertical .icmhorizontal li input[type=submit],
.icmform .icmvertical .icmhorizontal li input[type=reset],
.icmform .icmhorizontal li input[type=button],
.icmform .icmhorizontal li input[type=submit],
.icmform .icmhorizontal li input[type=reset] {
    min-height: 41px;
    margin: 5px 0 0 0;
}

.icmform .icmvertical .icmhorizontal li .icmwizardbuttongroup input[type=button],
.icmform .icmvertical .icmhorizontal li .icmwizardbuttongroup input[type=submit],
.icmform .icmvertical .icmhorizontal li .icmwizardbuttongroup input[type=reset],
.icmform .icmhorizontal li .icmwizardbuttongroup input[type=button],
.icmform .icmhorizontal li .icmwizardbuttongroup input[type=submit],
.icmform .icmhorizontal li .icmwizardbuttongroup input[type=reset] {
    margin: 5px 10px 0 0;
}

@media(max-width:850px) {
    .icmform .locationmap input[type=button],
    .icmform .locationsearch:first-of-type input[type=button] {
        margin: 0 10px 20px 0px;
    }

    .icmform .field_locationpicker .icmltext,
    .icmform .field_locationpicker .icmwizardbuttongroup .icmltext {
        max-width: 100%;
    }
}

.icmformleft .icmbutton-surround.upload,
.icmformright .icmbutton-surround.upload {
    display: inline-block;
    width: 73%;
}

    .icmformleft .icmbutton-surround.upload .icmvsfile,
    .icmformright .icmbutton-surround.upload .icmvsfile {
        max-width: 10%;
    }

    .icmformleft .icmbutton-surround.upload .icmsfile,
    .icmformright .icmbutton-surround.upload .icmsfile {
        max-width: 25%;
    }

    .icmformleft .icmbutton-surround.upload .icmfile,
    .icmformright .icmbutton-surround.upload .icmfile {
        max-width: 50%;
    }

    .icmformleft .icmbutton-surround.upload .icmlfile,
    .icmformright .icmbutton-surround.upload .icmlfile {
        max-width: 100%;
    }

@media (max-width:850px) {
    .icmformleft .icmbutton-surround.upload,
    .icmformright .icmbutton-surround.upload {
        display: block;
        width: 100%;
    }

        .icmformleft .icmbutton-surround.upload .icmvsfile,
        .icmformright .icmbutton-surround.upload .icmvsfile,
        .icmformleft .icmbutton-surround.upload .icmsfile,
        .icmformright .icmbutton-surround.upload .icmsfile,
        .icmformleft .icmbutton-surround.upload .icmfile,
        .icmformright .icmbutton-surround.upload .icmfile {
            max-width: 100%;
        }
}


/* Validation */

.icmform em[title=required] {
    color: #AA0000;
}

.icmform .error {
    margin: 0 0 20px 0;
    width: 100%;
    box-sizing: border-box;
}

.icmform .errorblock {
    margin: 0 0 10px 0;
    color: #AA0000;
    font-weight: bold;
}

.icmform .error .errorblock {
    margin: 0;
}

.icmform .valid label,
.icmform .error label {
    position: relative;
}

    .icmform .valid label:after,
    .icmform .valid .icmbuttongroup legend:after {
        content: '\e80a';
        position: absolute;
        top: -10px;
        right: 0px;
        font-size: 170%;
        color: green;
    }

    .icmform .error label:after,
    .icmform .error .icmbuttongroup legend:after {
        content: '\e809';
        position: absolute;
        top: -10px;
        right: 0px;
        font-size: 170%;
        color: #AA0000;
    }

.icmformleft .valid label:after,
.icmformright .valid label:after,
.icmformleft .valid .icmbuttongroup legend:after,
.icmformright .valid .icmbuttongroup legend:after,
.icmformleft .error label:after,
.icmformright .error label:after,
.icmformleft .error .icmbuttongroup legend:after,
.icmformright .error .icmbuttongroup legend:after {
    top: -5px;
    right: 10px;
}

.icmform .valid .icmbuttongroup label:after,
.icmform .error .icmbuttongroup label:after {
    content: '';
}

.field_valerrors strong {
    color: initial;
}

.field_valerrors ul,
.field_valerrors strong {
    display: inline-block;
    padding: 0 10px 10px 0;
}

@media(max-width:850px) {
    .icmformright .valid label:after {
        right: auto;
        left: 0;
    }
}

.icmform .valid input,
.icmform .valid select,
.icmform .valid textarea,
.icmform .valid .icmwysiwygMain {
    border: 2px solid green;
}

.icmform .error input,
.icmform .error select,
.icmform .error textarea,
.icmform .error .icmwysiwygMain {
    border: 2px solid #AA0000;
}

.icmform .valid:hover {
    background-color: transparent;
    color: inherit;
    cursor: default;
}


/* Postcode */


/* Postcode / Top */

.field_addresslookup input[type="text"] {
    display: inline-block;
    margin: 0 20px 20px 0;
    vertical-align: top;
}

.addresslookupsearch {
    display: inline-block;
}


/* WYSIWYG */

.icmwysiwygMain,
.WYSIWYG-READONLY {
    width: 100% !important;
    height: auto !important;
    vertical-align: top;
    border: solid 1px #ddd;
    /* Needed to account for 1px height issue */
    display: inline-block;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.WYSIWYG-READONLY {
    border: 0;
}

.icmformleft .icmwysiwygMain,
.icmformright .icmwysiwygMain,
.icmformleft .WYSIWYG-READONLY,
.icmformright .WYSIWYG-READONLY {
    width: 73% !important;
}

@media (max-width:850px) {
    .icmformleft .icmwysiwygMain,
    .icmformright .icmwysiwygMain,
    .icmformleft .WYSIWYG-READONLY,
    .icmformright .WYSIWYG-READONLY {
        width: 100% !important;
    }
}

.icmwysiwygMain iframe {
    width: 100% !important;
}

.icmwysiwygMain iframe {
    border: none;
    margin: 0;
    padding: 0;
    min-height: 100px !important;
    background-color: #fff;
    -ms-user-select: element;
    /* Fix (allow) text selection in IE11 */
}

.icmwysiwygMain textarea {
    border: none;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    resize: none;
    outline: none;
}

.icmwysiwygToolbar {
    background-color: #ddd;
    padding: 5px 10px;
    height: auto !important;
    float: left;
    width: 100%;
}

.icmwysiwygGroup {
    float: left;
    width: auto !important;
}

.icmwysiwygButton,
.icmwysiwygButtonH {
    float: left;
    padding: 3px;
    text-align: center;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    font-size: 15px;
    margin: 0 10px 0 0;
}

.icmwysiwygDisabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default;
}

.icmwysiwygButton:disabled,
.icmwysiwygButtonH:disabled {
    background-color: transparent;
    cursor: default;
}

.icmwysiwygButton:hover {
    background-color: #aaa;
}

.icmwysiwygButtonH {
    color: transparent;
    cursor: default;
}

.icmwysiwygDivider {
    float: left;
    width: 1px;
    height: 23px;
    margin: 1px 0 1px 0;
}

.icmwysiwygPopup {
    border: solid 1px rgba(122, 122, 122, 0.25);
    background-color: #ffffff;
    color: #111;
    position: absolute;
    font-size: 1em !important;
    font-family: sans-serif;
    font-family: inherit;
    cursor: default;
    z-index: 10000;
}

.icmwysiwygList div {
    padding: 2px 4px 2px 4px;
}

.icmwysiwygList p,
.icmwysiwygList h1,
.icmwysiwygList h2,
.icmwysiwygList h3,
.icmwysiwygList h4,
.icmwysiwygList h5,
.icmwysiwygList h6,
.icmwysiwygList blockquote,
.icmwysiwygList pre,
.icmwysiwygList font {
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.icmwysiwygColor {
    width: 150px;
    padding: 1px 0 0 1px;
}

    .icmwysiwygColor div {
        float: left;
        width: 14px;
        height: 14px;
        margin: 0 1px 1px 0;
    }

.icmwysiwygPrompt,
.icmwysiwygMsg {
    background-color: #D0DEF0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 8px;
    font-size: 8.5pt;
    border: solid 1px #B2B2B2;
}

    .icmwysiwygPrompt input,
    .icmwysiwygPrompt textarea {
        font: 8.5pt Arial, Verdana;
        display: block;
    }

.icmwysiwygMsg {
    width: 150px;
}

.icmwysiwygButtonH {
    /* This is supposed to be hidden,
	but must exist and be visible so
	we can use the events and anchor
	the pop-up. So we make it tiny tiny
	and therefore almost imposible to
	click. */
    border: none;
    width: 1px;
    height: 1px;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
}

.icmwysiwygPopup.icmwysiwygList div {
    margin: 2px;
    border: solid 1px white;
}

    .icmwysiwygPopup.icmwysiwygList div:hover {
        background-color: #DFF1FF;
        border: solid 1px blue;
    }

.icmwysiwyg-popup-header {
    margin-bottom: 8px;
}

.icmwysiwygPrompt input[type="button"] {
    margin: 8px 0 0 0;
    float: right;
    border: solid 0px #3A58A5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px;
    background-color: #ccc;
    /* Fallback. */
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
}

    .icmwysiwygPrompt input[type="button"]:hover {
        border-color: #2B3F75;
        background-color: #aaa;
    }


/* Date Picker Styles */

.date-picker-wrapper {
    margin: 20px 0;
}

    .date-picker-wrapper th {
        border: 0;
    }

    .date-picker-wrapper td {
        padding: 0;
        border: 0px solid #ccc;
    }

.start-day,
.end-day {
    padding: 0 5px;
}

.gap {
    display: none;
}

.normal-top {
    margin: 0 0 10px 0;
}

.drp_top-bar {
    position: relative;
    margin: 0 0 10px 0;
}

.error-top {
    display: none;
}

.apply-btn {
    position: absolute;
    top: 0;
    right: 0
}

.month-name {
    text-transform: capitalize;
    text-align: center;
}

.caption {
    text-align: center;
}

    .caption .next,
    .caption .prev {
        padding: 0 10px 0 0;
        width: 100%;
        display: block;
        box-sizing: border-box;
        text-align: center;
    }

        .caption .next:hover,
        .caption .prev:hover {
            cursor: pointer;
            background-color: #ccc;
        }

.month-wrapper {
    width: 100% !important;
}

.month1 {
    width: 49%;
    margin: 10px 2% 0 0;
    float: left;
    text-align: center;
    background-color: #fff
}

.month2 {
    width: 49%;
    margin: 10px 0 0 0;
    float: left;
    text-align: center;
    background-color: #fff
}

    .month2 .prev {
        display: none;
    }

.week-name th,
.month-name {
    padding: 10px;
}

.week-name th {
    width: 14.5%
}

.day {
    padding: 10px;
}

.lastMonth,
.nextMonth {
    display: none;
}

.time1,
.time2 {
    display: inline-block;
    width: 49%;
    padding: 0;
}

.time2 {
    padding: 0 0 0 2%
}

.time .label {
    width: 100px;
    display: inline-block;
}

.time input[type="range"] {
    width: 95%;
    max-width: 100%;
    margin: 10px 0;
}

.time1 div,
.time2 div {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
}

    .time1 div:before {
        content: "Time from";
        font-weight: bold;
        padding: 0 0 10px 0;
        display: block;
    }

    .time2 div:before {
        content: "Time to";
        font-weight: bold;
        padding: 20px 0 10px 0;
        display: block;
    }

.day.valid:hover {
    background: none;
    box-shadow: inset 0 20em 0 rgba(0, 0, 0, 0.2);
    color: inherit;
    cursor: pointer;
}

.field_daterange.valid input[type="button"] {
    border: 0;
}

.lastMonth.invalid {
    background-color: #fff;
}

.real-today {
    background-color: #ccc
}

.checked {
    background-color: #333;
    color: #fff;
}

    .checked:hover {
        background-color: #000;
        color: #fff;
    }

.date-picker-wrapper .footer {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.next-days,
.next-buttons,
.prev-buttons {
    display: block;
    margin: 10px 0 0 0;
}

.prev-days {
    display: block;
    margin: 20px 0 0 0;
}

.shortcuts {
    background-color: #e6e6e6;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    clear: both;
}

    .shortcuts b {
        display: block;
    }

    .shortcuts span {
        width: 48%;
        display: inline-block;
        font-weight: bold;
    }

        .shortcuts span a {
            font-weight: normal;
            display: inline-block;
            padding: 0 0 0 10px;
        }

    .shortcuts .prev-days {
        margin: 0 0 0 -5px
    }

@media (max-width: 870px) {
    .time1,
    .time2 {
        display: inline-block;
        width: 100%;
        padding: 0;
    }

    .time2 {
        padding: 0
    }

    .apply-btn {
        position: relative;
    }

    .default-top {
        margin: 0 0 10px 0;
    }

    .time input[type="range"] {
        width: 98%;
        margin: 10px 0;
    }

    .month1,
    .month2 {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .date-picker-wrapper .footer {
        margin: 40px 0 0 0;
    }
}

@media (max-width: 490px) {
    .month-wrapper {
        overflow-x: scroll;
    }
}


/* ReCaptcha Styles */

.g-recaptcha {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 20px 0;
}


/* Location Map Styles */

.icmformleft .icmlocationmap,
.icmformright .icmlocationmap {
    margin: 0 0 20px 25.5%;
}

@media(max-width:850px) {
    .icmformleft .icmlocationmap,
    .icmformright .icmlocationmap {
        width: 100% !important;
    }
}

.icmformleft .field_locationpicker .icmwizardbuttongroup,
.icmformright .field_locationpicker .icmwizardbuttongroup {
    margin: 0 0 20px 25%;
}

.icmformleft .icmhorizontal .icmlocationmap,
.icmformright .icmhorizontal .icmlocationmap,
.icmformleft .icmhorizontal .field_locationpicker .icmwizardbuttongroup,
.icmformright .icmhorizontal .field_locationpicker .icmwizardbuttongroup {
    margin: 0 0 20px 0;
}

@media (max-width: 850px) {
    .icmformleft .icmlocationmap,
    .icmformleft .field_locationpicker .icmwizardbuttongroup,
    .icmformright .icmlocationmap,
    .icmformright .field_locationpicker .icmwizardbuttongroup {
        margin: 0 0 20px 0;
    }
}


/* Date Picker Styles*/

body .ui-widget-header {
    background: transparent;
    border: 0;
}

body .ui-widget-content {
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    color: inherit;
    font-family: inherit;
}

    body .ui-state-default,
    body .ui-widget-content .ui-state-default,
    body .ui-widget-header .ui-state-default {
        border: 0px solid #c5dbec;
        background: #fff;
        font-weight: bold;
        color: inherit;
        text-align: center;
    }

body .ui-datepicker select.ui-datepicker-month,
body .ui-datepicker select.ui-datepicker-year {
    font-family: inherit;
    font-weight: bold;
    color: #333
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
    border: 0px solid #79b7e7;
    box-shadow: inset 0 20em 0 rgba(0, 0, 0, 0.2)
}

body .ui-state-highlight,
body .ui-widget-content .ui-state-highlight,
body .ui-widget-header .ui-state-highlight {
    border: 0px solid #fad42e;
    background: #ccc;
    color: inherit;
}

body .ui-state-active,
body .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active {
    border: 0px solid #79b7e7;
    background: #333;
    color: #fff;
}

body .ui-icon,
body .ui-widget-content .ui-icon {
    -webkit-filter: grayscale(100%) brightness(50%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(50%);
}

body .ui-corner-all {
    border-radius: 0;
}

.icmform th {
    padding: 10px;
    border: 1px solid #ccc;
    background: #efefef;
}

.icmform td {
    padding: 10px;
    border: 1px solid #ccc;
}


/* Accordion */
.icmverticalaccordion--container {
    position: relative;
    margin: 20px 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    overflow: hidden;
}

.icmverticalaccordion .icmguidancehint {
    margin: 0 0 20px 0;
}

.icmverticalaccordion--closed.icmverticalaccordion__heading {
    border-bottom-style: hidden;
    margin: 0;
}

.icmverticalaccordion__heading {
    display: block;
    cursor: pointer;
    outline: none;
    width: 50%;
}

.icmverticalaccordion__content p {
    padding: 0 0 20px 0;
    margin: 0;
}

.icmverticalaccordion__heading::after {
    position: absolute;
    right: 20px;
    top: 15px;
    display: block;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 150%;
}

.icmverticalaccordion__heading::after {
    content: "+";
}

.icmverticalaccordion--open.icmverticalaccordion__heading::after {
    transform: rotate(135deg);
}

/* Typehead Markup */

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100% !important;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


@media (max-width: 850px) {
    .icmformleft .chosen-container,
    .icmformright .chosen-container {
        max-width: 100%;
    }
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: calc(100% - 27px);
    z-index: 999;
    width: calc(100% - 20px);
    border: 1px solid #ccc;
    padding: 10px;
    border-top: 0;
    box-sizing: border-box;
    background: #fff;
    display: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
    display: block;
}

.chosen-container a {
    cursor: pointer;
}

.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: #000;
    color: initial;
}

    .chosen-container .search-choice .group-name:after,
    .chosen-container .chosen-single .group-name:after {
        content: ":";
        padding-left: 2px;
        vertical-align: top;
    }


/* Typehead Markup / Single Chosen Styles */

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    border: solid 1px #ccc;
    font-family: inherit;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.6;
    padding: 10px;
    width: 100%;
    margin: 0 0 20px 0;
}

    .chosen-container-single .chosen-single input[type="text"] {
        cursor: pointer;
        opacity: 0;
        position: absolute;
        width: 0;
    }

    .chosen-container-single .chosen-single span {
        display: block;
        overflow: hidden;
        margin-right: 26px;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #000;
        color: initial;
    }

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single div:before {
    content: "\e801";
    position: absolute;
    top: 0;
    line-height: 47px;
    transform: scale(1, 2);
    font-size: 60%;
    right: 7px;
    color: #000;
    color: initial;
}


/* Typehead Markup / Open Search Style */

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        padding: 10px 40px 10px 10px;
        width: 100%;
        outline: 0;
        border: 1px solid #ccc;
        font-size: 1rem;
    }

    .chosen-container-single .chosen-search:after {
        content: "\e800";
        position: absolute;
        top: 0;
        line-height: 47px;
        font-size: 100%;
        right: 10px;
        color: #000;
        color: initial;
    }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}


/* Typehead Markup / Group Results */

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 10px;
        list-style: none;
        word-wrap: break-word;
        -webkit-touch-callout: none;
        position: relative;
    }

        .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: #333;
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            display: list-item;
            background: #efefef;
        }

        .chosen-container .chosen-results li.group-result,
        .chosen-container .chosen-results li.result-selected {
            display: list-item;
            font-weight: bold;
            cursor: default;
        }

        .chosen-container .chosen-results li.result-selected {
            font-weight: bold;
            cursor: default;
        }

            .chosen-container .chosen-results li.result-selected:before {
                content: "\e80a";
                position: absolute;
                left: 5px;
                top: 0;
                font-size: 80%;
                line-height: 42px;
            }

        .chosen-container .chosen-results li.group-option {
            padding-left: 20px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }


/* Typehead Markup / Multi Choice */

.chosen-container-multi .chosen-choices {
    position: relative;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    border: solid 1px #ccc;
    font-family: inherit;
    background-color: #fff;
    font-size: 1rem;
    padding: 10px;
    width: 100%;
    margin: 0 0 20px 0;
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
            outline: 0;
            border: 0;
            line-height: 38px;
        }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 0 10px 0 0;
            padding: 10px 25px 10px 10px;
            max-width: 100%;
            background-color: #333;
            color: #fff;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 8px;
                right: 5px;
                display: block;
            }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
                    content: "\e809";
                    color: #fff;
                }

                .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
                    color: #d4d4d4;
                }


/* Typehead Markup / Focus Styles  */
.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    outline: 2px dotted #0064FF;
    outline-offset: 0;
}


/* Typehead Markup /Disabled Styles */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close,
    .chosen-container-multi .chosen-choices li.search-field input[type="text"]:hover {
        cursor: default;
    }

/* Dimple Charts Markup */

.dimple {
    height: 500px;
    overflow: hidden;
}

@media(max-width:680px) {
    .dimple {
        height: 320px;
    }
}

.domain {
    stroke: #d3d3d3 !important;
    stroke-width: 1px !important;
}

.tick line {
    stroke: #d3d3d3 !important;
    stroke-width: 1px !important;
}

.tick text,
.dimple-legend-text {
    fill: #4a4a4a !important;
}

.dimple-title {
    font-family: inherit;
    font-size: 1.2rem !important;
    font-weight: bold;
    fill: #4A4A4a;
}

rect.dimple-tooltip {
    fill: #fff !important;
    stroke: #ccc !important;
    stroke-width: 1px !important;
}

text.dimple-tooltip {
    fill: #4a4a4a;
    font-size: 1rem !important;
    height: 25px !important;
    font-family: inherit !important;
    transform: translate(100,0) !important;
}


/* Console Styles */

body .ui-tabs {
    margin: 0 0 60px 0;
}

    body .ui-tabs .ui-widget-header {
        color: inherit;
    }

    body .ui-tabs .ui-button {
        background-color: #E6E6E6;
        border: 2px solid #E6E6E6;
        color: inherit;
        padding: 10px 20px;
        box-sizing: border-box;
        margin: 0 10px 0 0;
        font-size: 1.125rem;
        font-family: inherit;
        font-weight: bold;
    }

        body .ui-tabs .ui-button:hover {
            background-color: #ddd;
            border: 2px solid #ddd;
            cursor: pointer
        }

    body .ui-tabs .ui-button-text {
        padding: 0;
    }

    body .ui-tabs .ui-state-active a,
    body .ui-tabs .ui-state-active a:link,
    body .ui-tabs .ui-state-active a:visited {
        color: #fff;
        text-decoration: none;
    }

.icmform table {
    overflow-x: auto;
    max-width: 100%
}



li, fieldset{border:0;}
table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting{cursor:pointer;*cursor:hand}table.dataTable thead .sorting{background:url("../themes/shared/images/sort_both.png") no-repeat center right}table.dataTable thead .sorting_asc{background:url("../themes/shared/images/sort_asc.png") no-repeat center right}table.dataTable thead .sorting_desc{background:url("../themes/shared/images/sort_desc.png") no-repeat center right}table.dataTable thead .sorting_asc_disabled{background:url("../themes/shared/images/sort_asc_disabled.png") no-repeat center right}table.dataTable thead .sorting_desc_disabled{background:url("../themes/shared/images/sort_desc_disabled.png") no-repeat center right}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#abb9d3}table.dataTable.hover tbody tr:hover,table.dataTable.hover tbody tr.odd:hover,table.dataTable.hover tbody tr.even:hover,table.dataTable.display tbody tr:hover,table.dataTable.display tbody tr.odd:hover,table.dataTable.display tbody tr.even:hover{background-color:#f5f5f5}table.dataTable.hover tbody tr:hover.selected,table.dataTable.hover tbody tr.odd:hover.selected,table.dataTable.hover tbody tr.even:hover.selected,table.dataTable.display tbody tr:hover.selected,table.dataTable.display tbody tr.odd:hover.selected,table.dataTable.display tbody tr.even:hover.selected{background-color:#a9b7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#f9f9f9}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad4}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:#f5f5f5}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b3cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a7b5ce}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b6d0}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#f9f9f9}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fbfbfb}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fdfdfd}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad4}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#adbbd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.display tbody tr.odd:hover>.sorting_1,table.dataTable.display tbody tr.even:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.display tbody tr.odd:hover>.sorting_2,table.dataTable.display tbody tr.even:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_2{background-color:#ebebeb}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.display tbody tr.odd:hover>.sorting_3,table.dataTable.display tbody tr.even:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover>.sorting_3{background-color:#eee}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.display tbody tr.odd:hover.selected>.sorting_1,table.dataTable.display tbody tr.even:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1{background-color:#a1aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.display tbody tr.odd:hover.selected>.sorting_2,table.dataTable.display tbody tr.even:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_2{background-color:#a2afc8}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.display tbody tr.odd:hover.selected>.sorting_3,table.dataTable.display tbody tr.even:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_3{background-color:#a4b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:5px 9px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:5px 9px 3px 9px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px 5px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #cacaca;background-color:#fff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}

.subscriptions-mb-0 {
    margin-bottom: 0 !important;
}

.subscriptions-mb-05 {
    margin-bottom: 0.5rem !important;
}

.subscriptions-mb-1 {
    margin-bottom: 1rem !important;
}

.subscriptions-mb-2 {
    margin-bottom: 2rem !important;
}

.subscriptions-pl-05 {
    padding-left: 0.5rem !important;
}

.subscriptions-pr-05 {
    padding-right: 0.5rem !important;
}

.subscriptions-p-1 {
    padding: 0.5rem 1rem;
}

.subscriptions-mt-0 {
    margin-top: 0 !important;
}

.subscriptions-mt-05 {
    margin-top: 0.5rem !important;
}

.subscriptions-mt-1 {
    margin-top: 1rem !important;
}

.subscriptions-mt-2 {
    margin-top: 2rem !important;
}

.subscriptions-mr-1 {
    margin-right: 15px !important;
}

.subscriptions-ml-1 {
    margin-left: 15px !important;
}

.subscriptions-px-1 {
    padding: 0 0.5rem;
}

.subscriptions-h-100 {
    height: 100% !important;
}

.subscriptions-rounded {
    border-radius: 0.15rem !important;
}

.subscriptions-container {
    padding-right: 15px;
    padding-top: 5px;
}

.subscriptions-img-fluid {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: auto;
}

.subscriptions-js-open-modal {
    max-width: 80%;
}

@media only screen and (max-width: 1024px) {
    .subscriptions-container {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
    }

    body .subscriptions-md-col-25 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body .subscriptions-md-col-40 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    body .subscriptions-md-float-reset {
        margin-top: 0.5rem!important;
        float: none;
        margin-left: 15px;
    }

    body .subscriptions-md-mt-1 {
        margin-top: 0.5rem !important;
    }
}

@media only screen and (min-width: 1024px) {
    body .subscriptions-lg-pl-05 {
        padding-left: 0.5rem;
    }   

    body .subscriptions-lg-pt-05 {
        padding-top: 0.5rem;
    }
}

@media only screen and (max-width: 501px) {
    body .subscriptions-sm-mt-1 {
        margin-top: 0.5rem !important;
    }

    body .subscriptions-container {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }

    body .subscriptions-column-50, body .subscriptions-col-50 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }

    body .subscriptions-col-15, body .subscriptions-col-85 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body .subscriptions-col-35 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    body .subscriptions-col-5 {
        flex: 0 0 10%;
        max-width: 10%;
    }

    body #Sub_Email {
        padding-left: 0;
    }

    body .subscriptions-sm-mb-1 {
        margin-bottom: 1rem;
    }

    body .subscriptions-sm-pr-0 {
        padding-right: 0;
    }

    body .subscriptions-sm-col-15 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    body .subscriptions-sm-col-100 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body .subscriptions-modal-dialog {
        padding: 0 5px;
    }

    body .subscriptions-modal-title {
        max-width: 250px;
    }

    body .subscriptions-md-float-reset {
        margin-top: 0.5rem !important;
        float: none;
        margin-left: 0;
    }

    body .subscriptions-col-60 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    body .subscriptions-tabs button {
        width: 100%;
    }

    body .subscriptions-img-fluid {
        width: 100%;
    }
}

.subscriptions-modal {
    display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.subscriptions-modal-dialog {
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
    max-width: 500px;
    margin: 1.75rem auto;
    padding-right: 16px;
}

.subscriptions-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
}

.subscriptions-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .subscriptions-close:hover,
    .subscriptions-close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.subscriptions-modal-header {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.subscriptions-modal-title {
    display: inline-block;
    max-width: 430px;
}

.subscriptions-modal-body {
    padding: 1rem;
}

.subscriptions-modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.subscriptions-modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.4;
}

.subscriptions-text-label {
    font-weight: bold;
}

.subscriptions-text-label-centre {
    text-align: center;
    line-height: 2.4;
}

.subscriptions-form-input {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    max-width: 350px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.subscriptions-form-input-noMax {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.subscriptions-primary-btn {
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.6rem 1rem;
    transition: 0.3s;
    background: #00703c;
    color: #fff;
    border: #00703c 2px solid;
    text-decoration: none !important;
    margin: 0.5rem 0.5rem 0.5rem 0;
    font: 400 13.3333px Arial;
    border-radius: 4px;
    font-weight: 600;
}

    .subscriptions-primary-btn:hover, .subscriptions-primary-btn:active, subscription-primary-btn:focus {
        background-color: #f5ce3e;
        border-color: #f5ce3e;
        color: #000;
    }

.subscriptions-danger-btn {
    display: inline-block;
    background-color: #AF0212;
    border: #AF0212 2px solid;
    outline: none;
    cursor: pointer;
    padding: 0.6rem 1rem;
    transition: 0.3s;
    color: white !important;
    text-decoration: none !important;
    margin: 0.5rem 0.5rem 0.5rem 0;
    font: 400 13.3333px Arial;
    border-radius: 4px;
    font-weight: 600;
}

.subscriptions-danger-btn:hover {
    background-color: #78030E;
    color: white;
}

.subscriptions-secondary-btn {
    display: inline-block;
    background-color: #006072;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.6rem 1rem;
    transition: 0.3s;
    color: white !important;
    text-decoration: none !important;
    margin: 0.5rem 0.5rem 0.5rem 0;
    font: 400 13.3333px Arial;
    border-radius: 4px;
    font-weight: 600;
}

.subscriptions-secondary-btn:hover {
    background-color: #373D42;
    color: white;
}

.subscriptions-third-btn {
    display: inline-block;
    background-color: #fafafa;
    border: 1px solid #1f1146;
    outline: none;
    cursor: pointer;
    padding: 0.6rem 1rem;
    transition: 0.3s;
    color: #1f1146;
    text-decoration: none !important;
    margin: 0.5rem 0.5rem 0.5rem 0;
    font: 400 13.3333px Arial;
    border-radius: 0;
}

.subscriptions-third-btn:hover {
    background-color: #34206e;
    color: white;
    transition: 0.3s;
}

.subscriptions-type-lists {
}

.subscriptions-type-lists:nth-child(1) {
    padding-left: 0 !important;
}

.subscriptions-type-lists:nth-child(2) {
    padding-right: 0 !important;
}

.subscriptions-list-group {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.subscriptions-list-group-item {
    display: block;
    border: 1px solid rgba(0,0,0,.125);
    border-right-width: 0;
    border-left-width: 0;
    border-top-width: 0;
}

.subscriptions-list-group-item:first-child {
    border-top-width: 0;
}

.subscriptions-list-group-item:last-child {
    border-bottom-width: 0;
}

.subscriptions-danger-background {
    background: #AF0212;
}

.subscriptions-text-white {
    color: white;
}

.subscriptions-row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
}

.subscriptions-column-50 {
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
    flex-direction: column;
}

.subscriptions-column-item {
    width: 100%;
    box-sizing: border-box;
}

.subscriptions-col-5 {
    flex: 0 0 5%;
    max-width: 5%;
    box-sizing: border-box;
}

.subscriptions-col-15 {
    flex: 0 0 15%;
    max-width: 15%;
    box-sizing: border-box;
}

.subscriptions-col-25 {
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
}

.subscriptions-col-35 {
    flex: 0 0 35%;
    max-width: 35%;
    box-sizing: border-box;
}

.subscriptions-col-33 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    box-sizing: border-box;
}

.subscriptions-col-50 {
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
}

.subscriptions-col-60 {
    flex: 0 0 60%;
    max-width: 60%;
    box-sizing: border-box;
}

.subscriptions-col-75 {
    flex: 0 0 75%;
    max-width: 75%;
    box-sizing: border-box;
}

.subscriptions-col-85 {
    flex: 0 0 85%;
    max-width: 85%;
    box-sizing: border-box;
}

.subscriptions-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.subscriptions-float-right {
    float: right;
    margin: 0;
}

.subscriptions-border-danger {
    border: 1px solid #AF0212;
}

.subscriptions-tabs {
    overflow: hidden;
    border: 1px solid #006072;
    background-color: #005261;
}

    .subscriptions-tabs button {
        background-color: #006072;
        float: left;
        border-right: 1px solid #005261;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-weight: 500;
        border-radius: 0;
    }

    .subscriptions-tabs button:hover {
        background-color: #f5ce3e;
        color: #000;
    }

    .subscriptions-tabs button.active {
        background-color: #f5ce3e;
        color: #000;
    }

/* Style the tab content */
.subscriptions-tab-content {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    animation: fadeEffect 1s;
    padding: 0.5rem 0.75rem;
}

.subscriptions-spaced-label {
    display: inline-block;
    padding: 0.375rem 0;
}

.subscriptions-input-disabled {
    font-style: italic;
    background-color: #fafafa;
    border: none;
    padding-left: 5px;
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.subscriptions-display-none {
    display: none !important;
}

.subscriptions-error-colour {
    color: #AF0212 !important;
}

bg-WhitePure {
    background-color: white;
}

.bottom0 {
    position: absolute;
    bottom: 0;
}

#unsubscribeFailNotif, #unsubscribeSuccessNotif {
    z-index: -1;
}

#subscribeToast {
    display: none;
    background-color: #0050A5;
    color: white;
}

#subscribeFailToast {
    display: none;
    background-color: #AF0212;
    color: white;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.9);
        opacity: 0.7;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 2;
}

.spinner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    z-index: 3;
    margin: 0px auto;
    margin-left: -30px;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(36, 36, 36, 0.15);
    border-right: 6px solid rgba(36, 36, 36, 0.15);
    border-bottom: 6px solid rgba(36, 36, 36, 0.15);
    border-top: 6px solid rgba(36, 36, 36, 0.8);
    border-radius: 100%;
}

.subscriptions-fixed-center {
    position: fixed;
    text-align: center;
    padding: 0.5rem 1rem;
    left: 50%;
    top: 50%;
    z-index: 3;
    margin: 0px auto;
    transform: translateX(-50%);
}

.subscriptions-overlay-always-visible {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 2;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

#loader {
    left: 43%;
    position: fixed;
    transform: translate(-50%, 0px);
    top: 5rem;
    max-width: 15rem;
    font-size: 2rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    -webkit-animation: pulse 3s infinite ease-in-out;
    -o-animation: pulse 3s infinite ease-in-out;
    -ms-animation: pulse 3s infinite ease-in-out;
    -moz-animation: pulse 3s infinite ease-in-out;
    animation: pulse 3s infinite ease-in-out;
}

.subscriptions-shadow {
    box-shadow: 0 3px 15px rgba(0,0,0,.07) !important;
}

.withShadow {
    position: relative;
    background: white;
    box-sizing: border-box;
}

    .withShadow:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        border-radius: 0.3rem !important;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

.subscriptions-table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.subscriptions-table {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
}

    .subscriptions-table td {
        padding: 0.75rem;
        vertical-align: top;
    }

    .subscriptions-table th {
        padding: 0.75rem;
        text-align: left;
    }

.subscriptions-table-borderless {
    border: 0;
}

.subscriptions-table thead th {
    vertical-align: bottom;
}

.subscriptions-border-success {
    border: 1px solid #349c2f;
}

.subscriptions-text-success {
    color: #349c2f;
}

.subscriptions-text-danger {
    color: #AF0212;
}

#subscriptions-snackbar {
    display: none;
    min-width: 250px;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.64);
    color: #fff;
    text-align: center;
    border-radius: 0.5rem;
    padding: 0 0.5rem;
    position: fixed;
    z-index: 2;
    left: 50%;
    bottom: 30px;
}

    #subscriptions-snackbar.show {
        display: block;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
        animation: fadein 0.5s, fadeout 0.5s 4.5s;
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 0.7;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 0.7;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 0.7;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 0.7;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.subscriptions-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .subscriptions-tooltip .subscriptions-tooltiptext {
        visibility: hidden;
        width: 250px;
        background-color: #555;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 0.3rem;
        padding: 0.3rem 1rem;
        position: absolute;
        z-index: 2;
        bottom: 125%;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        transition: opacity 0.3s;
    }


        .subscriptions-tooltip .subscriptions-tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .subscriptions-tooltip:hover .subscriptions-tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/*@media only screen and (max-width: 501px) {
    .subscriptions-tooltip .subscriptions-tooltiptext {
        bottom: inherit;
        left: inherit;
        top: -5px;
        right: 105%;
    }

    .subscriptions-tooltip .subscriptions-tooltiptext::after {
        top: 50%;
        left: 100%;
        margin-top: -5px;
        margin-left: 0;
        border-color: transparent transparent transparent #555;
    }
}*/

.subscriptions-grey-background {
    background-color: #fafafa;
    box-sizing: border-box;
}

.hidden {
    display: none;
}

.search__results__wrapper select {
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: calc(1.8125rem + 2px);
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 75%;
    -webkit-appearance: none;
}

.search__results__wrapper input[type=search] {
    height: calc(1.8125rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
}

.search__results__wrapper table.dataTable tbody td,
.archive__results__wrapper table.dataTable tbody td,
.archive__results__wrapper table.dataTable tbody td 
{
    padding: 0px;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button {
    margin: 0;
    position: relative;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #524F4F !important;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    background: none;
    overflow: hidden;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button:hover,
.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button:focus,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button:hover,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button:focus,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button:hover,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #303030 !important;
    border-color: #dee2e6 !important;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current {
    border-color: #dee2e6;
    color: #000000 !important;
    font-weight: bold;
    background: none;
    background-color: #e9ecef;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:hover,
.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:focus,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:hover,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:focus,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:hover,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.current:focus {
    border-color: #dee2e6;
    color: #000 !important;
    background-color: #e9ecef !important;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.disabled,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.disabled,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.disabled {
    color: #51565F !important;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.previous,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.previous,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.previous {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.next,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.next,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_paginate a.paginate_button.next {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.paginate_control_padding {
    height: 35px;
    margin-bottom: 1rem;
}

.search__results__wrapper table.dataTable.no-footer,
.archive__results__wrapper table.dataTable.no-footer,
.datatable_override_wrapper table.dataTable.no-footer {
    border-bottom: none;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_info,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_info,
.datatable_override_wrapper div.dataTables_wrapper div.dataTables_info {
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
    border-radius: 0.2rem;
}

.datatable_override_wrapper div.dataTables_wrapper div.dataTables_info {
    margin-top: 0.25rem;
}

.search__results__wrapper div.dataTables_wrapper div.dataTables_paginate,
.archive__results__wrapper div.dataTables_wrapper div.dataTables_paginate {
    padding-top: 0;
}

@media only screen and (max-width: 501px) {
    .paginate_control_padding {
        height: 75px;
    }
}

