.page-proxmoxvevpscloud #layers .page-container,
.page-proxmoxvevpscloud #layers .lu-app,
.page-proxmoxvevpscloud #layers2 .page-container,
.page-proxmoxvevpscloud #layers2 .lu-app {
    color: var(--text-body-color);
}
.page-proxmoxvevpscloud #layers .page-container a:not(.lu-btn),
.page-proxmoxvevpscloud #layers .lu-app a:not(.lu-btn),
.page-proxmoxvevpscloud #layers2 .page-container a:not(.lu-btn),
.page-proxmoxvevpscloud #layers2 .lu-app a:not(.lu-btn) {
    color: var(--link-color);
}
.page-proxmoxvevpscloud #layers .lu-top__addon,
.page-proxmoxvevpscloud #layers2 .lu-top__addon {
    display: none;
}
.page-proxmoxvevpscloud #layers .lu-top.lu-m-b-4x,
.page-proxmoxvevpscloud #layers2 .lu-top.lu-m-b-4x {
    padding: 0 !important;
}
.page-proxmoxvevpscloud #layers .lu-top.lu-m-b-4x .lu-top__content,
.page-proxmoxvevpscloud #layers2 .lu-top.lu-m-b-4x .lu-top__content {
    margin: 0;
}
.page-proxmoxvevpscloud #layers .lu-m-b-4x,
.page-proxmoxvevpscloud #layers2 .lu-m-b-4x {
    background-color: var(--bg-color-transparent) !important;
}
.page-proxmoxvevpscloud #layers .lu-type-1,
.page-proxmoxvevpscloud #layers .lu-type-2,
.page-proxmoxvevpscloud #layers .lu-type-3,
.page-proxmoxvevpscloud #layers .lu-type-4,
.page-proxmoxvevpscloud #layers .lu-type-5,
.page-proxmoxvevpscloud #layers .lu-type-6,
.page-proxmoxvevpscloud #layers .lu-type-7,
.page-proxmoxvevpscloud #layers .lu-type-8,
.page-proxmoxvevpscloud #layers .lu-type-9,
.page-proxmoxvevpscloud #layers .lu-h1,
.page-proxmoxvevpscloud #layers .lu-h2,
.page-proxmoxvevpscloud #layers .lu-h3,
.page-proxmoxvevpscloud #layers .lu-h4,
.page-proxmoxvevpscloud #layers .lu-h5,
.page-proxmoxvevpscloud #layers .lu-h6,
.page-proxmoxvevpscloud #layers h1,
.page-proxmoxvevpscloud #layers h2,
.page-proxmoxvevpscloud #layers h3,
.page-proxmoxvevpscloud #layers h4,
.page-proxmoxvevpscloud #layers h5,
.page-proxmoxvevpscloud #layers h6,
.page-proxmoxvevpscloud #layers2 .lu-type-1,
.page-proxmoxvevpscloud #layers2 .lu-type-2,
.page-proxmoxvevpscloud #layers2 .lu-type-3,
.page-proxmoxvevpscloud #layers2 .lu-type-4,
.page-proxmoxvevpscloud #layers2 .lu-type-5,
.page-proxmoxvevpscloud #layers2 .lu-type-6,
.page-proxmoxvevpscloud #layers2 .lu-type-7,
.page-proxmoxvevpscloud #layers2 .lu-type-8,
.page-proxmoxvevpscloud #layers2 .lu-type-9,
.page-proxmoxvevpscloud #layers2 .lu-h1,
.page-proxmoxvevpscloud #layers2 .lu-h2,
.page-proxmoxvevpscloud #layers2 .lu-h3,
.page-proxmoxvevpscloud #layers2 .lu-h4,
.page-proxmoxvevpscloud #layers2 .lu-h5,
.page-proxmoxvevpscloud #layers2 .lu-h6,
.page-proxmoxvevpscloud #layers2 h1,
.page-proxmoxvevpscloud #layers2 h2,
.page-proxmoxvevpscloud #layers2 h3,
.page-proxmoxvevpscloud #layers2 h4,
.page-proxmoxvevpscloud #layers2 h5,
.page-proxmoxvevpscloud #layers2 h6 {
    color: var(--text-heading-color);
}
.page-proxmoxvevpscloud #layers .lu-text-faded,
.page-proxmoxvevpscloud #layers2 .lu-text-faded {
    color: var(--text-faded-color);
}
.page-proxmoxvevpscloud #layers .lu-form-label,
.page-proxmoxvevpscloud #layers2 .lu-form-label {
    color: var(--input-label-color, var(--text-body-color, #2c3e50));
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
}
.page-proxmoxvevpscloud #layers .lu-text-success,
.page-proxmoxvevpscloud #layers2 .lu-text-success {
    color: var(--brand-success) !important;
}
.page-proxmoxvevpscloud #layers ::-webkit-input-placeholder,
.page-proxmoxvevpscloud #layers2 ::-webkit-input-placeholder {
    color: var(--input-color-placeholder) !important;
}
.page-proxmoxvevpscloud #layers .lu-text-danger,
.page-proxmoxvevpscloud #layers2 .lu-text-danger {
    color: var(--text-danger-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-text-info,
.page-proxmoxvevpscloud #layers2 .lu-text-info {
    color: var(--brand-info) !important;
}
.page-proxmoxvevpscloud #layers .lu-text-success,
.page-proxmoxvevpscloud #layers2 .lu-text-success {
    color: var(--text-success-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-text-warning,
.page-proxmoxvevpscloud #layers2 .lu-text-warning {
    color: var(--text-warning-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-preloader:before,
.page-proxmoxvevpscloud #layers2 .lu-preloader:before {
    border-top: 2px solid var(--brand-primary);
}
.page-proxmoxvevpscloud #layers .fade,
.page-proxmoxvevpscloud #layers2 .fade {
    transition: var(--transition-fade);
}
.page-proxmoxvevpscloud #layers .lu-btn,
.page-proxmoxvevpscloud #layers2 .lu-btn {
    border-radius: var(--btn-base-border-radius);
    box-shadow: var(--btn-box-shadow);
    font-size: var(--btn-base-font-size);
    height: var(--ui-height-base);
    padding: var(--ui-padding-base-v) var(--ui-padding-base-h);
    border: var(--btn-border-width) solid #fff0;
}
.page-proxmoxvevpscloud #layers .lu-btn--primary,
.page-proxmoxvevpscloud #layers2 .lu-btn--primary {
    color: var(--btn-primary-color);
    background: var(--btn-primary-bg) !important;
    border: var(--btn-primary-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--primary .lu-btn__icon,
.page-proxmoxvevpscloud #layers2 .lu-btn--primary .lu-btn__icon {
    color: var(--btn-primary-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--primary .lu-btn__icon .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-btn--primary .lu-btn__icon .lu-zmdi {
    color: var(--btn-primary-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--primary:hover,
.page-proxmoxvevpscloud #layers2 .lu-btn--primary:hover {
    color: var(--btn-primary-hover-color);
    background: var(--btn-primary-hover-bg);
    border: var(--btn-primary-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--primary:active,
.page-proxmoxvevpscloud #layers .lu-btn--primary:focus,
.page-proxmoxvevpscloud #layers2 .lu-btn--primary:active,
.page-proxmoxvevpscloud #layers2 .lu-btn--primary:focus {
    background: var(--btn-primary-active-bg);
    border: var(--btn-primary-active-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--success,
.page-proxmoxvevpscloud #layers2 .lu-btn--success {
    color: var(--btn-primary-color);
    background: var(--btn-primary-bg);
    border: var(--btn-primary-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--success .lu-btn__icon,
.page-proxmoxvevpscloud #layers2 .lu-btn--success .lu-btn__icon {
    color: var(--btn-primary-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--success .lu-btn__icon .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-btn--success .lu-btn__icon .lu-zmdi {
    color: var(--btn-primary-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--success:hover,
.page-proxmoxvevpscloud #layers2 .lu-btn--success:hover {
    color: var(--btn-primary-hover-color);
    background: var(--btn-primary-hover-bg);
    border: var(--btn-primary-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--success:active,
.page-proxmoxvevpscloud #layers .lu-btn--success:focus,
.page-proxmoxvevpscloud #layers2 .lu-btn--success:active,
.page-proxmoxvevpscloud #layers2 .lu-btn--success:focus {
    background: var(--btn-primary-active-bg);
    border: var(--btn-primary-active-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger {
    color: var(--btn-danger-color);
    background: var(--btn-danger-bg);
    border: var(--btn-danger-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger .lu-btn__icon,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger .lu-btn__icon {
    color: var(--btn-danger-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger .lu-btn__icon .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger .lu-btn__icon .lu-zmdi {
    color: var(--btn-danger-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger:hover,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger:hover {
    color: var(--btn-danger-hover-color);
    background: var(--btn-danger-hover-bg);
    border: var(--btn-danger-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger:active,
.page-proxmoxvevpscloud #layers .lu-btn--danger:focus,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger:active,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger:focus {
    background: var(--btn-danger-active-bg);
    border: var(--btn-danger-active-bg);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger.lu-btn--outline,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger.lu-btn--outline {
    border-color: var(--btn-danger-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger.lu-btn--outline:hover,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger.lu-btn--outline:hover {
    background: var(--btn-danger-hover-bg);
    border: 1px solid var(--btn-danger-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--danger.lu-btn--outline.lu-btn--plain,
.page-proxmoxvevpscloud #layers2 .lu-btn--danger.lu-btn--outline.lu-btn--plain {
    color: var(--btn-danger-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--default,
.page-proxmoxvevpscloud #layers2 .lu-btn--default {
    color: var(--btn-default-color);
    background: var(--btn-default-bg);
    border: var(--btn-default-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--default .lu-btn__icon,
.page-proxmoxvevpscloud #layers2 .lu-btn--default .lu-btn__icon {
    color: var(--gray-icons);
}
.page-proxmoxvevpscloud #layers .lu-btn--default .lu-btn__icon .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-btn--default .lu-btn__icon .lu-zmdi {
    color: var(--gray-icons);
}
.page-proxmoxvevpscloud #layers .lu-btn--default:hover,
.page-proxmoxvevpscloud #layers2 .lu-btn--default:hover {
    color: var(--btn-default-hover-color);
    background: var(--btn-default-hover-bg);
    border: var(--btn-default-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-btn--default:active,
.page-proxmoxvevpscloud #layers .lu-btn--default:focus,
.page-proxmoxvevpscloud #layers2 .lu-btn--default:active,
.page-proxmoxvevpscloud #layers2 .lu-btn--default:focus {
    background: var(--btn-default-active-bg);
    border: var(--btn-default-active-bg);
}
.page-proxmoxvevpscloud #layers .lu-btn--default.lu-btn--link,
.page-proxmoxvevpscloud #layers2 .lu-btn--default.lu-btn--link {
    background: #fff0;
}
.page-proxmoxvevpscloud #layers .lu-btn--icon,
.page-proxmoxvevpscloud #layers2 .lu-btn--icon {
    box-shadow: none;
}
.page-proxmoxvevpscloud #layers .lu-btn--icon .lu-icon-in-button,
.page-proxmoxvevpscloud #layers2 .lu-btn--icon .lu-icon-in-button {
    color: var(--gray-icons);
}
.page-proxmoxvevpscloud #layers .lu-btn--icon:hover,
.page-proxmoxvevpscloud #layers2 .lu-btn--icon:hover {
    background: initial;
}
.page-proxmoxvevpscloud #layers .lu-btn--link,
.page-proxmoxvevpscloud #layers2 .lu-btn--link {
    background: initial;
}
.page-proxmoxvevpscloud #layers .lu-btn--link.lu-btn--plain i,
.page-proxmoxvevpscloud #layers .lu-btn--link.lu-btn--plain .icon-in-button,
.page-proxmoxvevpscloud #layers2 .lu-btn--link.lu-btn--plain i,
.page-proxmoxvevpscloud #layers2 .lu-btn--link.lu-btn--plain .icon-in-button {
    color: var(--ui-icon-color);
}
.page-proxmoxvevpscloud #layers .lu-btn--link.lu-btn--plain:hover i,
.page-proxmoxvevpscloud #layers .lu-btn--link.lu-btn--plain:hover .icon-in-button,
.page-proxmoxvevpscloud #layers2 .lu-btn--link.lu-btn--plain:hover i,
.page-proxmoxvevpscloud #layers2 .lu-btn--link.lu-btn--plain:hover .icon-in-button {
    color: var(--link-hover-color);
}
.page-proxmoxvevpscloud #layers .btn,
.page-proxmoxvevpscloud #layers2 .btn {
    border-radius: var(--btn-base-border-radius);
    box-shadow: var(--btn-box-shadow);
    font-size: var(--btn-base-font-size);
    font-weight: var(--btn-base-font-weight);
    height: var(--ui-height-base);
    font-family: var(--font-family-base);
    padding: var(--ui-padding-base-v) var(--ui-padding-base-h);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn--link.btn--plain i,
.page-proxmoxvevpscloud #layers .btn--link.btn--plain .icon-in-button,
.page-proxmoxvevpscloud #layers2 .btn--link.btn--plain i,
.page-proxmoxvevpscloud #layers2 .btn--link.btn--plain .icon-in-button {
    color: var(--ui-icon-color);
}
.page-proxmoxvevpscloud #layers .btn--link.btn--plain i:hover i,
.page-proxmoxvevpscloud #layers .btn--link.btn--plain i:hover .icon-in-button,
.page-proxmoxvevpscloud #layers .btn--link.btn--plain .icon-in-button:hover i,
.page-proxmoxvevpscloud #layers .btn--link.btn--plain .icon-in-button:hover .icon-in-button,
.page-proxmoxvevpscloud #layers2 .btn--link.btn--plain i:hover i,
.page-proxmoxvevpscloud #layers2 .btn--link.btn--plain i:hover .icon-in-button,
.page-proxmoxvevpscloud #layers2 .btn--link.btn--plain .icon-in-button:hover i,
.page-proxmoxvevpscloud #layers2 .btn--link.btn--plain .icon-in-button:hover .icon-in-button {
    color: var(--link-hover-color);
}
.page-proxmoxvevpscloud #layers .btn--success,
.page-proxmoxvevpscloud #layers2 .btn--success {
    color: var(--btn-success-color);
    background: var(--btn-success-bg);
    border-color: var(--btn-success-border);
}
.page-proxmoxvevpscloud #layers .btn--success:hover,
.page-proxmoxvevpscloud #layers2 .btn--success:hover {
    color: var(--btn-success-hover-color);
    background: var(--btn-success-hover-bg);
    border-color: var(--btn-success-hover-border);
}
.page-proxmoxvevpscloud #layers .btn--success:active,
.page-proxmoxvevpscloud #layers .btn--success:focus,
.page-proxmoxvevpscloud #layers2 .btn--success:active,
.page-proxmoxvevpscloud #layers2 .btn--success:focus {
    background: var(--btn-success-active-bg);
    border-color: var(--btn-success-active-border);
}
.page-proxmoxvevpscloud #layers .btn-lg,
.page-proxmoxvevpscloud #layers2 .btn-lg {
    height: var(--ui-height-lg);
    padding: var(--ui-padding-base-v) var(--ui-padding-lg-h);
    font-size: var(--btn-lg-font-size);
    line-height: var(--line-height-lg);
    border-radius: var(--btn-lg-border-radius);
    font-weight: var(--btn-lg-font-weight);
}
.page-proxmoxvevpscloud #layers .btn-xs,
.page-proxmoxvevpscloud #layers2 .btn-xs {
    height: var(--ui-height-xs);
    padding: var(--ui-padding-xs-v) var(--ui-padding-xs-h);
    font-size: var(--btn-sm-font-size);
    border-radius: var(--btn-xs-border-radius);
    line-height: var(--line-height-sm);
}
.page-proxmoxvevpscloud #layers .btn-sm,
.page-proxmoxvevpscloud #layers2 .btn-sm {
    height: var(--ui-height-sm);
    padding: var(--ui-padding-sm-v) var(--ui-padding-sm-h);
    font-size: var(--btn-sm-font-size);
    line-height: var(--line-height-sm);
    border-radius: var(--btn-sm-border-radius);
    font-weight: var(--btn-sm-font-weight);
}
.page-proxmoxvevpscloud #layers .btn.only-icon,
.page-proxmoxvevpscloud #layers2 .btn.only-icon {
    color: var(--gray-icons);
    background: var(--bg-color-transparent) !important;
    border: 0;
    box-shadow: none;
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn.only-icon:hover,
.page-proxmoxvevpscloud #layers .btn.only-icon:active,
.page-proxmoxvevpscloud #layers .btn.only-icon:focus,
.page-proxmoxvevpscloud #layers2 .btn.only-icon:hover,
.page-proxmoxvevpscloud #layers2 .btn.only-icon:active,
.page-proxmoxvevpscloud #layers2 .btn.only-icon:focus {
    color: var(--link-color);
    background: var(--bg-color-transparent);
    border: 0;
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn.only-icon i,
.page-proxmoxvevpscloud #layers2 .btn.only-icon i {
    text-shadow: none;
    color: var(--gray-icons);
    margin: 0;
}
.page-proxmoxvevpscloud #layers .btn-default,
.page-proxmoxvevpscloud #layers2 .btn-default {
    color: var(--btn-default-color);
    background: var(--btn-default-bg);
    border-color: var(--btn-default-border);
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn-default:hover,
.page-proxmoxvevpscloud #layers2 .btn-default:hover {
    color: var(--btn-default-hover-color);
    background: var(--btn-default-hover-bg);
    border-color: var(--btn-default-hover-border);
}
.page-proxmoxvevpscloud #layers .btn-default:active,
.page-proxmoxvevpscloud #layers .btn-default:focus,
.page-proxmoxvevpscloud #layers2 .btn-default:active,
.page-proxmoxvevpscloud #layers2 .btn-default:focus {
    background-color: var(--btn-default-active-bg);
    border-color: var(--btn-default-active-bg);
}
.page-proxmoxvevpscloud #layers .btn-default.btn-inverse,
.page-proxmoxvevpscloud #layers2 .btn-default.btn-inverse {
    color: var(--btn-default-color);
    background: var(--btn-default-bg);
    border-color: var(--btn-default-border);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn-default.btn-inverse:hover,
.page-proxmoxvevpscloud #layers2 .btn-default.btn-inverse:hover {
    color: var(--btn-default-hover-color);
    background: var(--btn-default-hover-bg);
    border-color: var(--btn-default-hover-border);
}
.page-proxmoxvevpscloud #layers .btn-default.btn-inverse:active,
.page-proxmoxvevpscloud #layers .btn-default.btn-inverse:focus,
.page-proxmoxvevpscloud #layers2 .btn-default.btn-inverse:active,
.page-proxmoxvevpscloud #layers2 .btn-default.btn-inverse:focus {
    background-color: var(--btn-default-active-bg);
    border-color: var(--btn-default-active-bg);
}
.page-proxmoxvevpscloud #layers .btn-success:not(.only-icon),
.page-proxmoxvevpscloud #layers2 .btn-success:not(.only-icon) {
    color: var(--btn-success-color);
    background: var(--btn-success-bg);
    border: var(--btn-success-border);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn-success:not(.only-icon):hover,
.page-proxmoxvevpscloud #layers2 .btn-success:not(.only-icon):hover {
    color: var(--btn-success-hover-color);
    background: var(--btn-success-hover-bg);
    border-color: var(--btn-success-hover-border);
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn-success:not(.only-icon):active,
.page-proxmoxvevpscloud #layers .btn-success:not(.only-icon):focus,
.page-proxmoxvevpscloud #layers2 .btn-success:not(.only-icon):active,
.page-proxmoxvevpscloud #layers2 .btn-success:not(.only-icon):focus {
    background: var(--btn-success-active-bg);
    border-color: var(--btn-success-active-border);
}
.page-proxmoxvevpscloud #layers .btn:hover,
.page-proxmoxvevpscloud #layers2 .btn:hover {
    text-shadow: none !important;
}
.page-proxmoxvevpscloud #layers .btn.active,
.page-proxmoxvevpscloud #layers2 .btn.active {
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn-primary,
.page-proxmoxvevpscloud #layers .btn-primary.btn-inverse:not(.only-icon),
.page-proxmoxvevpscloud #layers2 .btn-primary,
.page-proxmoxvevpscloud #layers2 .btn-primary.btn-inverse:not(.only-icon) {
    color: var(--btn-primary-color);
    background: var(--btn-primary-bg);
    border: var(--btn-primary-border);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn-primary:hover,
.page-proxmoxvevpscloud #layers .btn-primary.btn-inverse:not(.only-icon):hover,
.page-proxmoxvevpscloud #layers2 .btn-primary:hover,
.page-proxmoxvevpscloud #layers2 .btn-primary.btn-inverse:not(.only-icon):hover {
    color: var(--btn-primary-hover-color);
    background: var(--btn-primary-hover-bg);
    border: var(--btn-primary-hover-border);
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn-primary:active,
.page-proxmoxvevpscloud #layers .btn-primary:focus,
.page-proxmoxvevpscloud #layers .btn-primary.btn-inverse:not(.only-icon):active,
.page-proxmoxvevpscloud #layers .btn-primary.btn-inverse:not(.only-icon):focus,
.page-proxmoxvevpscloud #layers2 .btn-primary:active,
.page-proxmoxvevpscloud #layers2 .btn-primary:focus,
.page-proxmoxvevpscloud #layers2 .btn-primary.btn-inverse:not(.only-icon):active,
.page-proxmoxvevpscloud #layers2 .btn-primary.btn-inverse:not(.only-icon):focus {
    background: var(--btn-primary-active-bg);
    border: var(--btn-primary-active-border);
}
.page-proxmoxvevpscloud #layers .btn-danger:not(.only-icon),
.page-proxmoxvevpscloud #layers .btn-danger.btn-inverse:not(.only-icon),
.page-proxmoxvevpscloud #layers2 .btn-danger:not(.only-icon),
.page-proxmoxvevpscloud #layers2 .btn-danger.btn-inverse:not(.only-icon) {
    color: var(--btn-danger-color);
    background: var(--btn-danger-bg);
    border: var(--btn-danger-border);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn-danger:not(.only-icon):hover,
.page-proxmoxvevpscloud #layers .btn-danger.btn-inverse:not(.only-icon):hover,
.page-proxmoxvevpscloud #layers2 .btn-danger:not(.only-icon):hover,
.page-proxmoxvevpscloud #layers2 .btn-danger.btn-inverse:not(.only-icon):hover {
    color: var(--btn-danger-hover-color);
    background: var(--btn-danger-hover-bg);
    border: var(--btn-danger-hover-border);
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn-danger:not(.only-icon):active,
.page-proxmoxvevpscloud #layers .btn-danger:not(.only-icon):focus,
.page-proxmoxvevpscloud #layers .btn-danger.btn-inverse:not(.only-icon):active,
.page-proxmoxvevpscloud #layers .btn-danger.btn-inverse:not(.only-icon):focus,
.page-proxmoxvevpscloud #layers2 .btn-danger:not(.only-icon):active,
.page-proxmoxvevpscloud #layers2 .btn-danger:not(.only-icon):focus,
.page-proxmoxvevpscloud #layers2 .btn-danger.btn-inverse:not(.only-icon):active,
.page-proxmoxvevpscloud #layers2 .btn-danger.btn-inverse:not(.only-icon):focus {
    background: var(--btn-danger-active-bg);
    border: var(--btn-danger-active-border);
}
.page-proxmoxvevpscloud #layers .btn.btn-warning:not(.only-icon),
.page-proxmoxvevpscloud #layers2 .btn.btn-warning:not(.only-icon) {
    color: var(--btn-warning-color);
    background: var(--btn-warning-bg);
    border: var(--btn-warning-border);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn.btn-warning:not(.only-icon):hover,
.page-proxmoxvevpscloud #layers2 .btn.btn-warning:not(.only-icon):hover {
    color: var(--btn-warning-hover-color);
    background: var(--btn-warning-hover-bg);
    border: var(--btn-warning-hover-border);
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn.btn-warning:not(.only-icon):active,
.page-proxmoxvevpscloud #layers .btn.btn-warning:not(.only-icon):focus,
.page-proxmoxvevpscloud #layers2 .btn.btn-warning:not(.only-icon):active,
.page-proxmoxvevpscloud #layers2 .btn.btn-warning:not(.only-icon):focus {
    background: var(--btn-warning-active-bg);
    border: var(--btn-warning-active-border);
}
.page-proxmoxvevpscloud #layers .btn.btn-info.btn-inverse,
.page-proxmoxvevpscloud #layers2 .btn.btn-info.btn-inverse {
    color: var(--btn-info-color);
    background: var(--btn-info-bg);
    border: var(--btn-info-border);
    background-image: none;
    text-shadow: none;
}
.page-proxmoxvevpscloud #layers .btn.btn-info.btn-inverse:hover,
.page-proxmoxvevpscloud #layers2 .btn.btn-info.btn-inverse:hover {
    color: var(--btn-info-hover-color);
    background: var(--btn-info-hover-bg);
    border: var(--btn-info-hover-border);
    background-image: none;
}
.page-proxmoxvevpscloud #layers .btn.btn-info.btn-inverse:active,
.page-proxmoxvevpscloud #layers .btn.btn-info.btn-inverse:focus,
.page-proxmoxvevpscloud #layers2 .btn.btn-info.btn-inverse:active,
.page-proxmoxvevpscloud #layers2 .btn.btn-info.btn-inverse:focus {
    background: var(--btn-info-active-bg);
    border: var(--btn-info-active-border);
}
.page-proxmoxvevpscloud #layers .lu-preloader-container--full-screen,
.page-proxmoxvevpscloud #layers .dataTables_processing,
.page-proxmoxvevpscloud #layers2 .lu-preloader-container--full-screen,
.page-proxmoxvevpscloud #layers2 .dataTables_processing {
    background: var(--table-container-bg);
    backdrop-filter: blur(10px);
    border-radius: var(--table-container-border-radius);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer {
    background-color: var(--bg-color-transparent);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table {
    margin-bottom: 0;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table thead th,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table thead td,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table tfoot th,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table tfoot td,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table thead th,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table thead td,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table tfoot th,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table tfoot td {
    border-color: var(--table-border-color);
    color: var(--table-th-font-color);
    padding: var(--table-th-padding);
    vertical-align: var(--table-vertical-align);
    font-size: var(--table-th-font-size);
    font-weight: var(--table-th-font-weight);
    text-transform: capitalize;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table tbody td,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table tbody td {
    border-color: var(--table-border-color);
    color: var(--table-td-font-color);
    padding: var(--table-td-padding);
    vertical-align: var(--table-vertical-align);
    font-size: var(--table-td-font-size);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > tbody > tr > td:first-child,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > tbody > tr > th:first-child,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > thead > tr > td:first-child,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > thead > tr > th:first-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > tbody > tr > td:first-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > tbody > tr > th:first-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > thead > tr > td:first-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > thead > tr > th:first-child {
    padding-left: var(--table-td-first-last-padding);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > tbody > tr > td:last-child,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > tbody > tr > th:last-child,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > thead > tr > td:last-child,
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer table > thead > tr > th:last-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > tbody > tr > td:last-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > tbody > tr > th:last-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > thead > tr > td:last-child,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer table > thead > tr > th:last-child {
    padding-right: var(--table-td-first-last-padding);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer .lu-t-c__footer.table-footer,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer .lu-t-c__footer.table-footer {
    border-color: var(--table-border-color);
    padding: 0;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer .dataTables_empty,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer .dataTables_empty {
    vertical-align: var(--table-vertical-align);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper.no-footer .lu-btn.lu-btn--link.lu-btn--icon,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper.no-footer .lu-btn.lu-btn--link.lu-btn--icon {
    height: auto;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer {
    background-color: var(--table-container-pagination-bg);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .lu-dt-buttons,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .lu-dt-buttons {
    margin-right: var(--spacing-3x);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button,
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button {
    color: var(--pagination-color);
    padding: var(--ui-padding-xs-v) var(--ui-padding-xs-h);
    font-size: var(--btn-sm-font-size);
    border: 1px solid var(--pagination-border);
    border-radius: var(--btn-xs-border-radius);
    line-height: var(--line-height-sm);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button.active,
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button.current,
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button.active,
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button.current,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button.active,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button.current,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button.active,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button.current {
    color: var(--pagination-active-color);
    background: var(--pagination-active-bg);
    border: var(--pagination-active-border);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button:hover,
.page-proxmoxvevpscloud #layers .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button:hover,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .dt-button:hover,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .lu-t-c__footer.table-footer .paginate_button:hover {
    color: var(--pagination-hover-color);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .table-bottom,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .table-bottom {
    border-top: 1px solid var(--table-border-color);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .table-bottom > .row,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .table-bottom > .row {
    margin: 0;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .table-bottom > .row div[class^="col-"],
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .table-bottom > .row div[class^="col-"] {
    padding: 0;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_length,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_length {
    padding: var(--spacing-1x) var(--ui-block-padding-base);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_length .btn.active,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_length .btn.active {
    color: var(--pagination-active-color);
    background: var(--pagination-active-bg);
    border: var(--pagination-active-border);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_paginate,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_paginate {
    padding: var(--spacing-1x) var(--ui-block-padding-base);
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_paginate > .pagination,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_paginate > .pagination {
    border: 0;
    padding: 0;
    margin-left: auto;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_paginate > .pagination .paginate_button .page-link,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_paginate > .pagination .paginate_button .page-link {
    color: var(--pagination-color) !important;
    background: var(--pagination-bg) !important;
    border: var(--pagination-border) !important;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_paginate > .pagination .paginate_button.disabled .page-link,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_paginate > .pagination .paginate_button.disabled .page-link {
    color: var(--pagination-disabled-color) !important;
    background: var(--pagination-disabled-bg) !important;
    border: var(--pagination-disabled-border) !important;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper .dataTables_paginate > .pagination .paginate_button.active .page-link,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper .dataTables_paginate > .pagination .paginate_button.active .page-link {
    color: var(--pagination-active-color) !important;
    background: var(--pagination-active-bg) !important;
    border: var(--pagination-active-border) !important;
}
.page-proxmoxvevpscloud #layers .dataTables_wrapper div table + div,
.page-proxmoxvevpscloud #layers2 .dataTables_wrapper div table + div {
    border-top: 1px solid var(--table-border-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-table thead th,
.page-proxmoxvevpscloud #layers .lu-table thead td,
.page-proxmoxvevpscloud #layers .lu-table tfoot th,
.page-proxmoxvevpscloud #layers .lu-table tfoot td,
.page-proxmoxvevpscloud #layers .table thead th,
.page-proxmoxvevpscloud #layers .table thead td,
.page-proxmoxvevpscloud #layers .table tfoot th,
.page-proxmoxvevpscloud #layers .table tfoot td,
.page-proxmoxvevpscloud #layers2 .lu-table thead th,
.page-proxmoxvevpscloud #layers2 .lu-table thead td,
.page-proxmoxvevpscloud #layers2 .lu-table tfoot th,
.page-proxmoxvevpscloud #layers2 .lu-table tfoot td,
.page-proxmoxvevpscloud #layers2 .table thead th,
.page-proxmoxvevpscloud #layers2 .table thead td,
.page-proxmoxvevpscloud #layers2 .table tfoot th,
.page-proxmoxvevpscloud #layers2 .table tfoot td {
    border-color: var(--table-border-color);
    border-width: 1px;
    color: var(--table-th-font-color);
    padding: var(--table-th-padding);
    vertical-align: var(--table-vertical-align);
    font-size: var(--table-th-font-size);
    font-weight: var(--table-th-font-weight);
}
.page-proxmoxvevpscloud #layers .lu-table tbody td,
.page-proxmoxvevpscloud #layers .table tbody td,
.page-proxmoxvevpscloud #layers2 .lu-table tbody td,
.page-proxmoxvevpscloud #layers2 .table tbody td {
    border-color: var(--table-border-color);
    vertical-align: var(--table-vertical-align);
    color: var(--table-td-font-color);
    padding: var(--table-td-padding);
    font-size: var(--table-td-font-size);
}
@media (max-width: 751px) {
    .page-proxmoxvevpscloud #layers .lu-t-c__top,
    .page-proxmoxvevpscloud #layers2 .lu-t-c__top {
        height: auto;
        margin: var(--spacing-1x) 0;
        border: 0;
    }
    .page-proxmoxvevpscloud #layers .lu-t-c__top .lu-top__toolbar,
    .page-proxmoxvevpscloud #layers2 .lu-t-c__top .lu-top__toolbar {
        margin-bottom: 16px;
    }
    .page-proxmoxvevpscloud #layers .lu-t-c__top .lu-top__toolbar:last-child .lu-btn .lu-btn__icon,
    .page-proxmoxvevpscloud #layers2 .lu-t-c__top .lu-top__toolbar:last-child .lu-btn .lu-btn__icon {
        color: var(--gray-icons);
    }
    .page-proxmoxvevpscloud #layers .lu-t-c__top .lu-top__toolbar:last-child .lu-btn:hover,
    .page-proxmoxvevpscloud #layers2 .lu-t-c__top .lu-top__toolbar:last-child .lu-btn:hover {
        color: var(--link-color);
    }
}
.page-proxmoxvevpscloud #layers .lu-alert,
.page-proxmoxvevpscloud #layers2 .lu-alert {
    border-radius: var(--alert-border-radius);
    padding: var(--alert-padding-v) var(--alert-padding-h);
}
.page-proxmoxvevpscloud #layers .lu-alert.lu-alert--success,
.page-proxmoxvevpscloud #layers2 .lu-alert.lu-alert--success {
    border: var(--alert-success-border);
    background-color: var(--alert-success-bg);
    color: var(--alert-success-text);
}
.page-proxmoxvevpscloud #layers .lu-alert.lu-alert--warning,
.page-proxmoxvevpscloud #layers2 .lu-alert.lu-alert--warning {
    border: var(--alert-warning-border);
    background-color: var(--alert-warning-bg);
    color: var(--alert-warning-text);
}
.page-proxmoxvevpscloud #layers .lu-alert.lu-alert--info,
.page-proxmoxvevpscloud #layers2 .lu-alert.lu-alert--info {
    border: var(--alert-info-border);
    background-color: var(--alert-info-bg);
    color: var(--alert-info-text);
}
.page-proxmoxvevpscloud #layers .lu-alert.lu-alert--danger,
.page-proxmoxvevpscloud #layers2 .lu-alert.lu-alert--danger {
    border: var(--alert-danger-border);
    background-color: var(--alert-danger-bg);
    color: var(--alert-danger-text);
}
.page-proxmoxvevpscloud #layers .lu-alert.lu-alert--faded.lu-alert--info,
.page-proxmoxvevpscloud #layers2 .lu-alert.lu-alert--faded.lu-alert--info {
    border: var(--alert-info-border);
    background-color: var(--alert-info-bg);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions {
    background: var(--dropdown-bg);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .lu-top__title,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .lu-top__title {
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .top__toolbar .lu-btn,
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .lu-top__toolbar .lu-btn,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .top__toolbar .lu-btn,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .lu-top__toolbar .lu-btn {
    box-shadow: none;
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .top__toolbar .lu-btn.lu-btn--link.lu-btn--plain,
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .lu-top__toolbar .lu-btn.lu-btn--link.lu-btn--plain,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .top__toolbar .lu-btn.lu-btn--link.lu-btn--plain,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .lu-top__toolbar .lu-btn.lu-btn--link.lu-btn--plain {
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .top__toolbar .lu-btn i,
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .lu-top__toolbar .lu-btn i,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .top__toolbar .lu-btn i,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .lu-top__toolbar .lu-btn i {
    transition: var(--transition-base);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .top__toolbar .lu-btn:hover,
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .lu-top__toolbar .lu-btn:hover,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .top__toolbar .lu-btn:hover,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .lu-top__toolbar .lu-btn:hover {
    color: var(--link-hover-color);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .top__toolbar .lu-btn.lu-btn--danger.lu-btn--link:hover,
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .lu-top__toolbar .lu-btn.lu-btn--danger.lu-btn--link:hover,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .top__toolbar .lu-btn.lu-btn--danger.lu-btn--link:hover,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .lu-top__toolbar .lu-btn.lu-btn--danger.lu-btn--link:hover {
    background: var(--btn-default-bg);
    border-color: var(--btn-default-border);
}
.page-proxmoxvevpscloud #layers .lu-t-c__mass-actions .drop-arrow:after,
.page-proxmoxvevpscloud #layers2 .lu-t-c__mass-actions .drop-arrow:after {
    background: var(--dropdown-bg);
}
.page-proxmoxvevpscloud #layers.lagom-futuristic .lu-t-c__mass-actions,
.page-proxmoxvevpscloud #layers2.lagom-futuristic .lu-t-c__mass-actions {
    background: var(--dropdown-bg);
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud #layers.lagom-futuristic .lu-t-c__mass-actions .drop-arrow:after,
.page-proxmoxvevpscloud #layers2.lagom-futuristic .lu-t-c__mass-actions .drop-arrow:after {
    background: var(--dropdown-bg);
}
.page-proxmoxvevpscloud #layers #toast-container .lu-alert.lu-has-icon .lu-alert__body,
.page-proxmoxvevpscloud #layers2 #toast-container .lu-alert.lu-has-icon .lu-alert__body {
    padding-left: 24px;
}
.page-proxmoxvevpscloud #layers .alert,
.page-proxmoxvevpscloud #layers2 .alert {
    border-radius: var(--alert-border-radius);
    padding: var(--alert-padding-v) var(--alert-padding-h);
}
.page-proxmoxvevpscloud #layers .alert-success,
.page-proxmoxvevpscloud #layers2 .alert-success {
    border: var(--alert-success-border);
    background-color: var(--alert-success-bg);
    color: var(--alert-success-text);
}
.page-proxmoxvevpscloud #layers .alert-success strong,
.page-proxmoxvevpscloud #layers2 .alert-success strong {
    color: var(--alert-success-text);
}
.page-proxmoxvevpscloud #layers .alert-warning,
.page-proxmoxvevpscloud #layers2 .alert-warning {
    border: var(--alert-warning-border);
    background-color: var(--alert-warning-bg);
    color: var(--alert-warning-text);
}
.page-proxmoxvevpscloud #layers .alert-warning strong,
.page-proxmoxvevpscloud #layers2 .alert-warning strong {
    color: var(--alert-warning-text);
}
.page-proxmoxvevpscloud #layers .alert-info,
.page-proxmoxvevpscloud #layers2 .alert-info {
    border: var(--alert-info-border);
    background-color: var(--alert-info-bg);
    color: var(--alert-info-text);
}
.page-proxmoxvevpscloud #layers .alert-info strong,
.page-proxmoxvevpscloud #layers2 .alert-info strong {
    color: var(--alert-info-text);
}
.page-proxmoxvevpscloud #layers .alert-danger,
.page-proxmoxvevpscloud #layers2 .alert-danger {
    border: var(--alert-danger-border);
    background-color: var(--alert-danger-bg);
    color: var(--alert-danger-text);
}
.page-proxmoxvevpscloud #layers .alert-danger strong,
.page-proxmoxvevpscloud #layers2 .alert-danger strong {
    color: var(--alert-danger-text);
}
.page-proxmoxvevpscloud #layers .note,
.page-proxmoxvevpscloud #layers2 .note {
    border-radius: var(--alert-border-radius);
    padding: var(--alert-padding-v) var(--alert-padding-h);
}
.page-proxmoxvevpscloud #layers .note.note-warning,
.page-proxmoxvevpscloud #layers2 .note.note-warning {
    border: var(--alert-warning-border);
    background-color: var(--alert-warning-bg);
    color: var(--alert-warning-text);
}
.page-proxmoxvevpscloud #layers .lu-form-control,
.page-proxmoxvevpscloud #layers .form-control,
.page-proxmoxvevpscloud #layers2 .lu-form-control,
.page-proxmoxvevpscloud #layers2 .form-control,
.page-proxmoxvevpscloud .lu-form-control,
.page-proxmoxvevpscloud .form-control {
    background-color: var(--input-bg, #ffffff);
    border: var(--input-border, 1px solid #d8dde3);
    color: var(--input-color, #2c3e50);
    height: var(--ui-height-base, 38px);
    padding: var(--ui-padding-base-v, 8px) var(--ui-padding-base-h, 12px);
    font-size: var(--input-font-size, 14px);
    line-height: 1.45;
    border-radius: var(--input-border-radius, 6px);
    background-clip: padding-box;
    box-shadow: none;
    transition: border-color var(--transition-base, 0.15s ease-in-out), box-shadow var(--transition-base, 0.15s ease-in-out), background var(--transition-base, 0.15s ease-in-out);
}
.page-proxmoxvevpscloud #layers textarea.lu-form-control,
.page-proxmoxvevpscloud #layers textarea.form-control,
.page-proxmoxvevpscloud #layers2 textarea.lu-form-control,
.page-proxmoxvevpscloud #layers2 textarea.form-control,
.page-proxmoxvevpscloud textarea.lu-form-control,
.page-proxmoxvevpscloud textarea.form-control {
    height: auto;
    min-height: 96px;
    resize: vertical;
    line-height: 1.5;
}
.page-proxmoxvevpscloud #layers .lu-form-control:focus,
.page-proxmoxvevpscloud #layers .lu-form-control:active,
.page-proxmoxvevpscloud #layers .form-control:focus,
.page-proxmoxvevpscloud #layers .form-control:active,
.page-proxmoxvevpscloud #layers2 .lu-form-control:focus,
.page-proxmoxvevpscloud #layers2 .lu-form-control:active,
.page-proxmoxvevpscloud #layers2 .form-control:focus,
.page-proxmoxvevpscloud #layers2 .form-control:active,
.page-proxmoxvevpscloud .lu-form-control:focus,
.page-proxmoxvevpscloud .lu-form-control:active,
.page-proxmoxvevpscloud .form-control:focus,
.page-proxmoxvevpscloud .form-control:active {
    border-color: var(--input-focus-border-color, var(--brand-primary, #2997ff));
    background-color: var(--input-focus-bg, #ffffff);
    box-shadow: 0 0 0 3px rgba(41, 151, 255, 0.12);
    outline: 0;
}
.page-proxmoxvevpscloud #layers .lu-form-control:hover,
.page-proxmoxvevpscloud #layers .form-control:hover,
.page-proxmoxvevpscloud #layers2 .lu-form-control:hover,
.page-proxmoxvevpscloud #layers2 .form-control:hover,
.page-proxmoxvevpscloud .lu-form-control:hover,
.page-proxmoxvevpscloud .form-control:hover {
    background-color: var(--input-hover-bg, #ffffff);
    border-color: var(--input-hover-border-color, #b5bcc6);
    color: var(--input-hover-color, var(--input-color, #2c3e50));
}
/* Dropdown containers also have .lu-form-control; keep their own dropdown styling on hover */
.page-proxmoxvevpscloud #layers .lu-form-control[class*="selectize-dropdown"]:hover,
.page-proxmoxvevpscloud #layers .lu-form-control[class*="lu-selectize-dropdown"]:hover,
.page-proxmoxvevpscloud #layers2 .lu-form-control[class*="selectize-dropdown"]:hover,
.page-proxmoxvevpscloud #layers2 .lu-form-control[class*="lu-selectize-dropdown"]:hover {
    background-color: var(--dropdown-bg) !important;
    border: var(--dropdown-border) !important;
    color: var(--dropdown-link-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-form-control[disabled],
.page-proxmoxvevpscloud #layers .form-control[disabled],
.page-proxmoxvevpscloud #layers2 .lu-form-control[disabled],
.page-proxmoxvevpscloud #layers2 .form-control[disabled] {
    background-color: var(--input-disabled-bg);
    border-color: var(--input-disabled-border-color);
    color: var(--input-disabled-color);
}
/* Search input wrapper (.lu-top__search.lu-input-group):
   mg_colors.css:114 zeros bg/border with !important so the wrapper looks
   empty. The inner <input> normally fills it visually, but our unified
   input rule gives the inner element its own bg + border too — resulting
   in a double-border ring on focus. Fix: style the WRAPPER (matches the
   regular input look), keep the inner <input> transparent + borderless. */
.page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group,
.page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group,
.page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group {
    background-color: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(127, 127, 127, 0.35) !important;
    border-radius: var(--input-border-radius, 6px) !important;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
}
html.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group {
    background-color: rgba(0, 0, 0, 0.32) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}
.page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group:hover,
.page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group:hover,
.page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group:hover {
    border-color: rgba(127, 127, 127, 0.5) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group:hover {
    border-color: rgba(255, 255, 255, 0.28) !important;
}
/* Focus state on the wrapper, triggered by the inner input via :focus-within.
   This replaces the per-input focus halo so we don't get two rings. */
.page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group:focus-within,
.page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group:focus-within,
.page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group:focus-within {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18) !important;
    outline: 0;
}
/* Inner <input> stays transparent + borderless so the wrapper alone draws
   the field. !important needed to override our unified input rule. */
.page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group .lu-form-control,
.page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group .lu-form-control,
.page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group .lu-form-control,
.page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group input.lu-form-control,
.page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group input.lu-form-control,
.page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group input.lu-form-control {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.page-proxmoxvevpscloud .lu-top .lu-top__search.lu-input-group .lu-form-control:focus {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.page-proxmoxvevpscloud #layers .lu-top .lu-top__search.lu-input-group .lu-input-group__icon .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-top .lu-top__search.lu-input-group .lu-input-group__icon .lu-zmdi {
    color: var(--search-field-icon-color);
    text-align: center;
}
.page-proxmoxvevpscloud #layers .lu-input-group,
.page-proxmoxvevpscloud #layers2 .lu-input-group {
    background-color: var(--bg-color-transparent);
    border: 0;
}
.page-proxmoxvevpscloud #layers .lu-input-group .lu-form-control,
.page-proxmoxvevpscloud #layers2 .lu-input-group .lu-form-control {
    background: var(--input-bg);
    border: var(--input-border) !important;
    background-clip: padding-box;
}
.page-proxmoxvevpscloud #layers .lu-input-group .lu-form-control:hover,
.page-proxmoxvevpscloud #layers2 .lu-input-group .lu-form-control:hover {
    background-color: var(--input-hover-bg);
    border-color: var(--input-hover-border-color) !important;
    color: var(--input-hover-color);
}
.page-proxmoxvevpscloud #layers .lu-form-group,
.page-proxmoxvevpscloud #layers2 .lu-form-group {
    color: var(--input-label-color);
}
.page-proxmoxvevpscloud #layers .lu-form-group .lu-input-group__addon,
.page-proxmoxvevpscloud #layers2 .lu-form-group .lu-input-group__addon {
    border: var(--input-border);
    border-radius: 0;
}
.page-proxmoxvevpscloud #layers .lu-form-group .lu-input-group .lu-btn.lu-btn--default,
.page-proxmoxvevpscloud #layers2 .lu-form-group .lu-input-group .lu-btn.lu-btn--default {
    background: var(--btn-default-border);
    border: 0;
}
.page-proxmoxvevpscloud #layers .lu-form-check .lu-form-indicator,
.page-proxmoxvevpscloud #layers2 .lu-form-check .lu-form-indicator {
    border: var(--icheck-border);
    background: var(--icheck-bg);
}
.page-proxmoxvevpscloud #layers .lu-form-check .lu-form-checkbox:checked + .lu-form-indicator,
.page-proxmoxvevpscloud #layers2 .lu-form-check .lu-form-checkbox:checked + .lu-form-indicator {
    background-color: var(--icheck-active-bg) !important;
    border-color: var(--icheck-active-border-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-form-check:not(.lu-form-check--basic) label:hover .lu-form-indicator,
.page-proxmoxvevpscloud #layers2 .lu-form-check:not(.lu-form-check--basic) label:hover .lu-form-indicator {
    border-color: var(--input-hover-border-color);
}
.page-proxmoxvevpscloud #layers .lu-switch__container,
.page-proxmoxvevpscloud #layers2 .lu-switch__container {
    background-color: var(--gray-lighter-3);
}
.page-proxmoxvevpscloud #layers .lu-switch__checkbox:checked + .lu-switch__container,
.page-proxmoxvevpscloud #layers2 .lu-switch__checkbox:checked + .lu-switch__container {
    background-color: var(--brand-primary) !important;
}
/* lu-switch only sets `min-width: 40px` and `width: 45px` for the
   `--icon` variant. Inside a flex parent the switch can stretch to fill
   the row, leaving an oversized empty pill with the 20px handle floating
   in it. Constrain max-width and prevent flex grow. */
.page-proxmoxvevpscloud #layers .lu-switch,
.page-proxmoxvevpscloud #layers2 .lu-switch,
.page-proxmoxvevpscloud .lu-switch {
    max-width: 45px;
    flex: 0 0 auto;
}
.page-proxmoxvevpscloud #layers .lu-switch--icon,
.page-proxmoxvevpscloud #layers2 .lu-switch--icon,
.page-proxmoxvevpscloud .lu-switch--icon {
    max-width: 45px;
    width: 45px;
}
/* Symmetric handle position: layers2-ui's default uses `right: 18px` for
   the off state (7px gap to left edge) and `right: 2px` for on (2px gap
   to right edge). Looks lopsided. Pin both sides to 2px. */
.page-proxmoxvevpscloud #layers .lu-switch__checkbox + .lu-switch__container .lu-switch__handle,
.page-proxmoxvevpscloud #layers2 .lu-switch__checkbox + .lu-switch__container .lu-switch__handle,
.page-proxmoxvevpscloud .lu-switch__checkbox + .lu-switch__container .lu-switch__handle {
    right: auto !important;
    left: 2px;
}
.page-proxmoxvevpscloud #layers .lu-switch__checkbox:checked + .lu-switch__container .lu-switch__handle,
.page-proxmoxvevpscloud #layers2 .lu-switch__checkbox:checked + .lu-switch__container .lu-switch__handle,
.page-proxmoxvevpscloud .lu-switch__checkbox:checked + .lu-switch__container .lu-switch__handle {
    left: auto;
    right: 2px !important;
}
.page-proxmoxvevpscloud #layers .lu-input-group__addon,
.page-proxmoxvevpscloud #layers2 .lu-input-group__addon {
    height: var(--ui-height-base);
    background: var(--input-bg);
    color: var(--input-color);
}
.page-proxmoxvevpscloud #layers .lu-input-group__addon .fa,
.page-proxmoxvevpscloud #layers2 .lu-input-group__addon .fa {
    color: var(--gray-icons);
}
.page-proxmoxvevpscloud #layers .input-group-addon,
.page-proxmoxvevpscloud #layers2 .input-group-addon {
    height: var(--ui-height-base);
    background: var(--input-bg);
    color: var(--input-color);
    border: var(--input-border);
    background-clip: padding-box;
}
.page-proxmoxvevpscloud #layers .lagom:not(.lagom-futuristic) .lu-input-group__addon,
.page-proxmoxvevpscloud #layers2 .lagom:not(.lagom-futuristic) .lu-input-group__addon {
    border: 0;
}
.page-proxmoxvevpscloud #layers .lagom:not(.lagom-futuristic) .lu-input-group__addon + .lu-form-control,
.page-proxmoxvevpscloud #layers2 .lagom:not(.lagom-futuristic) .lu-input-group__addon + .lu-form-control {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-proxmoxvevpscloud #layers .lagom:not(.lagom-futuristic) .lu-input-group__addon + .lu-form-control + .selectize-control .lu-form-control,
.page-proxmoxvevpscloud #layers2 .lagom:not(.lagom-futuristic) .lu-input-group__addon + .lu-form-control + .selectize-control .lu-form-control {
    border-left: 0;
}
.page-proxmoxvevpscloud #layers .lagom:not(.lagom-futuristic) .lu-form-control + .lu-input-group__addon,
.page-proxmoxvevpscloud #layers2 .lagom:not(.lagom-futuristic) .lu-form-control + .lu-input-group__addon {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-proxmoxvevpscloud #layers .lagom:not(.lagom-futuristic) .selectize-control + .lu-input-group__addon,
.page-proxmoxvevpscloud #layers2 .lagom:not(.lagom-futuristic) .selectize-control + .lu-input-group__addon {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-proxmoxvevpscloud #layers .lagom:not(.lagom-futuristic) .selectize-control + .lu-form-control,
.page-proxmoxvevpscloud #layers2 .lagom:not(.lagom-futuristic) .selectize-control + .lu-form-control {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch {
    width: 86px !important;
    margin-top: 4px;
    height: 21px;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-container,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-container {
    position: relative;
    top: unset;
    left: unset;
    width: 143px !important;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-handle-off,
.page-proxmoxvevpscloud #layers .bootstrap-switch-handle-on,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-handle-off,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-handle-on {
    position: relative;
    top: unset;
    bottom: unset;
    width: 59px !important;
    text-transform: capitalize;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-label,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-label {
    position: relative;
    width: 25px !important;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-label:after,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-label:after {
    display: none;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-handle-on,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-handle-on {
    left: unset;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-handle-off,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-handle-off {
    right: unset;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-on .bootstrap-switch-container,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-on .bootstrap-switch-container {
    margin-left: 0 !important;
}
.page-proxmoxvevpscloud #layers .bootstrap-switch-off .bootstrap-switch-container,
.page-proxmoxvevpscloud #layers2 .bootstrap-switch-off .bootstrap-switch-container {
    margin-left: -59px !important;
}
.page-proxmoxvevpscloud #layers ::-webkit-input-placeholder,
.page-proxmoxvevpscloud #layers2 ::-webkit-input-placeholder {
    font-size: var(--input-font-size, 14px);
    color: var(--input-color-placeholder, rgba(44, 62, 80, 0.45));
    opacity: 1;
}
.page-proxmoxvevpscloud #layers .lu-form-control::placeholder,
.page-proxmoxvevpscloud #layers .form-control::placeholder,
.page-proxmoxvevpscloud #layers2 .lu-form-control::placeholder,
.page-proxmoxvevpscloud #layers2 .form-control::placeholder {
    color: var(--input-color-placeholder, rgba(44, 62, 80, 0.45));
    opacity: 1;
}
.page-proxmoxvevpscloud #layers .lu-preloader:before,
.page-proxmoxvevpscloud #layers2 .lu-preloader:before {
    border-top-color: 2px solid var(--brand-primary);
}
.page-proxmoxvevpscloud #layers .lu-nav--tabs .lu-nav__item.is-active .lu-nav__link,
.page-proxmoxvevpscloud #layers2 .lu-nav--tabs .lu-nav__item.is-active .lu-nav__link {
    color: var(--nav-tabs-link-active-color);
}
.page-proxmoxvevpscloud #layers .lu-nav--tabs .lu-nav__item.is-active .lu-nav__link:after,
.page-proxmoxvevpscloud #layers2 .lu-nav--tabs .lu-nav__item.is-active .lu-nav__link:after {
    position: absolute;
    bottom: 0;
    left: 8px !important;
    right: 0;
    z-index: 1;
    display: block;
    content: "";
    height: 2px;
    transform: none;
    margin-left: 0;
    width: auto;
    border: 0;
    background: var(--nav-tabs-link-active-border-color);
}
.page-proxmoxvevpscloud #layers .lu-nav--tabs .lu-nav__item .lu-nav__link,
.page-proxmoxvevpscloud #layers2 .lu-nav--tabs .lu-nav__item .lu-nav__link {
    color: var(--nav-tabs-link-color);
}
.page-proxmoxvevpscloud #layers .lu-nav--tabs .lu-nav__item .lu-nav__link:hover,
.page-proxmoxvevpscloud #layers2 .lu-nav--tabs .lu-nav__item .lu-nav__link:hover {
    color: var(--nav-tabs-link-hover-color);
}
.page-proxmoxvevpscloud #layers .nav-menu,
.page-proxmoxvevpscloud #layers2 .nav-menu {
    background-color: var(--bg-color-transparent);
}
.page-proxmoxvevpscloud #layers .nav > li > a,
.page-proxmoxvevpscloud #layers2 .nav > li > a {
    padding: var(--nav-link-padding-v) var(--nav-link-padding-h);
    color: var(--nav-tabs-link-color);
    font-size: var(--font-size-base);
    border: 0;
    background: var(--nav-tabs-link-active-bg);
}
.page-proxmoxvevpscloud #layers .nav > li > a:hover,
.page-proxmoxvevpscloud #layers2 .nav > li > a:hover {
    background-color: var(--nav-tabs-link-hover-bg);
    border: 0;
}
.page-proxmoxvevpscloud #layers .nav.nav-tabs,
.page-proxmoxvevpscloud #layers2 .nav.nav-tabs {
    border-color: var(--nav-tabs-border-color);
}
.page-proxmoxvevpscloud #layers .nav.nav-tabs > li.active,
.page-proxmoxvevpscloud #layers2 .nav.nav-tabs > li.active {
    border: 0;
    background-color: var(--bg-color-transparent);
}
.page-proxmoxvevpscloud #layers .nav.nav-tabs > li.active > a,
.page-proxmoxvevpscloud #layers2 .nav.nav-tabs > li.active > a {
    color: var(--nav-tabs-link-active-color);
    background: var(--nav-tabs-link-active-bg);
    border: 0;
}
.page-proxmoxvevpscloud #layers .nav.nav-tabs > li.active:after,
.page-proxmoxvevpscloud #layers2 .nav.nav-tabs > li.active:after {
    left: 0;
    right: 0;
}
.page-proxmoxvevpscloud #layers .nav.nav-tabs > li:hover > a,
.page-proxmoxvevpscloud #layers2 .nav.nav-tabs > li:hover > a {
    color: var(--nav-tabs-link-hover-color);
    background: var(--nav-tabs-link-hover-bg);
    border: 0;
}
.page-proxmoxvevpscloud #layers .lu-navbar,
.page-proxmoxvevpscloud #layers2 .lu-navbar {
    background: var(--bg-color-transparent);
    box-shadow: none;
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav {
    border: 0;
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item > .lu-nav__link,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item > .lu-nav__link {
    padding: var(--nav-link-padding-v) var(--nav-link-padding-h);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item > .lu-nav__link .lu-nav__link-text,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item > .lu-nav__link .lu-nav__link-text {
    color: var(--nav-link-color);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item > .lu-nav__link:after,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item > .lu-nav__link:after {
    color: var(--nav-link-color);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item > .lu-nav__link:hover .lu-nav__link-text,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item > .lu-nav__link:hover .lu-nav__link-text {
    color: var(--nav-link-hover-color);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item > .lu-nav__link:hover:after,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item > .lu-nav__link:hover:after {
    color: var(--nav-link-hover-color);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item > .lu-nav__link .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item > .lu-nav__link .lu-zmdi {
    margin-right: var(--spacing-1x);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav__item:first-of-type > .lu-nav__link,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav__item:first-of-type > .lu-nav__link {
    padding-left: 0;
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav--sub,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav--sub {
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-box-shadow);
    border: var(--dropdown-border);
    border-radius: var(--dropdown-border-radius);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav--sub .lu-nav__link,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav--sub .lu-nav__link {
    color: var(--dropdown-link-color);
    box-shadow: none;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
}
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav--sub .lu-nav__link:hover,
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav--sub .lu-nav__link:active,
.page-proxmoxvevpscloud #layers .lu-navbar__nav .lu-nav--sub .lu-nav__link:focus,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav--sub .lu-nav__link:hover,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav--sub .lu-nav__link:active,
.page-proxmoxvevpscloud #layers2 .lu-navbar__nav .lu-nav--sub .lu-nav__link:focus {
    color: var(--dropdown-link-hover-color);
    background: var(--dropdown-link-hover-bg);
}
.page-proxmoxvevpscloud #layers .lu-tile,
.page-proxmoxvevpscloud #layers2 .lu-tile {
    background: var(--tile-bg-color);
    border: 1px solid var(--gray-lighter-4);
    box-shadow: none;
    min-height: 140px;
}
.page-proxmoxvevpscloud #layers .lu-tile:hover,
.page-proxmoxvevpscloud #layers2 .lu-tile:hover {
    background: var(--tile-hover-bg);
    border-color: var(--tile-border-color-hover);
    transform: translate3d(0, -8px, 0);
    box-shadow: var(--box-shadow-lg);
}
.page-proxmoxvevpscloud #layers .lu-tile__title,
.page-proxmoxvevpscloud #layers2 .lu-tile__title {
    color: var(--gray-darker);
}
.page-proxmoxvevpscloud #layers .lu-widget,
.page-proxmoxvevpscloud #layers2 .lu-widget {
    background: var(--table-container-bg);
    box-shadow: var(--table-container-box-shadow);
    border: var(--table-container-border);
    border-radius: var(--table-container-border-radius);
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .lu-widget .lu-widget__body,
.page-proxmoxvevpscloud #layers2 .lu-widget .lu-widget__body {
    border: 0;
}
.page-proxmoxvevpscloud #layers .lu-widget .lu-widget__header,
.page-proxmoxvevpscloud #layers2 .lu-widget .lu-widget__header {
    border-bottom: var(--ui-block-divider-border);
}
.page-proxmoxvevpscloud #layers .lu-widget__body,
.page-proxmoxvevpscloud #layers2 .lu-widget__body {
    border: 0;
}
.page-proxmoxvevpscloud #layers .lu-widget__top,
.page-proxmoxvevpscloud #layers2 .lu-widget__top {
    border-bottom: var(--ui-block-divider-border);
    background-color: var(--table-container-header-bg);
}
.page-proxmoxvevpscloud #layers .lu-widget .lu-top__title,
.page-proxmoxvevpscloud #layers2 .lu-widget .lu-top__title {
    color: var(--text-heading-color);
}
.page-proxmoxvevpscloud #layers .panel .lu-widget,
.page-proxmoxvevpscloud #layers .lu-modal .lu-widget,
.page-proxmoxvevpscloud #layers2 .panel .lu-widget,
.page-proxmoxvevpscloud #layers2 .lu-modal .lu-widget {
    box-shadow: none;
    border: 1px solid var(--gray-lighter-4);
}
.page-proxmoxvevpscloud #layers .lu-list-group .lu-collapse-icon:before,
.page-proxmoxvevpscloud #layers .lu-list-group .lu-collapse-icon:after,
.page-proxmoxvevpscloud #layers2 .lu-list-group .lu-collapse-icon:before,
.page-proxmoxvevpscloud #layers2 .lu-list-group .lu-collapse-icon:after {
    background-color: var(--gray-icons);
}
.page-proxmoxvevpscloud #layers .lu-list-group--collapse .lu-list-group__top .lu-top__title,
.page-proxmoxvevpscloud #layers2 .lu-list-group--collapse .lu-list-group__top .lu-top__title {
    transition: var(--transition-base);
}
.page-proxmoxvevpscloud #layers .lu-list-group--collapse .lu-list-group__top:hover .lu-top__title,
.page-proxmoxvevpscloud #layers2 .lu-list-group--collapse .lu-list-group__top:hover .lu-top__title {
    color: var(--link-hover-color);
}
.page-proxmoxvevpscloud #layers .lu-list-group--collapse .lu-list-group__content:before,
.page-proxmoxvevpscloud #layers2 .lu-list-group--collapse .lu-list-group__content:before {
    background-color: var(--gray-lighter-4);
}
.page-proxmoxvevpscloud #layers .lu-list .lu-list__item-title,
.page-proxmoxvevpscloud #layers2 .lu-list .lu-list__item-title {
    color: var(--list-group-color);
}
.page-proxmoxvevpscloud #layers .lu-modal__content,
.page-proxmoxvevpscloud #layers2 .lu-modal__content {
    background: var(--modal-content-bg);
    box-shadow: var(--modal-content-box-shadow);
    border-radius: var(--modal-content-border-radius);
    padding: 0;
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__body,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__body {
    border-top: 1px solid var(--modal-header-border-color);
    border-bottom: 0;
    margin: 0;
    padding: var(--modal-inner-padding);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top {
    border-color: var(--modal-header-border-color);
    padding: var(--modal-title-padding);
    background: var(--modal-header-background-color);
    height: auto;
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-top__title,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-top__title {
    font-size: var(--modal-title-font-size) !important;
    font-weight: var(--modal-title-font-weight) !important;
    line-height: var(--modal-title-line-height) !important;
    color: var(--text-heading-color);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-top__title span,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-top__title span {
    color: var(--text-heading-color);
    font-size: var(--modal-title-font-size);
    font-weight: var(--modal-title-font-weight) !important;
    line-height: var(--modal-title-line-height);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-top__title.lu-text-danger .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-top__title.lu-text-danger .lu-zmdi {
    color: var(--text-danger-color);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-top__title.lu-text-success .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-top__title.lu-text-success .lu-zmdi {
    color: var(--text-success-color);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-btn.lu-btn--icon.closeModal,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-btn.lu-btn--icon.closeModal {
    transition: var(--transition-base);
    font-weight: var(--close-font-weight);
    text-shadow: var(--close-text-shadow);
    height: 28px;
    width: 28px;
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-btn.lu-btn--icon.closeModal i,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-btn.lu-btn--icon.closeModal i {
    font-size: var(--close-font-size);
    color: var(--close-color);
    transition: var(--transition-base);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__top .lu-btn.lu-btn--icon.closeModal:hover i,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__top .lu-btn.lu-btn--icon.closeModal:hover i {
    color: var(--close-color-hover);
    opacity: 0.75;
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions {
    border: none;
    padding: var(--modal-footer-padding);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger {
    color: var(--btn-default-color);
    background: var(--btn-default-bg);
    border: var(--btn-border-width) solid var(--btn-default-border);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger:hover,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger:hover {
    color: var(--btn-default-hover-color);
    background: var(--btn-default-hover-bg);
    border: var(--btn-border-width) solid var(--btn-default-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger:active,
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger:focus,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger:active,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger:focus {
    background: var(--btn-default-active-bg);
    border: var(--btn-border-width) solid var(--btn-default-active-bg);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm {
    color: var(--btn-primary-color);
    background: var(--btn-primary-bg);
    border: var(--btn-primary-border);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm .lu-btn__icon,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm .lu-btn__icon {
    color: var(--btn-primary-color);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm .lu-btn__icon .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm .lu-btn__icon .lu-zmdi {
    color: var(--btn-primary-color);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm:hover,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm:hover {
    color: var(--btn-primary-hover-color);
    background: var(--btn-primary-hover-bg);
    border: var(--btn-primary-hover-border);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm:active,
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm:focus,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm:active,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__actions .lu-btn--danger.submitForm:focus {
    background: var(--btn-primary-active-bg);
    border: var(--btn-primary-active-border);
}
.page-proxmoxvevpscloud #layers .lu-modal__content .lu-modal__nav,
.page-proxmoxvevpscloud #layers2 .lu-modal__content .lu-modal__nav {
    padding: 0 var(--spacing-2x);
}
.page-proxmoxvevpscloud #layers .lu-modal.show,
.page-proxmoxvevpscloud #layers2 .lu-modal.show {
    background: var(--modal-backdrop-bg);
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud #layers .lu-modal.lu-modal--info .lu-modal__content,
.page-proxmoxvevpscloud #layers2 .lu-modal.lu-modal--info .lu-modal__content {
    padding: 0;
}
.page-proxmoxvevpscloud #layers .lu-modal.lu-modal--info .lu-modal__content .lu-modal__top,
.page-proxmoxvevpscloud #layers2 .lu-modal.lu-modal--info .lu-modal__content .lu-modal__top {
    padding: var(--modal-title-padding);
}
.page-proxmoxvevpscloud #layers .lu-modal.lu-modal--info .lu-modal__content .lu-modal__body,
.page-proxmoxvevpscloud #layers2 .lu-modal.lu-modal--info .lu-modal__content .lu-modal__body {
    padding: var(--modal-inner-padding);
}
.page-proxmoxvevpscloud #layers .lu-modal.lu-modal--info .lu-modal__content .lu-modal__actions,
.page-proxmoxvevpscloud #layers2 .lu-modal.lu-modal--info .lu-modal__content .lu-modal__actions {
    padding: var(--modal-footer-padding);
}
.page-proxmoxvevpscloud #layers .modal,
.page-proxmoxvevpscloud #layers2 .modal {
    align-items: center;
    justify-content: center;
    display: flex;
}
.page-proxmoxvevpscloud #layers .modal-title,
.page-proxmoxvevpscloud #layers2 .modal-title {
    font-size: var(--modal-title-font-size);
    font-weight: var(--modal-title-font-weight);
    line-height: var(--modal-title-line-height);
    color: var(--text-heading-color);
}
.page-proxmoxvevpscloud #layers .modal-content,
.page-proxmoxvevpscloud #layers2 .modal-content {
    background: var(--ui-block-overlay-bg-2);
    box-shadow: var(--modal-content-box-shadow);
    border: 1px solid var(--modal-content-border-color);
    border-radius: var(--modal-content-border-radius);
}
.page-proxmoxvevpscloud #layers .modal-body,
.page-proxmoxvevpscloud #layers2 .modal-body {
    padding: var(--modal-inner-padding);
}
.page-proxmoxvevpscloud #layers .modal-header,
.page-proxmoxvevpscloud #layers2 .modal-header {
    border-color: var(--modal-header-border-color);
    padding: var(--modal-title-padding);
    background: var(--modal-header-background-color);
    border-radius: var(--modal-content-border-radius) var(--modal-content-border-radius) 0 0;
}
.page-proxmoxvevpscloud #layers .modal-footer,
.page-proxmoxvevpscloud #layers2 .modal-footer {
    border: none;
    padding: var(--modal-footer-padding);
    border-bottom-right-radius: var(--modal-content-inner-border-radius);
    border-bottom-left-radius: var(--modal-content-inner-border-radius);
}
.page-proxmoxvevpscloud #layers .modal .close,
.page-proxmoxvevpscloud #layers2 .modal .close {
    color: var(--close-color);
    transition: var(--transition-base);
    font-size: var(--close-font-size);
    font-weight: var(--close-font-weight);
    text-shadow: var(--close-text-shadow);
}
.page-proxmoxvevpscloud #layers .modal .close:hover,
.page-proxmoxvevpscloud #layers2 .modal .close:hover {
    color: var(--close-color-hover);
    opacity: 0.75;
}
.page-proxmoxvevpscloud #layers .modal.show,
.page-proxmoxvevpscloud #layers2 .modal.show {
    display: flex !important;
}
.page-proxmoxvevpscloud #layers .modal.show .modal-dialog,
.page-proxmoxvevpscloud #layers2 .modal.show .modal-dialog {
    transform: var(--modal-fade-transform);
    transition: var(--modal-transition);
}
.page-proxmoxvevpscloud #layers .modal.fade .modal-dialog,
.page-proxmoxvevpscloud #layers2 .modal.fade .modal-dialog {
    transform: var(--modal-fade-transform);
    transition: var(--modal-transition);
}
.page-proxmoxvevpscloud #layers .modal.fade.show .modal-dialog,
.page-proxmoxvevpscloud #layers2 .modal.fade.show .modal-dialog {
    transform: unset;
}
.page-proxmoxvevpscloud #layers .lu-zmdi,
.page-proxmoxvevpscloud #layers2 .lu-zmdi {
    color: var(--gray-icons);
}
.page-proxmoxvevpscloud #layers .lu-breadcrumb .lu-breadcrumb__link,
.page-proxmoxvevpscloud #layers2 .lu-breadcrumb .lu-breadcrumb__link {
    color: var(--main-header-breadcrumb-color);
}
.page-proxmoxvevpscloud #layers .lu-breadcrumb .lu-breadcrumb__item.is-active .lu-breadcrumb__link,
.page-proxmoxvevpscloud #layers2 .lu-breadcrumb .lu-breadcrumb__item.is-active .lu-breadcrumb__link {
    color: var(--main-header-breadcrumb-color-active);
}
.page-proxmoxvevpscloud #layers .lu-breadcrumb .lu-breadcrumb__item:before,
.page-proxmoxvevpscloud #layers2 .lu-breadcrumb .lu-breadcrumb__item:before {
    color: var(--breadcrumb-color);
}
.page-proxmoxvevpscloud #layers .lu-badge,
.page-proxmoxvevpscloud #layers2 .lu-badge {
    transition: var(--trasition-base);
}
.page-proxmoxvevpscloud #layers .lu-badge.lu-badge--primary,
.page-proxmoxvevpscloud #layers2 .lu-badge.lu-badge--primary {
    background: var(--badge-primary-bg);
    color: var(--badge-primary-color);
    border-color: var(--badge-primary-bg);
}
.page-proxmoxvevpscloud #layers .lu-badge.lu-badge--primary:hover,
.page-proxmoxvevpscloud #layers2 .lu-badge.lu-badge--primary:hover {
    background: var(--badge-primary-hover-bg);
    border-color: var(--badge-primary-hover-bg);
}
.page-proxmoxvevpscloud #layers .box,
.page-proxmoxvevpscloud #layers2 .box {
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .box.light,
.page-proxmoxvevpscloud #layers2 .box.light {
    background: var(--ui-block-bg);
    box-shadow: var(--ui-block-shadow);
    border: var(--ui-block-border);
    border-radius: var(--ui-block-border-radius);
}
.page-proxmoxvevpscloud #layers .box .box-title,
.page-proxmoxvevpscloud #layers2 .box .box-title {
    border: 0;
}
.page-proxmoxvevpscloud #layers .CodeMirror,
.page-proxmoxvevpscloud #layers2 .CodeMirror {
    background: var(--input-bg);
    border: 0;
    border-top: 1px solid var(--gray-lighter-3);
    border-bottom: 1px solid var(--ui-block-border-color);
    color: var(--input-color);
    border-radius: 0;
}
.page-proxmoxvevpscloud #layers .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word),
.page-proxmoxvevpscloud #layers2 .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) {
    background: var(--bg-color-transparent);
}
.page-proxmoxvevpscloud #layers:not(.lagom-futuristic) .CodeMirror,
.page-proxmoxvevpscloud #layers2:not(.lagom-futuristic) .CodeMirror {
    border: 1px solid var(--gray-lighter-4);
    border-bottom: 0;
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content {
    margin-bottom: var(--spacing-3x);
    background: var(--ui-block-bg-header);
    border-color: var(--gray-lighter-4);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content .date,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content .date {
    color: var(--text-lighter-color);
    font-size: var(--font-size-sm);
    padding-top: var(--spacing-3x);
    background: var(--ui-block-bg-header);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content .user,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content .user {
    background: var(--ui-block-bg-header);
    color: var(--gray-base);
    display: flex;
    align-items: center;
    padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content .user .fa,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content .user .fa {
    font-size: var(--font-size-extra-small) !important;
    padding-left: 0;
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content .user span,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content .user span {
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content.staff .date,
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content.staff .user,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content.staff .date,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content.staff .user {
    background-color: var(--brand-info-faded);
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content.staff .date span,
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content.staff .user span,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content.staff .date span,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content.staff .user span {
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content .message,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content .message {
    box-shadow: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    border-top: 1px solid var(--ui-block-divider-color);
    padding: var(--ui-block-padding-base);
    min-height: 50px;
    align-items: start;
    background: var(--bg-color-transparent);
}
.page-proxmoxvevpscloud #layers .ticket-reply.markdown-content .message p,
.page-proxmoxvevpscloud #layers2 .ticket-reply.markdown-content .message p {
    color: var(--gray-base);
}
.page-proxmoxvevpscloud #layers .editor-toolbar,
.page-proxmoxvevpscloud #layers2 .editor-toolbar {
    opacity: 1;
    border-color: var(--gray-lighter-4);
}
.page-proxmoxvevpscloud #layers .editor-toolbar a,
.page-proxmoxvevpscloud #layers2 .editor-toolbar a {
    color: var(--gray-base) !important;
    border: none;
}
.page-proxmoxvevpscloud #layers .editor-toolbar a:hover,
.page-proxmoxvevpscloud #layers .editor-toolbar a:active,
.page-proxmoxvevpscloud #layers2 .editor-toolbar a:hover,
.page-proxmoxvevpscloud #layers2 .editor-toolbar a:active {
    background-color: var(--bg-color-transparent);
    border: none;
}
.page-proxmoxvevpscloud #layers .editor-toolbar i.separator,
.page-proxmoxvevpscloud #layers2 .editor-toolbar i.separator {
    display: none;
}
.page-proxmoxvevpscloud #layers .editor-statusbar,
.page-proxmoxvevpscloud #layers2 .editor-statusbar {
    background: var(--gray-faded);
    margin-bottom: var(--form-group-margin-bottom);
}
.page-proxmoxvevpscloud #layers .editor-statusbar + .row-fluid input[type="file"],
.page-proxmoxvevpscloud #layers2 .editor-statusbar + .row-fluid input[type="file"] {
    margin: var(--form-group-margin-bottom) 0;
}
.page-proxmoxvevpscloud #layers .editor-statusbar + .row-fluid .ticket-attachments-message,
.page-proxmoxvevpscloud #layers2 .editor-statusbar + .row-fluid .ticket-attachments-message {
    margin-bottom: var(--form-group-margin-bottom);
}
.page-proxmoxvevpscloud #layers:not(.lagom-futuristic) .editor-statusbar,
.page-proxmoxvevpscloud #layers2:not(.lagom-futuristic) .editor-statusbar {
    border: 1px solid var(--gray-lighter-4);
}
.page-proxmoxvevpscloud #layers .ticket-status .Open,
.page-proxmoxvevpscloud #layers .ticket-status .Answered,
.page-proxmoxvevpscloud #layers2 .ticket-status .Open,
.page-proxmoxvevpscloud #layers2 .ticket-status .Answered {
    color: var(--brand-success);
}
.page-proxmoxvevpscloud #layers .ticket-status .Customer-Reply,
.page-proxmoxvevpscloud #layers2 .ticket-status .Customer-Reply {
    color: var(--brand-primary);
}
.page-proxmoxvevpscloud #layers .ticket-status .OnHold,
.page-proxmoxvevpscloud #layers .ticket-status .InProgress,
.page-proxmoxvevpscloud #layers2 .ticket-status .OnHold,
.page-proxmoxvevpscloud #layers2 .ticket-status .InProgress {
    color: var(--brand-warning);
}
.page-proxmoxvevpscloud #layers .ticket-status .Closed,
.page-proxmoxvevpscloud #layers2 .ticket-status .Closed {
    color: var(--ui-icon-color);
}
.page-proxmoxvevpscloud#layers-body .lu-dropdown {
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-box-shadow);
    border: var(--dropdown-border);
    border-radius: var(--dropdown-border-radius);
}
.page-proxmoxvevpscloud#layers-body .lu-dropdown .lu-dropdown__link {
    color: var(--dropdown-link-color);
}
.page-proxmoxvevpscloud#layers-body .lu-dropdown .lu-dropdown__link .lu-btn--icon {
    color: var(--dropdown-link-icon-color);
    transition: var(--transition-base);
}
.page-proxmoxvevpscloud#layers-body .lu-dropdown .lu-dropdown__link:hover {
    color: var(--dropdown-link-hover-color);
}

.page-proxmoxvevpscloud#layers-body .lu-dropdown .lu-dropdown__link:hover .lu-btn--icon {
    color: var(--dropdown-link-icon-hover-color);
}
.page-proxmoxvevpscloud#layers-body .lu-dropdown .lu-dropdown__arrow:after {
    background: var(--dropdown-bg);
}
.page-proxmoxvevpscloud#layers-body .lu-dropdown .lu-dropdown__header {
    color: var(--text-heading-color);
}
.page-proxmoxvevpscloud#layers-body .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link {
    color: var(--dropdown-link-color);
}
.page-proxmoxvevpscloud#layers-body .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover {
    color: var(--dropdown-link-hover-color);
}
.page-proxmoxvevpscloud#layers-body .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover .lu-btn--icon,
.page-proxmoxvevpscloud#layers-body .lu-has-dropdown .drop-content .lu-dropdown__item a.lu-dropdown__link:hover i {
    color: var(--dropdown-link-icon-hover-color);
}
.page-proxmoxvevpscloud#layers-body .selectize-control {
    background-color: var(--bg-color-transparent);
}
.page-proxmoxvevpscloud#layers-body .selectize-control .selectize-dropdown {
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-box-shadow);
    border: var(--dropdown-border);
    height: auto;
}
.page-proxmoxvevpscloud#layers-body .selectize-control .selectize-dropdown .option {
    transition: var(--transition-base);
    color: var(--dropdown-link-color);
}
.page-proxmoxvevpscloud#layers-body .selectize-control .selectize-dropdown .option:hover {
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg);
}
.page-proxmoxvevpscloud#layers-body .selectize-control .selectize-dropdown .option.selected.active {
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg);
}
.page-proxmoxvevpscloud#layers-body .selectize-control .selectize-input:before {
    color: var(--dropdown-caret-color);
}
.page-proxmoxvevpscloud#layers-body .select2-dropdown {
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-box-shadow);
    border: var(--dropdown-border);
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud#layers-body .select2-dropdown .select2-results__option {
    transition: var(--transition-base);
    color: var(--dropdown-link-color);
}
.page-proxmoxvevpscloud#layers-body .select2-dropdown .select2-results__option:hover {
    color: var(--dropdown-link-hover-color);
}
.page-proxmoxvevpscloud#layers-body .select2-dropdown .select2-search__field {
    background-color: var(--input-bg);
    border: var(--input-border);
    color: var(--input-color);
    height: var(--ui-height-base);
    padding: var(--ui-padding-base-v) var(--ui-padding-base-h);
    font-size: var(--input-font-size);
    border-radius: var(--input-border-radius);
    background-clip: padding-box;
}
.page-proxmoxvevpscloud#layers-body .select2-dropdown .select2-selection__arrow b {
    border-top-color: var(--dropdown-caret-color);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: var(--input-border);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.page-proxmoxvevpscloud#layers-body .select2-container--default.select2-container--focus .select2-selection--multiple:active {
    border-color: var(--input-focus-border-color);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default .select2-selection--multiple {
    border: var(--input-border);
    min-height: var(--ui-height-base) !important;
    background-color: var(--input-bg);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default .select2-search__field {
    padding: var(--ui-padding-base-v) var(--ui-padding-base-h);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default .select2-selection--single {
    height: var(--ui-height-base);
    border: var(--input-border);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--dropdown-caret-color);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--input-color);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--input-color);
}
.page-proxmoxvevpscloud#layers-body .select2-container--default--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: var(--dropdown-caret-color);
}
.page-proxmoxvevpscloud#layers-body.lagom-futuristic .lu-dropdown {
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud#layers-body .intl-tel-input .country-list {
    background: var(--dropdown-bg);
    box-shadow: var(--dropdown-box-shadow);
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud#layers-body .ui-widget-content {
    max-width: var(--tooltip-max-width);
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    color: var(--tooltip-color);
    text-align: center;
    background-color: var(--tooltip-bg);
    border-radius: var(--tooltip-border-radius);
    background-image: none;
    border: 0;
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-base);
    box-shadow: var(--tooltip-box-shadow);
}
.page-proxmoxvevpscloud .product-details #cPanelUsagePanel {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.page-proxmoxvevpscloud .product-details #cPanelUsagePanel .panel-body {
    justify-content: center;
    height: 100%;
}
.page-proxmoxvevpscloud .product-details #cPanelUsagePanel .panel-body .col-md-5 {
    max-width: 50%;
    flex: 0 0 50%;
}
.page-proxmoxvevpscloud .product-details #cPanelUsagePanel .panel-footer {
    overflow: unset;
}
.page-proxmoxvevpscloud .h4.lu-m-b-3x.lu-m-t-3x {
    margin-top: 0 !important;
}
.page-proxmoxvevpscloud .lu-modal__top.lu-top {
    min-height: auto;
}
.page-proxmoxvevpscloud #layers .lu-widget__header {
    border-color: var(--ui-block-divider-border);
}
.page-proxmoxvevpscloud #layers .lu-widget__header .lu-widget__top {
    padding: var(--panel-heading-padding);
    min-height: var(--ui-block-header-height);
    background: var(--panel-default-heading-bg);
}
.page-proxmoxvevpscloud #layers .lu-widget__header .lu-top__title {
    font-size: var(--panel-title-font-size) !important;
    font-weight: var(--panel-title-font-weight);
    line-height: var(--panel-title-line-height);
}
.page-proxmoxvevpscloud #layers .lu-widget__header .lu-t-c__top {
    padding: var(--panel-heading-padding);
}
.page-proxmoxvevpscloud #layers .lu-widget__body table {
    margin-bottom: 0;
}
.page-proxmoxvevpscloud #layers .lu-widget__body table thead tr td:first-child,
.page-proxmoxvevpscloud #layers .lu-widget__body table tbody tr td:first-child {
    padding-left: var(--table-td-first-last-padding);
}
.page-proxmoxvevpscloud #layers .lu-widget__body table thead tr td:last-child,
.page-proxmoxvevpscloud #layers .lu-widget__body table tbody tr td:last-child {
    padding-right: var(--table-td-first-last-padding);
}
.page-proxmoxvevpscloud #layers .lu-widget__body table thead tr th:first-child,
.page-proxmoxvevpscloud #layers .lu-widget__body table tbody tr th:first-child {
    padding-left: var(--table-td-first-last-padding);
}
.page-proxmoxvevpscloud #layers .lu-widget__body table thead tr th:last-child,
.page-proxmoxvevpscloud #layers .lu-widget__body table tbody tr th:last-child {
    padding-right: var(--table-td-first-last-padding);
}
.page-proxmoxvevpscloud #layers .lu-widget__body table thead tr th {
    height: var(--table-th-height);
}
.page-proxmoxvevpscloud #layers .lu-widget__body table tbody tr td {
    height: var(--table-td-height);
    border-top: 1px solid var(--table-border-color);
}
.page-proxmoxvevpscloud #layers .lu-widget__body div[style="padding: 15px; text-align: center; border-top: 1px solid rgb(233, 235, 240);"] {
    border-color: var(--table-border-color) !important;
}
.page-proxmoxvevpscloud #layers .lu-widget__body .dataTables_wrapper .lu-t-c__footer.table-footer {
    border-top: 1px solid var(--table-border-color);
}
.page-proxmoxvevpscloud #layers .lu-widget__body .dataTables_wrapper .lu-cell-actions .lu-btn + .lu-btn {
    margin: 0;
}
.page-proxmoxvevpscloud #layers .lu-widget__body .dataTables_paginate {
    padding: var(--spacing-1x) var(--ui-block-padding-base);
}
.page-proxmoxvevpscloud #layers .lu-widget__body .datatable-alert-top {
    margin: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
}
.page-proxmoxvevpscloud #layers .lu-widget__body .lu-top {
    padding: var(--panel-heading-padding);
}
.page-proxmoxvevpscloud #layers .lu-widget__body .lu-top.lu-t-c__mass-actions {
    padding: var(--spacing-1x);
    box-shadow: var(--box-shadow-lg);
}
@media (min-width: 751px) {
    .page-proxmoxvevpscloud #layers .lu-widget__body .lu-top.lu-t-c__mass-actions {
        top: -8px;
        left: 0;
    }
}
.page-proxmoxvevpscloud #layers .lu-widget__body > .lu-alert {
    margin: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
    width: auto;
}
.page-proxmoxvevpscloud #layers .lu-widget__nav {
    padding: 0 calc(var(--panel-body-padding) - var(--nav-link-padding-h));
}
.page-proxmoxvevpscloud #layers .lu-widget__nav .lu-nav__link {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    min-height: var(--nav-link-height);
    padding: var(--nav-link-padding-v) var(--nav-link-padding-h);
}
.page-proxmoxvevpscloud #layers .lu-widget__nav .lu-nav__item.is-active .lu-nav__link:after {
    height: var(--nav-tabs-link-active-border-width);
}
.page-proxmoxvevpscloud #layers .lu-widget .lu-bg-danger-lighter {
    background-color: var(--brand-danger-lighter) !important;
}
.page-proxmoxvevpscloud #layers .lu-widget .lu-bg-danger-faded {
    background-color: var(--brand-danger-lighter-4) !important;
}
.page-proxmoxvevpscloud #layers .lu-widget .lu-bg-danger-faded .lu-docs-color-name {
    color: var(--text-danger-color);
}
.page-proxmoxvevpscloud #layers .lu-progress__bar {
    background: var(--progress-bg);
    border-radius: var(--progress-border-radius);
}
.page-proxmoxvevpscloud #layers .lu-progress__bar .lu-progress__fill {
    background: var(--brand-primary);
    border-radius: var(--progress-border-radius);
}
.page-proxmoxvevpscloud #layers .lu-btn.disabled,
.page-proxmoxvevpscloud #layers .lu-btn[disabled] {
    color: var(--btn-disabled-color);
    background-color: var(--btn-disabled-bg);
    border-color: var(--btn-disabled-border);
}
.page-proxmoxvevpscloud #layers .lu-btn.disabled.lu-btn--icon,
.page-proxmoxvevpscloud #layers .lu-btn[disabled].lu-btn--icon {
    background: #fff0;
}
.page-proxmoxvevpscloud #layers .lu-btn.disabled i,
.page-proxmoxvevpscloud #layers .lu-btn[disabled] i {
    color: var(--btn-disabled-color);
}
.page-proxmoxvevpscloud #layers .lu-btn.lu-btn--link.lu-btn--icon i {
    transition: var(--btn-transition);
}
.page-proxmoxvevpscloud #layers .lu-label--status.lu-label--success {
    color: var(--label-success-color);
}
.page-proxmoxvevpscloud #layers .lu-label--status.lu-label--info {
    color: var(--label-info-color);
}
.page-proxmoxvevpscloud #layers .lu-label--status.lu-label--danger {
    color: var(--label-danger-color);
}
.page-proxmoxvevpscloud #layers .lu-label--status.lu-label--warning {
    color: var(--label-warning-color);
}
.page-proxmoxvevpscloud #layers #firewallOption .lu-widget__header,
.page-proxmoxvevpscloud #layers #serviceInformationDataTable .lu-widget__header {
    border-bottom: var(--ui-block-divider-border) !important;
}
.page-proxmoxvevpscloud #layers #firewallOption .lu-widget__body,
.page-proxmoxvevpscloud #layers #serviceInformationDataTable .lu-widget__body {
    padding-top: 0;
}
.page-proxmoxvevpscloud #layers #firewallOption .lu-table tbody tr td:last-child,
.page-proxmoxvevpscloud #layers #firewallOption .lu-table tbody tr th:last-child,
.page-proxmoxvevpscloud #layers #serviceInformationDataTable .lu-table tbody tr td:last-child,
.page-proxmoxvevpscloud #layers #serviceInformationDataTable .lu-table tbody tr th:last-child {
    text-align: right;
}
.page-proxmoxvevpscloud #layers #firewallOption .lu-table tbody tr:first-of-type td,
.page-proxmoxvevpscloud #layers #serviceInformationDataTable .lu-table tbody tr:first-of-type td {
    border-top: 0;
}
@media (max-width: 514px) {
    .page-proxmoxvevpscloud #layers .lu-tiles {
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .page-proxmoxvevpscloud #layers .lu-tiles .lu-col-sm-20p {
        flex: 0 0 33%;
        max-width: 33%;
    }
}
@media (max-width: 514px) {
    .page-proxmoxvevpscloud #layers .lu-tiles .lu-col-sm-20p {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: var(--spacing-1x);
        padding-left: var(--spacing-1x);
    }
}
.page-proxmoxvevpscloud #layers .selectize-control.multi .item {
    background-color: var(--gray-faded);
    color: var(--gray-lighter);
    border-color: var(--gray-lighter-3);
}
.page-proxmoxvevpscloud #layers .selectize-control.multi .item a {
    color: var(--gray-lighter);
}
.page-proxmoxvevpscloud #layers .selectize-control.multi .item.active {
    color: var(--dropdown-link-active-color);
}
.page-proxmoxvevpscloud #layers .selectize-control.multi .item.active a {
    color: var(--dropdown-link-active-color);
}
.page-proxmoxvevpscloud #layers .selectize-control.multi .selectize-dropdown .option.active,
.page-proxmoxvevpscloud #layers2 .selectize-control.multi .selectize-dropdown .option.active {
    color: var(--dropdown-link-active-color);
    background-color: var(--dropdown-link-active-bg);
}
.page-proxmoxvevpscloud #layers .selectize-control.multi .selectize-dropdown .option:hover,
.page-proxmoxvevpscloud #layers2 .selectize-control.multi .selectize-dropdown .option:hover {
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg);
}
.page-proxmoxvevpscloud #layers .selectize-control .selectize-dropdown .option.active,
.page-proxmoxvevpscloud #layers2 .selectize-control .selectize-dropdown .option.active {
    color: var(--dropdown-link-active-color);
    background-color: var(--dropdown-link-active-bg);
}
.page-proxmoxvevpscloud #layers .selectize-control .selectize-dropdown .option.selected.active,
.page-proxmoxvevpscloud #layers2 .selectize-control .selectize-dropdown .option.selected.active {
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg);
}
.page-proxmoxvevpscloud #layers .selectize-control .selectize-dropdown.lu-form-control,
.page-proxmoxvevpscloud #layers2 .selectize-control .selectize-dropdown.lu-form-control {
    padding: 0;
}
.page-proxmoxvevpscloud #layers .selectize-control .selectize-dropdown.lu-form-control:hover,
.page-proxmoxvevpscloud #layers2 .selectize-control .selectize-dropdown.lu-form-control:hover {
    background: var(--dropdown-bg);
    border: var(--dropdown-border);
}
.page-proxmoxvevpscloud #layers .selectize-control .selectize-input.items.not-full.has-options.has-items,
.page-proxmoxvevpscloud #layers2 .selectize-control .selectize-input.items.not-full.has-options.has-items {
    height: auto;
    min-height: var(--ui-height-base);
}
.page-proxmoxvevpscloud #layers #serviceInformationDataTable + .lu-row + .h4.lu-m-b-3x.lu-m-t-3x {
    margin-top: var(--spacing-4x) !important;
}
.page-proxmoxvevpscloud #layers #serviceInformationDataTable + .h4.lu-m-b-3x.lu-m-t-3x {
    margin-top: var(--spacing-4x) !important;
}
.page-proxmoxvevpscloud #layers #resourcesContainer .lu-widget .lu-widget__body {
    padding: var(--panel-body-padding);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar {
    border: 1px solid var(--gray-lighter-4);
    box-shadow: var(--ui-block-shadow);
    background: var(--dropdown-bg);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .prev:after {
    border-right-color: var(--dropdown-caret-color);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .prev:not(.disabled):hover {
    background: #fff0;
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .prev:not(.disabled):hover:after {
    border-right-color: var(--link-hover-color);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .next:after {
    border-left-color: var(--dropdown-caret-color);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .next:not(.disabled):hover {
    background: #fff0;
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .next:not(.disabled):hover:after {
    border-left-color: var(--link-hover-color);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar header .up:not(.disabled):hover {
    background: #fff0;
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
    border-color: var(--brand-primary);
}
.page-proxmoxvevpscloud #layers .vdp-datepicker__calendar .cell.selected {
    background: var(--brand-primary);
    color: var(--text-secondary-body-color);
}
.page-proxmoxvevpscloud #mc-promo-widgets .mc-promo-login:last-of-type .panel {
    margin-bottom: 0;
}
.page-proxmoxvevpscloud .tab-pane.billingOverview {
    padding: var(--ui-block-padding-base-v) var(--ui-block-padding-base);
}
@media (max-width: 768px) {
    .page-proxmoxvevpscloud .mc-promo-login .content {
        flex-direction: column;
        align-items: center;
    }
    .page-proxmoxvevpscloud .mc-promo-login .content .panel-heading {
        text-align: center;
    }
    .page-proxmoxvevpscloud .mc-promo-login .content .logo {
        margin-bottom: var(--ui-block-spacing-sm);
    }
}
@media (max-width: 1200px) {
    .page-proxmoxvevpscloud .mc-promo-login#WeeblyLogin .logo img {
        width: 100%;
    }
}
@media (max-width: 1200px) and (min-width: 768px) {
    .page-proxmoxvevpscloud .mc-promo-login#WeeblyLogin .actions .btn + .btn {
        margin: var(--ui-block-spacing-sm) 0 0 0 !important;
    }
}
.page-proxmoxvevpscloud.lagom-futuristic .mc-promo-login#WeeblyLogin .logo img {
    filter: unset;
}
.page-proxmoxvevpscloud.lagom-futuristic .mc-promo-login .content .logo + div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-proxmoxvevpscloud.lagom-futuristic .mc-promo-login#SitebuilderLogin .actions .btn + .btn {
    margin-left: var(--ui-block-spacing-sm);
}
.page-proxmoxvevpscloud.lagom-futuristic .lu-t-c__mass-actions {
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud.lagom-futuristic .vdp-datepicker__calendar {
    backdrop-filter: blur(10px);
}
.page-proxmoxvevpscloud#layers-body #toast-container {
    z-index: 99999999;
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert {
    border-radius: var(--alert-border-radius);
    padding: var(--alert-padding-v) var(--alert-padding-h);
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--success {
    border: var(--alert-success-border);
    background-color: var(--alert-success-bg);
    color: var(--alert-success-text);
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--warning {
    border: var(--alert-warning-border);
    background-color: var(--alert-warning-bg);
    color: var(--alert-warning-text);
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--info {
    border: var(--alert-info-border);
    background-color: var(--alert-info-bg);
    color: var(--alert-info-text);
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--danger {
    border: var(--alert-danger-border);
    background-color: var(--alert-danger-bg);
    color: var(--alert-danger-text);
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--faded.lu-alert--info {
    border: var(--alert-info-border);
    background-color: var(--alert-info-bg);
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--border-right:after {
    border-right: 0;
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-alert--border-left:after {
    border-left: 0;
}
.page-proxmoxvevpscloud#layers-body #toast-container .lu-alert.lu-has-icon .lu-alert__body {
    padding-left: var(--spacing-3x);
}
.page-proxmoxvevpscloud .panel.panel-sidebar[menuitemname="managementProxmoxVps"] .list-group > .list-group-item i {
    font-size: var(--ui-icon-size-small);
}
.page-proxmoxvevpscloud .panel-product-details .module-client-area {
    padding: 0;
}
.page-proxmoxvevpscloud .panel-product-details .module-client-area .h4.lu-m-b-3x.lu-m-t-3x {
    margin: 0 0 var(--spacing-5x) 0 !important;
}
.page-proxmoxvevpscloud .panel-product-details .module-client-area .lu-tiles + .h4.lu-m-b-3x.lu-m-t-3x {
    margin-top: var(--spacing-3x) !important;
}
.page-proxmoxvevpscloud .panel #layers .lu-widget {
    border: 1px solid var(--gray-lighter-4);
    box-shadow: none;
}
.page-proxmoxvevpscloud .alert.alert-warning .btn {
    color: var(--btn-warning-color);
    background-color: var(--btn-warning-bg);
    border-color: var(--brand-warning-lighter-3) !important;
    border: var(--btn-border-width) solid;
    box-shadow: none;
}
.page-proxmoxvevpscloud .alert.alert-warning .btn:hover {
    color: var(--btn-warning-hover-color);
    background-color: var(--btn-warning-hover-bg) !important;
    border-color: var(--btn-warning-hover-border) !important;
    border: var(--btn-border-width) solid;
}
.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-bg-danger-lighter,
.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-bg-danger-lighter {
    background-color: var(--brand-danger-lighter-2) !important;
}
.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-bg-danger-faded,
.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-bg-danger-faded {
    background-color: var(--brand-danger-lighter-4) !important;
}
.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-bg-danger-faded .lu-docs-color-name,
.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-bg-danger-faded .lu-docs-color-name {
    color: var(--text-secondary-color);
}
.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-bg-danger-faded .lu-docs-color-value,
.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-bg-danger-faded .lu-docs-color-value {
    color: var(--text-secondary-lighter-color);
}

/* Fallback for module runtime selectize markup variants (selectize-* / lu-selectize-*) */
.page-proxmoxvevpscloud #layers .selectize-dropdown,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown {
    background: var(--dropdown-bg) !important;
    border: var(--dropdown-border) !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: var(--line-height-base) !important;
}
.page-proxmoxvevpscloud #layers .selectize-dropdown.lu-form-control,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown.lu-form-control,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown.lu-form-control,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown.lu-form-control,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown.lu-form-control,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown.lu-form-control {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    line-height: var(--line-height-base) !important;
}
.page-proxmoxvevpscloud #layers .selectize-dropdown .selectize-dropdown-content,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown .selectize-dropdown-content,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown .selectize-dropdown-content,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown .selectize-dropdown-content,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown .selectize-dropdown-content,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown .selectize-dropdown-content {
    background: var(--dropdown-bg) !important;
    padding: 4px 0 !important;
    max-height: 240px !important;
    overflow-y: auto !important;
}
.page-proxmoxvevpscloud #layers .selectize-dropdown .option,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown .option,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown .option,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown .option,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown .option,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown .option,
.page-proxmoxvevpscloud #layers .selectize-dropdown a.option,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown a.option,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown a.option,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown a.option,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown a.option,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown a.option {
    color: var(--dropdown-link-color) !important;
    background: var(--dropdown-bg) !important;
    display: flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 8px var(--ui-padding-base-h) !important;
    line-height: var(--line-height-base) !important;
    white-space: nowrap !important;
}
.page-proxmoxvevpscloud #layers .selectize-dropdown .option:hover,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown .option:hover,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown .option:hover,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown .option:hover,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown .option:hover,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown .option:hover,
.page-proxmoxvevpscloud #layers .selectize-dropdown .option.active,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown .option.active,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown .option.active,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown .option.active,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown .option.active,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown .option.active,
.page-proxmoxvevpscloud #layers .selectize-dropdown .option.selected.active,
.page-proxmoxvevpscloud #layers2 .selectize-dropdown .option.selected.active,
.page-proxmoxvevpscloud #layers .lu-selectize-dropdown .option.selected.active,
.page-proxmoxvevpscloud #layers2 .lu-selectize-dropdown .option.selected.active,
.page-proxmoxvevpscloud#layers-body .selectize-dropdown .option.selected.active,
.page-proxmoxvevpscloud#layers-body .lu-selectize-dropdown .option.selected.active {
    color: var(--dropdown-link-hover-color) !important;
    background: var(--dropdown-link-hover-bg) !important;
}

/* Form group spacing & disabled-state fallbacks for the VM-create / order forms */
.page-proxmoxvevpscloud #layers .lu-form-group,
.page-proxmoxvevpscloud #layers2 .lu-form-group {
    margin-bottom: 18px;
}
.page-proxmoxvevpscloud #layers .lu-form-control[disabled],
.page-proxmoxvevpscloud #layers .form-control[disabled],
.page-proxmoxvevpscloud #layers2 .lu-form-control[disabled],
.page-proxmoxvevpscloud #layers2 .form-control[disabled] {
    background-color: var(--input-disabled-bg, #f5f6f8);
    border-color: var(--input-disabled-border-color, #e2e5ea);
    color: var(--input-disabled-color, rgba(44, 62, 80, 0.4));
    cursor: not-allowed;
}

/* === Theme-aware visibility fixes ===
   Lagom in dark-mode reassigns --input-bg to var(--ui-block-bg), so inputs
   blend into the widget. Force a slight inset bg + visibly contrasted border
   that reads in both light and dark mode. */
.page-proxmoxvevpscloud #layers .lu-form-control:not([class*="selectize"]),
.page-proxmoxvevpscloud #layers .form-control:not([class*="selectize"]),
.page-proxmoxvevpscloud #layers2 .lu-form-control:not([class*="selectize"]),
.page-proxmoxvevpscloud #layers2 .form-control:not([class*="selectize"]) {
    background-color: rgba(127, 127, 127, 0.06);
    border-color: rgba(127, 127, 127, 0.35);
}
html.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-form-control:not([class*="selectize"]),
html.lagom-dark-mode .page-proxmoxvevpscloud #layers .form-control:not([class*="selectize"]),
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-form-control:not([class*="selectize"]),
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .form-control:not([class*="selectize"]) {
    background-color: rgba(0, 0, 0, 0.22);
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}
html.lagom-dark-mode .page-proxmoxvevpscloud #layers .lu-form-control:not([class*="selectize"]):focus,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers .form-control:not([class*="selectize"]):focus,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .lu-form-control:not([class*="selectize"]):focus,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 .form-control:not([class*="selectize"]):focus {
    border-color: var(--brand-primary);
    background-color: rgba(0, 0, 0, 0.32);
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18);
}

/* Page heading sits outside #layers, so the existing color rule misses it.
   Use --text-heading-color (white in dark mode, gray-darker in light).
   Bootstrap-style `.h1`-`.h6` (without `lu-` prefix) and `.lu-type-1..9`
   are also used as heading classes on plain divs. */
.page-proxmoxvevpscloud h1,
.page-proxmoxvevpscloud h2,
.page-proxmoxvevpscloud h3,
.page-proxmoxvevpscloud h4,
.page-proxmoxvevpscloud h5,
.page-proxmoxvevpscloud h6,
.page-proxmoxvevpscloud .h1,
.page-proxmoxvevpscloud .h2,
.page-proxmoxvevpscloud .h3,
.page-proxmoxvevpscloud .h4,
.page-proxmoxvevpscloud .h5,
.page-proxmoxvevpscloud .h6,
.page-proxmoxvevpscloud .lu-type-1,
.page-proxmoxvevpscloud .lu-type-2,
.page-proxmoxvevpscloud .lu-type-3,
.page-proxmoxvevpscloud .lu-type-4,
.page-proxmoxvevpscloud .lu-type-5,
.page-proxmoxvevpscloud .lu-type-6,
.page-proxmoxvevpscloud .lu-type-7,
.page-proxmoxvevpscloud .lu-type-8,
.page-proxmoxvevpscloud .lu-type-9,
.page-proxmoxvevpscloud .lu-h1,
.page-proxmoxvevpscloud .lu-h2,
.page-proxmoxvevpscloud .lu-h3,
.page-proxmoxvevpscloud .lu-h4,
.page-proxmoxvevpscloud .lu-h5,
.page-proxmoxvevpscloud .lu-h6 {
    color: var(--text-heading-color, currentColor);
}

/* OS-template / image tiles: ModulesGarden's layers-ui.css hard-codes the
   selected/hover border to #2368AD. Replace with the brand-primary so
   selection follows the user's mydc-primary color (currently #27b5c4). */
.page-proxmoxvevpscloud #layers .lu-tile:hover,
.page-proxmoxvevpscloud #layers .lu-tile.lu-is-checked,
.page-proxmoxvevpscloud #layers2 .lu-tile:hover,
.page-proxmoxvevpscloud #layers2 .lu-tile.lu-is-checked {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 1px var(--brand-primary);
}

/* === Modal theming ===
   Vue/MG portals .lu-modal out of #layers to escape stacking contexts, so
   selectors that require #layers ancestor never match. layers-ui.css then
   wins with hardcoded `background-color: #fff` on .lu-modal__content and
   `#e9ebf0` borders on .lu-modal__body, leaving the dialog stuck in a
   light-mode appearance even when the page is in dark mode.

   These rules run with #layers OR off-#layers, scoped to the page so they
   don't leak to other modules. */
.page-proxmoxvevpscloud .lu-modal__content,
body.page-proxmoxvevpscloud .lu-modal__content {
    background-color: var(--modal-content-bg, var(--ui-block-bg, #fff)) !important;
    color: var(--text-body-color, currentColor);
    box-shadow: var(--modal-content-box-shadow, 0 5px 30px rgba(0, 0, 0, 0.5));
    border-radius: var(--modal-content-border-radius, 8px);
}
.page-proxmoxvevpscloud .lu-modal__body,
body.page-proxmoxvevpscloud .lu-modal__body {
    border-top-color: var(--modal-header-border-color, rgba(127, 127, 127, 0.18));
    border-bottom-color: var(--modal-header-border-color, rgba(127, 127, 127, 0.18));
}
.page-proxmoxvevpscloud .lu-modal__top .lu-top__title,
body.page-proxmoxvevpscloud .lu-modal__top .lu-top__title {
    color: var(--text-heading-color, currentColor);
}

/* Form fields rendered inside the modal — apply the same visibility rules
   as the in-page form fields, but without requiring #layers in the chain. */
.page-proxmoxvevpscloud .lu-modal .lu-form-control:not([class*="selectize"]),
.page-proxmoxvevpscloud .lu-modal .form-control:not([class*="selectize"]) {
    background-color: rgba(127, 127, 127, 0.06);
    border: 1px solid rgba(127, 127, 127, 0.35);
    color: var(--input-color, var(--text-body-color, currentColor));
    border-radius: var(--input-border-radius, 6px);
    padding: var(--ui-padding-base-v, 8px) var(--ui-padding-base-h, 12px);
    height: var(--ui-height-base, 38px);
    line-height: 1.45;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
}
.page-proxmoxvevpscloud .lu-modal textarea.lu-form-control,
.page-proxmoxvevpscloud .lu-modal textarea.form-control {
    height: auto;
    min-height: 96px;
    resize: vertical;
    line-height: 1.5;
}
.page-proxmoxvevpscloud .lu-modal .lu-form-control:not([class*="selectize"]):focus,
.page-proxmoxvevpscloud .lu-modal .form-control:not([class*="selectize"]):focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18);
    outline: 0;
}
.page-proxmoxvevpscloud .lu-modal .lu-form-label {
    color: var(--input-label-color, var(--text-body-color, currentColor));
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
}

/* === MG addon design-system dark-mode token overrides ===
   The ProxmoxVeVpsCloud addon ships its own token system in
   /modules/addons/ProxmoxVeVpsCloud/resources/assets/css/mg_variables.css
   scoped to `#layers2, #layers2-body`. The file has *no* .lagom-dark-mode
   block — every modal/widget/dropdown/input falls back to white-on-gray
   styling regardless of the active theme. Override the primitive tokens
   here so the whole cascade switches together (modal, widget, dropdown,
   input, menu, etc.). */
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2-body,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal {
    --text-default: rgba(255, 255, 255, 0.85);
    --text-headers: #ffffff;
    --text-faded: rgba(255, 255, 255, 0.5);
    --text-module-name: #ffffff;
    --text-module-version: rgba(255, 255, 255, 0.5);
    --components-background: #242424;
    --components-border: rgba(255, 255, 255, 0.16);
    --app-background: #1a1a1a;
    --background-default: rgba(255, 255, 255, 0.04);
    --background-grey-light: rgba(255, 255, 255, 0.12);
    --background-grey-dark: rgba(255, 255, 255, 0.18);
    --icon-default: rgba(255, 255, 255, 0.6);
    --table-lines: rgba(255, 255, 255, 0.08);
    --tooltip-text: #ffffff;
    --tooltip-background: #3a3a3a;

    /* Alert backgrounds: the default --type-*-faded tokens are pastel
       colors (#DFF3FF, #FEE6E6, etc.) that disappear on dark pages.
       Replace with low-opacity tints of the matching --type-* color so
       the alert reads as a soft colored band. */
    /* Nordic-style alerts: muted, low-saturation tints over the dark
       widget surface, instead of Lagom's saturated brand-colour bg.
       Frost-blue / aurora hues at low opacity, with snow-white text. */
    /* MG-token alert backgrounds (--alert-*-background, used by the
       lu-alert--<variant> rules in mg_colors.css). */
    --alert-default-background: rgba(216, 222, 233, 0.06);
    --alert-info-background: rgba(136, 192, 208, 0.14);
    --alert-success-background: rgba(163, 190, 140, 0.14);
    --alert-warning-background: rgba(235, 203, 139, 0.14);
    --alert-danger-background: rgba(191, 97, 106, 0.18);

    /* Lagom-token alert backgrounds (--alert-*-bg, used by our older
       rules at lines 786, 888, 2316). Same Nordic palette so both
       systems render consistently. */
    --alert-default-bg: rgba(216, 222, 233, 0.06);
    --alert-info-bg: rgba(136, 192, 208, 0.14);
    --alert-success-bg: rgba(163, 190, 140, 0.14);
    --alert-warning-bg: rgba(235, 203, 139, 0.14);
    --alert-danger-bg: rgba(191, 97, 106, 0.18);

    /* Borders: matching tints, slightly more saturated for definition. */
    --alert-default-border: 1px solid rgba(216, 222, 233, 0.18);
    --alert-info-border: 1px solid rgba(136, 192, 208, 0.4);
    --alert-success-border: 1px solid rgba(163, 190, 140, 0.4);
    --alert-warning-border: 1px solid rgba(235, 203, 139, 0.4);
    --alert-danger-border: 1px solid rgba(191, 97, 106, 0.5);

    /* Snow-white text reads cleanly against all the muted tints. */
    --alert-default-text: #ECEFF4;
    --alert-info-text: #ECEFF4;
    --alert-success-text: #ECEFF4;
    --alert-warning-text: #ECEFF4;
    --alert-danger-text: #ECEFF4;
    /* Outline variants: same Nordic palette for visual consistency. */
    --alert-outline-default-background: rgba(216, 222, 233, 0.06);
    --alert-outline-info-background: rgba(136, 192, 208, 0.14);
    --alert-outline-success-background: rgba(163, 190, 140, 0.14);
    --alert-outline-warning-background: rgba(235, 203, 139, 0.14);
    --alert-outline-danger-background: rgba(191, 97, 106, 0.18);
    --alert-outline-default-border: rgba(216, 222, 233, 0.18);
    --alert-outline-info-border: rgba(136, 192, 208, 0.5);
    --alert-outline-success-border: rgba(163, 190, 140, 0.5);
    --alert-outline-warning-border: rgba(235, 203, 139, 0.5);
    --alert-outline-danger-border: rgba(191, 97, 106, 0.55);
    --alert-outline-default-text: #ECEFF4;
    --alert-outline-info-text: #ECEFF4;
    --alert-outline-success-text: #ECEFF4;
    --alert-outline-warning-text: #ECEFF4;
    --alert-outline-danger-text: #ECEFF4;

    /* Labels (--label-*-background) and badges use the same pastel
       --type-*-faded tokens; same fix. */
    --label-default-background: rgba(255, 255, 255, 0.08);
    --label-default-text: rgba(255, 255, 255, 0.85);
}

/* === Chart / graph hover tooltips ===
   ApexCharts (used by the addon) and Chart.js (used by ProxmoxCloudVps)
   ship hardcoded white tooltip backgrounds in their bundled CSS / JS
   defaults. The hover tooltip ends up white-on-white on dark surfaces.
   Both libraries render the tooltip as a positioned DOM element, so
   override their classes directly. */
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip.apexcharts-theme-light,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip.apexcharts-theme-dark {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-title {
    background: #1f1f1f !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text-y-label,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text-y-value,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text-goals-label,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text-goals-value,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text-z-label,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-tooltip-text-z-value {
    color: rgba(255, 255, 255, 0.85) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-xaxistooltip,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-yaxistooltip {
    background: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-xaxistooltip:before,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-xaxistooltip:after,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-yaxistooltip:before,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-yaxistooltip:after {
    border-color: rgba(255, 255, 255, 0.16) !important;
}
/* Crosshair / annotations / data label readability */
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-text,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-xaxis text,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-yaxis text,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-legend-text {
    fill: rgba(255, 255, 255, 0.7) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-gridline,
html.lagom-dark-mode .page-proxmoxvevpscloud .apexcharts-grid line {
    stroke: rgba(255, 255, 255, 0.08) !important;
}

/* Chart.js HTML tooltip (the older ProxmoxCloudVps module uses it). */
html.lagom-dark-mode .page-proxmoxvevpscloud #chartjs-tooltip,
html.lagom-dark-mode .page-proxmoxvevpscloud .chartjs-tooltip,
html.lagom-dark-mode .page-proxmoxvevpscloud .chart-tooltip {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45) !important;
}

/* === vue2-datepicker dark mode ===
   The datepicker popup ships with hardcoded #fff bg, #73879c gray text,
   and #2a90e9 blue for "today". Popup is portaled to body, so we use
   the html.lagom-dark-mode scope (the picker is module-specific so this
   doesn't affect other pages). */
html.lagom-dark-mode .mx-datepicker-main,
html.lagom-dark-mode .mx-datepicker-popup,
html.lagom-dark-mode .mx-time {
    background-color: #242424 !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5) !important;
}
html.lagom-dark-mode .mx-datepicker-header,
html.lagom-dark-mode .mx-datepicker-footer,
html.lagom-dark-mode .mx-time-header,
html.lagom-dark-mode .mx-calendar + .mx-calendar,
html.lagom-dark-mode .mx-time + .mx-time,
html.lagom-dark-mode .mx-datepicker-sidebar + .mx-datepicker-content,
html.lagom-dark-mode .mx-time-column {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
html.lagom-dark-mode .mx-calendar-header-label,
html.lagom-dark-mode .mx-table th,
html.lagom-dark-mode .mx-btn-text {
    color: rgba(255, 255, 255, 0.85) !important;
}
html.lagom-dark-mode .mx-table td {
    color: rgba(255, 255, 255, 0.85) !important;
}
/* Force equal-width columns so weekday headers (Su Mo Tu We Th Fr Sa)
   never collide. vue2-datepicker sets `table-layout: fixed` but child
   styles can shrink the first column. */
html.lagom-dark-mode .mx-calendar {
    width: 280px !important;
    box-sizing: border-box;
}
html.lagom-dark-mode .mx-table {
    table-layout: fixed !important;
    width: 100% !important;
}
html.lagom-dark-mode .mx-table th,
html.lagom-dark-mode .mx-table td {
    width: 14.2857% !important;
    text-align: center !important;
    padding: 0 !important;
    box-sizing: border-box;
}
html.lagom-dark-mode .mx-table-date .cell.not-current-month {
    color: rgba(255, 255, 255, 0.3) !important;
    background: none !important;
}
html.lagom-dark-mode .mx-table-date .today {
    color: var(--brand-primary, #27b5c4) !important;
    font-weight: 600;
}
html.lagom-dark-mode .mx-calendar-content .cell:hover {
    color: #ffffff !important;
    background-color: rgba(136, 192, 208, 0.18) !important;
}
html.lagom-dark-mode .mx-calendar-content .cell.active {
    color: #ffffff !important;
    background-color: var(--brand-primary, #27b5c4) !important;
}
html.lagom-dark-mode .mx-calendar-content .cell.in-range,
html.lagom-dark-mode .mx-calendar-content .cell.hover-in-range {
    color: rgba(255, 255, 255, 0.85) !important;
    background-color: rgba(136, 192, 208, 0.14) !important;
}
html.lagom-dark-mode .mx-calendar-content .cell.disabled,
html.lagom-dark-mode .mx-table-date .cell.disabled {
    color: rgba(255, 255, 255, 0.25) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
    cursor: not-allowed !important;
}
/* Time picker columns */
html.lagom-dark-mode .mx-time-column .mx-time-item:hover,
html.lagom-dark-mode .mx-time-option:hover {
    color: #ffffff !important;
    background-color: rgba(136, 192, 208, 0.18) !important;
}
html.lagom-dark-mode .mx-time-column .mx-time-item.active,
html.lagom-dark-mode .mx-time-option.active {
    color: var(--brand-primary, #27b5c4) !important;
    background-color: transparent !important;
    font-weight: 700;
}
html.lagom-dark-mode .mx-time-column .mx-time-item.disabled,
html.lagom-dark-mode .mx-time-option.disabled {
    color: rgba(255, 255, 255, 0.25) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
}
/* Header navigation buttons */
html.lagom-dark-mode .mx-btn:hover {
    border-color: var(--brand-primary, #27b5c4) !important;
    color: var(--brand-primary, #27b5c4) !important;
}
html.lagom-dark-mode .mx-btn:disabled,
html.lagom-dark-mode .mx-btn.disabled {
    color: rgba(255, 255, 255, 0.25) !important;
}
/* The trigger input */
html.lagom-dark-mode .mx-input {
    background-color: rgba(0, 0, 0, 0.32) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: none !important;
}
html.lagom-dark-mode .mx-input:hover,
html.lagom-dark-mode .mx-input:focus {
    border-color: var(--brand-primary, #27b5c4) !important;
}
html.lagom-dark-mode .mx-icon-calendar,
html.lagom-dark-mode .mx-icon-clear {
    color: rgba(255, 255, 255, 0.6) !important;
}
html.lagom-dark-mode .mx-icon-clear:hover {
    color: rgba(255, 255, 255, 0.85) !important;
}
/* Week-mode active row */
html.lagom-dark-mode .mx-calendar-week-mode .mx-date-row:hover,
html.lagom-dark-mode .mx-calendar-week-mode .mx-date-row.mx-active-week {
    background-color: rgba(136, 192, 208, 0.14) !important;
}

/* Dark-mode-specific overrides for modal: widget bg + high-contrast inputs */
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal__content {
    background-color: #242424 !important;
    color: rgba(255, 255, 255, 0.85);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal .lu-form-control:not([class*="selectize"]),
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal .form-control:not([class*="selectize"]) {
    background-color: rgba(0, 0, 0, 0.32);
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal .lu-form-control:not([class*="selectize"]):focus,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal .form-control:not([class*="selectize"]):focus {
    background-color: rgba(0, 0, 0, 0.42);
    border-color: var(--brand-primary);
}

/* === Unify text inputs / textareas with selectize visual style ===
   Same bg + border treatment as the selectize dropdowns above, with
   !important to beat any deeper-specific layers2-ui / mg_styles rule
   that might override `border-color` and reduce the border to invisible
   theme-default `1px solid #424242`. */
.page-proxmoxvevpscloud input.lu-form-control,
.page-proxmoxvevpscloud textarea.lu-form-control,
.page-proxmoxvevpscloud select.lu-form-control,
.page-proxmoxvevpscloud input.form-control,
.page-proxmoxvevpscloud textarea.form-control,
.page-proxmoxvevpscloud select.form-control {
    background-color: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(127, 127, 127, 0.35) !important;
    border-radius: var(--input-border-radius, 6px) !important;
    box-shadow: none !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud input.lu-form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud textarea.lu-form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud select.lu-form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud input.form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud textarea.form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud select.form-control {
    background-color: rgba(0, 0, 0, 0.32) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud input.lu-form-control:hover,
html.lagom-dark-mode .page-proxmoxvevpscloud textarea.lu-form-control:hover,
html.lagom-dark-mode .page-proxmoxvevpscloud select.lu-form-control:hover {
    border-color: rgba(255, 255, 255, 0.28) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud input.lu-form-control:focus,
html.lagom-dark-mode .page-proxmoxvevpscloud textarea.lu-form-control:focus,
html.lagom-dark-mode .page-proxmoxvevpscloud select.lu-form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18) !important;
    background-color: rgba(0, 0, 0, 0.42) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal .lu-form-label,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal__top .lu-top__title {
    color: rgba(255, 255, 255, 0.85);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal__body {
    border-top-color: rgba(255, 255, 255, 0.08);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* The Cancel button comes through as .lu-btn--default — in dark mode it
   ends up white-on-white. Restore visible contrast. */
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal__actions .lu-btn.lu-btn--default,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal .lu-btn.lu-btn--default:not(.lu-btn--primary):not(.lu-btn--success):not(.lu-btn--danger):not(.lu-btn--warning):not(.lu-btn--info) {
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.85);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal__actions .lu-btn.lu-btn--default:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.28);
}

/* === Native <select> dropdowns ===
   The Lagom theme paints the dropdown chevron via a static
   /templates/lagom2/assets/img/arrow-drop.svg whose fill is hardcoded to
   #B9BDC5 (gray). Replace it with an inline SVG using the mydc-primary
   teal #27b5c4. Also force a solid background so the rounded corners
   stop revealing the lighter widget bg behind. */
.page-proxmoxvevpscloud #layers select.lu-form-control,
.page-proxmoxvevpscloud #layers select.form-control,
.page-proxmoxvevpscloud #layers2 select.lu-form-control,
.page-proxmoxvevpscloud #layers2 select.form-control,
.page-proxmoxvevpscloud .lu-modal select.lu-form-control,
.page-proxmoxvevpscloud .lu-modal select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4' width='6' height='4'%3E%3Cpath fill='%2327b5c4' d='M5.5,0h-5C0.2,0,0,0.2,0,0.5V1c0,0.1,0.1,0.3,0.2,0.3l2.5,2.5c0.2,0.2,0.5,0.2,0.7,0l2.5-2.5C5.9,1.3,6,1.1,6,1V0.5C6,0.2,5.8,0,5.5,0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px 7px;
    padding-right: 32px;
    cursor: pointer;
}
/* The same on hover/focus — Lagom otherwise re-applies its arrow-drop.svg
   on `select.form-control:hover`, which would override our SVG. */
.page-proxmoxvevpscloud #layers select.lu-form-control:hover,
.page-proxmoxvevpscloud #layers select.lu-form-control:focus,
.page-proxmoxvevpscloud #layers select.form-control:hover,
.page-proxmoxvevpscloud #layers select.form-control:focus,
.page-proxmoxvevpscloud #layers2 select.lu-form-control:hover,
.page-proxmoxvevpscloud #layers2 select.lu-form-control:focus,
.page-proxmoxvevpscloud #layers2 select.form-control:hover,
.page-proxmoxvevpscloud #layers2 select.form-control:focus,
.page-proxmoxvevpscloud .lu-modal select.lu-form-control:hover,
.page-proxmoxvevpscloud .lu-modal select.lu-form-control:focus,
.page-proxmoxvevpscloud .lu-modal select.form-control:hover,
.page-proxmoxvevpscloud .lu-modal select.form-control:focus {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4' width='6' height='4'%3E%3Cpath fill='%2327b5c4' d='M5.5,0h-5C0.2,0,0,0.2,0,0.5V1c0,0.1,0.1,0.3,0.2,0.3l2.5,2.5c0.2,0.2,0.5,0.2,0.7,0l2.5-2.5C5.9,1.3,6,1.1,6,1V0.5C6,0.2,5.8,0,5.5,0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px 7px;
}

/* Solid backgrounds on selects, so border-radius doesn't reveal the
   lighter widget surface in the corners. */
html.lagom-dark-mode .page-proxmoxvevpscloud #layers select.lu-form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers select.form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 select.lu-form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers2 select.form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal select.lu-form-control,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal select.form-control {
    background-color: #1c1c1c;
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}
html.lagom-dark-mode .page-proxmoxvevpscloud #layers select.lu-form-control:focus,
html.lagom-dark-mode .page-proxmoxvevpscloud #layers select.form-control:focus,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal select.lu-form-control:focus,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-modal select.form-control:focus {
    background-color: #1c1c1c;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18);
}

/* Style the dropdown options too — Chrome respects background/color on
   <option> elements. */
html.lagom-dark-mode .page-proxmoxvevpscloud select.lu-form-control option,
html.lagom-dark-mode .page-proxmoxvevpscloud select.form-control option {
    background-color: #1c1c1c;
    color: rgba(255, 255, 255, 0.92);
}

/* === Selectize.js dropdowns (Boot Device, ISO Image, etc.) ===
   These are NOT native <select>; the browser sees a div wrapper. The
   chevron is rendered by `.selectize-input:before` using a Material Icons
   font glyph (\f2f9), and layers-ui.css hardcodes its color to #2368AD.
   The existing override at line ~1843 only applies when the <body> has
   id="layers-body", so it misses on pages where the body just has the
   page class. Override directly with brand-primary, no ID required. */
.page-proxmoxvevpscloud .selectize-control .selectize-input:before,
.page-proxmoxvevpscloud .selectize-control .selectize-input.lu-dropdown-active:before {
    color: var(--brand-primary) !important;
}
/* Active/focus border on the selectize control was also hardcoded to
   #2368AD in layers-ui.css (line ~18602). Match it to the brand. */
.page-proxmoxvevpscloud .selectize-control .selectize-input.lu-dropdown-active,
.page-proxmoxvevpscloud .selectize-control .selectize-input.lu-dropdown-active input {
    border-color: var(--brand-primary) !important;
}

/* Solid, theme-aware background on the selectize input so the rounded
   corners stop showing the lighter widget surface through. */
.page-proxmoxvevpscloud .selectize-control .selectize-input {
    background-color: rgba(127, 127, 127, 0.06);
    border: 1px solid rgba(127, 127, 127, 0.35);
    border-radius: var(--input-border-radius, 6px);
    box-shadow: none;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-input {
    background-color: #1c1c1c;
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-input:hover {
    border-color: rgba(255, 255, 255, 0.28);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-input.lu-dropdown-active {
    background-color: #1c1c1c;
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18);
}
/* Dropdown panel that opens beneath. */
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-dropdown {
    background-color: #1c1c1c;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-dropdown .option {
    color: rgba(255, 255, 255, 0.85);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-dropdown .option:hover,
html.lagom-dark-mode .page-proxmoxvevpscloud .selectize-control .selectize-dropdown .option.active {
    background-color: rgba(39, 181, 196, 0.18);
    color: #ffffff;
}

/* === New layers2-ui framework (`#layers2` / `.lu-selectize-*`) ===
   The Vue-based ProxmoxVeVpsCloud addon ships its own design tokens in
   /modules/addons/ProxmoxVeVpsCloud/resources/assets/css/mg_variables.css:
       --type-primary: #2368AD;        (the blue chevron / active border)
       --text-primary: var(--type-primary);
       --border-primary: var(--type-primary);
   Redirect those tokens to the user's mydc-primary so the chevron,
   active borders, badges and dropdown highlights all switch in one shot. */
.page-proxmoxvevpscloud #layers2,
.page-proxmoxvevpscloud .lu-modal {
    --type-primary: var(--brand-primary);
    --type-primary-hover: var(--brand-primary-lighter, var(--brand-primary));
    --type-primary-active: var(--brand-primary-darker, var(--brand-primary));
    --type-primary-faded: var(--brand-primary-lighter-2, rgba(39, 181, 196, 0.4));
    --text-primary: var(--brand-primary);
    --border-primary: var(--brand-primary);
}

/* Force the chevron color even when --text-primary cascade is shadowed
   by a more-specific layers2-ui rule. */
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input:before,
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input.lu-dropdown-active:before,
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input.dropdown-active:before {
    color: var(--brand-primary) !important;
}

/* The parent wrapper carries `background-color: var(--input-background)`
   from mg_colors.css. That bg shows through the rounded corners of the
   child .lu-selectize-input and reads as 4 light dots per row. Reset it
   so only the inner field paints. */
.page-proxmoxvevpscloud .lu-selectize-control,
.page-proxmoxvevpscloud #layers2 .lu-selectize-control {
    background-color: transparent !important;
}

/* The selectize-input itself: match the dark inset background used for
   text inputs/textareas in this module, so the dropdowns read as the
   same kind of field. !important is needed because layers2-ui /
   mg_styles.css ship more-specific `#layers2 .lu-...` selectors. */
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input,
.page-proxmoxvevpscloud .lu-selectize-input.lu-form-control {
    background-color: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(127, 127, 127, 0.35) !important;
    border-radius: var(--input-border-radius, 6px) !important;
    box-shadow: none !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-input.lu-form-control {
    background-color: rgba(0, 0, 0, 0.32) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.92) !important;
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input:hover,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-input.lu-form-control:hover {
    border-color: rgba(255, 255, 255, 0.28) !important;
}
/* Active state: only show the focus halo while the panel is *actually*
   visible. layers2-ui keeps `dropdown-active` on the input as a state
   marker even when the panel is closed, so a permanent box-shadow would
   render a faint glow in the rounded corners that reads as "white dots". */
.page-proxmoxvevpscloud .lu-selectize-control:has(> .lu-selectize-dropdown[style*="display: block"]) > .lu-selectize-input,
.page-proxmoxvevpscloud .lu-selectize-control:focus-within > .lu-selectize-input {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(39, 181, 196, 0.18);
}
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input.lu-dropdown-active,
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input.dropdown-active {
    border-color: var(--brand-primary) !important;
    box-shadow: none;
}

/* Hidden text input inside the selectize control can show its own
   browser focus ring, which can leak as small artefacts at the corners
   of the wrapping div. Suppress it. */
.page-proxmoxvevpscloud .lu-selectize-control .lu-selectize-input > input {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
/* Suppress validation feedback pseudo-elements when they're empty —
   layers2-ui has rules that show a 16x16 icon area even when the icon
   content is `''`, which can appear as a small dot. */
.page-proxmoxvevpscloud .lu-form-feedback--icon[hidden]:before,
.page-proxmoxvevpscloud .lu-form-feedback[hidden]:before,
.page-proxmoxvevpscloud .lu-form-group:not(.lu-is-success):not(.lu-is-warning):not(.lu-is-error):not(.lu-is-info) > .lu-form-feedback--icon:before {
    display: none !important;
    content: none !important;
}

/* Open dropdown panel below the field */
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-dropdown {
    background-color: #1c1c1c;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-dropdown .option {
    color: rgba(255, 255, 255, 0.85);
}
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-dropdown .option:hover,
html.lagom-dark-mode .page-proxmoxvevpscloud .lu-selectize-dropdown .option.active {
    background-color: rgba(39, 181, 196, 0.18);
    color: #ffffff;
}