#user-data {

}
@media (max-width: 800px){
    #user-data{
        margin-top: 25px;
    }
}

.user-data__block{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.user-data__block.hidden{
    visibility: hidden;
}
.user-data__title{
    color: #d0bfa9;
    font-weight: bold;
}
.user-data__input:disabled{
    background: none;
    border: 2px solid transparent;
    width: 150px;
}
.user-data__button-block {
margin-bottom: 30px;
}
.user-data__button{
    background: #4a433d;
    color: #af9e88;
    font-weight: bold;
    height: 46px;
    border-radius: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    width: 200px;
    cursor: pointer;
}
.user-data__button:hover{
    background: #af9e88;
    color: #4a433d;
}

/* * * * * */
.personal-sections{
    border: 1px solid #ece8e5;
    border-top: none;
    cursor: pointer;
}

.personal-section {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-top: 1px solid #ece8e5;
}

.personal-section__title,
.personal-section__title:hover {
    font-size: 16px;
    color: rgb(52, 49, 45);
    font-weight: bold;
    text-decoration: none;
}

.personal-section__btn {
    width: 20px;
    height: 20px;
    background: url(/local/templates/avel/images/sidebar_section_opened.png) no-repeat center;
    cursor: pointer;
}

.personal-subsection {
    display: none;
    flex-direction: column;
    border-top: 1px solid #ece8e5;
}

.personal-subsection.active {
    display: flex;
}

.personal-subsection__title {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px 15px;
    color: #af9e88;
    font-style: italic;
}

.personal-subsection__title:hover {
    color: #4a433d;
    background-color: #f4f1ef;
    text-decoration: none;
}

/* * * * * * * */
.personal-page {
    min-height: 300px;
}

.personal-order__list {
    border: 1px solid #ece8e5;
    border-bottom: none;
    margin-bottom: 50px;
}
@media (max-width: 1000px){
    .personal-order__list {
        margin-top: 25px;
    }
}

.personal-order__line {
    border-bottom: 1px solid #ece8e5;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal-order__data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30%;
    flex-wrap: wrap;
}

.personal-order__title {
    color: #34312d;
    font-size: 14px;
    font-weight: bold;
}

.personal-order__date{
    color: #af9e88;
}

.personal-order__actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal-order__repeat{
    color: #af9e88;
}
@media (max-width: 500px){
    .personal-order__repeat{
        display: none;
    }
}
.personal-order__repeat span {
    color: black;
}

.personal-order__repeat:hover{
    color: #af9e88;
    text-decoration: none;
    cursor: pointer;
}

.personal-order__delete{
    background: url(/local/templates/avel/images/close.png) no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.personal-order__detail {
    background-color: #dedddd38;
}

.personal-order__detail a,
.personal-order__detail span {
    font-size: 13px;
}

.personal-order__detail-name {
    display: flex;
    align-items: center;
}
@media (max-width: 800px){
    .personal-order__detail-name {
        padding-bottom: 15px;
    }
}

.personal-order__detail-name a,
.personal-order__detail-name a:hover {
    color: black;
}

.personal-order__detail-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.personal-order__detail-line {
    padding: 10px 0;
    border-bottom: 1px solid #b8b8b838;
}

.personal-order__detail-column-name {
    color: #af9e88;
}

.personal-order__empty {
    padding: 10px;
    border-bottom: 1px solid #b8b8b838;
}