.control-body {
    margin-top: 128px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.user-panel {
    display: flex;
    flex-direction: column;
    width: 800px;
    height: 1000px;
    max-width: 1440px;
}

/*Sekcja avatara*/
.user-avatar-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    min-height: 224px;
    padding: 20px;
}

.user-avatar-container {
    width: 128px;
    height: 128px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

.user-avatar-img {
    width: 100%;
    height: 100%;
}

.user-avatar-bt-set {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
    height: 128px;
    justify-content: space-around;
}

.avatar-row {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.avatar-input-box {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.avatar-path-string {
    font-style: italic;
    color: var(--text-color);
    cursor: default;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: "...";
}

.avatar-bt-update {
    display: flex;
    flex-direction: row;
    width: 344px;
    justify-content: space-between;
}

/*Sekcja edycji danych*/
.user-data-section {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.user-password-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px;
}

.user-new-password-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.passwod-box {
    display: flex;
    flex-direction: column;
    width: 45%;
}

/*Regular*/
.pad32 {
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.margtb8 {
    margin-top: 16px;
    margin-bottom: 8px;
}

.panel-hr-separator {
    color: var(--bg-dark-color);
    border: 1px solid var(--text-distable);
}

.smol-info-txt {
    color: #fff;
    font-size: 8pt;
}

.smol-info-txt-wrong {
    color: #ff0000;
    font-size: 8pt;
}