/******************************
    UpdateAddress Stylesheet
 ******************************/

.update-address-container {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: 100%;
}

.update-address-header {
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 0.5vh;
    padding-bottom: 0.5vh;
    border-bottom: 1px solid lightgrey;
}

.update-address-select {
    display: flex;
    flex-direction: column;
    padding: 0.5vh;
}

.update-address-select label {
    font-weight: bold;
    padding: 0.5vh;
}

.update-address-select select {
    width: fit-content;
    font-size: 16px;
}

.update-address {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 2vh;
}

.update-address-type {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.update-address-type label {
    padding-left: 0px;
}

.address-type {
    width: 40.3%;
    height: 100%;
}

.address-country-region {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}

.address-country-region label {
    padding-left: 0px;
}

.country-text {
    width: 40.3%;
    height: 100%;
}

.address-name {
    display: flex;
    flex-direction: column;
}

.address-address {
    display: flex;
    flex-direction: column;
}

.address-city {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding-right: 5px;
    height: fit-content;
}

.address-state {
    display: flex;
    flex-direction: column;
    width: 30%;
    padding-right: 5px;
    height: auto;
}

.address-zip {
    display: flex;
    flex-direction: column;
    width: 30%;
}

.update-address label {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

.city-state-zip {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-content: center;
    padding: 5px;
}

.address-text {
    font-size: 16px;
    margin: 0 0 5px 5px;
    width: 40%;
}

.city-text {
    width: 100%;
}


.state-text {
    width: 100%;
    height: 100%;
}

.zip-text {
    width: 100%;
}

.submit-address {
    float: left;
    margin-bottom: 0vh;
}

.submit-address-button {
    margin-right: auto;
    margin-left: 0.5vw;
    width: fit-content;
}

.update-address-body {
    margin-bottom: 12vh;
}