html {
    min-height: 100%;
    position: relative;
}
body{
    position: static !important;
}

.geocoder-control-input {
    position: relative !important;
}

.profileGeocoder .geocoder-control-input {
    font-size: unset;
    /*   margin-top: 7px;
    width: 99%;
    margin-left: 6px;*/
    box-shadow: none;
    border: 1px solid #ccc;
}

.has-error .form-control {
    border-color: #a94442 !important;
}

#addressRegistration {
    border: 1px solid #ccc;
    box-shadow: unset;
}

.contentItem > .contentDetail, .contentInfo .contentItem:nth-of-type(1n+6) {
    display: none;
}

.geocoder-control {
    width: 50%;
}

.signupGeocoder .geocoder-control-input {
    font-size: 10px !important;
}

.geocoder-control-input {
    min-height: 34px !important;
}
/*.signupGeocoder .geocoder-in-signup {
    width: 97% !important;
    margin-left: 6px !important;
}*/
.geocoder-control-suggestions {
    top: 15px !important;
    z-index: 9999999;
}

.esri-truncated-attribution {
    z-index: 1;
}

#custom-map-controls span {
    margin-top: 28px;
}

.profileGeocoder #custom-map-controls span {
    margin-top: 36px;
}

.ui-widget.ui-widget-content {
    z-index: 999999;
}

#catchment_name_modal_footer {
    float: left;
    font-style: italic;
    font-weight: bolder;
}

.catchment_names {
    color: #000;
}

.bootbox .modal-body {
    max-height: 80vh !important;
}

.large-modal-body {
    background-color: #fff;
}

.layerColor:hover, .layerColor:focus {
    color: #C4004B !important;
}

#show_catchments_in_map {
    margin-left: 5%;
}

#townConditions .select2-selection__rendered {
    min-width: 300px !important;
}

.bootbox .modal-dialog {
    width: 60% !important;
}

.videoControl {
    max-width: 100%;
    height: auto;
}

.vid_btn_menu {
    display: flex;
    justify-content: start;
}

.unsetMaxheight {
    max-height: unset !important;
}

.vidActive {
    background-color: wheat !important;
}

.video-buttons {
    cursor: pointer;
    padding: 10px;
    background-color: aliceblue;
    max-width: 300px;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
}

    .video-buttons:hover, .video-buttons:focus {
        background-color: aliceblue;
    }

    .video-buttons:hover, .video-buttons:focus {
        background-color: aliceblue;
    }

#playcorner {
    max-width: 4em;
    min-width: 4em;
    max-height: 4em;
    min-height: 4em;
    z-index: 1;
    position: absolute;
    right: 0px;
    top: -1px;
    background-color: #ffffff;
    border-radius: 0 0 0 4em;
    border-left: 1px solid #036363;
    border-bottom: 1px solid #036363;
    color: red;
}

#outerHeaderImg {
    padding-bottom: 0.3571em;
}

footer {
    margin-top: 0.3571em;
}

body {
    font-family: 'Montserrat', sans-serif !important;
}

div {
    font-family: 'Montserrat', sans-serif !important;
}

.border-top {
    border-top: 3px solid black !important;
}

.heading-text {
    font-size: 27px !important;
    padding: 4.5px;
    color: white;
}

.topTabLinkTab {
    background-color: #484545;
}

.dashboard-title {
    word-spacing: -2px;
}

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

#featureModal h4 {
    color: #000;
}

.reduced-brightness {
    filter: brightness(0.5);
}

.bom-attribution-common {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

#weatherColumn .updateInform {
    float: left;
    width: 100%;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 95%;
}

.slider.round:before {
    border-radius: 50%;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

input:checked + .slider {
    background-color: #4CAF50;
}

.slider.round {
    border-radius: 34px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#btn_proceed.focus, #btn_proceed:focus, #btn_proceed:hover {
    color: #fff;
    background-color: #49bd49 !important;
    border-color: #49bd49 !important;
    text-decoration: none;
}

.optin > div > div {
    flex-grow: 1;
    color: #fff;
    background-color: #484545;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    margin-top: -0.1%;
    min-height: 30px;
    font-size: 24.0965px;
    padding: 1%;
}

.optin img {
    height: 25px;
    margin-right: 5px;
}

.flex-row:not(.navbar) {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    /* padding: 10px 0 10px 0;*/
}

.topTab {
    display: flex;
    flex-grow: 1;
    max-height: 250px;
}

#tabImsOutages {
    background-color: #484545;
}

    #tabImsOutages .updateInfo {
        color: #fff;
    }

.recovery-storyboard {
    min-height: 72vh;
}

.recovery-storyboard-container {
    margin-bottom: 20px;
}

#suburbModal .select2-container--default .select2-selection--multiple .select2-selection__choice, #locationSelectionDiv .select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*background-color: #484545;*/
}

#suburbModal .select2-selection__rendered, #select2-loc_list-container {
    background: none !important;
}

#suburbModal .select2-search__field {
    font-size: 1.5rem;
}

#closedEvents {
    background: #353434 !important;
    border: none !important;
    min-height: 45px;
}

    #closedEvents option:hover {
        box-shadow: 0 0 10px 100px #1882A8 inset !important;
        background-color: orange !important;
    }

        #closedEvents option:hover .closedOpArrow {
            visibility: visible !important;
        }

.closedOpArrow {
    visibility: hidden;
}

#closedEvents:hover {
    cursor: pointer !important;
}

#closedEvents :visited {
    border: none !important;
}

#hideMapHeading {
    position: absolute;
    right: 2%;
    cursor: pointer;
}
.mapHeading {
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 0px;
    border-bottom: none;
    background: #313131;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    align-items: center;
    min-height: 40px;
    font-weight: 500;
    font-size: large;
}
.close {
    opacity: unset;
}
.mapheadingOuter {
    border-radius: 4px;
}
#weatherColumn, #fireColumn {
    min-height: 284px;
}

.displayNone {
    display: none !important;
}

.displayTrue {
    display: block !important;
}

.largeTabFaIcon {
    font-size: 46px;
    color: #fff;
}

.toptabsExternalLinks h4 {
    font-size: 25px !important;
}

.view-more {
    display: none;
    text-align: right;
    padding: 5px;
}

.view-more-display {
    display: block !important;
    cursor: pointer;
    font-style: italic;
}

.view-more:hover {
    text-decoration: underline;
}

#mainContainer ::-webkit-scrollbar {
    width: 12px;
}

#eduPropOnlyText {
    color: darkgreen;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

#mainContainer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
#mainContainer ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1bdb3;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* Scrollbar*/
.base-recovery-view ::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.base-recovery-view ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.base-recovery-view ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1bdb3;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/* Scrollbar*/
.qldWarningsContent ::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.qldWarningsContent ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.qldWarningsContent ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1bdb3;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.notice-new__Container {
    background-color: #fff;
    border-radius: 0.3571em;
}

.notice-newStyle ::-webkit-scrollbar {
    width: 12px;
}


.notice-newStyle img {
    max-height: 500px;
    height: auto;
}

/* Track */
.notice-newStyle ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
.notice-newStyle ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1bdb3;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

/*web accessibility*/

.objective {
    height: 425px;
    overflow-y: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #17150c;
}

.objContent img {
    max-width: 100%;
}

.zerotopMargin {
    margin-top: 0px !important;
}

.activeOp {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 3px #b0c8dc;
    -moz-box-shadow: 0px 0px 5px 3px #b0c8dc;
    box-shadow: 0px 0px 5px 3px #b0c8dc;
}

.notice {
    border-radius: 5px;
    height: 425px;
    overflow-y: auto;
    background-color: #fff;
    padding: 10px;
}

.notice-newStyle {
    border-radius: 5px;
    min-height: 198px;
    overflow-x: auto;
    overflow-y: auto;
}

.base-recovery-view {
    margin-bottom: 10px;
    margin-top: 30px;
}

.objlist {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    /* box-shadow: 0 0 4px #fffc; */
    box-shadow: 0 0 5px #17150c;
    margin-bottom: 5px;
}

.objContent {
    max-height: 150px;
    overflow-y: hidden;
}

.objlist-view-more {
    max-height: none !important;
}

#recoveryDetailPDF {
    background-color: #fff;
    /* border-radius: 5px;
    box-shadow: 0 0 5px #17150c;*/
    min-height: 860px;
}

.flipMenulist {
    padding: 10px;
    /* border-right: 1px solid; */

    border-radius: 5px;
    font-weight: 600;
    min-width: 100px;
}

    .flipMenulist:hover {
        cursor: pointer;
    }

#opmenuItem {
    background: #e0dddd;
    float: left;
    width: 100%;
    color: #484545;
    padding: 0px;
}
/*.recovery-opmenulist {
    padding: 10px;
    border-right: 1px solid;
}*/
.recovery-opmenulist:hover {
    cursor: pointer;
}

.recovery-buttons {
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    font-size: 24px;
    font-weight: 100;
    cursor: pointer;
}

.tabStyle {
    display: grid;
    border-radius: 0.3571em;
    float: left;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    cursor: pointer;
}

.tabNumber {
    /*grid-row: 1;
    grid-column: 2;
    display: flex;
    justify-content: center;
    width: 100% !important;*/

    grid-row: 1;
    grid-column-start: 1;
    display: flex;
    grid-column-end: 3;
    justify-content: center;
    width: 100% !important;
}

.tabIcons {
    grid-row: 1;
    grid-column: 1;
}

.tabInfo {
    grid-row: 2;
    /*display: flex;
    justify-content: center;*/
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
}

.tabAnchorGrid {
    display: grid;
    grid-row-gap: 15px;
}

    .tabAnchorGrid .icons {
        grid-row: 1;
    }

    .tabAnchorGrid briefInfo {
        grid-row: 2;
    }

.tabRow {
    background-color: #484545;
    padding: 5px;
}
/*web accessibility*/
.logo2_container {
    /* position: absolute;*/
    bottom: 0;
    right: 0;
}

.left-floaters {
    position: fixed;
    z-index: 99999;
    top: 27em;
    max-height: 50px;
    left: 0;
}

.right-floaters {
    position: fixed;
    z-index: 99999;
    top: 31em;
    max-height: 50px;
    left: 0;
}

.bottom-floaters {
    position: fixed;
    z-index: 99999;
    top: 23em;
    max-height: 50px;
    left: 0;
}

.btn-floater {
    border: 1px solid #ffffff;
    border-bottom: none;
    border-radius: 5px;
    cursor: pointer;
    width: 180px;
    height: 34px;
    overflow: hidden;
    color: #ffffff;
    padding: 2px 0px 2px 0px;
    position: fixed;
    right: -73px;
    text-align: center;
    -webkit-transform: rotate( -90deg );
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate( -90deg );
    z-index: 9999999;
    font-size: 1em;
}

#recovery-button {
    background: #2b6933;
}

#risk-button {
    background: #c72b26;
    position: absolute !important;
    left: -73px;
}

body {
    min-height: 100%;
    font-family: "Roboto Slab",Helvetica Neue,Bitstream Vera Sans,Arial;
    background: url('../img/noise-bg.png') 0 0 repeat;
    color: #3a4b5b;
}

header {
    /* max-width:1090px;*/
}

.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 5px;
}

td, th {
    padding: 5px;
}

#roadClosuresTable tr:nth-child(even) {
    background: #efefef;
}

#roadClosuresTable tr:nth-child(odd) {
    background: #FFF;
}

h1 {
    text-align: center;
}

h4 {
    color: #fff;
}

.clear {
    clear: both;
}

#mainContainer {
}

.lfloat {
    float: left;
}

.rfloat {
    float: right;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.legend div {
    margin: 2px;
}

.legend img {
    width: 28px;
    height: 34px;
}
/*********Header style starts***********/

.topRibbon {
    width: 100%;
    background-color: #484545;
    float: left;
    height: 30px;
}

    .topRibbon a {
        font-size: 0.688em;
        color: #fff;
        margin: 0 2px 0 0px;
        padding: 6px 18px 4px 18px;
        text-decoration: none;
        text-shadow: 0 1px #000;
    }

        .topRibbon a:hover {
            text-decoration: underline;
            color: #fff;
        }

.logo {
    padding: 10px 15px;
    float: left;
}

.logo2 {
    float: right;
}

.logo h1 {
    float: right;
    color: #085239;
}

.banner img {
    width: 100%;
}

#onlineServices {
    float: right;
    background: #f2cb65;
    width: 25%;
    text-align: center;
}

    #onlineServices div {
        height: 60px;
        width: 100%;
    }

    #onlineServices a {
        color: #000;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        height: 60px;
        padding-top: 10px;
        display: block;
    }

.container-nopadding {
    padding-left: 0px;
}

.headerOuter {
    width: 100%;
    background: #484545;
}

.header1 {
    background: #484545;
    margin: 0 auto;
    position: relative;
    text-align: center;
    /*  max-width: 1090px;*/
    width: 79%;
}

.hidden-top-right {
    position: fixed;
    top: 67px;
    right: -35%;
    transition: ease-in;
    transition-duration: 0.2s;
    visibility: hidden;
}

.visible-top-right {
    right: 1% !important;
    transition: ease-out;
    transition-duration: 0.7s;
    visibility: visible;
}

#noOpmsg:hover {
    opacity: 0.8;
    cursor: pointer;
}

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

.innerErrorMessage {
    background-color: #ffffff;
    color: #353434;
    max-width: 95vw;
    padding: 1.5em;
    border-radius: .5em;
    font-size: 1em;
    display: flex;
    flex-direction: column;
}
#innerErrorMessageLink {
    padding-top: 20px;
}
/*    .innerErrorMessage:hover {
        transform: rotate( -2deg );
    }*/
.highlighted {
    /* background-color: #e9e4e3 !important;
    color: #484545 !important;*/
    border-top: 5px solid #ecad38 !important;
}

#menuItems {
    background: #484545;
    float: left;
    width: 100%;
    color: #f9f9f9;
    padding: 0px;
}

.header1 .navbar {
    background: #484545;
    line-height: 45px;
    height: 50px;
    border: 0px !important;
    border-radius: 0;
    margin-bottom: 0px !important;
    min-height: 40px;
}

.container-fluid {
    padding: 0px;
}

.header1 .navbar-nav {
    width: 100%;
}
    /*.header1 .navbar-nav > li {
    position: static;
    display: table-cell;
    min-height: 40px;
    margin: 0;
    background: #484545;
    border-left: 1px solid #373334;
}*/
    .header1 .navbar-nav > li {
        position: static;
        display: table-cell;
        /* background: #484545;*/
        background: #353434 !important;
        font-size: 1.25em;
        padding-left: 20px;
        padding-right: 10px;
        cursor: pointer;
        min-width: 85px;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 2px;
        margin-bottom: 2px;
        border-top: 5px solid #484545;
    }

.topmenulist:hover {
    /*   background: #fff !important;
    color: #484545 !important;*/
    border-top: 5px solid #ecad38 !important;
}

.header1 .navbar-nav > li > a {
    height: 40px;
    color: #f9f9f9;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    padding-top: 10px;
}

.header1 .navbar-nav > li:hover, header .navbar-nav > li:active, header .nav > li:focus {
    /*    color: #000 !important;
    background: #e9e4e3 !important;*/
    border-top: 5px solid #ecad38 !important;
}

.header1 .navbar-toggle .icon-bar {
    background: #fff;
}

a:hover, a:focus {
    text-decoration: none;
}

.header1 .nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

/*********Header style ends***********/

/*********Top tabs Links Style Starts************/
/*.topTabs {
    width: 1090px;
}*/

.topTabs > .col-md-3 > div, .topTabs > .col-sm-3 > div {
    /*border:3px solid transparent;*/
    border-radius: 5px;
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    cursor: pointer;
}

#tabEmergencyNews {
    background-color: #C4004B;
}

#tabRoadHazard {
    background-color: #1D7F91;
}

#tabWeatherWarnings {
    background-color: #7E756D;
}

.tabWeather {
    background-color: #7E756D;
}

#tabPowerOutage {
    background-color: #484545;
}

.tabWeather .updateInfo {
    color: #fff;
}

#tabRoadHazard .updateInfo, #tabWeatherWarnings .updateInfo, #tabPowerOutage .updateInfo, #tabEmergencyNews .updateInfo, #tabOpenShelters .updateInfo {
    color: #fff;
}

.icons {
    width: 100%;
    text-align: center;
}

#tabEmergencyNews a {
    color: #fff;
    text-decoration: none;
}

.briefInfo {
    width: 100%;
}

.topTab .briefInfo {
}

.topTab h4 {
    font-size: 25px !important;
}

.infoNumbers {
    font-weight: bolder;
    width: 30%;
    float: left;
    padding: 0 5px;
    line-height: 1;
    box-sizing: border-box;
    text-align: center;
    /* font-size: 323%;*/
    font-size: 4em;
    color: #fff;
}

.icons img {
    width: 45px;
}

.infoDesc {
    width: 70%;
    float: right;
    padding: 5px;
    box-sizing: border-box;
}

.infoDescTop {
    width: 100%;
    text-align: center;
    padding: 5px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
}

.infoDescNews {
    width: 70%;
    float: right;
    padding: 5px;
    box-sizing: border-box;
}

.infoDesc h3 {
    margin: 0;
}

#tabOpenShelters h3 {
    color: #fff;
    text-decoration: none;
}

#tabRoadHazard .briefInfo #roadClosureInfo,
#tabImsOutages .briefInfo #IMSOutagestable,
#tabPowerOutage .briefInfo #powerOutageInfo,
#tabPowerOutage .briefInfo #powerOutageInfoUP,
#tabOpenShelters .briefInfo #weatherInfo,
#tabWeatherWarnings #weatherContentTop,
.modal .infoDesc, .modal .infoDescTop, .modal .infoNumbers,
#tabOpenShelters .briefInfo #weatherInfo, #tabOpenShelters .briefInfo > #activeCentersInfo {
    display: none;
}




.tabWeather #weatherContentTop {
    display: none;
}
/*********Top tabs Links Style Ends************/
/*********Maps tabs Style Starts************/
/*.mobileVerificationText {
    animation: blinker 1s linear infinite;
    color: #b32317 !important;
}

.mobileVerificationText2 {
    animation: blinker 1s linear infinite;
    color: white !important;
}*/

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes fade {
    from {
        opacity: 0.1;
    }
}

.blinking {
    animation: fade 0.3s infinite alternate;
}

#SBox, .SBox {
    padding: 8px;
    padding-right: 0;
    padding-left: 48px;
    width: 350px;
    border: 1px solid #f5f5f5;
    font-size: 13px;
    color: gray;
    background-image: url(../img/serach.png);
    background-repeat: no-repeat;
    background-position: left center;
    outline: 0;
    background-color: white;
    font-size: 16px;
    border-radius: 3px;
}

.pac-container {
    z-index: 10000;
}

.maps .navbar {
    margin-bottom: 0px;
    border: 3px solid #000;
    border-bottom: none;
    background: #484545;
    border-radius: 4px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.navbar-nav > li > a {
    color: #fff;
    font-size: 150%;
}

.maps .nav > li > a:focus {
    background: #484545;
}

.maps .nav > li.active > a, .maps .nav > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #C4004B;
}

.maps .navbar-toggle .icon-bar {
    background: #fff;
}

.mapFilterHeading {
    color: #fff;
    font-size: 150%;
    float: left;
    padding: 10px 15px;
}

.arrow-right {
    float: right;
    width: 0;
    height: 0;
    margin-left: 10px;
    margin-top: 3px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
}

.map {
    height: 640px !important;
    /*border: 1px solid black;*/
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
}

#mapOverlay {
    height: 100%;
    width: 100%;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0.5;*/
    background: rgba(0, 0, 0,0.05);
    border-radius: 3px;
}

    #mapOverlay div {
        width: 100px;
        position: absolute;
        left: 0;
        right: 0;
        top: 200px;
        margin: 0 auto;
        color: #fff;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 3px;
    }

.leaflet-bar button {
    padding: 0;
}

.mapInfo.rfloat {
    padding: 10px 0;
}
#mapOuter {
    padding-bottom: 0;
}
.maps{
    padding-top: 0;
}
#searchBoxResetButton {
    font-size: 16px;
    position: absolute;
    right: 0px;
    top: 20px;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 13px;
}
/*********Maps tabs Style Ends*************/
/**************Opt In Style Starts*******************/
#togglePasswordLogin, #togglePasswordConfirm, #togglePasswordsignUp, #toggleProfilePassword, #toggleProfilePasswordConfirm, #toggleForgetPasswordConfirm, #toggleForgetPassword {
    position: absolute;
    right: 20px;
    top: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}

/**************Opt In Style Ends*******************/

/*********News and Wheather tabs Style Starts************/
#emergencyfeeds, #energyfeeds, #roadsfeeds, #facebookfeedsParks, #facebookfeedsRadio, #facebooksocial {
    margin-top: -70px;
}

#newsColumn, #weatherColumn, #fireColumn, .fireDangerOuter, #seaWay {
    /* padding: 15px;*/
    background-color: #fff;
    float: left;
    width: 100%;
    /* margin: 15px 0 ;*/
    border-radius: 0.3571em;
}

#weatherWarningContent {
    overflow-y: none;
    margin: 0 0 20px 0;
}

#weatherColumn {
    display: grid;
    grid-template-rows: 15% 70% 15%;
}

.headingInfo h2 {
    float: left;
}

.updateInfo {
    color: #666;
    font-size: 89%;
    float: right;
    clear: left;
}

.viewMore {
    cursor: pointer;
    display: block;
    background-color: #676767;
    float: right;
    padding: 5px 20px;
    color: #fff;
    clear: left;
    border-radius: 3px
}

.viewMoreWeather {
    cursor: pointer;
    display: block;
    background-color: #676767;
    float: right;
    padding: 5px 20px;
    color: #fff;
    clear: left;
    border-radius: 3px;
}

.tempratureContainer {
    float: right;
    color: #1e8bcd;
}

.tempImage {
    text-align: center
}

    .tempImage img {
        width: 50px
    }

.tempNow {
    float: left;
    margin-right: 25px;
}

.temp {
    font-size: large;
}

.tempNow .subText {
}

.tempFeels {
    float: right;
}

.contentInfo {
    float: left;
    width: 100%;
    padding: 10px 5px;
}

.contentInfoTab {
    float: left;
    width: 100%;
    padding: 10px 5px;
}


.contentItem {
    /*  border-bottom:1px solid #666;
    margin:5px;
    padding:5px 0px;
    float: left;
    width:80%;
    clear: left;*/
    border: 1px solid #eaeaea;
    margin: 0.3571em 0;
    padding: 5px 10px;
    float: left;
    width: 100%;
    border-radius: 0.3571em;
    clear: left;
}
/*.contentInfo .contentItem:last-child{
    border-bottom:none;
}*/
/*.contentItem > .contentDetail,.contentInfo .contentItem:nth-of-type(1n+3) {
    display:none;
}*/
.contentTitle {
    font-size: 105%;
    font-weight: bold;
}

.conItem {
    cursor: pointer;
    text-decoration: none;
}

.SocialMediaColumn {
    /*background-color: #fff;*/
    /*margin: 0.3571em;*/
    border-radius: 5px;
    padding: 0.3571em;
}

#SocialmediaColumn {
    background-color: white;
    border-radius: 5px;
    width: 100%;
}

.curatorColumn {
    background-color: white;
    border-radius: 5px;
}

.tab-content {
    height: 643px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#mainContent .tab-content {
    height: auto !important;
}

#bootstrap-wizard-1 .tab-content {
    overflow-y: hidden;
    overflow-x: hidden;
    height: auto !important;
}

#mobileResp {
    display: none
}

#laptopResp {
    display: block
}

#ipadResp {
    display: none
}
.warningBase {
    display: flex;
    padding: 0px;
    border: 5px solid #e4e0e0;
}
.qldWarningsColumnOuter {
    border-top: 0;
}
/*********News and Wheather tabs Style Ends*************/
/*********Bottom tabs Style Starts************/
#bottomlink-main {
    /*background-color: #484545;*/
    padding: 5px 0;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.rightBorder {
    border-right: 1px #666666 solid;
}

.bottomLinks {
    display: flex;
    max-height: 80px;
}

    .bottomLinks > div > div, .bottomLinks .bottomLinksTab, .bottomLinks a {
        color: #fff;
        background-color: #484545;
        cursor: pointer;
        text-align: center;
        border-radius: 5px;
        margin-top: -0.1%;
        min-height: 30px;
        height: 100%;
        font-size: 1.15em;
    }

        .bottomLinks .bottomLinksTab:hover, .bottomLinks .bottomLinksTab:active, .bottomLinks .bottomLinksTab:focus, .bottomLinks a:hover, .bottomLinks a:active, .bottomLinks a:focus {
            color: #fff;
            text-decoration: none;
        }

    .bottomLinks img {
        margin-right: 5px;
        height: 25px;
    }

#emergencyContacts img {
    height: 22px;
    margin-bottom: 3px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    margin: 0 auto;
}

#getPrepared, #smsUpdates, #tabOpenShelters {
    cursor: pointer;
    text-align: center;
    background: #484545;
    border-radius: 5px;
}

    #getPrepared a, #smsUpdates a, #tabOpenShelters a {
        color: #fff;
        text-decoration: none;
    }

    #getPrepared h3, #smsUpdates h3 {
        margin-top: 15px;
    }

    #getPrepared img {
        height: 30px;
        /*border: 1px solid #fff;
    border-radius: 50%;*/
        margin-right: 5px;
    }

svg.icon {
    fill: #fff;
    margin-right: 5px;
}

/*********Bottom tabs Style Ends************/

/*********Modal Style Starts**********/
.modal-body {
    padding: 15px;
    float: left;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

#myModal {
    z-index: 100000;
}

    #myModal .modal-title {
        text-align: center;
        color: #000;
    }

.acknowledgement {
    font-style: italic;
    color: #999;
    font-size: 90%;
    float: left;
}
/*********Modal Style Ends************/
/************select Radio Start***************/
#radiostation-table {
    width: 100%;
}

    #radiostation-table th {
        width: 50%;
        background: #1c2d6d;
        color: #fff;
        text-align: center;
        padding: 0.75em 1em;
    }
/************select Radio End***************/

/***********Neighbouring Council Start*******************/

.neighbour-council-header-text {
    text-align: center;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    font-size: 1.8rem;
}

.neighbour-council-dropdown-list li {
    text-align: center;
    list-style-type: none;
    padding: 0.5em;
    border-bottom-style: inset;
    border-bottom-width: thin;
}

    .neighbour-council-dropdown-list li:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .neighbour-council-dropdown-list li a {
        font-size: 1.8rem;
        font-weight: bold;
    }
/***********Neighbouring Council End*******************/

/*operation start*/
.operation-camera-img {
    height: 51px;
    width: 98px;
    margin-top: -9%;
}

.operation-camera-container {
    cursor: pointer;
    border: 1px solid #000000;
    margin-top: -2%;
    border-radius: 5px;
    font-size: 1.1rem;
    padding-top: 1%;
    text-align: center;
}

    .operation-camera-container p {
        text-align: center;
    }

.operation-tab {
    box-shadow: 0 0 5px #17150c;
    margin-bottom: 1%;
    border-radius: 9px;
    padding: 13px;
}

    .operation-tab h4 {
        color: #000;
    }

/*operation end*/
/*********footer Style Starts**********/
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #484545;
    color: #fff;
}

    footer .row {
        padding: 15px;
    }

    footer a {
        font-size: 12px;
        color: #fff;
    }

    footer strong {
        font-size: 12px;
    }

    footer p {
        font-size: 12px;
    }

.poweredby {
    margin-top: 10px;
}

.racqLogo {
    width: 100px;
}

.stayConnected img {
    width: 20px;
    margin-right: 3px;
}

#accessibilityLink {
    cursor: pointer;
    padding-bottom: 5px;
}

/*********footer Style Ends************/
#footerModal {
    color: #000;
}

    #footerModal a {
        color: #337ab7;
    }

        #footerModal a :hover {
            color: #78ab07 !important;
        }

.panel-heading {
    color: #575757 !important;
    margin: 0 !important;
    float: left;
    width: 100%;
    clear: both;
    background: #fff !important;
}

.panel .panel-heading h2 {
    margin: 0;
    font-weight: bold;
    float: left;
}

.panel .panel-heading img {
    float: left;
    height: 40px
}

.panel-content {
    clear: both
}

/**subscription pages style*/
.sidenav {
    height: 100%;
    /* min-height: 550px; */
    width: 100%;
    float: left;
    z-index: 1;
    top: 0;
    left: 0;
    padding-top: 20px;
    list-style-type: none;
    padding-left: 0;
    border-right: 1px solid#e9e4e3;
}

#mainContainerInner {
    padding-left: 1%;
    padding-right: 1%;
    background-color: #fff !important;
}

.sidenav li {
    padding: 1px 3px;
    font-size: 18px;
    border-bottom: 3px solid transparent;
    padding: 10px;
}

    .sidenav li a {
        color: #082130 !important;
        text-decoration: none !important;
    }

    .sidenav li.active a {
        color: #fff !important;
    }

    .sidenav li.active {
        background-color: #484545;
        color: #fff !important;
    }

#logoutUser {
    position: absolute;
    right: 2%;
    padding: 4px;
    border-radius: 5px;
    margin-right: -30px;
    background-color: #8F2D56;
    color: #fff;
    border-color: #484545;
    z-index: 2;
    cursor: pointer;
}

    #logoutUser:hover {
        filter: brightness(1.2);
    }


#logoutHome {
    background-color: #484545;
    color: #fff;
    border-color: #484545;
    z-index: 99999;
}

#mainContainerInner #mainContent .tab-content {
    min-height: 90vh !important;
}

.bootbox .modal-dialog {
    z-index: 9999 !important;
}

.bootbox .modal-title {
    color: #000;
}

#logoutMobile {
    display: none;
}

.mobileVerificationText {
    /* animation: blinker 1s linear infinite;*/
    /*  color: #ca5c09 !important;*/
}

.mobileVerificationText2 {
    /* animation: blinker 1s linear infinite;*/
    color: white !important;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes fade {
    from {
        opacity: 0.1;
    }
}

.infoMsg {
    position: fixed;
    right: 0;
    width: 300px;
    border: 3px solid #73AD21;
    top: 12px;
    z-index: 999999;
}

.blinking {
    animation: fade 0.3s infinite alternate;
}

.pac-container {
    /*margin-top: 165px;*/
    z-index: 9999999 !important;
}

#verifyPhoneModal .modal-title {
    color: #000 !important;
}

/*Forum section Css starts here*/
#forumCategories {
    padding: 15px;
    background-color: #fff;
    float: left;
    padding-bottom: 25px;
    border-radius: 5px;
    border: 1px solid grey;
}

#forumQuestions {
    padding: 15px;
    background-color: #fff;
    float: left;
    padding-bottom: 25px;
    border-radius: 5px;
    border: 1px solid grey;
}

.category {
    /*font-size:16px;
    color: white;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;*/
}

.question {
    background-color: antiquewhite;
    padding: 10px;
    border-radius: 5px;
}

.flex-box {
    display: flex;
}

.answer {
    background-color: #dff0d8;
    padding: 10px;
    border-radius: 5px;
}

.questionText {
    font-size: 16px;
    margin-bottom: 10px;
}

.rural-questionText {
    flex-grow: 10;
}

.rural-author-date-span {
    float: none !important;
    margin: 0 !important;
}

.mobile-screen-flex {
    flex-grow: 1.5;
    display: flex;
}

.authorAndDate {
    flex-grow: 1;
}

.answerText {
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 5%;
}

.author-date-span {
    float: right;
    font-size: 12px;
    margin-top: -12px;
    color: #337ab7;
    margin-right: -87%;
}

.author-date-span-reply {
    float: right;
    font-size: 12px;
    margin-top: 20px;
    color: #337ab7;
}


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

.reply {
    margin-left: 5%;
}

hr {
    margin-bottom: 0px;
}

.reply-hr-line {
    margin-left: 5%;
    margin-bottom: 0px;
}

.replyText {
    padding-left: 5%;
}

#formCollapse {
    margin-top: 10px;
}

#cke_headerDes {
    /*margin: 10px;*/
}

#addHeaderForm {
    border: 1px solid grey;
    border-radius: 5px;
}

footer .btn {
    margin: 0px 10px 0 0;
    float: right;
    height: 30px;
    /*margin: 10px 0 0 5px;*/
    padding: 0 22px;
    font: 300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    cursor: pointer;
}

.label {
    color: #082130;
    font-size: 14px;
}

.addReplyBtn {
    margin-left: 5%;
}

.viewAllReply {
    float: right;
}
/*this is for summernote*/
textarea.note-codable {
    display: none;
}

.note-editable {
    border: 1px solid gray;
}

.acknowledgeDiv {
    margin-left: 95%;
    margin-top: -37px;
}

.rural-acknowledgeDiv {
    flex-grow: 0.5;
    margin: 0 !important;
}
/*Forum section Css Ends here*/
/*Rural Connect styles starts here*/
#rualConnectTopics {
    /*border:1px solid grey;
    margin-right:1px;*/
    padding: 5px;
}

#ruralConnectQuestions {
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 25px;
    border: 1px solid grey;
    border-radius: 5px;
}

#ImgesList {
    margin-top: 10px;
    /* padding-left: 68px; */
    /* padding-right: 25px; */
    border: 1px solid grey;
    border-radius: 5px;
    margin-left: 1%;
    /* margin-right: 42%; */
    width: 98%;
    margin-bottom: .5%;
}

#rualConnectTopics {
    padding-right: 10px;
    /*border: 1px solid grey;*/
    /*margin-right: 1px;*/
}

.attachmentDiv {
    /*border: 1px solid black;*/
    padding: 5px;
    /*border-radius: 5px;*/
    /*background-color: white;*/
}


.topicDisplayTab {
    margin: 1%;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    font-size: 20px;
}

.topicDisplayTab1 {
    margin: 1%;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    font-size: 20px;
}

.attachmentList a {
    /*display: block;*/
    width: 10%;
    text-decoration: none;
    overflow-wrap: break-word;
}

#forumSubscriptionButton1 {
    background-color: #b3db38;
    padding: 10px;
    border-radius: 20px;
    width: 40%;
    margin-left: 27%;
    text-align: center;
    margin-bottom: -6px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 5px;
    /* margin-top: -55px;
   
    /*margin-top: -55px;*/
}

    #forumSubscriptionButton1:hover {
        background-color: #b0e804;
        border-radius: 20px;
        cursor: pointer;
    }

#backToDashBoard {
    /*margin-bottom: 2%;
  
    border-radius: 5px;*/
    width: 100%;
    padding: 0;
}

.forumQnLink {
    color: #337ab7;
    cursor: pointer;
}

    .forumQnLink:hover {
        text-decoration: underline;
        cursor: pointer;
    }
/*Rural Connect styles starts here*/
#youCanHelpDiv {
    padding-left: 10%;
}

    #youCanHelpDiv img {
        height: auto;
        width: 55%;
    }

    #youCanHelpDiv div {
        box-shadow: 0 0 5px #17150c;
        text-align: center;
        margin: 10px;
        height: 85px;
    }

#addQuestionForm footer {
    position: initial;
}

#ruralCommunityConnect img {
    width: 40%;
    margin-left: 33%;
    vertical-align: central;
}

#ruralconnect {
    width: 26%;
    margin-left: 8%;
}

#camImage {
    width: 26%;
    margin-left: 7%;
}

#imgGallery {
    margin-top: 5px;
    background-color: #f8e19e;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 5px;
    min-height: 10px;
}

.container-optIntView {
    padding-left: 10px;
    padding-right: 10px;
}

.profileImg {
    float: left;
    height: 50px;
}

#SearchDiv {
    background-color: #484545;
    min-height: 160px;
    padding: 0.5rem 1rem;
    position: relative;
    left: 0;
}

#searchLine, #searchLine1 {
    color: #fff;
    font-size: 2.25rem;
    padding: 0 0 1.05em;
    width: 100%;
}

#inputText {
    display: block;
    float: left;
    width: 60%;
    height: 3em;
    margin: 0;
    padding: 0 5%;
    border: none;
    border-radius: 0;
    background: #fff;
    font-size: 1.5rem;
    border-radius: 5px !important;
}

#clearSeach {
    margin-left: -9%;
    border-radius: 3px;
    cursor: pointer;
}

.searchBtn {
    right: 0;
    width: 25% !important;
    height: 3em !important;
    /*padding: 0 2%;*/
    border: none;
    border-radius: 0;
    color: #fff;
    background: #C4004B !important;
    font-size: 1.5rem;
    font-weight: 500;
    text-indent: 0 !important;
    z-index: 1;
    /*padding-top: 2.4%;*/
    border-radius: 5px !important;
}

.askquestion {
    right: 0;
    width: 77% !important;
    height: 3em !important;
    border: none;
    border-radius: 0;
    color: #fff;
    background: #C4004B !important;
    font-size: 1.5rem;
    font-weight: 500;
    text-indent: 0 !important;
    z-index: 1;
    border-radius: 5px !important;
}

.askquestion1 {
    right: 0;
    width: 100% !important;
    height: 3em !important;
    padding: 0 2%;
    border: none;
    border-radius: 0;
    color: #fff;
    background: #C4004B !important;
    font-size: 1.5rem;
    font-weight: 500;
    text-indent: 0 !important;
    z-index: 1;
    /* padding-top: 4%; */
    border-radius: 5px !important;
}

.locaSearch {
    right: 0;
    width: 100% !important;
    height: 3em !important;
    border: none;
    border-radius: 0;
    color: #fff;
    background: #C4004B !important;
    font-size: 1.5rem;
    font-weight: 500;
    text-indent: 0 !important;
    z-index: 1;
    border-radius: 5px !important;
}

.locaSearchSelected {
    background: darkgreen !important;
    right: 0;
    width: 100% !important;
    height: 3em !important;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
    text-indent: 0 !important;
    z-index: 1;
    border-radius: 5px !important;
}

#askOr {
    padding: 26px 0;
}

.Or {
    color: white;
    font-size: 18px;
}

#locOr {
    padding: 26px 0px;
}

#SearchDiv .btn-success.active, #SearchDiv .btn-success:active {
    color: #fff;
    background-color: #C4004B;
    border-color: #C4004B;
}

#locationSelectionDiv .select2-container--default {
    min-width: 100% !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}


/*Fire Danger Ratings*/
.fireDangerOuter {
    background: white;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.districtSelector {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

    .districtSelector button {
        margin: 5px;
    }

.fireDangerContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    width: 100%;
    padding: 10px;
}

.fdrSelectorBtn {
    background: #00355b;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

.fdrActive {
    background: #e66a2e;
}

.fireDangerTable {
    width: 100%;
}

#fireDangerImage {
    width: 100%;
    max-width: 418px;
}



.flex-column {
    display: flex;
    /*    justify-content: center; */
    flex-direction: column;
    align-items: center;
}

.justify-center {
    justify-content: center;
}

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

.fdr-arrow {
    font-size: 4em;
    color: #000;
    position: absolute;
    bottom: 40px;
}

.fdr-low-moderate {
    left: 38%;
    bottom: -8%;
    -webkit-transform: rotate( -69deg );
    -moz-transform: rotate(-69deg);
    -ms-transform: rotate(-69deg);
    -o-transform: rotate(-69deg);
    transform: rotate( -69deg );
}

.fdr-high {
    left: 40%;
    bottom: -2%;
    -webkit-transform: rotate( -43deg );
    -moz-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    transform: rotate( -43deg );
}

.fdr-very-high {
    left: 44%;
    bottom: 1%;
    -webkit-transform: rotate( -12deg );
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    transform: rotate( -12deg );
}

.fdr-severe {
    left: 48%;
    bottom: 1%;
    -webkit-transform: rotate( 17deg );
    -moz-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    -o-transform: rotate(17deg);
    transform: rotate( 17deg );
}

.fdr-extreme {
    left: 51%;
    bottom: -3%;
    -webkit-transform: rotate( 50deg );
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate( 50deg );
}

.fdr-catastrophic {
    left: 54%;
    bottom: -8%;
    -webkit-transform: rotate( 80deg );
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate( 80deg );
}
.WarningMenu > li {
    padding-right: 5px;
}
.WarningMenu > li > a {
    text-decoration: none;
    border-color: transparent;
    
}
.WarningMenu > li.active > a, .WarningMenu > li.active > a:focus, .WarningMenu > li.active > a:hover {
    text-decoration: none;
    border: 1px solid #808080;
    border-bottom-color: transparent;
    border-top: 3px solid #6082B6;
}
#WarningMenu {
    border-bottom: 1px solid #808080;
}
#WarningTab {
    height: unset !important;
    padding-top: 1%;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
/***Dynamic Chart **/
#legend-2-holder li:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

#legend-7-holder {
    display: block;
    position: relative;
    padding: 7px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    width: 100%;
    height: auto;
    min-height: 27px;
}

    #legend-7-holder span:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

#legend-9-holder {
    display: block;
    float: left;
    padding: 7px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    width: 100px;
    height: auto;
    min-height: 210px;
}

    #legend-9-holder span:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }


@media(max-width:500px) and (min-width:360px) {
    .dashboard-title {
        font-size: 18px !important;
    }

    .vid_btn_menu {
        flex-direction: column;
    }
}

@media (max-width: 360px) {
    .vid_btn_menu {
        flex-direction: column;
    }

    .dashboard-title {
        font-size: 12px !important;
    }
}

.flexLeft {
    display: flex;
    justify-content: left;
}

@media(max-width: 450px) {
    .temp-value {
        font-size: 1em !important;
    }

    #temperature {
        font-size: 1.1em !important;
    }
}

#temperature {
    font-size: 1.5em !important;
}

@media(max-width:991px) and (min-width:767.5px) {
    #notice_warningsandalerts .notice-new__Container {
        width: 100%;
    }
}

@media(max-width:767.5px) {
    #notice_warningsandalerts {
        min-height: auto;
    }
    #FloodcastMapContainer {
        order: 2
    }

    #WarningContent {
        order: 1
    }

    #WidgetsContainer {
        flex-direction: column;
    }
}

.navbar-toggle {
    float: left;
}

#capcha {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

#flood-camera-information {
    max-height: unset;
}

/*QLD Warnings and Alerts START*/

.qld-warning-content-item {
    display: flex;
    flex-direction: row;
    border: 1px solid black;
    border-radius: 5px;
    margin: 0.3em 0em;
    justify-content: space-between;
    cursor: pointer;
}

.qld-warning-content-item-hover-overlay {
    background: black;
    position: absolute;
    padding: 1em 0em;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 5px;
}

.qld-warning-content-item-hover-overlay:hover{
    opacity:0.1;
}

.qld-warning-content-item:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px;
    cursor: pointer;
}

.view-warning-details {
    /*    background: #1f3640;
    color: white;*/
    display: flex;
    padding: 1em;
    align-items: center;
    font-size: large;
}

.qld-warning-text-container {
    padding: 0.8em;
    width: 100%;
    font-weight: 400;
}

.qldWarningsColumn {
    background: white;
    border-radius: 5px;
    max-height: 640px
}

.qldWarningsContent {
    max-height: 510px;
    overflow-y: scroll;
}
.qld-warning-image {
    padding: 0.2em;
    align-content: center;
}
@keyframes fadeIn {
    0% {
        margin-top: 0em;
    }

    100% {
        margin-top: 1em;
    }
}
.fade-in-item {
    animation: fadeIn 0.5s;
}
/*QLD Warnings and Alerts END*/
#camera-information {
    max-height: unset;
}
.small-outage-modal td, .small-outage-modal th {
    color: #000;
}

.small-tab-info-number {
    font-size: 1.15em;
    font-weight: bolder;
}

.tab-outage-small .briefInfo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


#outage-table td, #outage-table th, .small-outage-modal td, .small-outage-modal  th{
    color: #000;
    font-size: 14px;
}
@media(max-width:767.5px){
    .tab-outage-small .briefInfo{
        justify-content: center;
    }
    .small-tab-info-number {
        padding-right: 5px;
    }
}