html:has(.dark-mode), .dark-mode, .dark-mode .main-control, .dark-mode .main-control:before, .dark-mode .main-control .app-main{background-color: #2b2a33; color: #fff;}
.dark-mode input, .dark-mode select, .dark-mode textarea{background-color: #303134; border-color: #5F6368; color: #E8EAED;}
.dark-mode label{color: #f0f0f0;}
.dark-mode button{background-color: #303134; border-color: #303134; color: #fff;}
.dark-mode button:hover{background-color: #4C4B54; border-color: #4C4B54;}
.dark-mode .btn-select-file, .dark-mode .btn-file-select{border-color: #5F6368 !important;}

.dark-mode .main-control .app-main .app-list-header{background-color: #1C1B22; 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 .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-menu{border-bottom-color: #0C0C0D;}
.dark-mode .app-main .app-menu .menu{background-color: #1C1B22;}
.dark-mode .app-main .app-menu .menu > li > div:first-child:hover{background-color: #35343B; border-top-color: #1c1b22;}
.dark-mode .app-main .app-menu .menu > li > div:first-child.selected{background-color: #2B2A33; color: #fff; border-top-color: #1c1b22;}
.dark-mode .app-main .app-menu .sub-menu{background-color: #2B2A33; color: #fff; }
.dark-mode .app-main .app-menu .sub-menu .item{color: #fff;}
.dark-mode .app-main .app-menu .sub-menu .item .icon{color: #fff;}
.dark-mode .app-main .app-menu .sub-menu .item.disabled, 
.dark-mode .app-main .app-menu .sub-menu li:not(:first-child) .item[data-group="1"]:before{filter: opacity(0.25); -webkit-filter:opacity(0.25);}
.dark-mode .app-main .app-menu .sub-menu .item:not(.disabled):hover{background-color: #4C4B54; border-color: transparent;}

.dark-mode .alert-container .tool-bar .btn-switch span.selected{color: #000;}

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

.dark-mode .workspace .left .pages .page .title{background-color: #1C1B22; color: #fff;}
.dark-mode .workspace .center .title{background-color: #303134; background-image:none; color: #fff;}
.dark-mode .workspace .center .title:before{content: "\f178"; position:absolute; top: 50%; left: 15px; font-weight: 300; font-family: "Font Awesome 5 Pro"; transform:translateY(-50%);}
.dark-mode .workspace .left .pages,
.dark-mode .workspace .center{border-color: #0C0C0D; overflow:hidden; background-color: #1F1F1F;}
.dark-mode .workspace .left .pages .page .title .pin:hover{background-color: #555; border-radius: 3px;}
.dark-mode .workspace .left .tabs .item{border-left-width: 2px;}

.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;}

.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: #0C0C0D; background: #303134;}
.dark-mode .grid .grid-header table tr th, .dark-mode .grid .grid-header table tr td{background-color: #303134; color: #fff; border-right-color: #0C0C0D; border-bottom-color: #0C0C0D;}
.dark-mode .grid .grid-content{background-color: #1f1f1f;}
.dark-mode .grid .tbl-grid tr{background-color: #353535;}
.dark-mode .grid .tbl-grid tr td{border-bottom-color: #0C0C0D;}
.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: #0C0C0D;}
.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{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: #fff; background-color: transparent; border-color:transparent;}
.dark-mode .popup-menu button:hover{background-color: #666;}
.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 .popup-menu button.startgroup:not(:first-child):before{background-color: rgba(101, 101, 101, 0.8);}

.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: #555; border-top-color: #0C0C0D;}

.dark-mode .curent-user-tool-bar .item:hover{background-color: #35343B; border-radius: 5px;}

.dark-mode .popup{border-color: #1C1B22;}
.dark-mode .popup .popup-header{background-color: #1C1B22;}
.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 .selected{background-color: #2b2a33 !important; border-top-color: #1C1B22; color: #fff;}
.dark-mode .tabs .tab-header .tab-item:hover{background-color: #35343B; border-top-color: #1C1B22; color: #fff;}
.dark-mode .tabs .tab-pages{background-color: #2b2a33;}
.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: #0C0C0D;}

.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 .obj-data-list .item{background-color: transparent; border-color: transparent; color: #fff;}
.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: #f0f0f0 !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: #E8EAED;}

.dark-mode{
    --border-color: #0C0C0D;
}

@media (max-width: 768px){
    .dark-mode .app-main .app-header{background-color: #000;}
    .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: 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 .tree-view .tree-view-search:after{bottom: 9px;}

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

    .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;}
}