/*
 *   Author by Atom 2019.11.15
     uu-为ultuum userInterface自定义组件专用，vv-为Vue View专用
 */

/*原生标签样式*/
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    color: var(--uu-text);
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    /*font-family: 'Courier New', Courier, monospace;  圆形"x"符号专用*/ 
    /*font-family: monospace, 'Courier New', Courier;  标题栏"x"符号专用*/
    background: url("imgs/blank.jpg") no-repeat center;
    background-size: 100%;
    background-color: #2f4050;
    background-blend-mode: overlay;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
    -webkit-appearance: none;
}

::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba3);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

a {
    color: var(--uu-primary);
    cursor: pointer;
}

    a:hover,
    a:focus {
        text-decoration: none;
    }

    a:hover {
        color: var(--uu-primary-h);
    }

    a.text-success:focus, a.text-success:hover {
        color: var(--uu-success-h) !important;
    }
q:before,
q:after{
    content:none;
}
small.sm-light,
small.sm-light {
    opacity: 0.65;
}
/*-------------------------- PACE */
.pace {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: var(--uu-primary);
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    box-shadow: 0 0 10px var(--uu-primary-a2);
}
.start-warning {
    position: absolute;
    width: 320px;
    height: 50px;
    top: 49%;
    left: 50%;
    margin-left: -160px;
    font-size: 18px;
    color: #00d4ff;
    text-align: center;
    text-shadow: 0 0 5px #00d4ff;
    z-index: 10000;
}

/*=====================================================================================
                           layout by Atom 2020.3.1
======================================================================================*/
/*-------------------------- body*/
body.left-layout,
body.left-layout #wrapper {
    overflow: hidden;
}
/*-------------------------- #wrapper（整体）由 nav + #page-wrapper(左边主页面)*/
/* wrapper page-wrapper */
#wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    overflow-x: hidden;
}

#page-wrapper {
    position: relative !important;
    width: calc(100% - 200px);
    height: 100%;
    min-height: 100vh;
    padding: 0;
    /*padding: 0 15px; 2020-9-30*/
    background-color: var(--uu-bg);
    flex-shrink: 1;
    overflow: hidden;
}
.main-nav-min #page-wrapper {
    width: calc(100% - 70px);
}
    /*2020-9-30*/
    #page-wrapper .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    #page-wrapper .col, #page-wrapper .col-1, #page-wrapper .col-10, #page-wrapper .col-11, #page-wrapper .col-12,
    #page-wrapper .col-2, #page-wrapper .col-3, #page-wrapper .col-4, #page-wrapper .col-5, #page-wrapper .col-6, #page-wrapper .col-7, #page-wrapper .col-8, #page-wrapper .col-9, #page-wrapper .col-auto,
    #page-wrapper .col-lg, #page-wrapper .col-lg-1, #page-wrapper .col-lg-10, #page-wrapper .col-lg-11, #page-wrapper .col-lg-12,
    #page-wrapper .col-lg-2, #page-wrapper .col-lg-3, #page-wrapper .col-lg-4, #page-wrapper .col-lg-5, #page-wrapper .col-lg-6, #page-wrapper .col-lg-7, #page-wrapper .col-lg-8, #page-wrapper .col-lg-9, #page-wrapper .col-lg-auto,
    #page-wrapper .col-md, #page-wrapper .col-md-1, #page-wrapper .col-md-10, #page-wrapper .col-md-11, #page-wrapper .col-md-12,
    #page-wrapper .col-md-2, #page-wrapper .col-md-3, #page-wrapper .col-md-4, #page-wrapper .col-md-5, #page-wrapper .col-md-6, #page-wrapper .col-md-7, #page-wrapper .col-md-8, #page-wrapper .col-md-9, #page-wrapper .col-md-auto,
    #page-wrapper .col-sm, #page-wrapper .col-sm-1, #page-wrapper .col-sm-10, #page-wrapper .col-sm-11, #page-wrapper .col-sm-12,
    #page-wrapper .col-sm-2, #page-wrapper .col-sm-3, #page-wrapper .col-sm-4, #page-wrapper .col-sm-5, #page-wrapper .col-sm-6, #page-wrapper .col-sm-7, #page-wrapper .col-sm-8, #page-wrapper .col-sm-9, #page-wrapper .col-sm-auto,
    #page-wrapper .col-xl, #page-wrapper .col-xl-1, #page-wrapper .col-xl-10, #page-wrapper .col-xl-11, #page-wrapper .col-xl-12,
    #page-wrapper .col-xl-2, #page-wrapper .col-xl-3, #page-wrapper .col-xl-4, #page-wrapper .col-xl-5, #page-wrapper .col-xl-6, #page-wrapper .col-xl-7, #page-wrapper .col-xl-8, #page-wrapper .col-xl-9, #page-wrapper .col-xl-auto {
        padding-right: 0;
        padding-left: 0;
    }
#spa-view {
    display: flex;
    height: calc(100% - 60px);/*100%*/
}
    #spa-view.spaview-map {
        height: 100%;
    }
#main-nav {
    height: 100%;
    overflow: scroll;
}
    #main-nav::-webkit-scrollbar {
        display: none;
    }
.main-nav-min #main-nav {
    max-height: 100vh;
    overflow: visible;
}

/*--------------------------spa page 一定要设置宽度，否则会因umTable动态加载，导致渲染时宽度溢出*/
/*特别注意100vh在移动端是恒定，且包含工具栏，为了自适应高度应尽可能使用100%，通过每次向下传递100%，最终让uu-table-scroll获取正确100%高度*/
.main-spa-view {
    position: relative;
    height: 100%; /*navbar:60px; 与left-spa-view相同*/
    width: 100%;
    margin: 0;
    flex: none; /*auto为1 1 auto(占满)；none为0 0 auto(不变)；默认为0 1 auto(不放大，会缩小)*/
}
    /*has-left应用于tree-view.html和panel-view.html*/
    .main-spa-view.has-left,
    .has-left .main-spa-view {
        flex: 0 0 auto;
        width: calc(100vw - 400px);
    }

.main-nav-min .main-spa-view.has-left,
.main-nav-min .has-left .main-spa-view {
    width: calc(100vw - 270px);
}

.main-spa-view .content-scroll {
    padding: 15px 15px;
    height: 100%;
    overflow: hidden auto;  /*原为hidden scroll 2021-05-10改为uu-scroll-row上下左右滚动*/
}
.main-spa-view .table-content-bg {
    background-color: var(--uu-table-content);
}
#table-view{
    height: 100%;
}
/*--------------------------spa left right page */
.left-spa-view {
    position: relative;
    flex: 0 0 auto; /*第1位flex-grow:0 不放大；第2位flex-shrink:0 不缩小；第3位flex-basic:200px为定宽210。*/
    width: 205px;
    height: 100%; /*必须与main-spa-view相同*/
    margin-right: -5px;
    padding: 0px;
    overflow: hidden scroll; /*原为hidden scroll 2021-05-10改为uu-scroll-row上下左右滚动*/
}

.has-left {
    border-left: 1px solid var(--uu-border);
    z-index: 0;
}

    .main-spa-view.has-left .uu-bottom-tool,
    .has-left .main-spa-view .uu-bottom-tool {
        left: 410px;
    }

.main-nav-min .main-spa-view.has-left .uu-bottom-tool,
.main-nav-min .has-left .main-spa-view .uu-bottom-tool {
    left: 280px;
}
#mapContainer {
    width: 100%;
    height: 100%;
    min-height: 200px;
    font-size: 12px;
    font-family: 'microsoft yahei', 'STHeiti STXihei', 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, Arial;
}
#mapHome {
    width: 100%;
    height: calc(100vh - 240px);
    margin-top: 20px;
    min-height: 450px;
    border: 1px solid var(--uu-border);
    font-size: 12px;
    font-family: 'microsoft yahei', 'STHeiti STXihei', 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, Arial;
}
/*-----------------------panel nav -------------------------------*/
#panel-nav-container {
    transition: all 0.25s;
}
#panel-container {
    width: 100%;
}
.view-width-max {
    background-color: var(--uu-f);
    width: 100%;
}
.view-width-min {
    width: 0;
}
.panel-nav-item {
    position: relative;
    padding: 10px;
}
/*=====================================================================================
                            navbar-side  by Atom 2020.3.1
======================================================================================*/
/*-----------------------side nav header -------------------------------*/
.navbar-side-header {
    padding: 30px 30px 15px 30px;
    background-color: #233645;
}

    .navbar-side-header a {
        color: #dfe4ed;
    }

        .navbar-side-header a.dropdown-item {
            color: var(--uu-2);
        }

.profile-user {
    width: 60px;
    height: 60px;
    opacity: 1;
    cursor: pointer;
}

.nav-group-title {
    padding: 20px 10px 10px 25px;
    font-size: 16px;
    color: #929baa;
    background-color: #233645;
}

.main-nav-min .nav-group-title {
    height: 1px;
    padding: 0;
    border-bottom: 1px solid var(--uu-primary);
    overflow: hidden;
}
/*----------------------- navbar-side通用 -------------------------------*/
.navbar-side {
    width: 200px;
    /*background-color: var(--uu-body-bg);*/
    border-color: var(--uu-body-bg);
    z-index: 200;
}

.nav > li {
    display: block;
    width: 100%;
    position: relative;
}

    .nav > li > a {
        display: block;
        min-width: 66px;
        max-height: 50px;
        padding: 14px 20px 14px 22px;
        color: #a7b1c2;
        font-weight: 600;
        transition: width 0.2s;
        overflow: hidden;
        white-space: nowrap;
    }

        .nav > li > a:hover {
            background-color: var(--uu-primary-a8);
            color: #fff;
        }

        .nav > li > a:focus,
        .nav > li > a:active {
            background-color: var(--uu-primary);
            color: #fff;
        }


    .nav > li.mm-active {
        background: #192631;
    }
.um-menu.nav > li.mm-active:before {
    border-left: 4px solid var(--uu-primary-h);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: var(--uu-primary-h);
}

        .nav > li.mm-active > a {
            color: var(--uu-primary);
        }

            .nav > li.mm-active > a:hover,
            .nav > li.mm-active > a:focus,
            .nav > li.mm-active > a:active {
                color: #fff;
            }

        /*二级菜单选择当前的活动，主要是使用双重mm-active*/
        .nav > li.mm-active > .nav > li.mm-active > a {
            background-color: var(--uu-primary-h);
            color: #fff;
        }
            .nav > li.mm-active > .nav > li.mm-active > a:before {
                content: "";
                position: absolute;
                top: 11px;
                left: 188px;
                width: 12px;
                height: 12px;
                border: 6px solid transparent;
                border-right-color: var(--uu-ww);
                z-index: 1;
            }
.main-nav-min .nav > li.mm-active > .nav > li.mm-active > a:before {
    display: none;
}
/*当最小化时，一级菜单状态mm-active*/
.main-nav-min .navbar-side > .nav > li.mm-active {
    background-color: var(--uu-primary-h);
    color: #fff;
}

    .main-nav-min .navbar-side > .nav > li.mm-active > a {
        color: #fff;
    }
        .main-nav-min .navbar-side > .nav > li.mm-active > a:before {
            content: "";
            position: absolute;
            top: 19px;
            left: 58px;
            width: 12px;
            height: 12px;
            border: 6px solid transparent;
            border-right-color: var(--uu-ww);
            z-index: 1;
        }
        .main-nav-min .navbar-side > .nav > li.mm-active > a:hover:before {
            border-right-color: #233645;
        }
/*--------------------------navbar-side uu-admin-fun*/
.uu-admin-fun > a {
    background: #264b6c;
    color: white;
}

.uu-admin-fun.mm-active > a {
    background: #264b6c;
}
/*----------------最小化隐藏和动画 navbar-side main-nav-min -----------------------*/
/*统一动画时长*/
#page-wrapper,
.main-spa-view,
.navbar-side,
.navbar-side-header,
.profile-user,
.nav > li > a,
.site-brand,
.footer,
.uu-bottom-tool {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
body.disabled-transition * {
    transition: none !important;
}
/*最小化动画*/
.main-nav-min .navbar-side {
    width: 70px;
}

.main-nav-min .navbar-side-header {
    padding: 12px 17px 11px 17px;
    /*background-color: var(--uu-primary);*/
}

.main-nav-min .profile-user {
    width: 36px;
    height: 36px;
}

.main-nav-min .profile-item,
.main-nav-min .nav-label,
.main-nav-min .nav li a span {
    display: none !important;
}

.main-nav-min .nav > li > a {
    font-size: 18px;
}

/*----------------正常状态 nav-second-level  -----------------------*/
.nav.nav-second-level {
    background: #192631; /*#293846*/
}

    .nav.nav-second-level.mm-collapse {
        height: auto !important;
    }

    .nav.nav-second-level > li {
        border-bottom: none !important;
    }

        .nav.nav-second-level > li:last-child {
            padding-bottom: 0px;
        }

        .nav.nav-second-level > li.mm-active {
            border: none;
            background: #192631; /*#293846*/
        }

        .nav.nav-second-level > li > a {
            padding: 7px 10px 7px 43px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .nav.nav-second-level > li > hr {
            margin: 5px 10px 5px 40px;
            border-top: 1px solid var(--uu-wwa2);
        }
/*----------------最小化状态 nav-second-level on main-nav-min -----------------------*/
.main-nav-min li > .nav.nav-second-level {
    display: none;
}

.main-nav-min li > .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0;
    height: auto;
    padding: 10px 10px 10px 10px;
    border-radius: 0 4px 4px 0;
    background-color: var(--uu-body-bg);
    font-size: 12px;
}

.main-nav-min li.mm-active > .nav-second-level {
    left: 70px;
}

.main-nav-min li:hover > .nav-second-level,
.main-nav-min li:focus > .nav-second-level {
    display: block;
}

.main-nav-min li > .nav-second-level > li > a {
    min-width: 140px;
    font-size: 14px;
    border-radius: 3px;
    padding: 7px 10px 7px 15px;
}
.main-nav-min li > .nav-second-level > li > hr {
    margin: 5px 5px 5px 10px;
}
/*-------------------um-menu version 3.0.5-----------------------------------*/
.um-menu {
    position: relative;
    background-color: var(--uu-body-bg);
}

    .um-menu .arrow {
        float: right;
        line-height: 1.42857;
    }

    .um-menu .glyphicon.arrow:before {
        content: "\e079";
    }

    .um-menu .mm-active > a > .glyphicon.arrow:before {
        content: "\e114";
    }

    .um-menu .fa.arrow:before {
        content: "\f105";
    }

    .um-menu li > a[aria-expanded='true'] > .fa.arrow:before {
        content: "\f107";
    }

    .um-menu .plus-times {
        float: right;
    }

    .um-menu .fa.plus-times:before {
        content: "\f067";
    }

    .um-menu li > a[aria-expanded='true'] > .fa.plus-times {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .um-menu .plus-minus {
        float: right;
    }

    .um-menu .fa.plus-minus:before {
        content: "\f067";
    }

    .um-menu li > a[aria-expanded='true'] > .fa.plus-minus:before {
        content: "\f068";
    }

    .um-menu .mm-collapse:not(.mm-show) {
        display: none;
    }

    .um-menu .mm-collapse.mm-show {
        display: block;
    }

    .um-menu .mm-collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
    }

    .um-menu .has-arrow {
        position: relative;
    }

        .um-menu .has-arrow:after {
            position: absolute;
            content: '';
            width: .5em;
            height: .5em;
            border-width: 1px 0 0 1px;
            border-style: solid;
            border-color: currentColor;
            border-color: initial;
            right: 1em;
            -webkit-transform: rotate(-45deg) translate(0, -50%);
            transform: rotate(-45deg) translate(0, -50%);
            -webkit-transform-origin: top;
            transform-origin: top;
            top: 50%;
            -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }

        .um-menu .mm-active > .has-arrow:after,
        .um-menu .has-arrow[aria-expanded="true"]:after {
            -webkit-transform: rotate(-135deg) translate(0, -50%);
            transform: rotate(-135deg) translate(0, -50%);
        }



/*=====================================================================================
                        navbar.navbar-top & footer by Atom 2020.3.1
======================================================================================*/
.navbar {
    border: 0;
}

    .navbar.navbar-top {
        padding: 0;
        width: 100%;
        align-items: inherit;
        background: var(--uu-bg);
    }

.white-bg .navbar-top {
    background: var(--uu-ibox-content);
}
/* site-brand & site-title */
.site-brand {
    display: flex;
    width: 400px;
    min-height: 59px;
    justify-content: flex-start;
    align-items: center;
}

.btn.main-nav-min-toggle {
    padding: 4px 12px;
    margin: 0 5px 0 10px;
    font-size: 14px;
    color: #fff;
}

.btn.main-nav-reload {
    padding: 4px 12px;
    margin: 0 5px 0 -8px;
    font-size: 14px;
    color: #fff;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.site-title {
    display: flex;
    margin: 0;
    color: var(--uu-6);
    font-size: 26px;
    font-weight: 400;
}

    .site-title > a.btn {
        flex: none;
        padding: 4px 12px;
        margin: 0 6px 0 -8px;
        font-size: 14px;
        color: #fff;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .site-title > span {
        flex: none;
        line-height: 31px;
        color: var(--uu-title);
    }
/* page-tabs */
.page-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex: auto;
    padding: 0 0 0 60px;
    max-width: 950px;
}
.uu-page-tab {
    position: relative;
    min-width: 95px;
    max-width: 95px;/*4-6个字符*/
    padding: 7px 25px 7px 12px;
    margin: 0 -1px -1px 0;
    font-size: 14px;
    color: var(--uu-title);
    border: 1px solid var(--uu-e0);
    border-bottom-color: var(--uu-border);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: var(--uu-bg);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: max-width 0.3s ease 0.6s; /*延迟动画，避免阻塞*/
    z-index: 1;
}
    .uu-page-tab.current-tab {
        min-width: 95px;
        max-width: 184px;
        border-bottom-color: var(--uu-f);
        background-color: var(--uu-f);
        cursor: default;
        z-index: 2;
    }
    .uu-page-tab:hover{
        color: var(--uu-primary);
        background-color: var(--uu-f6);
    }
    .uu-page-tab.current-tab:hover {
        color: var(--uu-title);
        background-color: var(--uu-f);
    }
    
.uu-page-tab-close {
    position: absolute;
    top: 7px;
    right: 3px;
    width: 17px;
    height: 17px;
    color: var(--uu-b);
    font-style: normal;
    cursor: pointer;
    z-index: 3;
}
.uu-page-tab-close:before {
    content: "\00d7";
    font-family: monospace, 'Courier New', Courier;
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
    .uu-page-tab-close:hover{
        color: var(--uu-primary-h);
    }
/* top navbar */
.navbar-top-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    text-align: right;
}

    .navbar-top-links > li {
        display: inline-block;
        align-self: center;
    }

        .navbar-top-links > li > a {
            display: block;
            min-width: 70px;
            min-height: 59px;
            padding: 19px 10px;
            font-size: 15px;
            color: #a7b1c2;
            font-weight: 600;
            line-height: 21px;
        }

            .navbar-top-links > li > a:hover,
            .navbar-top-links > li > a:focus {
                color: var(--uu-primary);
            }

            .navbar-top-links > li > a > i {
                margin-right: 6px;
            }
.status-primary:before {
    color: var(--uu-primary);
}
.status-danger:before {
    color: var(--uu-danger);
}
a.disableCopy > .fa-flash:before {
    content: "\f05e";
    color: inherit;
}
a.moneyUnit1 > .fa-won:before {
    content: "\f05e";
    color: inherit;
}

/*--------------------------timeline */
/* New Timeline style */
.vertical-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    /*max-width: 1170px;*/
    margin: 0 auto;
}

    .vertical-container::after {
        /* clearfix */
        content: '';
        display: table;
        clear: both;
    }

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em;
}

    #vertical-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: var(--uu-f1);
    }

.vertical-timeline-content .btn {
    float: right;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent var(--uu-f5) transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent var(--uu-f1);
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent var(--uu-f5) transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: var(--uu-f1);
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #vertical-timeline.center-orientation:before {
            left: 50%;
            margin-left: -2px;
        }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent var(--uu-f5) transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 1em 0;
}

    .vertical-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 5px solid var(--uu-e);
    text-align: center;
}

    .vertical-timeline-icon i {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -9px;
    }



.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background-color: var(--uu-f);
    border-radius: 0.25em;
    padding: 6px 1em 6px 1em;
}

    .vertical-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-content h2 {
        font-weight: 400;
        margin-top: 4px;
    }

    .vertical-timeline-content p {
        margin: 10px 0 0 0;
        line-height: 1.4;
    }

    .vertical-timeline-content .vertical-date {
        float: left;
        color: var(--uu-9);
        font-size: 14px;
        font-weight: 500;
    }

    .vertical-timeline-content .vertical-info {
        color: var(--uu-5);
        font-size: 14px;
    }

    .vertical-timeline-content::before {
        content: '';
        position: absolute;
        top: 16px;
        right: 100%;
        height: 0;
        width: 0;
        border: 7px solid transparent;
        border-right: 7px solid white;
    }

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 20px;
    }

    .vertical-timeline-content p {
        font-size: 16px;
    }
}
/*------------trace摘要*/
.uu-cnt-main {
    display: flex;
    margin: 0;
    padding: 0;
}

.uu-cnt-left,
.uu-cnt-right {
    position: relative;
    flex: auto;
    width: 65%;
    height: calc(100vh - 140px);
    overflow: hidden scroll;
}

.uu-cnt-left {
    width: 35%;
}

.uu-trace-summary {
    margin: 0;
    padding: 0 10px 10px 10px;
    list-style: none;
    counter-reset: traceinfo;
}

    .uu-trace-summary > li {
        display: block;
        padding: 5px;
        color: var(--uu-4);
        font-size: 14px;
    }

        .uu-trace-summary > li:nth-child(odd) {
            background-color: var(--uu-f1);
        }

        .uu-trace-summary > li > i {
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            width: 200px;
            color: var(--uu-9);
            font-style: normal;
            text-align: right;
        }

            .uu-trace-summary > li > i > .fa {
                color: var(--uu-success);
            }

            .uu-trace-summary > li > i:before {
                content: counter(traceinfo);
                counter-increment: traceinfo;
                display: inline-block;
                min-width: 22px;
                padding: 0 3px;
                border-radius: 2px;
                color: var(--uu-primary);
                text-align: center;
                border: 1px solid var(--uu-primary);
                opacity: .8;
            }

        .uu-trace-summary > li:first-of-type > div {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 5px 0;
            font-weight: 600;
            font-size: 20px;
        }
/*------------flex多列*/
.uu-cnt-col {
    position: relative;
    flex: 1;
    height: calc(100vh - 140px);
    border: 1px solid var(--uu-d);
    border-right-color: transparent;
    background-color: var(--uu-bg);
    overflow: hidden auto;
}
    .uu-cnt-col:last-child {
        border-right-color: var(--uu-d);
    }
.cnt-col-s {
    flex: 1.2;
}    
.cnt-col-m {
    flex: 1.35;
}
.cnt-col-l {
    flex: 1.5;
}
.cnt-col-xl {
    flex: 2;
}
.cnt-col-sel {
    border: 1px solid var(--uu-primary);
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 8px var(--uu-primary-a4) inset;
}
.cnt-col-active {
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning-a1);
    box-shadow: 0 0 8px var(--uu-warning-a4) inset;
}
.uu-cnt-col.cnt-col-sel.col-arrow:after,
.uu-cnt-col.cnt-col-active.col-arrow-orange:after,
.uu-cnt-col.cnt-col-active.col-arrow-orange:before {
    content: "";
    position: absolute;
    top: 12px;
    right: -6px;
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    border-left-color: var(--uu-warning);
    z-index: 1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: pulse-big;
}
.uu-cnt-col.cnt-col-active.col-arrow-orange:after {
    right: auto;
    left: -6px;
    border-left-color: transparent;
    border-right-color: var(--uu-warning);
}
.uu-cnt-col.cnt-col-sel.col-arrow:after {
    border-left-color: var(--uu-primary);
}
.cnt-col-disable {
    /*pointer-events: none;*/
}
.cnt-col-disable::after{
    content:"";
    position: absolute;
    top:0;
    bottom:0;
    right:5px;
    left:0;
    background-color: var(--uu-primary-a2);
    z-index: 1;
}
/*=====================================================================================
                        home by Atom 2020.12.18
======================================================================================*/
/*-----总体水平布局1*m(先分单行垂直块fx-block -> 再分多列行fx-row或单列行fx-bar -> 再分行中的列fx-col)-----*/
.fx-main{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*-----网格布局n*m-----*/
.fx-full {
    width: 100%;
    height: 100%;
}
.fx-block {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}
/*推荐使用ul fx-row下一级为水平扩展，即多列*/
.fx-row {
    display: flex;
    flex: 1;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
}
.fx-vcenter {
    align-items: center;
}
/*推荐使用ul fx-bar下一级为垂直扩展，即单列*/
.fx-bar {
    display: flex;
    flex: 1;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
/*推荐使用li*/
.fx-col {
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--uu-a1);
    box-shadow: 0 0 6px var(--uu-a1);
    background-color: var(--uu-f);
    overflow: hidden;
}
.fx-col-flat {
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-wa5);
    overflow: hidden;
}

.fx-fx {
    display: flex;
}
.fx-fx-sub{
    margin-left: 60px;
    padding: 0;
}
.flex-none{
    flex: none;
}
.fx-10{flex: 0.1!important;}
.fx-20{flex: 0.2!important;}
.fx-30{flex: 0.3!important;}
.fx-40{flex: 0.4!important;}
.fx-50{flex: 0.5!important;}
.fx-60{flex: 0.6!important;}
.fx-70{flex: 0.7!important;}
.fx-80{flex: 0.8!important;}
.fx-90{flex: 0.9!important;}
.fx-100{flex: 1!important;}
.fx-110{flex: 1.1!important;}
.fx-120 { flex: 1.2!important;}
.fx-130 { flex: 1.3!important;}
.fx-140 { flex: 1.4!important;}
.fx-150 { flex: 1.5!important;}
@media (max-width: 768px) {
    .fx-main {
        display: block;
        overflow: hidden auto;
    }
    .fx-row {
        flex-direction: column;
        
    }
}
/*-----装饰元素，线条和圆-----*/
.fx-corner {
    padding-top: 20px;
}
.theme-dark .fx-corner {
    background-image: url("imgs/link.png");
    background-repeat: no-repeat;
    background-position: 2px 4px;
    background-size: 110px 15px;
    background-blend-mode: overlay;
}
    .theme-dark .fx-corner:before,
    .theme-dark .fx-corner:after {
        content: '';
        position: absolute;
        left: -4px;
        bottom: -4px;
        width: 10px;
        height: 10px;
        border-width: 6px;
        border-style: solid;
        border-color: var(--uu-wwa3);
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        border-bottom-color: transparent !important; /*animation会改变border-color，故无需设置border-left-color*/
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner;
        transform: rotate(135deg);
    }
    .theme-dark .fx-corner:after {
        left: auto;
        right: -4px;
        bottom: -4px;
        transform: rotate(45deg);
    }

@keyframes pulse-corner {
    0% { border-color: var(--uu-wwa3); }
    25% { border-color: var(--uu-wwa5); }
    50% { border-color: var(--uu-wwa1); }
    75% { border-color: var(--uu-wwa5); }
    90% { border-color: var(--uu-wwa3); }
    93% { border-color: var(--uu-wwa8); }
    96% { border-color: var(--uu-wwa3); }
    98% { border-color: var(--uu-wwa8); }
    100% { border-color: var(--uu-wwa3); }
}
@keyframes pulse-corner-line {
    0% { opacity: 0.1; }
    35% { opacity: 0.6; }
    50% { opacity: 0.3; }
    85% { opacity: 0.9; }
    100% { opacity: 0.1; }
}
@keyframes pulse-glow {
    0% { box-shadow: 0 -2px 3px var(--uu-info-a1); }
    35% { box-shadow: 0 -2px 3px var(--uu-info-a3); }
    50% { box-shadow: 0 -2px 3px var(--uu-info-a2);}
    85% { box-shadow: 0 -2px 3px var(--uu-info-a5); }
    100% { box-shadow: 0 -2px 3px var(--uu-info-a1); }
}
.theme-dark .fx-circle {
    position: absolute;
    width: 340px;/*图像原大379px * 80%*/
    height: 340px;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90%;
    opacity: 0.4;
    transition: all 0.4s ease 0.3s;
}

.fx-circle.circle-in {
    background-image: url(imgs/circle-in.png);
    animation: circleF 30s infinite linear;
}
.fx-circle.circle-in2 {
    background-image: url(imgs/circle-in2.png);
    animation: circle 90s infinite linear;
}
.fx-circle.circle-out {
    background-image: url(imgs/circle-out.png);
    animation: circleF 60s infinite linear;
}
@keyframes circleF {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes circle {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0); }
}
/*=====================================================================================
                           button by Atom 2020.3.1
======================================================================================*/
    button:focus {
        outline: 0 !important;
    }

.btn {
    border-radius: 4px;
    font-size: inherit;
}

    .btn:focus {
        box-shadow: none;
    }

.btn-xs {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
}

.btn-group-sm > .btn,
.btn-sm {
    font-size: .8rem;
}

.btn-tiny {
    padding: 1px 5px !important;
}

.btn-w-m {
    min-width: 120px;
}

.btn-primary.btn-outline {
    color: var(--uu-primary);
}

.btn-success.btn-outline {
    color: var(--uu-success);
}

.btn-info.btn-outline {
    color: var(--uu-info);
}

.btn-warning.btn-outline {
    color: var(--uu-warning);
}

.btn-danger.btn-outline {
    color: var(--uu-danger);
}


.btn-outline-primary {
    border-color: var(--uu-primary);
    color: var(--uu-primary);
}

.btn.btn-outline-primary:hover {
    color: #fff;
    border-color: var(--uu-primary);
    background-color: var(--uu-primary);
}


.btn-outline-success {
    border-color: var(--uu-success);
    color: var(--uu-success);
}

.btn.btn-outline-success:hover {
    color: #fff;
    border-color: var(--uu-success);
    background-color: var(--uu-success);
}


.btn-outline-info {
    border-color: var(--uu-info);
    color: var(--uu-info);
}

.btn.btn-outline-info:hover {
    color: #fff;
    border-color: var(--uu-info);
    background-color: var(--uu-info);
}


.btn-outline-warning {
    border-color: var(--uu-warning);
    color: var(--uu-warning);
}

.btn.btn-outline-warning:hover {
    color: #fff;
    border-color: var(--uu-warning);
    background-color: var(--uu-warning);
}


.btn-outline-danger {
    border-color: var(--uu-danger);
    color: var(--uu-danger);
}

.btn.btn-outline-danger:hover {
    color: #fff;
    border-color: var(--uu-danger);
    background-color: var(--uu-danger);
}


.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover,
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-warning:hover,
.btn-outline-danger:hover {
    color: #fff;
}

.btn-primary.btn-outline:active,
.btn-success.btn-outline:active,
.btn-info.btn-outline:active,
.btn-warning.btn-outline:active,
.btn-danger.btn-outline:active,
.btn-outline-primary:active,
.btn-outline-success:active,
.btn-outline-info:active,
.btn-outline-warning:active,
.btn-outline-danger:active {
    color: #fff !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}
    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
    }



.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-success);
    border-color: var(--uu-success);
}
    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-success-a4);
    }


.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-warning);
    border-color: var(--uu-warning);
}
    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
    }

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-info);
    border-color: var(--uu-info);
}
    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-info-a4);
    }

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--uu-danger);
    border-color: var(--uu-danger);
}
    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
    }

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px var(--uu-a15);
    box-shadow: inset 0 3px 5px var(--uu-a15);
}

.btn-primary {
    color: var(--uu-f);
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary.focus {
        color: var(--uu-f);
        background-color: var(--uu-primary-h); /*#1a7bb9;*/
        border-color: var(--uu-primary-h);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-primary-h);
        border-color: var(--uu-primary-h);
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
        }

.btn-success {
    color: var(--uu-f);
    background-color: var(--uu-success);
    border-color: var(--uu-success);
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus {
        color: var(--uu-f);
        background-color: var(--uu-success-h); /*#18A689*/
        border-color: var(--uu-success-h);
    }

    .btn-success.disabled,
    .btn-success:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-success:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-success-h);
        border-color: var(--uu-success-h);
    }

        .btn-success:not(:disabled):not(.disabled):active:focus,
        .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-success-a4);
        }

.btn-info {
    color: var(--uu-f);
    background-color: var(--uu-info);
    border-color: var(--uu-info);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus {
        color: var(--uu-f);
        background-color: var(--uu-info-h); /*#21b9bb;*/
        border-color: var(--uu-info-h);
    }

    .btn-info.disabled,
    .btn-info:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-info:not(:disabled):not(.disabled):active,
    .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-info-h);
        border-color: var(--uu-info-h);
    }

        .btn-info:not(:disabled):not(.disabled):active:focus,
        .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-info-a4);
        }

.btn-default {
    color: inherit;
    background-color: var(--uu-f);
    border: 1px solid var(--uu-border);
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default,
    .btn-default:active:focus,
    .btn-default:active:hover,
    .btn-default.active:hover,
    .btn-default.active:focus {
        color: inherit;
        border: 1px solid var(--uu-d);
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        box-shadow: 0 2px 5px var(--uu-a15) inset;
    }

        .btn-default.disabled,
        .btn-default.disabled:hover,
        .btn-default.disabled:focus,
        .btn-default.disabled:active,
        .btn-default.disabled.active,
        .btn-default[disabled],
        .btn-default[disabled]:hover,
        .btn-default[disabled]:focus,
        .btn-default[disabled]:active,
        .btn-default.active[disabled],
        fieldset[disabled] .btn-default,
        fieldset[disabled] .btn-default:hover,
        fieldset[disabled] .btn-default:focus,
        fieldset[disabled] .btn-default:active,
        fieldset[disabled] .btn-default.active {
            color: #cacaca;
        }

.btn-warning {
    color: var(--uu-f);
    background-color: var(--uu-warning);
    border-color: var(--uu-warning);
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning.focus {
        color: var(--uu-f);
        background-color: var(--uu-warning-h); /*#f7a54a;*/
        border-color: var(--uu-warning-h);
    }

    .btn-warning.disabled,
    .btn-warning:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-warning:not(:disabled):not(.disabled):active,
    .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-warning-h);
        border-color: var(--uu-warning-h);
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus,
        .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
        }

.btn-danger {
    color: var(--uu-f);
    background-color: var(--uu-danger);
    border-color: var(--uu-danger);
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger.focus {
        color: var(--uu-f);
        background-color: var(--uu-danger-h); /*#ec4758;*/
        border-color: var(--uu-danger-h);
    }

    .btn-danger.disabled,
    .btn-danger:disabled {
        color: var(--uu-f);
        opacity: 0.8;
    }

    .btn-danger:not(:disabled):not(.disabled):active,
    .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: var(--uu-f);
        background-color: var(--uu-danger-h);
        border-color: var(--uu-danger-h);
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus,
        .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
        }

.btn-link {
    color: inherit;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        color: var(--uu-primary);
        text-decoration: none;
    }

    .btn-link:active,
    .btn-link.active,
    .open .dropdown-toggle.btn-link {
        background-image: none;
        box-shadow: none;
    }

        .btn-link.disabled,
        .btn-link.disabled:hover,
        .btn-link.disabled:focus,
        .btn-link.disabled:active,
        .btn-link.disabled.active,
        .btn-link[disabled],
        .btn-link[disabled]:hover,
        .btn-link[disabled]:focus,
        .btn-link[disabled]:active,
        .btn-link.active[disabled],
        fieldset[disabled] .btn-link,
        fieldset[disabled] .btn-link:hover,
        fieldset[disabled] .btn-link:focus,
        fieldset[disabled] .btn-link:active,
        fieldset[disabled] .btn-link.active {
            color: #cacaca;
        }

.btn-white {
    color: inherit;
    background: var(--uu-f);
    border: 1px solid var(--uu-d); /*var(--uu-border)*/
}

    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active,
    .btn-white.active,
    .open .dropdown-toggle.btn-white,
    .btn-white:active:focus,
    .btn-white:active:hover,
    .btn-white.active:hover,
    .btn-white.active:focus {
        color: inherit;
        border: 1px solid var(--uu-c);
        background-color: var(--uu-f0);
    }

        .btn-white:hover,
        .btn-white:active:hover,
        .btn-white.active:hover {
            background-color: var(--uu-f4);
        }

    .btn-white:active,
    .btn-white.active {
        box-shadow: 0 2px 4px var(--uu-a15) inset;
    }

    .btn-white:active,
    .btn-white.active,
    .open .dropdown-toggle.btn-white {
        background-image: none;
    }

        .btn-white.disabled,
        .btn-white.disabled:hover,
        .btn-white.disabled:focus,
        .btn-white.disabled:active,
        .btn-white.disabled.active,
        .btn-white[disabled],
        .btn-white[disabled]:hover,
        .btn-white[disabled]:focus,
        .btn-white[disabled]:active,
        .btn-white.active[disabled],
        fieldset[disabled] .btn-white,
        fieldset[disabled] .btn-white:hover,
        fieldset[disabled] .btn-white:focus,
        fieldset[disabled] .btn-white:active,
        fieldset[disabled] .btn-white.active {
            color: var(--uu-c);
        }
.umtime-group > .btn-white{
    line-height: 21px;
}
.btn.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .2s;
}

.btn:focus {
    outline: none !important;
}
/*loading button*/
.btn.uu-btn-loading {
    position: relative;
    opacity: 0.75;
    pointer-events: none;
}

    .btn.uu-btn-loading:before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -0.5em;
        margin-left: -0.5em;
        width: 1em;
        height: 1em;
        margin-right: 0.5em;
        border-top: 0.15em solid var(--uu-a2);
        border-right: 0.15em solid var(--uu-a2);
        border-bottom: 0.15em solid var(--uu-a2);
        border-left: 0.15em solid var(--uu-a7);
        border-radius: 50%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: turnCircle 10s infinite;
        animation: turnCircle 10s infinite;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
/*--------------------------input*/
.input-s-sm {
    width: 120px;
}

.input-s {
    width: 200px;
}
input{
    color: var(--uu-text);
}
.form-control {
    font-size: 0.9rem;
}

select.form-control:not([size]):not([multiple]) {
    height: 33px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--uu-e);
    opacity: 1;
}

.input-sm,
.form-control-sm {
    height: 31px;
}

.input-s-lg {
    width: 250px;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=umunit]::-webkit-input-placeholder {
    color: var(--uu-b);
}

.form-control,
.single-line,
textarea {
    background-color: var(--uu-f);
    background-image: none;
    border: 1px solid var(--uu-d);
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px;
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
    width: 100%;
}

    .form-control:focus,
    .single-line:focus,
    textarea:focus {
        color: var(--uu-text);
        border-color: var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

textarea {
    border-color: var(--uu-b);
    outline: none !important;
}

    textarea:focus {
        background-color: var(--uu-f) !important;
    }

.has-success .form-control,
.has-success .form-control:focus {
    border-color: var(--uu-primary);
}

.has-warning .form-control,
.has-warning .form-control:focus {
    border-color: var(--uu-warning);
}

.has-error .form-control,
.has-error .form-control:focus {
    border-color: var(--uu-danger);
}

.has-success .control-label {
    color: var(--uu-primary);
}

.has-warning .control-label {
    color: var(--uu-warning);
}

.has-error .control-label {
    color: var(--uu-danger);
}

/*--------------------------验证提示*/
.uu-required,
.uu-valid {
    transition: all .2s ease-in-out;
}

    .uu-required::-webkit-input-placeholder,
    .uu-required:-ms-input-placeholder,
    .uu-valid-error > input.uu-valid::-webkit-input-placeholder,
    .uu-valid-error > input.uu-valid:-ms-input-placeholder {
        color: var(--uu-red-w);
    }

    i.uu-required:before,
    .uu-required label:not(.DTE_Label):before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        color: #b11f1f;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f069";
    }

.umexcel.dataTable thead > tr > th.sorting_asc,
.umexcel.dataTable thead > tr > th.sorting_desc,
.umexcel.dataTable thead > tr > th.sorting,
.umexcel.dataTable thead > tr > td.sorting_asc,
.umexcel.dataTable thead > tr > td.sorting_desc,
.umexcel.dataTable thead > tr > td.sorting {
    padding-right: 20px;
}

.umexcel.table > thead > tr > th.uu-required {
    color: #b11f1f;
}

.uu-alert-info {
    color: var(--uu-danger);
    font-weight: 600;
}

body input.uu-required-error,
body .uu-valid-error > input.uu-valid {
    border-color: var(--uu-red) !important;
    outline: none;
}

    body input.uu-required-error:focus,
    body .uu-valid-error > input.uu-valid:focus {
        -webkit-box-shadow: 0 0 8px rgba(238,136,136,.9) !important;
        box-shadow: 0 0 8px rgba(238,136,136,.9) !important;
    }

body .uu-valid-error:after {
    content: "\f06a";
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: var(--uu-red);
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    pointer-events: none;
    z-index: 200;
}

body .uu-head-editor .uu-valid-error:after {
    left: 87px;
}
/*全局复制input*/
.uu-data-copy {
    border-style: dotted !important;
    border-color: var(--uu-red) !important;
    background-color: #ffdadd !important;
}

.uu-data-copy-tips {
    position: absolute;
    width: auto;
    left: 0;
    top: 0;
    padding: 1px 5px;
    border: 1px dotted var(--uu-red);
    border-radius: 1px;
    background-color: #ffdadd;
    opacity: 0.8;
    z-index: 3100;
}

    .uu-data-copy-tips > b {
        max-width: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
/*input修改状态*/
.uu-input-uwedit {
    /*border-bottom: 1px dashed var(--uu-danger) !important;*/
    box-shadow: inset 0 0 4px 2px rgba(240,0,0,.2);
}

    .uu-input-uwedit:focus {
        box-shadow: 0 0 5px var(--uu-primary-a8), inset 0 0 4px 2px rgba(240,0,0,.2);
    }

.uu-input-searched {
    background-color: var(--uu-primary-a7) !important;
    color: #fff !important;
}
.uu-input-icon {
    position: absolute;
    top: 13px;
    left: 15px;
    color: var(--uu-primary-a9);
    font-size: 16px;
    z-index: 1;
}
/*=====================================================================================
                           jsvectormap by Atom 2020.3.1
======================================================================================*/
.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    background: #292929;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 5px;
}

.jvectormap-zoomin,
.jvectormap-zoomout,
.jvectormap-goback {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: var(--uu-primary);
    padding: 3px;
    color: white;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin,
.jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 200;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.jvectormap-legend-title {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0;
    right: 0;
}

.jvectormap-legend-cnt-v {
    top: 0;
    right: 0;
}

.jvectormap-legend {
    background: black;
    color: white;
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0 10px 10px 0;
    padding: 3px 3px 1px 3px;
}

    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
        float: left;
    }

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0 0;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}


/*=====================================================================================
                           component by Atom 2020.3.1
======================================================================================*/
/*-------------------------- label badge*/
.label {
    background-color: var(--uu-d5);
    color: var(--uu-2);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding: 3px 8px;
    text-shadow: none;
    border-radius: 20px;
    line-height: 1;
    white-space: nowrap;
}

.badge {
    background-color: var(--uu-d5);
    color: var(--uu-2);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 6px;
    border-radius: 20px;
    text-shadow: none;
    white-space: nowrap;
}

.label-primary,
.badge-primary {
    background-color: var(--uu-primary);
    color: #fff;
}

.label-success,
.badge-success {
    background-color: var(--uu-success);
    color: #fff;
}

.label-warning,
.badge-warning {
    background-color: var(--uu-warning);
    color: #fff;
}

.label-danger,
.badge-danger {
    background-color: var(--uu-danger);
    color: #fff;
}

.label-info,
.badge-info {
    background-color: var(--uu-info);
    color: #fff;
}
.label-purple,
.badge-purple {
    background-color: var(--uu-purple);
    color: #fff;
}
.label-inverse,
.badge-inverse {
    background-color: var(--uu-2);
    color: var(--uu-f);
}

.label-white,
.badge-white {
    background-color: var(--uu-f);
    color: var(--uu-5);
}

.label-disable,
.badge-disable {
    background-color: var(--uu-2);
    color: var(--uu-9);
}

.label-blue-w,
.badge-blue-w {
    background-color: var(--uu-primary-a2);
}

.label-gray,
.badge-gray {
    color: #fff;
    background-color: var(--uu-a4);
}

.badge-min {
    font-weight: 400;
    padding: 4px;
    border-radius: 20px;
}

.badge-tiny {
    font-weight: 400;
    padding: 2px 4px;
    border-radius: 20px;
}
/*色阶pwsid 各10阶，共50阶色彩，用于排序*/
.label-pa1,
.badge-pa1 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a1);
}

.label-pa2,
.badge-pa2 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a2);
}

.label-pa3,
.badge-pa3 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a3);
}

.label-pa4,
.badge-pa4 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a4);
}

.label-pa5,
.badge-pa5 {
    color: var(--uu-3);
    background-color: var(--uu-primary-a5);
}

.label-pa6,
.badge-pa6 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a6);
}

.label-pa7,
.badge-pa7 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a7);
}

.label-pa8,
.badge-pa8 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a8);
}

.label-pa9,
.badge-pa9 {
    color: var(--uu-f);
    background-color: var(--uu-primary-a9);
}

.label-pa10,
.badge-pa10 {
    color: var(--uu-f);
    background-color: var(--uu-primary);
}

.label-wa1,
.badge-wa1 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a1);
}

.label-wa2,
.badge-wa2 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a2);
}

.label-wa3,
.badge-wa3 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a3);
}

.label-wa4,
.badge-wa4 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a4);
}

.label-wa5,
.badge-wa5 {
    color: var(--uu-3);
    background-color: var(--uu-warning-a5);
}

.label-wa6,
.badge-wa6 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a6);
}

.label-wa7,
.badge-wa7 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a7);
}

.label-wa8,
.badge-wa8 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a8);
}

.label-wa9,
.badge-wa9 {
    color: var(--uu-f);
    background-color: var(--uu-warning-a9);
}

.label-wa10,
.badge-wa10 {
    color: var(--uu-f);
    background-color: var(--uu-warning);
}

.label-sa1,
.badge-sa1 {
    color: var(--uu-3);
    background-color: var(--uu-success-a1);
}

.label-sa2,
.badge-sa2 {
    color: var(--uu-3);
    background-color: var(--uu-success-a2);
}

.label-sa3,
.badge-sa3 {
    color: var(--uu-3);
    background-color: var(--uu-success-a3);
}

.label-sa4,
.badge-sa4 {
    color: var(--uu-3);
    background-color: var(--uu-success-a4);
}

.label-sa5,
.badge-sa5 {
    color: var(--uu-3);
    background-color: var(--uu-success-a5);
}

.label-sa6,
.badge-sa6 {
    color: var(--uu-f);
    background-color: var(--uu-success-a6);
}

.label-sa7,
.badge-sa7 {
    color: var(--uu-f);
    background-color: var(--uu-success-a7);
}

.label-sa8,
.badge-sa8 {
    color: var(--uu-f);
    background-color: var(--uu-success-a8);
}

.label-sa9,
.badge-sa9 {
    color: var(--uu-f);
    background-color: var(--uu-success-a9);
}

.label-sa10,
.badge-sa10 {
    color: var(--uu-f);
    background-color: var(--uu-success);
}

.label-ia1,
.badge-ia1 {
    color: var(--uu-3);
    background-color: var(--uu-info-a1);
}

.label-ia2,
.badge-ia2 {
    color: var(--uu-3);
    background-color: var(--uu-info-a2);
}

.label-ia3,
.badge-ia3 {
    color: var(--uu-3);
    background-color: var(--uu-info-a3);
}

.label-ia4,
.badge-ia4 {
    color: var(--uu-3);
    background-color: var(--uu-info-a4);
}

.label-ia5,
.badge-ia5 {
    color: var(--uu-3);
    background-color: var(--uu-info-a5);
}

.label-ia6,
.badge-ia6 {
    color: var(--uu-f);
    background-color: var(--uu-info-a6);
}

.label-ia7,
.badge-ia7 {
    color: var(--uu-f);
    background-color: var(--uu-info-a7);
}

.label-ia8,
.badge-ia8 {
    color: var(--uu-f);
    background-color: var(--uu-info-a8);
}

.label-ia9,
.badge-ia9 {
    color: var(--uu-f);
    background-color: var(--uu-info-a9);
}

.label-ia10,
.badge-ia10 {
    color: var(--uu-f);
    background-color: var(--uu-info);
}

.label-da1,
.badge-da1 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a1);
}

.label-da2,
.badge-da2 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a2);
}

.label-da3,
.badge-da3 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a3);
}

.label-da4,
.badge-da4 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a4);
}

.label-da5,
.badge-da5 {
    color: var(--uu-3);
    background-color: var(--uu-danger-a5);
}

.label-da6,
.badge-da6 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a6);
}

.label-da7,
.badge-da7 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a7);
}

.label-da8,
.badge-da8 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a8);
}

.label-da9,
.badge-da9 {
    color: var(--uu-f);
    background-color: var(--uu-danger-a9);
}

.label-da10,
.badge-da10 {
    color: var(--uu-f);
    background-color: var(--uu-danger);
}
                


                
/*含边框*/
.label-outline-primary,
.badge-outline-primary {
    font-weight: 400;
    color: var(--uu-primary);
    border: 1px solid var(--uu-primary);
    background-color: transparent;
}
.label-outline-success,
.badge-outline-success {
    font-weight: 400;
    color: var(--uu-success);
    border: 1px solid var(--uu-success);
    background-color: transparent;
}

.label-outline-warning,
.badge-outline-warning {
    font-weight: 400;
    color: var(--uu-warning);
    border: 1px solid var(--uu-warning);
    background-color: transparent;
}

.label-outline-danger,
.badge-outline-danger {
    font-weight: 400;
    color: var(--uu-danger);
    border: 1px solid var(--uu-danger);
    background-color: transparent;
}

.label-outline-info,
.badge-outline-info {
    font-weight: 400;
    color: var(--uu-info);
    border: 1px solid var(--uu-info);
    background-color: transparent;
}
.label-outline-gray,
.badge-outline-gray {
    font-weight: 400;
    color: var(--uu-7);
    border: 1px solid var(--uu-c);
    background-color: transparent;
}
.dataTable tbody tr.selected .badge-outline-primary,
.dataTable tbody td.selected .label-outline-primary,
.dataTable tbody tr.selected .badge-outline-success,
.dataTable tbody td.selected .label-outline-success,
.dataTable tbody tr.selected .badge-outline-warning,
.dataTable tbody td.selected .label-outline-warning,
.dataTable tbody tr.selected .badge-outline-danger,
.dataTable tbody td.selected .label-outline-danger,
.dataTable tbody tr.selected .badge-outline-info,
.dataTable tbody td.selected .label-outline-info,
.dataTable tbody tr.selected .badge-outline-gray,
.dataTable tbody td.selected .label-outline-gray {
    color: var(--uu-ww);
    border: 1px solid var(--uu-ww);
}

/*-------------------------- dropdown */
.dropdown-menu {
    position: absolute;
    display: none;
    float: left;
    left: 0;
    top: 100%;
    min-width: 8rem;
    padding: 0;
    color: var(--uu-text);
    font-size: 12px;
    border: none;
    border-radius: 3px;
    background-color: var(--uu-f);
    box-shadow: 0 0 3px var(--uu-a4);
    text-shadow: none;
    list-style: none outside none;
    overflow: hidden;
    z-index: 500;
}

    .dropdown-menu.show.uu-top-auto {
        top: 100% !important;
    }

.dropdown-item {
    width: auto;
    padding: 5px 15px;
    font-size: 13px;
    color: var(--uu-text);
    outline: none;
}

    .dropdown-item.active,
    .dropdown-item:active {
        background-color: var(--uu-primary);
    }

    .dropdown-item:focus,
    .dropdown-item:hover,
    .navbar-side-header .dropdown-item:hover,
    a.dropdown-item:not([href]):hover {
        color: var(--uu-ww);
        text-decoration: none;
        background-color: var(--uu-primary-a6);
    }

    .dropdown-item > .label {
        background-color: var(--uu-e5);
    }

    .dropdown-item:hover > .label {
        color: #fff;
        background-color: var(--uu-success-h);
    }
.dropdown-divider {
    margin: .5rem 0;
    border-top: 1px solid var(--uu-e9);
}
hr.dt-button.dropdown-item {
    margin: 3px;
    padding: 0;
    height: 1px;
    border-top: 1px solid var(--uu-e9);
}
/*专用红色下拉列表*/
.js-salemenu .dropdown-item.active {
    background-color: var(--uu-danger);
}
.js-salemenu a.dropdown-item:not([href]):hover {
    background-color: var(--uu-danger-a6);
}
/*--------------------------jumbotron*/
.jumbotron {
    border-radius: 6px;
    padding: 40px;
}

    .jumbotron h1 {
        margin-top: 0;
    }
/*-------------------------- PAGINATIN */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border-color: var(--uu-d);
    cursor: default;
    z-index: 2;
}

.pagination > li > a,
.pagination > li > span {
    background-color: var(--uu-f);
    border: 1px solid var(--uu-d);
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    user-select: none;
}

.page-item.active .page-link {
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.page-item.disabled .page-link {
    color: var(--uu-d);
    background-color: var(--uu-f);
    border-color: var(--uu-d);
    cursor: auto;
    pointer-events: none;
}

.page-link:focus {
    box-shadow: none;
}

.page-link:hover {
    z-index: 2;
    color: var(--uu-group);
    text-decoration: none;
    background-color: var(--uu-f4);
    border-color: var(--uu-d);
}

.pagination .footable-page.active a {
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
    color: white;
}

/*-------------------------- TOOLTIPS */
.tooltip-inner {
    background-color: var(--uu-body-bg);
}

.tooltip.top .tooltip-arrow {
    border-top-color: var(--uu-body-bg);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--uu-body-bg);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--uu-body-bg);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--uu-body-bg);
}
/*-------------------------- list */
ul.unstyled,
ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
    .stat-list li {
        margin-top: 15px;
        position: relative;
    }
        .stat-list li:first-child {
            margin-top: 0;
        }
.stat-percent {
    float: right;
}



/*-------------------------- breadcrumb  */

.breadcrumb {
    background-color: var(--uu-f);
    padding: 0;
    margin-bottom: 0;
}

    .breadcrumb > li a {
        color: inherit;
    }

    .breadcrumb > .active {
        color: inherit;
    }

/*-------------------------- COLORS */
.text-muted {
    color: var(--uu-a) !important;
}

.text-white {
    color: var(--uu-ww) !important;
}

.text-gray {
    color: var(--uu-8) !important;
}
.text-gray-a {
    color: var(--uu-a2) !important;
}
.text-pink {
    color: var(--uu-danger-a7) !important;
}
.text-blue{
    color: var(--uu-blue) !important;
}
.text-default {
    color: inherit !important;
}

.text-primary {
    color: var(--uu-primary) !important;
}

.text-success {
    color: var(--uu-success) !important;
}

.text-info {
    color: var(--uu-info) !important;
}

.text-warning {
    color: var(--uu-warning) !important;
}

.text-danger {
    color: var(--uu-danger) !important;
}


tr.selected .text-primary,
td.selected .text-primary,
tr.selected .text-success,
td.selected .text-success,
tr.selected .text-info,
td.selected .text-info,
tr.selected .text-warning,
td.selected .text-warning,
tr.selected .text-danger,
td.selected .text-danger,
tr.selected .text-muted,
td.selected .text-muted,
tr.selected .text-gray,
td.selected .text-gray,
tr.selected .text-pink,
td.selected .text-pink,
td.selected .text-blue{
    color: var(--uu-ww) !important;
}
var {
    font-style: normal;
    font-size: inherit;
    color: var(--uu-a5);
}
tr.selected var,
td.selected var {
    color: var(--uu-wwa7) !important;
}
.label var,
.badge var {
    color: var(--uu-ww);
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-primary {
    color: var(--uu-primary) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-success {
    color: var(--uu-success) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-info {
    color: var(--uu-info) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-warning {
    color: var(--uu-warning) !important;
}
.DTE_Inline .DTE_Field .DTE_Field_Message .excel-msg-danger {
    color: var(--uu-danger) !important;
}

/*-------------------------- progress */
.progress-bar {
    border-radius: 6px;
    background: linear-gradient(to right, var(--uu-primary), var(--uu-primary-h));
}
.progress-small,
.progress-mini {
    margin: 5px 0;
    border-radius: 6px;
    background-color: var(--uu-e9);
}

    .progress-small,
    .progress-small .progress-bar {
        height: 7px;
    }

    .progress-mini,
    .progress-mini .progress-bar {
        height: 5px;
    }

.progress-bar-success {
    background: linear-gradient(to right, var(--uu-success), var(--uu-success-h));
}

.progress-bar-info {
    background: linear-gradient(to right, var(--uu-info), var(--uu-info-h));
}

.progress-bar-warning {
    background: linear-gradient(to right, var(--uu-warning), var(--uu-warning-h));
}

.progress-bar-danger {
    background: linear-gradient(to right, var(--uu-danger), var(--uu-danger-h));
}
/*-------------------------- BACKGROUNDS */
.bg-light {
    background-color: var(--uu-f5) !important;
}
.gray-bg,
.bg-muted {
    background-color: var(--uu-f3) !important;
}

.th-gray-bg {
    background-color: var(--uu-f0) !important;
}

.bg-done {
    background: none !important;
    background-color: var(--uu-c) !important;
}

.white-bg {
    background-color: var(--uu-ibox-content) !important;
}


.bg-success {
    background-color: var(--uu-success) !important;
    color: #fff;
}


.bg-primary {
    background-color: var(--uu-primary) !important;
    color: #fff;
}

.bg-info {
    background-color: var(--uu-info) !important;
    color: #fff;
}

.orange-bg,
.bg-warning {
    background-color: var(--uu-warning) !important;
    color: #fff;
}

.red-bg,
.bg-danger {
    background-color: var(--uu-danger) !important;
    color: #fff;
}

.black-bg {
    background-color: var(--uu-d);
}

.yellow-bg {
    background-color: #fcf8e3 !important;
}

.green-bg {
    background-color: #dff0d8 !important;
}

.border-nav {
    border-color: var(--uu-body-bg) !important;
}
.bg-light-primary {
    background-color: var(--uu-primary-a1) !important;
}
.bg-light-success {
    background-color: var(--uu-success-a1) !important;
}
.bg-light-info {
    background-color: var(--uu-info-a1) !important;
}
.bg-light-warning {
    background-color: var(--uu-warning-a1) !important;
}
.bg-light-danger {
    background-color: var(--uu-danger-a1) !important;
}
/*=====================================================================================
                           ibox by Atom 2020.3.1
======================================================================================*/

.ibox {
    clear: both;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 0;
}

    .ibox.collapsed .ibox-content {
        display: none;
    }

    .ibox.collapsed .fa.fa-chevron-up:before {
        content: "\f078";
    }

    .ibox.collapsed .fa.fa-chevron-down:before {
        content: "\f077";
    }

    .ibox:after,
    .ibox:before {
        display: table;
    }

.ibox-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    height: 60px;
    margin-bottom: 0;
    padding: 0 10px 0 10px;
    color: inherit;
    border-color: var(--uu-border);
    border-image: none;
    border-style: solid solid none;
    border-width: 2px 0 0;
    background-color: var(--uu-ibox-title);
    overflow: visible;/*必须为visible，否则主工具栏的下拉列表无法显示*/
}

.ibox-content {
    position: relative;
    padding: 15px 20px 20px 20px;
    color: inherit;
    border-color: var(--uu-border);
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
    background-color: var(--uu-ibox-content);
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid var(--uu-border);
    font-size: 90%;
    background: var(--uu-f);
    padding: 10px 15px;
}

.ibox-content {
    clear: both;
}

    .ibox-content h1,
    .ibox-content h2,
    .ibox-content h3,
    .ibox-content h4,
    .ibox-content h5,
    .ibox-title h1,
    .ibox-title h2,
    .ibox-title h3,
    .ibox-title h4,
    .ibox-title h5 {
        margin-top: 5px;
    }

    .ibox-content.text-box {
        padding-bottom: 0;
        padding-top: 15px;
    }

.ibox-heading {
    background-color: var(--uu-f4);
    border-bottom: none;
}

    .ibox-heading h3 {
        font-weight: 200;
        font-size: 24px;
    }

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
}

.ibox-title .label {
    margin-left: 4px;
}

.ibox-title .pull-right {
    position: absolute;
    right: 15px;
    top: 15px;
}

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    text-align: right;
}

    .ibox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #c4c4c4 !important;
    }


.ibox-full-height {
    height: 100%; /*用于向下传递高度*/
    margin-bottom: 0;
    overflow: hidden;
}

.ibox-cnt-fullheight {
    height: calc(100% - 60px); /*用于向下传递高度，减去ibox-title高度*/
    padding: 10px 5px 5px 10px;
}




/*=====================================================================================
                           modal & fileinput & umimg 样式 by Atom 2020.08.02
======================================================================================*/
/*--------------------------modal*/
.modal {
    z-index: 2050 !important;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-3%);
    transform: translate(0,-3%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-dialog {
    z-index: 2200;
}

.modal-body {
    padding: 15px;
}

.modal-content {
    outline: 0 none;
    position: relative;
    border: 1px solid transparent;
    border-radius: 6px;
    box-shadow: 0 2px 8px 0 var(--uu-a9);
    background-clip: padding-box;
    background-color: var(--uu-f);
}

.modal-footer {
    margin-top: 0;
}

.modal-backdrop {
    z-index: 2040 !important;
}

    .modal-backdrop.show {
        opacity: 0.6;
        background: radial-gradient(ellipse farthest-corner at center, var(--uu-a5) 0%, var(--uu-a9) 100%);
    }

body.modal-open {
    padding-right: inherit !important;
}

    body.modal-open .animated {
        animation-fill-mode: initial;
        z-index: inherit;
    }


.modal-header {
    background-color: var(--uu-f3);
    border-bottom: 1px solid var(--uu-d);
    font-size: 1.3em;
    padding: 7px 15px 7px 15px;
}

    .modal-header .close {
        padding: 0;
        margin: 0;
        position: absolute;
        top: -12px;
        right: -12px;
        width: 24px;
        height: 24px;
        border: 2px solid white;
        background-color: var(--uu-9);
        font-size: 14px;
        text-align: center;
        border-radius: 15px;
        cursor: pointer;
        z-index: 8;
        opacity: 1;
        box-shadow: 0px 0px 5px #111;
        user-select: none;
        -webkit-user-select: none;
    }

        .modal-header .close:after {
            content: '\00d7';
            color: white;
            font-weight: bold;
            font-size: 24px;
            line-height: 22px;
            font-family: 'Courier New', Courier, monospace;
            padding-left: 0;
        }

        .modal-header .close:hover {
            background-color: #092079;
            box-shadow: 2px 2px 9px #111;
        }

.modal.file-zoom-dialog .modal-body {
    background-color: var(--uu-f3);
    border-radius: 4px;
    min-height: 480px;
}

@media (min-width: 1200px) {
    #umImgUpload .modal-xl {
        max-width: 1070px;
    }
}
/*--------------------------file-input excel & umImg.upload*/
.file-preview {
    width: 100%;
    max-height: 520px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--uu-d);
    overflow: auto;
}

    .file-preview::-webkit-scrollbar-thumb {
        background-color: var(--uu-ba15);
    }

.file-drop-zone {
    border-width: 2px;
    border-color: transparent;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 1px;
}

.file-zoom-dialog .btn-navigate {
    margin-top: -33px;
    font-size: 3em;
    color: var(--uu-9);
    opacity: .5;
}

    .file-zoom-dialog .btn-navigate:not([disabled]):hover {
        opacity: .9;
    }

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: 45px;
}

.krajee-default .file-footer-caption {
    margin-bottom: -10px;
}
/*上传img专用 文件名靠右*/
#umImgUpload .krajee-default .file-caption-info,
#umImgUpload .krajee-default .file-size-info {
    text-align: left;
    width: 190px;
    margin: 0 0 0 5px;
}
/*添加文件时状态有闪烁感，故隐藏**/
.file-preview-status {
    display: none;
}

.krajee-default.file-preview-frame .kv-file-content {
    /*比例为4:3*/
    width: 220px !important;
    height: 165px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


.krajee-default .file-preview-other-frame {
    width: 205px !important;
}

.krajee-default.file-preview-frame {
    box-shadow: 0 0 5px 1px var(--uu-a1);
    background-color: var(--uu-fa);
    border-radius: 4px;
}

    .krajee-default.file-preview-frame:hover {
        box-shadow: 0 0 7px 2px var(--uu-a4);
        background-color: var(--uu-f0);
    }

.btn-outline-secondary:hover {
    color: #fff !important;
    background-color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.krajee-default .file-thumb-progress {
    height: 15px;
    top: 38px;
    left: 0px;
    right: 0;
    margin: 0px 66px 0 18px;
}

    .krajee-default .file-thumb-progress .progress, .krajee-default .file-thumb-progress .progress-bar {
        height: 12px;
        opacity: 0.85;
        border-radius: 10px;
    }

.file-zoom-content {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 480px;
}

/*上传excel专用 无预览
#importModal .file-footer-buttons .kv-file-upload.btn,
#importModal .file-footer-buttons .kv-file-zoom.btn {
    display: none;
}*/
#importModal .krajee-default .file-footer-caption {
    margin-bottom: 0px;
}

#importModal .krajee-default.file-preview-frame .kv-file-content {
    /*比例为4:3*/
    width: 205px !important;
    height: 120px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*modal内部提示专用*/
.alert-primary {
    color: var(--uu-blue);
    background-color: var(--uu-primary-a2);
    border-color: var(--uu-primary-a3);
}
    .alert-primary hr {
        border-top-color: var(--uu-primary-a3);
    }
.alert-success {
    color: var(--uu-success);
    background-color: var(--uu-success-a2);
    border-color: var(--uu-success-a3);
}
.alert-primary hr {
    border-top-color: var(--uu-success-a3);
}
/*alert通用*/
.alert-light {
    color: var(--uu-6);
    background-color: var(--uu-f6);/*f6为widget的标题背景色*/
    border-color: var(--uu-f2);
}
    .alert-light hr{
        border-color: var(--uu-e);
    }
/*--------------------------umImg显示组件，即umImg*/
.umimg {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 106px !important;
    max-height: 230px !important;
    max-width: 712px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid transparent;
    overflow: auto;
}

    .umimg:focus {
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    /*因为dataTable样式冲突，使用important*/
    .umimg > .umimg-item {
        flex: none !important;
        position: relative !important;
        width: 80px !important;
        height: 80px !important;
        padding: 0 !important;
        margin: 12px 8px !important;
        border: 1px solid var(--uu-d);
        background-color: var(--uu-fa);
        display: flex;
        justify-content: center;
        align-items: center;
    }

.umimg-img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
/*单行小尺寸*/
.umimg-min {
    min-height: 60px !important;
    max-height: 64px !important;
    min-width: 60px !important;
    max-width: 270px !important;
}

    .umimg-min > .umimg-item {
        width: 40px !important;
        height: 40px !important;
        margin: 8px 8px 12px 8px !important;
    }
/*功能按钮*/
.umimg-item > .umimg-fn-add,
.umimg-item > .umimg-fn-del,
.umimg-item > .umimg-fn-clear {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: white;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 15px;
    background-color: var(--uu-a3);
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px var(--uu-a3);
    -webkit-font-smoothing: antialiased;
    user-select: none;
    -webkit-user-select: none;
}

.umimg-item > .umimg-fn-add {
    top: auto;
    bottom: -10px;
}

.umimg-fn-add:after {
    content: "+";
}

.umimg-fn-del:after {
    content: "\00d7";
}

.umimg-fn-clear:after {
    content: "-";
}

.umimg-item > .umimg-fn-add:hover,
.umimg-item > .umimg-fn-del:hover,
.umimg-item > .umimg-fn-clear:hover {
    background-color: var(--uu-primary-a7);
    box-shadow: 0 0 5px 1px var(--uu-a6);
}

.umimg-item > .umimg-fn-del:hover,
.umimg-item > .umimg-fn-clear:hover {
    background-color: var(--uu-danger);
}

.umimg-fn-preview {
    background-color: var(--uu-fa);
    cursor: pointer;
}

    .umimg-fn-preview:hover {
        background-color: var(--uu-f0);
        box-shadow: 0 0 5px var(--uu-a5);
    }
.uu-img-thumb.umimg-fn-preview:hover {
    background-color: var(--uu-f0);
    box-shadow: 0 0 4px var(--uu-a3);
}
input.umimg-widget-input[type='umimg'] {
    position: absolute;
    height: 1px;
    width: 40px;
    top: 47px;
    left: 9px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 0;
}

input.umimg-widget-input:focus {
    outline: none;
    box-shadow: none;
}
/*-------------------------- umImg选择组件，即umImg.list*/
.umimg-list {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    counter-reset: imgnum;
    user-select: none;
    -webkit-user-select: none;
}

.umimg-list-item {
    flex: none;
    position: relative;
    width: 202px;
    height: 142px;
    margin: 6px;
    border: 1px solid var(--uu-a15);
    background-color: var(--uu-fa);
    border-radius: 1px;
}

    .umimg-list-item:before {
        content: counter(imgnum);
        counter-increment: imgnum;
        position: absolute;
        top: 6px;
        left: 6px;
        width: auto;
        padding: 0px 5px;
        line-height: 14px;
        font-size: 12px;
        color: #fff;
        font-family: 'FontAwesome';
        text-align: center;
        vertical-align: middle;
        border-radius: 15px;
        background-color: var(--uu-a35);
        z-index: 1;
    }

    .umimg-list-item:hover {
        border: 1px solid #fff;
        background-color: var(--uu-f0);
        box-shadow: 0 0 6px var(--uu-a6);
    }

    .umimg-list-item.selected {
        border: 1px solid var(--uu-primary);
        box-shadow: 0 0 7px 2px var(--uu-primary-a8);
    }

        .umimg-list-item.selected:hover {
            border: 1px solid #fff;
            box-shadow: 0 0 7px 1px var(--uu-primary);
        }

        .umimg-list-item.selected::after {
            content: "\f00c";
            position: absolute;
            top: 6px;
            right: 32px;
            width: 24px;
            height: 24px;
            line-height: 20px;
            font-size: 16px;
            color: #fff;
            font-weight: normal;
            font-style: normal;
            font-family: 'FontAwesome';
            text-rendering: auto;
            text-align: center;
            vertical-align: middle;
            border: 2px solid #fff;
            border-radius: 15px;
            background-color: var(--uu-primary);
            background-clip: content-box;
            z-index: 2;
            box-shadow: 0 0 3px var(--uu-a5);
            -webkit-font-smoothing: antialiased;
            user-select: none;
            -webkit-user-select: none;
            -webkit-appearance: none;
            transition: background-color ease-in 0.1s;
        }

        .umimg-list-item.selected.first-sel::after,
        .umimg-list-item.selected.first-sel > .umimg-list-item-selno {
            background-color: var(--uu-danger);
        }

.umimg-list-item-imgbox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .umimg-list-item-imgbox > img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

.umimg-list-item-selno {
    display: none;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 50px;
    height: 24px;
    line-height: 21px;
    padding: 0 0 0 20px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #fff;
    border-radius: 15px;
    background-color: var(--uu-primary);
    z-index: 1;
    box-shadow: 0 0 5px var(--uu-a6);
    user-select: none;
    -webkit-user-select: none;
    transition: background-color ease-in 0.2s;
}

.umimg-list-item.selected > .umimg-list-item-selno {
    display: block;
}

.umimg-list-item-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    background-color: var(--uu-a35);
    opacity: 0.8;
}

.umimg-list-item:hover .umimg-list-item-caption {
    opacity: 1;
}

.umimg-list-item-caption > p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1px 5px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .umimg-list-item-caption > p > b {
        flex: none;
        max-width: 60px;
        padding: 0px 5px;
        height: 16px;
        line-height: 14px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        border: 1px solid #fff;
        border-radius: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        user-select: text;
    }

    .umimg-list-item-caption > p > i {
        max-width: 130px;
        padding: 0px 3px;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        user-select: text;
    }

        .umimg-list-item-caption > p > i.big-size {
            padding: 0px 5px;
            height: 15px;
            line-height: 13px;
            color: #fff;
            font-size: 12px;
            border: 1px solid var(--uu-red);
            background-color: var(--uu-red);
            border-radius: 10px;
        }

.umimg-list-item > .js-umimg-list-item-preview {
    position: absolute;
    right: 6px;
    bottom: 42px;
    border-radius: 20px;
    padding: 2px 6px;
}

    .umimg-list-item > .js-umimg-list-item-preview:before {
        content: "\f00e";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
/*与sortlist样式一致*/
.umimg-tree {
    margin: 0;
    padding: 0;
    list-style: none;
    user-select: none;
    -webkit-user-select: none;
}
/*与.dd-handle一致*/
.umimg-tree-item {
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 5px 6px;
    color: var(--uu-3);
    text-decoration: none;
    border: 1px solid var(--uu-border);
    background: var(--uu-f6);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.15s;
}

    .umimg-tree-item.active {
        color: var(--uu-primary);
        font-weight: 600;
        border-color: var(--uu-primary);
        background-color: var(--uu-primary-a1);
    }

        .umimg-tree-item.active:after {
            content: "";
            position: absolute;
            top: 10px;
            right: -12px;
            width: 12px;
            height: 12px;
            border: 6px solid transparent;
            border-left-color: var(--uu-primary);
            z-index: 1;
        }

    .umimg-tree-item:hover {
        background: var(--uu-e9);
        border-color: var(--uu-d);
        color: var(--uu-success);
    }

    .umimg-tree-item.active:hover {
        color: var(--uu-primary);
        border-color: var(--uu-primary-h);
        background-color: var(--uu-primary-a2);
    }

    .umimg-tree-item.active > .badge {
        color: #fff;
        background-color: var(--uu-primary);
    }

.uu-panel-toolbar .btn.btn-outline-primary {
    padding: 5px 10px;
    border-color: var(--uu-primary);
    color: var(--uu-primary);
}

.uu-panel-toolbar .btn:hover {
    color: #fff;
}

.uu-panel-toolbar .btn.js-umimg-list-del {
    color: var(--uu-danger);
}

    .uu-panel-toolbar .btn.js-umimg-list-del:hover {
        color: #fff;
    }
/*-------------------------- umImg预览组件，即umImg.preview*/
.umimg-preview-imgbox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .umimg-preview-imgbox > img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
/*=====================================================================================
                           umGrid & umList by Atom 2020.08.13
======================================================================================*/
.umgrid {
    position: relative;
    min-height: 120px !important;
    max-height: 850px !important;
    min-width: 700px !important;
    max-width: 902px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid transparent;
    overflow: auto;
}

    .umgrid:focus{
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: none;
    }
    .umgrid > table{
        width: 100%;
        border: 1px solid var(--uu-d);
    }
.umlist {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 1px;
    border-right: 1px solid var(--uu-e5);
    border-bottom: 1px solid var(--uu-e5);
    font-size: 13px;
    overflow: auto;
}
    .umlist:focus {
        box-shadow: 0 0 5px var(--uu-primary-a8);
        outline: 1px solid var(--uu-primary);
    }
    .umlist .dataTable[list-table-id] {
        width: 100% !important;
    }
    .umlist .dataTables_scrollBody .dataTable {
        border-right-color: var(--uu-d);
    }
    .umlist .dataTable thead > tr > th.sorting_asc,
    .umlist .dataTable thead > tr > th.sorting_desc,
    .umlist .dataTable thead > tr > th.sorting {
        padding-right: 0px;
    }
    .umlist .table > thead > tr > th,
    .umlist .table > tbody > tr > th,
    .umlist .table > tfoot > tr > th,
    .umlist .table > thead > tr > td,
    .umlist .table > tbody > tr > td,
    .umlist .table > tfoot > tr > td {
        padding: 8px 5px;
    }
div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba15);
}
/*umlit列宽需要手动设置，且列宽仅影响表头，表体无法设置宽度，总宽650。umlist中表体中第1(2)列总是定义80px，第0(1)列在umTable中定义40px，2和3列自动，其它均分*/
.umlist .dataTables_scrollBody td:nth-of-type(n) {
    width: 17%;
}
.umlist .dataTables_scrollBody td:last-of-type {
    width: auto;
}
.umlist .dataTables_scrollBody td:nth-of-type(1) {
    width: 40px;
}
.umlist .dataTables_scrollBody td:nth-of-type(2) {
    width: 80px;
}
.umlist .dataTables_scrollBody td:nth-of-type(3) {
    width: auto;
}
/*=====================================================================================
                           umTree by Atom 2020.09.26
======================================================================================*/
.jstree-default .jstree-wholerow-clicked {
    color: #fff;
    background: none;
    background-color: var(--uu-primary-a2);
}

.jstree-default .jstree-wholerow-hovered {
    background: var(--uu-info-a2);
}

.jstree-default .jstree-search.jstree-anchor {
    font-style: normal;
    color: var(--uu-f63);
    font-weight: normal;
}
/*橙色主题*/
.theme-orange.jstree-default .jstree-wholerow-clicked {
    background-color: var(--uu-warning-a3);
}
.theme-orange.jstree-default .jstree-wholerow-hovered {
    background-color: var(--uu-danger-a1);
}

/*默认为24*/
.jstree-default .jstree-icon:empty {
    width: 20px;
}

.jstree-default .jstree-node {
    margin-left: 20px;
    min-width: 20px;
    /*content-visibility: auto;chrome85可提高数倍性能，未验证*/
}

.uu-tree-container,
.panel-nav {
    margin-top: 36px;
    overflow: hidden scroll;
    height: calc(100% - 36px);
}
    .uu-tree-container::-webkit-scrollbar-thumb,
    .panel-nav::-webkit-scrollbar-thumb {
        background-color: var(--uu-ba15);
    }
input.form-control.js-tree-search {
    position: absolute;
    top: 0;
    left: 0;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
}
.uu-tree-tool {
    display: flex;
    position: absolute;
    right: 6px;
    top: 40px;
    height: 24px;
    z-index: 1;
}
.uu-tree-tool > .btn{
    padding: 0 5px;
    color: var(--uu-8);
    border-radius: 0;
}
    .uu-tree-tool > .btn.showhide {
        color: var(--uu-purple);
    }
.uu-tree-leaf {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    left: 5px;
    top: 3px;
    width: 130px;
    height: 18px;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--uu-primary);
    background-color: transparent;
}

    .uu-tree-leaf > u {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 0;
        height: 1px;
        background-color: var(--uu-primary);
    }

    .uu-tree-leaf > i {
        flex: none;
        min-width: 18px;
        max-width: 40px;
        padding: 0 1px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        line-height: 14px;
        text-align: center;
        border-radius: 2px;
        background-color: var(--uu-primary);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.jstree-anchor > .uu-tree-btn {
    position: absolute;
    left: 250px;
    padding: 0 5px;
    color: var(--uu-primary);
    border-radius: 0;
}
.jstree-anchor > .tree-tag {
    display: inline;
    margin-left: 15px;
    font-size: 10px;
    color: var(--uu-f);
    padding: 0 5px;
    border-radius: 2px;
    background-color: var(--uu-warning-a7);
    text-align: center;
}

.jstree-default .jstree-anchor.jstree-clicked {
    color: var(--uu-primary) !important;
}
.jstree-clicked .fa {
    color: var(--uu-primary) !important;
}
/*橙色主题*/
.theme-orange .jstree-anchor > .tree-tag {
    background-color: var(--uu-primary-a7);
}
.theme-orange.jstree-default .jstree-anchor.jstree-clicked {
    color: var(--uu-danger) !important;
}
.theme-orange .jstree-clicked .fa {
    color: var(--uu-danger) !important;
}
/*=====================================================================================
                           定制样式 by Atom 2019.11.15
======================================================================================*/
/*-------------------------- order box 订单框列表*/
.order-box {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: ordernum;
}

    .order-box > li {
        position: relative;
        display: inline-block;
        width: 250px;
        height: 90px;
        margin: 10px;
        padding: 15px 10px 10px 10px;
        border: 1px solid var(--uu-c);
        border-left: 3px solid var(--uu-primary);
        border-radius: 3px;
        background: var(--uu-f9);
        overflow: hidden;
        cursor: pointer;
    }

        .order-box > li.vv-I {
            border-left-color: var(--uu-danger);
        }

        .order-box > li.vv-E {
            border-left-color: var(--uu-success);
        }

        .order-box > li:before {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 16px;
            height: 16px;
            padding: 0 4px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            text-align: center;
            background-color: var(--uu-primary);
            border-bottom-left-radius: 7px;
            content: counter(ordernum);
            counter-increment: ordernum;
        }

        .order-box > li.vv-I:before {
            background-color: var(--uu-danger);
        }

        .order-box > li.vv-E:before {
            background-color: var(--uu-success);
        }

        .order-box > li:hover {
            border: 1px solid var(--uu-primary);
            border-left: 3px solid var(--uu-primary);
        }

        .order-box > li.vv-I:hover {
            border: 1px solid var(--uu-danger);
            border-left: 3px solid var(--uu-danger);
        }

        .order-box > li.vv-E:hover {
            border: 1px solid var(--uu-success);
            border-left: 3px solid var(--uu-success);
        }
/*--------------------------main tabs */
.uu-main-btn{
    display: inline-flex;
    margin: 5px 0;
}
    .uu-main-btn > .uu-main-btn-group {
        display: inline-flex;
    }

.uu-main-tab {
    display: inline-flex;
    position: relative;
    margin: 5px 0;
}

@-webkit-keyframes lineGrow {
    0% {
        transform: scale3d(0.05,1,1); /*使用3d，启用硬件渲染*/
    }

    100% {
        transform: scale3d(1,1,1);
    }
}

.tab-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 4px;
    background-color: var(--uu-tab-bg);
    border-radius: 4px;
    vertical-align: middle;
}

.tab-white {
    position: relative;
    display: inline-block;
    padding: 3px 12px 5px 12px;
    margin-right: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-width: 0;
    border-radius: 4px;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    cursor: pointer;
    user-select: none;
    transition: all .2s;
}

    .tab-white:last-child {
        margin-right: 0;
    }

    .tab-white:hover,
    .tab-white:focus,
    .tab-white.active:hover {
        color: var(--uu-primary-h) !important;
        background-color: var(--uu-wa7);
    }

    .tab-white.active {
        color: var(--uu-primary) !important;
        background-color: var(--uu-f);
    }

        .tab-white.active:after {
            content: "";
            position: absolute;
            top: 27px;
            left: 0;
            height: 2px;
            width: 100%;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            background-color: var(--uu-primary);
            animation: lineGrow 0.2s ease-out;
            -webkit-animation: lineGrow 0.2s ease-out;
        }

/*--------------------------mini tabs */
.btn-white {
    padding: 5px 10px;
    transition: all .2s;
}

    .btn-white:hover {
        color: var(--uu-primary) !important;
    }

    .btn-white.active {
        color: var(--uu-group) !important;
    }

        .btn-white.active:after {
            content: "";
            position: absolute;
            top: 24px;
            left: 13%;
            height: 2px;
            width: 74%;
            background-color: var(--uu-group);
            animation: lineGrow 0.15s ease-out;
            -webkit-animation: lineGrow 0.15s ease-out;
        }



/*=====================================================================================
                           popover及专用样式 by Atom 2019.11.15
======================================================================================*/
.popover {
    max-width: 1400px;
    border: 0px solid var(--uu-d);
    border-radius: 5px;
    box-shadow: 0 0 5px 1px var(--uu-a4);
    z-index: 3000;
}
.popover-mask,
.uu-alert-loading-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,.05) 0%, rgba(0,0,0,.6) 100%);
    z-index: 2049;
}
.bs-popover-auto[x-placement^=right] .arrow:after, .bs-popover-right .arrow:after {
    border-right-color: var(--uu-popover); /*三角形底色*/
}

.bs-popover-auto[x-placement^=top] .arrow:after, .bs-popover-top .arrow:after {
    border-top-color: var(--uu-popover); /*三角形底色*/
}

.bs-popover-auto[x-placement^=left] .arrow:after, .bs-popover-left .arrow:after {
    border-left-color: var(--uu-popover); /*三角形底色*/
}

.bs-popover-auto[x-placement^=bottom] .arrow:after, .bs-popover-bottom .arrow:after {
    border-bottom-color: var(--uu-popover); /*三角形底色*/
}

.popover-body {
    min-width: 100px;
    max-width: 810px;
    max-height: 114px;
    padding: 5px;
    border-radius: 5px;
    color: var(--uu-4);
    background-color: var(--uu-popover);
    overflow: auto;
    transition: all .2s ease-in-out;
}

    

.popover-body::-webkit-scrollbar-thumb {
    background-color: var(--uu-primary-a3);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.popover-body hr {
    margin-top: 5px;
    margin-bottom: 5px;
}


    .popover-body .popover-close,
    .popover-body .popover-alert-close,
    .popover-body .popover-finder-close,
    .popover-body .popover-iframe-close {
        position: absolute;
        top: -11px;
        right: -10px;
        width: 20px;
        height: 20px;
        padding: 0;
        margin: 0;
        font-family: 'Courier New', Courier, monospace;
        color: white;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        border: 1px solid white;
        background-color: var(--uu-9);
        text-align: center;
        border-radius: 15px;
        cursor: pointer;
        z-index: 8;
        opacity: 1;
        box-shadow: 0 0 5px 1px var(--uu-a3);
        box-sizing: border-box;
        user-select: none;
        -webkit-user-select: none;
    }

    .popover-body .popover-close:after,
    .popover-body .popover-alert-close:after,
    .popover-body .popover-finder-close:after,
    .popover-body .popover-iframe-close:after {
        content: "\00d7";
    }

.popover-body .popover-sizer,
.popover-body .popover-finder-sizer {
    position: absolute;
    top: 80px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    color: white;
    font-weight: bold;
    line-height: 20px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    border: 1px solid white;
    background-color: var(--uu-9);
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px 1px var(--uu-a3);
}

    .popover-body .popover-sizer:after,
    .popover-body .popover-finder-sizer:after {
        content: "\f103";
    }

.popover-body.popover-expand .popover-sizer:after,
.popover-body.popover-expand .popover-finder-sizer:after {
    content: "\f102";
}

.popover-body .popover-close:hover,
.popover-body .popover-sizer:hover,
.popover-body .popover-finder-sizer:hover,
.popover-body .popover-alert-close:hover,
.popover-body .popover-finder-close:hover,
.popover-body .popover-iframe-close:hover {
    background-color: #485A9C;
    box-shadow: 0 0 5px 1px var(--uu-a6);
}
/*----------------------------全局alert提示框*/
.popover.js-popover-alert {
    position: fixed;
    top: 40vh;
    left: 40vw;
    z-index: 3000;
}
    .popover.js-popover-alert.popover-top {
        top: 100px!important;
    }
    .popover.js-popover-alert > .popover-body {
        display: block;
        min-width: 320px;
        max-width: 1000px;
        max-height: 600px;
        padding: 15px;
        font-size: 18px;
        text-align: center;
        vertical-align: middle;
    }

        .popover.js-popover-alert > .popover-body.popover-confirm {
            padding: 30px 25px 25px 25px;
            font-size: 16px;
        }

.popover-body h1,
.popover-body h2 {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 10px;
    text-align: left;
}

.popover-body h3 {
    position: relative;
    margin: 10px 0 15px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
}


.popover-alert-footer {
    display: flex;
    justify-content: center;
    margin: 20px -25px -25px -25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.popover-alert-cancel,
.popover-alert-confirm {
    flex: 1 1 100px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: var(--uu-danger);
    border: none;
    border-top: 1px solid var(--uu-d);
    background-color: var(--uu-wa5);
    outline: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .popover-alert-confirm:hover {
        color: #fff;
        background-color: var(--uu-danger);
    }

.popover-alert-cancel {
    color: var(--uu-primary);
    border-left: 1px solid var(--uu-d);
}

    .popover-alert-cancel:hover {
        color: #fff;
        background-color: var(--uu-primary);
    }

/*------------------------------对话框的专用样式*/
.popover.js-popover-dlg {
    position: fixed;
    top: 40vh;
    left: 40vw;
    z-index: 2050;/*不能为3000会导致select2超过*/
}

    .popover.js-popover-dlg > .popover-body {
        display: block;
        min-width: 320px;
        max-width: 1000px;
        max-height: 600px;
        padding: 15px;
        font-size: 16px;
        text-align: center;
        background-color: var(--uu-f0);
        vertical-align: middle;
    }

        .popover.js-popover-dlg > .popover-body.popover-confirm {
            padding: 20px 20px 20px 20px;
            font-size: 14px;
        }
/*dlg标题*/
.js-popover-dlg .dlg-title {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    width: 100%;
    margin: -20px -20px 0 -20px;
    padding: 6px 33px 7px 7px;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid var(--uu-d);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: var(--uu-9);
    background-color: var(--uu-fa);
    z-index: 2060;
}

.popover-dlg-close {
    position: absolute;
    top: 7px;
    right: 2px;
    width: 26px;
    height: 26px;
    color: inherit;
    cursor: pointer;
    z-index: 2061;
}

    .popover-dlg-close:hover {
        color: var(--uu-primary);
    }

    .popover-dlg-close:before {
        content: "\00d7";
        font-family: monospace, 'Courier New', Courier;
        color: inherit;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
/*dlg编辑内容*/
.dlg-editor-info {
    min-width: 400px;
    max-width: 600px;
    margin: 35px 8px -20px 8px;
    font-size: 14px;
    color: var(--u-7);
    text-align: left;
}
.dlg-editor{
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 28px 0;
    counter-reset: fieldItem;
}
    
    .dlg-editor > li {
        position: relative;
        display: flex;
        width: 436px;
        margin: 0;
        padding: 8px;
        color: var(--uu-3);
        text-align: left;
        border-bottom: 1px solid transparent;
        overflow: visible;
        white-space: nowrap;
    }
.dlg-editor-l > li {
    width: 560px;
}
.dlg-editor-m > li{
    width: 500px;
}
.dlg-editor > li:hover {
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 4px var(--uu-primary-a4) inset;
}

            .dlg-editor > li:hover > label {
                color: var(--uu-primary);
            }

        .dlg-editor > li > label {
            flex: none;
            width: 120px;
            margin: 7px 0 0 0;
            color: var(--uu-7);
            font-weight: normal;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: all 0.2s ease-in-out 0s;
        }

        .dlg-editor > li input[js-id],
        .dlg-editor > li select[js-id] {
            flex: none;
            background-color: var(--uu-f);
            background-image: none;
            border: 1px solid var(--uu-c);
            border-radius: 1px;
            color: var(--uu-2);
            width: 300px; /*li width:436 - label width: 120 - 16px*/
            height: 35px;
            padding: 3px;
            transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
        }

            .dlg-editor > li input[js-id]:focus,
            .dlg-editor > li select[js-id]:focus {
                border-color: var(--uu-primary);
                box-shadow: 0 0 5px var(--uu-primary-a8);
                outline: 0;
            }

        .dlg-editor > li input[disabled],
        .dlg-editor > li input[readonly],
        .dlg-editor > li input[readonly="readonly"],
        .dlg-editor > li select[disabled],
        .dlg-editor > li select[readonly],
        .dlg-editor > li select[readonly="readonly"] {
            background-color: var(--uu-e9);
        }
/*文件选择控件*/
.uu-file {
    position: relative;
    width: 100%;
}
    .uu-file:hover > .btn {
        background-color: var(--uu-primary-a2);
    }
    .uu-file > .btn {
        height: 35px;
        width: 100%;
        font-size: 15px;
        text-align: center;
        line-height: 1;
        overflow: hidden;
    }
    .uu-file .uu-file-info {
        display: inline;
        padding: 2px 4px;
        color: var(--uu-6);
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        border-radius: 2px;
        background-color: var(--uu-a1);
        text-align: center;
        white-space: nowrap;
    }
    .uu-file > input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 35px;
        font-size: 15px;
        opacity: 0;
    }
    .uu-file > .uu-file-drop {
        position: relative;
        width: 100%;
        min-height: 5em;
        padding-top: 2em;
        margin-top: 10px;
        border: 1px dashed var(--uu-c);
        border-radius: 4px;
        color: #999;
        text-align: center;
        box-sizing: border-box;
    }
/*dlg footer*/
.popover-dlg-footer {
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 0;
    width: 100%;
    margin: 0 -20px 0 -20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    z-index: 2060;
}

.popover-dlg-cancel,
.popover-dlg-confirm {
    flex: 1 1 100px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    color: var(--uu-danger);
    border: none;
    border-top: 1px solid var(--uu-d);
    background-color: var(--uu-wa5);
    outline: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out;
    -webkit-appearance: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

    .popover-dlg-confirm:hover {
        color: #fff;
        background-color: var(--uu-danger);
    }

.popover-dlg-cancel {
    color: var(--uu-primary);
    border-left: 1px solid var(--uu-d);
}

    .popover-dlg-cancel:hover {
        color: #fff;
        background-color: var(--uu-primary);
    }
.uu-simple-sel {
    position: relative;
    margin: 5px;
    padding: 6px 12px 6px 20px;
    color: var(--uu-primary);
    border: 1px solid var(--uu-primary);
    background-color: transparent;
    border-radius: 25px;
    transition: all 0.15s;
    cursor: pointer;
}
    .uu-simple-sel:hover {
        background-color: var(--uu-primary-a2);
    }
    .uu-simple-sel.sel-seled {
        color: var(--uu-f);
        background-color: var(--uu-primary);
    }
        .uu-simple-sel.sel-seled:hover {
            color: var(--uu-f);
            background-color: var(--uu-primary-h);
        }
        .uu-simple-sel.sel-seled:after {
            content: "\f00c";
            position: absolute;
            left: 5px;
            top: 10px;
            z-index: 10;
            display: block;
            width: 10px;
            height: 10px;
            color: var(--uu-w);
            font-family: 'FontAwesome';
            font-size: 12px;
            line-height: 1;
            font-style: normal;
            font-weight: normal;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            z-index: 1;
        }
/*------------------------------深色模式*/

.popover > .popover-body.popover-body-dark {
    color: var(--uu-wwa8);
    background-color: var(--uu-popover-dark);
}

.popover-body.popover-body-dark hr {
    border-top: 1px solid var(--uu-wa3);
}
.js-popover-dlg .popover-body-dark .dlg-title {
    border-bottom: 1px solid var(--uu-wwa1);
    color: var(--uu-wwa8);
    background-color: var(--uu-popover-dark);
    z-index: 2060;
}
.popover-body-dark .popover-alert-cancel,
.popover-body-dark .popover-alert-confirm,
.popover-body-dark .popover-dlg-cancel,
.popover-body-dark .popover-dlg-confirm {
    border-top: 1px solid var(--uu-wwa3);
}
.popover-body-dark .popover-alert-cancel,
.popover-body-dark .popover-dlg-cancel {
    border-left: 1px solid var(--uu-wa3);
}
/*------------------------------错误对话框*/
.uu-errAlert-cnt {
    position: relative;
    min-width: 500px;
    margin: 30px 0;
    font-size: 14px;
    text-align: left;
}

    .uu-errAlert-cnt > p {
        margin-bottom: 5px;
    }
/*------------------------------支付及提交alert提示框的专用样式*/
.uu-legend-v {
    position: absolute;
    display: block;
    right: 10px;
    bottom: -8px;
    width: 60px;
}

    .uu-legend-v > b {
        display: block;
        padding: 1px;
        font-size: 11px;
        color: #fff;
        background-color: #ffc107;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
    }

        .uu-legend-v > b:nth-child(2) {
            background-color: var(--uu-info);
        }

        .uu-legend-v > b:nth-child(3) {
            background-color: var(--uu-success);
        }

ul.uu-declareinfo {
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
    width: 520px;
    font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: var(--uu-3);
    text-align: left;
}

    ul.uu-declareinfo > li {
        display: block;
        position: relative;
        margin: 0;
        padding: 5px 0;
        line-height: 18px;
    }

        ul.uu-declareinfo > li > i {
            display: inline-block;
            width: 45px;
            padding: 3px;
            margin-right: 5px;
            color: #fff;
            font-size: 13px;
            font-weight: 100;
            font-style: normal;
            text-align: center;
            line-height: 1;
            border-radius: 0.25em;
            background-color: var(--uu-success);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.uu-declareinfo > li > span {
            display: inline-block;
            width: 200px;
            font-weight: 200;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.uu-declareinfo > li > .uu-customsbar,
        ul.uu-declareinfo > li > .uu-inventorybar,
        ul.uu-declareinfo > li > .uu-paybar,
        ul.uu-declareinfo > li > .uu-logbar {
            position: absolute;
            left: 255px;
            top: 7px;
            width: 0px;
            height: 4px;
            background: linear-gradient(to right, #F8C188, var(--uu-warning));
            -webkit-transition: all 0.6s;
            transition: all 0.6s;
        }

        ul.uu-declareinfo > li > .uu-logbar {
            top: 11px;
            background: linear-gradient(to right, #68C8C8, var(--uu-info));
        }

        ul.uu-declareinfo > li > .uu-customsbar {
            top: 15px;
            background: linear-gradient(to right, #72A5C6, var(--uu-success));
        }

        ul.uu-declareinfo > li > .uu-inventorybar {
            top: 19px;
            background: linear-gradient(to right, #95CDF1, var(--uu-success-h, #0297f4));
        }
/*------------------------------支付alert提示框的专用样式 */
ul.uu-payinfo {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 870px;
    font-family: Tahoma, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: var(--uu-3);
    text-align: left;
}

    ul.uu-payinfo > li {
        position: relative;
        display: inline-block;
        width: 152px; /*总宽870，一排最多5个订单*/
        margin: 10px;
        border: 1px solid var(--uu-a2);
        box-shadow: 0 0 5px 1px var(--uu-a1);
        padding: 5px;
        float: left;
    }
        /*生成的伪类，包括示意图，对和错标志*/
        ul.uu-payinfo > li:after {
            content: "";
            display: block;
            position: absolute;
            left: 5px;
            top: 5px;
            width: 140px;
            height: 140px;
            color: var(--uu-primary);
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 100px;
            text-align: center;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            background: var(--uu-popover) url("imgs/mobile-scan.png") no-repeat center;
            line-height: 140px;
            opacity: 0.92;
        }

        ul.uu-payinfo > li.uu-openpay:after {
            background: var(--uu-popover) url("imgs/pc.png") no-repeat center;
        }

        ul.uu-payinfo > li.paid:after {
            content: "\f05d";
            background-image: none;
            background-color: rgba(172,243,229,1);
        }

        ul.uu-payinfo > li.pay-error:after {
            content: "\f05c";
            color: var(--uu-danger);
            font-size: 60px;
            line-height: 75px;
            background-image: none;
            background-color: rgba(255,206,210,1);
        }
        /*hover状态*/
        ul.uu-payinfo > li:hover {
            border: 1px solid var(--uu-a3);
            box-shadow: 0 0 10px 0 var(--uu-a4);
        }

        ul.uu-payinfo > li:not(.paid):hover:after {
            background-image: none;
            background-color: transparent;
        }

        ul.uu-payinfo > li.pay-error:hover:after {
            background-color: rgba(255,206,210,0.8);
        }

        ul.uu-payinfo > li.uu-openpay:not(.paid):hover:after {
            content: none;
        }
        /*支付核心组件容器，扫码支付的二维码图像*/
        ul.uu-payinfo > li > .uu-qrcodeimg {
            width: 100%;
            height: 140px;
        }
        /*支付核心组件容器，包含网关支付的提交按钮*/
        ul.uu-payinfo > li > .uu-paydata {
            width: 100%;
            height: 140px;
            padding: 10px 5px 0 5px;
            text-align: center;
        }
        /*订单信息*/
        ul.uu-payinfo > li > span {
            display: block;
            width: 100%;
            height: 21px;
            margin: 4px 0 0 0;
            line-height: 21px;
            font-size: 14px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        ul.uu-payinfo > li i {
            display: inline-block;
            float: left;
            min-width: 19px;
            padding: 3px;
            margin-right: 5px;
            color: #fff;
            font-size: 13px;
            font-weight: 100;
            font-style: normal;
            text-align: center;
            line-height: 1;
            border-radius: 0.25em;
            background-color: var(--uu-success);
        }
    /*错误信息*/
    ul.uu-payinfo .pay-error-info {
        position: absolute;
        top: 75px;
        left: 0;
        color: var(--uu-danger);
        font-weight: 600;
        padding: 0 12px;
        z-index: 5;
    }
/*------------------------------支付iframe框的专用样式 */
.popover.js-popover-iframe {
    position: fixed;
    top: calc(50% - 325px);
    left: calc(50% - 500px);
    width: 1020px;
    max-width: 1020px;
    height: 650px;
    z-index: 800;
}

    .popover.js-popover-iframe > .popover-body {
        width: 1020px;
        max-width: 1020px;
        height: 645px;
        max-height: 645px;
        padding: 0;
        font-size: 14px;
        overflow: hidden;
    }

    .popover.js-popover-iframe iframe {
        width: 1020px;
        height: 645px;
        border: 0;
        margin: 0;
        padding: 0;
    }
/*------------------------------支付颜色和动画 */
/*支付专用颜色，紫色*/
.text-money {
    color: var(--uu-purple);
}

.bg-money,
.badge-money,
.label-money {
    color: #fff;
    background-color: var(--uu-purple);
}

.btn-money {
    color: #fff;
    background-color: var(--uu-purple);
}

    .btn-money:hover {
        color: #fff;
        background-color: var(--uu-purple-h);
    }

.btn-outline-money {
    border-color: var(--uu-purple);
    color: var(--uu-purple);
}

    .btn-outline-money:hover {
        color: #fff;
        border-color: var(--uu-purple);
        background-color: var(--uu-purple);
    }
/*局部load动画，login和加载支付核心组件时使用*/
@-webkit-keyframes progress {
    0% {
        transform: scale3d(0.05,1,1); /*使用3d，启用硬件渲染*/
    }

    50% {
        transform: scale3d(0.65,1,1);
    }

    100% {
        transform: scale3d(1,1,1);
    }
}

@keyframes progress {
    0% {
        transform: scale3d(0.05,1,1); /*使用3d，启用硬件渲染*/
    }

    50% {
        transform: scale3d(0.65,1,1);
    }

    100% {
        transform: scale3d(1,1,1);
    }
}

.load-progress {
    position: absolute;
    display: block;
    left: 0;
    top: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3px;
    background-color: var(--uu-primary);
    box-shadow: 0 0 10px var(--uu-primary-a2);
    transform-origin: 0 0;
    animation: progress 2s ease;
    -webkit-animation: progress 2s ease;
}

.field-info-bar.load-progress {
    left: -100%;
    width: 0%;
    top: 21px;
    height: auto;
    padding-bottom: 3px;
    border-bottom: 3px solid var(--uu-primary);
    background-color: transparent;
    white-space: nowrap;
    box-shadow: none;
    animation: none;
    -webkit-animation: none;
    transition: width 0.5s ease-in-out;
}

.ani-fast {
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
}

.ani-faster {
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
}

.ani-fastest {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
}

@-webkit-keyframes grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes moveToRight {
    0% {
        opacity: 0.7;
        transform: translateX(0);
    }
    50% {
        opacity: 1;
        transform: translateX(550px);
    }
    100% {
        opacity: 0.2;
        transform: translateX(1000px);/*匹配wizard为dialog时，总宽900*/
    }
}
@keyframes moveToRight1500 {
    0% {
        opacity: 0.7;
        transform: translateX(0);
    }

    50% {
        opacity: 1;
        transform: translateX(800px);
    }

    100% {
        opacity: 0.5;
        transform: translateX(1480px); /*匹配wizard为dialog时，总宽1400*/
    }
}
.grow {
    -webkit-animation-name: grow;
    animation-name: grow;
}
/*------------------------------finder和ajaxFinder框的专用样式 */
.popover.js-popover-finder {
    position: fixed;
    top: 10px;
    left: calc(50vw - 675px); /*finder的总宽为1350*/
    background-color: transparent;
    z-index: 850;
}

.popover.js-popover-ajaxFinder {
    position: fixed;
    top: auto;
    bottom: 36px;
    left: calc(50vw - 675px); /*finder的总宽为1350*/
    background-color: transparent;
    z-index: 850;
}

    .popover.js-popover-finder > .popover-body,
    .popover.js-popover-ajaxFinder > .popover-body {
        min-width: 1350px; /*一定要设min和max，以覆盖popover的设置*/
        max-width: 1350px;
        min-height: 91px;
        max-height: 127px;
        padding: 5px;
        font-size: 14px;
        overflow: auto;
    }
    .popover.js-popover-ajaxFinder > .popover-body {
        background-color: var(--uu-popover-danger);
    }
    .popover.js-popover-ajaxFinder .finder-tools {
        background-color: var(--uu-popover-danger);
    }
    .popover-body .popover-finder-sizer {
        top: 80px;
    }

/*工具条*/
.finder-tools {
    position: absolute;
    left: 0;
    right: 10px;
    top: 0;
    padding: 10px 12px 5px 10px;
    border-radius: 5px;
    background-color: var(--uu-popover);
    white-space: nowrap;
    cursor: move;
    z-index: 2;
}

    .finder-tools .btn {
        padding: 5px 10px;
    }

    .finder-tools .editor-group {
        margin-left: 30px;
    }

        .finder-tools .editor-group > .form-control[type="text"],
        .finder-tools .editor-group > .form-control[type="search"] {
            width: 220px;
            height: auto;
            padding: 5px;
            color: var(--uu-red);
            font-weight: 600;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

.popover.js-popover-ajaxFinder .uu-page-ajax {
    display: inline-flex;
    padding: 0;
    margin: 2px 10px;
    vertical-align: middle;
}

.page-link.disabled {
    color: var(--uu-9);
    pointer-events: none;
    cursor: default;
    border-color: var(--uu-e);
}

.js-pg-ajax-search {
    min-width: 150px;
    text-align: center;
}
/*ul条件列表*/
.uu-finder {
    list-style-type: none;
    margin: 43px 0 0 0;
    padding: 0;
}

    .uu-finder > li {
        position: relative;
        display: inline-block;
        float: left;
        width: 255px;
        margin: 1px 5px;
        padding: 3px 2px 5px 2px;
        color: var(--uu-3);
        text-align: right;
        border-bottom: 1px solid transparent;
    }

        .uu-finder > li:hover {
            border-bottom-color: var(--uu-info);
        }

            .uu-finder > li:hover > label {
                color: var(--uu-info);
            }

        .uu-finder > li > label {
            display: inline-block;
            width: 98px;
            margin: 3px 0 0 0;
            color: var(--uu-7);
            font-weight: normal;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            float: left;
            transition: all 0.2s ease-in-out 0s;
        }

        .uu-finder > li > input {
            display: inline-block;
            background-color: var(--uu-f);
            background-image: none;
            border: 1px solid var(--uu-c);
            border-radius: 1px;
            color: var(--uu-4);
            width: 150px;
            padding: 2px 2px 2px 30px;
            transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
        }

.js-popover-ajaxFinder .uu-finder > li > input {
    padding-left: 2px;
}

.uu-finder > li > input:focus,
.uu-finder > li[c-active="1"] > input {
    border-color: var(--uu-primary);
    box-shadow: 0 0 5px var(--uu-primary-a8);
    outline: 0;
}
    /*label一定要在input之后，用于当input为focus或active时高亮*/
    .uu-finder > li > input:focus + label {
        color: var(--uu-primary);
        font-weight: 600;
    }

.uu-finder > li[c-active="1"] > label {
    color: var(--uu-group, #1ab394);
    font-weight: 600;
}
/*date控件专用*/
.js-popover-finder .uu-finder > li[show-type=date] {
    width: 520px;
    -webkit-appearance: none;
}

    .js-popover-finder .uu-finder > li[show-type=date] > input {
        width: 200px;
    }

.uu-finder > li[show-type=date] > input.js-max {
    margin-left: 11px;
    padding-left: 5px;
}

li[show-type=date] .engine-select {
    right: 391px;
}

li[show-type=date] .sel-menu {
    right: 392px;
}
/*number专用*/
.uu-finder > li[show-type=number] > input.js-min {
    width: 86px;
}

.uu-finder > li[show-type=number] > input.js-max {
    width: 60px;
    padding-left: 5px;
}
/*修改原生input*/
body input[type=date],
body input[type=datetime],
body input[type=datetime-local] {
    height: 27px;
}

    body input[type=date]::-webkit-inner-spin-button,
    body input[type=datetime]::-webkit-inner-spin-button,
    body input[type=datetime-local]::-webkit-inner-spin-button,
    body input[type=number]::-webkit-inner-spin-button {
        display: none;
    }

    body input[type=date]::-webkit-datetime-edit-text {
        color: var(--uu-d);
        padding: 1px;
    }

body input[type=search]::-webkit-search-cancel-button {
    margin-right: 5px;
    cursor: pointer;
}
/*engine选择菜单*/
.engine-select {
    position: absolute;
    top: 4px;
    right: 126px;
    width: 25px;
    height: 25px;
    color: var(--uu-b);
    font-size: 14px;
    font: normal normal normal 14px/1 FontAwesome;
    text-align: center;
    line-height: 26px;
    border-right: 1px solid var(--uu-border);
    background-color: var(--uu-f9);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    z-index: 1;
}
/* engineType */
li[engine-type='like'] > .engine-select:after {
    content: "\f069";
}

li[engine-type='unlike'] > .engine-select:after {
    content: "\f06a";
}

li[engine-type='empty'] > .engine-select:after {
    content: "\f096";
    font-weight: 600;
}

li[engine-type='begin'] > .engine-select:after {
    content: "\f08b";
}

li[engine-type='end'] > .engine-select:after {
    content: "\f090";
}

li[engine-type='num_range'] > .engine-select:after {
    content: "\f07e";
}

li[engine-type='date_range'] > .engine-select:after {
    content: "\f073";
}

/* engineType选择empty，number时like,begin,end的特殊设定  */
ul.uu-finder > li[engine-type='like'][show-type='number'] > input:nth-of-type(2),
ul.uu-finder > li[engine-type='begin'][show-type='number'] > input:nth-of-type(2),
ul.uu-finder > li[engine-type='end'][show-type='number'] > input:nth-of-type(2),
ul.uu-finder > li[engine-type='empty'] > input {
    color: var(--uu-b);
    background-color: var(--uu-e9);
}

li[c-active="1"] > .engine-select:after {
    color: var(--uu-group, #1ab394);
}

.sel-menu {
    position: absolute;
    top: 29px;
    right: 127px;
    width: 24px;
    height: auto;
    color: var(--uu-9);
    font-size: 14px;
    background-color: var(--uu-f);
    box-shadow: 0 1px 4px var(--uu-a6);
    z-index: 5;
}

    .sel-menu > a {
        display: block;
        text-align: center;
    }

        .sel-menu > a:hover {
            background-color: var(--uu-primary);
            color: #fff;
        }

    .sel-menu.sel-menu-top {
        bottom: 31px;
        top: auto;
    }
/*--------------------------订单popover触发器专用样式（upload-view.html）*/
.vv-row-info {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 0 10px 0;
    padding: 0;
    counter-reset: fieldItem;
}

ul.vv-row-info > li {
    flex: none;
    width: 255px;
    margin: 2px 5px;
    padding: 1px;
    font-weight: 600;
    color: var(--uu-3);
    border-bottom: 1px solid transparent;
    overflow: auto;
    white-space: nowrap;
}

    ul.vv-row-info > li::-webkit-scrollbar {
        display: none;
    }

    ul.vv-row-info > li > span {
        display: inline-block;
        min-width: 110px;
        font-weight: normal;
        color: var(--uu-7);
    }

        ul.vv-row-info > li > span:before {
            content: counter(fieldItem);
            counter-increment: fieldItem;
            display: inline-block;
            min-width: 22px;
            padding: 0 3px;
            margin-right: 2px;
            border-radius: 2px;
            text-align: center;
            color: #fff;
            background-color: var(--uu-group);
            opacity: .9;
        }

    ul.vv-row-info > li:hover {
        border-bottom-color: var(--uu-primary);
        color: var(--uu-primary);
    }

        ul.vv-row-info > li:hover > span {
            color: var(--uu-primary);
        }

.vv-group {
    display: block;
    position: relative;
    margin: 0 0 5px 0;
    padding: 3px 39px 3px 10px;
    font-size: 18px;
    color: var(--uu-group);
    border: 1px solid #d7d7d7;
    border-top: 1px solid var(--uu-group);
    background-color: var(--uu-f2);
    overflow: hidden;
    cursor: pointer;
    clear: both;
}

    /*.............折叠样式.............*/
    .vv-group.uu-class-collapse:after {
        content: "";
        position: absolute;
        display: block;
        right: 17px;
        top: 50%;
        margin-top: -6px;
        width: 10px;
        height: 10px;
        color: inherit;
        background: transparent;
        border-width: 2px 2px 0 0;
        border-style: solid;
        opacity: 0.5;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*.............展开样式.............*/
    .vv-group.collapse-ex:after {
        margin-top: -6px;
        border-color: var(--uu-f50);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
/*------------------------------订单表格td触发器专用样式 （table-view.html）*/
.table .uu-status {
    display: inline-block;
}

    .table .uu-status > a.btn {
        padding: 2px 5px;
        color: #fff;
        font-size: 13px;
        line-height: 13px;
        box-shadow: none;
    }

        .table .uu-status > a.btn:hover {
            color: #fff;
        }

        .table .uu-status > a.btn.btn-outline-secondary {
            color: var(--uu-a);
            border-color: var(--uu-b);
        }

            .table .uu-status > a.btn.btn-outline-secondary:hover,
            .table .uu-status > a.btn.btn-outline-secondary:focus {
                color: #fff;
                background-color: var(--uu-b);
            }

.table .selected .uu-status > a.btn.btn-outline-secondary {
    color: var(--uu-a);
    background-color: var(--uu-f);
}

    .table .selected .uu-status > a.btn.btn-outline-secondary:hover {
        color: var(--uu-6) !important;
    }

@-webkit-keyframes pulse-info {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.pulse-info {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 60;
    animation-iteration-count: 60;
    -webkit-animation-name: pulse-info;
    animation-name: pulse-info;
}
@keyframes pulse-info {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


.pulse-icon {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-big;
    animation-name: pulse-big;
}

@keyframes pulse-big {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse-bg {
    0% {
        background-color: #f83;
    }

    20% {
        background-color: #d00;
    }

    100% {
        background-color: #f83;
    }
}


/*----------------------------uu-c-btn-bar collapse，需配合js---------------------------*/
.uu-c-btn-bar {
    display: block;
    position: relative;
    margin: 0; /*使点击时状态填满全部按钮*/
    padding: 7px 39px 6px 10px;
    font-size: 18px;
    color: var(--uu-group);
    border-top: 1px solid var(--uu-group);
    /*border-top: 1px solid var(--uu-group);
    border-bottom: 1px solid var(--uu-d5);
    background-color: var(--uu-f2);*/
    overflow: hidden; /*关键属性，始终包含浮动的元素*/
    cursor: pointer;
}

    .uu-c-btn-bar:hover {
        background-color: var(--uu-e);
    }

    /*.............箭头.............*/
    .uu-c-btn-bar:after {
        content: "";
        position: absolute;
        display: block;
        right: 17px;
        top: 50%;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        color: inherit;
        background: transparent;
        border-width: 2px 2px 0 0;
        border-style: solid;
        opacity: 0.5;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*.............向下箭头.............*/
    .uu-c-btn-bar.uu-c-arrow-down:after {
        margin-top: -8px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    /*.............折叠样式.............*/
    .uu-c-btn-bar.uu-c-collapse:after {
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*.............展开样式.............*/
    .uu-c-btn-bar.uu-c-collapse-ex:after {
        margin-top: -4px;
        border-color: var(--uu-f50);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

.uu-class-collapse {
    cursor: pointer;
}
/*-----------------------------------check & radio 模拟 check & radio(无label)-------------------------*/

.uu-ios-checkbox[type="checkbox"],
.uu-ios-checkbox[type="radio"] {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 24px;
    border: 1px solid var(--uu-checkbox-bg);
    background-color: var(--uu-checkbox-bg);
    box-shadow: var(--uu-checkbox-bg) 0 0 0 0 inset;
    border-radius: 15px;
    background-clip: content-box; /*设置背景的绘制区域*/
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    outline: none;
    -webkit-appearance: none; /*核心样式，即不显示原生控件样式*/
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.5s;
}

    .uu-ios-checkbox[type="checkbox"]:before,
    .uu-ios-checkbox[type="radio"]:before {
        content: '';
        width: 20px;
        height: 20px;
        position: absolute;
        top: 1px;
        left: 1px;
        border-radius: 15px;
        background-color: var(--uu-f);
        box-shadow: 0 0 4px var(--uu-a4);
        transition: left 0.2s;
    }

    .uu-ios-checkbox[type="checkbox"]:checked,
    .uu-ios-checkbox[type="radio"]:checked {
        border-color: var(--uu-primary);
        background-color: var(--uu-primary);
        box-shadow: var(--uu-primary) 0 0 0 16px inset;
        transition: border ease 0.4s, box-shadow ease 0.5s, background-color ease 0.8s; /*由于box-shadow 4->16px，会产生中心收缩的效果*/
    }

        .uu-ios-checkbox[type="checkbox"]:checked:before,
        .uu-ios-checkbox[type="radio"]:checked:before {
            left: 19px;
        }

.uu-ios-checkbox-label {
    margin-left: 10px;
    cursor: pointer;
    user-select: none;
}
/*-------------------------------全局原生组件----------------------------*/
input[type="checkbox"],
input[type="radio"] {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    margin: 0 3px;
    border: 1px solid var(--uu-primary);
    background-color: var(--uu-f);
    border-radius: 3px;
    background-clip: content-box; /*设置背景的绘制区域*/
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    outline: none;
    -webkit-appearance: none; /*核心样式，即不显示原生控件样式*/
    transition: background-color ease-in 0.15s;
}

input[type="radio"] {
    border-radius: 15px;
}

    input[type="checkbox"]:before,
    input[type="radio"]:before {
        width: 20px;
        height: 20px;
        line-height: 20px;
        position: absolute;
        top: -1px;
        left: 0px;
        font-size: 16px;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'FontAwesome';
        text-align: center;
    }

    input[type="checkbox"]:checked,
    input[type="radio"]:checked {
        background-color: var(--uu-primary);
    }

        input[type="checkbox"]:checked:before,
        input[type="radio"]:checked:before {
            content: '\f00c';
        }

    input[type="checkbox"]:disabled,
    input[type="radio"]:disabled {
        border-color: var(--uu-b);
        background-color: var(--uu-e3);
    }
    input[type="radio"].uu-check-tiny {
        width: 16px;
        height: 16px;
    }
        input[type="radio"].uu-check-tiny:before {
            width: 16px;
            height: 16px;
            line-height: 16px;
            top: -1px;
            left: -1px;
            font-size: 14px;
        }
/*-------------------------------已废弃uu-c-checkbox，仅为兼容早期代码----------------------------*/
body .uu-page .uu-c-disable {
    background-color: var(--uu-d);
    border: 1px solid var(--uu-b);
    cursor: not-allowed;
}
/*checkbox和radio*/
body .uu-page .uu-c-checkbox.uu-c-disable,
body .uu-page .uu-c-radio.uu-c-disable {
    background-color: inherit;
    border-width: 0;
}

body .uu-page .uu-c-disable:before,
body .uu-page .uu-c-disable:after {
    color: var(--uu-d);
    background-color: var(--uu-d);
    border: 1px solid var(--uu-b);
    cursor: not-allowed;
}

body .uu-page .uu-c-disable.uu-c-checked:before,
body .uu-page .uu-c-disable.uu-c-checked:after {
    color: #fff;
}

.uu-c-checkbox,
.uu-c-radio {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 1px;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
}

    .uu-c-checkbox:before,
    .uu-c-radio:before,
    .uu-c-checkbox:after,
    .uu-c-radio:after {
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 15px;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-family: 'FontAwesome';
        text-align: center;
        line-height: 24px;
        border: 1px solid var(--uu-f50);
        background-color: var(--uu-f);
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    /*radio的唯一区别属性*/
    .uu-c-radio:before,
    .uu-c-radio:after {
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
    /*选择框出现左边*/
    .uu-c-checkbox:before,
    .uu-c-radio:before {
        content: "\f00c";
    }
/*选择框出现右边*/
.uu-c-right {
}

.uu-c-checkbox.uu-c-right:before,
.uu-c-checkbox.uu-c-right:before {
    content: none;
}

.uu-c-checkbox.uu-c-right:after,
.uu-c-checkbox.uu-c-right:after {
    content: "\f00c";
}
/*曾经选中的提示状态*/
.uu-c-checked-used:before,
.uu-c-checked-used:after {
    background-color: #ffccb2;
}
/*选中状态*/
.uu-c-checked:before,
.uu-c-checked:after {
    background-color: var(--uu-f50);
}
/*当checkbox在<i>之后自动隐藏，有顺序的原因是为了使用+选择器*/
.uu-c-checkbox + input[type='checkbox'],
.uu-c-checkbox + input[type='radio'] {
    display: none;
}
/*=====================================================================================
                           Table custom
======================================================================================*/
/*固定表格底部工具*/
.uu-bottom-tool {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    right: 0;
    left: 210px;
    bottom: 0;
    height: 42px;
    padding: 4px 10px 0 0;
    background-color: var(--uu-table-content);
    z-index: 10;
}

.main-nav-min .uu-bottom-tool {
    left: 80px;
}
.uu-btn-size{
    float: left;
    margin-right:20px;
}
.part-9 {
    flex: 0 0 89.999999%;
    max-width: 89.999999%;
}

.part-8 {
    flex: 0 0 79.999999%;
    max-width: 79.999999%;
}

.part-7 {
    flex: 0 0 69.999999%;
    max-width: 69.999999%;
}

.part-6 {
    flex: 0 0 59.999999%;
    max-width: 59.999999%;
}

.part-5 {
    flex: 0 0 49.999999%;
    max-width: 49.999999%;
}

.part-4 {
    flex: 0 0 39.9999999%;
    max-width: 39.9999999%;
}

.part-3 {
    flex: 0 0 29.999999%;
    max-width: 29.999999%;
}

.part-2 {
    flex: 0 0 19.999999%;
    max-width: 19.999999%;
}

.part-1 {
    flex: 0 0 9.999999%;
    max-width: 9.999999%;
}

.part-umexcel-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px 0 0;
}
.dataTables_length > label{
    margin-bottom: 0;
}
div.dataTables_wrapper .part-umexcel-info div.dataTables_info {
    padding-top: 0;
}

.header-space {
    height: 41px;
}

.footer-space {
    height: 38px;/*41px*/
}


/*   load 动画 2020.3.25   */
@-webkit-keyframes turnCircle {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(7200deg);
    }
}

@keyframes turnCircle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(7200deg);
    }
}

div .dataTables_processing:before,
.uu-uwpop-loading span:before,
.uu-box-loading span:before,
.uu-alert-loading > b:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -60px;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    border-top: 0.15em solid var(--uu-primary-a2); /*1-2-5*/
    border-right: 0.15em solid var(--uu-primary-a2);
    border-bottom: 0.15em solid var(--uu-primary-a2);
    border-left: 0.15em solid var(--uu-primary);
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: turnCircle 10s infinite;
    animation: turnCircle 10s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.uu-alert-loading-close {
    position: absolute;
    top: 7px;
    right: 5px;
    width: 26px;
    height: 26px;
    color: var(--uu-wwa4);
    cursor: pointer;
}

    .uu-alert-loading-close:hover {
        color: var(--uu-ww);
    }

    .uu-alert-loading-close:before {
        content: "\00d7";
        font-family: monospace, 'Courier New', Courier;
        color: inherit;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
.uu-alert-loading > b:before {
    left: 20px;
    margin-left: 0;
}

.uu-uwpop-loading,
.uu-box-loading {
    position: absolute;
    width: 600px;
    height: 300px;
    line-height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -150px;
    text-align: center;
    background-color: var(--uu-wa7);
    border-radius: 3px;
    z-index: 5;
}

.uu-box-loading {
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    line-height: 200px;
    z-index: initial;
}

.uu-alert-loading {
    position: fixed;
    top: 50vh;
    left: calc(50% - 300px);
    width: 600px;
    padding: 30px 40px 30px 50px;
    font-size: 17px;
    border-radius: 5px;
    color: var(--uu-ww);
    background-color: var(--uu-popover-dark);
    overflow: hidden;
    transition: all .2s ease-in-out;
    text-align: center;
    vertical-align: middle;
    z-index: 3000;
}
.uu-alert-loading-bar {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 0%;
    height: 3px;
    background-color: var(--uu-info);
    box-shadow: 0 -1px 4px var(--uu-info-a7);
    transition: all .2s ease-in-out;
    overflow: hidden;
    z-index: 1;
}
.win-body-max .uu-uwpop-loading {
    width: 1075px;
    height: 445px;
    line-height: 445px;
    margin-top: -221px;
    margin-left: -445px;
}

/* -------------------------TABLES--------------------------- */
.table{
    color: var(--uu-text);
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

td.nowrap {
    white-space: nowrap;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: var(--uu-f5);
    border-bottom-width: 1px;
    white-space: nowrap;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid var(--uu-border);
}

.table > thead > tr > th {
    border-bottom: 1px solid var(--uu-d);
    vertical-align: bottom;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid var(--uu-border);
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
/*只有表格横线*/
.table-bordered.dataTable th,
.table-bordered.dataTable td {
    border-right-width: 0px;
}
/*table*/
.table-fullwidth-box {
    margin: 0 -15px;
}

.table.table-bordered {
    border: 1px solid var(--uu-th-bdr);
    background-color: var(--uu-table-bg);
    /*border-bottom-width:0;*/
    margin: 0;
    /*content-visibility: auto;不能使用，否则在td中无法显示对话框*/
}
.p-b-6{padding-bottom: 6px;}
table.dataTable.table-bordered > thead > tr > th,
table.dataTable.table-bordered tr > th {
    background-color: var(--uu-th);
    border-color: var(--uu-th-bdr);
    white-space: nowrap;
}

    table.dataTable.table-bordered > thead > tr > th:hover,
    table.dataTable.table-bordered tr > th:hover {
        color: var(--uu-primary);
    }
/*table.table tr:nth-of-type(even)*/
table.table tr {
    /*transition: background-color 0.2s;*/
}
/*row颜色和热动作*/
    table.table tr.even,
    table.table tr:nth-child(even) {
        background-color: var(--uu-tr-even);
    }
    table.table tr.odd {
        background-color: var(--uu-f);
    }

table.table > tbody > tr:hover {
    background-color: var(--uu-primary-a2);
}
.table-hover tbody tr:hover {
    color: var(--uu-text);
}
table.table > tbody > tr.selected:hover {
    background-color: var(--uu-primary-a7);
}

table.table > tbody > tr.child {
    background-color: var(--uu-f5);
}

    table.table > tbody > tr.child:hover {
        background: var(--uu-f5);
    }
.table.table-min > thead > tr > th,
.table.table-min > tbody > tr > td{
    font-size: 12px;
    padding: 5px 3px;
}
/*col颜色*/
td.col-even {
    background-color: var(--uu-warning-a1)!important;
}
td.col-primary {
    background-color: var(--uu-primary-a1) !important;
}
td.col-success {
    background-color: var(--uu-success-a1) !important;
}
td.col-info {
    background-color: var(--uu-info-a1) !important;
}
td.col-warning {
    background-color: var(--uu-warning-a1) !important;
}
td.col-danger {
    background-color: var(--uu-danger-a1) !important;
}
/*表中表，用于订单*/
table.table td.uu-td-inner {
    position: relative;
    border-right: 1px solid var(--uu-border);
    vertical-align: middle;
}
ul.uu-inner-grid {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    bottom: 0;
}

    ul.uu-inner-grid > li {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex: 1;
        min-height: 49px;
        border-bottom: 1px solid var(--uu-border);
        /*content-visibility: auto; chrome85+可提高数倍性能，未验证。实测会出现动态渲染延迟，且会导致阴影被切边的情况，反而更慢*/
    }
        ul.uu-inner-grid > li:last-child {
            border-bottom: none;
        }
        ul.uu-inner-grid > li > div {
            flex: 1;
            position: relative;
            padding: 0 5px;
        }
            ul.uu-inner-grid > li > div.order-img {
                flex: none;
                width: 50px;
            }
            ul.uu-inner-grid > li > div.order-sku {
                flex: 5;
                padding: 0;
            }
            ul.uu-inner-grid > li > div.order-price {
                flex: 1.2;
            }
.order-collapse {
    position: absolute;
    bottom: 0px;
    left: 40%;
    margin: 0;
    padding: 0 30px 0 20px;
    font-size: 12px;
    line-height: 16px;
    color: var(--uu-primary);
    background-color: var(--uu-border);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}
    .order-collapse:hover {
        color: var(--uu-primary-h);
    }
.collapse-ex.order-collapse {
    color: var(--uu-warning);
}
    .collapse-ex.order-collapse > .fa-angle-double-down:before {
        content: "\f102";
    }
/* DATATABLES table*/
.dataTable tbody > tr.selected, .dataTable tbody > tr > .selected {
    background-color: var(--uu-primary);
}

.dataTable tbody tr.selected a, .dataTable tbody th.selected a, .dataTable tbody td.selected a {
    color: #fff;
}

.dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:after {
    color: var(--uu-primary);
}

table.dataTable .sorting_1, table.dataTable .sorting_2, table.dataTable .sorting_3 {
    background-color: var(--uu-primary-a1);
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 10px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-shadow: none;
    line-height: 1;
    white-space: nowrap;
}

div.dataTables_info .page-info {
    margin: 0;
    padding: 0;
    color: var(--uu-2);
    background-color: transparent;
}

div.dataTables_info .filter-info,
div.dataTables_info span.select-info {
    margin: 0 5px;
    padding: 2px 6px;
    color: #fff;
    background-color: var(--uu-warning);
    border-radius: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-bg;
    animation-name: pulse-bg;
}

div.dataTables_info span.select-info {
    background-color: var(--uu-primary);
    -webkit-animation-name: none;
    animation-name: none;
}
div.dataTables_info span.select-info>.select-item:first-child {
    cursor: pointer;
}
.dataTable thead > tr > th.sorting_asc, .dataTable thead > tr > th.sorting_desc, .dataTable thead > tr > th.sorting, .dataTable thead > tr > td.sorting_asc, .dataTable thead > tr > td.sorting_desc, .dataTable thead > tr > td.sorting {
    padding-right: 35px;
}

.dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:before, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:before, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:before, .dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    display: block;
    right: 5px;
    bottom: 15px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0.25;
}

.dataTable thead .sorting:before, .dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:before, .dataTable thead .sorting_asc_disabled:before, .dataTable thead .sorting_desc_disabled:before {
    bottom: 15px;
    content: "\f0d8";
}

.dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after {
    bottom: 7px;
    content: "\f0d7";
}

.dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:after {
    color: var(--uu-primary);
    opacity: 1;
}

.dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:before {
    opacity: 0;
}
/* DATATABLES child row toggle*/
.dataTable.dtr-inline.collapsed > thead > tr[role="row"] > td:first-child:before,
.dataTable.dtr-inline.collapsed > thead > tr[role="row"] > th:first-child:before {
    top: 8px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px var(--uu-4);
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: var(--uu-primary);
    cursor: pointer;
}

.col-sm-12 > .dataTable.dtr-inline.collapsed > thead > tr > th.js-showrows[aria-label='#']:first-child:before,
.dataTables_scrollHeadInner > .dataTable > thead > tr[role="row"] > th.js-showrows[aria-label='#']:first-child:before {
    content: '-';
    background-color: var(--uu-red-b);
}
.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, .dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: var(--uu-primary);
}
.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: var(--uu-red-b);
}
/*---------- 2021-05-10 dataTable固定表头框架 ----------*/
/*umTable 100%向下传递关键类：spa-view(100% - 60px) -> ibox-cnt-fullheight(100% - 60px) -> uu-table-scroll-row(100% - 44px)*/
.uu-table-scroll-row {
    position: relative;
    height: calc(100% - 82px); /*兼容性代码，当100vh无效时，且uu-table-scroll=100% 起作用*/
}
    /*解决th为sticky后，会有1px缕空的问题，伪类生成一条线*/
    .uu-table-scroll-row:before,
    .uu-table-scroll-row:after {
        content: "";
        position: absolute;
        top: 36px;
        width: calc(100% - 6px);
        height: 0px;
        border-bottom: 1px solid var(--uu-dark-bdr);
        z-index: 3;
    }
    .uu-table-scroll-row:after {
        top: auto;
        bottom: 6px;
    }
.uu-table-scroll {
    height: calc(100vh - 218px);
    overflow: scroll; /*使用sticky,父元素不能overflow:hidden或者overflow:auto属性*/
    /*-webkit-overflow-scrolling: touch;*/
}
    .uu-table-scroll .table.dataTable thead th {
        position: sticky;
        top: 0;
        /*当sticky时th的border，会导致滚动时border也会被滚动，用z-index+outline解决。chrome91前box-shadow也可以实现outline效果*/
        outline: 0.5px solid var(--uu-th-bdr);
        /*box-shadow: 0 0 0 0.5px var(--uu-th-bdr);*/
        z-index: 2;
    }
    .uu-table-scroll .table.dataTable tfoot th {
        position: sticky; /*注意ios只会作用头，不会作用脚，脚只能使用fixed解决*/
        bottom: 1px;
        outline: 0.5px solid var(--uu-th-bdr); 
        /*box-shadow: 0 0 0 0.5px var(--uu-th-bdr);*/
        z-index: 1;
    }
.table-bordered.dataTable tbody th, .table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
}
.dataTable.dtr-inline.collapsed > thead > tr[role="row"] > th:first-child {
    position: sticky;
}
.is-ios .uu-table-scroll {
    height: calc(100vh - 293px); /*对于移动端存在100vh包含状态栏的bug通过isIOS多减75px解决。若使用100%向下传递布局复杂，但已使用兼容100%尽可能降低影响*/
}


/*umExcel umTableSel*/
.uu-excel-scroll-row{
    margin-right: 0;
    position: relative;
}
    /*解决th为sticky后，会有1px缕空的问题，伪类生成一条线*/
    .uu-excel-scroll-row:before,
    .uu-excel-scroll-row:after {
        content: "";
        position: absolute;
        top: 36px;
        width: calc(100% - 6px);
        height: 0px;
        border-bottom: 1px solid var(--uu-dark-bdr);
        z-index: 3;
    }
    .uu-excel-scroll-row:after {
        top: auto;
        bottom: 6px;
    }

.uu-excel-scroll, .uu-excel-scroll-sm {
    height: calc(100vh - 303px);
    padding-right: 0.5px;
    overflow: scroll; /*使用sticky,父元素不能overflow:hidden或者overflow:auto属性*/
}
.uu-excel-scroll-sm {
    height: calc(100vh - 337px); /*397px*/
    padding-right: 0px;
}
    .uu-excel-scroll .table.dataTable thead th,
    .uu-excel-scroll-sm .table.dataTable thead th {
        position: sticky;
        top: 0;
        /*当sticky时th的border，会导致滚动时border也会被滚动，用z-index+outline解决。chrome91前box-shadow也可以实现outline效果*/
        outline: 0.5px solid var(--uu-th-bdr);
        z-index: 2;
    }
    .uu-excel-scroll .table.dataTable tfoot th,
    .uu-excel-scroll-sm .table.dataTable tfoot th {
        position: sticky;
        bottom: 1px;
        /*当sticky时th的border，会导致滚动时border也会被滚动，用z-index+outline解决。chrome91前box-shadow也可以实现outline效果*/
        outline: 0.5px solid var(--uu-th-bdr);
        /*box-shadow: 0 0 0 0.5px var(--uu-th-bdr); 由于umExcel有边框使用box-shadow解决，注意0.3的使用，否则会出加粗*/
        z-index: 1;
    }

/* DATATABLES inline row detail*/
.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
    padding: 0;
}

.dataTable > tbody > tr.child ul.dtr-details {
    display: inline-block;
    list-style-type: none;
    margin: 20px 5px 20px 25px;
    padding: 0;
    counter-reset: fieldnum;
}

    .dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: 1px solid transparent;
        display: inline-block;
        /*float: left;*/
        width: 355px;
        margin: 1px 1px 2px 1px;
        padding: 0px 0px 2px 0px;
        line-height: 23px;
        overflow: hidden;
        white-space: nowrap;
    }

.dataTable > tbody > tr.child .dtr-details > li:hover {
    border-bottom-color: var(--uu-primary);
}

    .dataTable > tbody > tr.child .dtr-details > li:hover > span {
        color: var(--uu-primary);
    }

.dataTable > tbody > tr.child .dtr-title {
    display: inline-block;
    width: 125px;/*显示7字，显示6字为110*/
    font-weight: normal;
    color: var(--uu-7);
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dataTable > tbody > tr.child .dtr-title:before {
        content: counter(fieldnum);
        counter-increment: fieldnum;
        display: inline-block;
        min-width: 22px;
        padding: 0 3px;
        margin-right: 2px;
        border-radius: 2px;
        color: var(--uu-group);
        border: 1px solid var(--uu-group);
        text-align: center;
        opacity: .8;
    }

.dataTable > tbody > tr.child span.dtr-data {
    display: inline-block;
    width: 220px;
    font-weight: 600;
    color: var(--uu-3);
    overflow: auto;
    white-space: nowrap;
}
    .dataTable > tbody > tr.child span.dtr-data::-webkit-scrollbar {
        display: none;
    }
/* 三栏 2*355+5 */
.dataTable > tbody > tr.child ul.dtr-details > li.dtr-col2 {
    width: 712px;
}
    .dataTable > tbody > tr.child ul.dtr-details > li.dtr-col2 span.dtr-data {
        width: 575px;
    }


.uu-row-info {
    display: inline;
    padding: 1px 6px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    border: 1px solid var(--uu-primary-light);
    background-color: var(--uu-primary-a1);
    border-radius: 3px;
    white-space: nowrap;
    transition: all 0.15s;
}
    .uu-row-info:hover {
        color: var(--uu-ww);
        border-color: var(--uu-primary);
        background-color: var(--uu-primary);
    }

    .uu-row-info.info-even {
        color: var(--uu-warning);
        border-color: var(--uu-warning-a7);
        background-color: var(--uu-warning-a1);
    }

        .uu-row-info.info-even:hover {
            color: var(--uu-ww);
            border-color: var(--uu-warning);
            background-color: var(--uu-warning);
        }
table.table tr.uu-past-row {
    background-color: var(--uu-table-disable);
}
table.table tr.uu-cur-row {
    background-color: var(--uu-danger-a2);
}
table.table tr.uu-future-row {
    background-color: var(--uu-f);
}
table.table tr.uu-delta-row {
    background-color: var(--uu-danger-a2);
}

/*------------------ DATATABLES tools & button-------------------- */
div.dataTables_wrapper div.dataTables_processing {
    top: 63px;
    margin-top: 0px;
    background-color: var(--uu-f);
    box-shadow: 0px 0px 5px var(--uu-ba4);
    z-index: 2;
}

div.dataTables_wrapper {
    height: 100%;
    position: relative;
    padding: 0;
}

    div.dataTables_wrapper > .row:first-child {
        height: 44px;
        z-index: 1;
    }
    div.dataTables_wrapper > .row:first-child > .col-md-5:first-child {
        display:flex;
    }

div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
    /*content-visibility: auto;*/
}
.dataTables_filter > label{
    margin-bottom: 0;
}
div.dt-button-collection div.dropdown-menu {
    max-height: 250px;
    overflow: auto;
    display: block;
    z-index: 502;
    min-width: 100%;
}
div.dataTables_wrapper .btn.uu-btn-finder {
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

div.dataTables_wrapper .btn.js-ajaxFinder {
    color: var(--uu-primary);
}

    div.dataTables_wrapper .btn.uu-btn-finder.finding,
    div.dataTables_wrapper .btn.js-ajaxFinder.finding {
        color: #fff;
        border-color: var(--uu-f63);
        background-color: var(--uu-f63);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: pulse-bg;
        animation-name: pulse-bg;
    }

        div.dataTables_wrapper .btn.uu-btn-finder.finding:hover,
        div.dataTables_wrapper .btn.js-ajaxFinder.finding:hover {
            color: #fff !important;
            background-color: #f96;
            animation-name: none;
        }

        div.dataTables_wrapper .btn.uu-btn-finder.finding i.fa,
        div.dataTables_wrapper .btn.js-ajaxFinder.finding i.fa {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-name: pulse-big;
            animation-name: pulse-big;
        }

div.dataTables_wrapper .dataTables_filter label {
    padding-left: 10px;
    border: 1px solid var(--uu-c);
    background-color: var(--uu-f0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

div.dataTables_wrapper div.dataTables_filter label > input {
    display: inline-block;
    width: 225px;
    margin-left: 10px;
    color: #e33;
    font-weight: 600;
    border: 1px solid transparent;
    border-left: 1px solid var(--uu-c);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.part-umexcel-btn > .uu-table-toolbar {
    margin: 5px 0;
}

.uu-table-toolbar .btn {
    border: 1px solid var(--uu-c);
    background: var(--uu-f);
    color: var(--uu-primary);
    box-shadow: none;
    padding: 5px 8px;
    font-size: 14px;
}

    .uu-table-toolbar .btn:hover,
    .uu-table-toolbar .btn:focus:active {
        background-color: var(--uu-primary-a1);
        border-color: var(--uu-primary-a8);
    }
.uu-table-toolbar .btn-secondary:not(:disabled):not(.disabled):focus:active {
    color: var(--uu-primary-h);
    box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
}
    .uu-table-toolbar .btn.btn-danger {
        /*color: var(--uu-danger);*/
    }

        .uu-table-toolbar .btn.btn-danger:hover,
        .uu-table-toolbar .btn.btn-danger:focus:active {
            /*background-color: var(--uu-danger-a1);*/
        }
/*打印按钮扩展*/
.uu-print-custom-tag{
    position: relative;
}
    .uu-print-custom-tag:before {
        content: "";
        position: absolute;
        top: 5px;
        right: -12px;
        width: 8px;
        height: 2px;
        font-size: 12px;
        text-align: center;
        background-color: var(--uu-primary);
        z-index: 1;
    }
.dropdown-toggle::after {
    vertical-align: middle;
}
/*增删改按钮*/
.btn.uu-btn-new,
.btn.uu-btn-sel,
.btn.uu-btn-import,
.btn.uu-btn-new-fast,
.btn.uu-btn-edit,
.btn.uu-btn-del {
    color: #fff;
}

    body .uu-table-toolbar .btn.disabled,
    body .btn.uu-btn-new.disabled,
    body .btn.uu-btn-sel.disabled,
    body .btn.uu-btn-import.disabled,
    body .btn.uu-btn-new-fast.disabled,
    body .btn.uu-btn-edit.disabled,
    body .btn.uu-btn-del.disabled {
        color: var(--uu-8) !important;
        background-color: var(--uu-f0) !important;
        border: 1px solid var(--uu-b) !important;
    }


.btn.uu-btn-new {
    border: 1px solid var(--uu-primary);
    background-color: var(--uu-primary);
}

.btn.uu-btn-sel {
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning);
}
.btn.uu-btn-import,
.btn.uu-btn-new-fast{
    border: 1px solid var(--uu-primary-a8);
    background-color: var(--uu-primary-a8);
}

.btn.uu-btn-edit {
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning);
}

.btn.uu-btn-del {
    border: 1px solid var(--uu-danger);
    background-color: var(--uu-danger);
}

body .btn.uu-btn-new:hover {
    border: 1px solid var(--uu-primary-h);
    background-color: var(--uu-primary-h);
}

body .btn.uu-btn-sel:hover {
    border: 1px solid var(--uu-warning-h);
    background-color: var(--uu-warning-h);
}

body .btn.uu-btn-import:hover,
body .btn.uu-btn-new-fast:hover {
    border: 1px solid var(--uu-primary-h);
    background-color: var(--uu-primary-h);
}

body .btn.uu-btn-edit:hover {
    border: 1px solid var(--uu-warning-h);
    background-color: var(--uu-warning-h);
}

body .btn.uu-btn-del:hover {
    border: 1px solid var(--uu-danger-h);
    background-color: var(--uu-danger-h);
}
.uu-table-toolbar .uu-btn-sel:not(:disabled):not(.disabled):focus:active,
.uu-table-toolbar .uu-btn-edit:not(:disabled):not(.disabled):focus:active {
    color: var(--uu-warning-h);
    border-color: var(--uu-warning-a8);
    background-color: var(--uu-warning-a1);
    box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
}
.uu-table-toolbar .uu-btn-del:not(:disabled):not(.disabled):focus:active {
    color: var(--uu-danger-h);
    border-color: var(--uu-danger-a8);
    background-color: var(--uu-danger-a1);
    box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
}
div.dt-button-info {
    border: 1px solid #fff;
    box-shadow: 0px 2px 8px var(--uu-a4);
    border-radius: 6px;
    z-index: 100;
}

    div.dt-button-info h2 {
        font-size: 16px; /*24px*/
        background-color: var(--uu-f5);
    }

    div.dt-button-info > div {
        padding: 1em;
        font-size: 20px;
    }

div.dataTables_wrapper div.dataTables_length select {
    height: 33px !important;
    padding: 4px 6px !important;
    border: 1px solid var(--uu-d) !important;
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: var(--uu-f);
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0;
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: var(--uu-f);
}


div.dt-button-collection {
    margin-left: -40px;
}

/*=====================================================================================
                           Table mfiter
======================================================================================*/
.columnFilter {
    position: absolute;
    display: block;
    top: 8px;
    right: 16px;
    color: var(--uu-primary);
    margin: 2px;
    height: 18px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .columnFilter:before {
        content: "\f0b0";
    }

    .columnFilter[status="active"] {
        color: var(--uu-f63);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: pulse-big;
        animation-name: pulse-big;
    }

    .columnFilter:hover {
        color: #fc0;
    }

    .columnFilter[status="active"][match="2"] {
        color: var(--uu-purple);
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: pulse-big;
        animation-name: pulse-big;
    }

.dataTables_scrollBody .columnFilter {
    display: none;
}

#filterMenu {
    display: none;
    position: absolute;
    z-index: 100;
    float: right;
    box-shadow: 0px 0px 6px var(--uu-a4);
    background: var(--uu-f);
    width: 280px;
    padding: 5px;
    border-radius: 5px;
    color: var(--uu-4);
    overflow: hidden;
}

.searchRow {
    height: 27px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
}

div.searchRow input {
    float: left;
    width: 175px;
    height: 27px;
    padding: 1px 3px 3px 3px;
    border-color: var(--uu-primary-a8);
    vertical-align: middle;
}

.searchRow .tinyButton {
    width: 24px;
    height: 20px;
    margin: 4px 0 0 5px;
    display: block;
    float: right;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: var(--uu-d);
    text-rendering: auto;
    user-select: none;
    -webkit-user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#filterMenu .tinyButton[action="applyFilter"] {
    float: left;
}

    #filterMenu .tinyButton[action="applyFilter"][status="inactive"]:before {
        content: "\f067";
        cursor: default;
    }

    #filterMenu .tinyButton[action="applyFilter"][status="active"]:before {
        content: "\f055";
        color: var(--uu-primary);
    }

    #filterMenu .tinyButton[action="applyFilter"][status="active"]:hover:before {
        color: var(--uu-f63);
    }

#filterMenu .tinyButton[action="clearFilter"][status="inactive"]:before {
    content: "\f096";
}

#filterMenu .tinyButton[action="clearFilter"][status="active"]:before {
    content: "\f14a";
    color: var(--uu-primary);
}

#filterMenu .tinyButton[action="closeFilter"]:before {
    content: "\f05c";
    color: var(--uu-primary);
}

#filterMenu .tinyButton[action="closeFilter"]:hover:before {
    color: var(--uu-f63);
}
/*  tools  */

#filterMenu #criteriaList {
    max-height: 300px;
    margin: 0 0 5px 0;
    padding: 0;
    border: 1px solid var(--uu-primary-a4);
    border-top: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow-y: scroll;
}

#filterMenu .filter-allcheck {
    margin: 0;
    padding: 0;
    border: 1px solid var(--uu-primary-a8);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#filterMenu #criteriaList::-webkit-scrollbar-thumb {
    background-color: var(--uu-primary-a3);
}

/*  filterRow  */
#filterMenu .filterRow {
    display: block;
    margin: 0;
    padding: 3px 5px;
    width: inherit;
    height: 25px;
    font-size: 12px;
    cursor: pointer;
}

    #filterMenu .filterRow:hover {
        background-color: var(--uu-primary-a2);
    }

    #filterMenu .filterRow .categoryLabel {
        vertical-align: middle;
    }

    #filterMenu .filterRow:hover .categoryLabel {
        color: var(--uu-primary);
        font-weight: bold;
    }

#filterMenu .badge,
#filterMenu .badgeNormal,
#filterMenu .badgeTotal {
    display: inline-block;
    width: 30px;
    font-weight: normal;
    padding: 2px 0px 0px 0px;
    margin-right: 0px;
    margin-top: 0px;
    color: var(--uu-4);
    font-size: 12px;
    line-height: 13px;
    vertical-align: text-bottom;
    border-radius: 2px;
    background-color: var(--uu-d);
}

#filterMenu .badgeNormal {
    width: auto;
    max-width: 150px;
    padding: 2px 5px 1px 5px;
    overflow: hidden;
    white-space: nowrap;
}

#filterMenu .badgeTotal {
    width: auto;
    max-width: 39px;
    padding: 1px 3px;
    color: #fff;
    background-color: var(--uu-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#filterMenu .badgeGray {
    background-color: var(--uu-a);
}

#filterMenu .js-labelContent {
    display: inline-block;
    width: 135px;
    font-weight: normal;
    padding: 2px 0px 0px 0px;
    margin-right: 0px;
    line-height: 13px;
    vertical-align: text-top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#filterMenu .filterRow [type="checkbox"] {
    vertical-align: middle;
    float: right;
    width: 14px;
    height: 14px;
    margin-top: 3px;
}

#filterMenu .filterRow [status="checked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3Ljc0MSAxNy43NDEiPjxwYXRoIGQ9Ik0tLjAwMS0uMDAxSDE3LjRsLTEuMSAxLjFIMS4xdjE1LjU0aDE1LjU0VjcuODc1bDEuMS0xLjFWMTcuNzRILS4wMDF6bTE3Ljc0LjkzdjQuODI3TDguOSAxNC42NWwtNS44LTUuOCAyLjM3LTIuMzMgMy4zNDUgMy4zMDJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiM1YTVhNWEiLz48L3N2Zz4=") no-repeat center center;
    background-size: 100%;
}

#filterMenu .filterRow:hover [status="checked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3Ljc0MSAxNy43NDEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTAgMHYxNy43NGgxNy43NFYweiIgZmlsbD0iIzVhNWE1YSIvPjxwYXRoIGQ9Ik0xNy43NC45MzJ2NC44MjdMOC44NSAxNC42NSAzLjEgOC44NWwyLjM3LTIuMzMgMy4zNDUgMy4zMDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center center;
    background-size: 100%;
}

#filterMenu .filterRow [status="semichecked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OCIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3Ljc0MSAxNy43NDEiPjxwYXRoIGQ9Ik0yLjA3NSAyLjA3NXYxMy41NWgxMy41NVYyLjA3NXpNMCAwaDE3Ljc0djE3Ljc0SDB6bTUuOCA1Ljg0M3Y2LjA5N2g2LjA5N1Y1Ljg0M3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2E3YTdhNyIvPjwvc3ZnPg==") no-repeat center center;
    background-size: 100%;
}

#filterMenu .filterRow [status="unchecked"] {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NyIgaGVpZ2h0PSI2OCIgdmlld0JveD0iMCAwIDE3LjY5OSAxNy43NDEiPjxwYXRoIGQ9Ik0yLjA3NSAyLjA3NXYxMy41NWgxMy41NVYyLjA3NXpNMCAwaDE3Ljd2MTcuNzRIMHoiIGZpbGw9IiNhN2E3YTciIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat center center;
    background-size: 100%;
}

#filterMenu .clearAllBtn,
#filterMenu .submitButton {
    display: inline-block;
    padding: 2px 6px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid var(--uu-primary);
    color: var(--uu-primary);
    border-radius: 3px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    #filterMenu .clearAllBtn:hover,
    #filterMenu .submitButton:hover {
        background: var(--uu-primary);
        color: #fff;
    }

    #filterMenu .submitButton[match="1"] {
        border: 1px solid var(--uu-f63);
        color: var(--uu-f63);
        float: right;
    }

        #filterMenu .submitButton[match="1"]:hover {
            background: var(--uu-f63);
            color: #fff;
        }

    #filterMenu .submitButton[match="2"] {
        border: 1px solid var(--uu-purple);
        color: var(--uu-purple);
    }

        #filterMenu .submitButton[match="2"]:hover {
            background: var(--uu-purple);
            color: #fff;
        }


.noSelectionHighlight {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
}

.selectionAll {
    padding-right: 5px;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
}
/*=====================================================================================
                           scroller 原生样式
======================================================================================*/
div.dts {
    display: block !important;
}
    div.dts tbody th,
    div.dts tbody td {
        white-space: nowrap;
    }
    div.dts div.dts_loading {
        z-index: 1;
    }
    div.dts div.dts_label {
        position: absolute;
        right: 10px;
        background: rgba(0, 0, 0, 0.8);
        font-size: 12px;
        color: white;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        text-align: right;
        border-radius: 3px;
        padding: 0.4em;
        z-index: 2;
        display: none;
    }

    div.dts div.dataTables_scrollBody {
        background-color: transparent;
    }
        

        div.dts div.dataTables_scrollBody table {
            z-index: 2;
        }

    div.dts div.dataTables_paginate,
    div.dts div.dataTables_length {
        display: none;
    }
/*=====================================================================================
                           TableEditor custom
======================================================================================*/

div .DTE .DTE_Processing_Indicator span, .DTE .DTE_Processing_Indicator:before, .DTE .DTE_Processing_Indicator:after {
    width: 0.4em;
    height: 0.6em;
    border-width: 0;
    background-color: var(--uu-a3);
    border-radius: 100%;
    margin-top: 5px;
}

.DTED_Lightbox_Wrapper {
    margin-left: -31vw;
    width: 62vw;
    z-index: 1055;
}

    .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close {
        top: -12px;
        right: -12px;
        width: 24px;
        height: 24px;
        background-color: var(--uu-9);
        border-radius: 15px;
        box-shadow: 0px 0px 5px var(--uu-a3);
        user-select: none;
        -webkit-user-select: none;
    }

        .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close:after {
            font-size: 24px;
            line-height: 22px;
            padding-left: 0;
        }
.DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close:hover {
    background-color: var(--uu-primary);
    box-shadow: 0 0 8px var(--uu-a8);
}
body .DTED_Lightbox_Background {
    background: radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,.05) 0%, rgba(0,0,0,.6) 100%);
    z-index: 1050;
}

.DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content {
    position: relative;
    box-shadow: 0 2px 8px 0 var(--uu-ba5);
    opacity: .8;
    transition: opacity 0.3s;
}

    .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content:hover {
        opacity: 1;
    }

    .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE {
        background-color: var(--uu-fa);
        border-width: 0;
    }

.DTE .DTE_Header {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--uu-d);
    background-color: var(--uu-f0);
    z-index: 1;
}

    .DTE .DTE_Header span {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
        vertical-align: middle;
    }
.DTE_Header_Content {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: var(--uu-7);
}
.DTE .DTE_Footer {
    background-color: var(--uu-f0);
    border-top: 1px solid var(--uu-d);
    padding: 8px 15px;
    height: 53px;
}

.DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE .DTE_Body_Content {
    box-sizing: border-box;
    background: var(--uu-fa);
}

.DTE button.btn,
.DTE .DTE_Form_Buttons button {
    float: right;
    display: block;
    padding: .375rem .75rem;
    margin-left: 8px;
    text-align: center;
    font-size: 14px;
    color: var(--uu-f);
    line-height: 1.5;
    background-color: var(--uu-primary);
    background-image: none;
    border: 1px solid var(--uu-primary);
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    user-select: none;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}

    .DTE button.btn:hover,
    .DTE .DTE_Form_Buttons button:hover,
    .DTE button.btn:active,
    .DTE .DTE_Form_Buttons button:active {
        text-shadow: none;
        background-image: none;
        color: var(--uu-f);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-primary-h);
        box-shadow: 0 0 5px var(--uu-primary-h);
    }

    .DTE button.btn:focus,
    .DTE .DTE_Form_Buttons button:focus {
        text-shadow: none;
        background-image: none;
        color: var(--uu-f);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-primary-h);
        box-shadow: 0 0 0 0.2rem var(--uu-primary-a4);
    }
.DTE.DTE_Action_Edit button.btn,
.DTE.DTE_Action_Edit .DTE_Form_Buttons button {
    color: var(--uu-f);
    border: 1px solid var(--uu-warning);
    background-color: var(--uu-warning);
}
    .DTE.DTE_Action_Edit button.btn:hover,
    .DTE.DTE_Action_Edit .DTE_Form_Buttons button:hover,
    .DTE.DTE_Action_Edit button.btn:active,
    .DTE.DTE_Action_Edit .DTE_Form_Buttons button:active {
        color: var(--uu-f);
        border: 1px solid var(--uu-warning);
        background-color: var(--uu-warning-h);
        box-shadow: 0 0 5px var(--uu-warning-h);
    }
    .DTE.DTE_Action_Edit button.btn:focus,
    .DTE.DTE_Action_Edit .DTE_Form_Buttons button:focus {
        color: var(--uu-f);
        border: 1px solid var(--uu-warning);
        background-color: var(--uu-warning-h);
        box-shadow: 0 0 0 0.2rem var(--uu-warning-a4);
    }
.DTE.DTE_Action_Remove button.btn,
.DTE.DTE_Action_Remove .DTE_Form_Buttons button {
    color: var(--uu-f);
    border: 1px solid var(--uu-danger);
    background-color: var(--uu-danger);
}

    .DTE.DTE_Action_Remove button.btn:hover,
    .DTE.DTE_Action_Remove .DTE_Form_Buttons button:hover,
    .DTE.DTE_Action_Remove button.btn:active,
    .DTE.DTE_Action_Remove .DTE_Form_Buttons button:active {
        color: var(--uu-f);
        border: 1px solid var(--uu-danger);
        background-color: var(--uu-danger-h);
        box-shadow: 0 0 5px var(--uu-danger-h);
    }

    .DTE.DTE_Action_Remove button.btn:focus,
    .DTE.DTE_Action_Remove .DTE_Form_Buttons button:focus {
        color: var(--uu-f);
        border: 1px solid var(--uu-danger);
        background-color: var(--uu-danger-h);
        box-shadow: 0 0 0 0.2rem var(--uu-danger-a4);
    }

/*group*/
.DTE_Header .editor-group {
    position: absolute;
    right: 16px;
    top: 11px;
}

    .DTE_Header .editor-group > .btn {
        font-size: 13px;
        color: var(--uu-4);
        line-height: 1;
        padding: 6px 12px;
        /*box-shadow: none;*/
    }

    .DTE_Header .editor-group > .btn-white.active:after {
        top: 21px;
    }

    .DTE_Header .editor-group > .form-control[type="text"],
    .DTE_Header .editor-group > .form-control[type="search"] {
        width: 205px;
        height: auto;
        font-size: 13px;
        color: var(--uu-red);
        font-weight: 600;
        line-height: 1;
        padding: 6px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.editor-group.btn-group > .form-control[type="text"]:focus,
.editor-group.btn-group > .form-control[type="search"]:focus,
.uu-panel-toolbar > .btn-group > .form-control[type="text"]:focus,
.uu-panel-toolbar > .btn-group > .form-control[type="search"]:focus {
    z-index: 2;
}
/*  group title  */
.DTE_Body .DTE_Body_Content .DTE_Field.editor-group-title {
    color: var(--uu-group);
    font-size: 24px;
    border-radius: 0;
    border-top: 1px solid var(--uu-group);
    background-color: transparent;
    padding: 0;
    margin: 15px 0 15px 0;
}

    .DTE_Body .DTE_Body_Content .DTE_Field.editor-group-title:hover {
        border-top: 1px solid var(--uu-group);
        background-color: transparent;
        box-shadow: none;
    }

.DTE_Form_Content > .DTE_Field.editor-group-title:before {
    content: none;
}

.DTE_Body .DTE_Body_Content .DTE_Field.editor-group-title > label {
    border-top: 1px solid var(--uu-group);
}

/*label & input*/
.DTE_Body .DTE_Body_Content .DTE_Field {
    padding: 8px 50px 8px 8px;
    border-width: 0;
    display: flex;
}

.DTE_Form_Content {
    counter-reset: fieldcounter;
}

    .DTE_Form_Content > .DTE_Field:before {
        position: absolute;
        min-width: 22px;
        left: 5px;
        top: 15px;
        content: counter(fieldcounter);
        counter-increment: fieldcounter;
        padding: 0 3px;
        border-radius: 2px;
        color: var(--uu-group);
        border: 1px solid var(--uu-group);
        text-align: center;
        opacity: .8;
    }

.DTE_Body .DTE_Body_Content .DTE_Field:hover {
    border-width: 0;
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 4px var(--uu-primary-a4) inset;
}

.DTE_Body .DTE_Body_Content .DTE_Field > label {
    flex: auto;
    width: 18%; /*2021-05-04修改，原20%*/
    padding-top: 7px;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 0px;
}

.DTE_Body .DTE_Body_Content .DTE_Field > .DTE_Field_Input {
    flex: auto;
    float: none;
    width: 82%; /*2021-05-04修改，原80%*/
    padding-top: 0;
}

.DTE_Field_InputControl {
    width: 85%; /*2021-05-04修改，原80%，其与.DTE_Field_Info相加不超过100%*/
}

    .DTE_Field_InputControl > input,
    .DTE_Field_InputControl > select,
    .DTE_Field_InputControl > select.form-control:not([size]):not([multiple]) {
        height: 35px;
        max-width: 800px;
    }

.DTE_Field .DTE_Field_Info {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    width: 15%;/*2021-05-04修改，原19%*/
    margin-top: 0;
    font-size: 12px;
    line-height: 1.2em;
}

.DTE_Field .DTE_Field_Message {
    color: var(--uu-warning);
}
.DTE_Field input, .DTE_Field textarea {
    background-color: var(--uu-f);
}
.DTE_Field input[type="color"],
.DTE_Field input[type="date"],
.DTE_Field input[type="datetime"],
.DTE_Field input[type="datetime-local"],
.DTE_Field input[type="email"],
.DTE_Field input[type="month"],
.DTE_Field input[type="number"],
.DTE_Field input[type="password"],
.DTE_Field input[type="search"],
.DTE_Field input[type="tel"],
.DTE_Field input[type="text"],
.DTE_Field input[type="time"],
.DTE_Field input[type="url"],
.DTE_Field input[type="week"] {
    display: block;
    width: 100%;
    padding: 6px;
    border: 1px solid var(--uu-b);
    border-radius: 1px;
    background-color: var(--uu-f);
    transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
    outline: none;
    outline-offset: -2px;
    -webkit-appearance: none;
    box-shadow: none;
}

.DTE_Field .multi-value {
    border: 1px dotted var(--uu-6);
    border-radius: 1px;
    padding: 6px;
    background-color: var(--uu-f9);
}

body select.form-control {
    padding: 6px;
    border: 1px solid var(--uu-b);
}

    /*.DTE_Label i.uu-required:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    color: #b11f1f;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f069";
}*/
    .DTE_Field input[type="color"]:focus,
    .DTE_Field input[type="date"]:focus,
    .DTE_Field input[type="datetime"]:focus,
    .DTE_Field input[type="datetime-local"]:focus,
    .DTE_Field input[type="email"]:focus,
    .DTE_Field input[type="month"]:focus,
    .DTE_Field input[type="number"]:focus,
    .DTE_Field input[type="password"]:focus,
    .DTE_Field input[type="search"]:focus,
    .DTE_Field input[type="tel"]:focus,
    .DTE_Field input[type="text"]:focus,
    .DTE_Field input[type="time"]:focus,
    .DTE_Field input[type="url"]:focus,
    .DTE_Field input[type="week"]:focus,
    body select.form-control:focus {
        color: var(--uu-text);
        border: 1px solid var(--uu-primary);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.DTE_Field input[disabled],
.DTE_Field input[disabled="disabled"],
.DTE_Field input[readonly],
.DTE_Field input[readonly="readonly"],
.DTE_Field input[readonly="readonly"]:focus {
    background-color: var(--uu-e3);
}

.editor-datetime {
    box-shadow: 0 5px 15px -5px var(--uu-a4);
}
/*checkbox radio*/
.DTE_Field_Type_checkbox .DTE_Field_InputControl > div,
.DTE_Field_Type_radio .DTE_Field_InputControl > div {
    padding-top: 5px; /*因为浮动，故设置上padding使用checkbox radio垂直居中*/
}

    .DTE_Field_Type_checkbox .DTE_Field_InputControl > div > div,
    .DTE_Field_Type_radio .DTE_Field_InputControl > div > div {
        float: left;
        display: inline-block;
        margin: 0 6px;
    }

.DTE_Field_Type_checkbox .DTE_Field_Input > div > div label,
.DTE_Field_Type_radio .DTE_Field_Input > div > div label {
    margin: 0 5px;
}
/* date */
.editor-datetime table td.selectable.selected button {
    background: var(--uu-primary);
}

.editor-datetime table td.selectable button:hover {
    background: #33aaff;
}

/*更新后的行闪烁,18-21帧*1000/60 */
.dataTable tbody tr.highlight {
    background-color: var(--uu-f63) !important;
}

.dataTable tbody tr.highlight,
.dataTable tbody tr.noHighlight {
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px var(--uu-primary);
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px var(--uu-f80);
}
/*upload*/
.DTE .editor_upload button.btn,
.DTE .editor_upload input[type=file] {
    height: 35px;
    font-size: 14px;
}

.DTE .editor_upload .cell:hover > button.btn {
    background-color: var(--uu-primary-a2);
}

.DTE .editor_upload .drop {
    border: 1px dashed var(--uu-c);
    border-radius: 3px;
}

.DTE .editor_upload input[type=file].disabled {
    pointer-events: none;
}
.DTE .DTE_Processing_Indicator{
    top: 35px;
    left: 25px;
    right: auto;
}
.DTE .DTE_Field .DTE_Processing_Indicator {
    top: 20px;
    left: 45px;
    right: auto;
    font-size: 7px;
}
/*=====================================================================================
                           editor drawer 布局
======================================================================================*/
.editor-drawer .DTED_Lightbox_Wrapper {
    right: 0;
    left: auto;
    width: 1024px;
    z-index: 1055;
    transition: width 0.15s ease-in-out;
}
/*对于product需要更宽的窗口，通过页面中在editor打开时设置*/
.DTED_Lightbox_Wrapper.editor-drawer-wrapper-max{
    width: 1380px;
}
    .editor-drawer .DTE .DTE_Body {
        height: 100vh;
    }
.editor-drawer .DTE.DTE_Action_Remove .DTE_Body {
    height: auto;
}
.editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content {
    border-radius: 0;
}

    .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE .DTE_Header {
        border-radius: 0;
    }

    .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTE .DTE_Footer {
        border-radius: 0;
    }

    .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close {
        top: 14px;
        right: 8px;
        border-color: var(--uu-c);
        box-shadow: none;
    }
        .editor-drawer .DTED_Lightbox_Wrapper .DTED_Lightbox_Container .DTED_Lightbox_Content_Wrapper .DTED_Lightbox_Content .DTED_Lightbox_Close:hover {
            border-color: var(--uu-wa5);
            background-color: var(--uu-primary);
            box-shadow: none;
        }

.editor-drawer .DTE_Header .editor-group {
    right: 40px;
}
/*=====================================================================================
                           autofill keytable
======================================================================================*/
/*------umExcel dataTable----*/
.uu-excel-tool {
    display: flex;
    align-items: center;
    height: 43px;
    padding: 0;
    background-color: var(--uu-f);
}

.umexcel.table-bordered.dataTable th,
.umexcel.table-bordered.dataTable td {
    border-right-width: 1px;
}

/*------keytable----*/
table.table > tbody > tr > td > span.row-no:before {
    content: counter(dtRownum);
    counter-increment: dtRownum;
    display: inline-block;
    padding: 0 3px;
    color: var(--uu-4);
}

table.table > tbody > tr.selected > td > span.row-no:before {
    color: #fff;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
    position: relative;
    box-shadow: inset 0 0 0 2px #0D65BD,inset 0 0 0 3px #fff; /*ms excel 绿色:#217346*/
}

div.dtk-focus-alt table.dataTable tbody th.focus,
div.dtk-focus-alt table.dataTable tbody td.focus {
    position: relative;
    vertical-align: middle;
    border-color: transparent;
    box-shadow: 0 0 5px var(--uu-f80),inset 0 0 0 2px var(--uu-f80),inset 0 0 0 3px #fff;
}

.umexcel.dataTable > tbody > tr.selected:hover {
    background-color: var(--uu-primary-a4);
}

.umexcel.dataTable tbody > tr.selected, .dataTable tbody > tr > .selected {
    background-color: var(--uu-primary-a7);
}

table.table tr td.keytable-disable {
    background-color: var(--uu-table-disable);
}
table.table tr:not(.selected) td.keytable-disable.selected {
    background-color: var(--uu-primary-a7);
}

table.dataTable tr.selected td.keytable-disable {
    background-color: var(--uu-a15);
}

/*------autofill----*/
div.dt-autofill-background {
    z-index: 1550;
}

div.dt-autofill-list {
    padding: 16px;
    border-width: 0px;
    background-color: var(--uu-f);
    box-shadow: 0 0 5px var(--uu-a5);
    z-index: 1551;
}
    div.dt-autofill-list ul li:hover {
        background-color: var(--uu-f6);
    }
    div.dt-autofill-list div.dt-autofill-question,
    div.dt-autofill-list div.dt-autofill-button {
        padding: 7px;
        color: var(--uu-primary);
        border-bottom: 1px solid var(--uu-c);
    }

    div.dt-autofill-list div.dt-autofill-button {
        white-space: nowrap;
    }

    div.dt-autofill-list div.dt-autofill-question input[type=number] {
        display: inline-block;
        height: 27px;
        padding: 0 3px;
        width: 40px;
        margin: -2px 5px;
    }

    div.dt-autofill-list div.dt-autofill-button .btn {
        width: 100%;
        padding: 5px 10px;
    }

div.dt-autofill-handle {
    box-shadow: -1px -1px 0 0 #fff;
    background: #0D65BD;
    cursor: pointer;
    z-index: 102;
}

.umexcel.dataTable tbody th,
.umexcel.dataTable tbody td {
    /*position: relative;uminfo必须，不清楚autofill是否会有影响*/
    vertical-align: middle;
}

table.table tr.row-new {
    box-shadow: 0 0 3px 0 var(--uu-warning) inset;
}
.umexcel.table-bordered.dataTable td.cell-edit {
    position: relative;
}
    .umexcel.table-bordered.dataTable td.cell-edit:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        box-shadow: inset 0 0 4px 2px rgba(240,0,0,.25);
        pointer-events: none;
        /*border-bottom: 1px dashed var(--uu-danger);*/
    }

table.table > tbody {
    counter-reset: dtRownum;
}

/*------input for autofill----*/
.DTE_Inline {
    position: absolute;
    display: block;
    top: 2px;
    left: 2px;
    margin: 0;
    padding: 0;
    width: calc(100% - 4px);
    overflow: visible;
}

    .DTE_Inline .DTE_Inline_Field, .DTE_Inline .DTE_Inline_Buttons {
        display: block;
    }

        .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl {
            width: auto;
        }

    .DTE_Inline .DTE_Field_InputControl > input,
    .DTE_Inline .DTE_Field_InputControl > select,
    .DTE_Inline .DTE_Field_InputControl > select.form-control:not([size]):not([multiple]) {
        height: auto;
        max-width: 100%;
    }

    .DTE_Inline .DTE_Inline_Field .DTE_Field input,
    .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl > select,
    .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl > .form-control {
        display: block;
        height: auto;
        width: 100%;
        padding: 5px;
        margin: 0;
        line-height: 1.4;
        border: 1px solid transparent;
        border-radius: 0px;
        background-color: var(--uu-f);
        transition: none;
        outline: none;
        outline-offset: 0;
        -webkit-appearance: none;
        box-shadow: none;
    }

        .DTE_Inline .DTE_Inline_Field .DTE_Field_InputControl > select.form-control:not([size]):not([multiple]) {
            height: 31px;
            margin-top: -5px;
        }

        .DTE_Inline .DTE_Inline_Field .DTE_Field input:focus,
        .DTE_Inline .DTE_Field_InputControl > select:focus,
        .DTE_Inline .DTE_Field_InputControl > .form-control:focus {
            background-color: var(--uu-f);
            box-shadow: none;
        }
    /*select2 for autofill*/
    .DTE_Inline .select2-container .selection .select2-selection--single {
        height: 31px;
    }

    .DTE_Inline .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 5px;
        line-height: 30px;
    }

    .DTE_Inline .DTE_Inline_Field .select2-container .selection .select2-selection {
        border-color: transparent;
        border-bottom-color: var(--uu-d);
        box-shadow: none;
    }

    .DTE_Inline .DTE_Field .DTE_Field_Message,
    .DTE_Inline .DTE_Field_Error, 
    .DTE_Inline .DTE_Form_Error {
        position: relative;
        margin-top: 9px;
        padding: 6px 6px;
        color: var(--uu-f) !important;
        font-size: 12px;
        line-height: 1.2em;
        border-radius: 3px;
        background-color: var(--uu-warning) !important;
        z-index: 1;
    }
        
    .DTE_Inline .DTE_Field_Error, 
    .DTE_Inline .DTE_Form_Error {
        background-color: var(--uu-danger) !important;
    }
    .DTE_Inline .DTE_Field .DTE_Field_Message:after,
    .DTE_Inline .DTE_Field_Error:after, 
    .DTE_Inline .DTE_Form_Error:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 14px;
        width: 12px;
        height: 12px;
        border: 6px solid transparent;
        border-bottom-color: var(--uu-warning);
        z-index: 1;
    }
        .DTE_Inline .DTE_Field_Error:after,
        .DTE_Inline .DTE_Form_Error:after {
            border-bottom-color: var(--uu-danger);
        }
    .DTE_Inline .DTE_Field .DTE_Field_Info {
        right: -4px;
        width: auto;
        max-width: 31px;
        padding: 0 10px 0 0;
        z-index: 2062;
    }
/*=====================================================================================
                                     chosen.js
======================================================================================*/
.chosen-container {
    background-color: var(--uu-f);
}

.chosen-container-single .chosen-single {
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 1px 0 0 6px;
    height: 30px;
    line-height: 26px;
    border: none;
    border-radius: 0;
    background-color: var(--uu-f);
    background: none;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--uu-4);
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

    .chosen-container-single .chosen-single div {
        top: 3px;
        height: 90%;
    }

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-choices {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container .chosen-results li.highlighted {
    color: #fff;
    background-color: var(--uu-primary-a6);
    background-image: none;
}

.chosen-container .chosen-results li.active-result.result-selected {
    color: #fff;
    background-color: var(--uu-primary);
}

    .chosen-container .chosen-results li.active-result.result-selected.highlighted {
        color: #fff;
        background-color: var(--uu-primary-a8);
    }

.chosen-container .chosen-results li.disabled-result {
    color: var(--uu-c);
}


.DTE_Inline .DTE_Inline_Field .chosen-container-single .chosen-search input[type="text"] {
    margin: 1px 0;
    padding: 4px 20px 4px 4px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid var(--uu-b);
    background: none;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

    .DTE_Inline .DTE_Inline_Field .chosen-container-single .chosen-search input[type="text"]:focus {
        border: 1px solid var(--uu-primary-a8);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.dataTable tbody tr.selected .chosen-container > a {
    color: var(--uu-4);
}

.DTE_Field_InputControl > div > div.chosen-drop {
    margin: 0;
    border: 1px solid var(--uu-c);
    border-radius: 0;
    box-shadow: 0 5px 15px -5px var(--uu-a4);
}

.chosen-container-multi .chosen-choices {
    margin: 0;
    padding: 0 5px;
    border: none;
    background-color: var(--uu-f);
    background-image: none;
    cursor: text;
}

.chosen-container .chosen-results li em {
    color: var(--uu-warning);
    font-weight: 600;
    text-decoration: underline;
}
/*----------typeahead----------*/
.typeahead > .dropdown-item {
    width: 100%;
    max-width: 600px;
    padding: 8px 6px;
    font-size: 14px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
}
    .typeahead > .dropdown-item > em {
        color: var(--uu-blue);
        font-weight: 600;
        font-style: normal;
    }
    .typeahead > .dropdown-item  b,
    .typeahead > .dropdown-item  strong {
        color: var(--uu-warning);
        font-weight: 800;
        text-decoration: underline;
    }
    
.typeahead > .dropdown-header {
    padding: 4px 6px;
    font-size: 16px;
}

.typeahead > .dropdown-divider {
    margin: 4px 0;
}
/*=====================================================================================
                                     select2.js
======================================================================================*/
/*----------选择容器及被选项*/
.select2-container {
    z-index: 2060;
}

    .select2-container .selection .select2-selection {
        display: block;
        border: 1px solid var(--uu-b);
        border-radius: 1px;
        background-color: var(--uu-f);
        outline: none;
        box-sizing: border-box;
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .selection .select2-selection:focus {
            border: 1px solid var(--uu-primary);
            background-color: var(--uu-f);
            box-shadow: 0 0 5px var(--uu-primary-a8);
        }

    .select2-container .selection .select2-selection--single {
        height: 35px;
    }
    body .select2-container.select2-container--disabled .selection .select2-selection--single {
        background-color: var(--uu-e3);
        cursor: default;
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        color: var(--uu-4);
        line-height: 33px;
    }

.uwpop-win-body .select2-container .selection .select2-selection {
    border-color: var(--uu-d);
    background-color: var(--uu-f);
}

.uu-panel-toolbar select.select2-w600 {
    width: 600px;
}

.uu-panel-toolbar select.select2-w700 {
    width: 700px;
}

.uu-panel-toolbar select.select2-w800 {
    width: 800px;
}

.uu-panel-toolbar .select2-container .selection .select2-selection {
    height: 35px;
    overflow: auto;
}
    .uu-panel-toolbar .select2-container .selection .select2-selection[aria-disabled='true'] {
        background-color:var(--uu-e);
    }
.uu-panel-toolbar select.form-control[multiple] {
    height: 35px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    padding: 0 6px;
    margin-bottom: 4px;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    float: none;
    flex: none;
    margin-right: 6px;
    margin-top: 5px;
    padding: 0 5px;
    color: #fff;
    line-height: 24px;
    border-width: 0;
    border-radius: 3px;
    background-color: var(--uu-info);
    cursor: default;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    margin-right: 10px;
    line-height: 1;
    vertical-align: text-top;
}

    .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: var(--uu-f63);
    }
/*----------多选模式的inline input*/
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 5px;
    padding: 0;
    min-width: 8em !important;
    border: 1px solid transparent;
}

    .select2-container .select2-search--inline .select2-search__field:focus {
        border: 1px solid var(--uu-primary-a8);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.select2-container .selection .select2-selection .select2-selection__arrow {
    height: 33px;
}
/*----------创建模式*/
.um-create + .select2-container .select2-search--inline .select2-search__field:focus,
.um-create + .select2-container .select2-search--dropdown .select2-search__field:focus {
    border: 1px solid var(--uu-f80);
    background-color: var(--uu-f);
    box-shadow: 0 0 5px var(--uu-f80);
}

.select2-container .select2-results__option[um-tagcreate='true'] {
    background-color: var(--uu-f80);
    border-color: var(--uu-f80);
    color: white;
}

/*----------下拉窗口*/
.select2-dropdown {
    background-color: var(--uu-f);
    border: 1px solid var(--uu-c);
    box-shadow: 0 5px 15px -5px var(--uu-a4);
    box-sizing: border-box;
    display: block;
    border-radius: 0;
}
/*----------下拉窗口的input*/
.select2-container .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--uu-b);
    outline: none;
    line-height: 1.3em;
}

    .select2-container .select2-search--dropdown .select2-search__field:focus {
        border: 1px solid var(--uu-primary-a8);
        background-color: var(--uu-f);
        box-shadow: 0 0 5px var(--uu-primary-a8);
    }

.select2-container .select2-results > .select2-results__options {
    max-height: 295px;
    padding: 6px 6px 10px 6px;
    background-color: var(--uu-f4);
}
    /*scrollbar*/
    .uu-panel-toolbar .select2-container .selection .select2-selection::-webkit-scrollbar-thumb,
    .select2-container .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
        background-color: var(--uu-primary-a3);
        border-radius: 3px;
    }
/*----------下拉窗口的选项*/
.select2-results__option {
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 0 5px;
    color: var(--uu-4);
    line-height: 22px;
    background-color: var(--uu-f);
    border-radius: 3px;
    border: 1px solid var(--uu-c);
}

    .select2-results__option:before {
        display: inline-block;
        min-width: 18px;
        margin: 0px 3px 0 -3px;
        padding: 3px 0 1px 0;
        color: #fff;
        font-size: 12px;
        line-height: 1em;
        text-align: center;
        border-radius: 3px;
        background-color: var(--uu-a15);
    }

.select2-container .select2-results__option.select2-results__option--highlighted:hover {
    background-color: #46b1ff;
    border-color: #46b1ff;
    color: #fff;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: var(--uu-primary) !important;
    color: white;
}

.select2-container .select2-results__option[aria-selected=true] {
    background-color: var(--uu-info);
    border-color: var(--uu-info);
    color: white;
}
    /*使用title最后一个字符是否为"-"进行奇偶判断，并设置颜色*/
    .select2-container .select2-results__option[aria-selected=true][title$='-'] {
        background-color: var(--uu-warning);
        border-color: var(--uu-warning);
    }

.select2-container .select2-selection--multiple .select2-selection__choice[title$='-'] {
    background-color: var(--uu-warning);
}
/*1级序号*/
.select2-results > .select2-results__options {
    counter-reset: option1;
}

    .select2-results > .select2-results__options > .select2-results__option:before {
        content: counter(option1);
        counter-increment: option1;
    }
    /*2级序号*/
    .select2-results > .select2-results__options > .select2-results__option > .select2-results__options {
        counter-reset: option2;
    }

        .select2-results > .select2-results__options > .select2-results__option > .select2-results__options > .select2-results__option:before {
            content: counter(option1) "." counter(option2);
            counter-increment: option2;
        }


/*----------分组分隔线*/
.select2-container .select2-results__option[data-select2-id$='-----'] {
    display: block;
    width: 100%;
    font-weight: 600;
    background-color: var(--uu-e3);
    cursor: default;
}

    .select2-container .select2-results__option[data-select2-id$='-----']:before {
        content: none;
    }

.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='-----'],
.select2-container .select2-results__option.select2-results__option--highlighted[data-select2-id$='-----']:hover,
.select2-container .select2-results__option[aria-selected=true][data-select2-id$='-----'] {
    border-color: var(--uu-c);
    background-color: var(--uu-e3) !important;
    color: var(--uu-4);
}
/*----------optgroup的样式*/
.select2-container .select2-results__option[role=group] {
    display: block;
    margin: 5px 0 0 0;
    padding: 8px;
    background-color: var(--uu-e7);
}

.select2-results__option[role=group]:before {
    margin-left: 0px;
}

.select2-container .select2-results__group {
    display: inline-block;
    padding: 0;
    cursor: default;
}

.select2-container .select2-results__option .select2-results__option {
    padding: 0 5px;
}

/*=====================================================================================
                           bootstrap-table
======================================================================================*/
/*pagenation toolbar table layout 将原来的布局变为集中上表格上方*/
.bootstrap-table {
    display: flex;
    flex-wrap: wrap;
}

.bootstrap-table .fixed-table-toolbar {
    flex: 1 1 40%;
    display: flex;
    flex-flow: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

    .bootstrap-table .fixed-table-pagination {
        flex: 1 1 50%; /*与toolbar相加，不能超过100%，否则会折行*/
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .bootstrap-table .fixed-table-container {
        flex: 1 1 100%;
    }

    .bootstrap-table .fixed-table-pagination::after {
        content: none;
    }

    .bootstrap-table .fixed-table-toolbar .form-control {
        border-radius: 4px;
    }
    .bootstrap-table .fixed-table-toolbar .btn-sm {
        padding: .375rem .75rem;
        font-size: 0.875rem;
    }
    /*table*/
    .bootstrap-table .fixed-table-container .table thead th .th-inner {
        padding: 8px;
    }

    .bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .bootstrap-table .fixed-table-toolbar .columns label {
        padding: 6px 10px;
        margin-bottom: 0;
    }

    .bootstrap-table tfoot th {
        font-size: 12px;
    }
    /*使用filter转换，原色为#7A80DD，通过https://www.zhangxinxu.com/sp/filter.html*/
    .bootstrap-table .fixed-table-container .table thead th .asc,
    .bootstrap-table .fixed-table-container .table thead th .desc {
        filter: invert(55%) sepia(66%) saturate(5212%) hue-rotate( 179deg ) brightness(86%) contrast(78%);
    }
.fixed-table-body table.table td > p,
.fixed-table-body table.table td div{
    display: inline-block;
}
.fixed-table-body table.table td img {
    width: 30px!important;
}
/*首页表格*/
.uu-opacity-table .table.table-bordered {
    background-color: var(--uu-wa5);
}
.uu-opacity-table table.table tr.even,
.uu-opacity-table table.table tr:nth-child(even) {
    background-color: var(--uu-a05);
}
.uu-opacity-table .table-bordered > thead > tr > th {
    background-color: var(--uu-a1);
}
.uu-opacity-table .pagination > li > a,
.uu-opacity-table .pagination > li > span,
.uu-opacity-table .page-item.disabled .page-link {
    background-color: var(--uu-wa7);
}
.uu-opacity-table table.table > tbody > tr:hover{
    background-color: var(--uu-primary-a2);
}
/*=====================================================================================
                                     widget
======================================================================================*/
/*----------widget pop*/
.uwpop-win {
    position: absolute;
    left: 0;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-color: var(--uu-f);
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 5px 1px var(--uu-ba5);
    z-index: 1500 !important;
    /*content-visibility: auto;使用uwpop-win将无法获取正确的宽高*/
}

.umimg-win {
    z-index: 1550 !important;
}

.uwpop-top1 {
    z-index: 1501 !important;
}

.uwpop-top2 {
    z-index: 1502 !important;
}

.uwpop-top3 {
    z-index: 1503 !important;
}

.uwpop-top4 {
    z-index: 1504 !important;
}

.uwpop-top5 {
    z-index: 1505 !important;
}

.uwpop-top6 {
    z-index: 1506 !important;
}

.uwpop-win-close {
    position: absolute;
    top: 7px;
    right: 0;
    width: 26px;
    height: 26px;
    color: inherit;
    cursor: pointer;
}

    .uwpop-win-close:hover {
        color: var(--uu-primary);
    }

    .uwpop-win-close:before {
        content: "\00d7";
        font-family: monospace, 'Courier New', Courier;
        color: inherit;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }

.uwpop-win-title {
    min-height: 40px;
    padding: 6px;
    border-bottom: 1px solid var(--uu-e);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: var(--uu-a);
    background-color: var(--uu-f6);
}

    .uwpop-win-title h3 {
        color: var(--uu-7);
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .uwpop-win-title p {
        display: inline-flex;
        align-items: center;
        margin: 0 0 0 10px;
        color: var(--uu-6);
        pointer-events: none;
    }

    .uwpop-win-title:hover {
        background-color: var(--uu-e);
        cursor: move;
    }

    .uwpop-win-title .btn {
        padding: 2px 8px;
    }

.uwpop-win-body {
    position: relative;
    min-width: 640px;
    max-width: 1400px;
    min-height: 450px;
    max-height: 700px;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--uu-f);
}

    .uwpop-win-body.win-body-max {
        width: 1280px;
        height: 514px; /*等于.uu-panel-tbody(467px) + toolbars margin(47px)*/
    }

    .uwpop-win-body.win-body-tablesel {
        min-width: 360px;
        max-width: calc(100vw - 50px);
        width: calc(100vw - 50px);
        min-height: 350px;
        max-height: calc(100vh - 30px); /*用于umTableSel，高度要与用于umExcel的automax一致，其否则会无法显示固定表格脚*/
    }

    .uwpop-win-body.win-body-automax {
        min-width: 360px;
        max-width: calc(100vw - 10px);
        min-height: 450px;
        max-height: calc(100vh - 30px);
        width: 99vw; /*自适应高度，必须使用vw才能撑开父容器*/
    }
    .uwpop-win-body.win-body-normal {
        min-width: 600px;
        max-width: calc(100vw - 20px);
        min-height: 450px;
        max-height: calc(100vh - 30px);
        width: 78vw; /*自适应高度，必须使用vw才能撑开父容器*/
    }
.uu-param {
    display: inline-block;
    max-width: 1000px;
    padding: 6px;
    margin: 0 3px;
    line-height: 1;
    color: var(--uu-4);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    border: 1px solid var(--uu-c);
    border-radius: 2px;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*uu-panel总外框*/
.uu-panel {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}
/*uu-panel-top，固定头部工具栏容器*/
.uu-panel-top {
    position: absolute;
    top: -47px;
    left: 0;
    width: calc(100% - 5px);
    height: 47px;
    margin: 0;
    padding: 0 1px 0px 6px;
    background-color: var(--uu-f);
    overflow: hidden;
    z-index: 10;
}

/*uu-panel-thead和tbody，其中thead位于uu-panel-top中*/
.uu-panel-thead {
    padding: 0px 0 0 0;
    height: 37px;
    overflow: hidden;
}

.uu-panel-tbody {
    position: relative;
    width: 100%;
    height: 467px;
    margin: 47px 0 0 0;
    padding: 0 6px 6px 6px;
    overflow: hidden scroll;
}

/*uu-panel-top以下左右结构*/
.uu-panel-main {
    display: flex;
    margin: 47px 0 0 0;
    padding: 0;
    border-top: 1px solid var(--uu-e);
}

.uu-panel-left,
.uu-panel-right {
    position: relative;
    flex: auto;
    width: 50%;
    height: 450px;
    margin: 0;
    padding: 6px;
    overflow: hidden scroll;
}

.uu-panel-right {
    width: 50%;
    padding: 6px 6px 6px 6px;
    border-left: 1px solid var(--uu-e);
}

.win-body-max .uu-panel-left,
.win-body-max .uu-panel-right {
    height: 467px; /*与.uu-panel-tbody(467px)一致*/
}


/*uu-panel-top以下上下结构，uu-panel-pchead和pcbody*/
.uu-panel-main-v {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 47px 0 0 0;
    padding: 0;
    border-top: 1px solid var(--uu-e);
}

.uu-panel-pchead,
.uu-panel-pcbody {
    position: relative;
    flex: none;
    width: 100%;
    margin: 0;
    padding: 6px 0 0 6px;
    overflow: hidden scroll;
}

.uu-panel-pchead {
    min-height: 50px;
    max-height: 145px;
    /*max-height: 127px; 单行40px * 3*/
    border-bottom: 1px solid var(--uu-e);
}

.uu-panel-pcbody {
    padding-top: 2px;
    min-height: 200px; /*与.uwpop-win-body.win-body-automax的min-height匹配，以解决umExcel.chosen下拉不显示的问题*/
    /*高度与uwpop-win-body和.uu-panel-pchead的max-height相关，240px=外上下margin:20+title:40+toolbar:48+maxhead:127+内部padding:12*/
    max-height: calc(100vh - 258px);
}

.uu-head-editor {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    counter-reset: fieldItem;
}

    .uu-head-editor > li {
        position: relative;
        flex: none;
        display: flex;
        width: 360px;
        margin: 1px 5px;
        padding: 3px 2px 5px 2px;
        color: var(--uu-3);
        text-align: left;
        border-bottom: 1px solid transparent;
        overflow: visible;
        white-space: nowrap;
    }

        .uu-head-editor > li:hover {
            border-bottom-color: var(--uu-primary);
        }

            .uu-head-editor > li:hover > label {
                color: var(--uu-primary);
            }

        .uu-head-editor > li > label {
            flex: none;
            width: 100px;
            margin: 7px 0 0 0;
            color: var(--uu-7);
            font-weight: normal;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: all 0.2s ease-in-out 0s;
        }

        .uu-head-editor > li input[js-id]:not([type='umimg']),
        .uu-head-editor > li select[js-id] {
            flex: auto;
            background-color: var(--uu-f);
            background-image: none;
            border: 1px solid var(--uu-d);
            border-radius: 1px;
            color: var(--uu-2);
            width: 100%;
            height: 35px;
            padding: 3px;
            transition: border-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
        }

            .uu-head-editor > li input[js-id]:not([type='umimg']):focus,
            .uu-head-editor > li select[js-id]:focus {
                border-color: var(--uu-primary);
                box-shadow: 0 0 5px var(--uu-primary-a8);
                outline: 0;
            }

            .uu-head-editor > li input[js-id][disabled],
            .uu-head-editor > li input[js-id][readonly],
            .uu-head-editor > li input[js-id][readonly="readonly"],
            .uu-head-editor > li select[js-id][disabled],
            .uu-head-editor > li select[js-id][readonly],
            .uu-head-editor > li select[js-id][readonly="readonly"] {
                background-color: var(--uu-e9);
            }

        .uu-head-editor > li > .widget-group {
            display: inline-flex;
            flex: auto;
            vertical-align: middle;
        }

            .uu-head-editor > li > .widget-group > select {
                height: 35px;
            }

            .uu-head-editor > li > .widget-group > .group-field-info {
                display: inline-flex;
                flex: none;
            }
            /*当group-field-info有内容时自动撑开*/
                .uu-head-editor > li > .widget-group > .group-field-info > div {
                    flex: none;
                    width: 35px;
                    height: 35px;
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 0;
                }
    /*select2专用*/            
    .uu-head-editor .select2-container {
        flex: auto;
        width: 100% !important;/*用于覆盖select2.js生成的行内绝对宽度*/
        height: 35px;
    }

        .uu-head-editor .select2-container .selection .select2-selection {
            height: 35px;
            overflow: auto;
        }

        .uu-head-editor .select2-container .select2-search--inline .select2-search__field {
            min-width: 4em !important;
        }
    /*图像专用*/ 
    .uu-head-editor input.umimg-widget-input[type='umimg'] {
        top: 50px;
        left: 106px;
    }
    /*长输入框*/ 
    .uu-head-editor > li.uu-input-big {
        width: 730px;
    }

    /*紧凑型模式，label比默认减少至75px，只支持4个中文，为sm|md|lg*/
    .uu-head-editor > li.uu-input-sm > label,
    .uu-head-editor > li.uu-input-md > label,
    .uu-head-editor > li.uu-input-lg > label {
        width: 75px;
    }
    .uu-head-editor > li.uu-input-sm {
        width: 175px;
    }
    .uu-head-editor > li.uu-input-md {
        width: 360px;
    }
    .uu-head-editor > li.uu-input-lg {
        width: 730px;
    }
        
/*滚动条，特别的，为了显示明显，.uu-panel-tbody和pcbody滚动条不设置浅色*/
.uu-panel::-webkit-scrollbar-thumb,
.uu-panel-left::-webkit-scrollbar-thumb,
.uu-panel-right::-webkit-scrollbar-thumb{
    background-color: var(--uu-ba15);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.uu-panel-pchead::-webkit-scrollbar-thumb {
    background-color: var(--uu-primary-a9);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.uu-excel-scroll::-webkit-scrollbar-thumb,
.uu-excel-scroll-sm::-webkit-scrollbar-thumb {
    background-color: var(--uu-a3);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/*----------widget的toolbar*/
.uu-panel-toolbar {
    width: calc(100% - 5px);
    padding: 6px 0 5.42px 0;
    overflow: hidden;
    z-index: 1;
}

    .uu-panel-toolbar .form-control {
        width: 150px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .uu-panel-toolbar .btn {
        color: var(--uu-6);
    }

        .uu-panel-toolbar .btn > i {
            font-size: 18px;
            vertical-align: middle;
        }

    .uu-panel-toolbar .form-control.js-pct-search {
        width: 245px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
.uu-search-arrow:before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 42px;
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    border-top-color: var(--uu-primary);
    z-index: 1;
}
.pct-search-label {
    margin-bottom: 0;
    margin-right: -1px;
    border: 1px solid var(--uu-c);
    background-color: var(--uu-f0);
    cursor: default;
}
.uu-icon-input {
    display: inline-flex;
    padding: 0px 0px 0px 0;
    align-items: center;
    vertical-align: middle;
}

    .uu-icon-input > label,
    .uu-icon-input > input {
        flex: auto;
        margin: 0;
    }

    .uu-icon-input > label {
        padding-left: 6px;
        padding-right: 6px;
        color: var(--uu-6);
    }

        .uu-icon-input > label > i {
            font-size: 18px;
            vertical-align: middle;
        }

.uu-control-plugin {
    display: inline-flex;
    margin: 0 0 0 10px;
    padding: 0px 0px 0px 0;
    align-items: center;
    vertical-align: middle;
}
/*----------editor中input*/
.uu-list-editor {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .uu-list-editor > li {
        position: relative;
        display: flex;
        padding: 8px 8px 8px 0;
        align-items: center;
    }

        .uu-list-editor > li:hover {
            background-color: var(--uu-primary-a1);
            box-shadow: 0 0 4px var(--uu-primary-a4) inset;
        }

        .uu-list-editor > li > label,
        .uu-list-editor > li > input,
        .uu-list-editor > li > div.umimg {
            flex: auto;
        }

        .uu-list-editor > li > label {
            width: 35%;
            margin: 0;
            padding: 0 6px 0 0;
            text-align: right;
        }

        .uu-list-editor > li > input,
        .uu-list-editor > li > div.umimg {
            width: 65%;
        }

            .uu-list-editor > li > input.umimg-widget-input {
                display: none;
            }

        .uu-list-editor > li > .widget-group {
            display: inline-flex;
            width: 65%;
            vertical-align: middle;
        }

            .uu-list-editor > li > .widget-group > select {
                flex: auto;
                width: calc(100% - 35px);
                height: 35px !important;
            }

            .uu-list-editor > li > .widget-group > .group-field-info {
                display: inline-flex;
            }

                .uu-list-editor > li > .widget-group > .group-field-info > div {
                    flex: auto;
                    width: 35px;
                    height: 35px;
                    border-bottom-left-radius: 0;
                    border-top-left-radius: 0;
                }
/*----------editor中widget按钮*/
.uw-btn-sm {
    margin: 0;
    padding: 6px 4px;
    color: var(--uu-f);
    border-radius: 3px;
    background-color: var(--uu-primary);
    display: inline-block;
    align-items: center;
    justify-content: center;
}

    .uw-btn-sm:hover {
        color: #fff;
        background-color: var(--uu-primary-h);
    }

    .uw-btn-sm.btn-primary {
        background-color: var(--uu-primary);
    }

        .uw-btn-sm.btn-primary:hover {
            background-color: var(--uu-primary-h);
        }

    .uw-btn-sm.btn-secondary {
        background-color: var(--uu-secondary);
    }

        .uw-btn-sm.btn-secondary:hover {
            background-color: var(--uu-secondary-h);
        }

    .uw-btn-sm.btn-info {
        background-color: var(--uu-info);
    }

        .uw-btn-sm.btn-info:hover {
            background-color: var(--uu-info-h);
        }

    .uw-btn-sm.btn-warning {
        background-color: var(--uu-warning);
    }

        .uw-btn-sm.btn-warning:hover {
            background-color: var(--uu-warning-h);
        }

    .uw-btn-sm.btn-danger {
        background-color: var(--uu-danger);
    }

        .uw-btn-sm.btn-danger:hover {
            background-color: var(--uu-danger-h);
        }
.uw-btn-sm-align-top {
    align-self: flex-start;
    margin-top: 8px;
}
/*----------crossjoin-table中widget按钮*/
.uu-crossjoin-table {
}

    .uu-crossjoin-table .form-control {
        display: inline-block;
        width: 65px;
        height: 29px;
        padding: 0px 3px;
        color: var(--uu-2);
    }

.table.uu-crossjoin-table > tbody > tr:hover {
    background-color: var(--uu-primary-a1);
    box-shadow: 0 0 5px var(--uu-primary-a6) inset;
}

table.uu-crossjoin-table > tbody > tr:nth-child(even) {
    background-color: var(--uu-e);
}

table.uu-crossjoin-table > tbody > tr > td {
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
}

    table.uu-crossjoin-table > tbody > tr > td > input[readonly] {
        border-color: transparent;
        background-color: transparent;
    }

.umunit {
    color: var(--uu-primary);
    cursor: pointer;
}

    .umunit:hover {
        color: var(--uu-warning);
    }

table.uu-crossjoin-table .uu-cj-row-no {
    vertical-align: middle;
}

    table.uu-crossjoin-table .uu-cj-row-no > small {
        display: inline-block;
        min-width: 20px;
        padding: 0px 3px;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #fff;
        text-align: center;
        background-color: var(--uu-primary-a5);
        border-radius: 2px;
    }

.table.uu-crossjoin-table > tbody > tr:hover > .uu-cj-row-no {
    color: var(--uu-warning);
}

    .table.uu-crossjoin-table > tbody > tr:hover > .uu-cj-row-no > small {
        background-color: var(--uu-warning);
    }

/*=====================================================================================
                                     engine 
======================================================================================*/
.uwpop-win-body.engine-body-automax {
    min-width: 640px;
    max-width: 99vw;
    min-height: 450px;
    max-height: calc(100vh - 30px);
    width: 99vw; /*自适应宽度，必须使用vw才能撑开父容器*/
}

.engine-body-automax .uu-panel-main {
    height: calc(100vh - 120px);
}

.engine-body-automax .uu-panel-left {
    flex: none;
    height: calc(100vh - 120px);
    width: 250px;
}

.engine-body-automax .uu-panel-right {
    height: calc(100vh - 120px);
    width: calc(100% - 250px);
}
/*----------step*/
.js-flow-step {
    counter-reset: stepItem;
}

.js-flow-list {
    margin-right: -5px;
}

.step {
    font-size: 14px;
}

.step-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border-width: 0px;
    border-top-width: 2px;
    border-style: solid;
}

.uu-primary {
    color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.uu-success {
    color: var(--uu-success);
    border-color: var(--uu-success);
}

.uu-info {
    color: var(--uu-info);
    border-color: var(--uu-info);
}

.uu-warning {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
}

.uu-danger {
    color: var(--uu-danger);
    border-color: var(--uu-danger);
}

.step-title {
    position: relative;
    flex: 0 0 40%;
    margin: 0 10px 0 0;
    padding: 5px 160px 5px 5px;
    font-size: 20px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

    .step-title:hover {
        background-color: var(--uu-a05);
    }

    .step-title span {
        color: var(--uu-7);
        font-size: 12px;
    }

    .step-title:before {
        content: counter(stepItem);
        counter-increment: stepItem;
        display: inline-block;
        min-width: 30px;
        text-align: center;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        transition: all 0.2s ease-in-out;
    }
/*----------折叠与flowlist的联动*/
.uu-c-collapse-ex.step-title:before,
.collapse-ex.flow-list-item:before {
    color: #fff;
    background-color: var(--uu-danger);
}
/*----------箭头样式*/
.step-title.uu-c-collapse:after {
    content: "";
    position: absolute;
    display: block;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    color: inherit;
    background: transparent;
    border-width: 2px 2px 0 0;
    border-style: solid;
    opacity: 0.5;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.step-title.uu-c-collapse.uu-c-collapse-ex:after {
    border-color: var(--uu-f50);
    opacity: 1;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*----------summary*/
.step-title .step-summary {
    position: absolute;
    right: 37px;
    top: 50%;
    min-height: 16px;
    min-width: 16px;
    margin-top: -8px;
    padding: 1px 6px;
    line-height: 1;
    font-size: 12px;
    font-style: normal;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
}
/*----------watch tab*/
.step-watch {
    flex: 1 1 auto;
    margin: 0;
    padding-left: 240px;
}

.js-watchtab {
    padding: 4px 10px;
    line-height: 1.42857;
}

    .js-watchtab.btn-white.active:after {
        height: 1px;
        background-color: var(--uu-danger);
    }

    .js-watchtab.btn-white.active {
        color: var(--uu-danger) !important;
        background-color: var(--uu-f6);
        box-shadow: 0 1px 3px var(--uu-a1) inset;
    }

.uu-s-sup {
    position: absolute;
    top: -9px;
    left: 5px;
    display: block;
    min-width: 10px;
    padding: 1px 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--uu-primary);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    z-index: 1;
}

.uu-s-sup-point {
    top: -6px;
    left: 8px;
    min-height: 10px;
    background-color: var(--uu-danger);
}

.uu-tab-badge {
    display: inline-block;
    padding: 1px 4px;
    margin: 0 0 0 5px;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    white-space: nowrap;
}

.step-content {
    position: relative;
}

    .step-content .uu-page-top {
        position: absolute;
        top: -42px;
        left: calc(40% + 20px);
        margin: 0;
    }

/*----------plugin btn*/
.step-plugin {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.plugin-btn {
    margin: 0;
    padding: 3px 4px;
    color: var(--uu-f6);
    border-radius: 3px;
    background-color: var(--uu-primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .plugin-btn > i {
        margin-right: 5px;
    }

    .plugin-btn:hover {
        color: #fff;
        background-color: var(--uu-primary-h);
    }

    .plugin-btn.btn-secondary {
        background-color: var(--uu-secondary);
    }

        .plugin-btn.btn-secondary:hover {
            background-color: var(--uu-secondary-h);
        }

    .plugin-btn.btn-info {
        background-color: var(--uu-info);
    }

        .plugin-btn.btn-info:hover {
            background-color: var(--uu-info-h);
        }

    .plugin-btn.btn-warning {
        background-color: var(--uu-warning);
    }

        .plugin-btn.btn-warning:hover {
            background-color: var(--uu-warning-h);
        }

    .plugin-btn.btn-danger {
        background-color: var(--uu-danger);
    }

        .plugin-btn.btn-danger:hover {
            background-color: var(--uu-danger-h);
        }
.show-onalert{
    visibility: hidden;
}
.show-onalert.plugin-onalert{
    visibility: visible;
}
/*----------flow-list*/
.flow-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: steplist;
}

.flow-list-item {
    display: block;
    position: relative;
    margin: 0 0 6px 0;
    padding: 6px;
    font-size: 14px;
    line-height: 1.4;
    border-width: 0;
    border-right-width: 2px;
    border-style: solid;
    cursor: pointer;
}

    .flow-list-item:hover {
        background-color: var(--uu-a05);
    }

    .flow-list-item:before {
        content: counter(steplist);
        counter-increment: steplist;
        display: inline-block;
        min-width: 24px;
        text-align: center;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
        transition: all 0.2s ease-in-out;
    }

.list-active {
    background-color: var(--uu-primary-a1);
}
/*=====================================================================================
                                     umWatchGrid
======================================================================================*/
.watch-grid {
    margin-bottom: 10px;
    color: var(--uu-3);
    border-top: 1px solid var(--uu-d);
}

table.table.watch-grid > tbody > tr.row-sel {
    background-color: var(--uu-primary-a3);
}

.watch-grid > thead > tr > th {
    position: relative;
    background-color: var(--uu-a05);
    white-space: nowrap;
}

    .watch-grid > thead > tr > th.th-sorting {
        padding-right: 20px;
        cursor: pointer;
    }

.th-sorting:hover {
    color: var(--uu-primary-a8);
}

.th-sorting:before,
.th-sorting:after {
    position: absolute;
    display: block;
    right: 5px;
    bottom: 15px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0.25;
}

.th-sorting:before {
    bottom: 15px;
    content: "\f0d8";
}

.th-sorting:after {
    bottom: 7px;
    content: "\f0d7";
}

.th-sorting.sort_asc,
.th-sorting.sort_desc {
    color: var(--uu-primary);
}

    .th-sorting.sort_asc:before {
        color: var(--uu-primary);
        opacity: 1;
    }

    .th-sorting.sort_asc:after {
        opacity: 0;
    }

    .th-sorting.sort_desc:before {
        opacity: 0;
    }

    .th-sorting.sort_desc:after {
        color: var(--uu-primary);
        opacity: 1;
    }
/*=====================================================================================
                                     wizard 
======================================================================================*/
.uu-wizard-page {
    padding: 0;
    width: 100%;
    height: 100%;
}
.uwpop-win-body.wizard-body-automax {
    min-width: 640px;
    max-width: 99vw;
    min-height: 500px;
    max-height: calc(100vh - 50px);
    width: 99vw; /*自适应宽度，必须使用vw才能撑开父容器*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.uwpop-win-body.wizard-body-normal {
    min-width: 640px;
    max-width: 1400px;
    min-height: 500px;
    max-height: calc(100vh - 80px);
    width: 1400px; /*自适应宽度，必须使用vw|px才能撑开父容器*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.uu-wizard-page .uwpop-win-body {
    min-width: 640px;
    max-width: calc(100vw - 100px);
    min-height: 500px;
    max-height: 100%;
    width: calc(100vw - 100px); /*自适应宽度，必须使用vw才能撑开父容器*/
    height: 100%; /*撑满父(content-scroll)高度*/
    background-color: transparent;
}
/*撑满父(.uwpop-win-body)高度*/
.uu-wizard-page .uu-panel {
    height: calc(100% - 130px);
}
/*撑满父(.uu-panel)高度*/
.uu-wizard-page .uu-wizard-main {
    height: 100%;
}
.uu-wizard-page .uu-wizard-step {
    max-height: 100%;
}
/*固定头部工具栏容器*/
.uu-wizard-nav {
    position: absolute;
    left: 0;
    top: -130px;
    height: 130px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--uu-f);
    overflow: hidden;
    z-index: 4;
}
.uu-wizard-toolbar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
}
.uu-wizard-main {
    position: relative;
    display: flex;
    flex: auto;
    margin: 130px 0 0 0; /*与uu-wizard-nav的top与height一致*/
    padding: 0;
    overflow: hidden scroll;
}

/*---------垂直布局*/
.uu-wizard-vertical.uu-panel {
    display: flex;
    flex-direction: row;
}
.uu-wizard-vertical .uu-wizard-nav {
    position: relative;
    top: 0;
    left: 0;
    width: 290px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden scroll;
}
    .uu-wizard-vertical .uu-wizard-nav .wizard-flow-list[mode='steps'] {
        flex-direction: column;
        margin: 80px 0 20px 0;
    }
    .uu-wizard-vertical .uu-wizard-nav .wizard-flow-list {
        flex-direction: column;
        margin: 20px 0 20px 0;
    }
.uu-wizard-vertical .uu-wizard-main {
    margin: 0;
}

.uu-wizard-vertical .wizard-flow-list:before,
.uu-wizard-vertical .wizard-flow-list:after {
    content: none; /*垂直时没有流程线及动画*/
}
.uu-wizard-vertical .wizard-flow-list-item {
    flex-direction: row;
    width: 260px;
    padding: 10px 0;
}
.uu-wizard-vertical .wizard-flow-list-item:hover {
    flex-direction: row;
    width: 260px;
    padding: 10px 0;
}
    .uu-wizard-vertical .wizard-flow-list-item > .list-item-name {
        align-items: center;
    }
        .uu-wizard-vertical .wizard-flow-list-item > .list-item-name > i {
            margin-top: 0;
        }
.uu-wizard-vertical .wizard-flow-list-item:before {
    margin: 0 15px;
}
.uu-wizard-vertical .wizard-list-active.wizard-flow-list-item:after {
    top: 0px;
    left: auto;
    right: 0px;
    bottom: 100%;
    height: 100%;
    width: 2px;
    box-shadow: 2px 0 5px var(--uu-info-a3);
}

.uu-wizard-vertical .uu-wizard-prev,
.uu-wizard-vertical .uu-wizard-next {
    height: 70px;
    width: 45%;
}
.uu-wizard-vertical .uu-wizard-next {
    right: 10px;
}
.uu-wizard-vertical i.fa-chevron-left:before {
    content: "\f077";
}
.uu-wizard-vertical i.fa-chevron-right:before {
    content: "\f078";
}
.uu-wizard-vertical .uu-wizard-step {
    max-height: calc(100vh - 150px);
}

/*----------wizard-flow-list*/
.wizard-flow-list {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 100px;
    padding: 0;
    list-style: none;
    counter-reset: wizardlist;
}

/*流程线及动画*/
    .wizard-flow-list:before {
        content: "";
        position: absolute;
        top: 52px;
        left: 100px;
        right: 100px;
        height: 3px;
        border-bottom: 1px solid var(--uu-a2);
    }
    .wizard-flow-list:after {
        content: "";
        position: absolute;
        top: 54px;
        left: 100px;
        width: 30px;
        height: 2px;
        border-radius: 4px;
        background: linear-gradient(to right, var(--uu-info-a1) 0%, var(--uu-info-a5) 30%, var(--uu-info) 50%, var(--uu-info-a5) 70%, var(--uu-info-a1) 100%);
        box-shadow: 0 0 5px var(--uu-info-a6);
        z-index: -1; /*在step之下*/
        animation-name: moveToRight;
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-delay: 3s;
    }
.theme-dark .wizard-flow-list:after {
    box-shadow: 0 0 5px var(--uu-wwa6);
}
.wizard-body-automax .wizard-flow-list:after,
.wizard-body-page .wizard-flow-list:after {
    animation-name: moveToRight1500;
    animation-duration: 10s;
    animation-delay: 3s;
}

/*流程项*/
.wizard-flow-list-item {
    display: flex;
    position: relative;
    flex: none;
    flex-direction: column;
    align-items: center;
    margin: 0;
    padding: 30px 5px 15px 5px;
    width: 210px;
    font-size: 14px;
    line-height: 1.4;
    background-color: var(--uu-f);
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    user-select: none;
}

.wizard-flow-list .wizard-flow-list-item:hover {
    color: var(--uu-primary-h);
    background-color: var(--uu-f7);/*背景色f3*/
}

    .wizard-flow-list-item:before {
        content: counter(wizardlist);
        counter-increment: wizardlist;
        display: inline-block;
        flex: none;
        width: 22px;
        height: 22px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        border-width: 1px;
        border-style: solid;
    }

    .wizard-flow-list-item > .list-item-name {
        position: relative;
        display: flex;
        margin: 10px 0;
        font-size: 16px;
    }

        .wizard-flow-list-item > .list-item-name > i {
            width: 30px;
            margin-top: 3px;
            text-align:center;
        }

        .wizard-flow-list-item > .list-item-name > span {
            padding: 0 5px 0 0;
        }
/*step active & done*/
.wizard-list-active.wizard-flow-list-item:before {
    box-shadow: 0 0 5px var(--uu-info-h);
}
.wizard-list-active.wizard-flow-list-item:after {
    content: "";
    position: absolute;
    top: 108px;
    left: 10%;
    height: 2px;
    width: 80%;
    background-color: var(--uu-primary);
    box-shadow: 0 2px 5px var(--uu-info-a5);
    animation: lineGrow 0.15s ease-out;
    -webkit-animation: lineGrow 0.15s ease-out;
    z-index: 1;
}
.theme-dark .wizard-list-active.wizard-flow-list-item:after {
    box-shadow: 0 2px 5px var(--uu-info);
}
.wizard-list-active.wizard-flow-list-item > .list-item-name:after {
    content: "";
    position: absolute;
    top: 48px;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: var(--uu-primary);
    z-index: 1;
}
/*----------wizard-step*/
.js-wizard-step {
    flex: auto;
}
.uu-wizard-step {
    position: relative;
    min-height: 100px;
    max-height: calc(100vh - 250px);
    padding: 10px 10px;
    transition: opacity 0.3s ease-out;
}
/*slide for dialog，注意必须为99vw，要配合umWizard.js umWizard.showStep控制宽度*/
.js-wizard-step.uu-wizard-step-slide {
    display: flex;
    width: 990vw; /*横向扩展必需，最多10个横屏*/
    overflow: visible; /*横向扩展必需*/
    transition: transform 0.45s ease-out;
}

    .js-wizard-step.uu-wizard-step-slide .uu-wizard-step {
        width: 99vw;
    }
/*slide for page，注意必须为calc(100vw - 100px)，要配合umWizard.js umWizard.showStep控制宽度*/
.wizard-body-page .js-wizard-step.uu-wizard-step-slide {
    display: flex;
    width: calc(800vw - 100px); /*横向扩展必需，最多6个横屏*/
    overflow: visible; /*横向扩展必需*/
    transition: transform 0.45s ease-out;
}

    .wizard-body-page .js-wizard-step.uu-wizard-step-slide .uu-wizard-step {
        width: calc(100vw - 100px);
    }

/*----------step button*/
.uu-wizard-prev,
.uu-wizard-next {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 70px;
    height: 110px;
    flex: none;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--uu-primary);
    cursor: pointer;
    z-index: 1;
}
.uu-wizard-next{
    left: auto;
    right: 0;
}
    .uu-wizard-prev:hover,
    .uu-wizard-next:hover {
        color: var(--uu-warning);
        background-color: var(--uu-a05);
    }
    .uu-wizard-prev.disabled,
    .uu-wizard-next.disabled {
        color: var(--uu-a2);
    }
.finish > i.fa-chevron-right:before {
    content: "\f00c" !important;
    color: var(--uu-danger);
}
/*----------step done color*/
.wizard-list-done.step-primary {
    color: var(--uu-primary-a5);
    border-color: var(--uu-primary-a5);
}

.wizard-list-done.step-success {
    color: var(--uu-success-a5);
    border-color: var(--uu-success-a5);
}

.wizard-list-done.step-info {
    color: var(--uu-info-a5);
    border-color: var(--uu-info-a5);
}

.wizard-list-done.step-warning {
    color: var(--uu-warning-a5);
    border-color: var(--uu-warning-a5);
}

.wizard-list-done.step-danger {
    color: var(--uu-danger-a5);
    border-color: var(--uu-danger-a5);
}

.wizard-list-done.wizard-flow-list-item.step-primary:before {
    color: #fff;
    border-color: var(--uu-primary-a8);
    background-color: var(--uu-primary-a8);
}

.wizard-list-done.wizard-flow-list-item.step-success:before {
    color: #fff;
    border-color: var(--uu-success-a8);
    background-color: var(--uu-success-a8);
}

.wizard-list-done.wizard-flow-list-item.step-info:before {
    color: #fff;
    border-color: var(--uu-info-a8);
    background-color: var(--uu-info-a8);
}

.wizard-list-done.wizard-flow-list-item.step-warning:before {
    color: #fff;
    border-color: var(--uu-warning-a8);
    background-color: var(--uu-warning-a8);
}

.wizard-list-done.wizard-flow-list-item.step-danger:before {
    color: #fff;
    border-color: var(--uu-danger-a8);
    background-color: var(--uu-danger-a8);
}
/*----------step active color*/
.step-primary,
.step-success,
.step-info,
.step-warning,
.step-danger {
    color: var(--uu-6);
    border-color: var(--uu-6);
}
.wizard-list-active.step-primary {
    color: var(--uu-primary);
    border-color: var(--uu-primary);
}

.wizard-list-active.step-success {
    color: var(--uu-success);
    border-color: var(--uu-success);
}

.wizard-list-active.step-info {
    color: var(--uu-info);
    border-color: var(--uu-info);
}

.wizard-list-active.step-warning {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
}

.wizard-list-active.step-danger {
    color: var(--uu-danger);
    border-color: var(--uu-danger);
}

.wizard-list-active.wizard-flow-list-item.step-primary:before {
    color: #fff;
    border-color: var(--uu-primary);
    background-color: var(--uu-primary);
}
.wizard-list-active.wizard-flow-list-item.step-success:before {
    color: #fff;
    border-color: var(--uu-success);
    background-color: var(--uu-success);
}
.wizard-list-active.wizard-flow-list-item.step-info:before {
    color: #fff;
    border-color: var(--uu-info);
    background-color: var(--uu-info);
}
.wizard-list-active.wizard-flow-list-item.step-warning:before {
    color: #fff;
    border-color: var(--uu-warning);
    background-color: var(--uu-warning);
}
.wizard-list-active.wizard-flow-list-item.step-danger:before {
    color: #fff;
    border-color: var(--uu-danger);
    background-color: var(--uu-danger);
}
/*----------------------------首页专用样式---------------------------*/
.uu-home {
    position: relative;
    min-height: 400px;
    padding: 0;
}
    .uu-home:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 400px;
        height: 300px;
        background-repeat: no-repeat;
        background-size: contain; /*不使用auto，否则图片有变形*/
        opacity: 1;
        z-index: -1;
    }
.theme-dark .uu-home:after {
    opacity: 0.6;
}
.home1:after {
    background-image: url("../images/home/home1.png");
}
.home2:after {
    background-image: url("../images/home/home2.png");
}
.home3:after {
    background-image: url("../images/home/home3.png");
}
.home4:after {
    background-image: url("../images/home/home4.png");
}
/*---------home content*/
.uu-home h1,
.uu-home h2,
.uu-home h3 {
    margin: 5px 0;
    font-weight: 100;
}
.uu-metrics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;            /*交互轴对齐*/
    align-content: space-between;   /*换行后，即多轴对齐*/
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-wa5);
}
.uu-metrics .uu-newline{
    flex: none !important;
    width: 100% !important;
}
    .uu-metrics .uu-note {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5px 0 5px 3px;
        font-size: 13px;
        color: var(--uu-6);
    }
/*bulletin*/
.bulletin-progress {
    position: absolute;
    display: block;
    left: 0;
    top: -1px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    background-color: var(--uu-info-h);
    box-shadow: 0 0 5px 1px var(--uu-info-a3);
    transform-origin: 0 0;
    z-index: 1;
    animation: progress 120s ease-in;
    -webkit-animation: progress 120s ease-in;
    animation-iteration-count: infinite;
}
.theme-dark .bulletin-progress {
    box-shadow: 0 0 7px 1px var(--uu-info-a5);
}
.icon-title-ver {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 40px;
    line-height: 1.2;
    font-size: 36px;
    color: var(--uu-a6);
    font-weight: 100;
    text-align: center;
}
.icon-label {
    position: absolute;
    top: 13px;
    left: 5px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    font-size: 16px;
    color: var(--uu-a6);
    text-align: center;
}
    .icon-label > .fa {
        font-size: 24px;
    }
.icon-tag {
    position: absolute;
    top: -7px;
    left: 4px;
    min-width: 18px;
    height: 18px;
    line-height: 16px;
    padding: 0 2px;
    font-size: 12px;
    color: var(--uu-ww);
    text-align: center;
    border: 1px solid var(--uu-wwa5);
    border-radius: 20px;
    background-color: var(--uu-info-h);
    z-index: 1;
}

/*为方便tag与badge按同色处理时有区别，颜色定义设为与含义不同*/
.icon-tag-primary{
    background-color: var(--uu-info);
}

.icon-tag-warning {
    background-color: var(--uu-danger);
}
.uu-tag {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 14px;
    line-height: 14px;
    padding: 0 2px;
    font-size: 12px;
    color: var(--uu-ww);
    text-align: center;
    border-radius: 20px;
    background-color: var(--uu-info-a5);
    z-index: 1;
}
.uu-tag-br {
    top: auto;
    bottom: 0;
    right: 0;
    padding: 0 5px;
    border-radius: 0;
    border-top-left-radius: 3px;
}
.uu-tag-danger {
    background-color: var(--uu-danger-a5);
}
.uu-tag-gray {
    background-color: var(--uu-a3);
}
.info-row-2 {
    position: absolute;
    top: 15px;
    left: 65px;
    display: flex;
    margin: 0;
    width: 175px;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.3;
    font-size: 12px;
    color: var(--uu-a6);
    text-align: center;
}
.uu-order-box {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 280px;
    padding: 9px 5px;
    margin: 5px;
    font-size: 12px;
    box-shadow: 0 0 1px 1px var(--uu-a1) inset;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .uu-order-box:before,
    .uu-order-box:after{
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
        border-color: var(--uu-a2);
        border-style: solid;
        border-width: 1px 0 1px 1px;
    }
    .uu-order-box:after {
        left: auto;
        right: 0;
        border-width: 1px 1px 1px 0;
    }
.theme-dark .uu-order-box:before,
.theme-dark .uu-order-box:after {
    border-color: var(--uu-info-a8);
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulse-corner-line;
}
/*dark 模式*/
.theme-dark .uu-metrics {
    border-top-color: var(--uu-info-a3);
    /*animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulse-glow;*/
}
    .theme-dark .uu-metrics:before,
    .theme-dark .uu-metrics:after {
        content: '';
        position: absolute;
        left: -1px;
        bottom: -1px;
        width: 10px;
        height: 10px;
        border-style: solid;
        border-color: var(--uu-info);
        border-width: 0 0 1px 1px;
        box-shadow: -2px 2px 4px var(--uu-info-a5);
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-name: pulse-corner-line;
    }
    .theme-dark .uu-metrics:after {
        left: auto;
        right: -1px;
        bottom: -1px;
        border-width: 0 1px 1px 0;
        box-shadow: 2px 2px 4px var(--uu-info-a5);
    }
/*metrics颜色定义，默认为info*/
    .theme-dark .uu-metrics.uu-m-primary {
        border-top-color: var(--uu-primary-a3);
    }
        .theme-dark .uu-metrics.uu-m-primary:before {
            border-color: var(--uu-primary);
            box-shadow: -2px 2px 4px var(--uu-primary-a5);
        }
        .theme-dark .uu-metrics.uu-m-primary:after {
            border-color: var(--uu-primary);
            box-shadow: 2px 2px 4px var(--uu-primary-a5);
        }

    .theme-dark .uu-metrics.uu-m-warning {
        border-top-color: var(--uu-warning-a3);
    }
        .theme-dark .uu-metrics.uu-m-warning:before {
            border-color: var(--uu-warning);
            box-shadow: -2px 2px 4px var(--uu-warning-a5);
        }
        .theme-dark .uu-metrics.uu-m-warning:after {
            border-color: var(--uu-warning);
            box-shadow: 2px 2px 4px var(--uu-warning-a5);
        }
    .theme-dark .uu-metrics.uu-m-success {
        border-top-color: var(--uu-success-a3);
    }

        .theme-dark .uu-metrics.uu-m-success:before {
            border-color: var(--uu-success);
            box-shadow: -2px 2px 4px var(--uu-success-a5);
        }

        .theme-dark .uu-metrics.uu-m-success:after {
            border-color: var(--uu-success);
            box-shadow: 2px 2px 4px var(--uu-success-a5);
        }
    .theme-dark .uu-metrics.uu-m-danger {
        border-top-color: var(--uu-danger-a3);
    }

        .theme-dark .uu-metrics.uu-m-danger:before {
            border-color: var(--uu-danger);
            box-shadow: -2px 2px 4px var(--uu-danger-a5);
        }

        .theme-dark .uu-metrics.uu-m-danger:after {
            border-color: var(--uu-danger);
            box-shadow: 2px 2px 4px var(--uu-danger-a5);
        }
/*工具栏*/
.uu-home-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    position: relative;
    margin: 10px;
    padding: 10px 10px 10px 20px;
    border: 1px solid var(--uu-wwa1);
    background-color: var(--uu-wa5);
}
.theme-dark .uu-home-toolbar {
    border-color: var(--uu-wwa4);
    box-shadow: 0 0 4px var(--uu-info-a5);
}
    
/*=====================================================================================
                                     unit
======================================================================================*/
.uu-unitpop,
.uu-unittips {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 300px;
    max-width: 600px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    line-break: auto;
    background-color: var(--uu-f);
    border: 0px solid var(--uu-d);
    border-radius: 3px;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    z-index: 1509 !important;
}

    .uu-unitpop:after,
    .uu-unittips:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 13px;
        width: 12px;
        height: 12px;
        border: 6px solid transparent;
        border-bottom-color: var(--uu-primary);
        z-index: 1;
    }

.uu-unitpop-body,
.uu-unittips-body {
    padding: 5px;
    border-radius: 3px;
    overflow: visible;
    background-color: var(--uu-popover);
}

.uu-unitpop-close {
    position: absolute;
    top: -11px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: white;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    border: 1px solid white;
    background-color: var(--uu-9);
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    user-select: none;
    -webkit-user-select: none;
}

    .uu-unitpop-close:after {
        content: "\00d7";
    }

    .uu-unitpop-close:hover {
        background-color: #485A9C;
        box-shadow: 0 0 5px 1px var(--uu-a6);
    }

.uu-unitpop table,
.uu-unittips table {
    margin: 0;
    padding: 0;
    color: var(--uu-2);
    border-collapse: collapse;
}

    .uu-unitpop table tr,
    .uu-unittips table tr {
        background-color: transparent !important;
    }

    .uu-unitpop table td,
    .uu-unitpop table th,
    .uu-unittips table td,
    .uu-unittips table th {
        position: relative;
        padding: 4px 3px 3px 8px;
        line-height: 1;
        border: none;
        white-space: nowrap;
        vertical-align: middle;
    }
    .uu-unittips table td {
        padding: 6px 8px;
    }
    .uu-unitpop table th {
        line-height: 1.6;
    }
    .uu-unittips table th {
        line-height: 1.3;
    }
    .uu-unitpop-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
    }
.uu-unitpop-title .unit-tag {
    font-size: 12px;
    margin-left: 5px;
}
.js-unit-set > b,
.uu-unittips-body > table td b {
    color: var(--uu-primary)
}
/*=====================================================================================
                                     unit
======================================================================================*/
.uminfo {
    position: relative;
    color: var(--uu-f63);
    cursor: pointer;
}

.dataTable tbody tr.selected .uminfo {
    color: #fc8;
}

.uminfo-pop {
    position: absolute;
    min-width: 150px;
    min-height: 31px;
    max-width: 570px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    line-break: auto;
    background-color: var(--uu-f);
    border: 0px solid var(--uu-d);
    border-radius: 3px;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    z-index: 1; /*1509 !important;*/
}

    .uminfo-pop:after {
        content: "";
        position: absolute;
        top: -12px;
        left: 14px; /*13px*/
        width: 12px;
        height: 12px;
        border: 6px solid transparent;
        border-bottom-color: var(--uu-warning);
        z-index: 1;
    }

    .uminfo-pop[vplace='bottom']:after {
        top: auto;
        bottom: -12px;
        border-bottom-color: transparent;
        border-top-color: var(--uu-warning);
    }
    .uminfo-pop[hplace='right']:after {
        left: auto;
        right: 100px;
    }

.uminfo-pop-body {
    max-height: 170px;
    padding: 5px;
    border-radius: 3px;
    background-color: var(--uu-popover);
    overflow: hidden scroll;
}

.uminfo-pop-close {
    position: absolute;
    top: -11px;
    right: -10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-family: 'Courier New', Courier, monospace;
    color: white;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    border: 1px solid white;
    background-color: var(--uu-9);
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    z-index: 8;
    opacity: 1;
    box-shadow: 0 0 5px 1px var(--uu-a3);
    user-select: none;
    -webkit-user-select: none;
}

    .uminfo-pop-close:after {
        content: "\00d7";
    }

    .uminfo-pop-close:hover {
        background-color: #485A9C;
        box-shadow: 0 0 5px 1px var(--uu-a6);
    }
/*默认uminfo*/
.uminfo-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    width: 550px;
    margin: 0 0 10px 0;
    padding: 0;
    counter-reset: fieldItem;
}

    .uminfo-list > li {
        flex: none;
        width: 255px;
        margin: 2px 5px;
        padding: 1px;
        font-weight: 600;
        color: var(--uu-3);
        border-bottom: 1px solid transparent;
        overflow: scroll hidden;
        white-space: nowrap;
    }

        .uminfo-list > li > i {
            display: inline-block;
            min-width: 120px;
            font-weight: normal;
            font-style: normal;
            color: var(--uu-7);
        }

            .uminfo-list > li > i:before {
                content: counter(fieldItem);
                counter-increment: fieldItem;
                display: inline-block;
                min-width: 22px;
                padding: 0 3px;
                margin-right: 2px;
                border-radius: 2px;
                color: var(--uu-warning);
                text-align: center;
                border: 1px solid var(--uu-warning);
                opacity: .8;
            }

.uminfo-pop-body::-webkit-scrollbar-thumb,
.uminfo-pop-body li::-webkit-scrollbar-thumb {
    background-color: var(--uu-ba15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.uminfo-pop-body li::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
/* 单行 */
.uminfo-row {
    display: block;
    list-style-type: none;
    min-width: 300px;
    margin: 0 10px 10px 10px;
    padding: 0;
    counter-reset: fieldItem;
}

    .uminfo-row > li {
        display: flex;
        align-items: center;
        position: relative;
        margin: 10px 5px 10px 5px;
    }
/*时间线uminfo*/
.uminfo-timeline {
    display: block;
    list-style-type: none;
    min-width: 300px;
    margin: 0 5px 10px 15px;
    padding: 0;
    border-left: 1px solid var(--uu-c);
    counter-reset: fieldItem;
}
    .uminfo-timeline > li {
        display: flex;
        align-items: center;
        position: relative;
        margin: 10px 5px 10px 20px;
    }
        .uminfo-timeline > li:before {
            content: "";
            position: absolute;
            left: -25px;
            top: 5px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 2px solid var(--uu-warning);
            background: #fff;
        }
.uu-info-part,
.uu-info-part-sm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--uu-3);
    margin: 0 5px;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.uu-info-part-sm {
    justify-content: flex-end;
    width: 100px;
}
/*=====================================================================================
                                     sortlist
======================================================================================*/
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: visible;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .dd-list .dd-list {
        padding-left: 30px;
    }

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 6px;
    color: var(--uu-3);
    text-decoration: none;
    border: 1px solid var(--uu-border);
    background: var(--uu-f6);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.15s;
}

.dd-item:not([data-uwbehavior='nodrag']) > .dd-handle:hover {
    background: var(--uu-e9);
    border-color: var(--uu-d);
    color: var(--uu-success);
}

.dd-item[data-uwbehavior='nodrag'] > .dd-handle {
    background: var(--uu-e0);
    border-color: var(--uu-d);
    cursor: default;
}

.dd-handle > span {
    display: inline-flex;
    width: calc(100% - 115px);
    padding: 0 5px;
    color: inherit;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    pointer-events: none;
}

    .dd-handle > span.dd-searched {
        background-color: var(--uu-primary-a5);
        color: #fff;
    }
/*当前的li*/
.dd-item.dd-cur-li > .dd-handle {
    color: var(--uu-primary);
    font-weight: 600;
    border-color: var(--uu-primary);
    background-color: var(--uu-primary-a1);
}

.dd-item.dd-cur-li[data-uwbehavior='nodrag'] > .dd-handle {
    font-weight: 600;
    border-color: var(--uu-primary);
    background: var(--uu-e0);
}

.dd-item.dd-cur-li > .dd-handle:hover {
    color: var(--uu-primary);
    border-color: var(--uu-primary-h);
    background-color: var(--uu-primary-a2);
}

.dd-item.dd-cur-li:after,
.dd-item.dd-cur-li[data-uwnew='true']:after,
.dd-item.dd-cur-li-parent.dd-collapsed:not(.dd-cur-li):after {
    content: "";
    position: absolute;
    top: 10px;
    right: -12px;
    width: 12px;
    height: 12px;
    border: 6px solid transparent;
    border-left-color: var(--uu-primary);
    z-index: 1;
}

.dd-item.dd-cur-li[data-uwnew='true']:after {
    border-left-color: var(--uu-warning);
}
/*当前的li的父级*/
.dd-item.dd-cur-li-parent.dd-collapsed:not(.dd-cur-li):after {
    border-left-color: var(--uu-danger);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-big;
    animation-name: pulse-big;
}
/*新增的li*/
.dd-item[data-uwnew='true'] > .dd-handle {
    color: var(--uu-warning);
    border-color: var(--uu-warning);
    background-color: var(--uu-warning-a1);
}

.dd-item[data-uwbehavior='nodrag'][data-uwnew='true'] > .dd-handle {
    font-weight: 600;
    border-color: var(--uu-warning);
    background: var(--uu-e0);
}

.dd-item[data-uwnew='true'] > .dd-handle:hover {
    color: var(--uu-warning-h);
    border-color: var(--uu-warning-h);
    background-color: #FEEDD9;
}
/*修改的li*/
.dd-item[data-uwedit='true'] > .dd-handle {
    border-bottom: 1px dashed var(--uu-danger);
}
/*新增和删除，当选中时才可以操作*/
.dd-handle > .dd-del, .dd-handle > .dd-add {
    display: none;
    float: right;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    font-size: 16px;
    color: inherit;
    cursor: pointer;
}

    .dd-handle > .dd-del:hover {
        color: var(--uu-danger);
    }

    .dd-handle > .dd-add:hover {
        color: var(--uu-primary-h);
    }

.dd-cur-li > .dd-handle > .dd-del,
.dd-cur-li > .dd-handle > .dd-add {
    display: block;
}
/*多级自动序号*/
.dd > .dd-list .dd-handle:before {
    display: inline-block;
    padding: 2px 6px 1px 6px;
    margin: 0 6px 0 0;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-align: center;
    text-shadow: none;
    border-radius: 3px;
    background-color: var(--uu-info);
    white-space: nowrap;
}
/*1级*/
.dd > .dd-list {
    counter-reset: cat1;
}

    .dd > .dd-list > .dd-item > .dd-handle:before {
        min-width: 26px;
        content: counter(cat1);
        counter-increment: cat1;
    }

    .dd > .dd-list > .dd-item:nth-of-type(even) > .dd-handle:before {
        background-color: var(--uu-warning);
    }
    /*2级*/
    .dd > .dd-list > .dd-item > .dd-list {
        counter-reset: cat2;
    }

        .dd > .dd-list > .dd-item > .dd-list > .dd-item > .dd-handle:before {
            min-width: 40px;
            opacity: .75;
            content: counter(cat1) "." counter(cat2);
            counter-increment: cat2;
        }

    .dd > .dd-list > .dd-item:nth-of-type(even) > .dd-list > .dd-item > .dd-handle:before {
        background-color: var(--uu-warning);
    }
    /*3级*/
    .dd > .dd-list > .dd-item > .dd-list > .dd-item > .dd-list {
        counter-reset: cat3;
    }

        .dd > .dd-list > .dd-item > .dd-list > .dd-item > .dd-list > .dd-item > .dd-handle:before {
            min-width: 55px;
            opacity: .5;
            content: counter(cat1) "." counter(cat2) "." counter(cat3);
            counter-increment: cat3;
        }

    .dd > .dd-list > .dd-item:nth-of-type(even) > .dd-list > .dd-item > .dd-list > .dd-item > .dd-handle:before {
        background-color: var(--uu-warning);
    }
/*开关按钮*/
.dd-item > button {
    display: block;
    position: relative;
    float: left;
    height: 16px;
    width: 16px;
    margin: 9px 6px;
    padding: 0;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    font-family: FontAwesome; /*'Courier New', Courier, monospace;*/
    text-align: center;
    border: none;
    border-radius: 10px;
    background-color: var(--uu-danger);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

    .dd-item > button:before {
        content: "\f067";
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: "\f068";
        background-color: var(--uu-success);
    }
/*占位框*/
.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: var(--uu-success-a1);
    border: 1px dashed var(--uu-success);
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed var(--uu-b);
    min-height: 100px;
    background-color: var(--uu-e5);
}
/*拖动中的样式*/
.dd-dragel {
    position: absolute;
    z-index: 5000;
    pointer-events: none;
}

    .dd-dragel .dd-handle {
        opacity: 0.75;
        color: var(--uu-red);
        font-weight: 600;
        border-color: var(--uu-c);
        background: var(--uu-e);
        -webkit-box-shadow: 0 0 3px 1px var(--uu-a3);
        box-shadow: 0 0 3px 1px var(--uu-a3);
    }

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle:before {
        display: inline-block;
        width: 30px;
        padding: 2px 6px 1px 6px;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        font-family: fontAwesome;
        text-align: center;
        text-shadow: none;
        border-radius: 3px;
        background-color: var(--uu-danger);
        white-space: nowrap;
    }
    /*由鼠标动作生成不同的样式*/
    .dd-dragel .dd-handle:before {
        content: "\f047"; /*默认为四个方向*/
    }

    .dd-dragel.horizontal .dd-handle:before {
        content: "\f07e"; /*水平*/
    }

    .dd-dragel.disabled .dd-handle:before {
        content: "\f05e"; /*水平禁止*/
    }

    .dd-dragel.vertical .dd-handle:before {
        content: "\f07d"; /*垂直*/
    }
/*=====================================================================================
                                     pikaday
======================================================================================*/
.pika-single {
    display: block;
    position: relative;
    color: var(--uu-3);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: var(--uu-f);
    border: 1px solid var(--uu-c);
    border-bottom-color: var(--uu-b);
    z-index: 2902;
}


    .pika-single:before,
    .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both
    }

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px var(--uu-a5);
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 902;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: var(--uu-f);
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 901;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
        padding: 0;
    }

    .pika-table th {
        color: var(--uu-9);
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: var(--uu-6);
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: var(--uu-f5);
}

.pika-week {
    font-size: 11px;
    color: var(--uu-9);
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: var(--uu-primary); /*#33aaff*/
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: var(--uu-9);
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: var(--uu-9);
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    text-decoration: none;
}

/*=====================================================================================
                           public class
======================================================================================*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h3, h4, h5 { margin-top: 5px; font-weight: 600; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
.code {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em;
}
/*common*/
.full-width {width: 100% !important;}
.full-height { height: 100%;}

.vv-init { visibility: hidden;}
body .hidden{ visibility: hidden;}
.uu-overflow-auto{ overflow: auto!important;}
.uu-hide { display: none !important;}
.uu-hidden { visibility: hidden !important; }
.um-mover{cursor:move;}
    .um-mover.um-mover-popover-alert {
        margin: -15px -15px 15px -15px;
        padding: 10px 20px 10px 20px;
    }
        .um-mover.um-mover-popover-alert:hover {
            background-color: var(--uu-a05);
        }
.uu-opacity1 {opacity: 0.1!important;;}
.uu-opacity2 {opacity: 0.2!important;}
.uu-opacity3 {opacity: 0.3!important;}
.uu-opacity4 {opacity: 0.4!important;}
.uu-opacity5 {opacity: 0.5!important;}
.uu-opacity6 {opacity: 0.6!important;}
.uu-opacity7 {opacity: 0.7!important;}
.uu-opacity8 {opacity: 0.8!important;}
.uu-opacity9 {opacity: 0.9!important;}
/*authority专用*/
body .aaa-hide { display: none !important; }
/*flex*/
.uu-flex-item{flex:auto;position:relative}
.uu-flex-v{
    display: flex;
    flex-direction: column;
}
.uu-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.uu-flex-hcenter {
    display: flex;
    justify-content: center;
}
.uu-flex-vcenter {
    display: flex;
    align-items: center;
}
.uu-flex-space {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.uu-width-50 {width: 50vw;}
.uu-height-100 { height: 100vh; }
.uu-height-40{ height: 40vh;}
.uu-height-60 { height: 60vh; }
.uu-height-auto { 
    height: auto;
    min-height: 100%;
}
.uu-editable {
    -webkit-user-modify: read-write-plaintext-only;
    padding: 5px;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 14px;
    border: 1px solid var(--uu-a);
    background-color: var(--uu-f);
    overflow: scroll;
    word-break: break-word;
}
    .uu-editable::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: transparent;
        -webkit-appearance: none;
    }
.uu-tr-abs{
    position: absolute;
    top: 90px;
    right: 20px;
    z-index: 1;
}
.uu-br-abs {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}
.uu-tr-abs {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
.uu-pointer{
    cursor: pointer;
}
.uu-relative{
    position: relative;
}
.uu-pointer-none{
    pointer-events: none;
}
    .uu-pointer-none .fa,
    .tab-white .fa{
        width: 1.2em;
        text-align: center;
    }
/*宽度*/
.uu-w-40 {
    width: 40px !important;
}
.uu-w-50{width: 50px!important;}
.uu-w-60{width: 60px!important;}
.uu-w-70{width: 70px!important;}
.uu-w-80{width: 80px!important;}
.uu-w-90{width: 90px!important;}
.uu-w-100{width: 100px!important;}
.uu-w-110{width: 110px!important;}
.uu-w-120{width: 120px!important;}
.uu-w-130{width: 130px!important;}
.uu-w-140{width: 140px!important;}
.uu-w-150{width: 150px!important;}
.uu-w-160{width: 160px!important;}
.uu-w-170{width: 170px!important;}
.uu-w-180{width: 180px!important;}
.uu-w-190{width: 190px!important;}
.uu-w-200{width: 200px!important;}
.uu-w-220{width: 220px!important;}
.uu-w-245{width: 245px!important;}
.uu-w-250{width: 250px!important;}
.uu-w-300{width: 300px!important;}
.uu-w-400{width: 400px!important;}
.uu-w-500{width: 500px!important;}
.uu-w-600{width: 600px!important;}
.uu-w-700{width: 700px!important;}
.uu-w-800{width: 800px!important;}
.uu-w-auto {width: auto!important;}
.uu-w-min100{min-width: 100px;}
.uu-w-fixed {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}
/*高度*/
.uu-h-33 {height: 33px !important;}
.uu-h-35 {height: 35px !important;}
.uu-h-100{height:100px!important}
.uu-h-200{height:200px!important}
.uu-h-300{height:300px!important}
.uu-h-400{height:400px!important}
.uu-h-500{height:500px!important}
.uu-h-600{height:600px!important}
.uu-h-700{height:700px!important}
/*图像*/
.img-xxs {
    width: 32px;
    height: 32px;
}

.img-xs {
    width: 32px;
    height: 32px;
}

.img-s {
    width: 32px;
    height: 32px;
}

.img-m {
    width: 48px;
    height: 48px;
}

.img-l {
    width: 64px;
    height: 64px;
}

.img-xl {
    width: 96px;
    height: 96px;
}

.img-xxl {
    width: 96px;
    height: 96px;
}
.uu-img-thumb {
    height: 40px;
    margin: 0 6px 0 0;
    border: 1px solid var(--uu-e9);
    background-color: var(--uu-fa);
}
.dtr-data .uu-img-thumb {
    height: 19px;
}
/*-----------------------------------font     */
/*不支持小于12px的字体，可以使用绝对定位与scale解决此问题*/
.f-min {
    position: absolute;
    max-width: 140px;
    margin: -2px -5px;
    font-size: 12px !important;
    line-height: 1;
    transform: scale(0.9);
    -webkit-transform-origin-x: 0;
    /*overflow: hidden;*/
    white-space: normal;
}
    .f-min > small {
        font-weight: 400;
    }
    small{
        font-size: 75%;
        font-weight: 100;
    }
.f-min .uu-sel-sum {
    position: absolute;
    left: 0;
    top: -15px;
    padding: 1px 5px;
    color: var(--uu-f);
    font-size: 13px;
    font-weight: 400;
    border-radius: 25px;
    background-color: var(--uu-a4);
}
.f-12 { font-size: 12px !important; }
.f-13 { font-size: 13px !important;}
.f-14 { font-size: 14px !important;}
.f-15 { font-size: 15px !important;}
.f-16 { font-size: 16px !important;}
.f-17 { font-size: 17px !important;}
.f-18 { font-size: 18px !important;}
.f-19 { font-size: 19px !important;}
.f-20 { font-size: 20px !important;}
.f-21 { font-size: 21px !important;}
.f-22 { font-size: 22px !important;}
.f-24 { font-size: 24px !important;}
.f-26 { font-size: 26px !important;}
.f-28 { font-size: 28px !important;}
.f-32 { font-size: 32px !important;}
.f-36 { font-size: 36px !important;}
.f-40 { font-size: 40px !important;}
.line-height1{line-height:1em;}
/*-----------------------------------  border */
.bdr-all { border: 1px solid var(--uu-border); }
.bdr-x { border-left: 1px solid var(--uu-border); border-right: 1px solid var(--uu-border);}
.bdr-y { border-top: 1px solid var(--uu-border); border-bottom: 1px solid var(--uu-border);}
.bdr-l { border-left: 1px solid var(--uu-border);}
.bdr-r { border-right: 1px solid var(--uu-border);}
.bdr-t { border-top: 1px solid var(--uu-border);}
.bdr-b { border-bottom: 1px solid var(--uu-border);}
/*----------------------------------- none border */
.bdr-none { border-width: 0 !important;}
.bdr-t-none { border-top-width: 0 !important;}
.bdr-r-none { border-right-width: 0 !important;}
.bdr-b-none { border-bottom-width: 0 !important;}
.bdr-l-none { border-left-width: 0 !important;}
/*----------------------------------- border radius */
.b-r-xs { -webkit-border-radius: 1px;border-radius: 1px!important;}
.b-r-sm { -webkit-border-radius: 3px;border-radius: 3px!important;}
.b-r-md { -webkit-border-radius: 6px;border-radius: 6px!important;}
.b-r-lg { -webkit-border-radius: 12px;border-radius: 12px!important;}
.b-r-xl { -webkit-border-radius: 24px;border-radius: 24px!important;}
/*----------------------------------- border color */
.bdr-primary{border-color: var(--uu-primary-a3)}
.bdr-success{border-color: var(--uu-success-a3)}
.bdr-warning{border-color: var(--uu-warning-a3)}
.bdr-info{border-color: var(--uu-info-a3)}
.bdr-danger{border-color: var(--uu-danger-a2)}
.bdr-ddd{border-color: var(--uu-d)!important}
.bdr-ccc{border-color: var(--uu-c)!important}
.bdr-bbb{border-color: var(--uu-b)!important}
.bdr-ddd:focus{border-color: var(--uu-primary)!important}
.bdr-ccc:focus{border-color: var(--uu-primary)!important}
.bdr-bbb:focus{border-color: var(--uu-primary)!important}
/*----------------------------------- fa extend */
.fa-flip-hor {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-ver {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}
.fa-show-right{
    position: relative;
    padding-right: 18px;
}
.fa-show-right:before{
    position: absolute;
    right: 0;
    top: 0;
}
.animate06 {animation-duration: 0.6s;}
.animate10 {animation-duration: 1s;}
/*----------------------------------- padding */
/*none*/
.p-none { padding: 0 !important;}
.p-t-none { padding-top: 0 !important;}
.p-r-none { padding-right: 0 !important;}
.p-b-none { padding-bottom: 0 !important;}
.p-l-none { padding-left: 0 !important;}
/*all*/
.p-xxs { padding: 5px !important;}
.p-xs { padding: 10px !important;}
.p-s { padding: 15px !important;}
.p-m { padding: 20px !important;}
.p-l { padding: 25px !important;}
.p-xl { padding: 30px !important;}
.p-xxl { padding: 40px !important;}

/*top*/
.p-t-xxs {
    padding-top: 5px !important;
}
.p-t-xs { padding-top: 10px !important;}
.p-t-s { padding-top: 15px !important;}
.p-t-m { padding-top: 20px !important;}
.p-t-l { padding-top: 25px !important;}
.p-t-xl { padding-top: 30px !important;}
.p-t-xxl { padding-top: 40px !important;}
/*right*/
.p-r-xxs { padding-right: 5px !important;}
.p-r-xs { padding-right: 10px !important;}
.p-r-s { padding-right: 15px !important;}
.p-r-m { padding-right: 20px !important;}
.p-r-l { padding-right: 25px !important;}
.p-r-xl { padding-right: 30px !important;}
.p-r-xxl { padding-right: 40px !important;}
/*bottom*/
.p-b-xxs { padding-bottom: 5px !important;}
.p-b-xs { padding-bottom: 10px !important;}
.p-b-s { padding-bottom: 15px !important;}
.p-b-m { padding-bottom: 20px !important;}
.p-b-l { padding-bottom: 25px !important;}
.p-b-xl { padding-bottom: 30px !important;}
.p-b-xxl { padding-bottom: 40px !important;}
/*left*/
.p-l-xxs { padding-left: 5px !important;}
.p-l-xs { padding-left: 10px !important;}
.p-l-s { padding-left: 15px !important;}
.p-l-m { padding-left: 20px !important;}
.p-l-l { padding-left: 25px !important;}
.p-l-xl { padding-left: 30px !important;}
.p-l-xxl { padding-left: 40px !important;}
.p-l-250 { padding-left: 250px !important;}
/*----------------------------------- margin */
.m-none { margin: 0 !important;}
.m-t-none { margin-top: 0 !important;}
.m-r-none { margin-right: 0 !important;}
.m-b-none { margin-bottom: 0 !important;}
.m-l-none { margin-left: 0 !important;}
.m-l-1{margin-left: -1px !important;}
/*all*/
.m-xxs { margin: 5px !important;}
.m-xs { margin: 10px !important;}
.m-s { margin: 15px !important;}
.m-m { margin: 20px !important;}
.m-l { margin: 25px !important;}
.m-xl { margin: 30px !important;}
.m-xxl { margin: 40px !important;}
/*top*/
.m-t-xxs { margin-top: 5px !important;}
.m-t-xs { margin-top: 10px !important;}
.m-t-s { margin-top: 15px !important;}
.m-t-m { margin-top: 20px !important;}
.m-t-l { margin-top: 25px !important;}
.m-t-xl { margin-top: 30px !important;}
.m-t-xxl { margin-top: 40px !important;}
/*right*/
.m-r-xxs { margin-right: 5px !important;}
.m-r-xs { margin-right: 10px !important;}
.m-r-s { margin-right: 15px !important;}
.m-r-m { margin-right: 20px !important;}
.m-r-l { margin-right: 25px !important;}
.m-r-xl { margin-right: 30px !important;}
.m-r-xxl { margin-right: 40px !important;}
/*bottom*/
.m-b-xxs { margin-bottom: 5px !important;}
.m-b-xs { margin-bottom: 10px !important;}
.m-b-s { margin-bottom: 15px !important;}
.m-b-m { margin-bottom: 20px !important;}
.m-b-l { margin-bottom: 25px !important;}
.m-b-xl { margin-bottom: 30px !important;}
.m-b-xxl { margin-bottom: 40px !important;}
/*left*/
.m-l-xxs { margin-left: 5px !important;}
.m-l-xs { margin-left: 10px !important;}
.m-l-s { margin-left: 15px !important;}
.m-l-m { margin-left: 20px !important;}
.m-l-l { margin-left: 25px !important;}
.m-l-xl { margin-left: 30px !important;}
.m-l-xxl { margin-left: 40px !important;}
/*all none*/
.m-n-xxs { margin: -5px !important;}
.m-n-xs { margin: -10px !important;}
.m-n-s { margin: -15px !important;}
.m-n-m { margin: -20px !important;}
.m-n-l { margin: -25px !important;}
.m-n-xl { margin: -30px !important;}
.m-n-xxl { margin: -40px !important;}
/*top*/
.m-t-n-xxs { margin-top: -5px !important;}
.m-t-n-xs { margin-top: -10px !important;}
.m-t-n-s { margin-top: -15px !important;}
.m-t-n-m { margin-top: -20px !important;}
.m-t-n-l { margin-top: -25px !important;}
.m-t-n-xl { margin-top: -30px !important;}
.m-t-n-xxl { margin-top: -40px !important;}
/*right*/
.m-r-n-xxs { margin-right: -5px !important;}
.m-r-n-xs { margin-right: -10px !important;}
.m-r-n-s { margin-right: -15px !important;}
.m-r-n-m { margin-right: -20px !important;}
.m-r-n-l { margin-right: -25px !important;}
.m-r-n-xl { margin-right: -30px !important;}
.m-r-n-xxl { margin-right: -40px !important;}
/*bottom*/
.m-b-n-xxs { margin-bottom: -5px !important;}
.m-b-n-xs { margin-bottom: -10px !important;}
.m-b-n-s { margin-bottom: -15px !important;}
.m-b-n-m { margin-bottom: -20px !important;}
.m-b-n-l { margin-bottom: -25px !important;}
.m-b-n-xl { margin-bottom: -30px !important;}
.m-b-n-xxl { margin-bottom: -40px !important;}
/*left*/
.m-l-n-xxs { margin-left: -5px !important;}
.m-l-n-xs { margin-left: -10px !important;}
.m-l-n-s { margin-left: -15px !important;}
.m-l-n-m { margin-left: -20px !important;}
.m-l-n-l { margin-left: -25px !important;}
.m-l-n-xl { margin-left: -30px !important;}
.m-l-n-xxl { margin-left: -40px !important;}

/*=====================================================================================
                           media by Atom 2021.02.14
======================================================================================*/
/*使用max-width(默认)为响应式布局断点时，应为从大到小设置断点，min-width时从小到大设置断点*/
@media (max-width: 1520px) {
    /*仅用运单超长工具栏*/
    .uu-main-tab.uu-main-tab-min > .js-tabs {
        width: 41px;
        overflow: hidden;
    }

        .uu-main-tab.uu-main-tab-min > .js-tabs > span {
            display: block;
            width: 15px;
            overflow: hidden;
        }
}

@media (max-width: 1366px) {
    .page-tabs {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_filter label > input {
        width: 150px;
    }

    .uu-btn-size > .btn:nth-child(7),
    .uu-btn-size > .btn:nth-child(8),
    .uu-btn-size > .btn:nth-child(9) {
        display: none;
    }

    .popover.js-popover-finder,
    .popover.js-popover-ajaxFinder {
        left: calc(50vw - 600px);
    }

        .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
            min-width: 1200px;
            max-width: 1200px;
        }

    .uu-main-btn .btn {
        width: 41px;
        overflow: hidden;
        white-space: nowrap;
    }

        .uu-main-btn .btn > .uu-pointer-none {
            display: block;
            width: 18px;
            overflow: hidden;
        }
}

@media (max-width: 1280px) {
    div.dataTables_wrapper > .row:first-child {
        overflow: visible; /*必须为visible，否则无法显示下拉列表*/
    }

    .uu-btn-size > .btn:nth-child(5),
    .uu-btn-size > .btn:nth-child(6),
    .uu-btn-size > .btn:nth-child(7),
    .uu-btn-size > .btn:nth-child(8),
    .uu-btn-size > .btn:nth-child(9) {
        display: none;
    }

    .DTED_Lightbox_Wrapper {
        margin-left: -43vw;
        width: 86vw;
    }

    .popover {
        max-width: 1200px;
    }

        .popover.js-popover-finder,
        .popover.js-popover-ajaxFinder {
            left: calc(50vw - 500px);
        }

            .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
                min-width: 1000px;
                max-width: 1000px;
            }

    .js-field-search {
        display: none;
    }
    /*首页wizard*/
    .wizard-flow-list {
        margin: 0 20px;
    }
}
/*左侧主导航#main-nav的响应行为，宽屏时(>768)分别为页面内展开和缩小，窄屏时(<=768)分别为绝对定位展开和不显示
    iphone 8: 屏幕375*667，浏览器竖屏375*553,横屏667*325
    红米6(全面屏): 屏幕360*720，浏览器竖屏360*598,横屏720*316
    ipad: 屏幕1024*768，浏览器竖屏768*921,横屏1024*665
*/
@media (max-width: 1024px) {
    /*框架及mani-nav*/
    #page-wrapper {
        width: 100%;
    }

    .main-nav-min #page-wrapper {
        width: 100%;
    }

    .navbar-side {
        position: absolute;
        z-index: 2001;
        overflow: hidden;
    }

    .main-nav-min .navbar-side {
        display: none;
    }

    .left-spa-view {
        width: 160px;
    }
    /*has-left应用于tree-view.html和panel-view.html*/
    .main-spa-view.has-left,
    .has-left .main-spa-view {
        width: calc(100vw - 150px);
    }

        .main-spa-view.has-left .uu-bottom-tool,
        .has-left .main-spa-view .uu-bottom-tool {
            left: 161px;
        }

    .main-nav-min .main-spa-view.has-left,
    .main-nav-min .has-left .main-spa-view {
        width: calc(100vw - 150px);
    }

        .main-nav-min .main-spa-view.has-left .uu-bottom-tool,
        .main-nav-min .has-left .main-spa-view .uu-bottom-tool {
            left: 161px;
        }

    /*brand元素*/
    .site-brand {
        margin-left: 200px;
    }

    .main-nav-min .site-brand {
        margin-left: 0;
    }
    /*dataTable和editor元素*/
    div.dataTables_wrapper > .row:first-child {
        overflow: visible; /*必须为visible，否则无法显示下拉列表*/
    }

    .js-finder,
    .js-finder-clear {
        width: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .js-finder > span,
        .js-finder-clear > span {
            display: none;
        }

    .uu-bottom-tool,
    .main-nav-min .uu-bottom-tool {
        left: 10px;
    }

    .uu-btn-size > .btn:nth-child(1),
    .uu-btn-size > .btn:nth-child(2),
    .uu-btn-size > .btn:nth-child(3),
    .uu-btn-size > .btn:nth-child(4),
    .uu-btn-size > .btn:nth-child(5),
    .uu-btn-size > .btn:nth-child(6),
    .uu-btn-size > .btn:nth-child(7),
    .uu-btn-size > .btn:nth-child(8),
    .uu-btn-size > .btn:nth-child(9) {
        display: none;
    }

    .uu-panel-top,
    .uu-wizard-nav {
        overflow: hidden scroll;
    }

    .uu-panel-pcbody {
        overflow: auto scroll;
    }

    .uu-excel-tool {
        flex-wrap: wrap;
        overflow: auto;
    }

    .part-umexcel-btn,
    .part-umexcel-info {
        flex: 0 0 99.9999999%;
        max-width: 99.9999999%;
    }

    .DTED_Lightbox_Wrapper {
        margin-left: -46vw;
        width: 92vw;
    }
    /* 三栏 3*149 */
    .dataTable > tbody > tr.child ul.dtr-details > li.dtr-col3 {
        width: 100%;
    }

        .dataTable > tbody > tr.child ul.dtr-details > li.dtr-col3 span.dtr-data {
            width: calc(100% - 124px);
        }
    /*其它*/

    .uu-main-tab > .js-tabs {
        width: 41px;
        overflow: hidden;
    }

        .uu-main-tab > .js-tabs > span {
            display: block;
            width: 15px;
            overflow: hidden;
        }

    .uu-cnt-main {
        flex-wrap: wrap;
    }

    .uu-cnt-left,
    .uu-cnt-right {
        width: 100%;
        height: auto;
    }

    .popover {
        max-width: 95vw;
    }

        .popover.js-popover-finder,
        .popover.js-popover-ajaxFinder {
            left: calc(50vw - 45vw);
        }

            .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
                min-width: 90vw;
                max-width: 90vw;
            }

    .js-fdr-do,
    .js-fdr-hide,
    .js-fdr-open-inactive,
    .js-fdr-clear,
    .finder-tools > .btn-group > .btn-group > .dropdown-toggle,
    .js-fdr-save {
        width: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .js-fdr-do > span,
        .js-fdr-hide > span,
        .js-fdr-open-inactive > span,
        .js-fdr-clear > span,
        .js-fdr-save > span {
            display: block;
            width: 15px;
            overflow: hidden;
        }
    /*首页wizard*/
    .uu-wizard-page .uwpop-win-body {
        max-width: calc(100vw - 50px);
        width: calc(100vw - 50px);
    }

    .wizard-body-page .js-wizard-step.uu-wizard-step-slide .uu-wizard-step {
        width: calc(100vw - 50px);
    }

    .wizard-flow-list {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .navbar-top-links {
        display: none;
    }

    .uu-table-toolbar.text-right {
        margin: 10px 0;
    }

    .dataTables_length {
        display: none;
    }

    .uu-bottom-tool > .part-3.text-center {
        display: none;
    }

    .uu-bottom-tool > .part-3:last-child {
        flex: 0 0 59.999999%;
        max-width: 59.999999%;
    }

    .uu-table-toolbar > div.dt-buttons {
        width: auto;
        text-align: center;
        margin-bottom: 0;
    }

    .DTED_Lightbox_Wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0;
    }

    .fx-col {
        min-height: 400px;
        margin: 5px 0;
    }

    .popover {
        max-width: 95vw;
    }

        .popover.js-popover-finder,
        .popover.js-popover-ajaxFinder {
            left: calc(50vw - 45vw);
        }

            .popover.js-popover-finder > .popover-body, .popover.js-popover-ajaxFinder > .popover-body {
                min-width: 260px;
                max-width: 90vw;
            }

    .editor-group {
        display: none;
    }

    /*dataTable toolbar*/
    .col-sm-12.col-md-7 {
        display: none;
    }
}

@media (max-width: 400px) {
    /*查询条件按钮*/
    .js-fdr-hide,
    .js-fdr-save,
    .finder-tools > .btn-group > .btn-group,
    .uu-page-ajax > .page-item:nth-child(3) {
        display: none;
    }

    ul.uu-inner-grid > li {
        display: block;
    }

    .uu-main-btn .btn {
        width: 32px;
        overflow: hidden;
        white-space: nowrap;
        padding: 0px 8px;
    }

    .uu-main-tab > .js-tabs {
        width: 32px;
        overflow: hidden;
        padding: 0px 8px;
    }

    .tab-white.active:after {
        top: 19px;
    }

    .dataTable > tbody > tr.child ul.dtr-details > li {
        width: 305px;
    }
}