.user-label {
    width: 180px;
}

.user-search-label {
    width: 100px;
}






.user-profile-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    
}

.user-profile-line {
    display: flex;
    flex-diretion: row;
    gap: 10px;
    align-items: center;
}

.user-profile-label {
}





.user-profile-config-section {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.user-profile-config-module-selector-section {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-profile-config-module-selector,
.user-profile-config-module-selector-selected {
    padding: 12px 20px;
    font-weight: bold;
}


.user-profile-config-module-selector {
    cursor: pointer;
}

.user-profile-config-module-selector-unselected {
    background-color: #cccccc;
    color: black;
}

.user-profile-config-module-selector-selected {
    background-color: #444444;
    color: white;
}





.user-profile-config-module-config-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.user-profile-config-module-config {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.user-profile-config-module-config-unselected {
    display: none;
}

.user-profile-config-module-config-selected {
    display: flex;
}



.user-profile-config-module-config-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.user-profile-config-module-config-label,
.user-profile-config-module-config-value {
    flex-basis: 1;
    flex-grow: 1;
}






/* OLD */


.user-input-functionality-list-module-name {
    background-color: #cccccc;
    font-weight: bold;
    cursor: pointer;
}

.user-input-functionality-list-row {
    display: default;
}

.user-input-functionality-list-row-hidden {
    display: none;
}



#user-profile-config-input-config-list-module-name-block {
    display: inline-block;
    vertical-align: top;
}

.user-profile-config-input-config-list-module-name,
.user-profile-config-input-config-list-module-name-selected {
    display: block;
    margin: 2px 0 2px 0;
    padding: 12px 20px 12px 20px;
    font-weight: bold;
    cursor: pointer;
}

.user-profile-config-input-config-list-module-name {
    background-color: #cccccc;
    color: black;
}

.user-profile-config-input-config-list-module-name-selected {
    background-color: #444444;
    color: white;
}

#user-profile-config-input-config-list-module-config-block {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 20px;
    border-spacing: 4px 12px;
}


.user-profile-config-input-config-list-row {
    display: default;
}

.user-profile-config-input-config-list-row-hidden {
    display: none;
}