body {
    background: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
}

h1{
    margin:0px;
    padding:5px;
    color:black;
}

.mainWrapper{
    padding-top: 1%;
   /* margin-top: -7%;
       
}*/
   }

.displayFlex{
    display:flex;
}

.legendSubItem{
    margin-left:10px !important;
}

.legend h4{
    cursor: pointer;
}

/******bushfire warnings widget******/
.bushfire-content-item {
    display: flex;
    border: 1px solid #eaeaea;
    border-radius: 0.28em;
    align-items: stretch;
    margin: 5px
}

    .bushfire-content-item img {
        max-width: 50px;
    }

.busfire-warning-text-container {
    padding: 5px;
    width: 100%;
}

.bushfire-warning-image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.bushfire-warninglevel {
    font-weight: 700;
    color: red;
}

.view-more-bushfire, .bushfireitemsSpan {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 60px;
    cursor: pointer;
    padding: 0px;
    font-size: 0.85em;
    font-weight: 700;
    background-color: #21353e;
    color: #fff;
    border: 1px solid #21353e;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/******Bootstrap class overrite******/
.row {
    margin: 0px;
    padding: 0px;
}

.container{
    width:80%;
}

@media (max-width: 481px) {
    .container {
        width: 90%;
    }

    .leaflet-right {
        width: 80%;
    }

    #SBox_maps {
        width: 90%;
    }
}

/******Banner styles start here******/

#outerHeaderImg{
   /* max-height:280px;*/
}

/******Banner styles end here******/

.fireDangerOuter {
    background: white;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
}

.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;
    width: 100%;
    padding: 10px;
}

.selectLanguageImage{
    display: inline-block;
}

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

.fdrActive {
    background: #e66a2e;
}

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

.fireDangerTable {
    width: 100%;
}

/******header styles start here******/

.logoContainer {
    background: white;
    color: black;
}

#logoimg{
    width: 221px;
    height: auto;
}

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

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

header .container{
   
}

.headerOuter, .header1, #menuItems {
    background: #21353e;
}
.header1 .navbar-nav > li{
    background: #21556c;
    border-top: 5px solid #21556c;
}

.header1 .navbar{
    background: #21353e;
}


/******header styles end here******/


/******Footer styles end here******/
./*footerMain{
    padding: 0px;
}
footer .container{
    text-align: center;
}

footer h4 {
    color: white;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.3em;
}
 footer a{
     color: white;
     font-size: 1.2em;
 }

footer a:visited {
    color: white;
}

footer .footer-upper {
    background: #21353e;
    padding: 30px 5px;
}

.footer-lower {
    background: black;
}*/
/******Footer styles end here******/

/******widget styles start here******/
.justify-center {
    justify-content: center;
}

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

#tabSandbagStations .noData, #tabMoretonEvacs .noData, #tabPlaceOfRefuge .noData {
    display: none;
}

.briefInfo #IMSOutagestable {
    display: none;
}
.toptabsExternalLinks a:hover {
    text-decoration: none !important;
}

#newsColumn, .radio-station, .noticeContainer, .weatherColumn, .seaWayOuter, #SocialmediaColumn, #CuratorFeed, .fireDangerInner {
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 10px;
    background: white;
    height: 100%;
    width:100%;
}

/*#newsColumn, .radio-station, #SocialmediaColumn, .notice-newStyle, #weatherColumn, .fireDangerOuter, #fireColumn, .seaWayOuter {
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    padding: 10px;
    background: white;
}*/

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

.contentItem {
   /* border-bottom: 1px solid #21353e !important;
    border-top: 1px solid #21353e !important;
    border-left: 1px solid #21353e !important;
    border-right: 1px solid #21353e !important;*/
    margin-top: 5px !important;
    padding:10px !important;
}

#weatherWarningContent .contentItem {
     width: 100%; 
}

#weatherColumn {
   /* display: grid;
    grid-template-rows: 25% 65% 10%;
    max-height: 450px*/;
}

#NewsWarningContent .contentDetail{
    display:none !important;
}

#seaWay {
    margin-top: 11px;
}

#selectweather {
    margin-left: 2%;
}

.SocialMediaColumn .contentInfo {
    padding-top: 5px;
}

.SocialMediaColumn .tab-content {
    padding-top: 10px;
}

.radio-station{
    margin-top: 0px;
}

@media( max-width: 460px) {
    #logoimg{
        float:none;
        padding:0px;
        margin:0px;
    }
    .headerContent div{
        text-align:end;
    }
}

@media( max-width: 768px) {
    .header1 {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .icons img {
        width: 25%;
    }
    .goog-te-gadget .goog-te-combo{
        font-size: 15px;
    }

    #selectLang_ {
        margin-top: -8px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .icons img {
        width: 19%;
    }
}
@media (max-width: 480px) {
    .icons img {
        width: 15%;
    }

    .temp, .tempFeels, .tempNow .subText{
        font-size: 90%;
    }

    #weatherColumn .headingInfo h2 i span{
        display: flex;
    }

}

.notice-new__Container h4{
    text-align: left!important;
}

h3 {
    color: #333 !important;
}