.mainContainer{
    margin-top: 10px;
}
.hideOnHome {
    display: none;
}

.backgroundColorClass {
    background-color: transparent !important;
    border-color: transparent !important;
    overflow: hidden !important;
}
.logoimg {
    height: 140px;
    text-align: center;
    display: inline;
}
.banner{
    border:solid;
    border-color:#00ACBD;
    border-radius: 10px;
}

.regionErrorClass {
    color: #00395c;
}
.regionRow, .suburbRow{
    display: none;
}
.fontClass {
    font-family: Calibri, Arial, sans-serif !important;
    font-weight: 500;
}
#AveragePrice {
    font-weight: bold !important;
    font-size: 400%;
    font-weight: lighter;
    line-height: 60px;
}
.suburbRow input, .regionRow #RegionId{
    border-radius: 5px !important;
}

.secondRowDivs{
    background-color: #00395C;
}

.secondRowDivs label{
    color: white !important;
}
.secondRowDivs:hover,.secondRowDivs:hover label{
    border-color:white;
}
.fNearMeImage{
    height: 50px;
    display: inline;
}
.fNearMe{
    font-family: Calibri, Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.fuelNearMeCol {
    margin-top: 20px;
}
#fNMeClickEvent {
    margin-right: 2px
}
.equal {
    display: flex;
}

.searchDiv{
    background-color: #00ACBD;
    border-color: #00395C;
}
.formControlDiv{
    margin: 10px;
}
.homeLabels{
    margin-top: 5px;
    font-size: 160%;
    font-weight: 400;
    color: #00395C;
}
.checkboxLabelClass{
    margin-left: 27px;
}
.checkboxLabelClass:hover{
    cursor:pointer;
}
.fueltypetxt {
    margin: 0 5px !important;
}

.submitButton{
    width: 95%;
    color: white;
    background-color: #00395C;
    margin-bottom: 10px;
}
.lastRow{
    margin-bottom: 20px;
}

#ui-id-1{ 
    height: 200px; 
    overflow: auto;
}

svg {
width: 20px;
height: 13px;
margin: 0 1px;
}

.tootTip {
    display: none;
    margin-bottom: 0px !important;
    padding: 0 4px 0;
}

#border {
     fill: #ffffff;
}

#loader {
    fill: white;
}
.countdown {
    height: 100px;
}

.selectedFuelElement {
    color: white;
    font-weight: bold;
    font-size: 150%;
}

.fNearMe:hover, #AveragePrice:hover {
    cursor: pointer;
}
@media(max-width:900px) {
    #SelectedFuelType {
        font-size: 120%;
    }
    .avgPCols {
        padding: 1px !important;
    }
}

@media(max-width:750px) {
    #SelectedFuelType {
        font-size: 15px;
    }
}

@media(max-width:550px) {
	
    /*body {
        font-size: 90% !important;
    }*/
    .mainContainer {
        margin-top: 0;
    }
    .container-fluid {
        padding: 12px;
    }
    .logoimg {
        height: 70px;
    }
    .gn-icon {
        height: 50px !important;
    }
    .gn-menu-wrapper {
        top: 50px;
    }
    .marginbot-10 {
        margin-bottom: 5px !important;
    }
    .fNearMe{
        font-size: 25px;
    }
    .fuelNearMeCol {
        margin-top: 0px;
    }
    #suburbPostcodeLabel, #regionLabel {
        font-size: 10px;
        padding: 13px;
        padding-left: 3px;
        padding-right: 3px;
    }
    .homeScreenButtonsSize {
        vertical-align: middle;
        height: 34px;
    }
    .resizeForSmallScreens {
        height: 34px !important;
        padding: 0 5px;
        font-size: 14px;
    }
    .fuelCheckboxClass .cr {
        width: 15px;
        height: 15px;
    }
    .fuelCheckboxClass .cr .cr-icon {
        left: 0%;
    }
    #searchId > * {
        margin: 1px;
    }
    #searchButton {
        margin:5px 0px 5px 0px !important;
        padding: 0px;
        width: 100%;
    }
   .checkboxLabelClass {
       margin-left: 0px;
   }
   .homeLabels {
       margin: 0px;
   }
    #AveragePrice {
        line-height: 50px;
    }
}
@media(max-width:500px) {
    .fNearMe{
        font-size: 18px;
    }
    #AveragePrice {
        line-height: 32px;
        font-size: 30px;
    }
    #SelectedFuelType {
        font-size: 80% !important;
        font-weight: normal;
    }
    #suburbPostcodeLabel, #regionLabel {
        padding: 5px !important;
    }
    #suburbSpan {
        display: block;
    }
    .selectedFuelElement{
        font-size: 130%;
    }
}

@media(max-width:375px) {
    #AveragePrice {
        font-size: 200%;
        line-height: 16px !important;
    }
    .avgPCols {
        margin-top: 3px;
    }
    .selectedFuelElement{
        padding: 0 12px;
        font-size: 115%;
    }
    .fNearMe{
        font-size: 15px !important;
    }
}

@media(max-width:320px) {
    .selectedFuelElement{
        font-size: 100%;
    }
}