/* 
    // == Comment 
*/

/** ------------------------------------------------------------------------------------------- **/
/** START **/
/** ------------------------------------------------------------------------------------------- **/

/** FONT FACE **/
@font-face {
    font-family: 'Roboto';
    src: url('/_catalogs/masterpage/EAC/fonts/Roboto/Roboto_regular.ttf');
}

@font-face {
    font-family: 'CentGothWGL';
    src: url('/_catalogs/masterpage/EAC/fonts/Century Gothic WGL/Century Gothic WGL.ttf');
}

@font-face {
    font-family: 'Myriad Pro Black';
    src: url('/_catalogs/masterpage/EAC/fonts/Myriad Pro/MyriadPro-Black.otf');
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('/_catalogs/masterpage/EAC/fonts/Myriad Pro/MyriadPro-Regular.otf');
}

/** ------------------------------------------------------------------------------------------- **/
/** SHAREPOINT CUSTOM STYLES **/
#s4-workspace {
    width: auto !important;
    overflow-x: hidden;
}

#s4-bodyContainer {
    border: none;
    padding: 0px;
    position: relative;
}

#pageTitle {
    font-weight: 600; /*Semi-bold*/
    font-size: 34px !important;
    color: #000000;
    text-transform: uppercase;
    margin: 0px 15px 10px 15px;
    padding-left: 15px;
}

div.article, div.welcome {
    padding-left: 15px;
}

.edit-mode-panel.roll-up .ms-long {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#DeltaPlaceHolderMain {
    margin-top: 10px;
    margin: 10px 15px 10px 15px;
}

span#DeltaPlaceHolderPageTitleInTitleArea {
    padding: 10px 0;
}

#suiteBarLeft {
    background-color: #666;
}

#suiteBarRight {
    background-color: #e9e8e8;
}

.ms-siteactions-root > span > a.ms-core-menu-root {
    color: white;
}

.ms-siteactions-normal {
    background-color: #e9e8e8;
}

.ms-siteactions-hover {
    background-color: white;
}

.ms-cui-topBar2 {
    border-bottom: 1px solid #e9e8e8;
    background-color: #e9e8e8;
}

#s4-titlerow {
    background-color: #e9e8e8;
    padding-top: 0px;
}

.ms-srch-sb {
    background-color: white;
}

.ms-storefront-appiconspan {
    background-color: #666;
}

.ms-tileview-tile-content {
    background-color: transparent;
}

.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    padding-left: 0px;
}

.ms-breadcrumb-top {
    white-space: normal;
}

.ms-webpart-zone {
    font-family: 'CentGothWGL';
}

/** ------------------------------------------------------------------------------------------- **/
/** SECTION : HTML - WEBSITE **/
body {
    font-family: 'Myriad Pro';
    font-size: 15px;
}

.overlay-panel {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 502;
}

.eac_fullcontainer {
    height: 100%;
    width: 100%;
}

#maincontainer {
    margin: 0;
}

i.fa:before, i.fas:before, i.far:before {
    padding: 0 5px;
}

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

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.noborder {
    border: 0 !important;
    box-shadow: none !important;
}

.boundpadding {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

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

.clearer {
    clear: both;
}

body, input[type="button"], input[type="reset"], input[type="submit"] {
}

    input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
        background-color: #0ca3d9;
        text-decoration: underline;
        cursor: pointer;
    }

    body.menu-open:after {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: rgba(0,0,0,0.7);
    }

.testing.collapsing {
    display: block !important;
}

.page-content {
    padding-top: 1%;
}

/* FONT STYLES */
.fontLight {
    font-weight: 300; /*light*/
}

.fontRegular {
    font-weight: 400; /*Regular*/
}

.fontRegularItalic {
    font-weight: 400; /*Regular*/
    font-style: italic;
}

.fontBold {
    font-weight: 700; /*Bold*/
}

.fontSemiBold {
    font-weight: 600; /*Semi-Bold*/
}

.fontBlue, .fontBlue a, a.fontBlue:visited, a.fontBlue:hover, a.fontBlue:visited:hover, a.fontBlue:link, a.fontBlue:link:hover {
    color: #0ca3d9;
}

.fontGray {
    color: #000000;
}

.fontWhite, .fontWhite a, .fontWhite a:visited {
    color: #fff;
}

.fontCapitalised {
    text-transform: capitalize;
}

.fontUppercase {
    text-transform: uppercase;
}

.fontNormal {
    text-transform: none;
}

.fontPaddingBottom {
    padding-bottom: 20px;
}

.fontPaddingTop {
    padding-top: 20px;
}

.pageHeader {
    font-family: 'CentGothWGL';
    font-weight: bold;
    font-size: 20px;
    color: #0ca3d9;
    padding-bottom: 15px;
}

.pageHeader2 {
    font-weight: 600; /*Semi-bold*/
    font-size: 14px;
    color: #0ca3d9;
}

.pageHeader3 {
    font-weight: 600; /*Semi-bold*/
    font-size: 12px;
    color: #000000;
}

blockquote {
    margin: 0 20px;
}

span.readOnly {
    color: #b1b1b1;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 16px;
}


/** ------------------------------------------------------------------------------------------- **/
/** TELERIK **/

.telerik-grid .rgCommandCell .rgActionButton {
    border: 1px solid #000;
}

/** ------------------------------------------------------------------------------------------- **/
/** MASTER PAGE **/
#contentRow {
    width: 992px;
    margin: auto;
    background-color: #fff;
    padding-top: 24px;
    box-shadow: 0 0 10px 0px #797978;
}

/*Mega Menu Shadow*/
.cbp-hrmenu .cbp-hrsub-inner {
    box-shadow: 0 5px 10px 0px #797978 !important;
}

/*Area Includes Logo, language selector, search and Navigation*/
.topArea {
    width: 992px;
    margin: auto;
    background-color: #fff;
}

/*Area includes banner*/
.bannerArea {
    width: 100%;
}


.contentOverallArea {
    background-color: #dbebf6;
    padding-bottom: 10px;
}

.topnavigation {
    height: 40px;
    background-color: #DBEBF6;
    margin-top: -26px;
}

button {
    border-color: transparent;
    padding: 0;
    text-align: left;
}

.category-title {
    font-size: 25px;
    padding: 15px 0px 5px 0px;
    border-bottom: 3px solid;
    margin-bottom: 15px;
    width: fit-content;
}

.topnavigation-entries {
    margin: auto;
    width: 800px;
}

button.collapsed {
    border: none;
    padding: 0;
    text-align: left;
}

button.collapse {
    border: none;
    padding: 0;
}

.panel-title button:active, .panel-title button:hover, .panel-title button:focus {
    border-color: white;
    background-color: white;
    outline-color: white;
}

#sideNavBox {
    min-height: 600px;
    width: 220px;
    margin-left: 0;
    margin-right: 0;
}

.nav-left {
    padding-top: 0px;
    margin-left: 26px;
    margin-right: -6px;
}

.mainContentNavArea {
    display: block;
}

.miniBannersArea {
    clear: both;
    min-height: 88px;
    margin: 32px 26px 0px 26px;
    display: inline-block;
}

    .miniBannersArea .mini-gallery a {
        margin-right: 20px;
        margin-bottom: 16px;
        display: inline-block;
        width: 298px;
        height: 88px;
        text-align: center;
        float: left;
        border: 1px solid #000000;
        overflow: hidden;
    }

        .miniBannersArea .mini-gallery a:first-child + a + a {
            margin-right: 0;
        }

        .miniBannersArea .mini-gallery a:nth-child(3n) {
            margin-right: 0;
        }

.footerArea {
    border-top: #0ca3d9 3px solid;
    border-bottom: #DDDDDD 1px solid;
    background-color: #797978;
    margin-top: 16px;
    min-height: 100px;
    font-size: 11px;
    padding: 24px 26px;
    display: inline-block;
}

.content {
    margin: 0 26px;
    width: 700px;
    float: left;
}

#contentBox {
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    overflow: hidden;
    min-width: 600px;
    min-height: 600px;
    max-width: 940px;
}

.disclaimerArea {
    clear: both;
    height: 40px;
    background-color: #fff;
    font-size: 11px;
    padding: 8px 26px 0px 26px;
}

.disclaimerAreaLeft {
    float: left;
    vertical-align: middle;
    width: 450px;
}

.disclaimerAreaCenter {
    float: left;
    padding-right: 15px;
}

.disclaimerAreaRight {
    margin-top: -30px;
}

.imageSliderArea {
    background-color: #dbebf6;
    width: 992px;
    margin: auto;
    height: 80px;
}

    .imageSliderArea .carouselarea {
        padding-left: 60px;
        box-shadow: 0 0 10px 0px #797978;
        top: -56px;
        background-color: #DBEBF6;
    }

    .imageSliderArea .carousel-item {
        width: 291px;
        height: 92px;
        float: left;
        background-color: white;
    }

    .imageSliderArea .carousel-image {
        width: 70px;
        margin-left: 20px;
        float: left;
        margin-top: 20px;
    }

    .imageSliderArea .carousel-text {
        width: 190px;
        margin: 20px 0px 0px 0px;
        color: #000000;
        float: left;
        display: block;
        height: 72px;
        border-right: 1px solid #C5C6C8;
        padding-right: 10px;
    }

    .imageSliderArea .carousel-description {
        height: 72px;
        display: table-cell;
        vertical-align: middle;
        width: 180px;
    }

    .imageSliderArea a.carousel-previous, .imageSliderArea a.carousel-next {
        top: 32px;
        height: 31px;
        width: 20px;
    }

    .imageSliderArea a.carousel-previous {
        content: "Previous";
        background-image: url(/_catalogs/masterpage/EAC/img/ImageSlider_Left.png);
        left: 26px;
        top: 46px;
    }

    .imageSliderArea a.carousel-next {
        content: "Next";
        background-image: url(/_catalogs/masterpage/EAC/img/ImageSlider_Right.png);
        background-position: 0 0;
        right: 18px;
        top: 46px;
    }

        .imageSliderArea a.carousel-previous:hover, .imageSliderArea a.carousel-next:hover {
            background-position: 0 0;
        }

    .imageSliderArea .carousel-bullets {
        margin-right: 60px;
        background-color: white;
        height: 20px;
    }

        .imageSliderArea .carousel-bullets a {
            background-image: url(/_catalogs/masterpage/EAC/img/ImageSlider_Point.png);
            background-position: 0 0;
            margin: 0 2px 0 0;
            width: 9px;
            height: 8px;
        }

            .imageSliderArea .carousel-bullets a.selected {
                background-image: url(/_catalogs/masterpage/EAC/img/ImageSlider_Point_Selected.png);
                background-position: 0 0;
            }

.ms-table {
    display: block;
}

.ms-ToolPaneOuter {
    position: absolute;
}

.imageSliderArea .carousel {
    position: initial !important;
}

.imageSliderArea .carouselarea .caroufredsel_wrapper {
    margin-left: 0px !important;
}

.bannerArea-home {
    background: url('/_catalogs/masterpage/EAC/img/menu-shadow.png') repeat-x;
}

    .bannerArea-home .carousel-text h1 {
        font-weight: 300; /*light*/
        font-size: 30px;
        line-height: 32px;
        color: white;
        padding-left: 26px;
    }

    .bannerArea-home .carousel-description {
        margin-top: 32px;
        padding-left: 26px;
    }

        .bannerArea-home .carousel-description a, .bannerArea-home .carousel-description a:visited, .bannerArea-home .carousel-description a:hover {
            font-weight: 600;
            color: #000000;
        }

    .bannerArea-home .carousel-bullets {
        float: left;
        position: absolute;
        top: 270px;
        padding-left: 28px;
    }

.information-banner-content-area {
    margin-top: -10px;
    margin-bottom: -6px;
}

/** ------------------------------------------------------------------------------------------- **/
/** SECTION : LAYOUTS **/

.one-web-part-zone, .layout-zone {
    margin-bottom: 30px;
}

.center-zone {
    text-align: center;
}

    .center-zone .wpmessage {
        text-align: left;
    }

/*.leftSideLayout {
     padding-left: 0 !important; 
}*/

.layoutAlignToOfficesWebPart {
    margin: 10px 30px 0px 30px;
}

#contactLayoutBanner {
    overflow: hidden;
}

    #contactLayoutBanner .topimage-image {
        max-width: 100%;
        height: auto;
    }

    #contactLayoutBanner .topimage-wrap {
        overflow: hidden;
        -webkit-transition: max-width .5s ease-out; /* Saf3.2+, Chrome */
        -moz-transition: max-width .5s ease-out; /* FF4+ */
        -ms-transition: max-width .5s ease-out; /* IE10? */
        -o-transition: max-width .5s ease-out; /* Opera 10.5+ */
        transition: max-width .5s ease-out;
    }

        #contactLayoutBanner .topimage-wrap img {
            -webkit-transition: margin-top .5s ease-out; /* Saf3.2+, Chrome */
            -moz-transition: margin-top .5s ease-out; /* FF4+ */
            -ms-transition: margin-top .5s ease-out; /* IE10? */
            -o-transition: margin-top .5s ease-out; /* Opera 10.5+ */
            transition: margin-top .5s ease-out;
        }

.title-wrapper {
    background-color: #d3d3d3;
    color: black;
    width: 100%;
    height: 300px;
    display: flex;
}

    .title-wrapper h1.field-title-style {
        margin: auto 0;
        padding-left: 40px;
        font-weight: bold;
        font-family: CentGothWGL;
        font-size: 60px;
    }

/* PAGE LAYOUTS - Announcement*/
.announcement-startdate, .announcement-enddate {
    float: left;
}

.image-gallery a {
    font-size: 0px;
}

.announcement-images img {
    width: 155px;
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: bottom;
}

.announcement-date-line {
    padding-bottom: 16px;
}

.WebPartBanner {
    margin-left: 26px;
    margin-right: 26px;
}

/* PAGE LAYOUTS - Events */
.event-start-date-line, .event-end-date-line {
    float: left;
}

.event-start-date-line {
    padding-right: 10px;
}

.event-date-line, .event-location-line {
    padding-bottom: 16px;
}

/* PAGE LAYOUTS - Press Release */
.pressrelease-date-line {
    padding-bottom: 16px;
}

/* PAGE LAYOUTS - Tender*/
.tenderbox {
    width: 100%;
    float: left;
}

.tender-spacer {
    border-bottom: 1px solid grey;
    margin: 0 10px;
}

.tender-leftnavigation {
    float: left;
    width: 240px;
    background-color: #DBEBF6;
    width: 220px;
    margin-left: 0;
    margin-right: 0;
}

    .tender-leftnavigation .imageandtext .aqua .pageHeader2 {
        font-size: 11px;
        font-weight: 600;
    }

    .tender-leftnavigation .imageandtext-right-link span {
        padding-left: 10px;
    }

    /*selected style*/
    .tender-leftnavigation .imageandtext .aqua .selected .pageHeader2 {
        color: #0CA3D9;
    }

    .tender-leftnavigation .imageandtext .aqua .selected .imageandtext-right {
        background: url('/_catalogs/masterpage/EAC/img/arrow_more_blue.png') no-repeat right;
        margin-right: 10px;
    }

/* PAGE LAYOUTS - Home - EAC */
.column1 {
    width: 60px;
    float: left;
}

.column2 {
    width: 140px;
    float: left;
}

.column3 {
    width: 220px;
    float: left;
}

.column4 {
    width: 300px;
    float: left;
}

.column5 {
    width: 380px;
    float: left;
}

.column6 {
    width: 460px;
    float: left;
}

.column7 {
    width: 540px;
    float: left;
}

.column8 {
    width: 620px;
    float: left;
}

.column9 {
    width: 700px;
    float: left;
}

.column10 {
    width: 780px;
    float: left;
}

.column11 {
    width: 860px;
    float: left;
}

.column12 {
    width: 940px;
    float: left;
}

.column-spacer {
    margin-left: 20px;
}

.vertical-spacer {
    margin-top: 20px;
}

/* PAGE WEBPARTS */
.row {
    width: 100%;
    clear: both;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.col1, .col3Left, .col3Middle, .col3Right, .col2Left, .col2Right {
    float: left;
}

.col3Left, .col3Middle {
    width: 140px;
}

.col3Right {
    width: 300px;
}

.col2Left, .col2Right {
    width: 300px;
}

.col2Right, .col3Middle, .col3Right {
    padding-left: 20px;
}

.col1 {
    width: 620px;
}

.col-full {
    width: 100%;
}

.col-3part {
    float: left;
    width: 300px;
    margin-right: 20px;
}

    .col-3part:nth-child(3n) {
        margin-right: 0;
    }

.col2-left {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.col2-right {
    float: left;
    width: 620px;
}

/** ------------------------------------------------------------------------------------------- **/
/** EAC FORMS **/
div.RadGrid .t-button {
    min-width: inherit;
}

.form-field {
    margin-bottom: 15px;
}

.form-field-control {
    display: block;
    width: 100%;
}

.eac-form .form-field-label {
    text-align: right;
}

.eac-form button,
.eac-form input,
.eac-form optgroup,
.eac-form select,
.eac-form textarea {
    margin: 0;
}

.eac-form *, .eac-form *:before, .eac-form *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.eac-form {
    width: 684px;
    margin: 12px auto;
    padding-top: 15px;
    border: 1px solid rgba(216, 216, 216, 1);
    overflow: auto;
}

    .eac-form .form-field:before, .eac-form .form-field:after {
        display: table;
        content: " ";
    }

    .eac-form .form-field:after {
        clear: both;
    }

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

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

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

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    float: left;
}

.col-12 {
    width: 100%;
}

.col-11 {
    width: 91.66666667%;
}

.col-10 {
    width: 83.33333333%;
}

.col-9 {
    width: 75%;
}

.col-8 {
    width: 66.66666667%;
}

.col-7 {
    width: 58.33333333%;
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: 41.66666667%;
}

.col-4 {
    width: 33.33333333%;
}

.col-3 {
    width: 25%;
}

.col-2 {
    width: 16.66666667%;
}

.col-1 {
    width: 8.33333333%;
}

.col-offset-12 {
    margin-left: 100%;
}

.col-offset-11 {
    margin-left: 91.66666667%;
}

.col-offset-10 {
    margin-left: 83.33333333%;
}

.col-offset-9 {
    margin-left: 75%;
}

.col-offset-8 {
    margin-left: 66.66666667%;
}

.col-offset-7 {
    margin-left: 58.33333333%;
}

.col-offset-6 {
    margin-left: 50%;
}

.col-offset-5 {
    margin-left: 41.66666667%;
}

.col-offset-4 {
    margin-left: 33.33333333%;
}

.col-offset-3 {
    margin-left: 25%;
}

.col-offset-2 {
    margin-left: 16.66666667%;
}

.col-offset-1 {
    margin-left: 8.33333333%;
}

.col-offset-0 {
    margin-left: 0;
}

/** ------------------------------------------------------------------------------------------- **/
/** SECTION : TOP BAR **/
.topbar {
    position: unset; /*position:absolute;*/
}

    .topbar .fixed-topbar {
        z-index: 505;
        position: relative;
    }

    .topbar .navbar-default {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
    }

.signout-image, .signin-image, .icon-question, .search-icon-link {
    height: 20px;
    width: 20px;
    margin-top: -5px;
}

/* TOP MENU */
.topmenu {
    display: block;
    width: 100%;
    background-color: #d9d9d9;
    height: 30px;
    margin: 0px auto;
    padding: 0px 0px;
    min-width: 320px;
}

.topmenupart {
    margin: 0 auto;
    padding: 0px;
}

.topmenuright {
    height: 100%;
    width: 50%;
    float: right;
    text-align: right;
    font-family: 'CentGothWGL';
    font-weight: normal;
}

    .topmenuright a, .topmenuright a:visited, .topmenuright a:hover, .topmenuright a:active, .topmenuright .selectedLang {
        text-decoration: none;
        color: #373737;
    }

.entrance {
    cursor: pointer;
    line-height: 30px;
    color: #5f5f5f;
    padding: 0px 12px;
    font-weight: normal;
    border-right: 1px solid grey;
}

.question, .dropdownLang {
    border-left: 1px solid grey;
}

.topbarIcon {
    margin-right: 9px;
    width: 20px;
    height: 20px;
}

.topmenugroup {
    display: inline-block;
    text-align: left;
}

/* Welcome: User Control */
.signin-area-signin, .signin-area-welcome {
    position: relative;
    display: inline-block;
    font-size: 15px;
    padding: 0px 12px;
}

    .signin-area-welcome .signout-link {
        border-left: 1px solid grey;
        padding-left: 5px;
    }

.area-welcome {
    cursor: pointer;
    line-height: 30px;
    color: #5f5f5f;
    font-weight: normal;
    padding-right: 10px;
}

.area {
    padding: 0px 12px 0px 3px;
    border-right: 1px solid grey;
}

.signout-image {
    padding-right: 10px;
}

/* Language Selector: User Control */
.dropdownLang {
    position: relative;
    display: inline-block;
    padding: 0px 12px;
    color: #5f5f5f;
    background-color: initial;
    cursor: pointer;
    font-size: 13px;
}

    /* Dropdown Button */
    .dropdownLang .dropdown-button {
        cursor: default;
    }

    .dropdownLang .selectedLang {
        border: 1px solid #a9a9a9;
        padding: 2px;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdownLang .dropdown-list {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 50px;
        z-index: 2;
    }
        /* Links inside the dropdown */
        .dropdownLang .dropdown-list a {
            color: #5f5f5f;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            border: none;
            text-align: left;
        }

            /* Change color of dropdown links on hover */
            .dropdownLang .dropdown-list a:hover {
                background-color: #ddd;
            }

    /* Show the dropdown list on hover */
    .dropdownLang:hover .dropdown-list {
        display: block;
    }

/* Search: User Control */
.search {
    cursor: pointer;
    line-height: 30px;
    color: #5f5f5f;
    padding: 0px 12px;
    font-weight: normal;
    border-right: 1px solid grey;
}

.search-icon-link {
    width: 20px;
    height: 20px;
    margin-top: -5px;
}

.search-area {
    display: block;
    width: 100%;
    min-height: 550px;
    left: 0;
    z-index: 1;
    position: absolute;
    background-color: #fff;
    text-align: left;
}

.search-header-wrapper {
    height: 101px;
}

    .search-header-wrapper #searchLogoImg {
        float: left;
    }

.search-box-wrapper {
    border-top: 1px solid grey;
    margin-bottom: 30px;
}

h1.search-result-title {
    font-size: 0.9em;
    color: #b5b5b5;
}

div#related-content-results {
    margin-top: 30px;
}

#searchicon-close {
    float: right;
    font-size: 1.5em;
    color: #1495CF;
    padding: 40px 15px 0 0;
}

.search-input {
    font-size: 2.5em;
    border-bottom: 1px solid #d3d3d3;
}

    .search-input input.searchquery-input {
        border: none;
        outline: none;
        width: 90%;
        color: black;
    }

        .search-input input.searchquery-input:focus, .search-input input.searchquery-input:hover, .search-input input.searchquery-input:active {
            border: none;
            outline: none;
        }

.search-loading-image {
    text-align: center;
}

.search-input .searchquery-icon {
    color: #1495CF;
    font-size: 0.75em;
    cursor: pointer;
}

.search-results-title {
    margin-bottom: 50px;
    margin-top: 15px;
}

.row.search-content {
    border-top: 1px solid grey;
    margin-top: 15px;
}

.search-result {
    padding: 10px 30px;
}

    .search-result a {
        color: #b5b5b5;
    }

.search-summary {
    color: #000000;
    display: block;
    text-align: left;
    word-break: break-all;
    font-size: 0.8em;
}

.search-area-wrapper {
    margin: 0 40px;
    width: 90%;
}

/* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE - 794 EAC TEST: added */
/*.search-suggested-text {
    cursor: pointer;
    color: #1495CF;
}

    .search-suggested-text:hover {
        color: #000;
    }*/
/* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE - 794 EAC TEST: END */

/* NAVBAR */
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: none;
    background-color: transparent;
}

.navbar-nav {
    float: none !important;
}

/* Navbar Color Transition */
.navbar-default .navbar-nav > .open > #dropdown-eac, .navbar-default .navbar-nav > .open > #dropdown-eac:hover, .navbar-default .navbar-nav > .open > #dropdown-eac:focus {
    background-color: #0099cb !important;
    color: white !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #0098cb !important;
    color: white !important;
}

.navbar-default .navbar-nav > li > #dropdown-eac, .navbar-default .navbar-nav > li > #dropdown-eac:hover, .navbar-default .navbar-nav > li > #dropdown-eac:focus {
    color: #0099cb !important;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: black !important;
}

/* Navbar menu icon transitions */
.navbar-toggle span:nth-child(1) {
    top: 0px;
}

.navbar-toggle span:nth-child(2), .navbar-toggle span:nth-child(3) {
    top: 18px;
}

.navbar-toggle span:nth-child(4) {
    top: 36px;
}

.navbar-toggle.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.navbar-toggle.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-toggle.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.dropdown .dropdown-masked {
    position: static;
}

    .dropdown .dropdown-masked > .open > .dropdown-menu {
        background: #ccc;
        box-shadow: 0 100vh 0 100vh rgba(0,0,0,.5),0 5px 5px rgba(0,0,0,.5);
        width: 100vw;
        border-width: 1px 0 0;
        border-radius: 0;
        margin-left: -1px;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    font-size: 14px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    list-style: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
    border-image: initial;
    border-radius: 4px;
}

.megamenu .dropdownLink {
    font-weight: bold;
    font-family: 'CentGothWGL';
    font-size: 15px;
}

.dropdown-menu .row .row-title {
    font-size: 40px;
    color: #e0e1e1;
    padding-bottom: 15px;
}

.navbar-header img {
    height: 90px;
}

#dropdown {
    min-height: 100px;
    border-right: 1px solid #eaeaea;
}

    #dropdown:last-child {
        border-right: none;
        min-height: auto;
    }

    #dropdown > a {
        line-height: 18px;
        padding: 20px;
    }

    #dropdown .link-title {
        display: inline-block;
    }

    #dropdown .dropdown-toggle i {
        padding-left: 5px;
        vertical-align: top;
    }

.media > a:hover {
    text-decoration: none;
}

.megamenu {
    margin: 0 auto;
    position: relative;
    background-color: #fff !important;
}

    .megamenu .nav,
    .megamenu .collapse,
    .megamenu .dropup,
    .megamenu .dropdown {
        position: static;
    }

    .megamenu .container {
        position: relative;
    }

    .megamenu .megamenu-content {
        padding: 5px 10px;
    }

        .megamenu .megamenu-content h3 {
            margin-top: 0;
            text-decoration: underline;
            font-size: 18px;
            font-weight: bold;
            padding-left: 15px;
        }

        .megamenu .megamenu-content a {
            margin-top: 0;
            text-decoration: none;
            font-weight: bold;
            color: unset;
        }

        .megamenu .megamenu-content .media-list > li {
            padding: 2px 15px;
        }

            .megamenu .megamenu-content .media-list > li > a {
                font-weight: normal;
            }

    .megamenu .dropdown.megamenu-fw .dropdown-menu {
        left: 0;
        right: 0;
    }

    .megamenu .row-title, .megamenu .category-title, .megamenu .panel-title, .megamenu .panel-heading .nopanel {
        font-family: 'Myriad Pro';
        font-weight: bold;
    }

    .megamenu .media-list a {
        font-family: 'Myriad Pro';
        font-size: 15px;
        font-weight: normal;
    }

    .megamenu .panel-heading .nopanel {
        font-size: 15px;
    }

.panel-heading {
    padding: 2px 0px !important;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    font-size: 15px;
}

    .panel-title .fa {
        transition: .3s transform ease-in-out;
    }

    .panel-title .collapsed .fa {
        transform: rotate(180deg);
    }

.callCenterContainer {
    color: #0099cb !important;
    font-family: CentGothWGL;
}

    .callCenterContainer .callCenterLink {
        font-size: 46px;
        font-weight: bold !important;
    }

    .callCenterContainer .callCenter {
        font-size: 18px;
        opacity: 0.8;
        margin-bottom: 0px;
    }

    .callCenterContainer .callCenterInfo {
        color: #000;
        font-size: 14px;
    }

    .callCenterContainer .callCenterCall {
        font-size: 22px;
    }

    .callCenterContainer .i.callCenterIcon {
        height: 20px;
        width: 20px;
    }

    .callCenterContainer a.callCenterLearnMore {
        color: #0099cb !important;
        opacity: 0.8;
        font-size: 13px;
        display: block;
        margin-top: 25px !important;
    }

    /* OPTION 2: ALL TEXT RELATED TO 1800 TEL */
    .callCenterContainer a[href="tel:1800"] {
        color: #ffb81c;
    }

        .callCenterContainer a[href="tel:1800"] + a.callCenterLearnMore {
            color: #ffb81c !important;
        }

/* CAROUSEL */
.carousel {
    position: relative;
}

.item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#previousControl {
    top: unset;
    bottom: 10%;
}

#nextControl {
    top: unset;
    right: 83%;
    bottom: 10%;
}

.overlay {
    display: none;
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 49;
}

/** ------------------------------------------------------------------------------------------- **/
/** SECTION : FOOTER **/
.page-footer {
    font-family: 'CentGothWGL';
    padding: 20px 0;
    background-color: #0aa1d7;
    color: white;
    overflow: hidden;
    width: 100%;
}

    .page-footer a {
        color: white;
        text-decoration: none;
        font-weight: normal;
    }

        .page-footer a:hover {
            text-decoration: none;
            color: black;
        }

    .page-footer h6 {
        font-family: 'CentGothWGL';
        font-weight: bold;
        margin-top: 0;
        font-size: 16px;
    }

.footer-copyright {
    background-color: white;
    height: 50px;
}

.footer-left, .footer-middle {
    float: left;
    color: black;
    height: 100%;
}

.footer-left-text {
    line-height: 25px;
    padding-right: 20px;
}

.footer-padding {
    padding-bottom: 20px;
}

.footer-left {
    padding-left: 2%;
}

.footer-middle {
    display: flex;
    justify-content: center;
    width: 33.33%;
    margin-top: 5px;
}

.footer-right {
    float: right;
    color: black;
    height: 100%;
    margin: 0;
    padding-right: 2%;
}

.footer-right-image {
}

.footerNav, .footerServices, .footerContact, .footerMap {
    width: 220px;
    float: left;
}

.footerMap-icon {
    padding-left: 26px;
    margin-top: 4px;
}

.footerMap-arrow {
}

.footerNav, .footerServices, .footerContact {
    margin-right: 20px;
}

.footerTitle {
    font-size: 11px;
    border-bottom: 1px solid #9a9a98;
}

.footerArea ul {
    padding: 0px;
    padding-left: 13px;
}

.footerArea li {
    padding-bottom: 7px;
    list-style-image: url(/_catalogs/masterpage/EAC/img/Arrow.png);
}

.footerNotification {
    float: left;
}

.footerArea tbody {
    vertical-align: text-top;
}

.footerContact .footerTitle {
    margin-bottom: 7px !important;
}

.footerContact table {
    border-collapse: separate !important;
    border-spacing: 7px !important;
}

/** ------------------------------------------------------------------------------------------- **/
/** SECTION : WEB PARTS / COMMON **/

.success {
    background-image: url(/_catalogs/masterpage/EAC/img/SuccessIcon.PNG);
}

.error {
    background-image: url(/_catalogs/masterpage/EAC/img/ErrorIcon.PNG);
}

.success, .error {
    color: white;
    background-color: #0ca3d9;
    padding: 10px 0 10px 60px;
    width: 240px;
    float: right;
    background-position: 17px center;
    background-repeat: no-repeat;
    margin-right: 60px;
}

/* WP Base */
.async-postback-progress {
    position: absolute;
    background-color: #fff;
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .async-postback-progress img {
        position: relative;
        top: 50%;
        margin: -34px 0px 0px 0px;
    }

.async-loading-progress img {
    position: relative;
    left: 50%;
    margin: 0px 0px 0px -34px;
}

.wp-messages {
    margin-top: 10px;
}

/* Error Message*/
.form-field-required {
    color: #a94442;
    font-weight: bold;
}

/* SECTION: WEBPART - Common Forms */
.form {
    width: 100%;
    display: table;
    border-spacing: 0 10px;
}

.form-field {
    display: table-row;
}

.form-field-required {
    color: red;
}

.form-field-label {
    width: 40%;
    display: table-cell;
    vertical-align: top;
}

.form-field-txt, .form-field-txtarea, .form-field-textarea {
    width: 60%;
    display: table-cell;
}

.form textarea[disabled] {
    background-color: white;
}

.form-field-txt input, .form-field-ddl select, .form-field-txtarea textarea {
    resize: none;
    border: none;
    width: 100%;
    padding: 0;
}

.form-field-txtarea textarea {
    border: 1px solid #c8c8c8;
}

.form-field-txt input {
    border-bottom: 1px solid #c8c8c8;
}

.form-submit input, .button-like-hyperlink {
    float: right;
    border: none;
    background-color: #0ca3d9;
    color: white;
    border-radius: 4px;
}

    .form-submit input[disabled] {
        background-color: gray;
        color: white;
        cursor: default;
        text-decoration: none;
    }

.form-submit input, .form-field-ddl button {
    font-weight: 400;
    font-size: 13px;
    cursor: pointer;
}

.form-field-ddl {
    width: inherit;
    padding-right: 35px;
}

    .form-field-ddl button {
        width: 100%;
        border: none;
        text-align: left;
        padding: 0;
        background-color: #dbebf6;
        margin: 0;
    }

        .form-field-ddl button > span {
            white-space: normal;
            margin-left: 5px;
        }

    .form-field-ddl .arrow {
        background: transparent url(/_catalogs/masterpage/EAC/img/arrowDown.PNG) no-repeat center left;
        height: 22px;
        width: 18px;
        display: inline-block;
        float: right;
    }

    .form-field-ddl .dropdown-menu {
        background-color: #D2D3D4;
        top: inherit;
        left: inherit;
        overflow-y: auto;
        max-height: 200px;
        border-radius: 0;
        width: inherit;
        max-width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .form-field-ddl > .dropdown-menu > li > a {
        white-space: normal;
        color: rgb(91, 91, 91);
    }

        .form-field-ddl > .dropdown-menu > li > a:hover {
            color: rgb(91, 91, 91);
            background-color: white;
        }

    .form-field-ddl.open button {
        background-color: #4D4F53;
        color: rgb(91, 91, 91);
    }

    .form-field-ddl.open .arrow {
        background-image: url(/_catalogs/masterpage/EAC/img/arrowDownLightGrey.PNG);
    }

    .form-field-ddl select {
        background: transparent;
        float: left;
        border-bottom: 1px solid #c8c8c8;
        padding: 5px 0;
    }

/* From Bootstrap */
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0 25px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
    width: 100%;
}

.open > a {
    outline: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

/* SECTION: WEBPART - Common Grids */
.grid {
    border: none;
    margin-bottom: 25px;
    min-width: 700px;
    max-width: 100%;
    word-wrap: break-word;
}

.grid-title {
    display: block;
    margin-bottom: 10px;
}

.grid .small {
    min-width: 70px !important;
    max-width: 100% !important;
}

.grid .large {
    min-width: 120px !important;
    max-width: 100% !important;
}

.grid td, .grid th {
    border-color: #c5c5c7;
    border-bottom: none;
    border-top: none;
    border-right: none;
    padding: 5px;
}

.grid tr td:first-child, .grid tr th:first-child {
    border-left: none;
}

.grid-header {
    background-color: #797978;
    color: white;
}

    .grid-header th {
        font-weight: normal;
        text-transform: uppercase;
    }

.grid-row {
    background-color: #dbebf6;
}

.grid-alternaterow {
    background-color: white;
}

.export {
    float: right;
    margin-bottom: 10px;
}

.export-search {
    float: left;
}

.export-search-box {
    width: 127px;
    height: 21px;
}

input.export-search-button {
    float: none;
    border: none;
    background-color: #0ca3d9;
    color: white;
    border-radius: 4px;
}

.button-export-excel {
    background: url(/_layouts/15/images/mb_excel.png) 10px center no-repeat;
    background-size: 20px;
}

input[type="submit"].button-export-excel, input.button-export-excel {
    padding-left: 35px;
}

/* SECTION: WEBPART - Common Tabs */

.tabs .ui-state-default, .tabs .ui-widget-content .ui-state-default, .tabs .ui-widget-header .ui-state-default {
    background-image: none;
    background-color: transparent;
    border: none;
    color: #000000;
    font: inherit;
    border-radius: 0;
}
/* PENDING REVIEW */
.tabs .ui-state-active, .tabs .ui-widget-content .ui-state-active, .tabs .ui-widget-header .ui-state-active {
    /*background-image: none;*/
    background-color: #dbebf6;
    color: #000000;
    padding: 0 5px;
}

.tabs .ui-button-text-only .ui-button-text {
    padding-left: 0;
    padding-right: 0;
}

.tabs .tabs-separator {
    margin-left: 8px;
    margin-right: 4px;
}

.tabs .ui-button {
    margin-right: 15px;
}

/*  WEB PART - Tabs from Bootstrap (Modifed. Also uses different classes to avoid conflict) */
.tab-nav::after {
    clear: both;
}

.tab-nav::before, .tab-nav::after {
    display: table;
    content: " ";
}

.tab-nav {
    border-bottom: 1px solid #ddd;
    padding-left: 0px;
    margin-bottom: 20px;
    list-style: none;
}

    .tab-nav > li {
        float: left;
        margin-bottom: -2px;
        position: relative;
        display: block;
    }

        .tab-nav > li.tab-active > a, .tab-nav > li.tab-active > a:hover, .tab-nav > li.tab-active > a:focus {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }

        .tab-nav > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border-radius: 4px 4px 0 0;
            color: #0ca3d9;
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .tab-nav > li > a:hover, .tab-nav > li > a:focus {
                text-decoration: none;
                color: #444;
                background-color: #dbebf6;
                border-color: #eee #eee #ddd;
            }


/** ------------------------------------------------------------------------------------------- **/
/** SECTION : WEB PARTS **/

/* BASE */
.base-title-plaintext {
    font-size: 14px;
}

.base-title-text-area span {
    padding-left: 10px;
}

.base-title-icon {
    vertical-align: text-top;
}

.base-title-icon-area {
    float: left;
    padding-right: 5px;
}

/* CONTACT US*/
.contactus-form {
    margin-left: 25px;
    font-family: CentGothWGL;
    font-size: 15px;
}

    .contactus-form .form-ContactUs-Title {
        font-weight: 700;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 20px;
    }

.form-field {
    display: flex;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-right: 60px;
}

.contactus-form .contact-through {
    font-size: 11px;
    color: #0ca3d9;
}
/*.contactus-field-txt, .contactus-field-txtarea {
    background-color: #dbebf6;
}*/

.contactus-form .form-field-txt, .contactus-form .form-field-txtarea {
    width: 100%;
    display: block;
}

.contactus-form .form-field-label {
    /*width: 100%;*/
    display: flex;
    color: #939393;
}

/*REMOVE color? AC : Form Consistency */
.contactus-form .form-field-txtarea textarea {
    color: #939393;
    border: 1px solid #c8c8c8;
}

/*REMOVE color? AC : Form Consistency */
.contactus-form .form-field-txt input {
    color: #939393;
}

.contactus-form .font-disclaimer {
    color: #939393;
}

.contactus-form .form-field {
    border-bottom: unset;
    width: 100%;
    display: block;
}

.contactus-form .form-field-txt input {
    border-bottom: 1px solid #c8c8c8;
    background-color: unset;
}

.contactus-form .contactMethod .form-field-label select {
    border-style: none;
}

/*  USER REGISTRATION */
.user-registration-form {
    padding-left: 25px;
    padding-right: 45px;
}

.userregistration-form .form-field-title {
    font-weight: bold;
    text-align: left;
}

.userregistration-form .form-field-txt input {
    padding: 5px 0;
}

.userregistration-form .form-field-label {
    width: 30%;
    text-align: left;
    padding-left: 35px;
}

.userregistration-form hr {
    margin: 15px 0 20px 0;
}

.userregistration-form .form-field-txt {
    width: 90%;
    padding-right: 35px;
}

.userregistration-form .form-submit {
    float: right;
    padding: 0px;
    display: table-cell;
}

.userregistration-form .form {
    background-color: #f7f7f7;
    padding: 35px 0px;
}

.userregistration-form .form-submit input {
    margin-right: 35px;
}

.userregistration-form .form-field {
    display: table-row;
    border-bottom: none;
}

.userregistration-form .form-field-txt input {
    border-bottom: 1px solid #c8c8c8;
    background-color: unset;
}

.userRegistrationForm a.lnkWebsitePermission, .userRegistrationForm a.lnkGDPRPermission {
    text-decoration: underline;
    color: black;
}

.userRegistrationForm .cbxAcceptPrivacyPolicies input[type="checkbox"] {
    float: none;
}

.form-field-cbl {
    text-align: left;
}

    .form-field-cbl label {
        margin-top: 8px;
        padding-left: 4px;
    }

.pnlRegister .userRegistration-links {
    float: left;
}

    .pnlRegister .userRegistration-links a {
        color: #0ca3d9 !important;
    }

        .pnlRegister .userRegistration-links a:not(:first-child) {
            padding-left: 5px;
        }

.userRegistrationForm {
    background-color: #f7f7f7;
    padding: 35px;
    text-align: left;
}

    .userRegistrationForm .form-title .h1 {
        font-weight: bold;
    }

    .userRegistrationForm .form-title {
        padding-bottom: 2em;
    }

    .userRegistrationForm .control-label {
        text-align: left;
        float: left;
    }

    .userRegistrationForm .form-control {
        border: none;
        border-bottom: 1px solid #c8c8c8;
        box-shadow: none;
        border-radius: 0;
        background-color: inherit;
        padding: 2px 5px;
    }

    .userRegistrationForm .form-submit input {
        font-weight: bold;
    }

    .userRegistrationForm .checkboxFive input[type="checkbox"] {
        float: left;
    }

    .userRegistrationForm .checkboxFive td label {
        padding-left: 15px;
        float: left;
    }

    .userRegistrationForm .checkboxFiveGroup {
        width: 100%;
    }

        .userRegistrationForm .checkboxFiveGroup tr:first-child td:first-child {
            padding-top: 7px;
        }

    .userRegistrationForm .checkboxEmpty input[type="checkbox"] {
        margin-top: 7px;
    }

    .userRegistrationForm .register-username {
        float: left;
        width: 100%;
    }


/* USER LOGIN  */

.pnlLoginForm {
    text-align: left;
    margin: 0 20vw;
}

    .pnlLoginForm .loginForm-forgotpassword a {
        color: #0ca3d9 !important;
    }

        .pnlLoginForm .loginForm-forgotpassword a.lnkRegister {
            font-weight: bold;
        }

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

.loginForm {
    background-color: #f7f7f7;
    padding: 35px;
}

    .loginForm .form-title .h1 {
        font-weight: bold;
    }

    .loginForm .form-title {
        padding-bottom: 2em;
    }

    .loginForm .control-label {
        text-align: left;
    }

    .loginForm .form-control {
        border: none;
        border-bottom: 1px solid #c8c8c8;
        box-shadow: none;
        border-radius: 0;
        background-color: inherit;
        padding: 2px 5px;
    }

    .loginForm .form-submit input {
        font-weight: bold;
    }

.loginForm-notes p {
    font-family: inherit;
    font-size: inherit;
}

/* METER READING FORM */
.meterreading-form {
}

    .meterreading-form .form-field {
        display: table-row;
        border-bottom: none;
    }

    .meterreading-form .form-field-txt input {
        border-bottom: 1px solid #c8c8c8;
        background-color: unset;
    }

    .meterreading-form .form-field-txtarea textarea {
        border: 1px solid #c8c8c8;
    }

/* USER ACTIVATION */
.user-activation {
    background-color: #f7f7f7;
    padding: 35px;
}

.user-activation-instructions {
    padding-bottom: 15px;
}

.user-activation .form-field-label {
    width: 30%;
    text-align: left;
}

.userActivation .user-activation-instructions p {
    font-size: inherit;
    font-family: inherit;
}

.userActivation .user-activation-instructions a {
    text-decoration: none;
    color: #000;
}

.user-activation .form-field {
    display: table-row;
    border-bottom: none;
}

.user-activation .form-field-txt input {
    padding: 5px 0;
    border-bottom: 1px solid #c8c8c8;
    background-color: transparent;
}

.form-field-organization-id.form-field-ddl {
    float: left;
    width: 80px;
}

.form-field-organization-id.form-field-txt {
    float: right;
    width: 330px;
}

.form-field-organization-id input[type=text] {
    height: 22px;
}

.dropdown-menu-item-blank {
    height: 18px;
}

.userActivation {
    background-color: #f7f7f7;
    padding: 35px;
    text-align: left;
}

    .userActivation .form-title .h1 {
        font-weight: bold;
    }

    .userActivation .form-title {
        padding-bottom: 2em;
    }

    .userActivation .control-label {
        text-align: left;
    }

    .userActivation .form-control {
        border: none;
        border-bottom: 1px solid #c8c8c8;
        box-shadow: none;
        border-radius: 0;
        background-color: inherit;
        padding: 2px 5px;
    }

    .userActivation .form-submit input {
        font-weight: bold;
    }

    .userActivation .form-control.radiobuttonlist, .userActivation .form-control.radiobuttonlistHorizontal {
        border: none;
        height: auto;
    }

    .userActivation .table.radiobuttonlist td {
        /* border: none !important; */
        border: 1px solid red;
    }


    .userActivation .radiobuttonlist td {
        padding-left: 10px;
    }

    .userActivation .form-control.ddl-company-type {
        width: 10%;
        margin-right: 5%;
    }

    .userActivation .form-control.form-field-organization-id {
        width: 85%;
    }

/* FORGOT PASSWORD */
.forgotPasswordForm {
    background-color: #f7f7f7;
    padding: 35px;
    text-align: left;
}

    .forgotPasswordForm .form-title .h1 {
        font-weight: bold;
    }

    .forgotPasswordForm .form-title {
        padding-bottom: 2em;
    }

    .forgotPasswordForm .control-label {
        text-align: right;
    }

    .forgotPasswordForm .form-control {
        border: none;
        border-bottom: 1px solid #c8c8c8;
        box-shadow: none;
        border-radius: 0;
        background-color: inherit;
        padding: 2px 5px;
    }

    .forgotPasswordForm .form-submit input {
        font-weight: bold;
    }

/*  CHANGE PASSWORD */
.changePasswordForm {
    background-color: #f7f7f7;
    padding: 35px;
    text-align: left;
}

    .changePasswordForm .form-title .h1 {
        font-weight: bold;
    }

    .changePasswordForm .form-title {
        padding-bottom: 2em;
    }

    .changePasswordForm .control-label {
        text-align: left;
    }

    .changePasswordForm .form-control {
        border: none;
        border-bottom: 1px solid #c8c8c8;
        box-shadow: none;
        border-radius: 0;
        background-color: inherit;
        padding: 2px 5px;
    }

    .changePasswordForm .form-submit input {
        font-weight: bold;
    }

/* USER ACCOUNTS */
div.RadGrid .t-button {
    min-width: inherit;
}

.telerik-grid {
    margin-bottom: 25px;
}

    .telerik-grid .rgCommandCell {
        background-color: #fff;
        background-image: none;
        border: #fff;
    }

div.telerik-grid .rgUpdate.rgActionButton {
    color: green;
}

div.telerik-grid tr.rgAltRow {
    background-color: white;
}

div.telerik-grid tr.rgRow {
    background-color: #dbebf6;
}

div.telerik-grid .rgHeader, div.telerik-grid th.rgSorted {
    background-color: #797978;
    background-image: none;
    color: white;
}

    div.telerik-grid .rgHeader a {
        color: white;
    }

div.telerik-grid th.rgHeader {
    font-weight: normal;
    text-transform: uppercase;
}

.telerik-grid thead tr.rgCommandRow {
    position: relative;
    top: 0;
    left: 0;
}

    .telerik-grid thead tr.rgCommandRow td:before {
        display: none;
    }

.telerik-grid .rgHeader, .telerik-grid th.rgSorted {
    background-color: rgb(0,133,202);
}

.user-accounts-disclaimer {
    margin-bottom: 10px;
}

.user-accounts-phone-instructions {
    margin-top: 10px;
    margin-bottom: 10px;
}

.user-accounts-receive-all-by-email {
    font-weight: 600; /*Semi-bold*/
    font-size: 14px;
    color: #0ca3d9;
}

.pnlAccountsForm .information-edit-control {
    margin: 10px 0;
}

.pnlAccountsForm .form-horizontal .control-label {
    text-align: left;
}

.pnlAccountsForm .information-edit-control, .pnlAccountsForm {
    text-align: left;
}

    .pnlAccountsForm .submit-button .btn {
        color: #fff;
        background-color: #0aa1d7;
        border-color: #0aa1d7;
        /*font-size: 1.80em;*/
        font-weight: bold;
        float: right;
    }

    .pnlAccountsForm .form-horizontal.submit-button {
        margin-top: 5%;
    }

    .pnlAccountsForm .btn-submit-userAccounts {
        color: #fff;
        font-weight: bold;
        background-color: rgb(10,161,215);
        border-color: rgb(10,161,215);
        border-radius: 4px;
        font-size: 16px;
    }

    .pnlAccountsForm .spanOnlinePayment {
        color: rgb(10,161,215);
        font-weight: bold;
    }

    .pnlAccountsForm .form-field {
        border-bottom: none;
    }

    .pnlAccountsForm .form-field-txt input {
        border-bottom: 1px solid black;
    }

    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: added */
    /*.pnlAccountsForm .selectanaccountheader {
        color: #0ca3d9;
    }
    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: END */

.pageHeader.user-accounts-section a {
    color: #0ca3d9;
}

    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST : added */
    /*.pnlAccountsForm .pageHeader > a:before {
        // symbol for "opening" panels
        font-family: "Font Awesome 5 Free"; 
        content: "\f106";
        padding-right: 5px;
    }*/
    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: END */
    
    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST : deleted */
    .pageHeader.user-accounts-section a:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        font-size: 0.6em;
    }
    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: END */

    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: added */
    /* symbol for "collapsed" panels */ /*Add in .pnlAccountsForm .pageHeader > a.collapsed:before */
    /*.pnlAccountsForm .pageHeader > a.collapsed:before {
        content: "\f107";
    }
    .pnlAccountsForm .pageHeader > a:after {
        display: none;
     }
    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: END */

    /* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: deleted */
    .pageHeader.user-accounts-section a.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e080";
    }
/* TEST-PRODUCTION DIFFERENCES: DEFECT TRACKING ISSUE 841 - EAC TEST: END */


.pageHeader.user-accounts-section > a:hover,
.pageHeader.user-accounts-section > a:active,
.pageHeader.user-accounts-section > a:focus {
    text-decoration: none;
}

/* E-BILL ONLINE APPLICATION BY EMAIL */
.eBillAccountRegistrationForm {
    text-align: left;
}

    .eBillAccountRegistrationForm .control-label {
        text-align: left;
    }

    .eBillAccountRegistrationForm .chxAcceptAccountPolicies input[type="checkbox"], .eBillAccountRegistrationForm .cbxAcceptPrivacyPolicies input[type="checkbox"] {
        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari and Chrome */
        -o-transform: scale(1.5); /* Opera */
        transform: scale(1.5);
    }

    .eBillAccountRegistrationForm .form-submit {
        text-align: right;
    }

    .eBillAccountRegistrationForm .section-heading {
        margin-top: 10px;
        text-decoration: underline;
    }

    .eBillAccountRegistrationForm .radGridEBillAccountDetails {
        margin-bottom: 15px;
    }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgCommandCell {
            background-color: #fff;
            background-image: none;
            border: #fff;
        }

            .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgCommandCell .rgActionButton {
                border: 1px solid #000;
            }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgUpdate.rgActionButton {
            color: green;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr.rgAltRow {
            background-color: white;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr.rgRow {
            background-color: #dbebf6;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgHeader, div.eBillAccountRegistrationForm .radGridEBillAccountDetails th.rgSorted {
            background-color: #797978;
            background-image: none;
            color: white;
        }

            .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgHeader a {
                color: white;
            }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails th.rgHeader {
            font-weight: normal;
            text-transform: uppercase;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails thead tr.rgCommandRow {
            position: relative;
            top: 0;
            left: 0;
        }

            .eBillAccountRegistrationForm .radGridEBillAccountDetails thead tr.rgCommandRow td:before {
                display: none;
            }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgHeader, .eBillAccountRegistrationForm .radGridEBillAccountDetails th.rgSorted {
            background-color: rgb(0,133,202);
        }

/* UL TABS */
.profileTabs {
    border-bottom: 2px solid rgba(136,136,136,0.569);
}

    .profileTabs > li.tab-active > a, .profileTabs > li.tab-active > a:hover, .profileTabs > li.tab-active > a:focus {
        color: rgb(10,161,215);
        font-weight: bold;
        background-color: inherit;
        border: inherit;
        border-bottom-color: inherit;
    }

    .profileTabs > li > a {
        color: rgba(0,0,0,0.612);
        font-weight: bold;
    }

/* TELERIK - RadTabStrip */
.pnlAccountsForm .RadTabStrip {
    margin-bottom: 30px;
}

    .pnlAccountsForm .RadTabStrip .rtsLink {
        border: none !important;
        color: rgb(212,212,212) !important;
        font-weight: bold;
        background-image: none !important;
        background-color: unset !important;
    }

    .pnlAccountsForm .RadTabStrip .rtsTxt {
        margin-bottom: 10px;
    }

        .pnlAccountsForm .RadTabStrip .rtsTxt:after {
            display: inline-block;
            height: 20px;
            width: 20px;
            color: rgb(10,161,215);
            font-size: 16px;
            text-align: right;
            padding-left: 10px;
            content: "|";
        }

    .pnlAccountsForm .RadTabStrip .rtsLI:last-child .rtsTxt:after, .RadTabStrip .rtsHovered .rtsTxt:after {
        content: "";
    }

    .pnlAccountsForm .RadTabStrip .rtsSelected .rtsLink {
        border: none !important;
        color: rgb(10,161,215) !important;
        font-weight: bold;
        text-decoration: underline;
    }

    .pnlAccountsForm .RadTabStrip .rtsHovered .rtsLink {
        text-decoration: none;
        color: #444 !important;
        background-color: #dbebf6 !important;
        border-color: #eee #eee #ddd !important;
    }

/* bootstrap - fields */
.pnlAccountsForm .form-control {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid rgba(25,25,25,0.412);
    border-radius: 0px;
    padding: 2px 5px;
}

/* COMPLAINTS */
.complaints-form .form-field {
    display: table-row;
    border-bottom: none;
}

.complaints-form .form-field-txt input {
    border-bottom: 1px solid #c8c8c8;
    background-color: unset;
}

.complaints-form .form-field-ddl {
    padding-right: 0;
}

.complaints-form .form-field-txtarea textarea {
    border: 1px solid #c8c8c8;
    background-color: unset;
}

/* REPORT FAULTS */
.reportfault-form .form-field {
    display: table-row;
    border-bottom: none;
}

.reportfault-form .form-field-txt input {
    border-bottom: 1px solid #c8c8c8;
    background-color: unset;
}

.reportfault-form .form-field-ddl {
    padding-right: 0;
}

.reportfault-form .form-HiddenFields {
    display: table-row-group;
}

.reportfault-form .form-FaultMessage {
    display: table-row-group;
}

.reportfault-form .form-field-txtarea textarea {
    border: 1px solid #c8c8c8;
}

/* TENDER EDITOR */
.tender-editor .wpmessage {
    float: left;
}

.tender-form .form-txt-small {
    width: 100px;
}

.tender-details .form-field {
    border-bottom: 1px solid #5b5b5b;
}

.tender-details .form {
    border-collapse: collapse;
}

.tender-details .form-field-label {
    padding-top: 3px;
    padding-bottom: 3px;
}

/* TENDER VIEWER */
.tender-viewer-label {
    float: left;
    padding-right: 5px;
}

.tender-viewer-field {
    display: block;
    clear: both;
}

.tender-viewer-form {
    background-color: #dbebf6;
    padding: 15px;
}

    .tender-viewer-form .form-submit input, .button-like-hyperlink {
        float: none;
        margin-left: 0px;
    }

a.button-like-hyperlink {
    /*text-decoration:none;*/
    padding: 7px 10px;
}

    a.button-like-hyperlink:visited {
        color: #fff;
    }

.tender-viewer-body {
    padding-top: 30px;
    padding-bottom: 15px;
}

.tender-viewer-assistance {
    padding-bottom: 15px;
}

.tender-viewer-notes {
    padding-top: 10px;
}

/* TENDER SEARCH */
.tender-search-default-text {
    visibility: hidden;
}

input.watermark {
    color: #999;
}

.tender-search-box {
    width: 300px;
}

.tender-search-area {
    padding-top: 15px;
}

input.tender-search-button {
    float: none;
}

.paginationLink, .paginationPrevious, .paginationNext {
    padding: 0 5px;
    margin: 0 2px;
    background-color: #DBEBF6;
    color: #000;
}

.paginationActive {
    background-color: #0CA3D9;
    margin: 0 2px;
    padding: 0 5px;
    color: #fff;
}

.paginationLink:hover, .paginationPrevious:hover, .paginationNext:hover {
    text-decoration: none;
}

.tender-search-area hr {
    padding-top: 15px;
}

.tender-search-navigation {
    text-align: center;
}

/* TENDER GRID */
.tender-grid .grid {
    min-width: unset;
    max-width: unset;
    width: 100%;
}

/* CARDS CONTAINER */
#cards-container .cards-container-title {
    font-family: 'Roboto';
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 30px;
}

.card .wrapper {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

    .card .wrapper:hover {
        cursor: pointer;
    }

        .card .wrapper:hover .data {
            transform: translateY(0);
        }


        .card .wrapper:hover .content-shown {
            display: none;
            visibility: hidden;
        }

.card .data {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(calc(110px + 1em));
    transition: transform 0.3s;
}

    .card .data .content {
        font-family: 'CentGothWGL';
        padding: 0px;
        position: relative;
        z-index: 1;
        background-color: #fff;
        margin: 0px;
        width: 100%;
    }

        .card .data .content .content-shown {
            height: 20px;
            padding: 20px;
            background-color: #f9f9f9;
        }

        .card .data .content .text a {
            color: #808080;
        }

        .card .data .content .text .link a {
            color: #0098cb !important;
            font-family: 'CentGothWGL';
            font-weight: bold;
        }

        .card .data .content .content-shown i.fa fa-exclamation-circle {
            color: #939393;
        }

.card .author {
    font-size: 12px;
}

.card .title {
    font-family: 'Roboto';
    font-weight: bold;
    margin-top: 10px;
    padding-left: 30px;
    color: white;
}

    .card .title a {
        color: #fff;
    }

.card .text {
    height: 100px;
    margin: 0;
    padding: 10px 20px;
    background-color: #f9f9f9;
}

    .card .text p {
        font-size: 11px;
    }

/* SMALL CARDS CONTAINER / Second Row Cards */
#small-cards-container .small-card {
    padding: 0px 30px;
    display: flex;
}

.card-body h4 {
    font-family: 'Roboto';
    font-weight: bold;
    padding-bottom: 18px;
    padding-top: 10px;
    color: #000;
}

.small-card-text .card-body h4 a {
    color: #000;
}

.card-body .card-body-text {
    font-family: CentGothWGL;
    /*line-height: 2.3em;*/
    padding: 0.3em 0;
}

    .card-body .card-body-text a {
        font-family: 'CentGothWGL';
        font-weight: bold;
        color: #808080;
    }

.card-body .card-body-link {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    color: #0098cb;
}

.card-body a, .card-body a:hover, .card-body a:focus {
    color: #0098cb;
}

.card-body .Subsidiarycard-body-text {
}

    .card-body .Subsidiarycard-body-text p {
        font-size: 14px;
        margin: 0px;
        font-weight: bold;
        padding: 5px 0px;
    }

    .card-body .Subsidiarycard-body-text a {
        color: #808080;
    }

    .card-body .Subsidiarycard-body-text p.subsidiary {
        font-family: 'CentGothWGL';
        font-weight: bold;
    }

    .card-body .Subsidiarycard-body-text a.subsidiary {
        font-family: 'Myriad Pro';
    }

.card-body .Subsidiarycard-body-link {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    color: #0098cb;
}

.Subsidiarycard-body-link a, .Subsidiarycard-body-link a:hover, .Subsidiarycard-body-link a:visited {
    text-transform: none;
    text-decoration: none;
    color: inherit;
}

#card-img {
    border-right: 5px solid #b000ca;
    object-fit: cover;
    width: 100%;
}

    #card-img.subsidiaryImg {
        border-right-color: #00caca;
    }

#card-img, .card-body {
    height: 220px;
}

#small-cards-container {
    padding: 30px;
}

#wide-cards-container {
    padding: 50px 100px;
}

#cards-group-container {
    padding: 50px 30px;
}

    #cards-group-container .firstCard .card-body, #cards-group-container .cardCarousel .card-body, #cards-group-container .secondCard .card-body {
        padding: 15px 30px;
    }

    #cards-group-container .card-bottom-line {
        padding-top: 35px;
    }

    #cards-group-container .card .card-img-top {
        width: 100%;
    }

/* CARD GROUP */

.card-group {
    display: flex;
    flex-wrap: wrap;
}

    .card-group .cardCarousel {
    }

        .card-group .cardCarousel .carousel Slide {
        }

.carousel-indicators li {
    background-color: #868686;
}

.carousel-indicators .active {
    background-color: #000000;
}

.carousel-inner .item active .showmore {
    PADDING-TOP: 10px;
    color: #868686;
}

.carousel-inner .item .showmore {
    PADDING-TOP: 10px;
    color: #868686;
}

p.cart-text {
    border-left: 4px solid #d9d9d9;
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
}

a.left.carousel-control {
    top: unset;
    bottom: unset;
    color: #868686;
    margin-top: 5px;
}

a.right.carousel-control {
    top: unset;
    bottom: unset;
    color: #868686;
    margin-top: 5px;
}

/* IMAGES AND LINKS */
.card-body-link a {
    color: #0098cb;
    /*font-size: small;*/
}

    .card-body-link a, .card-body-link a:hover, .card-body-link a:visited {
        text-transform: none;
        text-decoration: none;
        color: inherit;
    }

/* ANNOUNCEMENT HOME */
.announcements .card-bottom-line {
    border-bottom: 3px solid #dd9034;
}

.announcements.card-bottom-line {
    border-bottom: 2px solid;
    border-color: #d9d9d9;
}

.announcements-home {
    font-family: 'CentGothWGL';
    font-weight: bold;
}

    .announcements-home p.cart-text {
        font-family: 'Roboto';
    }

    .announcements-home .carousel-controls {
        display: flex;
        justify-content: space-around;
    }

        .announcements-home .carousel-controls ol.carousel-indicators {
            position: inherit;
            bottom: unset;
            left: unset;
            z-index: unset;
            width: unset;
            padding-left: unset;
            margin-left: unset;
            text-align: unset;
            list-style: unset;
            margin-bottom: 0px;
        }

    .announcements-home .carousel-description {
        padding: 20px 10px 20px 10px;
        font-weight: 600;
    }

    .announcements-home .read-more-link a, .announcements-home .read-more-link a:visited, .announcements-home .read-more-link a:hover, .announcements-home .read-more-link a:active {
        color: inherit;
        text-decoration: none;
    }

    .announcements-home .read-more-link {
        padding-left: 10px;
        font-size: smaller;
        color: grey;
    }

    .announcements-home a.carousel-control {
        background: unset;
    }

/* ANNOUNCEMENTS GRID */
.announcement-grid .announcementsgrid {
    border: transparent;
}

tr.announcementsgrid-pager a {
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}

.announcement-grid .ArticleStartDate {
    font-weight: 400;
    font-style: italic;
    padding-top: 10px;
}

    .announcement-grid .ArticleStartDate p {
        margin: 0px;
    }

.announcement-grid .Title {
    font-family: 'Open Sans';
    font-weight: 700;
}

    .announcement-grid .Title p {
        margin: 0px;
    }

.announcement-grid .ArticleByLine p {
    margin: 0px;
}

/* INTERRUPTIONS HOME */

.interruptions .card-bottom-line {
    border-bottom: 3px solid #fe7e00;
}

.interruptions.card-bottom-line {
    border-bottom: 2px solid;
    border-color: #fe7e00;
}

/* INTERRUPTIONS OUTAGES */
.interruptions-outages-tabs {
    margin-bottom: 15px;
}

.interruptions-grid .grid {
    max-width: unset;
    min-width: unset;
    width: 100%;
}

.outages-grid .grid {
    max-width: unset;
    min-width: unset;
    width: 100%;
}

.interruptions-outages-tabs .ui-state-active, .interruptions-outages-tabs .ui-widget-content .ui-state-active, .interruptions-outages-tabs .ui-widget-header .ui-state-active {
    background-color: transparent;
    color: #0ca3d9;
    margin-right: 0;
}

.interruptions-outages-tabs li.active {
    color: white;
}

.current-district {
    margin-bottom: 15px;
}

/* INTERRUPTION OUTAGES HOME */
.interruptions-outages-home {
    background-image: url('/_catalogs/masterpage/EAC/img/block9.jpg');
    padding: 10px;
    /*width: 100%;*/
    height: 181px;
}

    .interruptions-outages-home .wptitle a, .interruptions-outages-home .wptitle a:hover, .interruptions-outages-home .wptitle a:visited {
        margin-bottom: 10px;
        color: #000000;
        font-size: 13px;
    }

.interruption-outages {
    font-family: 'Myriad Pro';
    background: rgb(221,145,52);
    background: linear-gradient(90deg, rgba(221,145,52,1) 0%, rgba(220,132,46,1) 50%, rgba(220,124,43,1) 100%);
}

.interruption-outages-title {
    padding: 25px 0px 15px 0px;
    border-bottom: 1px solid;
    border-bottom-color: #e6a966;
    margin: 0px 50px;
    color: white;
    display: flex;
    flex-direction: column;
}

.interruption-outages .interruption-outages-title {
    font-family: 'CentGothWGL';
    font-weight: bold;
}

.interruption-outages-header {
    display: flex;
    flex-direction: column;
    text-align: left;
    max-width: 240px;
    font-weight: 600;
}

.interruption-outages-List {
    display: flex;
    justify-content: center;
}

    .interruption-outages-List .interruption-outages-districts {
        display: flex;
        flex-direction: column;
        padding: 15px 0;
    }

.interruption-outages-link {
    font-size: 12px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

    .interruption-outages-link .i a, .interruption-outages-link a:hover, .interruption-outages-link a:visited, .interruption-outages-link a:link {
        color: white !important;
        text-decoration: none;
    }

    .interruption-outages-link img {
        vertical-align: middle;
    }

    .interruption-outages-link .numberCircle {
        border-radius: 50%;
        width: 15px;
        height: 15px;
        padding: 3px 3px 3px 3px;
        border: 1px solid white;
        color: white;
        text-align: center;
    }

    .interruption-outages-link i {
        color: white;
        padding-right: 5px;
        font-size: 7px;
    }

.interruption-outages-message-link {
    padding: 15px 0px 25px 0px;
    display: flex;
    justify-content: center;
}

    .interruption-outages-message-link i {
        background: #ffcc33;
        color: rgba(221,145,52,1);
        margin-right: 5px;
        padding: 2px;
        font-size: 9px;
    }

    .interruption-outages-message-link .interruption-outages-message a {
        color: white !important;
    }

.interruption-outages-message span {
    font-size: smaller;
    color: white !important;
}

.interruption-outages-icon {
    display: block;
    justify-content: center;
    text-align: center;
}

    .interruption-outages-icon span.outer-line {
        width: 30%;
        border-bottom: 1px solid #e6a966;
        display: inline-block;
        vertical-align: middle;
        margin-top: 10px;
    }

    .interruption-outages-icon .content-wrap {
        border-radius: 50%;
        width: 15px;
        height: 15px;
        padding: 0px 2px 4px 2px;
        border: 2px solid #ffcc33;
        color: rgba(221,145,52,1);
        text-align: center;
        display: inline-block;
        background-color: #ffcc33;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .interruption-outages-icon .interruption-bolt {
        width: 25px;
        margin: 0px 10px;
    }

.interruptions-count {
    margin-left: auto;
}

.interruptions-district {
    min-width: 100px;
}

/* JOB OPPORTUNITY HOME */
.job-opportunity .card-bottom-line {
    border-bottom: 3px solid #dd9034;
}

.job-opportunity.card-bottom-line {
    border-bottom: 2px solid;
    border-color: #d9d9d9;
}

.JobOpportunityHome-container .list-container .JobOpportunityHome-link {
    border-bottom: 1px solid #919191;
    padding-top: 10px;
    font-size: 12px;
    width: fit-content;
}

/* TENDER HOME */
.Tender-container {
    font-family: 'Myriad Pro';
    background: linear-gradient(90deg, rgba(110, 110, 110, 1) 0%, rgba(108, 108, 108, 1) 50%, rgba(106, 106, 106, 1) 100%);
    display: flex;
    flex-direction: column;
}

    .Tender-container .Tender-container-title {
        font-family: 'Myriad Pro';
        font-weight: bold;
        padding: 25px 0px;
        border-bottom: 1px solid;
        border-bottom-color: #919191;
        margin: 0px 50px 0px 50px;
        color: white;
        display: flex;
        flex-direction: column;
    }

        .Tender-container .Tender-container-title .Tender-title {
            display: flex;
            flex-direction: column;
            font-weight: 600;
            font-size: larger;
        }

    .Tender-container .Tender-container-refference {
        font-family: 'Myriad Pro';
        font-weight: bold;
        padding: 5px 0px 5px 5px;
        border-bottom: 1px solid;
        border-bottom-color: #919191;
        margin: 0px 50px;
        color: white;
        display: flex;
        flex-direction: column;
    }

    .Tender-container .Tender-container-Contest-title {
        margin: 40px 60px;
        color: white;
        flex-direction: column;
        font-size: 18px;
    }

    .Tender-container .Tender-container-Contest-endDate {
        padding: 5px 0px 5px 5px;
        border-bottom: 1px solid;
        border-bottom-color: #919191;
        margin: 0px 50px;
        color: white;
        display: flex;
        flex-direction: column;
    }

    .Tender-container .Tender-container-message-link {
        padding: 30px 0px;
        margin: 0px 50px;
    }

.tender .card-bottom-line {
    border-bottom: 3px solid #d9d9d9;
}

.tender.card-bottom-line {
    border-bottom: 2px solid;
    border-color: #d9d9d9;
}

.Tender-message {
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: row;
}

    .Tender-message i {
        color: #ffcc33;
        padding: 2px;
    }

    .Tender-message a {
        color: white;
    }

.tenders-read-more-link a, .tenders-read-more-link a:hover, .tenders-read-more-link a:visited {
    text-transform: none;
    color: #fff;
}

.Tender-container .Tender-container-endDate-title {
    padding: 10px 0px;
    border-bottom: 1px solid;
    border-bottom-color: #919191;
    margin: 0px 50px;
    color: #8a8a8a;
    display: flex;
    flex-direction: column;
    font-size: 11px;
}

/* JOB OPPORTUNITY VIEWER */

.jobopportunity-viewer-label {
    float: left;
    padding-right: 5px;
    text-transform: uppercase;
}

.jobopportunity-viewer-field {
    display: block;
    clear: both;
}

.jobopportunity-viewer-value span {
    vertical-align: middle;
}

.jobopportunity-viewer-form {
    background-color: #dbebf6;
    padding: 15px;
}

    .jobopportunity-viewer-form .form-submit input {
        float: none;
        margin-left: 0px;
    }

.jobopportunity-viewer-body {
    padding-top: 30px;
    padding-bottom: 15px;
}

.jobopportunity-viewer-contact, .jobopportunity-viewer-attachments {
    padding: 15px 0;
}

.jobopportunity-viewer-notes {
    padding-top: 10px;
}

/* JOB OPPORTUNITY HOME */
.JobOpportunityHome-container {
    font-family: 'Roboto';
}

    .JobOpportunityHome-container #JobOpportunity-card-img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    .JobOpportunityHome-container .title-container {
        font-family: 'Myriad Pro';
        font-weight: bold;
        padding: 20px 0px 15px 0px;
        font-size: 20px;
        color: #9c9c9c;
    }

    .JobOpportunityHome-container .list-container .JobOpportunityHome-link a {
        color: black;
    }

    .JobOpportunityHome-container .jobReferenceNumber {
        font-family: 'Roboto';
        font-weight: bold;
    }


    .JobOpportunityHome-container .list-container .JobOpportunityHome-Refference {
        font-weight: bold;
    }

    .JobOpportunityHome-container .showAll-container {
        padding-top: 20px;
        text-transform: uppercase;
        font-size: smaller;
        color: grey;
    }

/* JOB OPPORTUNITY GRID */
.jobOpportunity-grid .grid {
    min-width: unset;
    max-width: unset;
    width: 100%;
}

/* TENDER TERMS */
.tenderterms-form .form {
    padding-left: 10px;
}

.form-field-terms {
    overflow-y: auto;
    height: 200px;
}

/* SITE NAVIGATION */
.navigation {
    padding-right: 5%;
    width: 90%;
}

/* BREADCRUMB */
.breadcrumbContainer {
    font-family: 'CentGothWGL';
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 25px;
    text-align: right;
    padding-right: 5%;
    margin-bottom: 1%;
}

.eac-breadcrumb {
    font-size: 16px;
}

    .eac-breadcrumb:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f104';
        padding-right: 0.5%;
    }

a.breadcrumbNode, a.breadcrumbNode:visited {
    color: #d4d4d4;
}

.breadcrumbCurrentNode {
    color: #0ca3d9;
}

a.breadcrumbNode, .breadcrumbCurrentNode, a.breadcrumbNode:visited {
    cursor: not-allowed;
    text-decoration: none;
}

/* SIDE NAVIGATION */
.sidemenu {
    font-family: 'CentGothWGL';
    background-color: #fff;
    line-height: 2.8;
    font-weight: normal;
}

    .sidemenu a {
        line-height: normal;
        padding: 0.8em 0;
    }

        .sidemenu a, .sidemenu a:visited, .sidemenu a:hover, .sidemenu a:active {
            text-decoration: none;
            text-transform: uppercase;
            color: inherit !important;
        }

.media-list li {
    /* padding: 1px 0px; */
    font-size: 15px;
    line-height: 2;
}

    .media-list li a {
        padding: 0.5em 0;
    }

.sidepanel {
    text-transform: uppercase;
}

    .sidepanel svg {
        display: none;
    }

    .sidepanel:first-child {
        border-top: none;
    }

    .sidepanel ul {
        padding: 5px 0px 0px 20px;
        list-style: none;
        text-transform: uppercase;
    }

    .sidepanel.current a {
        color: grey;
    }

.sidepanel-heading {
    font-size: 15px;
    border-bottom: 1px solid grey;
}

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

    .sidepanel-title .fa {
        transition: .3s transform ease-in-out;
    }

    .sidepanel-title .collapsed .fa {
        transform: rotate(180deg);
    }

.sidepanel.current a.currentLink, .sidepanel .current a.currentLink {
    /*font-weight:bold;*/
}

.sidepanel.current svg, .sidepanel .current svg {
    display: block;
    margin: auto 0;
}

a.nosidepanel {
    color: inherit;
    text-decoration: none;
}

.sidenavbutton-container .collapsed .fa {
    transform: rotate(180deg);
}

.sidenavbutton-container .fa {
    transition: .3s transform ease-in-out;
}

button.sidenavbar-toggle:hover {
    background-color: unset;
    border-color: unset;
    border: unset;
}

button.sidenavbar-toggle {
    border: unset;
}

button.sidenavbar-toggle {
    margin-bottom: 10px;
}

/* IMAGE AND TEXT */
.imageandtext {
}

.imageandtext-panel a {
    text-decoration: none;
}

.imageandtext .grey {
    background-color: #EDEDED;
}

.imageandtext .blue {
    background-color: #0CA3D9;
}

.imageandtext .aqua {
    background-color: #DBEBF6;
}

    .imageandtext .grey .pageHeader2, .imageandtext .aqua .pageHeader2 {
        color: #000000;
    }

.imageandtext .blue .pageHeader2 {
    color: white;
}

#sideNavBox .imageandtext .grey .pageHeader2, #sideNavBox .imageandtext .aqua .pageHeader2 {
    font-size: 11px;
}

.imageandtext .grey .imageandtext-bottom-link, .imageandtext .aqua .imageandtext-bottom-link {
    background: url('/_catalogs/masterpage/EAC/img/arrow_more_grey.png') no-repeat;
    background-position: bottom 15px right 10px;
}

.imageandtext .blue .imageandtext-bottom-link {
    background: url('/_catalogs/masterpage/EAC/img/arrow_more_white.png') no-repeat;
    background-position: 95% center;
}

.imageandtext .grey .imageandtext-right, .imageandtext .aqua .imageandtext-right {
    background: url('/_catalogs/masterpage/EAC/img/arrow_more_grey.png') no-repeat right;
    margin-right: 14px;
}

.imageandtext .blue .imageandtext-right {
    background: url('/_catalogs/masterpage/EAC/img/arrow_more_white.png') no-repeat right;
    margin-right: 10px;
}

.imageandtext-bottom-link {
    width: 100%;
    height: 45px;
    display: table;
}

    .imageandtext-bottom-link span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 14px;
        padding-right: 24px;
    }

    .imageandtext-bottom-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.imageandtext-bottom-image {
    display: block;
}

.imageandtext-right {
    height: 100%;
}

.imageandtext-right-image {
    float: left;
}

.imageandtext-right-link {
    height: 100%;
    display: table;
    vertical-align: middle;
}

    .imageandtext-right-link span {
        display: table-cell;
        vertical-align: middle;
        padding-right: 14px;
        padding-left: 5px;
    }

    .imageandtext-right-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.imageandtext .white {
    background-color: #ffffff;
}

    .imageandtext .white .pageHeader2 {
        color: #000000;
    }

    .imageandtext .white .imageandtext-bottom-link {
        background: url('/_catalogs/masterpage/EAC/img/arrow_more_grey.png') no-repeat;
        background-position: bottom 15px right 10px;
    }

    .imageandtext .white .imageandtext-right {
        background: url('/_catalogs/masterpage/EAC/img/arrow_more_grey.png') no-repeat right;
        margin-right: 14px;
    }

.ImageandTextContainer .imageandtext {
    font-family: 'Myriad Pro';
    font-weight: bold;
    display: inline-flex;
    min-width: 200px;
    width: 95%;
    border: 1px solid #e1dddd;
}

    .ImageandTextContainer .imageandtext img {
        width: 100%;
        max-width: 50px;
        max-height: 50px;
        height: auto;
    }

.ImageandTextContainer .imageandtext-panel {
    width: 100%;
}

.ImageandTextContainer .imageandtext-right .imageandtext-right-image {
    width: 25px;
    height: 30px;
    padding: 10px;
}

.ImageandTextContainer .imageandtext .white .pageHeader2 {
    font-size: 11px;
}

/* MINI BANNERS */
.layout-zone .miniBannersArea {
    width: 100% !important;
}

.area-miniBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 50px;
}

.imageLink-miniBanner {
    margin: 10px;
    /* width: 150px; */
}

.layout-zone .miniBannersArea .mini-gallery a {
    border-color: #d3d3d3 !important;
    margin: 0;
    height: auto;
    width: 100%;
}

.layout-zone .miniBannersArea .welcome-bottom-image {
    width: 100%;
}

.layout-zone .miniBannersArea .image-wrapper {
    text-align: center;
    padding: 10px 0;
}

/* OFFICES */
.offices {
    margin: 10px 30px 0px 30px;
    overflow: auto;
    border-bottom: 1px solid;
    font-family: 'CentGothWGL';
    color: #2e2e2e;
}

    .offices .wp-title, .offices .section-title {
        font-size: 36px;
        font-weight: bold;
        padding-bottom: 20px;
    }

    .offices .offices-map .section-title {
        font-size: 30px;
        font-weight: bold;
    }

    .offices .officeLocation a {
        font-size: 13px;
        font-weight: bold;
        color: #2e2e2e;
    }

    .offices .nav-pills > li.active > a, .offices .nav-pills > li.active > a:focus, .offices .nav-pills > li.active > a:hover {
        color: #2e2e2e;
        background-color: #f0f0f0;
    }

    .offices .section-content, .offices .address-content {
        font-size: 18px;
        font-weight: normal;
    }

    .offices .address-title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .offices .address-content {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .offices .offices-hours-services, .offices .offices-services {
        float: left;
        width: 100%;
        margin-right: 20px;
    }

    .offices .section-title {
        margin-bottom: 10px;
        margin-top: 10px;
    }

.section-content ul {
    -webkit-padding-start: 17px;
    padding-left: 17px;
}

.offices section-content p {
    margin: 0.5em 0;
}

.offices .section-content blockquote {
    margin: 0.5em 40px;
}

.offices .offices-details {
    padding: 20px 0px 50px 0px;
}

.googlemap {
    width: 100%;
    height: 300px; /*border: 2px solid #B8B9BA;*/
}

.offices .nav-pills li {
    background-image: none;
    background-color: white;
    border: none;
    color: #000;
    font: inherit;
    border-radius: 0;
}

    .offices .nav-pills li.active {
        background-image: none;
        background-color: #d3d3d3;
        color: white;
    }

.offices .tab-pane.fade {
    display: none;
}

    .offices .tab-pane.fade.in.active {
        display: block;
    }

/* QUICK LINKS - SSS/SD/DS */
.quickLinks {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}

    .quickLinks .quickLinks-Single, .quickLinks-Double {
        margin: 10px;
    }

    .quickLinks a {
        text-decoration: none;
    }

    /* OLD Style ....*/
    .quickLinks .quickLinks-panel {
        height: 250px;
    }

    .quickLinks .grey .quickLinks-right, .quickLinks .aqua .quickLinks-right {
        background: url('/_catalogs/masterpage/EAC/img/arrow_more_grey.png') no-repeat right;
        margin-right: 14px;
    }

    .quickLinks .blue .quickLinks-right {
        background: url('/_catalogs/masterpage/EAC/img/arrow_more_white.png') no-repeat right;
        margin-right: 10px;
    }

.quickLinks-Mid-link {
    width: 100%;
    height: 45px;
    display: table;
}

    .quickLinks-Mid-link span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 14px;
        padding-right: 24px;
    }

    .quickLinks-Mid-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.quickLinks-Right-link {
    width: 100%;
    height: 45px;
    display: table;
}

    .quickLinks-Right-link span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 14px;
        padding-right: 24px;
    }

    .quickLinks-Right-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.quickLinks-Left-link {
    width: 100%;
    height: 45px;
    display: table;
}

    .quickLinks-Left-link span {
        display: table-cell;
        vertical-align: middle;
        padding-left: 14px;
        padding-right: 24px;
    }

    .quickLinks-Left-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.quickLinks-image {
    display: block;
    /* object-fit: cover; */
    height: 100%;
}

.quickLinks-right {
    height: 100%;
}

.quickLinks-right-image {
    float: left;
}

.quickLinks-right-link {
    height: 100%;
    display: table;
    vertical-align: middle;
}

    .quickLinks-right-link span {
        display: table-cell;
        vertical-align: middle;
        padding-right: 14px;
        padding-left: 5px;
    }

    .quickLinks-right-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.quickLinks-Left {
    height: 100%;
}

.quickLinks-Left-image {
    float: left;
}

.quickLinks-Left-link {
    height: 100%;
    display: table;
    vertical-align: middle;
}

    .quickLinks-Left-link span {
        display: table-cell;
        vertical-align: middle;
        padding-right: 14px;
        padding-left: 5px;
    }

    .quickLinks-Left-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.quickLinks-Mid {
    height: 100%;
}

.quickLinks-Mid-image {
    float: left;
}

.quickLinks-Mid-link {
    height: 100%;
    display: table;
    vertical-align: middle;
}

    .quickLinks-Mid-link span {
        display: table-cell;
        vertical-align: middle;
        padding-right: 14px;
        padding-left: 5px;
    }

    .quickLinks-Mid-link .pageHeader2 {
        font-weight: 400;
        font-size: 14px;
    }

.line-break-DS-Right, .line-break-DS-Left, .line-break-SD-Left, .line-break-SD-Right, .line-break-SSS {
    /*border-left: 1px solid #eaeaea;*/
}

/* QUICK LINKS - 5 Images 
    DESKTOP: ROW 3 IMAGES (SINGLE1,SINGLE2,SINGLE3) & ROW 2 IMAGES (DOUBLE,SINGLE4) / 
    MOBILE: ROW 2 IMAGES (SINGLE1,SINGLE2) & ROW 1 IMAGE (DOUBLE) & ROW 2 IMAGES (SINGLE3,SINGLE4) */
.quickLinks5-container-mobile {
    display: none;
}

.quickLinks5-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.quickLinks5-row {
    display: flex;
}

    .quickLinks5-row a {
        margin: 5px 5px 5px 0;
    }

/* PRESS RELEASE */
.pressrelease-base {
    background-color: #EDEDED;
    padding: 16px 16px 0 16px;
    height: 100%;
    display: inline-block;
    width: 348px;
    height: 277px;
}

    .pressrelease-base .wptitle {
        padding-bottom: 16px;
    }

        .pressrelease-base .wptitle a, .pressrelease-base .wptitle a:visited, .pressrelease-base .wptitle a:hover {
            color: #000000;
            font-size: 13px;
        }

    .pressrelease-base .dfwp-column {
        background-color: #EDEDED;
        padding-left: 0;
    }

        .pressrelease-base .dfwp-column li:last-child hr {
            border-color: transparent;
            margin-bottom: 0;
        }

/* Carousel: Web part*/
.carousel-container .carousel-inner {
    border-bottom: 5px solid grey;
}

.carousel-container a.carousel-control {
    color: #fff;
    background: unset;
}

    .carousel-container a.carousel-control:hover {
        color: #fff;
        opacity: 1;
    }

.carousel-container a.left.carousel-control {
    top: unset;
    bottom: 5%;
    left: 0;
    width: 20px;
    /*margin-left: 50px;*/
}

.carousel-container a.right.carousel-control {
    top: unset;
    right: 82%;
    bottom: 5%;
    left: 0;
    width: 20px;
}

/* POSITION CLASSES FOR CAROUSEL-CONTROL */

.carousel-container a.carousel-control.PositionTopLeft {
    top: 5%;
    left: 5%;
}

.carousel-container a.carousel-control.PositionTopCenter {
    top: 5%;
    left: 50%;
}

.carousel-container a.carousel-control.PositionTopRight {
    top: 5%;
    left: 90%;
}

.carousel-container a.carousel-control.PositionCenterLeft {
    top: 50%;
    left: 5%;
}

.carousel-container a.carousel-control.PositionCenterCenter {
    top: 50%;
    left: 50%;
}

.carousel-container a.carousel-control.PositionCenterRight {
    top: 50%;
    left: 90%;
}

.carousel-container a.carousel-control.PositionBottomLeft {
    bottom: 5%;
    left: 5%;
}

.carousel-container a.carousel-control.PositionBottomCenter {
    bottom: 5%;
    left: 50%;
}

.carousel-container a.carousel-control.PositionBottomRight {
    bottom: 5%;
    left: 90%;
}
/* END OF POSITION CLASSES FOR CAROUSEL-CONTROL */

.carousel-container .carousel-title {
    background-color: grey;
    font-size: 2em;
    color: #fff;
    padding-bottom: 5px;
}

.carousel-container .carousel-inner .item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    /*position: relative;*/
}

    .carousel-container .carousel-inner .item .carousel-image {
        width: inherit;
        height: inherit;
    }

/* TOP NAVIGATION */
.ms-core-navigation {
    padding-top: 12px;
    float: left;
}

.topMenu {
    font-weight: 600; /*Semi-bold*/
    font-size: 13px;
    text-transform: uppercase;
}

#DeltaSiteLogo {
    height: 64px;
}

#titleAreaBox {
    width: 200px;
    float: left;
    margin-right: 0;
    margin-left: 10px;
    height: 50px;
}

.ms-siteicon-img {
    max-width: 286px;
    max-height: 101px;
}

.toparea-right {
    float: left;
    width: 760px;
    height: 48px;
    padding-top: 24px;
}

.toparea-separator {
    border-left: 1px solid grey;
}

.topMenu ul.ms-core-listMenu-root {
    /*padding:0px 5px !important;*/
}

.topMenu ul.static {
    padding: 0px;
}

.topMenu li.static {
    padding: 14px 0px 15px;
    background-color: #000000;
}

    .topMenu li.static > a {
        display: none;
    }

    .topMenu li.static > ul a {
        display: inline;
    }

.topMenu li.selected {
    background-color: #fff;
    padding-bottom: 17px;
    padding-top: 14px;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin: 0px 24px;
    border: none;
}

.topMenu .ms-core-listMenu-item, .topMenu .ms-core-listMenu-item:link, .topMenu .ms-core-listMenu-item:visited,
.topMenu a.ms-core-listMenu-item:hover, .topMenu a.ms-core-listMenu-item:link:hover, .topMenu a.ms-core-listMenu-item:visited:hover {
    color: #fff;
}

a.ms-core-listMenu-item:hover, a.ms-core-listMenu-item:link:hover, a.ms-core-listMenu-item:visited:hover,
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected:link:hover, .ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected:visited:hover, .ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected:hover {
    text-decoration: underline;
}

.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
.ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected:link:hover, .ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected:visited:hover, .ms-core-listMenu-horizontalBox a.ms-core-listMenu-selected:hover {
    color: #000000; /*black*/
    display: inline-block;
}

.ms-core-listMenu-horizontalBox li {
    display: inline;
}

.ms-mpSearchBox {
    width: 215px;
    height: 48px;
}

.ms-srch-sbLarge {
    border: 1px solid #C5C6C8 !important;
    padding-left: 0 !important;
}

.searchInputBox {
    margin: 0;
}

.ms-srch-sb-border, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {
    border-left: 1px solid #C5C6C8;
    padding-right: 20px;
    border-right: none;
    border-top: none;
    border-bottom: none;
    padding-left: 20px;
}

.ms-srch-sb > input {
    background-color: #EDEDED;
    height: 24px;
    width: 140px;
    margin: 0;
    padding-left: 3px;
    text-indent: 7px;
    font-size: 12px;
    font-style: italic;
}

    .ms-srch-sb > input[type=text] {
        border-radius: 2px 2px 2px 2px;
    }

.ms-srch-sb > .ms-srch-sb-searchLink {
    height: 24px;
    border: none;
    background: url('/_catalogs/masterpage/EAC/img/search.png') no-repeat #C5C6C8;
    width: 30px;
    background-position: 10px 5px;
    border-radius: 0px 2px 2px 0px;
}

    .ms-srch-sb > .ms-srch-sb-searchLink img {
        display: none;
    }

/** ------------------------------------------------------------------------------------------- **/
/** ROTATING BANNER **/
.bannerArea-home .carouselarea {
    width: 992px;
    margin: 0 auto;
}

.bannerArea-home .carousel-item {
    width: 992px;
}

.bannerArea-home .banner-more-link {
    background-color: #fbc800;
    padding: 5px 20px;
    border-radius: 5px;
    /*box-shadow: 0 5px 15px 0px #797978;*/
    box-shadow: 0 0 10px 0px #797978;
}

.bannerArea-home .banner-more-link {
}

.bannerArea-home .carousel-image {
    float: right;
    width: 60%;
}

    .bannerArea-home .carousel-image img {
        float: right;
    }

.bannerArea-home .carousel-text {
    width: 40%;
}

.bannerArea-home .carousel-text {
    float: left;
    margin-top: 75px;
}

.bannerArea-home .carousel-bullets a {
    background: url('/_catalogs/masterpage/EAC/img/whitedot.png') no-repeat;
    width: 10px;
    height: 10px;
    margin: 0px 2px 0px 0px;
}

    .bannerArea-home .carousel-bullets a.selected {
        background: url('/_catalogs/masterpage/EAC/img/yellowdot.png') no-repeat;
        width: 10px;
        height: 10px;
    }

.imageSliderArea .caroufredsel_wrapper {
    background-color: white;
    /*height:112px!important;*/
}

/** ------------------------------------------------------------------------------------------- **/
/** WELCOME **/
.welcomecontrol {
    /*float:right;
    margin-top: -27px;*/
    float: right;
    padding: 0 20px;
    width: 300px;
}

.welcomecontrol-welcome {
    float: right;
    margin-top: -20px;
    /*padding: 5px 0;*/
}

.welcomecontrol-profile {
    float: right;
}

.signin-area {
    float: right;
    /*margin-top: -5px;*/
    padding: 0 20px;
}

    .signin-area input {
        height: 24px;
        padding: 5px 10px;
    }

input.signin-button {
    border: none;
    background-color: #0ca3d9;
    color: white;
    border-radius: 2px;
    font-weight: 700;
    cursor: pointer;
}

input.myprofile-button {
    border: none;
    color: white;
    border-radius: 2px;
    background: url(/_catalogs/masterpage/EAC/img/user_icon.png) #0ca3d9 10px center no-repeat;
    padding: 5px 10px 5px 22px;
    font-weight: 700;
    cursor: pointer;
}

input.signout-button, input.signout-button[type="submit"]:hover {
    border: none;
    background-color: #fbc800; /* yellow*/
    color: #000000;
    border-radius: 2px;
    padding: 5px 10px;
    font-weight: 700;
    cursor: pointer;
}

/* INFORMATION BANNER */
.information-banner {
    padding: 10px;
}

    .information-banner a {
        padding-left: 5px;
        color: inherit;
        font-weight: bold;
    }

.information-banner-edit-control {
    padding: 10px;
}

span.banner-label {
    padding-right: 5px;
    display: inline-block;
    width: 80px;
}

.banner-textBoxMultiline {
    width: 500px;
    height: 50px;
}

.banner-textBox {
    width: 250px;
}

/* CUSTOMER SERVICE */
.customer-service-base {
    background-color: #EDEDED;
}

    .customer-service-base .tabs .ui-state-active {
        background-color: #0CA3D9;
        color: white;
    }

/* TOOLPANEL FIX */
#MSOTlPn_MainTD {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100% !important;
    width: auto !important;
    overflow-y: auto;
    background: #fff;
}

    #MSOTlPn_MainTD > table {
        margin-right: 19px;
        position: static;
        width: 100%;
    }

.ms-TPBorder {
    width: 100%;
}

/* BLUE TITLE */
.title-blue .base-title-plaintext {
    color: #0ca3d9; /*blue*/
    text-transform: none;
    font-weight: 600; /*Semi-bold*/
    font-size: 20px;
    padding-top: 10px;
}

/* CONTENT QUERY */
pagination-bottom {
    clear: both;
}

.first-seperator, .second-seperator {
    display: none;
}

.pagination li {
    list-style: none;
}

.pagination {
    text-align: center;
}

/* PAGINATION */
.pagination {
    text-align: center;
    padding: 0px;
}

    .pagination > li {
        display: inline-block;
        cursor: pointer;
    }

        .pagination > li:first-child, .pagination > li:first-child > a {
            padding: 0;
            background-color: #DBEBF6 !important;
            margin-right: 5px;
            color: #000000;
        }

        .pagination > li:last-child, .pagination > li:last-child > a {
            padding: 0;
            background-color: #DBEBF6 !important;
            margin-left: 5px;
            color: #000000;
        }

        .pagination > li > a {
            border: none;
            color: #000000;
            background-color: #DBEBF6;
            margin: 0 5px;
            padding: 0 5px;
        }

            .pagination > li > a:hover {
            }

        .pagination > li:first-child > a, .pagination > li:last-child > a, .pagination > li:first-child > a:hover, .pagination > li:last-child > a:hover {
            display: inline-block;
        }

    .pagination > .active > a, .pagination > .active > a:hover {
        background-color: #0CA3D9;
        color: white;
    }


/* PANCYPRIAN */
.pancyprian {
    background-color: #0ca3d9;
    color: white;
    padding: 5px;
    min-height: 50px;
}

.pancyprian-title {
    margin-bottom: 5px;
}

/* USER CONTROLS - LANGUAGE SELECTOR */
.languageAreaBox {
    float: right;
    height: 48px;
}

.LanguageSelector {
    display: table-cell;
    padding-left: 20px;
    border-left: 1px solid #C5C6C8;
}

.LanguageSelectorItem {
    list-style: none;
    float: left;
    margin-right: 5px;
    display: inline-block;
    color: #fff;
    font-weight: 700; /*Bold*/
    font-size: 11px;
}

.SelectedLanguage {
    /*padding: 5px 5px 2px 5px; */
    background-color: #0ca3d9; /*Blue*/
    /* margin-top: -5px;  */
    border-radius: 2px;
    display: table-cell;
    height: 24px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

.nonSelectedLanguage {
    /*padding: 5px 5px 2px 5px; */
    background-color: #C5C6C8; /* very light - Gray*/
    border-radius: 2px;
}

.LanguageSelectorItem a, .LanguageSelectorItem a:visited {
    color: #fff;
    display: table-cell;
    height: 24px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

/* DAILYPRODGRAPH */

.graph {
    padding-left: 25px;
}

.graphLink {
    font-size: 12px;
    line-height: 24px;
}

.graphSource {
    font-size: 10px;
    line-height: 24px;
    padding-left: 10px;
}

/* RANDOM ADVICE */
/* how to make an entire div a link using css*/
/*http://www.digitalskydesign.com/how-to-make-an-entire-div-a-link-using-css/*/
.advice-WP {
    background-color: #0CA3D9;
    height: 98px;
    border: 1px solid #0CA3D9;
    vertical-align: middle;
    position: relative;
}

.advice-image {
    float: left;
    padding: 5px 10px 5px 15px;
}

.advice-Link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #0CA3D9; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.advice-header {
    font-size: 14px;
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-left: 10px;
}

.advice-title {
    font-size: 16px;
    width: 100%;
}

.advice-text {
    font-size: 13px;
    line-height: 16px;
}

.advice-content {
    height: 64px;
    vertical-align: middle;
    display: table-cell;
    padding-right: 10px;
}

/* FOTIS CORNER - CAROUSEL */
.fotis-corner a.carousel-next {
    right: 5px;
    top: 230px;
}

.fotis-corner a.carousel-previous {
    left: 5px;
    top: 230px;
}

.fotis-corner .carousel-description a, .fotis-corner .carousel-description a:hover {
    background-color: #0ca3d9;
    padding: 10px 40px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
}

.fotis-corner .carousel-description {
    margin-top: 10px;
    margin-left: -40px;
}

/** ------------------------------------------------------------------------------------------- **/
/** ITEM STYLES **/
.listing-image {
    border: none;
    width: 60px;
    height: 60px;
}

.listing-page {
    display: block;
    clear: both;
    padding-bottom: 20px;
}

.listing-link-item, .listing-link-item.date, .listing-link-item.title, .listing-link-item.description {
    /*float:left;*/
    font-size: 12px;
    line-height: 14px;
}

.listing-image-area-left {
    float: left;
    padding: 0 10px 20px 0;
}

.listitem-announcement-item {
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

    .listitem-announcement-item hr {
        margin: 10px 0;
        padding: 0;
        border-top: 1px solid #C5C6C8;
    }

.listing-announcement-date {
    font-style: italic;
}

.listing-announcement-item-readmore a, .listing-announcement-item-readmore a:hover, .listing-announcement-item-readmore a:visited {
    font-size: 12px;
    line-height: 16px;
    color: #0CA3D9;
}

/** ------------------------------------------------------------------------------------------- **/
/** UNKNOWN **/

/* Application Pages */
.wf-informationbar {
    background-color: #fff9de;
    border: 1px solid #ffdf88;
    width: 100%;
    margin: 10px 0px 10px 0px;
    border-spacing: 0px;
}

    .wf-informationbar td {
        padding: 2px;
    }

td.wf-informationbar-image {
    width: 10px;
    padding: 4px;
}

/* USER CONTROLS - IMAGE GALLERY */
.pressrelease-images img {
    width: 155px;
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: bottom;
}

.event-images img {
    width: 155px;
    padding-right: 20px;
    padding-bottom: 20px;
    vertical-align: bottom;
}

/** ------------------------------------------------------------------------------------------- **/
/** MEDIA QUERIES **/

/*---------------- BOOTSTRAP 3.3.7
    LARGE DESKTOP DEVICES -LG : >=1200px ,
    DESKTOP DEVICES -MD :  >=992px,
    TABLET DEVICES -SM :  >=768px,
    MOBILE DEVICES -XS : <768px , 
----------------*/


/*---------------- BOOTSTRAP LARGE DESKTOP DEVICES -LG----------------*/

/* large screens with min-width 1400px */
@media only screen and (min-width: 1400px) {
    .navbar-nav {
        float: right !important;
    }

    #dropdown {
        min-height: auto !important;
    }
}

/*---------------- BOOTSTRAP LARGE DESKTOP DEVICES -LG, BOOTSTRAP DESKTOP DEVICES -MD  ----------------*/

/* large screens with min-width 1141px */
@media only screen and (min-width: 1141px) {
    .page-footer-mobile {
        display: block;
    }

    .page-footer-tablet {
        display: none;
    }

    #micrositeLayoutBanner {
        /* height: 450px; */
    }

    .topbar {
        z-index: 501;
        background-color: white;
        width: 100%;
    }

    .maincontainer {
        padding-top: 100px;
        padding-bottom: 50px;
    }

    /* MEGAMENU STYLE */
    .megamenu {
        padding-left: 30px !important;
        /*padding-right: 50px !important;*/
    }

    .navbar-nav {
        /* float: right !important; */
    }

    .megamenu .megamenu-content {
        padding: 5px 50px 25px 50px;
        background-color: white;
        width: 100%;
        border-radius: unset;
    }

    .navbar-default .navbar-nav > .open:after {
        content: "";
        position: relative;
        left: 50%;
        top: 8px;
        margin-left: -10px;
        z-index: 9999;
        border: solid 10px transparent;
        border-color: #0098cb transparent transparent transparent;
    }

    .navbar-header {
        /* width: 19%; */
    }

        .navbar-header img {
            /*width: 300px;*/
            margin-right: 10px;
        }

    #dropdown {
        /*min-height: 90px;*/
    }

    .carousel-inner {
        /*height: 355px;*/
    }

    #cards-container {
        padding: 30px !important;
    }

    .card .wrapper:hover .card-title h3 {
        font-size: 30px;
    }
}

/* Custom Resolution */
@media only screen and (min-width: 1140px) and (max-width: 1400px) {

    .page-footer-mobile {
        display: block;
    }

    .page-footer-tablet {
        display: none;
    }

    .card-body h4 {
        padding-bottom: 10px;
    }

    .card-body .card-body-text {
        line-height: 1.3em;
    }

    .card-body .card-body-link a, .card-body .Subsidiarycard-body-link a {
        font-size: 12px;
    }

    /*.card .wrapper:hover img {
        height: 300px;
    }

    .card .wrapper:hover .text {
        height: 210px;
    }*/
}

@media only screen and (min-width:992px) {
    .card .wrapper .card-image-wrapper {
        max-height: 13vw;
    }

    .carousel-container .carousel-title {
        padding-left: 8.33333333%;
    }

    .pnlAccountsForm td.radGridAccountConsumptionHistory_DatePeriod:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f133";
        color: rgb(114,114,114);
        font-size: 2.5em;
        padding-right: 1%;
    }
}

/*---------------- BOOTSTRAP DESKTOP DEVICES -MD ----------------*/

/* Tablets (Landscape) (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1140px) {

    .page-footer-mobile {
        display: none;
    }

    .page-footer-tablet {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    /* collapse header */
    .navbar-header .navbar-toggle.collapsed {
        margin-top: 30px !important;
    }

    .navbar-default .navbar-toggle {
        background-color: unset;
        border-color: white !important;
        margin-top: 20px !important;
    }

    /* Force navbar collapse */
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 9px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .line-break {
        width: 100%;
    }

    .icon-bar {
        background-color: black !important;
    }

    #dropdown {
        min-height: auto;
        border: none;
    }

    .megamenu .row-title {
        display: none;
    }

    .dropdown {
        /* width: 120px !important; */
    }

    /*.dropdown-toggle {
        min-height: 70px;
    }

    #dropdown > a {
        line-height: normal;
        font-size: 13px;
    }*/

    .navbar-header {
        /* width: 20%; */
    }

    #navbar {
        /* float: right; */
    }

    .small-card {
        /*width: 100%;*/
        padding: 0px !important;
        display: block !important;
    }

    ul.nav.nav-pills.officeLocation .officesTabs {
        width: 19%;
    }

    .quickLinks .quickLinks-panel {
        height: 200px !important;
    }

    .card-group > div {
        width: 50%;
    }


    #cards-container, #small-cards-container, #wide-cards-container, #cards-group-container {
        padding: 0 !important;
    }

    #card-img, .card-body {
        height: 255px;
    }

    .card .data .content .content-shown {
        padding-top: 10px;
        height: 30px;
    }

    /*.card .wrapper:hover img {
        height: 300px;
    }

    .card .wrapper:hover .text {
        height: 210px;
    }*/
}

/*----------------  BOOTSTRAP LARGE DESKTOP DEVICES -LG, BOOTSTRAP DESKTOP DEVICES -MD, BOOTSTRAP TABLET DEVICES -SM ----------------*/

@media only screen and (min-width: 768px) {
    .card .wrapper .card-image-wrapper {
        max-height: 20vw;
    }
}
/*---------------- BOOTSTRAP TABLET DEVICES -SM ----------------*/

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .interruption-outages-icon span.outer-line {
        width: 40% !important;
    }

    .page-footer-mobile {
        display: none;
    }

    .page-footer-tablet {
        display: block;
    }

    ul.nav.nav-pills.officeLocation .officesTabs {
        width: 19%;
    }

    .quickLinks .quickLinks-panel {
        height: 150px !important;
    }

    .megamenu .row-title {
        display: none;
    }

    .topmenuright {
        width: 100% !important;
    }

    .signin-area-signin {
        float: left;
    }

    .area-miniBanner {
        flex-flow: column;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 992px) {
    .card .wrapper {
        min-height: 270px;
        margin-bottom: 20px;
    }

    .cards-container-title {
        padding-top: 20px;
        font-size: 20px;
    }

    div#cards-container .card:nth-child(4n) {
        clear: both;
    }

    /*STACK HORIZONTAL*/
    .telerik-grid {
        border: none !important;
    }

        .telerik-grid tr.rgCommandRow {
            display: flex;
        }

        .telerik-grid tr.rgRow, .telerik-grid tr.rgAltRow {
            border: 0.125em solid #c5c5c5;
        }

        .telerik-grid .rgRow > td, .telerik-grid .rgAltRow > td {
            border: none;
        }

        .telerik-grid tr + tr {
            margin-top: 0.5em;
        }

        .telerik-grid tr, .telerik-grid td {
            display: block;
            width: 100%;
        }

        .telerik-grid tr {
            height: auto !important;
        }

        .telerik-grid thead th.rgHeader {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

        .telerik-grid td:before {
            content: attr(data-label);
            display: inline-block;
            font-weight: bold;
            line-height: 1.5;
            margin-left: 0;
            width: 100%;
        }

        .telerik-grid.RadGridAccounts tr td.CharityCode table td {
            display: table-cell;
        }

            .telerik-grid.RadGridAccounts tr td.CharityCode table td:before {
                display: none;
            }

        .telerik-grid thead th tr + tr {
            position: absolute;
            top: 0;
            left: 0;
        }

    .radGridPhones.telerik-grid thead tr.rgCommandRow {
        position: relative;
        top: 0;
        left: 0;
    }

        .radGridPhones.telerik-grid thead tr.rgCommandRow td:before {
            display: none;
        }

    .RadGrid_Default .rgRow > td, .RadGrid_Default .rgAltRow > td, .RadGrid_Default .rgEditRow > td, .RadGrid_Default .rgFooter > td {
        border: none !important;
    }

    /*STACK HORIZONTAL*/
    .eBillAccountRegistrationForm .radGridEBillAccountDetails {
        border: none !important;
    }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr.rgCommandRow {
            display: flex;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr.rgRow, .eBillAccountRegistrationForm .radGridEBillAccountDetails tr.rgAltRow {
            border: 0.125em solid #c5c5c5;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgRow > td, .eBillAccountRegistrationForm .radGridEBillAccountDetails .rgAltRow > td {
            border: none;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr + tr {
            margin-top: 0.5em;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr, .eBillAccountRegistrationForm .radGridEBillAccountDetails td {
            display: block;
            width: 100%;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails tr {
            height: auto !important;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails thead th.rgHeader {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails td:before {
            content: attr(data-label);
            display: inline-block;
            font-weight: bold;
            line-height: 1.5;
            margin-left: 0;
            width: 100%;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails thead th tr + tr {
            position: absolute;
            top: 0;
            left: 0;
        }

        .eBillAccountRegistrationForm .radGridEBillAccountDetails thead tr.rgCommandRow {
            position: relative;
            top: 0;
            left: 0;
        }

            .eBillAccountRegistrationForm .radGridEBillAccountDetails thead tr.rgCommandRow td:before {
                display: none;
            }

    /*STACK HORIZONTAL*/
    .grid tr, .grid td {
        width: 100%;
        display: block;
    }

    .grid tr {
        border: 0.125em solid #c5c5c5;
    }

        .grid tr + tr {
            margin-top: 0.5em;
        }

        .grid tr.grid-header {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

    .grid td:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: bold;
        line-height: 1.5;
        margin-left: 0;
        width: 100%;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 991px) {

    /* Force navbar collapse */
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /**/

    .layout-zone .miniBannersArea .image-wrapper {
    }

    .page-footer-mobile {
        display: block;
    }

    .page-footer-tablet {
        display: none;
    }

    .quickLinks {
        justify-content: center;
        /*flex-direction:column;*/
    }

    .quickLinks-image {
        height: 100px;
    }

    .line-break-SD-Left {
        width: 33%;
    }

    .line-break-SD-Right {
        width: 66%;
    }

    .line-break-DS-Left {
        width: 66%;
    }

    .line-break-DS-Right {
        width: 33%;
    }

    .line-break-SSS {
        width: 33%;
    }

    .navbar-header img {
        height: 80px;
        padding-left: 10px;
    }

    #dropdown {
        min-height: auto;
        border: none;
    }

    .icon-bar {
        background-color: black !important;
    }

    /* collapse header */
    .navbar-header .navbar-toggle.collapsed {
        margin-top: 30px !important;
    }

    .navbar-default .navbar-toggle {
        background-color: unset;
        border-color: white !important;
        margin-top: 20px !important;
    }

        /*.dropdown.open .dropdown-toggle i {
        transform: rotate(180deg);
    }*/

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: white !important;
        }

    /*.carousel-inner img {
        max-width: unset !important;
        height: 100% !important;
    }*/

    .card .wrapper {
        min-height: fit-content;
        margin-bottom: 20px;
    }

    .cards-container-title {
        padding-top: 20px;
        font-size: 20px;
    }

    div#cards-container .card:nth-child(4n) {
        clear: both;
    }

    #small-cards-container .small-card {
        padding: 0px;
        display: block;
    }

    .small-card-text {
        padding: 20px 0px !important;
    }

    .card-body .card-body-link, .card-body .Subsidiarycard-body-link {
        position: relative;
        /*bottom: -20px;*/
    }

    /*.card-body .card-body-link > a {
            font-size: 12px;
        }*/

    #wide-cards-container .card {
        padding-bottom: 20px;
    }

    .firstCard, .cardCarousel, .secondCard, .imageCard {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 30px !important;
    }

    .cardCarousel {
        width: 100%;
    }

    .footer-left, .footer-middle, .footer-right {
        width: 100% !important;
    }

    .card-group {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-left-text, .footer-middle-text {
        padding: 0px;
        text-align: center;
        font-size: 12px;
    }

    .footer-right-image {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .page-footer h6 {
        font-size: 14px;
    }

    .page-footer p {
        font-size: 12px;
    }

    .ImageandTextContainer .imageandtext {
        width: 100%;
    }

    .breadcrumbContainer {
        display: none;
    }

    ul.nav.nav-pills.officeLocation .officesTabs {
        width: 19%;
    }

    .quickLinks .quickLinks-panel {
        height: 150px !important;
    }

    .boundpadding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #cards-container, #small-cards-container, #wide-cards-container, #cards-group-container {
        padding: 0 !important;
    }

    .quickLinks5-container {
        display: none;
    }

    .quickLinks5-container-mobile {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .userActivation .radiobuttonlist td {
        display: block;
        padding-left: 0 !important;
    }

        .userActivation .radiobuttonlist td label {
            padding-left: 10px;
        }

    .userActivation .form-control.ddl-company-type, .form-control.form-field-organization-id {
        float: left;
    }

    .userActivation .form-control.ddl-company-type {
        width: 15%;
    }

    .userActivation .form-control.form-field-organization-id {
        width: 80%;
    }

    .carousel-container .carousel-title {
        padding-left: 0;
    }
}

/*---------------- BOOTSTRAP PHONE DEVICES -XS ----------------*/

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
    #suiteBarLeft {
        /*height: 30px;
        line-height: 30px;*/
        display: none;
    }

    .topmenuright {
        width: 100% !important;
    }

    .page-footer-mobile {
        display: block;
    }

    .page-footer-tablet {
        display: none;
    }

    #dropdown {
        height: unset;
        min-height: 50px;
    }

        #dropdown a {
            line-height: unset;
        }

    .navbar-header img {
        margin-right: 0px;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .search-input input#searchQuery {
        width: 85%;
    }

    .signin-area-signin {
        float: left;
    }

    .megamenu .row-title {
        display: none;
    }

    .megamenu .panel-group {
        margin-top: 20px !important;
    }

    .megamenu .callCenterContainer {
        margin-top: 20px !important;
    }

    .footer-left {
        width: 100%;
    }

    /* user registration form*/
    .userregistration-form .form-field-label {
        width: 100%;
        display: block;
    }

    .userregistration-form .form-field-txt {
        width: 100%;
        display: block;
    }

    .form-field-ddl select {
        width: 90%;
    }

    ul.nav.nav-pills.officeLocation .officesTabs {
        width: 24%;
    }

    .quickLinks .quickLinks-panel {
        height: 100px !important;
    }

    .title-wrapper {
        display: none;
    }

    ul.nav.nav-pills.officeLocation .officesTabs {
        width: 100%;
    }

    .area-miniBanner {
        flex-flow: column;
    }

    #cards-container, #small-cards-container, #wide-cards-container, #cards-group-container {
        padding: 0 !important;
    }

        #small-cards-container .small-card {
            padding: 5px 0 !important;
            margin-bottom: 15px;
        }

    #card-img, .card-body {
        height: auto;
    }

    .col-xs-12 {
        /*padding: 0 !important;*/
    }

    .one-web-part-zone, .layout-zone {
        margin-bottom: 0px;
    }

    .card .wrapper {
        min-height: fit-content;
    }

    h1, h2, h3, h4, h5, h6, div, span, p, a {
        overflow-wrap: break-word;
    }

    .interruption-outages-header {
        max-width: 100%;
    }

    .interruption-outages-title {
        margin: 0 25px;
    }

    .changePasswordForm .control-label {
        text-align: left;
    }

    .forgotPasswordForm .control-label {
        text-align: left;
    }

    .tenderOption {
        display: flex;
    }

        .tenderOption .control-label {
            order: 1;
            padding-left: 0px;
        }

        .tenderOption .checkboxTender {
            order: 0;
        }

    .RadCaptcha .form-field-required {
        width: 100%;
        float: left;
    }

    .RadCaptcha .captchaControl {
        width: 100%;
        float: left;
    }

    .pnlLoginForm {
        margin: 0;
    }

    .topmenu {
        height: auto;
    }

    .topmenuright {
        text-align: left;
    }

    .signin-area-welcome {
        display: block;
        width: 100%;
    }

    .signin-area-signin, .signin-area-welcome {
        padding: 0;
        font-size: 13px;
    }

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

    .search-area-wrapper {
        margin: 0 10px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #micrositeLayoutBanner {
        /* height: 350px; */
    }

    .carousel-inner {
        /* height: 250px; */
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .contactus-form .form-field.contactMethod {
        display: block;
    }

    .success, .error {
        margin-right: 0px;
    }

    .userActivation .form-control.ddl-company-type {
        width: 25%;
    }

    .userActivation .form-control.form-field-organization-id {
        width: 100%;
    }

    .signin-area-welcome .signout-link {
        display: block;
    }

    .signin-area-signin, .signin-area-welcome {
        width: 100%;
        display: block;
    }

    /*
    .card .wrapper:hover .data {
            transform: translateY(-47px);
            position: relative;
        }

        .card .wrapper:hover .text {
            min-height: fit-content;
            height: auto;
            padding: 5px 0 0 10px;
        }
    */
}

/** END **/
/** ------------------------------------------------------------------------------------------- **/

@media print {
    /* Don't print link hrefs */
    a[href]:after {
        content: none;
    }

    /*Print one footer template*/
    .page-footer-mobile {
        display: block;
    }

    .page-footer-tablet {
        display: none;
    }
}