html:has(.dark-mode), .dark-mode, .dark-mode .main-control{background-color: #141414; color: #d5d5d5;}
.dark-mode input, .dark-mode select, .dark-mode textarea{background-color: rgb(43, 43, 43); border-color: rgb(64,64,64); color: rgb(166,166,166);}
.dark-mode label{color: rgb(160,160,160);}
.dark-mode button{background-color: #303134; border-color: #303134; color: #fff;}
.dark-mode button:hover{background-color: #4C4B54; border-color: #4C4B54;}

.dark-mode .main-control:before{background-color: #1f1f1f;}
.dark-mode .main-control:after{background-color: rgba(0,0,0, 0.65);}
.dark-mode .main-control .app-main .app-list-header{background-color: rgb(55,54,53); color: #fff;}
.dark-mode .main-control .app-list{background-color: #2b2a33;}
.dark-mode .main-control .app-list .app-item:hover{border-color: #fff;}
.dark-mode .main-control .app-list .app-item > i, .dark-mode .main-control .app-list .app-item > .name{color: #fff;}
.dark-mode .bottom-plugin.hide .plugin-handle{background-color: #1C1B22; color: #fff;}
.dark-mode .access-statistics .title{background-color: #1C1B22;}
.dark-mode .bottom-plugin .plugin-body label{color: #fff;}

.dark-mode .app-edit{background-color: #1f1f1f;}

.dark-mode .login-page:before{filter: blur(30px) grayscale(1); -webkit-filter:blur(30px) grayscale(1);}
.dark-mode .login-form .login-form-header{background-color: rgba(12, 12, 13, 0.4); border-bottom-color: rgba(12, 12, 13, 1);}
.dark-mode .login-form .login-form-body input[type="text"], .dark-mode .login-form .login-form-body input[type="password"]{color: #000;}
.dark-mode .login-form button{background-color: rgba(12, 12, 13, 0.4); border-top-color: rgba(12, 12, 13, 1);}
.dark-mode .login-form button:hover, .dark-mode .login-form button:focus, 
.dark-mode .login-form button:active{background-color: rgba(12, 12, 13, 0.25); border-top-color: rgba(12, 12, 13, 0.4) !important;}

.dark-mode .app-main .app-header{background-color: rgba(20,20,20); color: rgb(213, 213, 213);}
.dark-mode .app-main .app-menu{border-bottom-color: var(--border-color);}
.dark-mode .app-main .app-menu .menu{background-color: rgba(20,20,20); color: rgb(160, 160, 160);}
.dark-mode .app-main .app-menu .menu .item{color: inherit;}
.dark-mode .app-main .app-menu .menu > li > div:first-child:hover{background-color: transparent; border-top-color: transparent; color: rgb(213, 213, 213);}
.dark-mode .app-main .app-menu .menu > li > div:first-child.selected{background-color: rgb(43,43,43); color: rgb(213, 213, 213); border-top-color: rgb(43,43,43);}
.dark-mode .app-main .app-menu .menu .sub-menu{background-color: rgb(43,43,43); color: rgb(213, 213, 213); }
.dark-mode .app-main .app-menu .menu .sub-menu .item{color: rgb(213, 213, 213);}
.dark-mode .app-main .app-menu .menu .sub-menu .item .icon{color: rgb(213, 213, 213);}
.dark-mode .app-main .app-menu .menu .sub-menu .item.disabled, 
.dark-mode .app-main .app-menu .menu .sub-menu > li:has(div[data-group='1']):not(:first-child)::before{filter: opacity(0.25); -webkit-filter:opacity(0.25);}
.dark-mode .app-main .app-menu .menu .sub-menu .item:not(.disabled):hover{background-color: rgb(68,67,66); border-color: transparent;}
.dark-mode .app-main .app-menu .sub-menu .btn-collapsed{background-color: #303134; color: #ababab;}
.dark-mode .app-main .app-menu .sub-menu .btn-collapsed:hover{background-color: var(--default-light-color); color: #fff;}
.dark-mode .app-main .app-menu .sub-menu .btn-collapsed:active{border-color: transparent;}

.dark-mode .alert-container .tool-bar{background-color: rgba(55,54,53, 0.85);}
.dark-mode .alert-container .tool-bar .btn-switch{background-color: #303134; border: 1px solid #303134;}
.dark-mode .alert-container .tool-bar .btn-switch span{color: rgba(160, 160, 160); background-color: transparent;}
.dark-mode .alert-container .tool-bar .btn-switch span.selected{background-color: #1f1f1f; color: rgb(213, 213, 213);}

.dark-mode .bubble-notification .message{color: #000;}

.dark-mode .workspace .left .pages .page .title{background-color: #1C1B22; color: rgb(221,221,221);}
.dark-mode .workspace .center .title{background-color: rgb(55,54,53); background-image:none; color: rgb(221,221,221);}
.dark-mode .workspace .left .pages,
.dark-mode .workspace .center{border: 1px solid #5C5C5C; overflow:hidden; background-color: rgba(20,20,20, 0.45); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);}
.dark-mode .workspace .left .pages .page .title .pin:hover{background-color: #555; border-radius: 3px;}
.dark-mode .workspace .center .split-h .right-h .content, .dark-mode .workspace .center .split-h .right-h .content:empty{background-color: #1f1f1f;}

.dark-mode .tree-view .tree-view-search{border-bottom-color: #0C0C0D;}
.dark-mode .tree-view .tree-view-search input{background-color: #303134; color: #E8EAED;}
.dark-mode .data-list .tree-view .tree-view-search{border-radius: 5px 5px 0px 0px;}
.dark-mode .tree-view .tree-view-content ul li > div:hover{background-color: #555 !important;}
.dark-mode .tree-view .tree-view-content ul li .selected{background-color: #999 !important; color: #fff;}

.dark-mode .data-list > .grid{border-radius: inherit;}
.dark-mode .data-list > .grid .grid-header{border-top-left-radius:inherit; border-top-right-radius: inherit;}
.dark-mode .grid .grid-header{border-color: var(--border-color); background: rgb(32, 31, 29);}
.dark-mode .grid .grid-header table tr th, .dark-mode .grid .grid-header table tr td{background-color: rgb(33, 32, 30); color: rgb(221, 221, 221); border-right-color: var(--border-color); border-bottom-color: var(--border-color);}
.dark-mode .grid .grid-content{background-color: #1f1f1f;}
/*.dark-mode .grid .tbl-grid tr{background-color: #353535;}*/
.dark-mode .grid .tbl-grid tr:nth-child(even){background-color: rgb(43, 42, 41);}
.dark-mode .grid .tbl-grid tr:nth-child(odd){background-color: rgb(33, 32, 30);}
.dark-mode .grid .tbl-grid tr td{border-bottom-color: var(--border-color); border-bottom: 0px;}
.dark-mode .grid .tbl-grid tr:hover, .dark-mode .grid .tbl-grid tr:hover td.sticky{background-color: #444;}
.dark-mode .grid .tbl-grid tr.selected, .dark-mode .grid .tbl-grid tr.selected td.sticky{background-color: #555;}
.dark-mode .grid .grid-content:focus .tbl-grid tr.selected, .dark-mode .grid .grid-content:focus .tbl-grid tr.selected td.sticky{background-color: #666;}

.dark-mode .grid.card .tbl-grid tr:hover, .dark-mode .grid.card .tbl-grid tr:hover td.sticky{background-color: #353535;}
.dark-mode .grid.card .tbl-grid tr.selected, .dark-mode .grid.card .tbl-grid tr.selected td.sticky{background-color: #353535;}
.dark-mode .grid.card .grid-content:focus .tbl-grid tr.selected, .dark-mode .grid.card .grid-content:focus .tbl-grid tr.selected td.sticky{background-color: #353535;}

.dark-mode .grid.card .tbl-grid tr:before{background: #303134; border-color: #5F6368;}


.dark-mode .waiting{border-color: #5C5C5C;}
.dark-mode .waiting img{filter: grayscale(1); -webkit-filter:grayscale(1);}
.dark-mode .waiting .bigtext, .dark-mode .waiting .smalltext{color: #fff;}

.dark-mode .popup-menu:before, .dark-mode .popup-panel:before{background-color: rgba(12, 12, 13, 0.45); border-color: rgba(101, 101, 101, 0.8);}
.dark-mode .popup-menu button,
.dark-mode .popup-menu button i{color: rgb(221, 221, 221); background-color: transparent; border-color:transparent;}
.dark-mode .popup-menu button:hover{background-color: #666;}
.dark-mode .popup-menu button:active, .popup-menu button:focus{border-color: transparent !important;}
.dark-mode .popup-menu button:disabled{filter:opacity(0.25); -webkit-filter: opacity(0.25);}
.dark-mode .popup-menu button:disabled:hover{color: unset;}

.dark-mode .modern-window .right-panel{background-color: rgba(31, 31, 31, 0.4);}
.dark-mode .modern-window .title-panel{filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(248deg) brightness(103%) contrast(101%);}

.dark-mode .simple .btn-list, .dark-mode .btn-list{background-color: rgb(42,41,39); border-top-color: #0C0C0D;}

.dark-mode .curent-user-tool-bar{color: rgb(213, 213, 213);}
.dark-mode .curent-user-tool-bar .item:hover{background-color: rgb(68,67,66); border-radius: 5px;}

.dark-mode .popup{border-color: #696867;}
.dark-mode .popup .popup-header{background-color: #2a2a2b; color: #ececeb;}
.dark-mode .popup .popup-header .popup-title{color: #ececeb;}
.dark-mode .blur-popup{border-color: #1c1b22 !important; box-shadow: unset !important;}
.dark-mode .alert{background-color: unset !important;}

.dark-mode .control-box .btn{filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(248deg) brightness(103%) contrast(101%);}
.dark-mode .control-box .btn:hover{filter: unset;}

.dark-mode .ribbon, .dark-mode .ribbon .tab-header{background-color: #1C1B22;}
.dark-mode .tabs .tab-header .tab-item{color: rgb(160, 160, 160);}
.dark-mode .tabs .tab-header .selected{background-color: rgb(43,43,43) !important; border-top-color: #1C1B22; color: rgb(213, 213, 213);}
.dark-mode .tabs .tab-header .tab-item:hover{background-color: transparent; border-top-color: transparent; color: rgb(213, 213, 213);}
.dark-mode .tabs .tab-pages{background-color: rgb(43,43,43);}
.dark-mode .ribbon .tab-pages{border-bottom-color: #0C0C0D; border-bottom: 0px;}

.dark-mode .field input, .dark-mode .field select, .dark-mode .field button, .dark-mode .field textarea{box-shadow:none;}

.dark-mode .split-h .left-h, .dark-mode .split-h .right-h{border-color: var(--border-color);}

.dark-mode .app-main .app-status{background-color: #1C1B22; border-top-color: #0C0C0D; color: #fff;}

.dark-mode .app-item-list .item i{color: #fff;}
.dark-mode .app-item-list .item:hover{background-color: #555; border-color: #0C0C0D;}
.dark-mode .app-item-list .item span:last-child{color: rgba(255, 255, 255, 0.8);}

.dark-mode .data-list{border-color: #0C0C0D;}
.dark-mode .chosen-container-single .chosen-single{background-color: #303134; box-shadow: none; border-color: #5F6368; color: #939598; background-image:none;}
.dark-mode .chosen-container .chosen-drop{background-color: #303134; border-color: #5F6368; color: #fff;}
.dark-mode .chosen-container .chosen-results{color: #fff;}

.dark-mode .main-application{background-color: #1f1f1f;}
.dark-mode .main-application .left .content{background-color: #1C1B22;}
.dark-mode .main-application .top{background-color: #2B2A33; color: #fff;}
.dark-mode .main-application .curent-user-tool-bar .curent-user-info-panel, .dark-mode .main-application .curent-user-tool-bar .item{color: #fff;}
.dark-mode .statistic .s-chart .bar-chart .bar-chart-title, .dark-mode .statistic .s-chart .pie-chart .pie-chart-title{background-color: #2B2A33;}
.dark-mode .statistic .s-chart .bar-chart, .dark-mode .statistic .s-chart .pie-chart{border-color: #0C0C0D;}
.dark-mode .main-application .right .grid .grid-header th{background-color: #303134;}
.dark-mode .main-application .right .grid .grid-header th, .dark-mode .main-application .right .grid .grid-content td{color: #fff;}

.dark-mode .main-application .right .grid .grid-header, .dark-mode .main-application .right .grid .grid-content{background-color: transparent;}
.dark-mode .main-application .right .title{color: #fff;}

.dark-mode .main-application .right .tabs .tab-header .tab-item.selected{background-color: #2b2a33 !important; color: #fff; border-color: #0C0C0D;}
.dark-mode .main-application .right .tabs .tab-header .tab-item.selected:after{background-color: #2b2a33}
.dark-mode .main-application .right .tabs .tab-pages{background-color: #2b2a33; border-color: #0C0C0D;}
.dark-mode .main-application .right .tabs .tab-header .tab-item{background-color: transparent; border-color: transparent; color: #fff;}
.dark-mode .main-application .right .tabs .tab-header .tab-item:hover{background-color: #35343B; color: #fff;}

.dark-mode .region-selector select{box-shadow:none !important;}
.dark-mode .pvkd-list{border-color: #5F6368 !important;}

.dark-mode .gppcer-edit .data-list{border-top-color: #0C0C0D;}

.dark-mode .chat-room .message-list{background-color: transparent;}
.dark-mode .chat-room .message-list .ms-item{color: #000;}
.dark-mode .chat-room .message-box{background-color: #303134; border-top-color: #0C0C0D;}
.dark-mode .chat-room .message-box .message-input{border-top-color: #0C0C0D;}

.dark-mode .attach-item:hover{color: #000;}

.dark-mode .look-up-obj button, .dark-mode .lang-look-up-obj button, .dark-mode .btn-select-file, .dark-mode .btn-file-select{border-color: #5f6368 !important;}
.dark-mode .look-up .data-list .item:hover{background-color: rgb(68, 68, 68);}

.dark-mode .obj-data-list .item{background-color: transparent; border-color: transparent;}
.dark-mode .obj-data-list .item > div:before{color: rgba(255,255,255,0.8);}
.dark-mode .obj-data-list .item.selected{background-color: #666;}
.dark-mode .obj-data-list .item > *[data-field='Action'] button{border-color: #0C0C0D;}

.dark-mode .folder-manager .filter-bar{background-color: #2b2a33;}
.dark-mode .folder-manager .filter-bar .left-control i{color: #5F6368; border-color: #5F6368;}
.dark-mode .folder-manager .filter-bar .left-control i:hover{color: var(--default-light-color); border-color: var(--default-light-color);}
.dark-mode .folder-manager .filter-bar .address{border-color: #5F6368;}
.dark-mode .folder-manager .filter-bar .address i:last-child{background-color: #5F6368;}
.dark-mode .folder-manager .folder-list{background-color: #353535;}
.dark-mode .folder-manager .folder-list .item{border-color: transparent;}
.dark-mode .folder-manager .folder-list .item:not(.selected):hover{background-color: unset; border-color: var(--file-manager-body-file-list-item-hover-border-color);}
.dark-mode .folder-manager .filter-bar .right-control i{color: #5F6368; border-color: #5F6368;}
.dark-mode .folder-manager .filter-bar .right-control i:hover{color: var(--default-light-color); border-color: var(--default-light-color);}

.dark-mode .user-setting table tr td img{filter: grayscale(1); -webkit-filter: grayscale(1);}

.dark-mode .system-log-detail .content{background-color: #2b2a33;}

.dark-mode label.required, .dark-mode span.required, .dark-mode div.required{color: rgb(160,160,160) !important;}

.dark-mode .group-button{background-color: #1f1f1f; border-color: #1f1f1f;}
.dark-mode .group-button li:not(.selected){background-color: #303134; color: #ababab;}

.dark-mode .file-selector{border-color: #5F6368;}
.dark-mode .file-selector .fs-action{background-color: #303134; color: #E8EAED; border-color: #5F6368;}

.dark-mode .glass-effect:before{background-color: rgba(12, 12, 13, 0.45);}
.dark-mode .user-authorized .filter-bar, .dark-mode .authorized-edit .content{background-color: transparent;}

.dark-mode .duration-picker > *{background-color: #303134; border-color: #1f1f1f; color: #ababab;}
.dark-mode .duration-picker .dp-type:after{background-color: #1f1f1f; color: #fff;}
.dark-mode .duration-picker .dp-type:hover:after{background-color: var(--default-light-color); color: #fff;}

.dark-mode .mwa-tag{border-color: var(--border-color); background-color: #303134; color: #ababab;}

.dark-mode .workspace .center .title .tool-bar .filter-list.multiple-value:after{background-color: #1f1f1f;}
.dark-mode .workspace .center .title .tool-bar .filter-list.multiple-value:hover:after{background-color: var(--default-light-color); font-weight: 300;}

.dark-mode .file-selector .fs-action{background-color: #303134; color: rgb(160, 160, 160);}
.dark-mode .file-selector .fs-action:hover{color: rgb(213, 213, 213);}

.dark-mode .ui-widget-content{background-color: rgb(43, 43, 43); border-color: var(--border-color); color: rgb(213, 213, 213); border-color: var(--border-color); border-radius: 5px;}
.dark-mode .ui-state-hover, .dark-mode .ui-widget-content .dark-mode .ui-state-hover, .dark-mode .ui-widget-header .ui-state-hover, 
.dark-mode .ui-state-focus, .dark-mode .ui-widget-content .ui-state-focus, .dark-mode .ui-widget-header .ui-state-focus, 
.dark-mode .ui-button:hover, .dark-mode .ui-button:focus{background-color: var(--border-color); border-color: var(--border-color); color: rgb(213, 213, 213);}
.dark-mode .ui-state-default, .dark-mode .ui-widget-content .ui-state-default, .dark-mode .ui-widget-header .ui-state-default, .dark-mode .ui-button, 
.dark-mode  .ui-button.ui-state-disabled:hover, .dark-mode  .ui-button.ui-state-disabled:active{color: rgb(213, 213, 213);}
.dark-mode .ui-state-active, .dark-mode .ui-widget-content .dark-mode .ui-state-active, .dark-mode .ui-widget-header .ui-state-active, .dark-mode a.ui-button:active, 
.dark-mode .ui-button:active, .dark-mode .ui-button.ui-state-active:hover{color: #fff !important;}
.dark-mode .ui-state-highlight, dark-mode .ui-widget-content .ui-state-highlight, dark-mode .ui-widget-header .ui-state-highlight{color: #000 !important;}
.dark-mode .ui-datepicker select.ui-datepicker-month, .dark-mode .ui-datepicker select.ui-datepicker-year{color: rgb(213, 213, 213);}
.dark-mode .ui-state-hover .ui-icon, .dark-mode .ui-state-focus .ui-icon, .dark-mode .ui-button:hover .ui-icon, .dark-mode .ui-button:focus .ui-icon{filter: brightness(0) invert(0.9); -webkit-filter: brightness(0) invert(0.9);}
.dark-mode .ui-widget-header .ui-icon{filter: brightness(0) invert(0.75); -webkit-filter: brightness(0) invert(0.75);}

.dark-mode .ui-timepicker-wrapper{background-color: rgb(43, 43, 43); color: rgb(213,213,213); border-radius: 5px; overflow:auto;}
.dark-mode .ui-timepicker-list li{color: inherit;}

.dark-mode .calendar-view > div[data-this-month='0']{color: #666;}
.dark-mode .calendar-view > div[data-col='5'],
.dark-mode .calendar-view > div[data-col='6']{background-color: rgb(43, 43, 43);}

.dark-mode .user-selector-element .user-select-btn{background-color: #444;}

.dark-mode{
    --border-color: #5C5C5C;
}

@media (max-width: 768px){
    .dark-mode .app-main .app-header{background-color: rgb(55,54,53); color: rgb(221,221,221);}
    .dark-mode .app-item{background-color: #303134; border-color: #5F6368; color: #fff;}
    .dark-mode .app-list .app-item .description{color: rgba(255, 255, 255, 0.8);}
    .dark-mode .app-main .app-menu{background-color: rgb(42,41,39);}
    .dark-mode .app-main .app-menu > ul.menu{background-color: transparent;}
    .dark-mode .app-main .app-menu > ul.menu > li > .item{color: #fff;}
    .dark-mode .app-main .app-menu > ul.menu > ul.sub-menu:before{background-color: #1C1B22;}
    .dark-mode .app-main .app-menu > ul.menu > ul.sub-menu > li{background-color: #303134; border-left: 1px solid #5F6368; border-right: 1px solid #5F6368;}
    .dark-mode .app-main .app-menu > ul.menu > ul.sub-menu > li:has(.item[data-group="1"]), .dark-mode .app-main .app-menu > ul.menu > ul.sub-menu > li:first-of-type{border-top: 1px solid #5F6368;}
    .dark-mode .app-main .app-menu > ul.menu > ul.sub-menu > li:last-of-type, .dark-mode .app-main .app-menu > ul.menu > ul.sub-menu > li:has(.item[data-last-of-group="1"]){border-bottom: 1px solid #5F6368;}
    .dark-mode .app-main .app-content{background-color: transparent;}

    .dark-mode .popup-menu{background-color: transparent !important;}
    .dark-mode .popup-menu:before{border-width: 0px; bottom: 100%; background-color: rgba(12, 12, 13, 0.75);}
    .dark-mode .popup-menu button.startgroup:not(:first-child):before{background-color: transparent;}
    .dark-mode .popup-menu button:disabled{background-color: transparent !important;}
    .dark-mode .popup-menu button:first-child{border-top-left-radius: 0px; border-top-right-radius: 0px;}

    .dark-mode .popup-panel:before{background-color: #040304;}

    .dark-mode .modern-window .title-panel{filter:none; background-color: #1C1B22; color: #fff;}

    .dark-mode .popup:not(.normal) .popup-header{border-bottom: 0px;}
    .dark-mode .popup:not(.normal) .control-box .close-button, .dark-mode .popup:not(.normal) .control-box .close-button:hover{filter: none;}
    .dark-mode .popup:not(.normal) .popup-header .popup-title{color: #fff;}

    .dark-mode .data-list > .grid{border-radius: inherit;}

    .dark-mode .workspace .left .pages, .dark-mode .workspace .center{border: 0px; background-color: transparent; backdrop-filter:unset; -webkit-backdrop-filter: unset;}
    .dark-mode .workspace .left .pages .page .tree-view .tree-view-content ul li{line-height: 24px;}
    .dark-mode .workspace .center .title::before{display:none;}
    .dark-mode .workspace .center .title .search-box:has(input[type="text"].keyword):after, .dark-mode .workspace .center .title .search-box:has(input[type="text"].search-keyword):after{right: 25px; bottom: 10px;}

    .dark-mode .curent-user-tool-bar .item.alert-symbol i{color: #fff;}
}