.LockView-SceneConfig-list {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/**
 *  Expandable
 */
.lockview-expandable {
    cursor: pointer;
    display: flex;
}

.lockview-expandable i {
    margin-top: 2px;
    margin-right: 5px;
}

.lockview-collapsed {
    display: none;
}

/**
 * Shared
 */

#lockView-userConfig header.table-header,
#lockView-sceneConfigurator header.table-header {
    background: var(--color-text-dark-inactive);
    padding: 0.5rem;
    color: var(--color-text-light-highlight);
    border: 1px solid var(--color-border-dark-4);
    font-weight: bold;
    text-shadow: 1px 1px var(--color-shadow-dark);
}

.theme-dark #lockView-userConfig header.table-header,
.theme-dark #lockView-sceneConfigurator header.table-header {
    background-color: var(--color-cool-4);
    border-color: var(--color-cool-4);
}

#lockView-userConfig ul.userSettings-list,
#lockView-sceneConfigurator ul.sceneConfigurator-list,
#lockView-setView ul.setView-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow: hidden auto;
}

#lockView-userConfig li.userSettings-line,
#lockView-sceneConfigurator li.sceneConfigurator-line,
#lockView-setView li.setView-line {
    padding: 0.25rem 0.5rem;
    border-bottom: 1px solid var(--color-border-dark-4);
    gap: 0;
}

#lockView-userConfig li.userSettings-line .form-fields,
#lockView-sceneConfigurator li.sceneConfigurator-line .form-fields,
#lockView-setView li.setView-line .form-fields {
    justify-content: space-around;
}

/**
 * User Config
 */
#lockView-userConfig .columnLabel {
    width: auto;
    text-align: left;
    line-height: 1.25rem;
}

#lockView-userConfig .columnCheckbox {
    min-width: 12.5%;
    max-width: 12.5%;
    text-align: center;
}

#lockView-userConfig hr {
    margin-top: 0;
    margin-bottom: 0;
}

/**
 * Initial View Config
 */
#lockView-initialViewConfig .form-group {
    margin-bottom: 0.25rem;
}

#lockView-initialViewConfig .form-group button {
    min-width: 50%;
}

#lockView-initialViewConfig footer {
    margin-top: 1rem;
}

/**
 * Scene Configurator
 */

#lockView-sceneConfigurator li.sceneConfigurator-line {
    margin: 0;
    padding: 0;
}

.theme-dark #lockView-sceneConfigurator header.table-header {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#lockView-sceneConfigurator header.table-header div {
    margin-top: auto;
    text-align: center;
}

#lockView-sceneConfigurator .columnName {
    text-align: left;
    line-height: 1.25rem;
    white-space: nowrap;
    overflow: hidden;
}

#lockView-sceneConfigurator .columnCB {
    min-width: 25px;
    max-width: 25px;
    line-height: 1.25rem;
}

#lockView-sceneConfigurator .columnButton {
    min-width: 25px;
    max-width: 25px;
    margin-left: 5px;
    margin-right: 0px;
}

#lockView-sceneConfigurator .columnButton button {
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
}

#lockView-sceneConfigurator .sceneConfigurator-line .columnSelect {
    padding: 2.5px;
}

#lockView-sceneConfigurator .columnAutoscale,
#lockView-sceneConfigurator .columnHideOn,
#lockView-sceneConfigurator .columnSidebarSceneLoad {
    max-width: 125px;
    min-width: 125px;
}

#lockView-sceneConfigurator .columnAutoscale label {
    transform: translate(20px,100%) rotate(-90deg);
}

#lockView-sceneConfigurator .columnHideOn label {
    transform: translate(10px,100%) rotate(-90deg);
}

#lockView-sceneConfigurator .columnSidebarSceneLoad label {
    transform: translate(30px,100%) rotate(-90deg);
}

#lockView-sceneConfigurator .table-header-inner {
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    line-height: 1.5;
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 0 0;
    padding-left: 5px;
    padding-right: 5px;
}

#lockView-sceneConfigurator .table-header-inner:after {
    content: "";
    display: block;
    margin: -1.5em 0 100%;
}

#lockView-sceneConfigurator .vl-top,
#lockView-sceneConfigurator .vl-bottom,
#lockView-sceneConfigurator .vl-li {
    border-left: 1px solid;
    max-width: 1px;
    margin: 0;
}

#lockView-sceneConfigurator hr {
    margin: 0;
}

#lockView-sceneConfigurator .defaultConfig {
    font-style: italic;
}

/**
 * Set View
 */
#lockView-setView .columnCheckbox {
    min-width: 50px;
    max-width: 50px;
    line-height: 1.25rem;
}

#lockView-setView .indent {
    padding-left: 10px;
}

/**
 * Control buttons config
 */

#lockView-controlButtonsConfig label {
    flex: 6;
}

#lockView-controlButtonsConfig .form-fields {
    flex: 1;
}