@font-face {
    font-family: "iconfont";
    /* Project id 2684971 */
    src: url('iconfont.woff2?t=1626848585999') format('woff2'),
        url('iconfont.woff?t=1626848585999') format('woff'),
        url('iconfont.ttf?t=1626848585999') format('truetype');
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
    font-size: 13px;
    font-family: "PingFang SC","open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div {
    box-sizing: border-box;
}

.day_blue {
    --primary-color: 74, 103, 255;
    --primary-text: #111111;
    --btn-color: #333333;
    --text-color: #333333;
    --text-sub-title: #999999;
    --text-tips: #333333;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #ffffff;
    --background-nav: #ffffff;
    --background-card: #ffffff;
    --background-nav-select: rgba(var(--primary-color), 1);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(58, 89, 229, 1);
    --background-child-panel: #ffffff;

    --background-table-head: #E8ECF6;
    --background-table-row: #ffffff;
    --background-table-even: #f6f6f6;
    --table-line-color: #dddde0;
    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #111111;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: #DDDEE1;
    --input-background-color: #ffffff;
    --tabs-background-color: rgba(213,225,249,1);
    --tabs-text-color: rgb(51, 51, 51);
    --tabs-cur-background-color: #ffffff;
    --tabs-cur-text-color: rgba(44, 87, 154, 1);
    --scroll-color: rgba(51, 51, 51, 0.3);
    --select-hover-bgcolor: #f2f2f2;
}

.night_blue {
    --primary-color: 74, 103, 255;
    --primary-text: #ffffff;
    --btn-color: #ffffff;
    --text-color: #ffffff;
    --text-sub-title: #ffffff99;
    --text-tips: #ffffff;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #102038;
    --background-nav: #00000033;
    --background-card: #FFFFFF07;
    --background-nav-select: rgba(var(--primary-color), 0.2);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #212f49;

    --background-table-head: rgba(var(--primary-color), 0.2);
    ;
    --background-table-row: rgba(0, 0, 0, 0.2);
    --background-table-even: rgba(0, 0, 0, 0);
    --table-line-color: #202f45;

    --btn-background-color: 90, 106, 137;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #ffffff;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: rgba(255, 255, 255, 0.1);
    --input-background-color: rgba(var(--primary-color), 0.1);
    --tabs-background-color: rgba(var(--primary-color), 0.2);
    --tabs-text-color: rgba(255, 255, 255, 0.7);
    --tabs-cur-background-color: #2d4c7c;
    --tabs-cur-text-color: #ffffff;
    --scroll-color: rgba(255, 255, 255, 0.1);
    --select-hover-bgcolor: rgba(var(--primary-color), 1);
    ;
}

.day_grey {
    --primary-color: 56, 96, 157;
    --primary-text: #333333;
    --btn-color: #333333;
    --text-color: #333333;
    --text-sub-title: #999999;
    --text-tips: #333333;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #ffffff;
    --background-nav: #ffffff;
    --background-card: #ffffffe5;
    --background-nav-select: rgba(var(--primary-color), 1);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(64, 99, 153, 1);
    --background-child-panel: #ffffff;

    --background-table-head: #F5F7FA;
    --background-table-row: #ffffff;
    --background-table-even: #ffffff;
    --table-line-color: #dddde0;
    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #111111;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: #DDDEE1;
    --input-background-color: #ffffff;
    --tabs-background-color: rgba(255, 255, 255, 0.7);
    --tabs-text-color: rgb(51, 51, 51);
    --tabs-cur-background-color: #ffffff;
    --tabs-cur-text-color: rgba(44, 87, 154, 1);
    --scroll-color: rgba(51, 51, 51, 0.3);
    --select-hover-bgcolor: #f2f2f2;
}

.night_grey {
    --primary-color: 56, 96, 157;
    --primary-text: rgba(255, 255, 255, 1);
    --btn-color: #666666;
    --text-color: #ffffff;
    --text-sub-title: #ffffff99;
    --text-tips: #ffffff;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #161D27;
    --background-nav: #00000033;

    --background-card: #FFFFFF07;
    --background-nav-select: rgba(var(--primary-color), 0.2);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #212f49;

    --background-table-head: rgba(var(--primary-color), 0.2);
    --background-table-row: rgba(0, 0, 0, 0.2);
    --background-table-even: rgba(0, 0, 0, 0);
    --table-line-color: #292e36;

    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #ffffff;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: rgba(255, 255, 255, 0.1);
    ;
    --input-background-color: rgba(var(--primary-color), 0.1);
    --tabs-background-color: rgba(var(--primary-color), 0.2);
    --tabs-text-color: rgba(255, 255, 255, 0.7);
    --tabs-cur-background-color: #2b3a50;
    --tabs-cur-text-color: #ffffff;
    --scroll-color: rgba(255, 255, 255, 0.1);
    --select-hover-bgcolor: rgba(var(--primary-color), 1);
    ;
}

.day_cyan {
    --primary-color: 0, 160, 158;
    --primary-text: #333333;
    --btn-color: #333333;
    --text-color: #333333;
    --text-sub-title: #999999;
    --text-tips: #333333;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #ffffff;
    --background-nav: #ffffff;
    --background-card: #ffffff;
    --background-nav-select: rgba(var(--primary-color), 1);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(0, 160, 158, 1);
    --background-child-panel: #ffffff;

    --background-table-head: #F5F7FA;
    --background-table-row: #ffffff;
    --background-table-even: #ffffff;
    --table-line-color: #dddde0;
    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #111111;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: #DDDEE1;
    --input-background-color: #ffffff;
    --tabs-background-color: rgba(255, 255, 255, 0.7);
    --tabs-text-color: rgb(51, 51, 51);
    --tabs-cur-background-color: #ffffff;
    --tabs-cur-text-color: #111111;
    --scroll-color: rgba(51, 51, 51, 0.3);
    --select-hover-bgcolor: #f2f2f2;
}

.night_cyan {
    --primary-color: 6, 146, 144;
    --primary-text: #ffffff;
    --btn-color: #666666;
    --text-color: #ffffff;
    --text-sub-title: #ffffff99;
    --text-tips: #ffffff;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #161D27;
    --background-nav: #00000033;
    --background-card: #FFFFFF07;
    --background-nav-select: #3D7D9B22;
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #213640;

    --background-table-head: rgba(var(--primary-color), 0.2);
    ;
    --background-table-row: rgba(0, 0, 0, 0.2);
    --background-table-even: rgba(0, 0, 0, 0);
    --table-line-color: #202f45;

    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #ffffff;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: rgba(255, 255, 255, 0.1);
    ;
    --input-background-color: rgba(var(--primary-color), 0.1);
    --tabs-background-color: rgba(var(--primary-color), 0.2);
    --tabs-text-color: rgba(255, 255, 255, 0.7);
    --tabs-cur-background-color: #355261;
    --tabs-cur-text-color: #ffffff;
    --scroll-color: rgba(255, 255, 255, 0.1);
    --select-hover-bgcolor: rgba(var(--primary-color), 1);
    ;
}

.day_green {
    --primary-color: 31, 158, 60;
    --primary-text: #333333;
    --btn-color: #333333;
    --text-color: #333333;
    --text-sub-title: #999999;
    --text-tips: #333333;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #ffffff;
    --background-nav: #ffffff;
    --background-card: #ffffff;
    --background-nav-select: rgba(var(--primary-color), 1);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(31, 158, 60);
    --background-child-panel: #ffffff;

    --background-table-head: #F5F7FA;
    --background-table-row: #ffffff;
    --background-table-even: #ffffff;
    --table-line-color: #dddde0;
    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #111111;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: #DDDEE1;
    --input-background-color: #ffffff;
    --tabs-background-color: rgba(255, 255, 255, 0.7);
    --tabs-text-color: rgb(51, 51, 51);
    --tabs-cur-background-color: #ffffff;
    --tabs-cur-text-color: #111111;
    --scroll-color: rgba(51, 51, 51, 0.3);
    --select-hover-bgcolor: #f2f2f2;
}

.night_green {
    --primary-color: 31, 158, 60;
    --primary-text: #ffffff;
    --btn-color: #666666;
    --text-color: #ffffff;
    --text-sub-title: #ffffff99;
    --text-tips: #ffffff;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #161D27;
    --background-nav: #00000033;
    --background-card: #FFFFFF07;
    --background-nav-select: #213939;
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #213640;

    --background-table-head: rgba(var(--primary-color), 0.2);
    --background-table-row: rgba(0, 0, 0, 0.2);
    --background-table-even: rgba(0, 0, 0, 0);
    --table-line-color: #202f45;

    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #ffffff;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: rgba(255, 255, 255, 0.1);
    ;
    --input-background-color: rgba(var(--primary-color), 0.1);
    --tabs-background-color: rgba(var(--primary-color), 0.2);
    --tabs-text-color: rgba(255, 255, 255, 0.7);
    --tabs-cur-background-color: #3C5853;
    --tabs-cur-text-color: #ffffff;
    --scroll-color: rgba(255, 255, 255, 0.1);
    --select-hover-bgcolor: rgba(var(--primary-color), 1);
    ;
}

.day_red {
    --primary-color: 183, 19, 19;
    --primary-text: #333333;
    --btn-color: #333333;
    --text-color: #333333;
    --text-sub-title: #999999;
    --text-tips: #333333;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #ffffff;
    --background-nav: #ffffff;
    --background-card: #ffffff;
    --background-nav-select: rgba(var(--primary-color), 1);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(183, 19, 19);
    --background-child-panel: #ffffff;

    --background-table-head: #F5F7FA;
    --background-table-row: #ffffff;
    --background-table-even: #ffffff;
    --table-line-color: #dddde0;
    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #111111;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: #DDDEE1;
    --input-background-color: #ffffff;
    --tabs-background-color: rgba(255, 255, 255, 0.7);
    --tabs-text-color: rgb(51, 51, 51);
    --tabs-cur-background-color: #ffffff;
    --tabs-cur-text-color: #111111;
    --scroll-color: rgba(51, 51, 51, 0.3);
    --select-hover-bgcolor: #f2f2f2;
}

.night_red {
    --primary-color: 183, 19, 19;
    --primary-text: #ffffff;
    --btn-color: #666666;
    --text-color: #ffffff;
    --text-sub-title: #ffffff99;
    --text-tips: #ffffff;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #1E1E1E;
    --background-nav: #00000033;
    --background-card: #2C2C2C;
    --background-nav-select: #5C5C5C;
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #1E1E1E;

    --background-table-head: rgba(var(--primary-color), 0.2);
    --background-table-row: rgba(0, 0, 0, 0.2);
    --background-table-even: rgba(0, 0, 0, 0);
    --table-line-color: #202f45;

    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #ffffff;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: rgba(255, 255, 255, 0.1);
    ;
    --input-background-color: rgba(var(--primary-color), 0.1);
    --tabs-background-color: rgba(var(--primary-color), 0.2);
    --tabs-text-color: rgba(255, 255, 255, 0.7);
    --tabs-cur-background-color: #343434;
    --tabs-cur-text-color: #ffffff;
    --scroll-color: rgba(255, 255, 255, 0.1);
    --select-hover-bgcolor: rgba(var(--primary-color), 1);
    ;
}

.day_classic {
    --primary-color: 59, 89, 152;
    --primary-text: #111111;
    --btn-color: #333333;
    --text-color: #333333;
    --text-sub-title: #999999;
    --text-tips: #333333;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #ffffff;
    --background-nav: #ffffff;
    --background-card: #ffffff;
    --background-nav-select: rgba(var(--primary-color), 1);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #ffffff;

    --background-table-head: rgba(245, 247, 250, 1);
    --background-table-row: #ffffff;
    --background-table-even: #ffffff;
    --table-line-color: #dddde0;
    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #111111;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: #DDDEE1;
    --input-background-color: #ffffff;
    --tabs-background-color: rgba(255, 255, 255, 0.7);
    --tabs-text-color: rgb(51, 51, 51);
    --tabs-cur-background-color: #ffffff;
    --tabs-cur-text-color: rgba(44, 87, 154, 1);
    --scroll-color: rgba(51, 51, 51, 0.3);
    --select-hover-bgcolor: #f2f2f2;
}

.night_classic {
    --primary-color: 45, 134, 210;
    --primary-text: #ffffff;
    --btn-color: #666666;
    --text-color: #ffffff;
    --text-sub-title: #ffffff99;
    --text-tips: #ffffff;
    --text-title-color: #ffffff;
    --text-dialog-title-color: #ffffff;

    --background-page: #102038;
    --background-nav: #00000033;
    --background-card: #FFFFFF07;
    --background-nav-select: rgba(var(--primary-color), 0.2);
    --background-card-grey: #FAFAFA;
    --background-dialog-title: rgba(var(--primary-color), 1);
    --background-child-panel: #212f49;

    --background-table-head: rgba(var(--primary-color), 0.2);
    --background-table-row: rgba(0, 0, 0, 0.2);
    --background-table-even: rgba(0, 0, 0, 0);
    --table-line-color: #202f45;

    --btn-background-color: 238, 238, 240;
    --btn-primary-color: #ffffff;
    --btn-disabled-background-color: 237, 237, 237;
    --btn-disabled-color: 153, 153, 153;
    --input-color: #ffffff;
    --border-card-color: rgba(var(--primary-color), 0.3);
    --border-input-color: rgba(255, 255, 255, 0.1);
    ;
    --input-background-color: rgba(var(--primary-color), 0.1);
    --tabs-background-color: rgba(var(--primary-color), 0.2);
    --tabs-text-color: rgba(255, 255, 255, 0.7);
    --tabs-cur-background-color: #2d4c7c;
    --tabs-cur-text-color: #ffffff;
    --scroll-color: rgba(255, 255, 255, 0.1);
    --select-hover-bgcolor: rgba(var(--primary-color), 1);
}

body {
    background: var(--background-page);
    padding: 10px;
    border-radius: 0 6px 6px 6px;
    height: 100%;
    box-sizing: border-box;
}

/*day_blue*/
#mainPage.day_blue,
#backgroundX.day_blue {
    background: #E8EDF6;
}

.workbench .skinHome {
    box-shadow: 0 0 8px #66666633;
}

#mainPage.day_grey,
#backgroundX.day_grey {
    background: #E8EDF6;
}

#mainPage.day_cyan,
#backgroundX.day_cyan {
    background: #E8EDF6;
}

#mainPage.day_green,
#backgroundX.day_green {
    background: #E8EDF6;
}

#mainPage.day_red,
#backgroundX.day_red {
    background: #E8EDF6;
}

#mainPage.night_blue,
#backgroundX.night_blue {
    background: #102038 !important;
}

#mainPage.night_grey,
#backgroundX.night_grey {
    background: rgba(22, 29, 39, 1) !important;
}

#mainPage.night_cyan,
#backgroundX.night_cyan {
    background: rgba(23, 32, 36, 1) !important;
}

#mainPage.night_green,
#backgroundX.night_green {
    background: rgba(25, 35, 35, 1) !important;
}

#mainPage.night_red,
#backgroundX.night_red {
    background: rgba(60, 60, 60, 1) !important;
}

#mainPage.day_classic,
#backgroundX.day_classic {
    background-color: #eff6f8 !important;
}

#mainPage.night_classic,
#backgroundX.night_classic {
    background-color: #102038 !important;
}

.page-color-night,
.layui-table {
    color: var(--text-color);
}

.header {
    color: var(--text-title-color);
}

.day_blue .header {
    /* background: linear-gradient(90deg, #3B5AE6 0%, #3B5CE659 100%); */
    background: #3b5ae6 url(/Images/head_bg.png) no-repeat right top;
    background-size: auto 100%;
}

.day_grey .header {
    background: linear-gradient(90deg, rgba(67, 91, 128, 1) 0%, rgba(107, 136, 177, 1) 100%);
}

.day_cyan .header {
    background: linear-gradient(90deg, rgba(11, 116, 117, 1) 0%, rgba(17, 150, 142, 1) 100%);
}

.day_green .header {
    background: linear-gradient(90deg, rgba(31, 117, 50, 1) 0%, rgba(51, 151, 74, 1) 100%);
}

.day_red .header {
    background: linear-gradient(90deg, rgba(182, 33, 33, 1) 0%, rgba(210, 27, 27, 1) 100%);
}

.page-color-night .header {
    background: rgba(var(--primary-color), 0.3);
}

.Content {
    background-color: transparent;
}

.curTopMenu {
    background: linear-gradient(180deg, #73FFFF00 0%, #71E5FF8E 100%);
    border-bottom: 3px solid #09F0FF;
    box-sizing: border-box;
}

.day_blue .curTopMenu,.layui-header-menu li:hover {
    background: linear-gradient(180deg, #73FFFF00 0%, #71E5FF8E 100%);
    border-bottom: 3px solid #09F0FF;
    box-sizing: border-box;
}

.day_grey .curTopMenu {
    background: linear-gradient(to bottom, #59749c 0%, #394e6d 100%);
    border-bottom: 4px solid #0e75ee;
}

.day_cyan .curTopMenu {
    background: linear-gradient(to bottom, #298683 0%, #1d6662 100%);
    border-bottom: 4px solid #175350;
}

.day_green .curTopMenu {
    background: linear-gradient(to bottom, #29883f 0%, #2a883f 100%);
    border-bottom: 4px solid #09591b;
}

.day_red .curTopMenu {
    background: linear-gradient(to bottom, #c71d1d 0%, #6b1010 100%);
    border-bottom: 4px solid #a37770;
}

.night_blue .curTopMenu {
    background: linear-gradient(to bottom, #000c2b 0%, #064597 100%);
    border-bottom: 4px solid #2665b0;
}

.night_grey .curTopMenu {
    background: linear-gradient(to bottom, #222b3c 0%, #131822 100%);
    border-bottom: 4px solid #2b3a4f;
}

.night_cyan .curTopMenu {
    background: linear-gradient(to bottom, #213641 0%, #2f4957 100%);
    border-bottom: 4px solid #35505f;
}

.night_green .curTopMenu {
    background: linear-gradient(to bottom, #213939 0%, #294545 100%);
    border-bottom: 4px solid #325b5d;
}

.night_red .curTopMenu {
    background: linear-gradient(to bottom, #530c0c 0%, #6b1010 100%);
    border-bottom: 4px solid #a37770;
}

.day_blue #quickLink {
    background: linear-gradient(90deg, #3A59E5 0%, #569AFF 100%);
    color: var(--text-title-color);
}

.night_blue #quickLink {
    background: linear-gradient(90deg, #3A59E5 0%, #569AFF 100%);
    color: var(--text-title-color);
    opacity: 0.9;
}

.day_grey #quickLink {
    color: var(--text-title-color);
    opacity: 0.9;
    background: linear-gradient(90deg, #416192 0%, #6C93CE 100%);
}

.night_grey #quickLink {
    background: linear-gradient(90deg, #416192 0%, #567DBA 100%);
    color: var(--text-title-color);
}

.day_cyan #quickLink {
    opacity: 0.9;
    background: linear-gradient(90deg, #00A09E 0%, #18CAC8 100%);
    color: var(--text-title-color);
}

.night_cyan #quickLink {
    opacity: 0.9;
    background: linear-gradient(90deg, #079290 0%, #3AB1AF 100%);
    color: var(--text-title-color);
}

.day_green #quickLink {
    opacity: 0.9;
    background: linear-gradient(90deg, #1F9E3C 0%, #5FBD75 100%);
    color: var(--text-title-color);
}

.night_green #quickLink {
    background: linear-gradient(90deg, #1F7532 0%, #33974A 100%);
    color: var(--text-title-color);
}

.day_red #quickLink {
    opacity: 0.9;
    background: linear-gradient(90deg, #B71313 0%, #EF4141 100%);
    color: var(--text-title-color);
}

.night_red #quickLink {
    background: linear-gradient(90deg, #B62121 0%, #D21B1B 100%);
    color: var(--text-title-color);
}

.day_classic #quickLink {
    background: linear-gradient(90deg, #082355 0%, #4680c9 100%);
    color: var(--text-title-color);
}

.night_classic #quickLink {
    background: linear-gradient(90deg, #082355 0%, #4680c9 100%);
    color: var(--text-title-color);
}

#mainMenu {
    background-color: var(--background-nav);
}

#mainMenu .level2>a {
    color: var(--primary-text);
}

#mainMenu .level1Title {
    color: var(--primary-text);
}

.night_blue #mainMenu .level2>a {
    opacity: 0.7;
}

.font-tips {
    font-size: 12px;
}

.font-menu {
    font-size: 15px;
}

.font-title {
    font-size: 16px;
}

.font-header {
    font-size: 18px;
}

/*end theme*/
.hide {
    display: none;
}

.primaryText {
    color: var(--primary-text);
}

.flex {
    display: flex;
    box-sizing: border-box;
}

.flexColumn {
    flex-direction: column;
}

.flex1 {
    display: flex;
    flex: 1;
}

.flex2 {
    display: flex;
    flex: 2;
}

.flex3 {
    display: flex;
    flex: 3;
}

.flex4 {
    display: flex;
    flex: 4;
}

.flex5 {
    display: flex;
    flex: 5;
}

.flex6 {
    display: flex;
    flex: 6;
}

.flex7 {
    display: flex;
    flex: 7;
}

.flex8 {
    display: flex;
    flex: 8;
}

.flex9 {
    display: flex;
    flex: 9;
}

.flex10 {
    display: flex;
    flex: 10;
}

.flex11 {
    display: flex;
    flex: 11;
}

.flex12 {
    display: flex;
    flex: 12;
}

.flexCC {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexVCC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.flexRC {
    display: flex;
    justify-content: end;
    align-items: center;
}

.flexLC {
    display: flex;
    justify-content: start;
    align-items: center;
}

.flexJCS {
    justify-content: start;
}

.flexJCC {
    justify-content: center;
}

.flexJCE {
    justify-content: end;
}

.flexAC {
    align-items: center;
}

.flexAS {
    align-items: flex-start;
}

.flexAE {
    align-items: flex-end;
}

.flexCA {
    justify-content: center;
    align-items: start;
}

.flexEnd {
    justify-content: end;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexNoWrap {
    flex-wrap: nowrap;
}


.flexSC {
    justify-content: start;
    align-items: center;
}

.row10 {
    height: 10px;
}

.padding_10 {
    padding: 10px;
}

.padding_left_10 {
    padding-left: 10px;
}

.alignRight {
    text-align: right;
}

.message-success i,
.message-error i,
.message-info i,
.message-warning i {
    color: #56cf4c;
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px;
}

.message-error i {
    color: #ff7759;
}

.message-info i {
    color: #1e98b9;
}

.message-warning i {
    color: #ff9800;
}

.message-success,
.message-error,
.message-info,
.message-warning {
    border-radius: 4px;
}

.message-success {
    border: 1px solid #56cf4c;
    background-color: #f1fff0;
    color: #04a00f;
}

.message-error {
    border: 1px solid #ff7759;
    background-color: #ffece7;
    color: #ff0000;
}

.message-info {
    border: 1px solid #1e98b9;
    background-color: #e8faff;
    color: #333333;
}

.message-warning {
    border: 1px solid #ff9800;
    background-color: #fff5e6;
    color: #ff9800;
}

.pageSide,
.pageContent {
    position: fixed;
    top: 0px;
    bottom: 0px;
    padding: 10px;
}

.pageSide {
    left: 0;
    width: 250px;
    overflow: auto;
    border-radius: 0px 0px 0px 8px;
    background: #F6F6F6CC;
    border-radius: 0 0 0 6px;
}

.pageContent {
    right: 0;
    left: 250px;
    background-color: var(--background-page);
    border-radius: 0 6px 6px 0;
}

.fullPageContent {
    background-color: var(--background-page);
    border-radius: 0 6px 6px 6px;
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
}

.required {
    color: #ff0000;
    padding-right: 4px;
}
.gridDataSelect{
    display: inline-block;
    min-width: 200px;
    vertical-align: middle;
    margin-right: 5px;
}
.searchArea,
.searchOneArea {
    font-size: 11px;
    display: inline-block;
    background-color: #f0f0f0;
    padding: 0 10px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    position: relative;
}

.searchOneArea {
    position: relative !important;
    padding: 0 10px 0 0;
}

.searchOneArea select,
.searchOneArea .layui-unselect {
    background-color: transparent !important;
}

#searchType {
    display: inline-block;
    margin-right: 6px;
    /* background-color: rgba(var(--primary-color), 0.2); */
    height: 30px;
    padding: 0 0 0 15px;
    border-radius: 15px 0 0 15px;
    cursor: pointer;
}

#searchType .layui-select,
#searchType .layui-input {
    height: 30px !important;
    /* background-color: rgba(var(--primary-color), 0.2) !important; */
    width: 70px !important;
    border-left-width: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

#textOneSearch {
    width: 350px;
    margin: 0 15px 0 0;
    background-color: transparent;
    border-width: 0;
    padding: 4px;
    font-size: 1.2em;
}


.searchIcon,
.pickerSearchIcon,
.searchClear {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    vertical-align: top;
}

.searchIcon {
    left: 6px;
}

.searchClear {
    right: 6px;
}

.pickerSearchIcon {
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.searchText {
    display: inline-block;
    margin: 0 15px;
    height: 30px;
    min-width: 100px;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap !important;
}

.searchText span {
    display: inline-block;
    margin: 0 4px;
    background-color: rgba(var(--primary-color), 1);
    padding: 0 5px;
    border-radius: 15px;
    height: 20px;
    line-height: 20px;
    color: var(--btn-primary-color);
}

.textSubTitle {
    color: var(--text-sub-title);
}

.textTips {
    color: var(--text-tips);
    font-size: 12px;
}

.search_title {
    padding: 8px;
    margin-bottom: 8px;
    background-color: rgb(var(--primary-color));
    color: var(--text-dialog-title-color);
}

.searchFormArea .layui-form-item {
    margin-bottom: 0;
}

.day_classic .pageSide {
    background-color: var(--background-card);
}

.frameSelectPerson,
iframe[class*="Picker"] {
    width: 100%;
}

iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.text-link {
    color: rgba(var(--primary-color), 1);
}

.text-link:hover {
    color: rgba(var(--primary-color), 0.8);
}

.messageContainer {
    padding: 10px;
}

.toast-message {
    padding: 10px 20px;
}

.skinHome {
    padding: 10px;
    border-radius: 6px;
    background-color: var(--background-card);
}

.areaTitle {
    height: 30px;
    line-height: 30px;
    border-bottom-width: 0;
    padding: 0;
    color: var(--primary-text);
}

.areaTitle .titleText span {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
#home .boxTitleLeftBorder {
    display: inline-block;
    border-left: 4px solid rgb(var(--primary-color));
    height: 20px;
}

.box .cockpitbox:first-child .boxContainer {
    margin-left: 0 !important;
}

.box .cockpitbox:last-child .boxContainer {
    margin-right: 0 !important;
}

.lui_profile_split_LR {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 50;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.lui_profile_moduleIndex_ctrlborder {
    height: 100%;
}

.lui_profile_moduleIndex_ctrlbtn {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    border-radius: 24px;
    border: 1px solid #ECECEC;
    background: #ffffff;
    transition-duration: .3s;
    cursor: pointer;
    left: -26px;
    box-shadow: 0 0 5px #ccc;
}

.lui_profile_moduleIndex_ctrlbtn.toLeft {
    margin-top: 0px;
}

.lui_profile_moduleIndex_ctrlbtn.toRight {
    margin-top: -50px;
}

.lui_profile_moduleIndex_ctrlbtn.toLeft:before {
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    font-family: cursive;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    background: url(/Images/arrow.png) no-repeat center center;
    transform: rotate(90deg);
}

.lui_profile_moduleIndex_ctrlbtn.crtl_btn_unable {
    cursor: default;
    cursor: not-allowed;
}

.lui_profile_moduleIndex_ctrlbtn.crtl_btn_unable:hover {
    background: #bdbdbd;
}

.lui_profile_moduleIndex_ctrlbtn.toRight:before {
    content: '';
    width: 100%;
    height: 100%;
    font-family: cursive;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    background: url(/Images/arrow.png) no-repeat center center;
    transform: rotate(-90deg);
}

.lui_profile_split_TB {
     margin-bottom: 10px;
     position: relative;
     border-top: 1px solid #e8e8e8;
}

.lui_profile_TB_ctrlbtn {
    position: absolute;
    left: 50%;
    z-index: 999999;
    width: 32px;
    height: 32px;
    left: 50%;
    top: -12px;
    border-radius: 16px;
    background: #ffffff;
    transition-duration: .3s;
    cursor: pointer;
}

.lui_profile_TB_ctrlbtn.toTop {
    margin-left: -60px;
}

.lui_profile_TB_ctrlbtn.toTop:before,
.lui_profile_TB_ctrlbtn.toBottom:before {
    content: '';
    color: #fff;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
    cursor: pointer;
    background: url(/Images/arrow.png) no-repeat center center;
}

.lui_profile_TB_ctrlbtn.crtl_btn_unable {
    cursor: default;
    cursor: not-allowed;
}

.lui_profile_TB_ctrlbtn.crtl_btn_unable:hover {
    background: #bdbdbd;
}

.lui_profile_TB_ctrlbtn.toTop:before {
    transform: rotate(180deg);
}

/*layui-magic*/
.layui-form-item .layui-input-inline {
    width: auto;
}

.layui-form-item .layui-input-inline {
    margin-right: 0px;
}

.layui-table {
    background-color: var(--background-table-row);
}

.layui-nav .layui-nav-item a {
    color: var(--text-title-color);
}

.layui-btn {
    background-color: rgba(var(--primary-color), 1);
    color: rgba(255, 255, 255, 1);
    border-color: transparent !important;
    border-radius: 2px;
}

.layui-btn:hover {
    background-color: rgba(var(--primary-color), 0.8);
    color: rgba(255, 255, 255, 1);
}

.layui-layer-btn a,
.layui-laypage-btn {
    background-color: rgba(var(--primary-color)) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.layui-laypage-btn {
    border-radius: 4px !important;
}

.layui-btn-primary,
.layui-btn[id^="btnAdd"] {
    background-color: rgb(var(--primary-color));
    color: var(--btn-primary-color);
}

.layui-btn-primary:hover {
    color: var(--btn-primary-color);
    background-color: rgb(var(--primary-color));
}

.layui-btn.layui-btn-disabled,
.layui-btn.layui-btn-disabled:hover {
    background-color: rgb(var(--btn-disabled-background-color)) !important;
    color: rgb(var(--btn-disabled-color)) !important;
}

.layui-layer {
    background-color: var(--background-card);
}

.layui-layer-btn .layui-layer-btn0,
.laydate-btns-confirm {
    border-color: rgb(var(--primary-color)) !important;
    background-color: rgb(var(--primary-color)) !important;
    color: var(--btn-primary-color) !important;
    border-radius: 4px !important;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: rgb(var(--primary-color)) !important;
}

.layui-form-radio.layui-disabled>i:hover {
    color: #d2d2d2 !important;
}

.layui-form-onswitch {
    border-color: rgb(var(--primary-color));
    background-color: rgb(var(--primary-color));
    color: var(--primary-text);
}

.layui-table,
.layui-table-view {
    margin: 0;
    border-width: 0;
}
.layui-table thead tr,
.layui-table-header,
.layui-table-mend,
.layui-table-patch,
.layui-table-tool,
.layui-table-total,
.layui-table-total tr {
    background-color: transparent;
}

.layui-table tbody tr:hover,
.layui-table-click,
.layui-table-hover,
.layui-table-selected-row {
    background-color: rgba(var(--primary-color), 0.1) !important;
}

.layui-table tbody tr:nth-child(even) {
    background-color: var(--background-table-even);
}

.layui-form-pane .layui-form-label {
    border-width: 0;
    background-color: transparent;
    padding: 8px 5px;
    display: flex;
    justify-content: end;
    flex-direction: row-reverse;
}

.layui-layer-content form {
    min-height: 30px;
    padding: 10px 20px 0;
}

.layui-table-tool .layui-inline[lay-event],
.layui-table-tool .layui-inline:hover {
    border-width: 0;
}

.layui-form-item .layui-inline {
    margin: 0;
}

.layui-layer-title {
    background-color: var(--background-dialog-title);
    color: var(--text-dialog-title-color) !important;
}

.layui-input,
.layui-select {
    height: 32px;
    line-height: 32px;
}

.layui-table-tool {
    padding: 0;
}

.layui-table-tool-self {
    top: 0;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: rgb(var(--primary-color));
}

.layui-table thead tr {
    background-color: var(--background-table-head);
}

.layui-table th,
.layui-table td {
    border-left-width: 0;
    border-right-width: 0;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: rgb(var(--primary-color)) !important;
    background-color: rgb(var(--primary-color)) !important;
}

.layui-primary-textColor {
    color: rgb(var(--primary-color)) !important;
    background-color: rgba(var(--primary-color), 0.1) !important;
    display: inline-block;
    padding: 0px 4px;
}

.layui-laydate .layui-this {
    background-color: rgb(var(--primary-color)) !important;
    border-radius: 8px;
}

.laydate-time-list .layui-this {
    width: 70px;
}

.layui-card {
    background-color: var(--background-card);
}

.textboxContainer .layui-icon {
    position: absolute;
    top: 7px;
    right: 5px;
    cursor: pointer;
    font-weight: bold;
}

.textboxContainer .layui-icon-subtraction {
    right: 30px;
}

xm-select .xm-label .xm-label-block {
    background-color: rgb(var(--primary-color)) !important;
}

xm-select>.xm-body .xm-option-icon {
    border-color: rgb(var(--primary-color)) !important;
}

xm-select>.xm-body .selected .xm-option-icon {
    color: rgb(var(--primary-color)) !important;
}

.day_classic .layui-table th,
.day_classic .layui-table td {
    border-width: 0;
}

.day_classic .layui-table tbody tr:nth-child(odd) {
    background-color: #f9fafc;
}

.layui-layer-setwin {
    top: 10px;
}

.layui-layer-setwin span {
    color: var(--primary-text);
}

.layui-layer-setwin .layui-layer-max:before,
.layui-layer-setwin .layui-layer-max:after {
    border-color: var(--primary-text);
}

.layui-tab {
    margin: 0;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: rgb(var(--primary-color));
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid rgb(var(--primary-color));
}
.layui-table-tool-temp .layui-btn {
    float: left;
    margin: 0 6px 0 0 !important;
}
#top_tabs_box>.layui-tab-title>.layui-this>i:first-child {
    color: rgb(var(--primary-color));
}

.layui-btn-disabled,
.layui-btn-disabled:active,
.layui-btn-disabled:hover {
    border-width: 0;
}

.layui-nav-child {
    color: var(--text-color);
    background-color: var(--background-child-panel);
    border-width: 0;
    /* background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), linear-gradient(rgb(var(--primary-color)), rgb(var(--primary-color))); */
}

.night_blue .layui-nav-child {
    border-color: #ffffff11;
}

.layui-layer-setwin .layui-layer-min:before {
    background-color: var(--text-dialog-title-color) !important;
}

.layui-layer-setwin .layui-layer-max:before,
.layui-layer-setwin .layui-layer-max:after {
    border: 1px solid var(--text-dialog-title-color) !important;
}

.layui-layer-setwin span {
    color: var(--text-dialog-title-color) !important;
    color: var(--text-color);
}

.layui-form-select dl dd.layui-this {
    background-color: rgba(var(--primary-color), 0.2);
    color: var(--text-color);
}

.layui-form-checked span,
.layui-form-checked:hover span {
    background-color: rgb(var(--primary-color));
}

.layui-table-tool-panel .layui-form-checked:hover span {
    background-color: transparent;
}

.layui-form-checked i,
.layui-form-checked:hover i {
    color: rgb(var(--primary-color));
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: rgb(var(--primary-color));
}

.layui-card-header {
    color: var(--primary-text);
}

.layui-table td,
.layui-table th,
.layui-table-col-set,
.layui-table-fixed-r,
.layui-table-grid-down,
.layui-table-header,
.layui-table-page,
.layui-table-tips-main,
.layui-table-tool,
.layui-table-total,
.layui-table-view,
.layui-table[lay-skin=line],
.layui-table[lay-skin=row] {
    border-color: var(--table-line-color);
}
.layui-table-header {
    background-color: var(--background-table-head);
}
.layui-layer-title {
    border-bottom-width: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}

.layui-layer {
    background-color: var(--background-page) !important;
}

.layui-tree-txt {
    color: var(--text-color);
}

.layui-input,
.layui-select,
.layui-textarea,
xm-select,
.page-color-night .layui-laydate .timeinput {
    background-color: var(--input-background-color) !important;
    color: var(--input-color) !important;
    border-color: var(--border-input-color) !important;
    border-radius: 2px !important;
}

.layui-input:hover,
.layui-textarea:hover,
.layui-input:focus,
.layui-textarea:focus,
xm-select:hover {
    border-color: rgba(var(--primary-color), 1) !important;
}

.layui-input:disabled,
.layui-textarea:disabled {
    background: #F5F5F5 !important;
    border: 1px solid #DDDEE1 !important;
}

.laydate,
.times {
    background: var(--input-background-color) url(/Images/icons/calendar.png) no-repeat right 5px center !important;
    background-size: 16px 16px !important;
}

.layui-radio-disbaled>i {
    color: #DDDEE1 !important;
}


.layui-icon-cols,
.layui-icon-export {
    color: var(--text-color) !important;
}

xm-select>.xm-body {
    background-color: var(--background-page) !important;
    border-width: 0 !important;
}

.ztree li a {
    color: var(--text-color) !important;
}

.layui-btn-block {
    display: block;
    border-width: 0;
    border-radius: 2px;
}

.layui-tree .layui-icon-file {
    display: none;
}

.layui-layer-loading {
    border-radius: 6px !important;
}
.layui-table-page>div {
    text-align: right;
}
/* .layui-layer-dialog .layui-layer-padding {
    padding: 0 !important;
} */

.layui-tree-entry {
    height: 24px;
}

.layui-upload-drag .layui-icon {
    color: rgba(var(--primary-color), 1);
}

.layui-form-switch {
    line-height: normal;
}

.layui-form-switch i {
    background-color: #8b8b8b;
    top: 2px;
}

.layui-form-onswitch i {
    background-color: #ffffff;
}

.layui-icon-close {
    cursor: pointer;
}

.layui-layer-hui .layui-layer-content {
    padding: 0 !important;
}

.layui-tree-icon {
    height: 13px;
}

.layui-tree-icon .layui-icon {
    overflow: hidden;
}

xm-select .xm-input {
    background-color: transparent !important;
}

.layui-tab-title {
    border-bottom-width: 0 !important;
}

.layui-tab-title .layui-this {
    border-bottom: 2px solid rgb(var(--primary-color));
    color: rgb(var(--primary-color));
    font-weight: 600;
}

.layui-tab-title .layui-this::after {
    border-width: 0 !important;
}
.layui-form-switch em {
    vertical-align: middle;
}
.layui-tree-icon {
    line-height: 13px;
}
.mesPicker input[type=text] {
    height: 32px;
    line-height: 32px;
    width: 100%;
    background-color: var(--input-background-color) !important;
    color: var(--input-color) !important;
    border: 1px solid var(--border-input-color);
}
.mesPicker input[type=text]:hover, .mesPicker input[type=text]:focus {
    border-color: rgba(var(--primary-color), 1) !important;
}
td .textboxContainer .layui-icon {
    top: 3px !important;
}
.layui-layer-loading .layui-layer-content {
    width: auto;
}
.layui-table-tool {
    min-height: 40px;
}
.layui-laypage a {
    border-radius: 2px;
    border: 1px solid #dddde0 !important;
    margin: 0 4px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: #dddde0;
    color: #fff;
}
/*night theme*/

.page-color-night #mainMenu .level1Title {
    color: #ffffffb3;
}

.page-color-night .pageSide {
    background-color: rgba(255, 255, 255, 0.05);
}

.page-color-night .fullPageContent,
.page-color-night {
    background-color: rgba(255, 255, 255, 0.03);
}

.page-color-night .searchArea {
    background-color: #f0f0f022;
}

.page-color-night .layui-btn {
    background-color: rgb(var(--primary-color), 1);
    color: rgba(255, 255, 255, 1);
}

.page-color-night .layui-laypage .layui-laypage-count {
    color: rgba(153, 153, 153, 1);
}

.page-color-night .layui-laypage-btn {
    background-color: rgb(var(--primary-color), 0.3) !important;
    color: rgba(255, 255, 255, 0.5) !important;
    border-width: 0 !important;
}

.page-color-night .layui-laypage select {
    background-color: rgba(var(--primary-color), 0.3);
    color: rgba(153, 153, 153, 1);
    border-width: 0 !important;
}

.page-color-night .layui-btn.layui-btn-disabled {
    background-color: rgb(153, 153, 153, 0.2) !important;
    color: #999999 !important;
}

.page-color-night .layui-layer-btn1,
.page-color-night .laydate-footer-btns .laydate-btns-now,
.page-color-night .laydate-footer-btns .laydate-btns-clear {
    background-color: rgb(153, 153, 153, 0.2) !important;
    color: #999999 !important;
    border-width: 0 !important;
}

.page-color-night .layui-primary-textColor {
    color: var(--text-color) !important;
    background-color: rgba(var(--primary-color), 1) !important;
    border-radius: 2px;
}

.page-color-night .layui-tree-icon {
    border: 1px solid rgba(255, 255, 225, 0.3s);
}

.page-color-night .layui-tree-icon .layui-icon {
    color: var(--text-color) !important;
    background-color: rgba(var(--primary-color), 1) !important;
}

.page-color-night .layui-layer {
    background: linear-gradient(rgb(var(--primary-color)), rgb(var(--primary-color))), linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05)), ;
}

.page-color-night .layui-tree-txt {
    color: #FFFFFFB2;
}

.page-color-night .layui-input:disabled,
.page-color-night .layui-textarea:disabled {
    background: #99999919 !important;
    border: 1px solid #FFFFFF19 !important;
}

.page-color-night .layui-form-checkbox[lay-skin=primary] {
    background: #38609D19 !important;
    border-radius: 2px;
}

.page-color-night .layui-form-checkbox[lay-skin=primary] i {
    background-color: rgba(var(--primary-color), 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.page-color-night .layui-form-checkbox[lay-skin=primary] i::before {
    content: " ";
}

.page-color-night .layui-form-checked i::before {
    content: "\e605" !important;
}

.page-color-night .layui-laydate,
.page-color-night .layui-laydate-list {
    background: var(--background-child-panel);
    border-width: 0;
    color: var(--text-color);
}

.page-color-night .layui-form-switch {
    background-color: rgba(var(--primary-color), 0.4);
    border-width: 0;
}

.page-color-night .layui-form-switch i {
    background-color: rgba(255, 255, 255, 0.2);
}

.page-color-night .layui-form-onswitch i {
    background-color: rgba(255, 255, 255, 1);
}

.page-color-night .layui-form-select dl {
    background-color: var(--background-child-panel);
    border-width: 0 !important;
}

.page-color-night .layui-laydate-footer,
.page-color-night .divtimeinput,
.page-color-night .layui-laydate-header {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.page-color-night .layui-laydate-content td {
    color: #FFFFFF !important;
}

.page-color-night .layui-laydate .laydate-day-prev,
.page-color-night .layui-laydate .laydate-day-next {
    color: #AAAAAA !important;
}

.page-color-night .layui-laydate-content td:hover,
.page-color-night .layui-laydate-list li:hover {
    color: #FFFFFF !important;
    border-radius: 8px;
    background: rgba(var(--primary-color), 0.3);
}

.page-color-night .layui-form-select dl dd:hover {
    background-color: rgba(var(--primary-color), 0.3);
}

.page-color-night .layui-nav .layui-nav-item a:hover {
    background-color: rgba(var(--primary-color), 0.1);
}

.page-color-night .pageActions {
    border-radius: 50%;
    background-color: rgba(var(--primary-color), 0.3);
}

.page-color-night .pageActions:hover {
    background-color: rgba(var(--primary-color), 0.4) !important;
}

.page-color-night .curSelectedNode {
    background-color: rgba(var(--primary-color), 0.4) !important;
}

.page-color-night .layui-tab-title {
    border-bottom: 0 solid transparent !important;
}

.page-color-night .laydate,
.page-color-night .times {
    background-image: url(/Images/icons/calendar_night.png) !important;
}

.page-color-night .layui-laypage a {
    color: rgba(255, 255, 255, 0.5);
}

.page-color-night select option {
    background-color: var(--background-child-panel);
}

.page-color-night xm-select>.xm-body .xm-paging>span {
    border: 1px solid rgba(var(--primary-color), 0.5);
}

.page-color-night .layui-select-disabled .layui-disabled {
    border-color: #FFFFFF1A !important;
}

.page-color-night .layui-tab-title {
    color: #ffffffb3;
}

.page-color-night .layui-tab-title .layui-this {
    border-bottom: 2px solid rgb(var(--primary-color));
    color: #ffffff;
}

.page-color-night .searchArea,
.page-color-night .searchOneArea {
    background-color: var(--background-child-panel);
}

.page-color-night .searchArea input,
.page-color-night .searchOneArea input {
    color: var(--text-color);
}

.page-color-night input,
.page-color-night select,
.page-color-night textarea {
    border: 1px solid #ffffff1a;
    background-color: rgba(var(--primary-color), 0.1);
    color: var(--text-color);
}

.page-color-night input:disabled,
.page-color-night select:disabled,
.page-color-night textarea:disabled {
    border: 1px solid #ffffff1a;
    background-color: #9999991a;
    color: #999999;
}

.page-color-night #top_tabs_box .layui-tab-title .layui-this {
    border-bottom-width: 0 !important;
}

.page-color-night .layui-table-view {
    background-color: #FFFFFF07;
}

.page-color-night .layui-form-switch em {
    color: #ffffff !important;
}
.layui-layer-msg {
    background-color: #00000088 !important;
    color: #ffffff !important;
}
.layui-layer-msg .layui-layer-content {
    padding: 10px !important;
}
.layui-btn-container .layui-btn,.layui-table-tool-temp .layui-btn {
display:none;
}
/*Status ICON*/
.MES_Status {
    font-family: "iconfont" !important;
    font-size: 20px !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #222222;
    margin: 0 2px;
}

.st-pc:before {
    content: "\e619";
    font-size: 0.9em;
}

.st-sysmenu:before {
    content: "\e762";
}

.st-autoNo:before {
    content: "\e614";
}

.st-confirm:before {
    content: "\e621";
}

.st-new:before {
    content: "\e62c";
}

.st-receive:before {
    content: "\e6b8";
}

.st-user:before {
    content: "\e616";
}

.st-notpass:before {
    content: "\e61c";
    color: #ff0000;
}

.st-tbc:before {
    content: "\e65c";
}

.st-quit:before {
    content: "\e640";
}

.st-view:before {
    content: "\e63e";
}

.st-users:before {
    content: "\e61b";
}

.st-doing:before {
    content: "\e739";
}

.st-config:before {
    content: "\e748";
}

.st-pass:before {
    content: "\e61d";
}

.st-feedbacked:before {
    content: "\e63f";
}

.st-auto:before {
    content: "\e64d";
}

.st-qualified:before {
    content: "\e613";
}

.st-stockout:before {
    content: "\e602";
}

.st-stockin:before {
    content: "\e606";
}

.st-manual:before {
    content: "\e64e";
}

.st-review:before {
    content: "\e715";
}

.st-app:before {
    content: "\e61f";
}

.st-retest:before {
    content: "\e62b";
}

.st-reviewpass:before {
    content: "\e8d2";
}

.st-inprogress:before {
    content: "\e60a";
}

.st-revoke:before {
    content: "\e620";
}

.st-reject:before {
    content: "\e721";
}

.st-attachment:before {
    content: "\e646";
}

.st-show:before {
    content: "\e60c";
}

.st-onthejob:before {
    content: "\e659";
}

.st-yes:before {
    content: "\e61e";
    color: #039809;
}

.st-exchange:before {
    content: "\e617";
}

.st-feedback:before {
    content: "\e648";
}

.st-correct:before {
    content: "\e6d0";
}

.st-inreview:before {
    content: "\e6a1";
}

.st-exchanging:before {
    content: "\e60e";
}

.st-issued:before {
    content: "\e63d";
}

.st-notissued:before {
    content: "\e641";
}

.st-off:before {
    content: "\e687";
    color: #cccccc;
}

.st-on:before {
    content: "\e688";
    color: #039809;
}

.st-notedit:before {
    content: "\e623";
}

.st-endex:before {
    content: "\e632";
}

.st-signature:before {
    content: "\e64c";
}

.st-2check:before {
    content: "\eaa1";
}

.st-hide:before {
    content: "\e62f";
}

.st-pending:before {
    content: "\e604";
}

.st-producting:before {
    content: "\e61a";
}

.st-stockout2:before {
    content: "\e658";
}

.st-stockin2:before {
    content: "\e65a";
}

.st-frozen:before {
    content: "\e64b";
}

.st-unqualified:before {
    content: "\e65d";
}

.st-submit:before {
    content: "\e637";
}

.st-warning:before {
    content: "\e647";
    color: #ff9800;
}

.st-normal:before {
    content: "\e649";
    color: #039809;
}

.st-end:before {
    content: "\e605";
}

.st-platform:before {
    content: "\e618";
}

.st-no:before {
    content: "\e600";
}

.st-expired:before {
    content: "\e601";
}

.st-completed:before {
    content: "\e65e";
}

.st-incomplete:before {
    content: "\e65f";
}

.st-audio:before {
    content: "\e6e5";
}

.st-move:before {
    content: "\e609";
}

.st-img:before {
    content: "\e63a";
}

.st-submitted:before {
    content: "\e631";
}

.st-text:before {
    content: "\e64f";
}

.st-file:before {
    content: "\e6ec";
}

.st-vedio:before {
    content: "\e603";
}

.st-moved:before {
    content: "\e665";
}

.st-abovelimit:before {
    content: "\e6d6";
}

.st-belowlimit:before {
    content: "\e6e0";
}

.st-nodata:before {
    content: "\e6bd";
}

.st-read:before {
    content: "\e661";
}

.st-unread:before {
    content: "\e622";
}

::-webkit-scrollbar {
    width: 9px;
    height: 1px;
}

::-webkit-scrollbar:horizontal {
    height: 9px;
    width: 1px;
}

::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: var(--scroll-color);
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}
.dialogContentContainer {
    height: 100%
}