.location{
    display: none;
}

.map-div{
    margin-top: -180px;
    z-index: -1;
}

.map-div path{
    fill:#f8f8f8 !important;
    stroke-width:0.1px !important;

}

.map-div path.selected{
    fill:#2f3a47 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.ACT,
.map-div path.selected.WA{
    fill: rgb(251,216,64) !important;
    fill: linear-gradient(30deg, rgba(251,216,64,1) 0%, rgba(222,183,13,1) 100%) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.NT{
    fill: rgb(183,100,36) !important;
    fill: linear-gradient(30deg, rgba(183,100,36,1) 0%, rgba(128,60,9,1) 100%) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.QLD{
    fill: rgb(107,38,49) !important;
    fill: linear-gradient(30deg, rgba(107,38,49,1) 0%, rgba(171,20,44,1) 100%) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.NSW{
    fill: rgb(145,203,232) !important;
    fill: linear-gradient(30deg, rgba(145,203,232,1) 0%, rgba(99,159,189,1) 100%) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.VIC{
    fill: rgb(0,0,123) !important;
    fill: linear-gradient(30deg, rgba(0,0,123,1) 0%, rgba(59,59,191,1) 100%) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.TAS{
    fill: rgb(43,105,86) !important;
    fill: linear-gradient(30deg, rgba(43,105,86,1) 0%, rgba(36,156,119,1) 100%)!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.selected.SA{
    fill: rgb(239,56,35) !important;
    fill: linear-gradient(30deg, rgba(239,56,35,1) 0%, rgba(166,24,8,1) 100%)!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.map-div path:hover{
    fill:#2f3a47 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.hover{
    fill:#2f3a47 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-div path.hover-aus{
    fill:#337ab7 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.map-div path.disabled{
    fill:#e4e4e4 !important;
    cursor: not-allowed;    
}


.state-overlay-circle{
    fill: #2e3a47 !important;
    stroke:#2f3a47 !important;
    cursor: pointer;
}

.state-overlay-circle.hover{
    fill:#2f3a47 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.state-overlay-circle.disabled{
    fill: #4a4b4d !important;
    stroke:#4a4b4d !important;
    cursor: not-allowed;
}

.selected.state-overlay-circle{
    fill: #306a82 !important;
    stroke:#306a82 !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;      
}

.state-overlay-text{
    stroke: none;
    fill: white; 
    cursor: pointer;

}

.map-div text:hover{
    text-decoration: none;
}



#map-container{
    display: none;
    width:100%;
}

@media (min-width: 1px) and (max-width: 700px) {
 .map-div{
        margin-top: -100px;
    }
    
}

.map-tip
{
     background-color: #f0f7fb;
     border-left: solid 4px #3498db;
     line-height: 18px;
     overflow: hidden;
}

.map-tip-text{
    font-size: 14px !important;
     padding: 7px;
     margin: 0;     
}