
.form{
    font-size: inherit;    
    border-radius: 20px;
    text-align: center;
    margin-top: 10px;
    background-color: #2e2e2e;
    max-width: 600px;
    width: 550px;
    margin-right: auto;
    margin-left: auto;
}
.form h2{
    display: block;
    background:#161549;
    text-align: center;
    padding: 20px;
    margin: 0;
    border-radius: 20px 20px 0px 0px;
}
.form h3{
    font-size: 28px;
    padding: 20px 10px 10px 20px;
}
.form button{
    font: inherit;
    color: inherit;
    font-size: inherit;
    margin-top: 20px;
    margin-bottom: 30px;
    background:#161549;
    padding: 6px 30px 6px 30px;
    border-radius: 12px;
}
.form li{
    list-style: none;
    margin: 8px 8px 8px 8px;
}
.form textarea{
    font:inherit;
    display: block;
    margin: 10px auto;
    width: 70%;
}
.form select{
    width: auto;
    min-width: 170px;
}

.input-container{
    margin: auto;
    display: flex;
    width: 80%;
    height: 36px;
    border-radius: 6px;
    border: 3px solid #161549;
    background: #161549;
    margin: 10px auto;
    min-width: 0px;
}
.input-container img{
    width: auto;
    height: 36px;
    margin: 0px 8px 0px 6px;
}
.input-container input{
    width:100%;
    height:30px;
    font:inherit;
    font-size: inherit;
    border-radius: 6px;
    text-align: left;
    min-width: 0px;
}
.upload{
    display: inline;
    width:80%;
    margin: 6px auto;
    border: 4px solid #161549;
    border-radius: 10px;
    height: 100%;
    font-size: 1em;
}
.container{
    border: 4px solid #161549;
    border-radius: 10px;
    width: 88%;
    margin: 15px auto;
    padding: 20px 0px;
}
.house_no{
    width: 16%;
    height:30px;
    font:inherit;
    font-size: inherit;
    border-radius: 6px;
    text-align: left;
    margin: 15px auto;
}
.street{
    width: 60%;
    height:30px;
    font:inherit;
    font-size: inherit;
    border-radius: 6px;
    text-align: left;
    margin: 15px auto;
}
.suburb{
    font:inherit;
    font-size: inherit;
    width: 55%;
    height:30px;
    border-radius: 6px;
}
.postcode{
    font:inherit;
    font-size: inherit;
    width: 21%;
    height:30px;
    border-radius: 6px;
}
#id_state{
    font:inherit;
    font-size: inherit;
    width: 80%;
    height:34px;
    border-radius: 6px;
    margin: 16px 0px;
    min-width: unset;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}
.list{
    height: auto;
    width: auto;
    margin: 8px auto;
    font-size: 0.9em;
}
.left-align{
    text-align: left;
}
.right-align{
    text-align: right;
}
.list label{
    display: block;
}
.list select{
    width: auto;
    height: 32px;
}


/* Mobile view */
@media screen and (max-width:600px){
    .form{
        max-width: 100%;
    }
    .form li{
        margin:8px 0px;
        padding:0px;
    }
}
