body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}


.radio-inline:first-child,
.checkbox-inline:first-child {
    margin-left: 10px;
}

.main-content-group > .mod-block:last-child {
    margin-bottom: 0 !important;
}

/*字体粗细*/
.fw900 {
    font-weight: 900 !important;
}

.fw100 {
    font-weight: 100 !important;
}

a {
    cursor: pointer;
}

/*常用外边距*/

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px;
}

.m30 {
    margin: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.mt100 {
    margin-top: 100px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr50 {
    margin-right: 50px;
}

.mr100 {
    margin-right: 100px;
}


.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}


.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}


/*常用背景色*/

.bg-blue {
    background: #0DA0E4 !important;
}

.bg-lightblue {
    background: #10d0e7 !important;
}

.bg-green {
    background: #98d023 !important;
}

.bg-orange {
    background: #f2ba0f !important;
}

.bg-red {
    background: #d84c47 !important;
}

.bg-lightred {
    background: #f13283 !important;
}

.bg-lightgreen {
    background: #06ce98 !important;
}

.bg-gray {
    background: #a2afbb !important;
}

.bg-purple {
    background: #6365F0 !important;
}

.bg-lightpurple {
    background: #8044D5 !important;
}

.text-green {
    color: #4fc320;
}

.text-orange {
    color: #ec9e25;
}

.text-red {
    color: #e13841;
}

.text-xs {
    font-size: 12px;
}

.cursor-disabled {
    cursor: url(/assets/img/cursordisabled16.ico), pointer !important;
}


.more-bottom {
    text-align: center;
    padding: 5px 0;
}

    .more-bottom a {
        color: #aaa;
        font-size: 15px;
    }

        .more-bottom a:hover {
            color: #08c;
            text-decoration: none;
        }


/* 模块结构块
----------------------------------*/
.mod-block {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
}

    .mod-block > .mod-hd {
        padding: 15px 15px 0 15px !important;
    }

        .mod-block > .mod-hd.minimize {
            padding-bottom: 15px !important;
        }

        .mod-block > .mod-hd h2,
        .mod-block > .mod-hd h3,
        .mod-block > .mod-hd h4,
        .mod-block > .mod-hd h5 {
            font-size: 16px;
            font-weight: 600;
            color: #333;
            line-height: 20px;
            margin: 0 0 5px 0;
        }

    .mod-block > .mod-bd {
        padding: 15px 15px 15px 15px;
    }

    .mod-block > .mod-ft {
        border-radius: 0 0 4px 4px;
        background: #fff;
        padding: 8px 15px 10px 15px;
        margin-bottom: 20px;
        text-align: right;
        background: #f6f6f6;
        border-top: 1px solid #ccc;
    }

        .mod-block > .mod-ft a,
        .mod-block > .mod-ft button {
            margin-left: 5px;
            padding-left: 20px;
            padding-right: 20px;
        }

    .mod-block > div:first-child {
        padding-top: 10px;
    }


/* 列表项模块结构
----------------------------------*/
.mod-split {
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
}

    .mod-split > .mod-hd {
        background: #b1c1d1;
        height: 100%;
        border-radius: 4px 0 0 4px;
        color: #fff;
        padding: 0 20px;
        text-align: center;
        font-size: 12px;
    }

        .mod-split > .mod-hd .icon {
            width: 40px;
        }

    .mod-split > .mod-bd {
    }

    .mod-split > .mod-hd i {
        margin: 28px 0;
        font-size: 36px;
    }

    .mod-split > .mod-hd h6 {
        font-size: 15px;
        margin: 0;
    }

    .mod-split > .mod-hd img {
        border-radius: 200px;
        height: 50px;
        margin: 20px auto 10px auto;
        display: block;
    }

    .mod-split > .mod-bd b.large-num {
        display: block;
        text-align: center;
        font-size: 36px;
        padding: 24px 0 12px 0;
    }

    .mod-split > .mod-bd span.muted {
        display: block;
        text-align: center;
    }


/* my-tabs
----------------------------------*/

.mod-hd.tabs {
    border-bottom: 1px solid #ccc;
    margin: 0 15px 0px 15px;
    padding: 0 !important;
}

.my-tabs {
    margin-bottom: 0;
    list-style: none;
    font-size: 15px;
    margin-left: 0px;
}

    .my-tabs li {
        display: inline-block;
        line-height: 48px;
        height: 48px;
        padding: 0 20px;
        margin-right: 5px;
        position: relative;
        top: 1px;
    }

        .my-tabs li.active {
            border-bottom: 2px solid #08c;
        }

        .my-tabs li a {
            text-decoration: none;
            color: #888;
        }

            .my-tabs li a:hover,
            .pantitle .my-tabs li a:focus {
                color: #08c;
            }

        .my-tabs li.active a {
            color: #000;
        }

.mod-split > .mod-bd .card-btn-group {
    text-align: right;
    font-size: 17px;
    position: absolute;
    top: 5px;
    right: 8px;
}

    .mod-split > .mod-bd .card-btn-group a {
        color: #aaa;
        margin-left: 5px;
    }

        .mod-split > .mod-bd .card-btn-group a:hover {
            color: #333;
        }

.mod-split > .mod-bd .card-userinfo {
    padding-top: 20px;
}

    .mod-split > .mod-bd .card-userinfo p {
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        display: table;
        width: 100%;
        table-layout: fixed;
        /* word-wrap: break-word; */
        white-space: nowrap;
    }

        .mod-split > .mod-bd .card-userinfo p i {
            color: #ccc;
            margin-right: 8px;
        }

    .mod-split > .mod-bd .card-userinfo span.divider {
        margin: 0 5px;
        color: #ccc;
    }

/*选人按钮*/
.input-append .hiddenId {
    width: 0px;
    padding: 0px;
    border: none;
    background: none;
}


.inline {
    display: inline-block;
}

/*弹出图片选择页面样式*/
.webuploader-container {
    position: relative;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 4px 10px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

.webuploader-pick-hover {
    background: #00a2d4;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events: none;
}

.webuploader-container {
    display: inline-block;
    vertical-align: middle;
}

span.required {
    font-family: tahoma;
    color: #f00;
    margin-right: 4px;
}


/*分裂统计卡片布局A*/

.mod-type-a > .mod-hd {
    background: #b1c1d1;
    border-radius: 4px 0 0 4px;
    color: #fff;
    padding: 0;
    text-align: center;
    font-size: 12px;
}

    .mod-type-a > .mod-hd .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 26px;
    }

/*asd*/
.mod-type-a > .mod-bd {
    color: #999;
    border-radius: 0 4px 4px 0;
    border: 1px solid #dadada;
    border-left: none;
    text-align: center;
}

    .mod-type-a > .mod-bd p {
        text-align: center;
    }

    .mod-type-a > .mod-bd b {
        font-size: 32px;
        color: #000;
    }

    .mod-type-a > .mod-bd strong {
        display: block;
        font-size: 14px;
        color: #000;
    }

/*分裂统计卡片布局B*/

.mod-type-b > .mod-hd span {
    color: #aaa;
}

    .mod-type-b > .mod-hd span span {
        margin-left: 5px;
    }

.mod-type-b > .mod-hd b {
    font-weight: 100;
    color: #333;
}

.mod-type-b > .mod-bd .probar {
    height: 6px;
    background: #f2f2f2;
    margin-top: 4px;
}

    .mod-type-b > .mod-bd .probar > div {
        height: 100%;
        background: #98D023;
    }

/*分裂统计卡片布局c*/

.mod-type-c {
    list-style: none;
    margin: 0;
    padding: 10px;
}

    .mod-type-c li {
        display: inline-block;
        width: 120px;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .mod-type-c li a {
            text-decoration: none;
            color: #888;
        }

            .mod-type-c li a:hover {
                color: #08c;
            }

    .mod-type-c .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 26px;
        margin: 0 auto 5px auto;
        border-radius: 4px;
        color: #FFF;
    }




.mod-type-e {
    display: inline-block;
    width: 17%;
    padding-left: 10px;
    padding-right: 10px
}

.mod-type-f {
    display: inline-block;
    width: 15%;
    padding-right: 5px
}

    .mod-type-f .mod-content {
        padding-top: 10px;
        color: #999;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #dadada;
        text-align: center;
        cursor: pointer;
        height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .mod-type-f .mod-content:hover {
            background-color: #f2f2f2;
        }

        .mod-type-f .mod-content.active {
            background-color: #55acc9;
            color: white;
        }

/* white-space */
.nowrap {
    white-space: nowrap;
}

/* word-wrap */
.bk {
    word-wrap: break-word;
}

.cell_bk {
    display: table;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}

/* vertical-align */
.vm {
    vertical-align: middle !important;
}

.vtb {
    vertical-align: text-bottom !important;
}

.vb {
    vertical-align: bottom !important;
}

.vt {
    vertical-align: top !important;
}

/*指针变鼠标*/

.cursor {
    cursor: pointer;
}

/*弹窗TAB页样式*/
.popup-header-tabs {
    margin-bottom: 5px;
    text-align: center;
}

    .popup-header-tabs button {
        padding: 5px 15px;
        background: #dadada;
    }

        .popup-header-tabs button:hover,
        .main-content-header-tabs button:focus {
            background: #ccc;
        }

        .popup-header-tabs button.active {
            box-shadow: none;
            background: #fff;
        }

/*消息列表样式*/
ul.message-list {
    margin: 0;
    list-style: none;
}

    ul.message-list li {
        border-bottom: 1px solid #dadada;
        padding: 10px 0;
    }

        ul.message-list li:hover {
            background: #f5f5f5;
        }

        ul.message-list li:last-child {
            border-bottom: none;
        }

        ul.message-list li.active .mod-hd b {
            color: #333;
            font-weight: 100;
        }

            ul.message-list li.active .mod-hd b i {
                color: #ccc;
                margin-right: 5px;
            }

                ul.message-list li.active .mod-hd b i.active {
                    color: #f90;
                }

/*消息卡片布局*/

.mod-message > .mod-hd,
.mod-message > .mod-bd {
    vertical-align: top;
    padding: 5px 10px;
}

    .mod-message > .mod-hd b {
        display: block;
        font-size: 15px;
        font-weight: 100;
        color: #aaa;
    }

    .mod-message > .mod-hd span.muted {
        font-size: 12px;
    }

    .mod-message > .mod-bd span.muted {
        font-size: 12px;
        margin-right: 20px;
    }

.no-message {
    text-align: center;
    padding: 60px 0;
}

    .no-message i {
        color: #ddd;
        font-size: 100px;
    }


/*卡片内部筛选条件*/

.mod-bd-filter {
    padding: 10px;
    background: #F8F7F6;
    border-radius: 4px;
    margin: 10px 0;
}

    .mod-bd-filter form {
        margin: 0;
    }

/*客服帮助*/
.kefuside {
    width: 22px;
    height: 58px;
    position: fixed;
    bottom: 50px;
    right: 0px;
    background: url(/assets/img/kefuside.png);
    cursor: pointer;
}

    .kefuside .kefu {
        position: absolute;
        right: -200px;
        transition: all .5s;
    }

    .kefuside:hover .kefu {
        right: 22px;
    }

.folder-empty:before {
    color: grey !important;
}

/*圆点分步骤进度条样式*/

.steps-line {
    height: 4px;
    background: #eee;
    position: relative;
    top: 35px;
    margin: 0 70px;
    z-index: 10;
}


.steps-bar {
    list-style: none;
    margin: 10px 50px;
    padding: 0;
    z-index: 11;
    position: relative;
}

    .steps-bar li {
        display: table-cell;
        color: #aaa;
        white-space: nowrap;
    }

    .steps-bar a {
        width: 48px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        background: #ccc;
        color: #888;
        display: block;
        border-radius: 200px;
        font-size: 18px;
        z-index: 11;
        margin-bottom: 5px;
    }

        .steps-bar a:hover {
            background: #999;
            color: #fff;
        }

    .steps-bar li.active a {
        color: #fff;
    }

    .steps-bar li.active {
        color: #000;
    }

    .steps-bar li.blue a {
        background: #1BAFD7;
        color: #fff;
    }

        .steps-bar li.blue a:hover {
            background: #0DA0E4;
        }

    .steps-bar li.blue.active {
        color: #0DA0E4;
    }

    .steps-bar li.green a {
        background: #81ba26;
        color: #fff;
    }

        .steps-bar li.green a:hover {
            background: #51a351;
        }

    .steps-bar li.green.active {
        color: #51a351;
    }

    .steps-bar li.red a {
        background: #d84c47;
        color: #fff;
    }

        .steps-bar li.red a:hover {
            background: #B6321C;
        }

    .steps-bar li.red.active {
        color: #B6321C;
    }

    .steps-bar li.purple a {
        background: #8044D5;
        color: #fff;
    }

        .steps-bar li.purple a:hover {
            background: #6365F0;
        }

    .steps-bar li.purple.active {
        color: #6365F0;
    }

    .steps-bar li.orange a {
        background: #f2ba0f;
        color: #fff;
    }

        .steps-bar li.orange a:hover {
            background: #ff9a00;
        }

    .steps-bar li.orange.active {
        color: #ff9a00;
    }


    .steps-bar.stepx3 li {
        width: 50%;
    }

    .steps-bar.stepx4 li {
        width: 32%;
    }

    .steps-bar.stepx5 li {
        width: 24%;
    }

    .steps-bar.stepx6 li {
        width: 20%;
    }

    .steps-bar.stepx7 li {
        width: 16%;
    }

/*修复富文本编辑器不左对齐*/
.edui-default {
    margin-left: 0 !important;
}

.main-tabs {
    padding: 0 0px;
    border: none;
}

    .main-tabs li a {
        padding: 6px 8px 4px 8px;
        margin: 0 4px 0 0;
        font-size: 15px;
        background: none;
        color: #8A949B;
        border: none;
        border-radius: 0;
    }

        .main-tabs li a:hover,
        .main-tabs li a:focus {
            background: none;
            border-bottom: 2px solid #8A949B;
            color: #666;
        }

    .main-tabs li.active a,
    .main-tabs li.active a:hover,
    .main-tabs li.active a:focus {
        border: none;
        background: none;
        border-bottom: 2px solid #08c;
        color: #08c;
    }


/*日期控件选中日期高亮*/
.ui-datepicker a.ui-state-default.ui-state-active,
.ui-datepicker a.ui-state-default.ui-state-active.ui-state-highlight {
    background-color: #0088CC;
    color: #fff;
}

/*日期控件当前日期高亮*/
.ui-datepicker a.ui-state-default.ui-state-highlight {
    background-color: #FEEECE;
}

.text-center {
    text-align: center;
}

/*人员选择*/
.add-user-list ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}

.add-user-list li {
    padding: 4px 10px;
    border: 1px solid #dadada;
    margin: 5px 15px;
    background: #f8f8f8;
    position: relative;
    margin-left: 0;
}

    .add-user-list li img {
        display: inline-block;
        width: 42px;
        height: 42px;
        border-radius: 20px;
        margin-right: 10px;
    }

    .add-user-list li span {
        color: #aaa;
        margin-left: 10px;
    }

    .add-user-list li a {
        margin-top: 6px;
    }

    .add-user-list li.add-user {
        background: #fff;
        margin-bottom: 10px;
        border: none;
        padding: 0 0 0 20px;
    }

    .add-user-list li.add-result {
        background: #fff;
    }

    .add-user-list li.add-user input {
        margin: 6px 0;
    }

    .add-user-list li.add-user .search-icon {
        position: absolute;
        top: 8px;
        right: 10px;
        color: #aaa;
    }

    .add-user-list li.add-user .fa-plus {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 200px;
        background: #81ba26;
        color: #fff;
        position: absolute;
        top: 10px;
        left: -5px;
        font-size: 12px;
    }

    .add-user-list li.divider {
        border: none;
        background: none;
        border-bottom: dashed 1px #ccc;
        margin-bottom: 20px;
        margin-top: 10px;
    }

        .add-user-list li.divider span {
            position: absolute;
            background: #fff;
            top: 0px;
            left: 50%;
            display: inline-block;
            padding: 0 10px;
            margin: 0 auto;
            margin-left: -59px;
            text-align: center;
        }

.text-black {
    color: #333;
}

a.text-black {
    color: #666;
}

    a.text-black:hover {
        color: #333;
        text-decoration: none;
    }

/*带badge的按钮*/
.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

/*user avatar style*/

.avatar-old {
    position: relative;
    display: block;
    border-radius: 500px;
    white-space: nowrap;
    background: #6ac8ff;
    color: #fff;
}

    .avatar-old img {
        border-radius: 500px;
        width: 100%;
    }

.avatar-text {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    font-size: 12px;
}

    .avatar-text strong {
        font-size: 18px;
        font-family: tahoma;
    }

.avatar.thumb-xs > .avatar-text {
    width: 30px;
    height: 30px;
    line-height: 30px;
}



.thumb-lg {
    width: 128px;
    display: inline-block;
}

.thumb-md {
    width: 64px;
    display: inline-block;
}

.thumb {
    width: 50px;
    display: inline-block;
}

.thumb-sm {
    width: 40px;
    display: inline-block;
}

.thumb-xs {
    width: 30px;
    display: inline-block;
}

.thumb-wrapper {
    padding: 2px;
    border: 1px solid #dbe2e7;
}

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.img-full {
    width: 100%;
}

    .img-full img {
        width: 100%;
    }

/*选择人员后返回值显示的样式*/
.grpadd {
    white-space: normal;
}

    .grpadd b {
        display: inline-block;
        background: #81BA26;
        border-radius: 4px;
        padding: 0px 6px;
        color: #fff;
        font-weight: 100;
        font-size: 12px;
        margin-left: 5px;
        margin-top: 5px;
    }

    .grpadd span a {
        font-family: verdana;
        font-size: 14px;
        color: #b2ea58;
        margin-left: 5px;
        text-decoration: none;
    }

        .grpadd span a:hover {
            color: #fff;
        }

.control-group .selectfrom-btn {
    margin-bottom: 20px;
    margin-top: 3px;
}


/*弹窗消息样式*/
.message-board ul {
    margin: 0;
    list-style: none;
    padding: 20px;
}

.message-board li {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    .message-board li:last-child {
        border-bottom: 1px solid #dadada;
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .message-board li .avatar-old {
        margin-right: 10px;
    }

.message-board strong {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.message-board span.muted {
    margin-left: 10px;
}

.message-board .cont {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 10px;
    margin-left: 50px;
}

.message-board .arr {
    width: 0;
    height: 0;
    border-bottom: 6px solid #f4f4f4;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin: 5px 0 0 70px;
}

.message-board .time {
    text-align: right;
    color: #aaa;
    padding: 5px;
}



table.td-nowrap td {
    white-space: nowrap;
}


/*龙虎榜*/
.dashboard-ranking {
    margin: 0;
    list-style: none;
}

.mod-block > .mod-hd > .mod-h .btn-group .btn.active {
    background: #55acc9;
    border-color: #55acc9;
    box-shadow: none;
    color: #fff;
}

.mod-block > .mod-hd > .mod-h h2 {
    margin: 0;
}

.mod-block > .mod-hd > .mod-h a.t-muted {
    color: #aaa;
}

    .mod-block > .mod-hd > .mod-h a.t-muted:hover {
        color: #000;
        text-decoration: none;
    }

.dashboard-ranking li {
    line-height: 1.3em;
    padding: 15px 15px;
    box-sizing: border-box;
    height: 70px;
    border-bottom: 1px dotted #e0e0e0;
    cursor: pointer;
}

    .dashboard-ranking li:hover {
        background: #f5f5f5;
    }

    .dashboard-ranking li:last-child {
        border-bottom: none;
    }

    .dashboard-ranking li .mod-bd {
        text-align: right;
    }

    .dashboard-ranking li .mod-ft {
        min-width: 60px;
        text-align: right;
    }

.dashboard-ranking .ranking-detail {
    display: inline-block;
    vertical-align: middle;
    max-width: 250px;
}

    .dashboard-ranking .ranking-detail b {
        font-size: 15px;
        font-weight: 300;
        display: block;
    }

    .dashboard-ranking .ranking-detail span {
        font-size: 12px;
        color: #aaa;
    }

.ranking-detail.pts {
    text-align: right;
}

    .ranking-detail.pts b {
        font-weight: 600;
        font-size: 16px;
        font-family: tahoma;
    }

.dashboard-ranking .avatar-old .ava-gold {
    position: absolute;
    background: url(/assets/img/tiara_a.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    top: -12px;
    left: 5px;
}

.dashboard-ranking .avatar-old .ava-silver {
    position: absolute;
    background: url(/assets/img/tiara_b.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    top: -12px;
    left: 5px;
}

.dashboard-ranking .avatar-old .ava-bronze {
    position: absolute;
    background: url(/assets/img/tiara_c.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    top: -12px;
    left: 5px;
}

/* dataTable */
.dataTables_wrapper .dataTable {
    margin-bottom: 0 !important;
}

.DTFC_LeftHeadWrapper {
    background-color: white !important;
}

.DTFC_LeftBodyWrapper {
    background-color: white !important;
}

.dataTables_filter label {
    margin-bottom: 0 !important;
    color: black;
}

.dataTables_filter {
    background-color: white !important;
    height: 40px;
}

.dataTables_wrapper .dataTables_scrollHead {
    background-color: white !important;
}

.DTFC_LeftBodyLiner {
    overflow-x: hidden;
}

.DTFC_LeftBodyWrapper {
    border-right: 1px solid #dddddd;
}

.process-bar {
    margin: 0 0px;
}

    .process-bar ul {
        list-style: none;
        margin: 0;
        padding: 20px 0px;
        white-space: nowrap;
        overflow-x: auto;
        position: relative;
    }

    .process-bar:before {
        content: "";
        display: block;
        border-radius: 200px;
        height: 4px;
        width: 100%;
        background: #f2f2f2;
        position: absolute;
        top: 40px;
        left: 0;
    }

    .process-bar li {
        display: inline-block;
        width: 120px;
        position: relative;
        z-index: 101;
        margin: 0 10px;
    }

        .process-bar li a {
            display: block;
            border-radius: 200px;
            width: 16px;
            height: 16px;
            margin: 0 auto;
            background: #ddd;
            position: relative;
            top: -16px;
        }

        .process-bar li:hover a {
            background: #aaa;
            box-shadow: 0 0 5px rgba(0, 0, 0, .3)
        }

        .process-bar li.success a {
            background: #78b93f;
        }

        .process-bar li.success strong {
            color: #000;
        }

        .process-bar li.danger a {
            background: #c1543a;
        }

        .process-bar li.primary a {
            background: #08c;
        }

        .process-bar li.active a {
            width: 32px;
            height: 32px;
            top: -8px;
        }

            .process-bar li.active a:before {
                content: "\f105";
                font-family: FontAwesome;
                color: #fff;
                font-size: 20px;
                position: absolute;
                left: 13px;
                top: 6px;
            }

        .process-bar li strong {
            font-weight: 500;
            display: block;
            margin: 0 auto;
            text-align: center;
            color: #888;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .process-bar li.active strong {
            color: #000;
            font-weight: 500;
        }

        .process-bar li span {
            display: block;
            color: #ccc;
            margin: 0 auto;
            text-align: center;
            font-size: 12px;
        }






.messager {
    position: fixed;
    top: 10px;
    right: 145px;
    z-index: 200;
}

    .messager a {
        display: block;
        width: 50px;
        height: 50px;
        margin-top: 0px;
        line-height: 50px;
        border-radius: 4px;
        text-align: center;
        position: relative;
    }

        .messager a i {
            color: #aaa;
            font-size: 20px;
        }

        .messager a .num {
            border-radius: 200px;
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            right: 2px;
            top: 6px;
            padding: 0 3px;
            border-radius: 4px;
            background: #ff6900;
            color: #fff;
            font-size: 12px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            text-align: center;
            line-height: 16px;
        }

        .messager a .mask {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            background: url(/assets/img/whitemask.gif);
            z-index: 100;
            display: none;
        }

        .messager a.active .mask {
            display: block;
        }

        .messager a:hover {
            background: #fff;
        }

            .messager a:hover i {
                color: #333;
            }

            .messager a:hover .mask {
                display: none;
            }

/* COMBOBOX */
.jui-combobox {
    position: relative;
    display: inline-block;
}

.jui-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* 支持： IE7 */
    *height: 1.7em;
    *top: 0.1em;
}

.jui-combobox-input {
    margin: 0;
    padding: 0.3em;
}

textarea.textarea-static {
    border: none;
    background: none;
    box-shadow: none;
    resize: none;
}

.isteps {
    margin: 10px;
    padding: 20px;
}

    .isteps > ul {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .isteps > ul > li {
            display: table-cell;
            vertical-align: middle;
            white-space: nowrap;
            text-align: center;
            min-width: 40px;
        }

            .isteps > ul > li > a {
                display: block;
                position: relative;
                font-size: 13px;
            }

                .isteps > ul > li > a i.number {
                    width: 18px;
                    height: 18px;
                    text-align: center;
                    line-height: 18px;
                    display: inline-block;
                    background: #888;
                    border-radius: 4px;
                    color: #eee;
                    font-style: normal;
                    text-shadow: none;
                    font-family: Verdana;
                }

                .isteps > ul > li > a span.stepname {
                    position: absolute;
                    bottom: -20px;
                    left: 50%;
                    text-align: center;
                    color: #888;
                    width: 100px;
                    margin-left: -50px;
                }

                .isteps > ul > li > a.active i.number {
                    background: #08c;
                    color: #fff;
                }

                .isteps > ul > li > a.active span.stepname {
                    color: #08c;
                }

            .isteps > ul > li.divider {
                width: 999px;
            }

                .isteps > ul > li.divider .line {
                    height: 2px;
                    background: #e0e0e0;
                }

                    .isteps > ul > li.divider .line.active {
                        background: #08c;
                    }

.checklist-b > ul li.warning > div {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #dacbad;
}


#SelectedBox h4.media-heading {
    font-size: 14px;
}

.t-danger {
    color: #e04641;
}

.t-warning {
    color: #FFBD00;
}

.t-success {
    color: #4fc320;
}

.readonly-normal {
    background: #fafafa !important;
    cursor: auto !important;
}

    .readonly-normal:focus {
        box-shadow: none !important;
        outline: none !important;
        border-color: #bbb !important;
    }

#FilterBar button.btn {
    margin-bottom: 5px;
}

#FilterBar label button.btn {
    margin-bottom: 0px;
}


.btn-primary {
    border: 1px solid #08c;
}

.btn-info {
    border: 1px solid #2f96b4;
}

.btn-warning {
    border: 1px solid #ffa000;
}

.btn-success {
    border: 1px solid #51a351;
}

.btn-danger {
    border: 1px solid #d84c47;
}

.btn.disabled {
    background: #ddd !important;
    border-color: #ccc !important;
    color: #444 !important;
    cursor: not-allowed;
}



.form-horizontal .control-group .control-label {
    width: 160px;
}

.form-horizontal .control-group .controls {
    margin-left: 170px;
}

.i-checked {
    color: #08c;
}

.i-unchecked {
    color: #eee;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-image: none;
    background: #c9eeff;
    color: #3f91d2;
}

.dropdown-menu > li > a:hover {
    background-image: none;
    background: #c9eeff;
    color: #333;
}

.dropdown-menu.withcheck li a i {
    font-size: 10px;
    display: inline-block;
    background: #eee;
    color: #eee;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    margin-right: 4px;
    font-size: 10px;
    padding: 1px;
}

.dropdown-menu.withcheck li.active a i.invisible {
    visibility: visible;
    background: none;
    color: #3f91d2;
}

.dropdown-menu.withcheck li.checked a i {
    color: #fff;
    background: #08c;
}

.btn-primary {
    background: #08c !important;
    color: #fff;
    border: 1px solid #08c !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.mod-modal .mod-ft .webuploader-pick {
    background: #08c;
    padding: 5px 10px;
    position: relative;
    top: 1px;
}

.simple-text-list ul {
    padding: 0;
    margin: 0;
}

    .simple-text-list ul li a {
        display: block;
        padding: 6px 0;
        text-align: center;
        color: #333;
        text-decoration: none;
        border-radius: 4px;
    }

        .simple-text-list ul li a:hover {
            background: #f5f5f5;
            color: #333;
        }

.clicktoshow {
    cursor: pointer;
    white-space: normal;
    transition: all .5s;
}

    .clicktoshow:hover:before {
        content: '\f06e';
        color: #aaa;
        display: inline;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
    }

.fix-input-box input {
    box-sizing: content-box;
}

.btn.opened {
    border-color: #ddd !important;
}

    .btn.opened:after {
        content: '\f106' !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        color: #aaa;
        margin-left: 4px;
    }

.btn.withangle:after {
    content: '\f107';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #aaa;
    margin-left: 4px;
}

#divTreatmentTyping .jselect-display-arrow {
    display: none;
}

#ProgressDetail form input.span6 {
    box-sizing: content-box;
}



/* .table tbody > tr:nth-child(odd) > td,
.table tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
} */


table:not(.table-white) th {
    color: #424F65;
    font-weight: 600;
}

table:not(.table-white) td {
    color: #738299;
    vertical-align: middle;
}

/*table:not(.table-white) td > a:not(.btn) {
        color: #68B9F2;
    }*/
.table:not(.table-white) tbody td > .buttons a {
    margin-right: 10px;
}

.table:not(.table-white) tbody > tr:nth-child(even) > td,
.table:not(.table-white) tbody > tr:nth-child(even) > th {
    background-color: #f7fcff;
}

.table:not(.table-white) tbody > tr:hover > td,
.table:not(.table-white) tbody > tr:hover > th {
    background-color: #f3f8fb !important;
}

.sidelist-table table tr td {
    padding: 12px 5px;
    background: none !important;
    white-space: nowrap;
    border-color: #eee;
    overflow: hidden;
    text-align: center;
}

    .sidelist-table table tr td:nth-child(2) {
        text-align: left;
        color: #738299;
        padding-left: 10px;
    }

.sidelist-table table tr.jlist-item-selected td {
    background: none;
}

.sidelist-table table tr.jlist-item-selected {
    background: #f3fbff;
}

.sidelist-table table tr td:nth-child(2) {
    text-align: left;
    color: #738299;
    position: relative;
}

    .sidelist-table table tr td:nth-child(2):before {
        content: "";
        display: inline-block;
        border-left: 3px solid #08c;
        height: 24px;
        position: absolute;
        left: 0;
        top: 10px;
        visibility: hidden;
    }

.sidelist-table table tr.jlist-item-selected td:nth-child(2) {
    color: #08c;
    font-weight: 500;
}

    .sidelist-table table tr.jlist-item-selected td:nth-child(2):before {
        visibility: visible;
    }

.sidelist-table table tr {
    cursor: pointer;
}

.sidelist-table table thead th {
    border: none;
    font-weight: 400;
    color: #aaa;
}


.collapse-title {
    margin-bottom: 15px !important;
}

    .collapse-title a {
        display: block;
        text-decoration: none;
        color: #888;
    }

        .collapse-title a:hover {
            color: #333;
        }

.minimize .fa-arr:before {
    content: '\f106';
}

.jcollapse,
.jcollapse:hover {
    text-decoration: none;
    cursor: pointer;
}

    .jcollapse:after {
        content: '\f107';
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 5px;
        color: #aaa;
    }

    .jcollapse.open:after {
        content: '\f106';
    }

.dotted-list > .hd h3 {
    font-size: 16px;
    display: inline;
    color: #333;
}

    .dotted-list > .hd h3 i {
        color: #00a6f1;
    }

.dotted-list > .detail {
    padding: 5px 10px 20px 16px;
}

    .dotted-list > .detail h5 {
        margin: 0;
        margin-bottom: 10px;
    }

    .dotted-list > .detail p {
        margin-bottom: 5px;
    }

        .dotted-list > .detail p > span {
            margin-right: 20px;
        }



.no-contents-tip {
    text-align: center;
    width: 100%;
    height: 100%;
}

    .no-contents-tip .inner {
        background: url(/Assets/img/nocontents.png);
        background-repeat: no-repeat;
        width: 120px;
        height: 160px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-100px);
    }

.nodata .jlist-grid-body tbody {
    position: relative;
}

    .nodata .jlist-grid-body tbody .no-contents-tip {
        position: static !important;
    }

.i-checkbox {
    width: 18px;
    height: 18px;
    border: 1px solid #CBD5DD;
    background-color: #FFF;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    font-size: 12px;
    font-family: "FontAwesome";
    font-style: normal;
    cursor: pointer;
    text-align: center;
    color: #fff;
}

    .i-checkbox.disabled {
        cursor: url(/assets/img/cursordisabled16.ico), pointer !important;
        background: #f4f4f4;
        color: #f4f4f4;
    }

    .i-checkbox.on.disabled {
        color: #fff;
    }

    .i-checkbox > i:before {
        content: "\f00c";
        font-style: normal;
        position: relative;
        top: -2px;
    }

    .i-checkbox.on {
        background: #5cb85c;
        border-color: #5cb85c;
    }

    .i-checkbox.half {
        color: #5cb85c;
        background: #f2f2f2;
    }

        .i-checkbox.half > i:before {
            content: "\f04d";
        }

.jpager .change-pager {
    margin-bottom: 5px;
}


.table td {
    word-break: break-all;
}

#modaltippop {
    min-width: 110px;
    min-height: 110px;
}

.file-selector .left {
    vertical-align: top;
    border-right: 1px solid #eee;
    padding: 15px;
}

    .file-selector .left .buttons {
        margin-bottom: 10px;
    }

        .file-selector .left .buttons .breadcrumb {
            margin-bottom: 0;
            background: 0;
        }

        .file-selector .left .buttons .webuploader-pick {
            background: #fff;
            border: 1px solid #08c;
            color: #08c;
        }

.file-selector .right {
    vertical-align: top;
    padding: 0 15px;
}

    .file-selector .right .selected {
        width: 280px;
    }

    .file-selector .right h2 {
        text-align: center;
        font-size: 16px;
    }

    .file-selector .right #SelectedBox p {
        font-size: 12px;
    }

    .file-selector .right #SelectedBox .btn.btn-small {
        background: #fff;
        box-shadow: none;
        border: none;
        color: #ccc;
    }

        .file-selector .right #SelectedBox .btn.btn-small:hover {
            color: #555;
        }


.media .media-body > p {
    display: none;
}

.media .media-body:hover > p {
    display: block;
}


.hcell {
    display: table;
    width: 100%;
}

    .hcell > * {
        display: table-cell;
        white-space: nowrap;
        vertical-align: middle;
    }

    .hcell > .fit {
        width: 9999px;
    }

    .hcell > .divider {
        height: 100%;
        width: 1px;
        background: #c7dceb;
    }

    .hcell .fixwrap {
        display: table;
        width: 100%;
        table-layout: fixed;
        white-space: normal;
    }

table.blue-table td,
table.blue-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top-color: transparent;
    font-size: 14px;
}

table.blue-table th {
    color: #424F65;
    font-weight: 600;
}

table.blue-table td {
    color: #738299;
    vertical-align: middle;
}

    table.blue-table td a {
        color: #68B9F2;
    }

    table.blue-table td .buttons a {
        margin-right: 10px;
    }

table.blue-table tr:nth-child(even) > td,
table.blue-table th {
    background-color: #F1FAFF;
}

.blue-table table td,
.blue-table table th {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-color: transparent;
    font-size: 14px;
}

.blue-table table th {
    color: #424F65;
    font-weight: 600;
}

.blue-table table td {
    color: #738299;
    vertical-align: middle;
}

    .blue-table table td a {
        color: #68B9F2;
    }

    .blue-table table td .buttons a {
        margin-right: 10px;
    }

.blue-table table tr:nth-child(even) > td,
.blue-table table th {
    background-color: #F1FAFF;
}

.blue-table tr.jlist-item-selected {
    border-left: 3px solid #08c;
    background: none;
}



#formRender label {
    display: inline;
    position: relative;
    top: -2px;
}

.t-blue {
    color: #00a6f1 !important;
}

.t-silver {
    color: #7291a8 !important;
}

.t-darkblue {
    color: #31343f !important;
}

.t-orange {
    color: #f90 !important;
}

.t-green {
    color: #8bc34a !important;
}

.t-red {
    color: #E6645F !important;
}

.t-l {
    text-align: left !important;
}

.t-c {
    text-align: center !important;
}

.t-r {
    text-align: right !important;
}

.collapse.in {
    overflow: visible;
}

#FileTable .cell-box > .pull-right,
#fileList .cell-box > .pull-right {
    right: 0;
    top: -2px;
    background: none;
    float: none !important;
    /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); */
    padding: 5px;
    border-radius: 5px;
    z-index: 99;
    left: auto;
}

    #FileTable .cell-box > .pull-right > .commandsFile,
    #fileList .cell-box > .pull-right > .commandsFile {
        margin-bottom: -4px;
        white-space: nowrap;
    }

#FileTable tbody tr:hover {
    background: #f8f8f8;
}

.btn {
    white-space: nowrap;
}

.fakepreview {
    cursor: pointer;
    display: inline-block;
    color: #5773b2;
}

    .fakepreview:hover {
        color: #08c;
    }

.btn {
    white-space: nowrap;
}

.ui-widget {
    border: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
}

.cts-progress-bar .text {
    color: #333 !important;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: default !important;
}

.form-design-paper .form-design-requried {
    position: relative;
}


.form-design-paper table td,
.form-design-paper table th,
.fix-word-input table td,
.fix-word-input table th {
    border-right: 1px solid #aaa !important;
    border-bottom: 1px solid #aaa !important;
    border-left: none !important;
    border-top: none !important;
    padding: 2px 4px;
}

.form-design-paper table td {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    padding: 0px 5px;
}

.form-design-paper table,
.fix-word-input table {
    border-left: 1px solid #aaa !important;
    border-top: 1px solid #aaa !important;
    border-right: none !important;
    border-bottom: none !important;
    margin-bottom: 10px;
}

.form-design-paper input[type=text],
.fix-word-input input[type=text] {
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    box-shadow: none;
    box-sizing: content-box;
}

.form-design-paper table td input[type=text],
.fix-word-input table td input[type=text] {
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
    box-shadow: none;
    width: -webkit-fill-available;
}

.form-design-paper select,
.fix-word-input select {
    margin-bottom: 0;
}



.form-design-paper table td label,
.fix-word-input table td label {
    display: inline;
    position: relative;
}

.form-design-paper table td textarea,
.fix-word-input table td textarea {
    box-sizing: border-box;
    padding: 5px 8px;
    width: -webkit-fill-available;
}

.fix-td-align td,
.fix-word-input td {
    vertical-align: middle;
}

.form-design-paper .form-design-checkboxgroup label,
.fix-word-input .form-design-checkboxgroup label {
    display: inline;
    padding-right: 10px;
}

.form-design-paper .form-design-radiogroup label,
.fix-word-input .form-design-radiogroup label {
    display: inline;
    padding-right: 10px;
}


.form-design-paper .form-design-checkboxgroup label input[type="checkbox"],
.form-design-paper .form-design-checkboxgroup label input[type="radio"],
.fix-word-input .form-design-checkboxgroup label input[type="checkbox"],
.fix-word-input .form-design-checkboxgroup label input[type="radio"] {
    position: relative;
    top: -4px;
}



.form-design-paper .form-design-radiogroup label input[type="checkbox"],
.form-design-paper .form-design-radiogroup label input[type="radio"],
.fix-word-input .form-design-radiogroup label input[type="checkbox"],
.fix-word-input .form-design-radiogroup label input[type="radio"] {
    position: relative;
    top: -4px;
}

.form-design-paper [align="left"] {
    text-align: left;
}

.form-design-paper [align="center"] {
    text-align: center;
}

.form-design-paper [align="right"] {
    text-align: right;
}

.form-design-checkboxgroup,
.form-design-radiogroup {
    display: inline-block !important;
}

#ApplySheet table,
.form-design-paper table {
    width: 100%;
    margin: 0 auto;
}

.old-ell {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .old-ell > * {
        display: table-cell;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

#papercontent {
    max-height: calc(100vh - 135px);
    overflow: auto;
    overflow-x: hidden;
    font-family: 微软雅黑, Arial, sans-serif;
    font-size: 16px;
}

.cutted {
    width: 0px !important;
    height: 0px !important;
    overflow: hidden;
    visibility: hidden;
    padding: 0;
    position: relative;
}

body .left-menu-group {
    z-index: 230 !important;
}

body .header-group {
    z-index: 220 !important;
}

.ui-autocomplete.ui-front {
    z-index: 2100;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hidetr {
    position: fixed;
    top: -3000px;
}

.childtr > td:first-child {
    padding-left: 20px;
    border-left: 6px solid #eee;
}

.ui-multiselect-menu .ui-multiselect-header {
    display: none;
}

.input-time-container {
    display: inline-block;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.32857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

    .input-time-container input {
        border: none;
        width: 40px;
        box-shadow: none !important;
        text-align: center;
    }

#FileTable .btn-info {
    background-image: none;
    box-shadow: none;
    background: #fff !important;
    color: #666 !important;
    text-shadow: none;
    border-color: #aaa !important;
    border-radius: 4px;
}

    #FileTable .btn-info:hover {
        background: #e6e6e6 !important;
    }

.bootstrap-select .bs-searchbox input {
    box-sizing: content-box !important;
    padding: 4px 12px !important;
    width: -webkit-fill-available !important;
    height: auto !important;
}

.search-filter {
    margin-bottom: 20px;
}

    .search-filter .filter-block {
        border: 1px solid #ddd;
        color: #888;
        font-size: 13px;
        padding: 5px 10px;
        border-radius: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        background: #fff;
        display: inline-block;
    }

        .search-filter .filter-block a {
            opacity: 0.6;
            color: #333;
        }

            .search-filter .filter-block a:hover {
                opacity: 1;
            }

        .search-filter .filter-block.active {
            border-color: #6bb32b;
            color: #6bb32b;
        }

            .search-filter .filter-block.active a {
                color: #6bb32b;
            }


.bootstrap-select > select {
    position: absolute;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
}

/*报错页*/
.kefuside {
    width: 280px;
    height: 280px;
    background: url(/assets/img/errorpage5.png);
    margin: 0 auto;
    margin-top: 250px;
}

.scroll-x > table {
    width: auto !important;
    max-width: unset !important;
}

#FilterBar form,
#FilterBar .form,
#FilterBar .form-horizontal,
#FilterBar .form-inline {
    margin-bottom: 0 !important;
}

.fluidbox {
    overflow: hidden;
}

    .fluidbox > div {
        float: left;
        margin-bottom: 0;
        box-sizing: border-box;
        padding: 0;
    }

        .fluidbox > div:last-child:after {
            content: '';
            display: block;
            clear: both;
            visibility: hidden;
        }

    .fluidbox .w1 {
        width: 100%;
    }

    .fluidbox .w2 {
        width: 50%;
    }

    .fluidbox .w3 {
        width: 50%;
        margin-right: 50%;
    }

.text-list-3 {
    height: calc(100vh - 100px);
    overflow-y: auto
}


/*.fixlabelwidth .control-group .control-label {
      width:200px;
  }

  .fixlabelwidth .row-fluid .span6:nth-child(2) {
    margin-left: 0;
    padding-left: 1.25%;
  }*/

.content-header {
    position: static;
    top: 64px;
    z-index: 100;
    background: #ecf5fd;
}

.label200 .control-group .control-label {
    width: 200px !important;
}

.v-middle th,
.v-middle td {
    vertical-align: middle;
}

#SetAttributeTable input,
#SetAttributeTable select {
    max-width: 180px;
}

#ListExtendAttribute_Remark {
    max-width: unset !important;
}


.JColResizer {
    border-left: 1px dotted #ccc;
    cursor: col-resize !important;
}


    .JColResizer:hover {
        border-left: 1px dotted #888;
    }

.clhd table {
    max-width: 99999px !important;
}

.tip {
    position: relative;
    padding: 8px 25px 8px 15px;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 8px rgba(99, 99, 99, 0.2);
    background: #fff;
    display: block;
}

.jui-combobox {
    width: -webkit-fill-available;
}

.jui-combobox-input {
    width: -webkit-fill-available;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.jui-combobox .ui-button {
    border: 1px solid #ddd;
    margin-left: -34px;
}

.ui-autocomplete.ui-front {
    border: 1px solid #ddd;
}

.jlist-grid-header th {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .jlist-grid-header th:before {
        content: '';
        display: inline-block;
        width: 5px;
    }

.cell-ell {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .cell-ell > * {
        display: table-cell;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

th .fa-sort {
    display: inline-block;
    position: relative;
    margin-left: 1px;
    top: 2px;
    width: 12px;
    height: 12px;
    background: url(/assets/img/sort2.png);
}

th .fa-sort-desc {
    background: url(/assets/img/sort2-down.png);
}

th .fa-sort-asc {
    background: url(/assets/img/sort2-up.png);
}

th .fa-sort::before {
    display: none;
}

table thead {
    border-bottom: 1px solid #ddd;
}

    table thead th {
        background-color: #fff !important;
    }

#FilterBar .wsel {
    width: 132px;
}

#FilterBar .wdat {
    width: 115px;
}

@media (min-width: 1200px) and (max-width:1450px) {

    #FilterBar .span3 {
        width: 200px;
    }

    #FilterBar input.span3 {
        width: 188px;
    }

    #FilterBar .wsel {
        width: 97px;
    }

    #FilterBar .wdat {
        width: 79px !important;
    }
}


.btn-group.open .fa-angle-down:before {
    content: "\f106"
}

.btn-group:not(.open) .fa-angle-up:before {
    content: "\f107"
}

.copyr a {
    color: inherit;
}

.fix210122 .slick-cell .i-checkbox {
    line-height: 20px
}

.tip.i-tooltip .userinfocard h6 {
    margin-top: 5px;
    font-size: 15px;
}

.tip.i-tooltip .userinfocard p {
    color: #888;
    margin-bottom: 5px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.tomb-stars .muted {
    vertical-align: super;
}

.tomb-stars .bar {
    display: inline-block;
}

    .tomb-stars .bar > span {
        display: inline-block;
        width: 28px;
        height: 28px;
        margin-right: 10px;
        background: url(/Assets/img/add/star_1.png);
    }

        .tomb-stars .bar > span.active {
            background: url(/Assets/img/add/star_2.png);
        }

        .tomb-stars .bar > span.half-active {
            background: url(/Assets/img/add/star_3.png);
        }

.tomb-star-list {
    padding: 30px;
}

    .tomb-star-list > div {
        text-align: center;
    }

.break,
.break * {
    word-break: break-all !important;
}

.no-contents-tip {
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 200px;
}

    .no-contents-tip .inner {
        background: url(/Assets/img/nocontents.png);
        background-repeat: no-repeat;
        width: 120px;
        height: 160px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-100px);
    }

#switchNewVersion {
    position: relative;
    color: #ff6900;
    border: 1px solid #ff6900;
    border-radius: 4px;
    padding: 4px 12px;
}

    #switchNewVersion:hover {
        background: #ff6900;
        color: #fff;
    }

    #switchNewVersion img {
        position: absolute;
        top: -2px;
        right: -20px
    }


.errorimg {
    margin: 0 auto;
    width: 280px;
    height: 280px;
    background-repeat: no-repeat;
    background: url(/Assets/img/errorpage1.png);
}

    .errorimg.type2 {
        background: url(/Assets/img/errorpage2.png);
    }

    .errorimg.type3 {
        background: url(/Assets/img/errorpage3.png);
    }

    .errorimg.type4 {
        background: url(/Assets/img/errorpage4.png);
    }

    .errorimg.type5 {
        background: url(/Assets/img/errorpage5.png);
    }

.logout-reminder-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .65);
    z-index: 7000;
}

    .logout-reminder-bg .icon {
        width: 36px;
        height: 36px;
        background: url(/Assets/img/logout_1.png);
        display: inline-block;
    }

.logout-reminder {
    position: fixed;
    background: #fff;
    color: #fff;
    text-align: center;
    /* box-shadow:0px 5px 25px rgba(0,0,0,.2);*/
    padding: 40px 50px;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5001;
    width: 460px;
}

    .logout-reminder h1 {
        margin-bottom: 10px;
        color: #424F65;
        font-size: 16px;
    }

    .logout-reminder p {
        font-size: 12px;
        color: #738299;
    }

    .logout-reminder .count {
        margin: 0 5px;
    }


.input-clear {
    padding-right: 20px !important;
    margin: 0 !important;
}

.inputgroup {
    position: relative;
    display: inline-block;
}

    .inputgroup .clearbtn {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        color: #aaa;
        z-index: 10;
    }

[required="required"] {
    border: 1px solid red !important;
}

[type="radio"][required="required"],
[type="checkbox"][required="required"] {
    position: relative;
}

    [type="checkbox"][required="required"]::after,
    [type="radio"][required="required"]::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid red !important;
        box-sizing: border-box;
    }

    [type="radio"][required="required"]::after {
        border-radius: 50%;
    }

.jlist-grid-header .fixedleft th,
.jlist-grid-header .fixedright th {
    position: relative;
    z-index: 6;
}

.flexform {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width:1360px) {
    .stpd-welcome-text {
        display:none
    }
}