::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: var(--PageBackground);
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    background: var(--DisabledLines);
    border-radius: 2px;
    border-style: dashed;
    border-color: transparent;
    border-width: 1px;
    background-clip: padding-box;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--DisabledLines);
        cursor: pointer;
    }

html {
    font-size: 14px;
}

body {
    color: var(--BodyText);
    background-color: var(--PageBackground);
    background-image: var(--BackgroundImageUri);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    height: 100vh;
    height: 100dvh;
    font-size: 14px;
    font-family: "Segoe UI Light WestEuropean", "Segoe UI Light", "Segoe UI", Tahoma, Arial, sans-serif;
}

/*HrsLabel.css*/
hrs-variable {
    display: flex;
}

hrs-input[type="checkbox"], hrs-input[type="radio"] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
}

.hrs-select[data-option-style="下拉选择"]:not([disabled]) > .value-content {
    cursor: pointer;
}

/*下拉选择：清除按钮*/
.hrs-select[data-option-style="下拉选择"] > .value-content > .tag-text > .tag-clear {
    cursor: pointer;
    position: absolute;
    right: -7px;
    top: -10px;
    padding: 3px;
    font: 12px / 12px DXIcons;
    color: var(--BodyText);
}

    .hrs-select[data-option-style="下拉选择"] > .value-content > .tag-text > .tag-clear:active {
        color: #666;
    }

    .hrs-select[data-option-style="下拉选择"] > .value-content > .tag-text > .tag-clear:before {
        content: "\f008";
    }

.hrs-select[data-option-style="下拉选择"] > .value-content > .tag-text:not(:hover) .tag-clear {
    display: none;
}

.hrs-select[data-option-style="下拉选择"] > .value-content:not(.have-value) + .btn-clear, .hrs-select[data-option-style="下拉选择"]:not(:hover) > input + .btn-clear {
    display: none;
}

.hrs-select.hrs-select-vertical[data-option-style="平铺选择"] {
    flex-direction: column;
    align-items: flex-start;
}

.btn.carousel-btn {
    position: absolute;
    top: 10px;
    right: 48px;
    color: var(--BodyText);
    z-index: 3;
}

svg.icon.lastimg, svg.icon.nextimg {
    color: var(--SubtleBodyText);
    opacity: .5;
    margin-top: -40px;
}

svg.icon.lastimg:hover, svg.icon.nextimg:hover {
    color: var(--BodyText);
    opacity: 1;
}
:is(.carousel-svg[title="向左旋转"],.carousel-svg[title="向右旋转"]) svg path {
    fill: var(--BodyText);
}

:is(.carousel-svg[title="向左旋转"],.carousel-svg[title="向右旋转"]) svg {
    width: 24px;
    height: 24px;
    margin-top: 4px;
}


/*SVG文本*/
hrs-svg {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

    hrs-svg .file-container {
        align-content: center;
    }

    hrs-svg[disabled] .file-container {
        height: 100% !important;
    }

    hrs-svg .file-clear {
        color: var(--BodyText);
        background-color: transparent;
        border-color: transparent;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 8;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        hrs-svg .file-clear:hover {
            color: var(--ContentAccent1);
            background-color: var(--NavigationHoverBackground);
        }

    hrs-svg .file-select {
        position: absolute;
        right: 68px;
        bottom: 0;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
    }

        hrs-svg .file-select:hover {
            cursor: pointer;
            color: var(--ContentAccent1);
            background-color: var(--NavigationHoverBackground);
        }

    hrs-svg .btn-file {
        color: var(--BodyText);
        position: absolute;
        right: 34px;
        bottom: 0;
        z-index: 8;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        hrs-svg .btn-file:hover {
            color: var(--ContentAccent1);
            background-color: var(--NavigationHoverBackground);
        }

body hrs-svg .file-container {
    width: 100%;
    border-bottom: 1px solid var(--DisabledLines);
    padding-bottom: 4px;
    min-height: 32px;
}

.file-container > svg {
    max-width: 18px;
    max-height: 18px;
}

body td hrs-svg .file-container {
    width: 100%;
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
    min-height: 32px;
    padding: 0;
}

/*通用文件*/
hrs-generalfile .file-download-tag {
    display: flex;
    height: 100%;
    align-items: center;
}

    hrs-generalfile .file-download-tag .file-detele {
        cursor: pointer;
    }

.zl-file {
    min-height: 30px;
}

/*文档文件*/
hrs-docfile .doc-type {
    background: white;
    z-index: 9;
    border: dashed 1px var(--DisabledLines);
}

    hrs-docfile .doc-type .doc-type-option {
        width: 100%;
        height: 30px;
        border-bottom: 1px solid var(--DisabledLines);
        cursor: pointer;
    }

        hrs-docfile .doc-type .doc-type-option:hover {
            background-color: var(--DisabledLines);
        }

/*图片文件*/
hrs-imagefile .img-Preview-tag {
    display: flex;
    /*    height: 100%;*/
    align-items: center;
}

    hrs-imagefile .img-Preview-tag .file-detele {
        cursor: pointer;
    }

/*定时设置*/
hrs-timersettings {
    flex-wrap: wrap;
    max-width: 100%;
}

    hrs-timersettings .executiontimecontent {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        hrs-timersettings .executiontimecontent .executiontimeitem {
            display: flex;
            align-items: center;
            flex: 0 0 calc(50% - 12px);
            margin: 4px;
        }

svg.icon.executiontimebtn path {
    fill: var(--ContentAccent1);
}

.executiontimeitem input {
    height: 30px;
    width: 100%;
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--DisabledLines);
    color: var(--BodyText);
    padding: 0 4px;
}

.executiontimeitem {
    margin: 4px;
}

hrs-timersettings .element_container {
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
}

hrs-timersettings .executiontime {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 6px;
}

svg.icon.executiontimebtn {
    width: 16px;
    height: 16px;
}

span.endlabel {
    white-space: nowrap;
}

hrs-timersettings .element_container hrs-select-code {
    flex: 1;
}

hrs-timersettings .element_container .startlabel {
    width: 58px;
}

hrs-timersettings .hrs-input, hrs-timersettings .hrs-select {
    max-width: 100%;
}

hrs-timersettings .startlabel + hrs-input, hrs-timersettings .startlabel + .hrs-select {
    max-width: calc(100% - 58px);
}

hrs-timersettings hrs-input:has(+.endlabel), hrs-timersettings .hrs-select:has(+.endlabel) {
    max-width: calc(100% - 88px);
}

hrs-timersettings td > .dx-column-indicators {
    padding: 0;
}

hrs-timersettings .deltime {
    margin: 0 8px;
    flex: 0 0 16px;
    height: 16px;
}

/*End HrsLabel.css*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: var(--BodyText) !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

::selection {
    background: var(--ContentAccent1);
    color: var(--TileText);
}

p {
    margin-bottom: 0;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.btn.focus, .btn:focus {
    box-shadow: none;
    /*color: var(--ContentAccent1);*/
}

input, textarea {
    caret-color: var(--ContentAccent1);
}

    input:focus {
        outline: none;
    }

    input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        width: 100%;
        --progress: 100%;
        border: none;
    }

        input[type="range"]::-webkit-slider-runnable-track {
            width: 100%;
            height: 8px;
            background: linear-gradient(to right, var(--ContentAccent1) var(--progress), var(--DisabledText) var(--progress));
            border-radius: 8px;
        }

        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 16px;
            height: 16px;
            background: var(--ContentAccent1);
            border-radius: 50%;
            margin-top: -4px;
        }

        input[type="range"]:focus {
            border: none !important;
        }

.render_progress * {
    cursor: progress !important;
}

.dropdown-menu {
    background-color: var(--PageBackground);
    color: var(--BodyText);
    border: 1px solid var(--DisabledLines);
}

input[type="date"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="time"] {
    position: relative;
    font: 14px / 14px DXIcons;
    color: var(--BodyText);
}

    input[type="date"]:before, input[type="datetime-local"]:before, input[type="week"]:before, input[type="month"]:before, input[type="time"]:before {
        content: "\f026";
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 14px;
    }

    input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="week"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {
        opacity: 0;
    }

input[type="radio"] {
    min-width: 16px;
    min-height: 16px;
    accent-color: var(--ContentAccent1);
    position: relative;
    accent-color: rgb(0 0 0);
}

input[type="checkbox"] {
    min-width: 16px;
    min-height: 16px;
    accent-color: var(--ContentAccent1);
    position: relative;
    accent-color: var(--DisabledLines);
}

input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--ContentAccent1);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: var(--ContentAccent1);
    border-radius: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
}

input[readonly], input:disabled, textarea:disabled {
    color: var(--SubtleBodyText) !important;
    cursor: no-drop;
    border-color: var(--DisabledLines);
    background-color: var(--DisabledBackground);
}

    input[readonly]:focus, input:disabled, textarea:disabled {
        border-color: var(--DisabledLines) !important;
    }

td input[readonly], td input:disabled, td textarea:disabled {
    background-color: transparent;
    border-color: transparent;
    color: var(--BodyText) !important;
    cursor: default;
}

td hrs-svg svg.icon {
    max-width: 20px;
    max-height: 20px;
}

.placeholder {
    display: flex;
    gap: 10px;
    line-height: 32px;
}

.zl-layui {
    padding: 8px;
    height: 100%;
}

.pos-edit-side {
    position: absolute;
    right: 14px;
    z-index: 8;
    cursor: pointer;
}

label {
    margin-bottom: 0;
}

.layui-layer-hui {
    color: var(--BodyText);
    background-color: var(--PageBackground);
}

.layui-layer {
    background-color: var(--PageBackground);
    border: 1px solid var(--DisabledLines);
    box-shadow: 2px 2px 12px 2px var(--DisabledText);
}

.layui-layer-shade {
    background-color: var(--BodyText) !important;
    opacity: 0.3;
}

    .layui-layer-shade:has(+ .layui-layer > #zl-sidebar) {
        background-color: transparent !important;
    }

.layui-layer-content {
    padding: 0 1px;
}

.layui-layer-page .layui-layer-title + .layui-layer-content {
    max-height: calc(100% - 42px);
}

.layui-layer-title {
    border-bottom: 1px solid var(--DisabledLines);
    background-color: var(--PageBackground);
    color: var(--BodyText);
    font-weight: 600;
}

.layui-layer-iframe .layui-layer-title {
    background-color: var(--SuiteBarBackground);
    color: var(--TileText);
}

.layui-layer-iframe.no-header > .layui-layer-title {
    background-color: var(--PageBackground);
    color: var(--BodyText);
}

.layui-layer-ico.layui-layer-close.layui-layer-close1 {
    position: relative;
    font: 16px / 16px DXIcons;
    color: var(--BodyText);
    background: none;
}

    .layui-layer-ico.layui-layer-close.layui-layer-close1:before {
        content: '✖';
        position: absolute;
        right: 0;
        top: calc(50% - 3px);
        transform: translateY(-50%);
        font-size: 18px;
    }

.layui-layer-dialog .layui-layer-padding {
    padding: 24px 20px 24px 55px;
}

.layui-layer-prompt .layui-layer-input {
    border: 1px solid var(--DisabledLines);
    color: var(--BodyText);
    background-color: transparent;
}

    .layui-layer-prompt .layui-layer-input:focus {
        outline: none;
        border-color: var(--ContentAccent1);
    }

i.layui-layer-ico.layui-layer-ico0 {
    background-image: url(/imags/svg/layer_warning.svg);
    background-position: center;
    background-size: contain;
}

i.layui-layer-ico.layui-layer-ico1 {
    background-image: url(/imags/svg/layer_success.svg);
    background-position: center;
    background-size: contain;
}

i.layui-layer-ico.layui-layer-ico2 {
    background-image: url(/imags/svg/layer_error.svg);
    background-position: center;
    background-size: contain;
}

div.layui-layer-btn a {
    box-sizing: border-box;
    box-shadow: none;
    margin: 0;
    font-family: inherit;
    color: var(--StrongBodyText);
    font-size: 14px;
    background-color: var(--EmphasisBackground);
    border: 1px solid var(--EmphasisBackground);
    cursor: pointer;
    display: inline-block;
    height: 32px;
    min-width: 80px;
    padding: 1px 20px 6px;
    font-weight: 600;
    border-radius: 0;
    text-align: center;
}

.layui-layer-btn .layui-layer-btn0 {
    background-color: var(--ContentAccent1);
    color: var(--PageBackground);
    border-color: var(--ContentAccent1);
}

.layui-layer-btn0:has(+ .layui-layer-btn1) {
    background-color: var(--ContentAccent1);
    color: var(--PageBackground);
    border-color: var(--ContentAccent1);
    margin-right: 6px;
}

.layui-layer-btn1:has(+ .layui-layer-btn2) {
    margin-right: 6px;
    background-color: var(--ContentAccent2);
    border-color: var(--ContentAccent2);
    color: var(--TileText);
}

button#stack {
    background-color: transparent !important;
}

.zl-btn .Glyph {
    color: var(--ButtonGlyph);
}

.zl-btn:hover .Glyph {
    color: var(--ButtonGlyphActive);
}

.zl-btn:disabled .Glyph {
    color: var(--ButtonGlyphDisabled);
}

.zl-overlay {
    background-color: var(--BackgroundOverlay);
}

.zl-btn {
    box-sizing: border-box;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    background-color: var(--EmphasisBackground);
    color: var(--StrongBodyText);
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    min-width: 80px;
    padding: 4px 20px 6px;
    font-weight: 600;
    border-radius: 0;
    text-align: center;
}

    .zl-btn:hover {
        background-color: var(--HeaderSubtleText);
    }

    .zl-btn + .zl-btn {
        margin-left: 8px;
    }

    .zl-btn.zl-primary {
        background-color: var(--ContentAccent1);
        color: var(--PageBackground);
        border-color: var(--ContentAccent1);
    }

        .zl-btn.zl-primary:hover {
            background-color: var(--HyperlinkActive);
            border-color: var(--HyperlinkActive);
        }

        .zl-btn.zl-primary:focus {
            background-color: var(--ContentAccent1);
            color: var(--TileText);
            border-color: var(--ContentAccent1);
        }

    .zl-btn.zl-info {
        background-color: var(--ContentAccent2);
        color: var(--TileText);
        border-color: var(--ContentAccent2);
        margin-left: 4px;
        min-width: 64px;
    }

        .zl-btn.zl-info:hover {
            background-color: var(--ContentAccent2);
        }

    .zl-btn.zl-success {
        background-color: var(--ContentAccent3);
        color: var(--TileText);
        border-color: var(--ContentAccent3);
    }

        .zl-btn.zl-success:hover {
            background-color: var(--ContentAccent3);
        }

    .zl-btn.zl-secondary {
        background-color: var(--ContentAccent4);
        color: var(--TileText);
        border-color: var(--ContentAccent4);
    }

        .zl-btn.zl-secondary:hover {
            background-color: var(--ContentAccent4);
        }

    .zl-btn.zl-warning {
        background-color: var(--ContentAccent5);
        color: var(--TileText);
        border-color: var(--ContentAccent5);
    }

        .zl-btn.zl-warning:hover {
            background-color: var(--ContentAccent5);
        }

    .zl-btn:disabled {
        background-color: var(--ButtonDisabledBackground);
        border-color: var(--ButtonDisabledBorder);
        color: var(--ButtonDisabledText);
    }

    .zl-btn:focus {
        outline: none;
        background-color: var(--HeaderSubtleText);
        border-color: var(--HeaderSubtleText);
    }

::placeholder {
    font-size: 13px;
    color: var(--DisabledText);
}

.theme-modal-item-input {
    display: none;
}

.custom-checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid var(--Lines);
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .custom-checkbox::after {
        content: "";
        display: block;
        width: 6px;
        height: 10px;
        background-color: transparent;
        position: absolute;
        transform: rotate(37deg);
        top: calc(50% - 6px);
        left: calc(50% - 3px);
        opacity: 0;
        border-top: 2px solid transparent;
        border-right: 2px solid var(--TileText);
        border-bottom: 2px solid var(--TileText);
        border-left: 2px solid transparent;
    }

.theme-modal-item-input:checked + .custom-checkbox {
    background-color: var(--ContentAccent1);
    border-color: var(--ContentAccent1);
}

    .theme-modal-item-input:checked + .custom-checkbox::after {
        opacity: 1;
    }

.modal-title .tools-edit-svg {
    position: relative;
    top: -2px;
}

.zl-modal-close-postion {
    position: absolute;
    right: 12px;
    top: 4px;
}

span.zl-modal-close:hover {
    color: var(--StrongBodyText);
}

label.theme-modal-item-text:hover {
    background-color: var(--NavigationAccent);
    cursor: pointer;
}

.zl-modal-header {
    height: 40px;
    padding: 0 12px;
    display: flex;
    font-size: 15px;
    align-items: center;
    border-bottom: 1px solid var(--DisabledLines);
}

.modal-header {
    border-color: var(--DisabledLines);
    padding: 12px 16px;
    height: 48px;
}

.modal-body {
    flex: 0 0 auto;
}

.modal-dialog {
    float: right;
    width: 450px;
    max-width: 500px;
    margin: 0;
    height: 100vh;
}

.modal-content {
    height: 100%;
    background-color: var(--PageBackground);
    color: var(--BodyText);
    border: none;
    border-radius: 0;
}

.zl-modal-title {
    font-size: 22px;
}

.zl-modal-body {
    padding: 8px 24px;
    color: var(--StrongBodyText);
    height: calc(100vh - 78px);
    overflow: auto;
}

.zl-modal-footer {
    padding: 0 40px;
    display: flex;
    justify-content: flex-end;
}

.zl-form-add-property-content {
    padding: 0 12px;
}

.zl-qmlist-mark-container {
    max-height: calc(100% - 58px);
    padding: 0 8px;
    overflow: auto;
}

span.zl-qmlist-mark-item-group-title {
    font-size: 13px;
    font-weight: bold;
    padding: 1px 2px;
    display: inline-block;
    border-bottom: 2px solid var(--ContentAccent1);
    margin-bottom: 4px;
    color: var(--StrongBodyText);
    margin-top: 12px;
    margin-left: -4px;
}

.zl-qmlist-uneditable-label {
    font-size: 12px;
    color: var(--SubtleBodyText);
    font-weight: 500;
}

.zl-single-container {
    padding: 6px 20px;
}

.zl-modal-input {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--DisabledLines);
    width: 100%;
    padding: 0 12px;
    min-height: 34px;
    background-color: var(--PageBackground);
    color: var(--BodyText);
}

input:disabled::placeholder {
    color: var(--DisabledText);
}

.zl-modal-input:disabled {
    color: var(--SubtleBodyText);
    background-color: var(--ButtonDisabledBackground);
    border-color: var(--ButtonDisabledBorder);
}

.zl-modal-label {
    margin: 0;
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 14px;
    display: block;
    color: var(--StrongBodyText);
}

span.color-red {
    color: orangered;
    margin: 0 2px;
}

.close {
    color: var(--StrongBodyText);
    opacity: 1;
}

a {
    color: var(--Hyperlink);
}

    a:hover {
        color: var(--Hyperlinkfollowed);
    }

.modal-header .close {
    padding: 8px;
    margin: -8px -12px;
    font-size: 1.6rem;
}

.close:hover {
    color: var(--StrongBodyText);
}

.zl-modal-input:focus {
    outline: none;
    border-color: var(--ContentAccent1);
}

.modal-dialog {
    box-shadow: 2px 2px 12px 2px var(--DisabledText);
}

.modal-backdrop.fade.show {
    background-color: var(--BodyText);
    opacity: 0.3;
}

.modal-title > .tools-text {
    font-weight: 400;
}

.list-group-item {
    background-color: transparent;
    border: 1px solid var(--DisabledLines) !important;
    margin: 6px 0;
}

.list-group-item-action:hover, .list-group-item-action:focus {
    background-color: var(--NavigationHover);
}

.zl-header {
    background-color: var(--SuiteBarBackground);
    color: var(--SuiteBarText);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 48px;
    max-height: 49px;
    overflow-y: hidden;
}

.zl-header-function {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    border-right: 1px solid #ffffff52;
    background-color: var(--ContentAccent1);
}

.function-dropdown {
    height: 100%;
}

    .function-dropdown:hover {
        background-color: var(--SuiteBarHoverBackground);
        cursor: pointer;
    }

.zl-header-name {
    padding: 0 12px;
    font-size: 17px;
    font-family: "SegoeUI-SemiLight-final", "Segoe UI SemiLight", "Segoe UI WPC Semilight", "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

.zl-header-tools-basic {
    margin-left: auto;
    display: flex;
    height: 48px;
    align-items: center;
}

.header-tools-set-basic {
    padding: 0;
    height: 100%;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .header-tools-set-basic:hover {
        background-color: var(--SuiteBarHoverBackground);
        color: var(--SuiteBarText);
        cursor: pointer;
    }

.header-tools-set-basic-btn {
    padding: 12px 16px;
    height: 100%;
}

.zl-header-tools {
    display: flex;
    height: 48px;
    align-items: center;
}

    .zl-header-tools + .zl-header-tools {
        margin-left: 0;
    }

    .zl-header-tools:has(+.zl-header-tools) {
        margin-left: 0;
    }

.zl-header-search {
    flex: 1 1 auto;
    text-align: center;
}

.zl-header-tools > div {
    padding: 0;
    height: 100%;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .zl-header-tools > div:hover {
        background-color: var(--SuiteBarHoverBackground);
        color: var(--SuiteBarText);
        cursor: pointer;
    }

.header-tools-notice {
    position: relative;
}

span.header-tools-notice-num {
    position: absolute;
    right: 6px;
    top: 4px;
    background-color: var(--SuiteBarText);
    color: var(--SuiteBarBackground);
    min-width: 18px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 0 4px;
}

.message-list-left > span {
    position: relative;
    display: inline-block;
}

    .message-list-left > span:before {
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background-color: #bec1cb;
        background-image: radial-gradient(#b6b9c4, #bec1cb, #dadbe1);
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .message-list-left > span.user-state-online:before {
        background-color: #1ae087;
        background-image: radial-gradient(#1ae087, #1ae087, #d1fce5);
    }

.notice-list {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    border-bottom: 1px solid var(--DisabledLines);
}

    .notice-list:first-child {
        border-top: 1px solid var(--DisabledLines);
    }

.notice-info {
    padding-left: 6px;
}

.notice-left {
    display: flex;
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
}

.notice-right {
    align-self: center;
    padding-left: 10px;
}

button.zl-btn.notice-btn {
    min-width: 60px;
    padding: 0 4px;
    border-color: var(--ButtonBorder);
    background-color: var(--ButtonBackground);
}

.notice-info-detail {
    color: var(--SubtleBodyText);
    font-weight: bold;
    font-size: 13px;
}

.notice-info-time {
    font-size: 12px;
    color: var(--SubtleBodyText);
}

button.zl-btn.notice-btn:hover {
    background-color: var(--ButtonHoverBackground);
    border-color: var(--ButtonHoverBorder);
}

.zl-header-ext-tools {
    display: flex;
    justify-content: flex-end;
    height: 48px;
    align-items: center;
}

    .zl-header-ext-tools > div {
        padding: 0;
        height: 100%;
        width: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

        .zl-header-ext-tools > div:hover {
            background-color: var(--SuiteBarHoverBackground);
            color: var(--SuiteBarText);
            cursor: pointer;
        }

            .zl-header-ext-tools > div:hover .header-tools-message-btn {
                color: var(--SuiteBarText);
            }

.header-tools-message-btn, .header-tools-notice {
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.zl-header .header-tools-message-btn > svg {
    position: relative;
    top: 1px;
}

label.zl-table-radio-label {
    margin: 0;
    height: 43px;
    line-height: 51px;
}

.function-dropdown .dropdown-toggle::after {
    display: none;
}

.function-dropdown .dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
    width: 517px;
    padding: 16px;
}

.other-app-icon {
    display: flex !important;
    height: 40px;
    width: 40px;
    font-size: 32px;
    justify-content: flex-start;
    padding-left: 9px;
}

    .other-app-icon img {
        width: 32px;
        height: 40px;
        margin-left: 20px;
    }

a.function-dropdown-item {
    display: flex;
    flex-direction: column;
    width: 96px;
    height: 88px;
    color: #666;
    text-align: center;
}

    a.function-dropdown-item:hover {
        box-shadow: 0 0 3px 2px var(--DisabledText);
        cursor: pointer;
    }

.theme-modal .modal-dialog {
    margin: 0 0 0 auto;
    height: 100vh;
    max-width: 340px;
}

.theme-modal .modal-body {
    height: calc(100vh - 106px);
    overflow: auto;
}

.theme-modal-item {
    display: flex;
    align-items: center;
    margin: 8px 0;
    position: relative;
}

.theme-modal-item-radio {
    width: 40px;
    position: absolute;
    left: 6px;
}

input.theme-modal-item-input {
    width: 24px;
    height: 24px;
}

.theme-modal-item-text {
    padding: 7px;
    flex-grow: 1;
    padding-left: 39px;
    margin: 0;
    height: 43px;
    line-height: 31px;
}

.theme-modal .modal-header {
    border-bottom: 1px solid var(--DisabledLines);
}

.theme-modal .modal-footer {
    justify-content: flex-end;
    border-top: 1px solid var(--DisabledLines);
}

.theme-modal-title {
    font-weight: bold;
    margin: 8px 0;
}

.theme-modal-form-link {
    padding: 0 6px 4px;
    color: var(--Hyperlink);
}

    .theme-modal-form-link:hover {
        color: var(--HyperlinkActive);
        text-decoration: underline;
    }

.theme-modal-item-sp > img {
    width: 84px;
    height: 48px;
}

.theme-modal .modal-footer .btn {
    width: 88px;
    height: 32px;
    font-weight: 500;
}

.theme-modal .modal-footer .btn {
    width: 88px;
    height: 32px;
}

.modal-title {
    font-weight: bold;
    width: 100%;
    font-size: 15px;
    position: relative;
}

.tree-data {
    display: flex;
    flex-wrap: nowrap;
}

    .tree-data svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 4px;
        margin-top: 1px;
    }

        .tree-data svg:not(.icon-fill-none) path {
            fill: var(--BodyText);
        }

.file-container svg:not(.icon-fill-none) path {
    fill: var(--BodyText);
}

.tag-svg svg:not(.icon-fill-none) path {
    fill: var(--BodyText);
}

.switch-an {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
}

    .switch-an[type="checkbox"] + label {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 500px;
        color: var(--TileText);
        background: var(--Lines);
        cursor: pointer;
        margin-left: 6px;
        font-size: 12px;
        padding-right: 6px;
        text-align: right;
    }

        .switch-an[type="checkbox"] + label::before {
            content: '';
            width: 40%;
            height: 80%;
            top: 10%;
            position: absolute;
            left: 5%;
            border-radius: 500px;
            vertical-align: middle;
            background-color: var(--TileText);
            transition: left .2s;
        }

    .switch-an[type="checkbox"]:checked + label {
        background-color: var(--ContentAccent1);
        text-align: left;
        padding-left: 6px;
    }

        .switch-an[type="checkbox"]:checked + label::before {
            transition: left .2s;
            left: 55%;
        }

hrs-boolswitch .switch-an[type="checkbox"] + label {
    width: 40px;
    height: 20px;
}

input:disabled.switch-an + label {
    cursor: no-drop;
    filter: grayscale(.6);
}

.check-wraps {
    display: flex;
    align-items: center;
    width: 46px;
    height: 20px;
}

    .check-wraps.check-wraps-pos {
        position: absolute;
        top: 4px;
        right: 4px;
        z-index: 6;
    }

.content-header-img {
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
    align-self: center;
    width: 64px;
    height: 64px;
    justify-content: center;
}

.content-header-img-block {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ContentAccent1);
    color: var(--PageBackground);
    font-size: 28px;
    font-weight: 100;
}

.zl-content-header {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    height: 68px;
    padding-left: 32px;
    padding-right: 32px;
    justify-content: space-between;
}

.zl-content-header-left {
    display: flex;
    flex-wrap: nowrap;
}

.zl-url-content {
    padding: 8px;
}

zl-button[disabled] {
    cursor: default;
    pointer-events: none;
    background-color: var(--SubtleBodyText) !important;
}

zl-button svg {
    margin-right: 4px;
}

.dx-button-content > .icon {
    width: 16px;
    height: 16px;
}

zl-button svg path {
    fill: currentColor;
}

zl-button:hover {
    cursor: pointer;
}

.zl-hrscomponent > iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.content-header-img-name-text {
    color: var(--BodyText);
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 28px;
    font-weight: 100;
}

button.btngroup-btn {
    display: flex;
    border: none;
    background-color: transparent;
    margin: 0 8px;
    font-size: 14px;
    color: var(--BodyText);
}

.zl-content-header-btngroup {
    display: flex;
    height: 100%;
    align-items: center;
}

a.content-side-li-nav {
    color: var(--BodyText);
    padding-left: 30px;
    height: 35px;
    line-height: 35px;
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.zl-content-side {
    flex: 0 0 min(240px,30%);
    max-width: min(240px,30%);
    border-right: 1px solid var(--DisabledLines);
    background-color: var(--PageBackground);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    height: 100%;
    padding: 4px;
}

    .zl-content-side .dx-treeview-toggle-item-visibility {
        left: -1px;
    }

    .zl-content-side :is(.mark,mark) {
        padding: 0;
        background-color: var(--ContentAccent1);
        color: var(--TileText);
    }

zl-teamtree {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 0;
    height: 100%;
}

zl-teamtree-allcircle {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 0;
    height: 100%;
}

.zl-bar {
    display: inline-block;
    flex: 0 0 48px;
    max-width: 48px;
    height: calc(100vh - 49px);
    background: var(--NavigationHover);
    border-right: 1px solid var(--DisabledLines);
    text-align: center;
    overflow: auto;
}

.zl-bar-li {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    width: 47px;
    height: 47px;
    position: relative;
    background: 0 0;
    border: none;
    color: inherit;
    padding: 0;
    cursor: pointer;
}

    .zl-bar-li:hover {
        background: var(--NavigationSelectedBackground);
    }

.zl-bar-line {
    border-bottom: 1px solid var(--DisabledLines);
}

.zl-bar-li-svg {
    color: var(--BodyText);
}

.zl-bar-li:hover .zl-bar-li-svg {
    color: var(--StrongBodyText);
}

a.zl-bar-li-svg svg {
    width: 18px;
    height: 18px;
}

svg.icon.icon-add-p-1 {
    padding: 1px;
}

.zl-bar-li-svg path {
    fill: var(--BodyText);
}

.zl-content-box {
    flex: 1 1 calc(100% - 240px);
    height: 100%;
    overflow: auto;
}

.zl-content-side.zl-hide, .zl-bar.zl-hide, .zl-header.zl-hide {
    display: none;
}

    .zl-content-side.zl-hide + .zl-content-box, .zl-bar.zl-hide + .zl-content {
        flex: 0 0 100%;
        max-width: 100%;
    }

.zl-content {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    flex-wrap: wrap;
    height: 100%;
}

.zl-header ~ .zl-content {
    height: calc(100% - 49px);
}

.zl-header.zl-hide ~ .zl-content {
    height: 100%;
}

zl-bar + .zl-content {
    flex: 0 0 calc(100% - 48px);
    max-width: calc(100% - 48px);
}

.zl-content-box-top {
    height: 108px;
    padding: 16px 0;
    border-bottom: 1px solid var(--DisabledLines);
}

    .zl-content-box-top.zl-hide {
        display: none;
    }

.zl-content-box-bottom {
    width: 100%;
    height: calc(100% - 108px);
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.zl-content-box-top.zl-hide + .zl-content-box-bottom {
    height: 100%;
}

.zl-content-box-bottom > * {
    height: calc(100% - 1px);
    width: calc(100% - 1px);
    display: block;
}

.zl-rightpage-container {
    height: 100%;
}

img.content-header-img-size {
    max-width: 100%;
    max-height: 100%;
    width: 64px;
    height: 64px;
}

body > .zl-container {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--BackgroundOverlay);
    height: 100%;
}

body > .container-fluid {
    background-color: var(--BackgroundOverlay);
    height: 100%;
}

.zl-content-body {
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.zl-tools {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    padding-left: 14px;
    position: relative;
    background-color: var(--NavigationAccent);
}

.tools-btn, .tools-div {
    border: none;
    min-width: 80px;
    height: 39px;
    color: var(--HeaderText);
    padding: 0 8px;
    text-decoration: none;
    background: 0 0;
    margin: 0 1px;
    outline: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

    button.tools-btn:hover, .tools-div:hover {
        background-color: var(--SubtleEmphasisBackground);
    }

    .tools-btn > svg, .tools-div > svg {
        color: var(--Hyperlink);
        margin-right: 6px;
        position: relative;
        top: 0;
    }

select.tools-power-select {
    height: 39px;
    padding: 0 8px;
    max-width: 200px;
    border: none;
    background-color: transparent;
    color: var(--BodyText);
}

.tools-power {
    position: absolute;
    right: 14px;
    top: 0;
    display: none;
}

select.tools-power-select:hover {
    background-color: var(--SubtleEmphasisBackground);
}

select.tools-power-select:focus {
    outline: none;
}

select.tools-power-select option {
    background-color: var(--PageBackground);
}

button.tools-btn.lay_componentpanel-menu > svg.icon {
    margin-right: 0;
}

.tools-btn.zl-primary {
    background-color: var(--ContentAccent1);
    color: var(--PageBackground);
    font-weight: 600;
}

    .tools-btn.zl-primary:hover {
        background-color: var(--HyperlinkActive);
    }

    .tools-btn.zl-primary > svg {
        color: var(--PageBackground);
    }

.tools-svg-select > svg {
    width: 10px;
    height: 10px;
}

.tools-svg-select {
    margin: 0 6px;
}

.tools-add-svg {
    margin: 0 6px;
}

.tools-detail-svg {
    position: relative;
    top: -2px;
    margin: 0 6px;
    color: var(--NavigationAccent);
}

.tools-share-svg {
    margin: 0 6px;
    position: relative;
    top: -2px;
}

.tools-edit-svg {
    margin: 0 6px;
    color: var(--Hyperlink);
    position: relative;
    top: -1px;
}

.tools-btn.zl-primary .tools-edit-svg {
    color: var(--PageBackground);
}

button#saveDetailBtn {
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 2;
}

.zl-tool {
    display: flex;
    flex-wrap: nowrap;
}

.zl-module {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 100%;
    position: relative;
    overflow: auto;
    background-color: var(--PageBackground);
}

.zl-tools + .zl-module {
    height: calc(100% - 40px);
}

zl-pagecontent[layouttype="填充式布局"] > .zl-module {
    overflow: inherit;

}

.zl-module-title {
    font-family: "Segoe UI Light WestEuropean", "Segoe UI Light", "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 18px;
}

.content-header-img-name {
    display: flex;
    align-items: center;
}

.content-nav-ul {
    display: flex;
    padding: 0 13px;
    font-size: 12px;
    font-weight: 400;
}

.zl-content-nav {
    margin-top: 4px;
}

zl-input {
    display: inline-block;
}

iframe#listConten {
    border: none;
}

.modal-open .modal {
    overflow: hidden !important;
}

.modal-dialog.modal-dialog-user {
    height: 188px;
    top: 50px;
    width: 360px;
}

.modal-dialog-user .modal-body {
    padding: 0;
}

.zl-user-row {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}

img.zl-user-img {
    width: 40px;
    height: 40px;
}

.zl-user-left {
    margin: 20px;
}

.zl-user-login {
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: var(--SubtleEmphasisBackground);
    flex: 0 0 100%;
    max-width: 100%;
    cursor: pointer;
}

.zl-user-login-icon {
    margin: 10px;
}

.zl-user-name {
    font-size: 18px;
    font-weight: 700;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zl-user-login-title {
    margin: 6px 12px;
}

.zl-user-right {
    padding: 16px;
    flex: 1 1 auto;
}

.zl-user-login-close {
    margin-left: auto;
    padding: 8px 12px;
}

    .zl-user-login-close:hover {
        background-color: var(--HeaderDisabledLines);
        color: var(--StrongBodyText);
        cursor: pointer;
    }

.alert-danger {
    margin-bottom: 0;
    word-break: break-all;
    color: var(--ErrorText);
    background-color: #f8d7da;
    border-color: #f5c6cb;
    background-color: color-mix(in srgb, var(--ErrorText) 5%, #00000000 95%);
    border: 1px solid color-mix(in srgb, var(--ErrorText) 20%, #00000000 80%);
}

    .alert-danger p svg {
        width: 16px;
        height: 16px;
        margin-right: 4px;
        margin-left: 4px;
        position: relative;
        top: -2px;
    }

.alert-heading svg {
    width: 32px;
    height: 32px;
    position: relative;
    top: -6px;
}

.alert-heading h4 {
    display: inline;
}

.header-tools-set-btn {
    padding: 12px 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-tools-user-btn {
    padding: 12px 16px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dx-list .dx-empty-message, .dx-list-item {
    color: var(--BodyText);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: transparent;
    color: var(--BodyText);
}

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-item-content.dx-list-item-content {
        background-color: var(--NavigationHoverBackground);
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-item-content.dx-list-item-content.view-table-table-header-drop-button-split-line-container {
            background-color: transparent;
        }

input.imitate-value {
    border: 0;
}

.dx-texteditor-input {
    padding: 0 11px;
}

.zl-modal-input .dx-texteditor-input {
    padding: 0;
}

.zl-modal-input .dx-placeholder::before {
    padding-left: 0;
}

.dx-htmleditor {
    border: none;
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: var(--PageBackground);
}

.dx-scrollable-content {
    outline: none;
}

.dx-datagrid-search-text {
    color: var(--TileText);
    background-color: var(--ContentAccent1);
}

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    color: var(--BodyText);
    background-color: var(--PageBackground);
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    color: var(--BodyText);
    background-color: var(--PageBackground);
    border-color: transparent;
}

zl-select div.dropdown-button:hover {
    background-color: var(--PageBackground);
    border-color: transparent;
}

.dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
    background-color: transparent;
    border-top: 1px solid var(--DisabledLines);
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-datagrid .dx-column-lines > td {
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
}

.dx-datagrid-headers {
    border-bottom: 1px solid var(--DisabledLines);
}

/*.dx-datagrid .dx-row > td {
    padding: 4px 7px;
    min-height: 30px;
}*/
.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
    background-color: var(--NavigationSelectedBackground);
    color: var(--BodyText);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: var(--NavigationSelectedBackground);
    border-color: var(--NavigationSelectedBackground);
    border-bottom: 1px solid var(--NavigationSelectedBackground);
    color: var(--BodyText);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    background-color: var(--NavigationSelectedBackground);
    border-color: var(--NavigationSelectedBackground);
    border-bottom: 1px solid var(--NavigationSelectedBackground);
    color: var(--BodyText);
}

.dx-datagrid-rowsview .dx-row:hover > td {
    background-color: var(--NavigationHoverBackground) !important;
    border-right-color: var(--NavigationHoverBackground) !important;
}

.dx-datagrid-rowsview .dx-row.dx-freespace-row:hover td {
    background-color: transparent !important;
    border-right-color: transparent !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
 /*   background-color: var(--NavigationSelectedBackground) !important;
    border-color: var(--DisabledLines) !important;
    color: var(--BodyText);*/
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
    background-color: var(--NavigationSelectedBackground);
    color: var(--BodyText);
}

.dx-datagrid-pager {
    border-top: 1px solid var(--DisabledLines);
}

.dx-button-mode-text:hover {
    background-color: var(--ButtonHoverBackground);
    border-color: var(--ButtonHoverBackground);
}

.dx-button {
    border-radius: 0;
    font-weight: 600;
}

img.dx-icon[src="/imags/默认.png"] {
    opacity: 0 !important;
}

.dx-button-content:has(img.dx-icon[src="/imags/默认.png"]):before {
    content: "\f073";
    position: absolute;
    left: 19px;
    top: calc(50% - -1px);
    transform: translateY(-50%);
    font-size: 16px;
}

.view-table-toolbar-container .dx-button-content:has(img.dx-icon[src="/imags/默认.png"]) {
    padding: 8px 8px;
}

.view-table-toolbar-container.view-table-toolbar-show .dx-button.view-table-toolbar-item + .dx-button.view-table-toolbar-item {
    margin-left: 0;
}

.view-table-toolbar-container.view-table-toolbar-show .dx-button-content:has(img.dx-icon[src="/imags/默认.png"]):before {
    left: 10px;
}

.dx-placeholder::before {
    font-size: 13px;
    color: var(--SubtleBodyText);
}

.zl-content-side div.dx-texteditor.dx-editor-outlined {
    width: 100%;
}

.zl-content-side:has( .check-wraps) div.dx-texteditor.dx-editor-outlined {
    width: calc(100% - 46px);
}

.dx-button-content:has(img.dx-icon[src="/imags/默认.png"]) {
    font: 14px / 14px DXIcons;
    position: relative;
    padding: 8px 18px;
    font-weight: 600;
}

.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {
    opacity: 1;
    color: var(--SubtleBodyText);
}

.dx-state-disabled .dx-button .dx-button-text, .dx-state-disabled.dx-button .dx-button-text {
    opacity: 1;
    color: var(--DisabledText);
}

.view-table-toolbar-item.dx-button-mode-text[aria-label="保存"] {
    background-color: var(--ContentAccent1);
    color: var(--PageBackground);
}

.zl-form-button-content > :is(.view-table-toolbar-item.dx-button-mode-text[aria-label="取消"],.view-table-toolbar-item.dx-button-mode-text[aria-label="关闭"]) {
    border: 1px solid var(--EmphasisBackground);
    background-color: var(--EmphasisBackground);
    color: var(--BodyText);
}

.view-table-toolbar-item.dx-button-mode-text[aria-label="保存"]:hover {
    background-color: var(--HyperlinkActive);
    border-color: var(--HyperlinkActive);
}

.zl-form-button-content > :is(.view-table-toolbar-item.dx-button-mode-text[aria-label="取消"]:hover,.view-table-toolbar-item.dx-button-mode-text[aria-label="关闭"]:hover) {
    background-color: var(--HeaderSubtleText);
    border-color: var(--HeaderSubtleText);
}

.zl-form-button-content > .dx-button.view-table-toolbar-item[aria-label="取消"] .dx-icon path, .zl-form-button-content > .dx-button.view-table-toolbar-item[aria-label="关闭"] .dx-icon path {
    fill: var(--BodyText) !important;
}

.zl-form-button-content > .dx-button.view-table-toolbar-item {
    background-color: var(--ContentAccent1);
    color: var(--PageBackground);
    border-color: var(--ContentAccent1);
    cursor: pointer;
}

.dx-button.view-table-toolbar-item + .dx-button.view-table-toolbar-item {
    margin-left: 8px;
}

.zl-form-button-content > .dx-button.view-table-toolbar-item .dx-icon path {
    fill: var(--PageBackground) !important;
}

.zl-form-button-content > .dx-button.view-table-toolbar-item:hover {
    background-color: var(--HyperlinkActive);
    border-color: var(--HyperlinkActive);
}

.dx-datagrid-focus-overlay {
    border: 2px solid transparent;
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top: none;
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid var(--DisabledLines);
    border-right: 1px solid var(--DisabledLines);
}

.dx-datagrid-summary-item {
    color: var(--BodyText);
}

.dx-datagrid-total-footer {
    border-color: var(--DisabledLines);
}

.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid var(--DisabledLines);
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-popup-wrapper > .dx-overlay-content {
    background-color: var(--PageBackground);
    border-color: var(--DisabledLines);
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
    padding-top: 4px;
}

.dx-datagrid-group-opened {
    color: var(--BodyText);
}

.dx-datagrid-group-closed {
    color: var(--BodyText);
}

.dx-overlay-shader {
    background-color: rgba(255, 255, 255, .4);
}

.dx-datagrid-columns-separator-transparent:hover {
    background-color: var(--Lines);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    color: var(--BodyText);
}

/**树形选中重命名效果*/
zl-teamtree .rename_active {
    border: 1px solid var(--ContentAccent1);
}

.lay_design-extbar {
    margin-right: 16px;
}

div.dx-texteditor.dx-editor-outlined {
    border: none !important;
    border-bottom: 1px solid var(--DisabledLines) !important;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
}

.view-table-add-column div.dx-texteditor.dx-editor-outlined {
    border-color: transparent !important;
}

.dx-datagrid-search-panel {
    margin: 0 2px 0 4px;
}

.dx-toolbar .dx-toolbar-after {
    padding-left: 4px;
}

.zl-qmlist-mark-item zl-select > .dx-select-imitate-run > input {
    border: 1px solid var(--DisabledLines);
}

div.dx-texteditor.dx-editor-outlined.dx-dropdowneditor-active {
    border-color: var(--ContentAccent1) !important;
}

.dx-datagrid-header-panel {
    border-bottom: 1px solid transparent;
}

.dx-texteditor-input {
    color: var(--BodyText);
    min-height: 30px;
    height: 32px;
}

.textarea-full .dx-texteditor-input {
    height: 100%;
}

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    background-color: transparent;
    color: var(--BodyText);
}

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-htmleditor-content {
    padding: 1px 0 0;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 4px;
    margin-top: 2px;
}

.dx-toolbar .dx-toolbar-items-container {
    height: 32px;
}

.dx-datagrid-group-panel .dx-group-panel-message {
    color: var(--SubtleBodyText);
}

.lay_component-toolbar .dx-button-mode-text:hover {
    background-color: var(--ContentAccent1);
    border-radius: 6px;
}

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled:hover {
    background-color: var(--ContentAccent1);
}

    .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled:hover .dx-placeholder, .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled:hover .dx-dropdowneditor-icon {
        color: var(--TileText);
    }

.dx-toolbar-after .dx-button-mode-contained {
    background-color: transparent;
    border-color: transparent;
    border-radius: 6px;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-outlined, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-text, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-outlined, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-text {
    color: var(--BodyText);
}

.lay_component-toolbar .dx-button-mode-text {
    height: 32px;
    position: relative;
    top: -2px;
}

.dx-toolbar-menu-section .dx-button-mode-contained {
    background-color: transparent;
    border-color: transparent;
}

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
    position: relative;
    top: -2px;
}

.dx-button-mode-contained.dx-state-hover {
    background-color: transparent;
    border-color: transparent;
}

.lay_component-toolbar .dx-button-mode-text {
    opacity: 1;
    top: -2px;
    height: 32px;
}

.lay_component-toolbar .dx-state-disabled.dx-button .dx-button-text {
    opacity: 1;
}

.dx-freespace-row > td, .dx-virtual-row > td {
    padding: 0 !important;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-text .dx-icon {
    color: var(--BodyText);
    padding: 0;
    opacity: 1;
}

.dx-button-mode-contained .dx-icon {
    color: var(--BodyText);
}

.dx-color-format .dx-icon-color {
    border-bottom: none;
}

.dx-toolbar-after .dx-button-mode-contained:hover .dx-icon {
    color: var(--TileText);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
    color: var(--BodyText);
}

.dx-popup-bottom .dx-button {
    min-width: 80px;
    font-weight: 600;
    border: 1px solid var(--ButtonBorder);
}

    .dx-popup-bottom .dx-button:hover {
        background-color: var(--ButtonHoverBackground);
        color: var(--ButtonText);
        border: 1px solid var(--ButtonHoverBorder);
    }

    .dx-popup-bottom .dx-button[aria-label="保存"] {
        background-color: var(--ContentAccent1);
        color: var(--TileText);
        border: 1px solid var(--ContentAccent1);
    }

.dx-htmleditor.dx-htmleditor-outlined.dx-state-active, .dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
    border-color: var(--SuiteBarHoverBackground);
}

.dx-toolbar-after .dx-button-mode-contained:hover {
    background-color: var(--ContentAccent1);
}

.dx-toolbar-after .dx-button-mode-contained.dx-button-default:hover {
    color: var(--TileText);
}

.dx-button-mode-contained.dx-button-default {
    color: var(--BodyText);
}

.dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator {
    border-left-color: var(--Lines);
    height: 32px;
}

.lay_component-toolbar .dx-button-mode-text:hover .dx-icon {
    color: var(--TileText);
}

.page-container .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
    background-color: transparent;
}

.page-container .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: transparent;
}

.page-container .dx-tag-content {
    background-color: transparent;
    color: var(--BodyText);
}

.page-container .dx-tag-container.dx-texteditor-input-container {
    padding-bottom: 0;
}

.dx-item-content.dx-treeview-item-content {
    padding-top: 1px;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: var(--NavigationSelectedBackground);
    color: var(--BodyText);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--NavigationSelectedBackground);
    color: var(--BodyText);
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td {
    border-bottom: 1px solid transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid transparent;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-color: var(--NavigationSelectedBackground);
}

.dx-treeview-item.dx-state-hover {
    background-color: var(--NavigationHover);
    color: var(--BodyText);
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
    background-color: var(--NavigationHoverBackground);
    color: var(--BodyText);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: transparent;
    color: var(--BodyText);
}

.dx-datagrid .dx-link {
    color: var(--Hyperlink);
}

.dx-datagrid-rowsview .dx-selection > td .dx-link, .dx-datagrid-rowsview .dx-selection > tr > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
    color: var(--Hyperlink);
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
    color: var(--Hyperlink);
}

a.dx-link.dx-link-delete:hover {
    color: var(--ContentAccent1) !important;
}

.dx-field-item-help-text, .dx-field-item-label-text {
    color: var(--BodyText);
}

.dx-button-mode-text .dx-icon {
    color: inherit;
    width: 16px;
    height: 16px;
}

    .dx-button-mode-text .dx-icon:has(+ .dx-button-text) {
        margin-right: 4px;
    }

    .dx-button-mode-text .dx-icon path {
        fill: currentColor !important;
    }

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-normal, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-outlined.dx-button-normal .dx-icon, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-normal, .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-mode-text.dx-button-normal .dx-icon {
    color: var(--BodyText);
}

.dx-searchbox .dx-icon-search::before {
    color: var(--SubtleBodyText);
}

.dx-placeholder {
    color: var(--BodyText);
}

.dx-dropdowneditor-icon {
    color: var(--BodyText);
}

div.dx-widget {
    color: var(--BodyText);
    background-color: transparent;
}

.dx-treeview-item {
    border-left: 2px solid transparent;
}

.dx-treeview-item-without-checkbox.dx-state-selected > div.dx-treeview-item {
    background-color: var(--NavigationPressed);
    color: var(--AccentText);
    border-left: 2px solid var(--ContentAccent1);
}

.dx-item-content.dx-treeview-item-content img {
    position: relative;
    margin-right: 6px;
    width: 18px;
    height: 18px;
    top: -1px;
}

.dx-treeview-item .dx-treeview-item-content span {
    width: calc(100% - 20px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .dx-treeview-item .dx-treeview-item-content span.show_name[contenteditable="true"] {
        white-space: normal;
    }

.dx-treeview-toggle-item-visibility {
    color: var(--BodyText);
    top: -1px;
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: transparent;
}

.dx-context-menu .dx-menu-items-container {
    min-width: 120px !important;
    border-radius: 4px;
    padding: 4px;
    background-color: var(--PageBackground);
    box-shadow: var(--HeaderDisabledLines) 0px 1px 2px 0px, var(--HeaderDisabledLines) 0px -1px 2px 0px;
}

.dx-menu-base .dx-menu-item-content {
    padding: 7px 8px;
}

.menuCaption {
    position: relative;
    top: 2px;
}

.dx-menu-base .dx-menu-item-content span.menuCaption {
    position: relative;
    top: 2px;
    padding-left: 8px;
    color: var(--BodyText);
    font-size: 14px;
}

.dx-menu-item {
    color: var(--BodyText);
}

.dx-context-menu .dx-submenu {
    border: none;
    background-color: transparent;
    border-radius: 4px;
    box-shadow: none;
}

.dx-menu-item.dx-state-hover {
    color: var(--StrongBodyText);
    background-color: var(--NavigationHoverBackground);
}

.dx-menu-item.dx-state-focused {
    background-color: var(--NavigationSelectedBackground);
    color: var(--StrongBodyText);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border: none;
    vertical-align: baseline;
}

.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background-color: transparent;
}

.view-table-add-column .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    background-color: transparent;
}

.dx-header-row .dx-header-filter-indicator:has(> .view-table-table-header-cell), .dx-header-row .dx-sort-indicator:has(> .view-table-table-header-cell) {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.dx-datagrid {
    background-color: transparent;
    color: var(--BodyText);
}

.dx-datagrid-headers {
    color: var(--BodyText);
}

.dx-menu-base .dx-menu-item-content img {
    width: 18px;
    height: 18px;
    margin-left: 4px;
}

.dx-menu-base .dx-menu-item-content svg {
    width: 18px;
    height: 18px;
    margin-left: 4px;
}

.dx-menu-base .dx-menu-item-content span {
    position: relative;
    top: 2px;
    color: var(--SubtleBodyText);
    font-size: 12px;
}

.docTree .dx-treelist-headers.dx-treelist-nowrap {
    display: none;
}

.dx-treelist-focus-overlay {
    border: none;
}

.dx-treelist-container {
    color: var(--BodyText);
    background-color: var(--PageBackground);
}

.dx-treelist-borders > .dx-treelist-filter-panel, .dx-treelist-borders > .dx-treelist-headers {
    border-top: 1px solid transparent;
}

.dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.dx-treelist-headers {
    color: var(--BodyText);
    border-bottom: 1px solid var(--DisabledLines);
}

    .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid var(--DisabledLines);
    }

.dx-treelist .dx-column-lines > td {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: var(--NavigationPressed);
    color: var(--BodyText);
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border-bottom-color: var(--NavigationPressed);
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: var(--NavigationPressed);
    border-right-color: var(--NavigationPressed);
}

.dx-treelist-rowsview .dx-row.dx-data-row:hover {
    background-color: var(--NavigationHover);
    cursor: pointer;
}

    .dx-treelist-rowsview .dx-row.dx-data-row:hover > td {
        border-right-color: var(--NavigationHover);
    }

.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: var(--NavigationPressed);
    border-right-color: var(--NavigationPressed);
    color: var(--BodyText);
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 1px solid var(--NavigationPressed);
}

.dx-treelist .dx-row-lines > td {
    border-bottom: 1px solid transparent;
}

.dx-treelist-borders .dx-treelist-rowsview, .dx-treelist-headers + .dx-treelist-rowsview, .dx-treelist-rowsview.dx-treelist-after-headers {
    border-top: 1px solid transparent;
}

.dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer {
    border-bottom: 1px solid transparent;
}

span.dx-checkbox-icon {
    border-color: var(--DisabledLines);
}

.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
    color: var(--BodyText);
    height: 18px;
}

.dx-datagrid-checkbox-size {
    padding-bottom: 5px;
}

.dx-checkbox-container {
    position: relative;
    top: 3px;
}

.dx-treelist-headers .dx-treelist-table .dx-row > td > div.dx-widget {
    margin-top: 5px;
}

span.context-menu-icon svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}

    span.context-menu-icon svg:not(.icon-fill-none) path {
        fill: var(--Hyperlink);
    }

.dx-menu-base .dx-menu-item-content span.dx-menu-item-text {
    color: var(--BodyText);
    top: 0;
}

.dx-sortable-placeholder {
    border: 1px solid var(--ContentAccent1);
}

div.dx-button-mode-text.dx-state-active, div.dx-button-mode-text.dx-state-focused {
    background-color: transparent;
    border-color: transparent;
    color: var(--BodyText);
}

.dx-pivotgrid-fields-container .dx-header-filter {
    color: var(--SubtleBodyText);
}

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    background-color: var(--PageBackground);
    border: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
    color: var(--BodyText);
}

.dx-pivotgrid .dx-pivotgrid-area td {
    color: var(--SubtleBodyText);
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    color: var(--BodyText);
    border-left: 1px solid var(--DisabledLines);
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    border-top: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    border: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-grandtotal {
    background-color: var(--ContentAccent7);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-right: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-area-column-cell, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-bottom-border {
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-left: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-area-row-cell {
    border-right: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    border-right: 1px solid var(--DisabledLines);
}

.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total, .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total {
    border-top: 1px solid var(--DisabledLines);
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-pivotgrid-fields-container .dx-sort {
    color: var(--SubtleBodyText);
    position: relative;
    right: -3px;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: var(--ContentAccent1);
}

.dx-treelist-header-panel {
    border-bottom: 1px solid var(--DisabledLines);
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    background-color: var(--ContentAccent1);
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    color: var(--ContentAccent1);
}

.resourceType_Content {
    width: 100%;
    height: 100%;
}

    .resourceType_Content:has(.check-wrap) {
        padding-top: 40px;
    }

.check-wrap-des {
    text-align: right;
    position: absolute;
    top: 7px;
    right: 66px;
    z-index: 6;
    display: flex;
    align-items: center;
}

.check-wrap {
    text-align: right;
    position: absolute;
    top: 4px;
    right: 6px;
    z-index: 6;
}

/*HrsLabel*/
/*通用输入*/
body hrs-input {
    height: auto !important;
    /*不强制设计态会被覆盖*/
    width: 100%;
    display: block;
}

    body hrs-input input {
        height: 30px;
        width: 100%;
        background-color: transparent;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid var(--DisabledLines);
        color: var(--BodyText);
        padding: 0 4px;
    }

    /*只读文本样式*/
    body hrs-input div {
        display: block !important;
        /*强制块或行块为了显示...*/
        align-content: center;
        /*垂直居中*/
        text-align: left;
        /*缺省居左*/
        width: 100%;
        height: 30px;
        padding: 0 4px;
        color: var(--BodyText);
        background-color: transparent;
        border-radius: 0;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid var(--DisabledLines);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
        /*不强制表格中会被覆盖*/
    }

    /*只读链接样式*/
    body hrs-input a {
        color: var(--BodyText);
        text-decoration: underline;
        white-space: nowrap;
    }

/*允许其他样式覆盖：有带边框和背景色的属性特性*/
body td hrs-input div, td hrs-input input {
    border: none;
    background-color: transparent;
    color: var(--BodyText);
}

hrs-ratio input[type="number"] {
    height: 30px;
    flex: 1 1 calc(100% - 20px);
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--DisabledLines);
    color: var(--BodyText);
    padding: 0 4px;
}

hrs-ratio {
    height: auto !important;
    width: 100%;
    display: block;
}

    hrs-ratio > div {
        width: 100%;
        display: flex;
        align-items: center;
        min-height: 30px;
    }

td hrs-ratio input[type="number"] {
    border-color: transparent;
}

/*选项标签*/
body .hrs-select {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    min-height: 30px;
    color: var(--BodyText);
}

    /*下拉选择*/
    body .hrs-select > input {
        height: 30px;
        width: auto;
        cursor: pointer;
        background-color: transparent;
        padding: 0 4px;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid var(--DisabledLines);
        color: var(--BodyText);
        flex: 1 1 auto;
        min-width: 60px;
        flex-basis: 0;
    }

    body .hrs-select[data-option-style="下拉选择"] > .value-content > .tag-text {
        border: none;
        border-radius: 8px;
        font-size: 14px;
        padding: 0 5px;
        margin-bottom: 2px;
        margin-right: 0;
        white-space: nowrap;
        display: inline;
        position: relative;
    }

    body .hrs-select[data-option-style="下拉选择"] > .value-content {
        padding: 6px 0 0;
        flex: 0 1 auto;
        min-height: 30px;
        min-width: 1px;
        max-width: calc(100% - 60px);
        border-bottom: 1px solid var(--DisabledLines);
        flex-wrap: nowrap;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

body hrs-select-popup.hrs-select > .value-content:focus {
    border-bottom: 1px solid var(--ContentAccent1);
}

body hrs-select-popup.hrs-select[data-option-style="下拉选择"] > .value-content {
    width: 100%;
    max-width: 100%;
    padding-left: 4px;
}

body .hrs-select[data-option-style="下拉选择"] > .value-content:has(> .tag-text) {
    min-width: 40px;
}

body .tag-svg svg {
    height: 30px;
    width: 30px;
}

body .tag-svg {
    padding: 0 5px;
}

body .value-content.have-value:has(~input:focus) {
    border-bottom: 1px solid var(--ContentAccent1) !important;
}

body td .hrs-select[data-option-style="下拉选择"] > .value-content {
    border-bottom: none;
    padding: 0;
    min-height: 30px;
    line-height: 30px;
    min-width: 1px;
}

body td .hrs-select[data-option-style="下拉选择"] > .value-content .tag-text {
    margin-bottom: 0;
    padding: 0 4px;
}

body td .hrs-select > input {
    min-width: 50px;
    height: 30px;
}

body .tag-text:after {
    content: ',';
    position: absolute;
    right: 0;
    font-weight: bold;
}

body .tag-text:last-child:after {
    display: none;
}

.value-content.have-value::-webkit-scrollbar {
    height: 6px;
}

/*下拉选择*/
body .hrs-select > .dx-table-base {
    display: none;
    position: fixed;
    background-color: var(--PageBackground);
    /*不然用了opacity会透明*/
    z-index: 9999;
}

    /*下拉面板边框*/
    body .hrs-select > .dx-table-base > .dx-datagrid {
        outline: none;
        box-shadow: 0 2px 12px var(--DisabledLines);
    }

    /*减少表格行高*/
    body .hrs-select > .dx-table-base .dx-row td {
        border-bottom: 1px solid var(--DisabledLines);
    }

    body .hrs-select > .dx-table-base .dx-data-row tr {
        cursor: pointer;
    }

    /*设置hover行颜色*/
    body .hrs-select > .dx-table-base .dx-data-row:not(.dx-selection) tr:hover {
        background-color: transparent;
    }

/*下拉选择：清除按钮*/
body .hrs-select[data-option-style="下拉选择"] > .btn-clear {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 2px;
    padding: 5px;
    font: 18px / 18px DXIcons;
    color: var(--BodyText);
    opacity: 0;
}

body .hrs-select[data-option-style="下拉选择"]:hover > .btn-clear {
    opacity: 1;
}

body .hrs-select[data-option-style="下拉选择"] > .btn-clear:active {
    color: var(--BodyText);
}

body .hrs-select[data-option-style="下拉选择"] > .btn-clear:before {
    content: "\f008";
}

body .hrs-select[data-option-style="下拉选择"] > .value-content:not(.have-value) + * + .btn-clear {
    display: none;
}

/*下拉选择：下拉按钮*/
body .hrs-select[data-option-style="下拉选择"] > .btn-popup {
    position: absolute;
    cursor: pointer;
    right: 2px;
    width: 32px;
    height: 26px;
    top: 2px;
    border-radius: 4px;
    font: 18px/18px DXIcons;
    color: var(--BodyText);
    background-color: transparent;
}

    body .hrs-select[data-option-style="下拉选择"] > .btn-popup:before {
        content: "\f001";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -9px;
    }

body .hrs-select[data-option-style="下拉选择"]:hover > .btn-popup {
    background-color: var(--DisabledBackground);
}

body .hrs-select[data-option-style="下拉选择"] > .btn-popup:active {
    background-color: var(--FooterBackground);
}

/*平铺选择*/
body .hrs-select[data-option-style="平铺选择"] {
    flex-wrap: wrap;
}

    body .hrs-select[data-option-style="平铺选择"] > label {
        display: flex;
        align-items: center;
        margin-right: 8px;
    }

        body .hrs-select[data-option-style="平铺选择"] > label:last-child {
            margin-right: 0;
        }

    body .hrs-select[data-option-style="平铺选择"] input[type=radio], .hrs-select[data-option-style="平铺选择"] input[type=checkbox] {
        width: 16px !important;
        height: 16px !important;
        margin-right: 4px;
    }

/*只读选项样式*/
body .hrs-select[disabled] div, body hrs-input[disabled] div {
    display: block !important;
    align-content: center;
    text-align: left;
    width: 100%;
    height: 30px;
    padding: 0 4px;
    color: var(--SubtleBodyText);
    background-color: transparent;
    border-radius: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid var( --DisabledLines);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

body td .hrs-select[disabled] div, body td hrs-input[disabled] div {
    border: none;
    height: auto;
    color: var(--BodyText);
}

body .zl-qmlist-mark-item-group .hrs-select[disabled] div {
    border: 1px solid var(--DisabledLines);
    min-height: 34px;
}

body .zl-qmlist-mark-item-group .hrs-select > input {
    border: 1px solid var(--DisabledLines);
    min-height: 34px;
}

/*编码选项：不要表格行线*/
hrs-select-code .dx-table-base .dx-row > td {
    border-bottom: none;
}

.hrs-select > .dx-table-base .dx-data-row.dx-pending-row.dx-row:not(.dx-row-focused) > tr * {
    background-color: var(--ContentAccent1) !important;
    color: var(--TileText);
}

/*简单选项：不要表格线*/
body hrs-select-simple .dx-table-base .dx-row > td {
    border-right: none;
    border-bottom: none;
}

/*表格中样式：允许其他样式覆盖：有带边框和背景色的属性特性*/
body td .hrs-select[disabled] div, td .hrs-select input[type="text"] {
    border: none;
    background-color: transparent;
    color: var(--BodyText);
}

/*单选框标签*/
body hrs-boolsingle {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    width: 100%;
    min-height: 30px;
}

    body hrs-boolsingle > label {
        margin-right: 4px;
    }

/*开关标签*/
body hrs-boolswitch {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    min-height: 30px;
}

hrs-imagefile {
    display: block;
    width: 100%;
    height: 100%;
}

.img-no-adaptive img {
    max-width: inherit;
    max-height: inherit;
}

hrs-generalfile {
    display: block;
    width: 100%;
    height: 100%;
}

.file-download-tag {
    padding: 0 4px;
}

span.file-detele {
    position: relative;
    top: -1px;
    margin-left: 4px;
    z-index: 1;
}

body hrs-barcode {
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%;
}

    body hrs-barcode > input {
        width: 100%;
        height: 30px;
        background-color: transparent;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid var(--DisabledLines);
        color: var(--BodyText);
    }

    body hrs-barcode[disabled] {
        width: auto;
    }

body hrs-expressiontext {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid var(--DisabledLines);
    position: relative;
}

    body hrs-expressiontext > input.form-control.expression-text {
        border: none;
    }

body td hrs-expressiontext {
    border-color: transparent;
}

body hrs-expressiontext > button {
    color: var(--ContentAccent1);
    white-space: nowrap;
    width: 42px !important;
    height: 30px;
    padding: 2px 8px 3px;
    margin-left: -1px;
    border: none;
    border-radius: 4px;
    background-color: transparent;
}

    body hrs-expressiontext > button.expression-edit:hover {
        color: var(--ContentAccent1);
        background-color: var(--NavigationHover);
    }

body hrs-expressiontext > input {
    color: var(--BodyText);
    background-color: transparent !important;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--DisabledLines);
}

body td hrs-expressiontext > input {
    background-color: transparent !important;
    border: none !important;
}

body td hrs-expressiontext {
    height: 100%;
}

body #PageContent td hrs-expressiontext input.form-control {
    height: 100%;
}

    body #PageContent td hrs-expressiontext input.form-control[readonly] {
        height: 100%;
        background-color: var(--ButtonDisabledBackground);
        border: 1px solid transparent;
        box-shadow: 0 0 0 transparent;
    }

/*数据库图标*/
body hrs-imagedb .file-container .img-container > img {
    max-height: 200px;
    max-width: 100%;
    object-fit: cover;
}

body hrs-imagedb .file-container .img-container > .btn-remove-img {
    color: var(--BodyText);
    cursor: pointer;
    text-shadow: 0 1px 0 #fff;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--ButtonGlyphActive);
    height: 100%;
    z-index: 99;
    display: none;
    align-items: center;
}

body hrs-imagedb .file-container .img-container:hover .btn-remove-img {
    display: flex;
}

body hrs-imagedb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
}

    body hrs-imagedb[disabled] {
        align-items: center;
        align-content: center;
    }

        body hrs-imagedb[disabled] .file-container {
            height: 100% !important;
        }

/*多行文本*/
body hrs-multilinetext {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    min-height: 30px;
}

    body hrs-multilinetext > textarea {
        width: 100%;
        height: 100%;
        background-color: transparent;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid var(--DisabledLines);
        color: var(--BodyText);
    }

        body hrs-multilinetext > textarea:focus {
            outline: none;
            border-color: var(--ContentAccent1);
        }

    body hrs-multilinetext > div {
        white-space: normal;
    }

    body hrs-multilinetext .td-word {
        width: 100%;
        overflow-wrap: break-word;
        border-bottom: 1px solid var(--DisabledLines);
        padding: 2px;
    }

body td hrs-multilinetext .td-word {
    border-bottom: none;
}

/*多行文本-动态单记录样式*/
body .record-row > textarea, .record-row > hrs-multilinetext textarea {
    flex-grow: 1;
}

body .record-row-item > textarea, .record-row-item > hrs-multilinetext textarea {
    flex-grow: 1;
}

/*多行文本-单记录样式*/
body .record-input > hrs-multilinetext {
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    flex-wrap: nowrap;
}

    body .record-input > hrs-multilinetext > * {
        height: 100%;
    }

body .filterbar-item > textarea, .filterbar-item > hrs-multilinetext textarea {
    height: auto;
}

body .record-input > textarea:focus, .record-input > hrs-multilinetext textarea:focus {
    outline: none;
    border-color: var(--ContentAccent1);
}

body .record-input > textarea, .record-input > hrs-multilinetext textarea {
    width: 100%;
    border: 1px solid var(--DisabledLines);
}

body .record-input > hrs-multilinetext div {
    align-content: center;
    width: 100%;
    overflow-y: auto;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--DisabledLines);
    padding: 0 4px;
    border-radius: 0;
    min-height: 30px;
}

body .record-input > hrs-multilinetext[disabled] > div {
    background-color: transparent;
    color: var(--SubtleBodyText);
}

/*身份证号*/
body hrs-textidnumber {
    display: flex;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    min-height: 30px;
}

    body hrs-textidnumber input {
        width: 100%;
        height: 30px;
        padding: 0 4px;
        background-color: transparent;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid var(--DisabledLines);
        color: var(--BodyText);
    }

body td hrs-textidnumber input {
    border: none;
}

body hrs-textidnumber input:focus {
    border-color: var(--ContentAccent1);
}

body hrs-numberunit.composite-tags {
    width: 100%;
}

/*复合标签通用*/
body .composite-tags {
    display: flex;
    min-height: 30px;
    align-items: center;
    flex: 1 1 auto;
}

a.compositevalue {
    padding: 2px;
    width: 100%;
    min-height: 24px;
    border-bottom: 1px solid var(--DisabledLines);
}

a.file-DownloadLink {
    text-decoration: none !important;
}

td a.compositevalue {
    border: none;
}

body .composite-tags hrs-input {
    width: auto;
    flex: 1;
    min-width: 30px;
}

    body .composite-tags hrs-input + hrs-select-simple {
        width: auto;
        flex: 1;
        min-width: 30px;
    }

    body .composite-tags hrs-input[disabled="disabled"] {
        flex: 0 0 auto;
    }

hrs-select-view {
    min-width: 90px;
}

hrs-select-simple {
    min-width: 90px;
}

/*医学表达式*/
/*月经史*/
body hrs-menstrualhistory [data-code="menopausal_unknown"] label {
    margin-bottom: 7px;
    height: 20px;
}

body hrs-menstrualhistory [data-code="menarche_unknown"] label {
    height: 20px;
}

body hrs-menstrualhistory hrs-input[data-code="menopausal_age_unit"] div {
    border: none;
    background-color: transparent;
    margin-left: 7px;
}

body hrs-menstrualhistory[disabled] hrs-input[data-code="menopausal_age_unit"] div {
    border: none;
    background-color: transparent;
    height: 24px;
    margin-left: 0;
}

body hrs-menstrualhistory hrs-input input[type="number"] {
    width: 48px;
}

body hrs-menstrualhistory .menarche_age hrs-input[disabled] div, hrs-menstrualhistory hrs-input[data-code="menopausal_age"][disabled] div {
    width: 48px;
    height: 23px;
}

body hrs-menstrualhistory hrs-input[data-code="menopausal_date"][disabled] div, hrs-menstrualhistory hrs-input[data-code="menopausal_date"] input {
    width: 120px;
    height: 23px;
}

body .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
    font-weight: bold;
}

body .dx-datagrid-rowsview .dx-row:hover > td.dx-datagrid-action.dx-datagrid-drag-action {
    background-color: transparent !important;
}

body .hrs-select > .dx-table-base > .dx-datagrid .dx-scrollable-container {
    overflow-x: auto;
    padding: 0 1px;
}

body .hrs-select > input:focus {
    outline: none;
    border-color: var(--ContentAccent1);
}

body td .hrs-select > input:focus {
    border-bottom: none;
}

body hrs-input input:focus {
    outline: none;
    border-color: var(--ContentAccent1);
}

body td hrs-input input:focus {
    border-bottom: none;
}

body zl-form hrs-variable {
    display: block;
    height: 30px;
    border-bottom: 1px solid var(--DisabledLines);
}

body td.dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action {
    padding: 12px 8px !important;
}

body td hrs-input input {
    border: none !important;
}

body td hrs-imagedb input.form-control {
    border: none !important;
}

body td hrs-multilinetext > textarea {
    border: none !important;
}

body td hrs-input input:focus {
    border: none !important;
}

body .record-input > hrs-multilinetext textarea {
    border: 1px solid var(--DisabledLines);
    width: 100%;
    padding: 0 4px;
    margin-top: 2px;
    min-height: 65px;
    color: var(--BodyText);
}

    body .record-input > hrs-multilinetext textarea:focus {
        outline: none;
        border-color: var(--ContentAccent1);
    }

body td hrs-input {
    display: flex;
    align-items: center;
    min-height: 30px !important;
}

body .zl-fixed-pos {
    justify-content: left !important;
    padding-left: 4px;
}

body hrs-barcode > input:focus {
    border-color: var(--ContentAccent1);
    outline: none;
}

hrs-input[type="checkbox"] input, hrs-input[type="radio"] input {
    height: 16px;
    width: 16px;
}

input.form-control.code-text {
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--DisabledLines);
    font-size: 14px;
    padding: 0 4px;
    background-color: transparent;
}

    input.form-control.code-text:focus {
        border-color: var(--DisabledLines) !important;
    }

td input.form-control.code-text {
    border-bottom: 0 solid var(--DisabledLines);
    cursor: auto;
    box-shadow: none;
}

hrs-codetext > button {
    color: var(--BodyText);
    background-color: transparent;
    border-color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 8;
    width: 32px;
    height: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    hrs-codetext > button:hover {
        color: var(--ContentAccent1);
        background-color: var(--NavigationHoverBackground);
    }

hrs-codetext {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

hrs-boolswitch:focus {
    border-bottom: 1px solid var(--ContentAccent1);
}

hrs-boolswitch:has(>.switch-an[type="checkbox"]:focus) {
    border-bottom: 1px solid var(--ContentAccent1);
}

hrs-boolsingle:has(input[type="radio"]:focus) {
    border-bottom: 1px solid var(--ContentAccent1);
}

hrs-input:has(> input[type="checkbox"]:focus) {
    border-bottom: 1px solid var(--ContentAccent1);
}

hrs-input:has(>input[type="range"]:focus) {
    border-bottom: 1px solid var(--ContentAccent1);
}
hrs-expressiontext:has(> input:focus) {
    border-bottom: 1px solid var(--ContentAccent1);
}

.message-emergency > .icon {
    pointer-events: none;
}

.font-edit-pop {
    background-color: var(--PageBackground);
    border: 1px solid var(--DisabledLines);
    display: flex;
    flex-direction: column;
}

.font-edit-pop-title {
    margin: 4px 0;
}

input.font-edit-pop-input {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--DisabledLines);
    height: 30px;
    color: var(--BodyText);
    padding: 0 4px;
}

    input.font-edit-pop-input:focus {
        border-color: var(--ContentAccent1);
        outline: none;
    }

.font-edit-pop-btn {
    display: flex;
    justify-content: flex-end;
    margin: 16px 0 4px;
}

.layer-split-line {
    width: 8px;
    height: 100%;
    position: absolute;
    left: -8px;
    cursor: e-resize;
    display: inline-block;
    align-self: center;
    height: 100%;
    top: 0px;
    z-index: 9;
    opacity: 0;
}

    .layer-split-line:hover {
        opacity: 1;
        cursor: e-resize;
        background-color: var(--DisabledLines);
    }

    .layer-split-line::before {
        content: " ";
        position: absolute;
        top: calc(50% - 15px);
        left: 1px;
        height: 30px;
        width: 6px !important;
        border-left: 2px solid var(--SubtleLines);
        border-right: 2px solid var(--SubtleLines);
        z-index: 1;
    }

    .layer-split-line::after {
        content: '';
        position: absolute;
        top: calc(50% - 20px);
        left: -2px;
        height: 40px;
        background-color: var(--StrongLines);
        width: 12px;
        cursor: e-resize;
    }

    .layer-split-line:hover::after {
        background-color: var(--ContentAccent1);
    }

.can-drop-target > .dx-treeview-item {
    background: var(--HoverBackground) !important;
    border: 1px dashed var(--ContentAccent1);
}

.record-input {
    width: 100%;
    padding: 0 4px;
    display: flex;
}

/*脚本编辑器*/
/*.single-record:has( hrs-codetext .code.codeEditor) {
    height: 100%;
}

.record-item:has( hrs-codetext .code.codeEditor) {
    height: 100% !important;
}

.record-input:has( hrs-codetext .code.codeEditor) {
    height: calc(100% - 32px);
}

.record-input .code.codeEditor {
    height: 100% !important;
}
*/
.zl-container .monaco-editor .margin {
    background-color: var(--PageBackground);
}

.zl-container .monaco-editor .line-numbers {
    color: var(--ContentAccent2);
}

    .zl-container .monaco-editor .line-numbers.active-line-number {
        color: var(--ContentAccent1);
    }

.zl-container span.mtk1 {
    color: var(--BodyText);
}

.zl-container .monaco-editor, .zl-container .monaco-editor-background {
    background-color: var(--Background);
    outline-color: var(--DisabledLines);
}

    .zl-container .monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
        background-color: var(--HoverBackground);
    }

    .zl-container .monaco-editor .minimap-slider .minimap-slider-horizontal {
        background: var(--HoverBackground);
    }

    .zl-container .monaco-editor .monaco-hover {
        background-color: var(--vscode-editorHoverWidget-background);
        border: 1px solid var(--Lines);
        color: var(--BodyText);
    }

.zl-container .monaco-scrollable-element > .scrollbar > .slider {
    background: var(--DisabledLines);
}

.zl-container .minimap.slider-mouseover canvas {
    background-color: var(--FooterBackground);
}

.zl-container .monaco-editor .sticky-widget {
    background-color: var(--PageBackground);
    box-shadow: var(--DisabledLines) 0 4px 2px -2px;
}

.zl-container .monaco-editor .minimap-shadow-visible {
    box-shadow: var(--DisabledLines) -6px 0 6px -6px inset;
}

.td-custom-operation-link div {
    color: var(--Hyperlink) !important;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.td-custom-operation-link span {
    color: var(--Hyperlink) !important;
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    zl-discuss#zldiscuss {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 7;
    }
}

span.quer-pos {
    color: var(--ErrorText);
    position: relative;
    top: 2px;
    left: 2px;
}