html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, small, strong, b, u, i, dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑","宋体";
    line-height: 22px;
    font-size: 12px;
    color: #4f4f4f;
    -webkit-text-size-adjust: none;
}

body {
    /*background-color: #f3f7f8;*/
    background: #fff;
    min-width: 1300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

ul, li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

    a:active {
        /*star: expression_r(this.onFocus=this.blur());*/
    }

    a:focus {
        outline: 0;
    }

    a:hover {
        text-decoration: underline;
    }

        a:hover.nounderline {
            text-decoration: none;
        }

fieldset, input {
    margin: 0;
    padding: 0;
}

legend, textarea {
    padding: 0;
}

select, textarea, input, button {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    *font-size: 12px;
    *color: #4f4f4f;
}

.checkbox-control-btn {
    display: none;
}

input {
    vertical-align: middle;
}

    input[type='file'] {
        opacity: 0;
        -moz-opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        width: 64px;
    }

    input[type="text"] {
        font-size: 12px;
        color: #7e7e7e;
        text-indent: 5px;
    }

    input.red {
        color: #ed6f56;
    }

    input[type="button"] {
        cursor: pointer;
    }

    input::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }

#cke_MessageBodyTemplate {
    height: auto;
    width: 100%;
}

button {
    vertical-align: middle;
    cursor: pointer;
    *line-height: normal;
}

    input::-moz-focus-inner,
    button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

img {
    border: 0 none;
    vertical-align: middle;
}

em, dfn {
    font-style: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

i {
    font-style: normal;
    font-size: 12px;
}



.add-status .add-hidden {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.new-manpowerratetypeattr-autocomplete {
    display: none;
}

.clear {
    clear: both;
}

.displayblock {
    display: block;
}

.bold {
    font-weight: bold;
}

.red {
    color: #ed6f56;
}

.graybackground {
    background-color: #ebebe4;
}

.hightlight {
    background-color: #fee0b9;
}

.success {
    color: #2ecd99;
}

.fail {
    color: #ed6f56;
}

.main-content {
    /*width: 1200px;*/
    padding: 0;
    margin: auto;
    min-width: 1300px;
    /*padding-bottom: 60px;*/
}

.clearfix:after, .page-status:after, .form-box:after, .form-box ul.control:after, .detail-des-footer:after, .pivot-grid-wrap:after, .search-box .wrap > ul:after, #cg-divHeader:after, .webfield-rowblock:after {
    content: ' ';
    display: table;
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.border-box, .notop-border-box {
    /*border: 1px solid #e6e6e6;*/
    background: #fff;
}

.k-i-arrow-60-left {
    border-color: transparent;
    background-position: 0 -48px;
}

.k-i-arrow-60-right {
    border-color: transparent;
    background-position: -16px -16px;
}

.notop-border-box {
    border-top: none;
}

.box-title {
    height: 30px;
    line-height: 30px;
    color: #3f444c;
    font-size: 14px;
    /*font-weight: 900;*/
}

a.dialog-action {
    display: inline-block;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    background: #2ecd99;
    text-align: left;
    border-radius: 5px;
    text-decoration: none;
}

.non-visibility {
    visibility: hidden;
}

.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}

iframe {
    border: none;
    outline: none;
}

#overlay {
    width: 100%;
    height: 100%;
    display: none;
    background: #fff;
    background-color: #000;
    left: 0;
    top: 0;
    filter: alpha(opacity=60);
    opacity: .6;
    position: fixed;
    z-index: 101;
}

.k-upload .k-button {
    font-size: 0;
}

.dialog-box {
    width: 1200px;
    display: none;
    z-index: 101;
    position: fixed;
    top: 100px;
    left: 100px;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
}

    .dialog-box .dialog-head {
        font-size: 16px;
        color: #3f444c;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        position: relative;
        background: #f7f7f7;
    }

#detail-dialog-level2 .dialog-head {
    /*background: #0c5996;*/
}

.dialog-head span {
    font-size: 16px;
    color: #3f444c;
    height: 40px;
    line-height: 40px;
    position: relative;
}

.dialog-box .dialog-head .close {
    height: 24px;
    width: 24px;
    background: url(../Images/theme/icon.png?v=17) no-repeat;
    background-position: -882px -1030px;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}

.closeicon {
    height: 12px;
    width: 12px;
    background: url(../Images/theme/icon.png?v=17) no-repeat;
    background-position: -866px -62px;
    display: block;
    float: right;
    margin: 5px 5px 0 0;
}



    .closeicon.hidden {
        display: none;
    }

    .closeicon:hover {
        text-decoration: none;
        background-position: -888px -62px;
    }



.dialog-box .dialog-body {
    padding: 20px;
    overflow: hidden;
    overflow-y: auto;
}

#detail-dialog-level2 .dialog-body {
    border: 1px solid #c8c8c8;
    border-top-width: 0;
}


.dialog-box .action-box {
    width: 240px;
    margin: 20px auto 0 auto;
    text-align: center;
}

    .dialog-box .action-box a, .dialog-box .action-box input.submit-button, .dialog-box .action-box input.submit-button-level2, .dialog-box .action-box input.submit-button-level3 {
        display: inline-block;
        height: 32px;
        line-height: 28px;
        width: 80px;
        margin-right: 10px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
        background: #2ecd99;
        text-decoration: none;
        box-shadow: none;
        border: none;
    }

    .dialog-box .action-box input.disable {
        background-color: #bfc9ce;
    }

a.buttonlink {
    display: inline-block;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #5cabe3;
    font-size: 13px;
}

    a.buttonlink:hover {
        text-decoration: none;
    }

.error-dialog-content {
    color: #ed6f56;
}

.k-loading-mask {
    z-index: 10;
}

input.disable {
    background-color: #bfc9ce;
}

.k-i-arrows-dimensions {
    background-position: -64px -224px;
}

.k-dropzone .k-upload-status {
    line-height: 16px;
}

.k-upload .k-upload-status {
    line-height: 22px;
    top: 0.3em;
    right: 5px;
}

.error_img {
    display: block;
    width: 613px;
    height: 416px;
    margin: auto;
}

.error_img_div {
    padding-top: 100px;
}
/**********************************ICON**********************************/
.icon {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    background: url(../Images/icon.png?v=17) no-repeat;
    width: 25px;
    height: 19px;
}

.icontheme {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    background-image: url(../Images/theme/icon.png?v=17);
    background-repeat: no-repeat;
    width: 25px;
    height: 19px;
}

.icon-submenu {
    position: absolute;
    width: 18px;
    height: 18px;
    background-position: -335px -419px;
    top: 8px;
    left: 10px;
}

i.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.loading-icon {
    height: 32px;
    width: 32px;
    background: url(../images/kendo/loading_2x.gif);
    display: inline-block;
}

.moredot-icon {
    width: 16px;
    height: 16px;
    background-position: -1138px -494px;
}

.logo-icon {
    background-position: -1073px -1076px;
    width: 200px;
    height: 50px;
}

.fullscreen-icon {
    background-position: -639px -2042px;
    height: 12px;
    width: 12px;
}

.expand-button-icon {
    width: 16px;
    height: 16px;
    background-position: -1138px -494px;
}

.language-icon {
    background-position: -274px -381px;
    width: 16px;
    height: 16px;
}

.cloud-icon {
    background-position: -295px -3px;
    width: 20px;
    height: 24px;
}

.favor-icon {
    background-position: -319px -2px;
    width: 21px;
    height: 20px;
}

.alert-icon {
    background-position: -884px -275px;
    width: 20px;
    height: 20px;
    position: relative;
}

    .alert-icon i {
        position: absolute;
        display: block;
        height: 19px;
        width: 19px;
        border-radius: 100%;
        text-align: center;
        line-height: 19px;
        color: #fff;
        background: #2ecd99;
        top: -10px;
        right: -10px;
    }

.refund-icon {
    background-position: -658px -530px;
}

.applytoinvocie-icon {
    background-position: -658px -567px;
}


.vector-icon {
    background-position: -351px -5px;
    width: 24px;
    height: 19px;
}

.settings-icon {
    background-position: -230px -232px;
    width: 24px;
    height: 24px;
}

.help-icon {
    background-position: -199px -232px;
    width: 24px;
    height: 24px;
}



.options-icon {
    background-position: -219px -7px;
    width: 20px;
    height: 20px;
}

.logout-icon {
    background-position: -113px -6px;
    width: 26px;
    height: 19px;
}

.books-icon {
    background-position: -7px -107px;
    width: 29px;
    height: 29px;
}

.client-icon {
    background-position: -47px -110px;
    height: 21px;
    width: 22px;
}

.page-icon {
    background-position: -81px -107px;
    height: 29px;
    width: 29px;
}

.inventory-icon {
    background-position: -126px -106px;
    width: 33px;
    height: 30px;
}

.blue-white-icon {
    width: 16px;
    height: 16px;
    background-position: -83px -72px;
}

.grey-white-icon {
    width: 16px;
    height: 16px;
    background-position: -113px -72px;
}

.edit-icon {
    width: 16px;
    height: 16px;
    background-position: -164px -72px;
}

.delete-icon {
    background-position: -658px -1394px;
    width: 12px;
    height: 12px;
}

.generate-payroll-icon {
    background-position: -658px -1286px;
    width: 12px;
    height: 12px;
}

.plus-icon {
    background-position: -288px -38px;
    height: 11px;
    width: 11px;
}

.invite-icon {
    background-position: -658px -2185px;
    height: 11px;
    width: 11px;
}

.finish-icon {
    background-position: -658px -2078px;
    height: 11px;
    width: 11px;
}

.onekey-icon {
    background-position: -658px -817px;
    width: 12px;
    height: 12px;
}

.onekey-icon-active {
    background-position: -452px -720px;
    width: 60px;
    height: 28px;
}

.advancereportmeasuresformulaconfig-icon {
    display: block;
    background-position: -236px -574px;
    width: 60px;
    height: 28px;
}

.advancereportmeasuresformulaconfig-icon-active {
    display: block;
    background-position: -236px -622px;
    width: 60px;
    height: 28px;
}

.minus-icon {
    background-position: -309px -42px;
    height: 3px;
    width: 11px;
}

.export-icon {
    background-position: -658px -170px;
    height: 12px;
    width: 12px;
}

.morebutton-icon {
    background-position: -658px -1501px;
    height: 12px;
    width: 12px;
}

.approval-status-icon, .inprogress-status-icon {
    height: 12px;
    width: 12px;
    background-position: -1140px -424px;
}

.delivery-status-icon, .finished-status-icon {
    height: 12px;
    width: 12px;
    background-position: -1140px -387px;
}

.unknow-status-icon, .cancel-status-icon {
    height: 12px;
    width: 12px;
    background-position: -1140px -458px;
}

.menu-sale-icon {
    height: 23px;
    width: 23px;
    background-position: -8px -156px;
}

.menu-client-icon {
    height: 26px;
    width: 28px;
    background-position: -39px -151px;
}

.menu-store-icon {
    height: 21px;
    width: 22px;
    background-position: -78px -157px;
}

.menu-finance-icon {
    height: 22px;
    width: 19px;
    background-position: -111px -156px;
}

.menu-tip-icon {
    width: 25px;
    height: 25px;
    background-position: -155px -155px;
}

.menu-approval-icon {
    width: 25px;
    height: 25px;
    background-position: -193px -156px;
}

.menu-message-icon {
    width: 30px;
    height: 30px;
    background-position: -573px -186px;
    margin-top: 5px;
}

.menu-neworder-icon {
    width: 25px;
    height: 25px;
    background-position: -272px -157px;
}

.menu-clinetmanager-icon {
    width: 25px;
    height: 25px;
    background-position: -307px -158px;
}

.menu-logout-icon {
    width: 16px;
    height: 16px;
    background-position: -347px -162px;
}

.menu-setting-icon {
    width: 17px;
    height: 17px;
    background-position: -372px -163px;
}

.publish-icon {
    width: 14px;
    height: 17px;
    background-position: -14px -196px;
}

.red-star-icon {
    width: 13px;
    height: 16px;
    background-position: -40px -197px;
}

.yellow-star-icon {
    width: 13px;
    height: 16px;
    background-position: -57px -197px;
}

.left-arrow-icon {
    width: 21px;
    height: 38px;
    background-position: -10px -221px;
}

.right-arrow-icon {
    width: 21px;
    height: 38px;
    background-position: -40px -222px;
}

.success-icon {
    width: 53px;
    height: 53px;
    background-position: -68px -215px;
}

.white-small-verctor-icon {
    width: 16px;
    height: 13px;
    background-position: -117px -201px;
}

.grey-small-verctor-icon {
    width: 18px;
    height: 15px;
    background-position: -141px -201px;
}

.grey-delete-icon {
    width: 16px;
    height: 16px;
    background-position: -165px -200px;
}

.right-icon {
    width: 20px;
    height: 15px;
    background-position: -198px -201px;
}

.wrong-icon {
    width: 15px;
    height: 15px;
    background-position: -237px -200px;
}

.change-user-icon {
    width: 25px;
    height: 23px;
    background-position: -265px -196px;
}

.success-small-icon {
    width: 39px;
    height: 39px;
    background-position: -307px -189px;
}

.error-small-icon {
    width: 39px;
    height: 39px;
    background-position: -350px -190px;
}

.switch-user-icon {
    width: 50px;
    height: 56px;
    background-position: -13px -302px;
}

.undeliver-grey-icon {
    width: 65px;
    height: 65px;
    background-position: -85px -297px;
}

.undeliver-icon {
    width: 50px;
    height: 51px;
    background-position: -175px -304px;
}

.delivering-grey-icon {
    width: 88px;
    height: 40px;
    background-position: -13px -390px;
}

.delivering-icon {
    width: 88px;
    height: 40px;
    background-position: -124px -390px;
}

.delivered-grey-icon {
    width: 51px;
    height: 51px;
    background-position: -307px -385px;
}

.delivered-icon {
    width: 51px;
    height: 51px;
    background-position: -242px -384px;
}

.fastener-icon {
    display: none;
    background-position: -276px -319px;
}

.download-icon {
    width: 20px;
    height: 19px;
    background-position: -245px -320px;
}

.download-batchimport-icon {
    width: 12px;
    height: 12px;
    background-position: -658px -1249px;
}

.openfile-batchimport-icon {
    position: absolute;
    width: 12px;
    height: 12px;
    background-position: -658px -1141px;
    top: 11px;
    right: 10px;
    cursor: none;
}

.save-icon {
    width: 20px;
    height: 19px;
    background-position: -186px -112px;
}

.table-icon {
    width: 18px;
    height: 18px;
    background-position: -6px -459px;
}

.doc-icon {
    width: 18px;
    height: 18px;
    background-position: -37px -459px;
}

.arrow-up-icon {
    width: 16px;
    height: 16px;
    background-position: -886px -890px;
}

.pass-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1713px;
}

.reopen-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1858px;
}

.edit-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1605px;
}

.cancel-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1533px;
}

.pending-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1749px;
}

.reject-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1785px;
}

.invite-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1677px;
}

.expired-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1821px;
}

.bypass-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1894px;
}

.recall-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1569px;
}

.cc-workflow-icon {
    width: 20px;
    height: 20px;
    background-position: -1134px -1605px;
}
/************************Header*************************/
.has-fix-top, body {
    padding-top: 72px;
}

#main-header {
    height: 49px;
    background: #fff;
    min-width: 1300px;
    width: 100%;
    display: block;
    border: 1px solid #e5e5e5;
}

    #main-header .main-content {
        padding-bottom: 0;
        width: 100%;
        min-width: 1089px;
    }

    #main-header .split-line {
        height: 40px;
        display: inline-block;
        border: 1px solid #3fb4c6;
    }

    #main-header .hidden-box {
        display: none;
        position: absolute;
        top: 60px;
        z-index: 99;
        left: 0;
        background: #fff;
        border: 1px solid #cdd7dc;
        border-top: none;
    }

    #main-header .logo-box {
        width: 200px;
    }

    #main-header .logo-text {
        width: 96px;
        height: 40px;
        line-height: 40px;
        margin-top: 18px;
        padding: 0 20px 0 20px;
        border: 0 solid #cc6842;
        border-right-width: 1px;
    }

        #main-header .logo-text a {
            font-size: 24px;
            color: #fff;
        }

    #main-header ul.menu {
        float: left;
    }

        #main-header ul.menu li a {
            /*width: 72px;*/
            float: left;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color: #333;
            font-size: 14px;
            text-decoration: none;
            padding: 0 17px 0 17px;
        }

            #main-header ul.menu li a:hover {
                color: #2ecd99;
            }

            #main-header ul.menu li a.active {
                color: #2ecd99;
            }

    #main-header .logo-box .title {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
    }

    #main-header .logo-box .split-line {
        margin-left: 20px;
    }

    #main-header .action-banner {
        padding: 0;
    }

        #main-header .action-banner ul.wrap > li {
            float: left;
            padding: 15px 30px 15px 20px;
            line-height: 20px;
            height: 20px;
            cursor: pointer;
        }



        #main-header .action-banner ul.wrap li.alert-li:hover .hidden-box {
            display: block;
        }




        #main-header .action-banner ul.wrap li.alert-li .alert-box {
            width: 270px;
            padding: 10px 15px;
            max-height: 485px;
            overflow-y: auto;
            left: -230px;
        }

            #main-header .action-banner ul.wrap li.alert-li .alert-box .info {
                font-size: 14px;
                color: #535353;
            }

            #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li {
                float: none;
                padding: 10px 0 10px 40px;
                width: auto;
                height: auto;
                border-bottom: 1px solid #cdd7dc;
                position: relative;
            }

                #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li:hover {
                    background: #fff;
                }

                #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li a {
                    display: block;
                    font-size: 14px;
                    color: #395b77;
                }

                    #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li a:hover {
                        text-decoration: none;
                    }

                #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li span {
                    font-size: 12px;
                    color: #707070;
                }

                #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li i {
                    display: block;
                    position: absolute;
                    top: 14px;
                    left: 6px;
                }

                #main-header .action-banner ul.wrap li.alert-li .alert-box .alert-list li:last-child {
                    border: none;
                }

        #main-header .action-banner ul.wrap li.favor-li .favor-box {
            width: 190px;
            padding: 15px;
        }

            #main-header .action-banner ul.wrap li.favor-li .favor-box .link {
                padding-bottom: 15px;
            }

                #main-header .action-banner ul.wrap li.favor-li .favor-box .link a {
                    display: block;
                    height: 40px;
                    line-height: 40px;
                    font-size: 14px;
                    color: #535353;
                }

                    #main-header .action-banner ul.wrap li.favor-li .favor-box .link a:hover {
                        text-decoration: none;
                    }

                    #main-header .action-banner ul.wrap li.favor-li .favor-box .link a i {
                        margin-right: 10px;
                    }

            #main-header .action-banner ul.wrap li.favor-li .favor-box a.newlink {
                font-size: 13px;
                color: #2ba4d7;
            }

        #main-header .action-banner ul.wrap li.environment-li div.title {
            line-height: 30px;
            font-size: 18px;
            color: #fff;
        }

        #main-header .action-banner .expand-button-icon, #main-header .action-banner .alert-icon, #main-header .action-banner .favor-icon {
            margin: 0 auto;
            margin-top: -5px;
        }


        #main-header .action-banner .favor-icon {
            margin-top: -2px;
        }

    #main-header .tools .search-box {
        padding: 26px 0 18px;
        height: 28px;
        margin-right: 20px;
        width: 191px;
        position: relative;
        display: none;
    }

        #main-header .tools .search-box input {
            border: none;
            box-shadow: none;
            border-radius: 0;
            outline: 0;
            height: 28px;
            line-height: 28px;
            text-indent: 8px;
            width: 191px;
            background: #3a78aa;
            color: #fff;
            font-size: 12px;
        }

            #main-header .tools .search-box input::-webkit-input-placeholder {
                color: #fff;
                font-size: 12px;
            }

        #main-header .tools .search-box .icon {
            position: absolute;
            top: 31px;
            right: 5px;
        }


    #main-header .tools .user-box {
        height: 22px;
        line-height: 22px;
        display: inline-block;
        text-align: left;
        padding: 14px 20px 14px 10px;
        position: relative;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        text-align: center;
        position: relative;
    }

        #main-header .tools .user-box .user-name {
            font-size: 14px;
            color: #878787;
            max-width: 100px;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: right;
            position: relative;
            display: block;
            overflow: hidden;
        }

        #main-header .tools .user-box > i {
            position: absolute;
            right: 0;
            top: 17px;
        }

        #main-header .tools .user-box:hover .hidden-box, #main-header .tools .keep-box:hover .hidden-box, #main-header .tools .config-box:hover .hidden-box, #main-header .tools .help-box:hover .hidden-box {
            display: block;
        }

        #main-header .tools .user-box .hidden-box {
            width: 146px;
            left: -4px;
        }

            #main-header .tools .user-box .hidden-box a {
                display: block;
                padding-left: 42px;
                font-size: 14px;
                color: #535353;
                position: relative;
                height: 36px;
                line-height: 36px;
            }

                #main-header .tools .user-box .hidden-box a:hover {
                    background: #5ba8dc;
                    text-decoration: none;
                    color: #fff;
                }

                #main-header .tools .user-box .hidden-box a i {
                    margin-right: 10px;
                    left: 15px;
                    top: 10px;
                    display: block;
                    position: absolute;
                }

    #main-header .tools .keep-box {
        height: 20px;
        line-height: 20px;
        padding: 26px 15px;
        position: relative;
        cursor: pointer;
    }

        #main-header .tools .keep-box span {
            margin-left: 6px;
            font-size: 15px;
            color: #fff;
        }

        #main-header .tools .keep-box .count {
            color: #fcb122;
        }

        #main-header .tools .keep-box .hidden-box {
            left: auto;
            right: 0;
            width: 250px;
            padding: 0 20px 15px 20px;
        }

            #main-header .tools .keep-box .hidden-box .title {
                display: block;
                height: 45px;
                line-height: 45px;
                color: #535353;
                font-size: 14px;
            }

            #main-header .tools .keep-box .hidden-box .prolist li {
                padding: 0 0 10px 8px;
                overflow: hidden;
                *zoom: 1;
            }

                #main-header .tools .keep-box .hidden-box .prolist li img {
                    float: left;
                    width: 42px;
                    height: 42px;
                    margin-right: 10px;
                }

                #main-header .tools .keep-box .hidden-box .prolist li .info a, #main-header .tools .keep-box .hidden-box .prolist li .info span, #main-header .tools .keep-box .hidden-box .prolist li .note dfn, #main-header .tools .keep-box .hidden-box .prolist li .note a, #main-header .tools .keep-box .hidden-box .prolist li .note span {
                    color: #484848;
                    font-size: 13px;
                    line-height: 18px;
                }

                #main-header .tools .keep-box .hidden-box .prolist li .info {
                    float: left;
                    width: 100px;
                }

                    #main-header .tools .keep-box .hidden-box .prolist li .info .code {
                        font-size: 12px;
                        margin: 0;
                    }

                #main-header .tools .keep-box .hidden-box .prolist li .note {
                    float: right;
                    text-align: right;
                }

                    #main-header .tools .keep-box .hidden-box .prolist li .note .price {
                        color: #0c5996;
                    }

                    #main-header .tools .keep-box .hidden-box .prolist li .note a {
                        font-size: 12px;
                    }

            #main-header .tools .keep-box .hidden-box .button {
                padding-top: 10px;
                border-top: 1px solid #eaeaea;
                overflow: hidden;
                *zoom: 1;
            }

                #main-header .tools .keep-box .hidden-box .button a {
                    display: block;
                    width: 136px;
                    height: 32px;
                    line-height: 32px;
                    text-align: center;
                    color: #fff;
                    background: #5cabe3;
                    font-size: 14px;
                    float: right;
                }

                    #main-header .tools .keep-box .hidden-box .button a:hover {
                        text-decoration: none;
                    }


    #main-header .tools .settings-icon {
        margin: 0 0 0 25px;
    }

    #main-header .tools .config-box {
        height: 26px;
        line-height: 26px;
        text-align: left;
        padding: 24px 0 22px 0;
        padding-right: 22px;
        position: relative;
        cursor: pointer;
    }

        #main-header .tools .config-box .hidden-box {
            width: 96px;
            left: -26px;
        }

            #main-header .tools .config-box .hidden-box a {
                display: block;
                padding-left: 22px;
                font-size: 14px;
                color: #535353;
                position: relative;
                height: 36px;
                line-height: 36px;
            }

                #main-header .tools .config-box .hidden-box a:hover {
                    background: #5ba8dc;
                    color: #fff;
                    text-decoration: none;
                }

                #main-header .tools .config-box .hidden-box a i {
                    margin-right: 10px;
                    left: 15px;
                    top: 16px;
                    display: block;
                    position: absolute;
                }

    #main-header .tools .help-box {
        height: 26px;
        line-height: 26px;
        text-align: left;
        padding: 24px 26px 23px 20px;
        position: relative;
        cursor: pointer;
    }

        #main-header .tools .help-box .hidden-box {
            width: 96px;
            left: -26px;
        }

            #main-header .tools .help-box .hidden-box a {
                display: block;
                padding-left: 22px;
                font-size: 14px;
                color: #535353;
                position: relative;
                height: 36px;
                line-height: 36px;
            }

                #main-header .tools .help-box .hidden-box a:hover {
                    background: #5ba8dc;
                    text-decoration: none;
                    color: #fff;
                }

                #main-header .tools .help-box .hidden-box a i {
                    margin-right: 10px;
                    left: 15px;
                    top: 16px;
                    display: block;
                    position: absolute;
                }

    #main-header a.addproductionitems-btn {
        float: left;
        width: 20px;
        padding: 15px 0;
        height: 20px;
    }

        #main-header a.addproductionitems-btn i {
            width: 20px;
            height: 20px;
            background-position: -1406px -529px;
        }

a.anonymouslogoutlink {
    display: block;
    margin-top: 14px;
    margin-right: 20px;
    color: #2ecd99;
}
/***********************button-group-wrap*********************************/
a.btn {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    width: 92px;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #2ecd99;
    color: #2ecd99;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
    margin-left: 45px;
}

    a.btn:hover, .button-group-wrap a.on {
        background: #2ecd99;
        color: #fff;
    }

a.disable:hover, .button-group-wrap a.disable, .disable a.on {
    background: #ddd;
    color: #fff;
    border-color: #ddd;
}

.disable a.on, .button-group-wrap.disable > .btn {
    border-color: #ddd;
    color: #fff;
    background: #ddd;
    border-right-color: #fff;
}


.button-group-wrap {
    position: relative;
    border-radius: 4px;
    background: #2ecd99;
    color: #fff;
    border: 1px solid #2ecd99;
    display: inline-block;
    height: 28px;
    margin-left: 45px;
}

    .button-group-wrap > .btn {
        border: none;
        border-radius: 0;
        border-right: 1px solid #ccc;
        width: 65px;
    }

    .button-group-wrap .more-button {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: top;
        padding: 6px 0;
        cursor: pointer;
    }

        .button-group-wrap .more-button i {
            display: block;
            margin: auto;
        }

    .button-group-wrap .hidden-box {
        display: none;
        position: absolute;
        left: 0;
        bottom: 30px;
    }

        .button-group-wrap .hidden-box .btn, .button-group-wrap .hidden-box .btn:hover {
            border-color: #e5e5e5;
            background-color: #fff;
            color: #7e7e7e;
            margin: 0;
        }

.reject-bttn-wrap {
    background: #fff;
}

    .reject-bttn-wrap > a.btn {
        border-color: #2ecd99;
    }

    .reject-bttn-wrap > a.disable, .button-group-wrap.dsiable > .btn {
        border-color: #ddd;
        background: #ddd;
        color: #fff;
        border-right-color: #fff;
    }

    .reject-bttn-wrap .more-button i.arrow-up-icon {
        background-position: -886px -963px;
    }

    .reject-bttn-wrap.disable .more-button i.arrow-up-icon {
        background-position: -624px -19px;
    }
/***************List Control Box**********************/
.listcontrol-box {
    border-top: 1px dashed #ececec;
    margin-top: 20px;
}

    .listcontrol-box span.title {
        padding: 15px 0;
        display: block;
    }

/*.listcontrol-box ul {
        border-bottom: 1px solid #ececec;
        margin-bottom: 10px;
    }

        .listcontrol-box ul:last-child {
            border-top: none;
            margin-bottom: 0;
        }*/
/*********************Form***********************/
.search-box .wrap {
    padding: 0 20px 10px 20px;
}

.dialog-body .search-box .wrap {
    padding-left: 0;
    padding-right: 0;
}

.search-box .wrap > ul > li {
    float: left;
    width: 33%;
    height: 28px;
    line-height: 28px;
}

.form-box .summary-errors, .form-box .summary-errors p, .warning-msg-box {
    font-size: 12px;
    color: #ed6f56;
    min-height: 16px;
    height: 16px;
}

.form-page .form-box .summary-errors {
    padding: 10px 16px;
}

.form-box ul.control li {
    float: left;
    margin-bottom: 8px;
    width: calc(32% - 33px);
    margin-right: 33px;
    height: 29px;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #c1c1c1;
    position: relative;
}

    .form-box ul.control li.no-border {
        border: none;
    }

#searcharea ul.control {
    padding-left: 6px;
}

    #searcharea ul.control li {
        width: calc(33% - 23px);
        margin-right: 26px;
    }

        #searcharea ul.control li label {
            width: 80px;
            overflow: hidden;
            text-overflow: ellipsis;
            float: left;
        }

.form-page .form-box ul.control li {
    width: calc(25% - 30px);
    margin-right: 30px;
}

.form-box ul.control li.line-break {
    clear: left;
}

.form-box ul.control li a {
    font-size: 12px;
    color: #7e7e7e;
}

.dialog-box .form-box ul.control > li {
    height: auto;
    position: relative;
    min-height: 58px;
}

.dialog-box .form-box .bottom-box ul.control > li {
    height: 29px;
    min-height: 29px;
}


.form-box ul.control .k-multiselect-wrap li {
    width: auto;
}


.form-box ul.control li.halfwidth, .search-box .wrap > ul > li.halfwidth {
    width: 50%;
}

.form-box ul.control label, .dialog-box .form-box .bottom-box ul.control label {
    display: inline-block;
    width: 116px;
    height: 29px;
    line-height: 29px;
    color: #333;
    font-size: 12px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
    color: #000;
}

    .form-box ul.control label.required-label:after {
        content: ' ';
        width: 24px;
        height: 1px;
        background: #ed6f56;
        left: 0;
        bottom: 0;
        position: absolute;
    }

.dialog-box .form-box ul.control label {
    width: 100%;
    display: block;
}

.form-box span {
    color: #878787;
}

.form-box .txtright, .form-box .txtright span, .form-box .txtright input {
    text-align: right;
}

.form-box ul.control input, .form-box ul.control select, .form-box ul.control textarea {
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    border: none;
    width: calc(100% - 116px);
    outline: none;
    position: relative;
    border-radius: 0;
    color: #878787;
    border-bottom: 1px solid transparent;
    background-color: transparent;
}

/*.form-box ul.control input.input-arrowdown {
        width: calc(100% - 132px);
        padding-right: 16px;
    }*/

input.input-arrowdown {
    background-image: url(../cg-images/magnifier.png);
    background-position: 100% 10px;
    background-repeat: no-repeat;
}

input.cg-loading {
    background-image: url(../cg-images/loading.gif);
    background-position: 100% 10px;
    background-repeat: no-repeat;
}


.form-box ul.control .bold input, .form-box ul.control .bold select, .form-box ul.control .bold textarea {
    font-weight: bold;
}

.form-box ul.control span.display, .form-box ul.control li span.static-field, .dialog-box .form-box .bottom-box ul.control li > span.static-field {
    width: calc(100% - 116px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 29px;
    line-height: 29px;
    display: inline-block;
}

.form-box i.currency-symbol {
    margin-right: 5px;
}

.form-box ul.control li.wholeline span.display {
    white-space: pre-wrap;
    height: auto;
}

.form-box ul.control input::-webkit-input-placeholder, .form-box ul.control textarea::-webkit-input-placeholder,
.form-box ul.control input:-ms-input-placeholder, .form-box ul.control textarea:-ms-input-placeholder,
.form-box td input:-ms-input-placeholder, .form-box .grid-list input:-ms-input-placeholder,
.form-box td input::-webkit-input-placeholder, .form-box .grid-list input::-webkit-input-placeholder {
    color: #c1c1c1 !important;
}

.form-box a.webfield-link, .form-box ul.control li a.webfield-link, a.list-link, a.webfield-link {
    color: #2ecd99;
    text-decoration: underline;
}

.form-box ul.control li a.webfield-link {
    margin: 0 5px;
}

    .form-box ul.control li a.webfield-link:first-child {
        margin-left: 0;
    }

:-ms-input-placeholder { /* IE 10+ */
    color: #c1c1c1 !important;
}

::-webkit-input-placeholder {
    color: #c1c1c1 !important;
}

.form-box ul.control li:hover input, .form-box ul.control li:hover textarea {
    border-bottom: 1px solid #000;
}

    .form-box ul.control input:focus, .form-box ul.control li:hover input:focus, .form-box ul.control li:hover textarea:focus,
    .form-box ul.control li textarea:focus {
        border-bottom: 1px solid #2ecd99;
    }

.form-box ul.control li.no-input:hover input, .form-box ul.control li.no-input:hover textarea {
    border-bottom: 1px solid transparent;
}

    .form-box ul.control li.no-input input:focus, .form-box ul.control li.no-input:hover input:focus, .form-box ul.control li.no-input:hover textarea:focus,
    .form-box ul.control li.no-input textarea:focus {
        border-bottom: 1px solid transparent;
    }

.form-box ul.control input[type=text]:disabled {
    background: none;
}

.form-box ul.control li:hover input[type=text]:disabled {
    border-color: #fff;
}

.form-box ul.control input[type='file'] {
    position: absolute;
    width: 64px;
}

.form-box ul.control li .input-validation-error, .form-box ul.control li .req-warning, .sequence-action-box .req-warning {
    border-color: #ed6f56;
}

.dialog-box .form-box ul.control li > input, .dialog-box .form-box ul.control li span.kdAutoComplate input, .dialog-box .form-box ul.control li > textarea, .dialog-box .form-box ul.control li > span.k-widget,
.dialog-box .form-box ul.control li > span.static-field, .dialog-box .form-box ul.control li > span.display, .dialog-box .form-box ul.control li > span > input {
    display: block;
    width: 100%;
}

    .dialog-box .form-box ul.control li > input[type='checkbox'] {
        width: 15px;
        margin-top: 10px;
    }

.dialog-box .form-box ul.control li > span.static-field, .dialog-box .form-box ul.control li > span.display {
    height: 29px;
}

.dialog-box .form-box ul.control li.wholeline > span.static-field, .dialog-box .form-box ul.control li.wholeline > span.display {
    min-height: 29px;
    height: auto;
}

.dialog-box .form-box ul.control li > span.k-widget {
    height: 29px;
}

.form-box ul.control li.halfwidth input {
    width: 400px;
}

.form-box ul.control input[type=checkbox], .form-box ul.control input[type=radio] {
    width: 15px;
    height: 15px;
    margin-top: 5px;
    vertical-align: -webkit-baseline-middle;
}

.form-box ul.control textarea {
    resize: none;
    line-height: 18px;
    text-indent: 0;
}

.form-box .k-datepicker, .form-box .k-datetimepicker {
    width: calc(100% - 116px);
    height: 29px;
    line-height: 29px;
    background: none;
}

.form-box .financevoucher-box .k-datepicker, .form-box .financevoucher-box .k-datetimepicker {
    width: 140px;
    border: 1px solid #000;
    color: #000;
}

.form-box .grid-list .webfield-table td .k-datepicker, .form-box .grid-list .webfield-table td .k-datetimepicker {
    width: 85%;
}

.tddivinfo p {
    border-bottom: 1px dashed #c1c1c1;
}

    .tddivinfo p:last-child {
        border: none;
    }

.form-box .k-picker-wrap {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
}

.form-box .grid-list .webfield-table td .k-picker-wrap input {
    border-bottom: 1px dashed #ddd;
}

    .form-box .grid-list .webfield-table td .k-picker-wrap input.req-warning {
        border-bottom: 1px dashed #ed6f56;
    }

.form-box .grid-list .webfield-table td.sticky, .form-box .grid-list table.header-table th.sticky {
    position: sticky;
    z-index: 1;
}

.form-box .grid-list .webfield-table td.sticky {
    background: #fff;
}

.form-box .k-picker-wrap .k-state-focused input {
    border: none;
}

.form-box .k-state-default > .k-select {
    background: none;
    border: none;
    right: 4px;
}

.form-box .k-autocomplete {
    width: calc(100% - 124px);
    background: none;
    box-shadow: none;
    border: none;
}

.form-box .grid-list td .k-autocomplete {
    width: 100%;
}

.ajax-form-box ul.control .k-autocomplete {
    width: calc(100% - 160px);
    background-color: transparent;
}


.form-box ul.control .k-input {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

.form-box ul.control .k-multiselect-wrap input {
    background-color: transparent;
    height: 1.31em;
    line-height: 1.31em;
    padding: .18em 0;
    text-indent: .33em;
    border: 0;
    margin: 1px 0 0;
    float: left;
}

.form-box .action {
    text-align: center;
    margin: 14px 0 0 0;
}

.form-box .submit, .form-box .clear, .form-box .cancel, .form-box .save, .form-box .new, .form-box .button {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    min-width: 50px;
    min-width: 69px;
    padding: 0 5px;
    text-align: center;
    border-radius: 4px;
    background: #2ecd99;
    box-shadow: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

.form-box .button-group-wrap .submit {
    border-right: 1px solid #fff;
    border-radius: 4px 0;
    outline: none;
    min-width: 69px;
}

.form-box .disable, .workflow-operation-box a.on.disable {
    border-color: #ddd;
    color: #fff;
    background: #ddd;
}

.form-box .save {
    margin-left: 10px;
}

.form-box .new {
    margin-left: 10px;
}

.form-box ul.control li.price-arrange input {
    width: 97px;
}

.form-box ul.control li.price-arrange label.s {
    width: 10px;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
}

.small-btn {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #7e7e7e;
    min-width: 28px;
    text-align: center;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

a.small-btn, .grid-list .gridlist-button {
    text-decoration: underline;
    margin-right: 10px;
}

.sessioninfo-wrap a {
    margin-left: 8px;
}

.big-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    color: #fff;
    width: 156px;
    text-align: center;
    border-radius: 6px;
    background: #5ba8dc;
    box-shadow: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.form-box .action .clear {
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-left: 16px;
    background-color: #fff;
    color: #7e7e7e;
    border: 1px solid #d0d0d0;
    font-size: 12px;
}

.form-box .action .disable {
    background-color: #bfc9ce;
}

.form-box ul.control label.split-line {
    width: 10px;
    text-align: center;
    font-size: 20px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    margin: 0;
}

.form-box ul.control li.date-range input {
    width: 98px;
    text-indent: 4px;
    background: none;
}

.form-box ul.control li.date-range span.k-datepicker {
    width: calc(50% - 45px);
    margin-top: -1px;
}

    .form-box ul.control li.date-range span.k-datepicker .k-picker-wrap {
        width: auto;
    }

.form-box ul.validate li {
    position: relative;
    overflow: visible;
}

    .form-box ul.validate li.no-input {
        border-color: #f1f1f1;
    }

.form-box ul.validate .k-multiselect li {
    padding-bottom: 1px;
    padding-top: 1px;
    height: auto;
    line-height: normal;
    margin: 0;
}

    .form-box ul.validate .k-multiselect li span {
        line-height: normal;
    }


.dialog-box .form-box ul.validate .k-multiselect li {
    height: auto;
    line-height: normal;
    height: 22px;
    /*line-height: 22px;*/
}

    .dialog-box .form-box ul.validate .k-multiselect li span {
        line-height: normal;
    }

.form-box ul.validate input.input-validation-error .form-box ul.validate select.input-validation-error,
.form-box ul.validate input.req-warning .form-box ul.validate select.req-warning {
    border-color: #ed6f56;
}

.form-box ul.validate input.input-validation-error:focus, .form-box ul.validate select.input-validation-error:focus,
.form-box ul.validate input.req-warning:focus, .form-box ul.validate select.req-warning:focus {
    border-color: #ed6f56;
    outline: none;
}

.field-validation-error, .form-box span.field-validation-error {
    color: #ed6f56;
}

.form-box ul.validate li .field-validation-error, .finance-sbuject-box td .field-validation-error {
    display: block;
    height: 14px;
    line-height: 14px;
    position: absolute;
    bottom: -13px;
    left: 122px;
    font-size: 11px;
    color: #ed6f56;
    z-index: 1;
}

.form-box ul.validate li.textarea-li .field-validation-error {
    left: 0;
}

.dialog-box .form-box ul.validate li .field-validation-error, .dialog-box .finance-sbuject-box td .field-validation-error {
    position: absolute;
    left: 0;
}

#objectdiscussion-list td {
    word-wrap: normal;
    white-space: normal;
}

.form-box .grid-list td {
    vertical-align: top;
}

.form-box .multiple-table-list td {
    vertical-align: middle;
}

.form-box .grid-list td .field-validation-error {
    display: block;
    line-height: 16px;
    position: relative;
    display: none;
    font-size: 11px;
    color: #ed6f56;
}

.form-box ul.validate li .field-validation-error span {
    font-size: 12px;
    color: #ff0000;
}


.form-box ul.control li.textarea-li {
    height: auto;
}

    .form-box ul.control li.textarea-li label {
        display: block;
        margin-bottom: 5px;
        width: auto;
        height: auto;
        line-height: normal;
    }

    .form-box ul.control li.textarea-li textarea {
        resize: vertical;
        height: 50px;
        font-size: 12px;
        width: 100%;
    }

        .form-box ul.control li.textarea-li textarea[readonly='readonly'] {
            resize: none;
            border: none;
        }

.form-box ul.validate li.textarea-li .field-validation-error {
    top: auto;
}

.dialog-box .form-box ul.validate li.longtextarea, .form-box ul.control li.longtextarea {
    width: 100%;
    height: 370px;
    white-space: normal;
}

    .form-box ul.validate li.longtextarea label, .form-box ul.control li.longtextarea label {
        display: block;
    }

.form-box ul.validate li.longtextarea textarea {
    width: 970px;
    height: 280px;
    margin: -20px 0 0 86px;
}

.form-box .add-button, .form-box .webfield-box .bottom-box .button {
    display: inline-block;
    margin-right: 5px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    min-width: 54px;
    text-align: center;
    border-radius: 4px;
    background: #2ecd99;
    box-shadow: none;
    border: none;
    cursor: pointer;
}

.form-box .grid-list input[type='text'] {
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    border: none;
    width: 100%;
    outline: none;
    position: relative;
    border-radius: 0;
    color: #878787;
    border-bottom: 1px dashed #c1c1c1;
    display: inline-block;
    padding: 0;
    text-indent: 0;
}

/*.form-box .grid-list input[type='text'] {
    color: #c1c1c1 !important;
}*/

/*.form-box .grid-list input[type='text'].input-arrowdown {
        width: calc(100% - 16px);
        padding-right: 16px;
    }*/
.form-box .grid-list input[readonly='readonly'], .form-box .grid-list input[readonly] {
    border-bottom: none;
}

.form-box .grid-list .humanreadabledisplay input[readonly='readonly'], .form-box .grid-list .humanreadabledisplay input[readonly] {
    border-bottom: 1px dashed #c1c1c1;
}

.form-box .grid-list tr.noedit input[readonly='readonly'], .form-box .grid-list tr.noedit input[readonly] {
    background-color: #f1f1f1;
}


.form-box .grid-list tr.newline .generateorder {
    color: #ff0000;
}

.form-box .grid-list input.red {
    color: #ed6f56;
}

.form-box .grid-list input.hidden {
    display: none;
}

.form-box .grid-list input.input-validation-error, .form-box .grid-list input.req-warning {
    border-style: none;
    border-bottom: 1px dashed #ed6f56;
}


.form-box .grid-list .k-datetimepicker input {
    border: none;
}


.form-box .grid-list input[type='file'] {
    width: 64px;
}

li.wholeline, .form-box ul.control li.wholeline {
    width: calc(100% - 30px);
    white-space: normal;
    height: auto;
    margin-right: 0;
}

    li.wholeline input.wholeline {
        min-width: 85%;
    }

    .form-box ul.control li.wholeline.ingore-no-longlabel label {
        min-width: 500px;
        width: auto;
    }

    .form-box ul.control li.wholeline.ingore-no-longlabel input, .form-box ul.control li.wholeline.ingore-no-longlabel select,
    .form-box ul.control li.wholeline.ingore-no-longlabel textarea, .form-box ul.control li.wholeline.ingore-no-longlabel .k-datepicker,
    .form-box ul.control li.wholeline.ingore-no-longlabel .k-autocomplete,
    .form-box ul.control li.wholeline.ingore-no-longlabel span.display {
        width: calc(100% - 500px);
    }

.form-box .box {
    background: #fff;
    padding: 10px 16px 10px 16px;
    margin-bottom: 10px;
}

.dialog-body .form-box .box {
    padding: 0;
}

.form-box .box .box-title {
    position: relative;
}

    .form-box .box .box-title span, .detail-form .box .box-title span {
        font-size: 14px;
        color: #333;
    }


        .form-box .box .box-title span.count {
            margin: 0 0 0 6px;
        }

    .form-box .box .box-title i {
        margin-left: 6px;
        margin-top: -2px;
    }

.form-box .box .box-body {
    padding-top: 5px;
}

.form-box .reference-box .box-body {
    border-top: none;
}

.form-box .box .no-border {
    border: none;
}

.form-box .TableBlockTypeBox .box-body {
    border-top: none;
    padding-top: 0;
}
/***************************Grid****************************/
.grid-list, .k-treelist {
    border-color: #e6e6e6;
    border: 0;
    min-height: 50px;
    /*overflow-x: auto;*/
}

#grid tbody tr {
    cursor: move;
}

.grid-list .k-grid-header, .k-treelist .k-grid-header {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}

    .grid-list .k-grid-header tr, .k-treelist .k-grid-header tr {
        height: 40px;
    }

.grid-list .k-grid-header-wrap, .k-treelist .k-grid-header-wrap {
    border-color: #fff;
}

.wrap .k-widget {
    border-color: #e6e6e6;
    border: 0;
    padding: 0;
}

.k-multiselect.k-header {
    border: 1px solid #c5c5c5;
}


.grid-list .k-grid-header th.k-header, .k-treelist .k-grid-header th.k-header {
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 12px;
    background: #f7f7f7;
    font-size: 12px;
    color: #333;
    font-weight: 900;
    vertical-align: middle;
    border-color: #ddd;
}

.grid-list .k-grid-header th.red {
    color: #ed6f56;
}

.grid-list .k-grid-header th.k-header {
    position: relative;
}

    .grid-list .k-grid-header th.k-header input[type='checkbox'] {
        margin-left: 10px;
    }

    .grid-list .k-grid-header th.k-header .red {
        position: absolute;
        left: 4px;
        display: block;
        width: 1px;
        height: 12px;
        top: 12px;
        background: #ed6f56;
    }

    .grid-list .k-grid-header th.k-header .hidden {
        display: none;
    }

    .grid-list .k-grid-header th.k-header > .k-link, .k-treelis .k-grid-header th.k-header > .k-link {
        font-size: 12px;
        color: #53575e;
        font-weight: 900;
    }

.grid-list .k-grid-header th .k-link > .k-i-arrow-s, .grid-list .k-grid-header th .k-link > .k-i-arrow-n, .grid-list .k-grid-header th .k-link:hover > .k-i-arrow-s {
    background-image: url('../Images/theme/icon.png?v=17');
    width: 16px;
    height: 16px;
    background-position: -886px -1142px;
    vertical-align: middle;
    margin-left: 4px;
    display: inline-block;
}

.grid-list .k-grid-header th .k-link > .k-i-arrow-n, .grid-list .k-grid-header th .k-link:hover > .k-i-arrow-n {
    display: inline-block;
    background-position: -886px -1179px;
}

.grid-list .icontheme {
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -2px;
}

.grid-list td, .k-treelist td {
    padding-top: 6px;
    padding-bottom: 6px;
    border: none;
    padding-left: 12px;
    color: #7e7e7e;
    font-size: 12px;
    line-height: 22px;
    border: 0;
    white-space: nowrap;
}

.grid-list .expired td, .k-treelist .expired td, .grid-list .expired td div, .k-treelist .expired td div {
    color: #ccc;
}

.grid-list td .hightlight, .k-treelist td .hightlight {
    color: #7e7e7e;
    font-size: 12px;
}

.grid-list td span.grey-font, .k-treelist td span.grey-font {
    color: #bbb;
    padding: 0;
    font-size: 14px;
}

.grid-list td.email-cell a {
    color: #187ec7;
    text-decoration: underline;
}

.grid-list .k-alt, .k-treelist .k-alt {
    background-color: #fdfdfd;
}

    .grid-list .k-alt td, .k-treelist .k-alt td {
        /*border-top: 1px solid #ceddee;
        border-bottom: 1px solid #ceddee;*/
        /*border: 0;*/
    }

.grid-list tr input[type='checkbox'] {
    margin-left: 10px;
}

.webfield-table tr input[type='checkbox'], .webfield-headertable-wrapper tr input[type='checkbox'] {
    margin-left: 0;
}

.grid-list tr.checked, .k-treelist tr.checked {
    background-color: #d7e8f5;
}

.grid-list tr:hover, .k-treelist tr:hover {
    background-color: #d7e8f5;
}


.grid-list .k-pager-wrap, .k-treelist .k-pager-wrap {
    background-color: #fff;
    margin: 20px 30px 0 18px;
}

.nopager-list .k-pager-wrap {
    display: none;
}

.grid-list .k-state-selected, .k-treelist .k-state-selected {
    background-color: #0191d8;
    border-radius: 0;
    border: none;
}

.grid-list .k-link, .k-treelist .k-link {
    border-radius: 0;
    border: none;
}

    .grid-list .k-link:hover, .k-treelist .k-link:hover {
        border-radius: 0;
        border: none;
    }

.k-treelist .k-grid-content {
    overflow-y: auto;
    display: block;
}

.multiple-table-list .k-grid-content {
    overflow: inherit;
    overflow-x: auto;
}

.detail-form .multiple-table-list .k-grid-content {
    overflow: unset;
}

.grid-list .gridlist-button {
    display: inline-block;
    color: #7e7e7e;
    height: 22px;
    line-height: 22px;
    text-decoration: underline;
}

    .grid-list .gridlist-button:last-child {
        margin-right: 0;
        height: auto;
    }

.grid-list .refernce-button {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}


.form-box .scroll-y-box {
    max-height: 350px;
    overflow-y: scroll;
    display: block;
}
/******************Tools bar************************/
.tools-bar a {
    display: inline-block;
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    background: #2ecd99;
    text-align: left;
    border-radius: 5px;
    text-decoration: none;
}

    .tools-bar a:hover {
        background: #cc6842;
    }

    .tools-bar a .icon {
        vertical-align: middle;
        margin: -1px 3px 0 9px;
    }

    .tools-bar a.new-button .icon {
        margin-top: -2px;
    }

    .tools-bar a.delete-button .icon {
        margin-top: -3px;
    }

/***********************/
.page-status {
    background: #f0f0f0;
    padding: 0 20px;
}


    .page-status .tools-bar {
        float: right;
        max-width: 700px;
        text-align: right;
        height: 80px;
        line-height: 80px;
    }

/************Table Info************/
.table-info-wrap {
    padding: 10px;
}

    .table-info-wrap table, .table-info-wrap ul {
        width: 100%;
        overflow: hidden;
    }

        .table-info-wrap ul li {
            float: left;
        }

        .table-info-wrap table td, .table-info-wrap ul li {
            width: 33%;
            padding: 2px 0;
            height: 36px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .table-info-wrap table td label, .table-info-wrap table td span, .table-info-wrap li label, .table-info-wrap li span, .wrap > ul > li label, .wrap > ul > li > span {
                display: inline-block;
                height: 29px;
                line-height: 29px;
            }

.wrap > ul > li.wholeline span {
    line-height: 29px;
    /*    word-break: break-all;*/
}

    .wrap > ul > li > span.cke_button_label, .wrap > ul > li.wholeline span.cke_button_label {
        line-height: 17px;
    }

.wrap > ul > li > span.cke, {
    height: auto;
    display: block;
}

.table-info-wrap table td label, .table-info-wrap li label, .wrap > ul > li label {
    color: #3f444c;
    font-size: 12px;
    width: 86px;
    vertical-align: top;
    /*float: left;*/
}

.table-info-wrap table td span, .table-info-wrap li span, .table-info-wrap li, .wrap > ul > li > span {
    font-size: 12px;
    color: #7e7e7e;
}

    .table-info-wrap table td span .icon, .table-info-wrap li span .icon, .wrap > ul > li > span .icon {
        margin-right: 4px;
        margin-top: -2px;
    }

    .wrap > ul > li > span.field-validation-error {
        color: #ed6f56;
    }

    .table-info-wrap table td span.red, .table-info-wrap li span.red {
        color: #f22123;
    }

    .table-info-wrap li span.k-datepicker span.k-picker-wrap, .table-info-wrap li span.k-datepicker span.k-i-calendar {
        height: auto;
        line-height: normal;
    }

.k-state-default > .k-select .table-info-wrap .additional-textarea-box {
    overflow: hidden;
    *zoom: 1;
    padding: 5px 0;
}

.table-info-wrap .additional-textarea-box label {
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    width: 70px;
    font-size: 12px;
    color: #161616;
}

.table-info-wrap .additional-textarea-box span {
    float: left;
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #484848;
    max-width: 1000px;
}

.table-info-wrap ul li.wholeline {
    width: 100%;
}

/*****************Sequences box******************/
.squences-box .table-info-wrap table td.column4 {
    width: 45%;
}

.squences-box .table-info-wrap table td.column3, .squences-box .table-info-wrap table td.column1 {
    width: 15%;
}

.squences-box .table-info-wrap table td.column2 {
    width: 25%;
}

.squences-box .table-info-wrap table td label {
    width: 70px;
}

/*******************Slide Menu************************/
#slide-menu {
    width: 154px;
    position: fixed;
    left: -154px;
    background: #f3f7f8;
    z-index: 20;
    border-bottom: 1px solid #ddd;
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.7;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.7;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.7;
    /* IE9 + etc...modern browsers */
    opacity: .7;
    /* IE 4-9 */
    filter: alpha(opacity=70);
    /*This works in IE 8 & 9 too*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

    #slide-menu .handler {
        height: 52px;
        width: 25px;
        position: absolute;
        /*left: 150px;*/
        z-index: 20;
        background: url(../Images/slide-menu.png?v=17) no-repeat;
    }

    /*#slide-menu ul{
            overflow:auto;

    }*/

    #slide-menu li {
        width: 138px;
        height: 37px;
        line-height: 37px;
        background: #0c5996;
        padding-left: 15px;
        color: #fff;
        font-size: 16px;
        border-bottom: 1px solid #ddd;
        float: left;
        border-right: 1px solid #ddd;
    }

        #slide-menu li a {
            color: #fff;
            text-decoration: none;
            display: block;
            height: 37px;
            line-height: 37px;
            font-size: 14px;
        }

        #slide-menu li:hover {
            background: #5ba8dc;
        }

.detail-des-footer {
    padding-top: 30px;
}

    .detail-des-footer p, .detail-des-footer span {
        font-size: 14px;
        height: 28px;
        line-height: 28px;
    }

    .detail-des-footer .count {
        font-size: 16px;
    }

/*****************Kendo UI Complete*******************/
.customer-auto-container .k-header {
    height: 25px;
    line-height: 25px;
    background: #469bd6;
}

    .customer-auto-container .k-header span {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        /*width: 20%;*/
        /*text-align: center;*/
        width: 70px;
        padding-left: 10px;
    }

.customer-auto-container .k-list .k-item {
    padding: 0;
}

.customer-auto-container .k-c-item {
    display: inline-block;
    /*width: 20%;*/
    /*text-align: center;*/
    word-break: break-all;
    vertical-align: top;
    width: 70px;
    padding-left: 10px;
}


/**************MultiTable Css*******************/
.multiple-table-list {
    /*overflow-x: hidden;*/
}

    .multiple-table-list .k-grid-header th.k-header {
        padding-right: 0;
        text-align: left;
        font-weight: 900;
        padding-top: 0;
        padding-bottom: 0;
    }

    .multiple-table-list td {
        padding: 0 0 0 0;
        padding-left: 12px;
        border-right: 1px solid #ceddee;
        word-break: break-word;
        white-space: normal;
        text-overflow: initial;
        text-align: left;
        border: 0;
    }

        .multiple-table-list td:last-child {
            border-right: none;
        }

    .multiple-table-list table.sub-table {
        border-collapse: collapse;
        table-layout: fixed;
        margin-left: -12px;
    }

        .multiple-table-list table.sub-table td {
            padding: 6px 0;
            border-bottom: 1px dashed #ccc;
            border-top: none;
            height: 22px;
            /*padding-left:12px;*/
        }

    .multiple-table-list span.opspan {
        /*margin-left: 12px;*/
    }

    .multiple-table-list table.sub-table tr:last-child > td {
        border-bottom: none;
    }

    .multiple-table-list .k-grid-header th.k-header span.title {
        color: #53575e;
        padding: 0;
        text-indent: 0;
        text-align: left;
        border-right: 1px solid #5cabe3;
        border-right: none;
        font-size: 12px;
        border: 0 solid #ddd;
        border-right-width: 1px;
        display: inherit;
        min-height: 18px;
        padding-left: 10px;
        vertical-align: middle;
    }

        .multiple-table-list .k-grid-header th.k-header span.title:last-child {
            border-right: none;
        }


/***********Pivot Grid************/
.pivot-grid-wrap a.save-template-button {
    display: block;
}

.pivot-grid-wrap div.pivot-grid-box {
    /*overflow-y: auto;*/
    overflow: hidden;
    float: left;
}

.pivot-grid-wrap div.pivot-grid-configuration-box {
    overflow-y: auto;
    border-right: none;
    float: left;
}

.k-pivot-rowheaders {
    min-width: 140px;
}

.k-pivot .k-grid td span {
    line-height: 1.6em;
}

.k-fieldselector .k-list li.k-item {
    padding: .3em;
}
/****************Loading Box****************/
#loading-box {
    width: 100%;
    height: 100%;
    display: none;
    background: #fff;
    background-color: #000;
    left: 0;
    top: 0;
    filter: alpha(opacity=60);
    opacity: .6;
    position: fixed;
    z-index: 100;
}

    #loading-box i {
        position: absolute;
        display: block;
        height: 32px;
        line-height: 32px;
        width: 32px;
        background: url(../images/kendo/loading_2x.gif);
        top: 48%;
        left: 48%;
    }

/**********Switch box************/
.switch-box {
    height: 40px;
    border-bottom: 1px solid #ddd;
    color: #fff;
}

    .switch-box a {
        display: inline-block;
        height: 39px;
        line-height: 39px;
        min-width: 90px;
        text-align: center;
        font-size: 14px;
        color: #878787;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0;
        margin-right: 20px;
        float: left;
        position: relative;
        border-bottom: 1px solid transparent;
    }

        .switch-box a span {
            padding: 0 10px;
        }

        .switch-box a:hover {
            text-decoration: none;
        }

        .switch-box a.current, .switch-box a:hover {
            border-color: #2ecd99;
            color: #333;
        }
        /*.switch-box a.current:after, .switch-box a:hover:after {
                content: ' ';
                position: absolute;
                width: 100%;
                height: 2px;
                bottom: -1px;
                left: -10px;
                background: #2ecd99;
                display: block;
            }*/
        .switch-box a.current {
            border-color: #2ecd99;
        }

.tab .switch-box a.current, .tab .switch-box a:hover {
    border-bottom-width: 3px;
}

.switch-box a i.link-refer {
    width: 16px;
    height: 16px;
    background-position: -1138px -494px;
}

    .switch-box a i.link-refer:hover {
        background-position: -1112px -494px;
    }


#uploadfile-iframe-dlg {
    width: 1200px;
}

    #uploadfile-iframe-dlg iframe {
        width: 100%;
        height: 100%;
        min-height: 400px;
    }

/*#uploadfile-iframe-dlg .dialog-body .iframe-warp {
        min-height: 320px;
    }*/


.sequence-action-box {
    padding: 20px;
}

    .sequence-action-box .textarea-box textarea {
        resize: none;
        height: 80px;
        width: 300px;
        padding: 10px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        vertical-align: top;
    }

        .sequence-action-box .textarea-box textarea.req-warning {
            border-color: #ed6f56;
            outline: none;
        }

    .sequence-action-box .operation-box {
        padding: 10px 0;
        height: 30px;
        line-height: 30px;
    }

        .sequence-action-box .operation-box li {
            float: left;
            width: 80px;
        }

            .sequence-action-box .operation-box li label {
                padding: 0 8px;
                color: #535353;
                font-size: 13px;
            }

            .sequence-action-box .operation-box li input[type=text] {
                padding: 0;
                height: 22px;
                line-height: 22px;
                border: 1px solid #e6e6e6;
                width: 200px;
                text-indent: 6px;
            }

            .sequence-action-box .operation-box li .k-autocomplete.k-state-default {
                width: 200px;
                border: none;
            }

    .sequence-action-box a.cancel-button {
        display: block;
        height: 22px;
        line-height: 22px;
        color: #fff;
        background: #469bd6;
        padding: 0 5px;
        width: 50px;
        margin-bottom: 20px;
        text-align: center;
    }

.sequence-more {
    display: block;
    height: 16px;
    width: 16px;
}

    .sequence-more:hover i {
        background-position: -1112px -494px;
    }

/*************Environment*************/
.environment-box {
    height: 20px;
    line-height: 20px;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 98;
    filter: alpha(opacity=68);
    opacity: .68;
}

    .environment-box .title {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #fff;
    }

.demo {
    background: #FF0000;
}

.servertester {
    background: #00FF40;
}

.debug {
    background: #60b044;
}

/**********************Customer history order list************************************/
.historyorder-info-box .skeleton {
    width: 100%;
}

    .historyorder-info-box .skeleton tr {
        border-bottom: 1px solid #e6e6e6;
    }

    .historyorder-info-box .skeleton td {
        padding: 15px 20px;
        width: 15%;
        font-size: 14px;
        color: #484848;
        vertical-align: text-top;
    }

    .historyorder-info-box .skeleton .column1 {
        width: 25%;
    }


.historyorder-info-box .head .skeleton td {
    border-left: 1px solid #e6e6e6;
    color: #323232;
}

    .historyorder-info-box .head .skeleton td.column1 {
        border: none;
        text-align: center;
    }

.historyorder-info-box .item-title {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    zoom: 1;
    padding: 0 25px;
    border-bottom: 1px solid #e6e6e6;
    background: #f4f8fe;
    cursor: pointer;
}

    .historyorder-info-box .item-title span .icon {
        margin-top: -4px;
        margin-right: 5px;
    }

    .historyorder-info-box .item-title p {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        color: #484848;
        font-size: 13px;
        width: 1100px;
    }

        .historyorder-info-box .item-title p span {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            color: #484848;
            font-size: 13px;
        }

    .historyorder-info-box .item-title a {
        display: block;
        background: url(../images/arrow-icon.png?v=17);
        width: 23px;
        height: 13px;
        background-position: -27px 0;
        float: right;
        margin-top: 18px;
    }

.historyorder-info-box .expand {
    background: #e0eafa;
}

    .historyorder-info-box .expand a {
        background-position: 0 0;
    }

.historyorder-info-box .item-body {
    display: none;
}

    .historyorder-info-box .item-body td div {
        padding-left: 95px;
        position: relative;
        height: 86px;
    }

        .historyorder-info-box .item-body td div img {
            display: block;
            position: absolute;
            top: 5px;
            left: 0;
            width: 80px;
        }

        .historyorder-info-box .item-body td div p {
            color: #919191;
            font-size: 13px;
        }

            .historyorder-info-box .item-body td div p.name {
                color: #2b2a2a;
                font-size: 14px;
                margin-bottom: 5px;
            }

ul.print-button li a {
    width: 80px;
    padding: 2px 5px;
    background: #5ba8dc;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/*****************Upload********************/
html .k-upload {
    display: inline-block;
    /*position: absolute;*/
    width: 216px;
}

html li .k-upload {
    width: calc(100% - 116px);
}

.dialog-box .k-upload {
    display: block;
    width: 100%;
}

.k-upload-files {
    margin-bottom: 0;
}

.k-dropzone {
    padding: 0;
}

    .k-dropzone em {
        /*display: none;*/
        display: inline;
        visibility: visible;
    }


.k-upload-files li, .form-box ul.control .k-upload-files li {
    float: none;
    border-style: solid;
    border-width: 0 0 1px;
    padding: .167em .167em .167em .8em;
    width: auto;
    height: auto;
    margin: 0;
}

.k-filename {
    max-width: 9.067em;
    min-width: 2em;
    width: calc(100% - 70px);
}

.k-upload-files .k-button, .k-upload-status-total .k-icon {
    margin-left: 4px;
}

ul.control li .k-filename {
    max-width: 13.067em;
}

.k-file .uploadfile-download-icon {
    width: 12px;
    height: 12px;
    background-position: -636px -1249px;
    margin-top: -2px;
}

.k-upload-sync .k-upload-button, .k-ie7 .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button {
    margin-top: 3px;
}

.form-box td .k-upload {
    width: 240px;
}

    .form-box td .k-upload .k-filename {
        max-width: 10.667em;
    }

.form-box td .k-upload-status {
    top: 0.2em;
}

.k-grid tbody button.k-upload-action {
    min-width: 0;
    margin: 0 0 0 7px;
}

.form-box ul.control li.upload-wrap {
    height: auto;
    border-bottom-color: transparent;
}

    .form-box ul.control li.upload-wrap label {
        vertical-align: top;
    }

    .form-box ul.control li.upload-wrap div.image-preview-box {
        margin-left: 116px;
    }

    .form-box ul.control li.upload-wrap.longlabel div.image-preview-box {
        margin-left: 0;
    }

    .form-box ul.control li.upload-wrap.showallfiles {
        width: 100%;
    }

div.image-preview-box img {
    max-width: 100%;
    display: block;
}
/***************Scedule******************/
.k-event .k-event-top-actions {
    top: -8px;
}

/***************FinanceSubjectInfo*******************/
.finance-sbuject-box {
}

    .finance-sbuject-box .title span {
        font-size: 30px;
        width: 49%;
        text-align: center;
        height: 32px;
        line-height: 32px;
        display: inline-block;
    }

    .finance-sbuject-box table {
        width: 100%;
        margin-top: 20px;
    }

        .finance-sbuject-box table td {
            width: 33%;
            text-align: center;
        }

        .finance-sbuject-box table tbody td {
            position: relative;
            padding-bottom: 22px;
        }

    .finance-sbuject-box .static table tbody td {
        padding-bottom: 0;
    }

    .finance-sbuject-box table tbody td input {
        border: 1px solid #c8c8c8;
        height: 28px;
        line-height: 28px;
        text-indent: 8px;
        border-radius: 4px;
        width: 162px;
    }

    .finance-sbuject-box table tbody td .delete-button {
        position: absolute;
        right: 2px;
        font-size: 16px;
        top: 4px;
    }

    .finance-sbuject-box .add-button {
        display: inline-block;
        height: 28px;
        line-height: 28px;
        width: 90px;
        margin-right: 10px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 14px;
        background: #469bd6;
        text-decoration: none;
        cursor: pointer;
    }

    .finance-sbuject-box input.input-validation-error .finance-sbuject-box select.input-validation-error {
        border-color: #ed6f56;
    }

    .finance-sbuject-box input.input-validation-error:focus, .finance-sbuject-box select.input-validation-error:focus {
        border-color: #ed6f56;
        outline: none;
    }

    .finance-sbuject-box table tbody td .field-validation-error {
        left: 22px;
    }



/********************Bottom box****************/
.bottom-box {
    padding: 0 10px 5px 0;
    background: #fff;
}

    .bottom-box div.left {
        width: 45%;
        max-width: 400px;
    }

    .bottom-box div.right {
        width: 45%;
        max-width: 400px;
    }

    .bottom-box ul.webfield-ul li, .form-page .bottom-box ul.webfield-ul li {
        display: block;
        margin-right: 0;
        width: 100%;
    }

        .bottom-box ul.webfield-ul li.hidden, .form-page .bottom-box ul.webfield-ul li.hidden {
            display: none;
        }

.add-status .bottom-box ul.webfield-ul li.add-hidden {
    display: none;
}


.bottom-box ul.webfield-ul li input {
    text-align: right;
}

.bottom-box ul.webfield-ul li span {
    text-align: right;
    display: inline-block;
    width: calc(100% - 116px);
}

.bottom-box ul.webfield-ul li.txtleft span, .bottom-box ul.webfield-ul li.txtleft input {
    text-align: left;
}
/*************************************/
.form-box .grid-list .webfield-table td {
    white-space: normal;
    word-break: break-all;
    position: relative;
}

    .form-box .grid-list .webfield-table td input[type='text'].attr-plus-input {
        width: calc(100% - 25px);
    }

.form-box .grid-list .webfield-table tr.child-tr td.first-td input[type='text'] {
    width: calc(100% - 40px);
    margin-left: 40px;
}

/*.form-box .grid-list .webfield-table tr.child-tr td, .form-box .grid-list .webfield-table tr.child-tr td input {
    background: #eaf5fb;
}*/

.form-box .grid-list .webfield-table tr.child-tr td.first-td span.display {
    padding-left: 40px;
}

.form-box .grid-list .webfield-table td a.subtable-control {
    position: absolute;
    top: 7px;
    right: 3px;
    width: 14px;
    height: 14px;
    display: block;
}

    .form-box .grid-list .webfield-table td a.subtable-control i {
        background-position: -887px -856px;
        width: 14px;
        height: 14px;
        margin: 0;
        display: block;
    }

        .form-box .grid-list .webfield-table td a.subtable-control i.up {
            background-position: -887px -821px;
        }

.form-box .grid-list .webfield-table td.childtable-td div.item {
    padding: 4px 0;
    position: relative;
    padding-right: 16px;
    border-bottom: 1px dashed #c1c1c1;
}

    .form-box .grid-list .webfield-table td.childtable-td div.item:last-child {
        border-bottom: none;
    }

    .form-box .grid-list .webfield-table td.childtable-td div.item a.childtabletr-link {
        display: block;
        line-height: 16px;
        text-decoration: none;
    }

    .form-box .grid-list .webfield-table td.childtable-td div.item i {
        position: absolute;
        width: 12px;
        height: 12px;
        right: 0;
        top: 2px;
        background-position: -866px -62px;
        margin: 0;
        cursor: pointer;
    }

        .form-box .grid-list .webfield-table td.childtable-td div.item i :hover {
            background-position: -888px -62px;
        }



.form-box .webfield-table td div.subinfo-box {
}

    .form-box .webfield-table td div.subinfo-box .info-div {
        margin-bottom: 5px;
        border-bottom: 1px dashed #ddd;
    }

        .form-box .webfield-table td div.subinfo-box .info-div:last-child {
            border-bottom: none;
        }

    .form-box .webfield-table td div.subinfo-box .info-a {
        text-decoration: none;
        display: block;
        max-width: 380px;
        white-space: normal;
    }

.k-grid-toolbar {
    display: none;
}

/*Pdf export css*/
.page-template {
    font-family: "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .page-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }

/* Content styling */
.customer-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
}

kendo-pdf-document .customer-photo {
    border: 1px solid #dedede;
}

.customer-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding-left: 3px;
}

/******************************InternalMessageBox*********************************/
#internalMessageBox {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 240px;
    z-index: 88;
}

    #internalMessageBox .header {
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        background: #ff6634;
        color: #fff;
        border: 1px solid #ff6634;
        border-top: none;
        border-bottom: none;
        border-radius: 5px 0 0 0;
        cursor: pointer;
        font-size: 14px;
    }

        #internalMessageBox .header span {
            color: #fff;
        }

    #internalMessageBox .body {
        overflow-y: auto;
        height: 230px;
        border: 1px solid #eee;
        border-top: none;
        border-bottom: none;
        background: #fff;
    }

        #internalMessageBox .body li {
        }

            #internalMessageBox .body li a {
                display: block;
                height: 22px;
                line-height: 22px;
                padding: 6px 10px;
            }

                #internalMessageBox .body li a:hover {
                    text-decoration: none;
                    background: #eee;
                }

.form-box ul.control .searchmethod {
    width: 80px;
}

#addnewfieldbtn {
    color: #fff;
    text-decoration: none;
}

.box-title a.new, .box-title a.save, .box-title a.del {
    color: #fff;
    margin-left: 10px;
    text-decoration: none;
}

.form-box ul.control a.delfield {
    text-decoration: none;
    position: absolute;
    right: -13px;
    top: 7px;
    display: block;
}
/*.k-state-hover, .k-state-hover:hover {
    color: #4f4f4f;
    background: #b8b8b8;
    border-radius: 0;
    border-width: 0;
    padding: 0;
}



.k-state-hover:hover {
    color: #000;
}

.k-item {
    padding: 0;
    border-width: 0;
}*/

.wrap > ul > li > span.red {
    color: #ed6f56;
    float: left;
    width: 7px;
}

.box-title ul {
    text-align: right;
    float: right;
}

    .box-title ul li {
        height: 36px;
        line-height: 36px;
        float: left;
        padding: 0 10px;
    }

a.search-template-tab {
    height: 36px;
    line-height: 36px;
    color: #fff;
}

.box-title ul li.search-template-on {
    background: #d7cfcf;
}


.alert-box ul li a {
    padding: 0;
    margin: 0;
    width: 250px;
    height: 24px;
    line-height: 24px;
    color: #7e7e7e;
}

.alert-box ul li span {
    margin-left: 34px;
    width: 250px;
    display: inline-block;
    font-size: 12px;
    color: #7e7e7e;
}

.popmenu, #helpDocPopup {
    position: absolute;
    transition: right .2s ease-in-out;
    box-shadow: -2px 5px 10px 1px rgba(0,0,0,.176);
    width: 226px;
    height: 900px;
    background-color: #fff;
    padding: 10px 0 0 0;
    overflow-y: auto;
    width: 320px;
}

    .popmenu ul {
        padding-bottom: 10px;
        text-align: left;
    }

    .popmenu li {
        font-size: 14px;
        color: #878787;
        clear: both;
        margin: 0;
        height: 36px;
        line-height: 36px;
    }

    .popmenu a {
        font-size: 12px;
        display: inline-block;
        padding: 6px 24px 0 30px;
        text-decoration: none;
        color: #878787;
        display: block;
    }

        .popmenu a:hover {
            color: #333;
        }

    .popmenu .customer-services a {
        float: left;
    }

    .popmenu .customer-services .content {
        float: right;
        color: #2fa3e6;
        font-size: 12px;
        padding-top: 6px;
        padding-right: 20px;
    }

        .popmenu .customer-services .content a {
            float: none;
            color: #2fa3e6;
            display: inline;
            padding: 0;
        }

#popmenu-message, #helpDocPopup {
    top: 50px;
    right: 0;
}

#popmenu-message {
    padding-top: 0;
}

    #popmenu-message .info {
        font-size: 14px;
        padding: 0 10px;
        color: #333;
        background: #f7f7f7;
        border-bottom: 1px solid #e5e5e5;
    }

        #popmenu-message .info a {
            display: block;
            float: left;
            width: 120px;
            border-bottom: 1px solid #f7f7f7;
            height: 48px;
            line-height: 48px;
            padding: 0;
            padding-left: 20px;
        }

            #popmenu-message .info a.current {
                border-bottom-color: #2ecd99;
            }

            #popmenu-message .info a span {
                font-size: 14px;
                color: #333;
                position: relative;
            }

                #popmenu-message .info a span i {
                    position: absolute;
                    position: absolute;
                    display: block;
                    height: 19px;
                    width: 19px;
                    border-radius: 100%;
                    text-align: center;
                    line-height: 19px;
                    color: #fff;
                    background: #2ecd99;
                    top: -8px;
                    right: -18px;
                }

    #popmenu-message .msg-list > li {
        padding: 10px 24px 1px 24px;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
        min-height: 49px;
        height: auto;
    }

        #popmenu-message .msg-list > li a {
            padding: 0;
        }

    #popmenu-message ul.msg-list li span {
        display: block;
        font-size: 13px;
        color: #878787;
        margin: 0;
    }

        #popmenu-message ul.msg-list li span.title {
            color: #333;
            font-size: 14px;
        }

        #popmenu-message ul.msg-list li span a {
            display: inline;
        }

    #popmenu-message ul.workflows li a {
        width: auto;
        display: block;
        line-height: 20px;
        height: auto;
    }

#popmenu-user {
    top: 50px;
    right: -70px;
}

    #popmenu-user > ul > li {
        position: relative;
        padding-left: 20px;
    }

        #popmenu-user > ul > li .icontheme {
            position: absolute;
            height: 16px;
            width: 16px;
            background-position: -1138px -782px;
            top: 10px;
        }

        #popmenu-user > ul > li .personalsetting-icon {
            background-position: -1138px -779px;
        }

        #popmenu-user > ul > li .logout-icon {
            background-position: -1138px -815px;
        }

        #popmenu-user > ul > li .systemconfig-icon {
            background-position: -1138px -852px;
        }

        #popmenu-user > ul > li .userconfig-icon {
            background-position: -1138px -887px;
        }

        #popmenu-user > ul > li .attconfig-icon {
            background-position: -1138px -923px;
        }

        #popmenu-user > ul > li .workflowconfig-icon {
            background-position: -1138px -959px;
        }

        #popmenu-user > ul > li .printconfig-icon {
            background-position: -1138px -995px;
        }

        #popmenu-user > ul > li .fieldconfig-icon {
            background-position: -1138px -1032px;
        }

        #popmenu-user > ul > li .pageconfig-icon {
            background-position: -1138px -1320px;
        }

        #popmenu-user > ul > li .channelmanangement-icon {
            background-position: -1138px -1355px;
        }

        #popmenu-user > ul > li .translation-icon {
            background-position: -1138px -1428px;
        }

        #popmenu-user > ul > li .batchexportsetting-icon {
            background-position: -1138px -1930px;
        }

        #popmenu-user > ul > li .contactphone-icon {
            background-position: -1138px -1967px;
        }

        #popmenu-user > ul > li .contactemail-icon {
            background-position: -1138px -2004px;
        }

.menu-li {
    float: left;
    padding: 9px 20px;
    line-height: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
}

#popmenu-menu {
    top: 50px;
    left: 9px;
}



.arrow-down-icon {
    background-position: -540px -19px;
    width: 10px;
    height: 10px;
    position: relative;
}

.main-content-all {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
    height: auto;
    display: block;
}



#main-content-container {
    width: auto;
    background: #edf1f5;
    height: auto;
    float: left;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 200px;
    bottom: 0;
    display: block;
    transition: all 0.5s;
}

.calender-icon, .calendar-icon {
    background-position: -186px -167px;
}

.myoa-icon, .business-icon {
    background-position: -186px -131px;
}

.vacation-icon, .vacationplan-icon, .vacationplandetail-icon {
    background-position: -186px -238px;
}

.vacationrequestcorrection-icon {
    background-position: -39px -1968px;
}

.overtimeworkingrequestcorrection-icon {
    background-position: -39px -1932px;
}

.attendance-icon {
    background-position: -335px -1499px;
}

.attendancereportblview-icon {
    background-position: -186px -347px;
}

.project-icon {
    background-position: -154px -940px;
}

.invoice-icon {
    background-position: -39px -1282px;
}

.acceptancebill-icon {
    background-position: -39px -1463px;
}

.budgetitem-icon {
    background-position: -186px -2399px;
}

.budgetsheettemplete-icon {
    background-position: -186px -2434px;
}

.budgetsheet-icon {
    background-position: -186px -2471px;
}

.budgetsheet-icon-166 {
    background-position: -186px -2506px;
}

.budgetsheet-icon-165 {
    background-position: -186px -2542px;
}

.budgetsheet-icon-164 {
    background-position: -186px -2578px;
}

.budgetlog-icon {
    background-position: -186px -2614px;
}

.budgetlog-icon-166 {
    background-position: -186px -2650px;
}

.budgetlog-icon-165 {
    background-position: -186px -2686px;
}

.budgetlog-icon-164 {
    background-position: -186px -2723px;
}

.billing-icon {
    background-position: -39px -1463px;
}

.creditnotes-icon {
    background-position: -39px -1391px;
}

.retainerinvoice-icon {
    background-position: -39px -1427px;
}

.receivableforecastview-icon {
    background-position: -39px -2003px;
}

.invoiceledgerview-icon {
    background-position: -186px -2003px;
}

.billingledgerview-icon {
    background-position: -186px -2039px;
}


.payableforecastview-icon {
    background-position: -39px -2039px;
}

.recurringinvoice-icon {
    background-position: -154px -1099px;
}

.invoicereceipt-icon {
    background-position: -39px -1391px;
}

.invoicepayment-icon {
    background-position: -39px -1355px;
}

.businesstriprequest-icon {
    background-position: -186px -383px;
}

.billingreceipt-icon {
    background-position: -39px -1499px;
}

.banktransactionimportlog-icon, .manualbankrecord-icon {
    background-position: -186px -1319px;
}

.businessbankaccounttransaction-icon {
    background-position: -186px -1896px;
}

.banktransfer-icon {
    background-position: -39px -1896px;
}

.billingpayment-icon {
    background-position: -39px -1535px;
}

.debitnotes-icon {
    background-position: -39px -1571px;
}

.retainerbilling-icon {
    background-position: -39px -1607px;
}

.businesstriprequestlocal-icon, .businesstriprequest-icon-2000004 {
    background-position: -186px -419px;
}

.expenserequest-icon, .expenserequest-icon-111 {
    background-position: -186px -456px;
}

.expensepayment-icon {
    background-position: -186px -1282px;
}

.expenserequest-icon-2000005 {
    background-position: -335px -1282px;
}

.businesscontract-icon {
    background-position: -186px -490px;
}

.workreport-icon {
    background-position: -186px -527px;
}

.workingshift-icon {
    background-position: -186px -562px;
}

.workingschedule-icon {
    background-position: -186px -1427px;
}

.overtimeworkingrequest-icon {
    background-position: -335px -742px;
}

.vacationrequest-icon {
    background-position: -186px -1355px;
}

.stamprequest-icon {
    background-position: -186px -599px;
}

.recruitmentrequest-icon {
    background-position: -186px -635px;
}

.employeeprofile-icon, .employeeprofile-icon-124, .employeeprofile-icon-123, .employeeprofile-icon-131 {
    background-position: -186px -201px;
}

.enrollmentrequest-icon {
    background-position: -186px -1391px;
}

.payrolldetail-icon {
    background-position: -335px -1391px;
}

.payrollrequest-icon {
    background-position: -335px -1535px;
}

.employeefulltimerequest-icon {
    background-position: -186px -671px;
}

.resignationrequest-icon {
    background-position: -186px -706px;
}

.arrow-expand-icon {
    background-position: -886px -422px;
    width: 16px;
    height: 16px;
}

.arrow-collapse-icon {
    background-position: -886px -387px;
    width: 16px;
    height: 16px;
}

.add-icon {
    background-position: -886px -673px;
    width: 16px;
    height: 16px;
}

.yanqi-icon {
    background-position: -658px -2401px;
    width: 12px;
    height: 12px;
}

.add-red-icon {
    background-position: -860px -673px;
    width: 16px;
    height: 16px;
}

.arrow-left-icon {
    width: 24px;
    height: 24px;
    background-position: -882px -633px;
}

.arrow-left2-icon {
    width: 24px;
    height: 24px;
    background-position: -882px -1912px;
}

.arrow-right-icon {
    width: 24px;
    height: 24px;
    background-position: -882px -596px;
}
/*****************submenu*****************************/
#submenu {
    width: 200px;
    height: auto;
    float: left;
    overflow: hidden;
    overflow-y: auto;
    background: #434558;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    padding-bottom: 34px;
    transition: all 0.5s;
}

#submenu-control {
    display: block;
    position: fixed;
    width: 200px;
    height: 34px;
    text-align: center;
    bottom: 0;
    cursor: pointer;
    z-index: 2;
    background: #52556e;
    transition: all 0.5s;
}

    #submenu-control > .icontheme {
        display: inline-block;
        margin-top: 5px;
    }

    #submenu-control a.lock-control {
        display: block;
        padding: 0;
        margin: 0;
        height: 24px;
        width: 24px;
        position: absolute;
        top: 4px;
        right: 10px;
    }

#submenu.iconsubmenu a.lock-control {
    padding: 0;
}

.lock-icon {
    height: 24px;
    width: 24px;
    background-position: -848px -1390px;
}

.unlock-icon {
    height: 24px;
    width: 24px;
    background-position: -882px -1390px;
}

#submenu a {
    color: #f7f7f7;
    font-size: 12px;
    display: block;
    line-height: 24px;
    text-decoration: none;
    position: relative;
    padding: 5px 40px 5px 20px;
    white-space: nowrap;
}

#submenu.iconsubmenu a {
    padding-left: 40px;
}

#submenu.wrapmenu a {
    white-space: normal;
}

.expand-main-content-all #submenu a {
    white-space: nowrap;
}

#submenu ul {
    display: block;
    clear: both;
}

    #submenu ul.ulcontainer {
        padding: 0 0 10px 0;
    }

        #submenu ul.ulcontainer li a {
            color: #b5b5b5;
        }

    #submenu ul li {
        clear: both;
        position: relative;
    }

    #submenu .liactive, #submenu ul.ulcontainer li a.liactive {
        background: #52556e;
        color: #fff;
    }

#submenu .active a, #submenu .ulcontainer .active a {
    color: #2ecd99;
}

#submenu ul a:hover {
    background: #52556e;
}

#submenu .arrow-expand-icon, #submenu .arrow-collapse-icon, #submenu .add-icon {
    position: absolute;
    right: 4px;
    top: 9px;
}

#submenu .add-icon {
    top: 0;
    display: none;
    background-position: -886px -663px;
    width: 16px;
    height: 33px;
}

#submenu .ulcontainer li {
    position: relative;
}

#submenu li:hover > .add-icon {
    display: block;
    cursor: pointer;
}

#submenu li.active > .add-icon {
    display: block;
}

/*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-button {
    background: #e6e6e6;
}

::-webkit-scrollbar-track-piece {
    background: #e6e6e6;
}

::-webkit-scrollbar-thumb {
    background: #b9b9b9;
}*/

/***********************expand-main-content-all*********************************/
.expand-main-content-all #submenu, .expand-main-content-all #submenu-control {
    width: 36px;
    overflow-y: hidden;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}


    .expand-main-content-all #submenu i.right {
        display: none;
    }

.expand-main-content-all #main-content-container {
    left: 36px;
    transition: all 0.5s;
}

.expand-main-content-all .form-box .action-fixed-box {
    left: 36px;
    transition: all 0.5s;
}
/********************End**********************************/
.grid-list tr {
    height: 44px;
}

    .grid-list tr td {
        border: 0 solid #ddd;
        border-bottom-width: 1px;
    }


.table-header-fixed-list tr td, .table-header-fixed-list .k-grid-header th.k-header > .k-link, .table-header-fixed-list .k-treelis .k-grid-header th.k-header > .k-link, .table-header-fixed-list .k-grid-header th.k-header span.title {
    white-space: normal;
    word-break: break-word;
}

.common-submenu-icon {
    background-position: -5px -255px;
}

.assets-icon {
    background-position: -186px -275px;
}

.assetsdepreciationlog-icon {
    background-position: -39px -2186px;
}

.courseapplication-icon {
    background-position: -335px -1571px;
}

.course-icon {
    background-position: -335px -1607px;
}

.materialrequest-icon-2000002 {
    background-position: -186px -275px;
}

.materialrequest-icon, .materialrequest-icon-2000001 {
    background-position: -186px -311px;
}

.business-icon-107 {
    background-position: -39px -459px;
}

.saleszonecustomer-icon {
    background-position: -335px -886px;
}

.surveydefinition-icon {
    background-position: -39px -2114px;
}

.surveyselectedanswerer-icon {
    background-position: -39px -2434px;
}

.surveyanswer-icon {
    background-position: -39px -2471px;
}

.surveyquestion-icon-150 {
    background-position: -39px -2506px;
}

.surveyquestion-icon-144 {
    background-position: -39px -2542px;
}

.surveyquestion-icon-149 {
    background-position: -39px -2578px;
}

.surveyquestion-icon-145 {
    background-position: -39px -2614px;
}

.surveyquestion-icon-151 {
    background-position: -39px -2650px;
}

.surveyquestion-icon-152 {
    background-position: -39px -2686px;
}

.surveyquestion-icon-153 {
    background-position: -39px -2723px;
}

.surveyquestion-icon-154 {
    background-position: -39px -2759px;
}

.surveyquestion-icon-162 {
    background-position: -39px -2794px;
}

.surveyquestion-icon-155 {
    background-position: -39px -2830px;
}

.surveyquestion-icon-156 {
    background-position: -39px -2865px;
}

.surveyquestion-icon-147 {
    background-position: -39px -2901px;
}

.surveyquestion-icon-146 {
    background-position: -39px -2939px;
}

.contact-icon-157 {
    background-position: -186px -2151px;
}

.article-icon {
    background-position: -186px -994px;
}

.articlereview-icon {
    background-position: -186px -1246px;
}

.articlecategory-icon {
    background-position: -186px -958px;
}

.articleselection-icon {
    background-position: -335px -922px;
}

.articleselection-icon-10 {
    background-position: -186px -1102px;
}

.articleselection-icon-11 {
    background-position: -186px -1031px;
}

.customeraudit-icon {
    background-position: -39px -490px;
}

.productcategory-icon {
    background-position: -335px -527px;
}

.materialalias-icon {
    background-position: -335px -562px;
}


.supplieraudit-icon {
    background-position: -335px -851px;
}

.vendorquota-icon {
    background-position: -335px -59px;
}

.materialpurchasingvendor-icon {
    background-position: -335px -94px;
}

.purchasingrequest-icon {
    background-position: -335px -131px;
}

.contact-icon, .contact-icon-112 {
    background-position: -335px -23px;
}

.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    min-width: 24px;
    min-height: 28px;
    line-height: 28px;
}

.k-pager-numbers .k-link {
    line-height: 28px;
}

.k-pager-numbers .k-state-selected {
    background: #53575e;
    border-radius: 4px;
    border: 1px solid #53575e;
}



.k-pager-numbers .k-link {
    border-radius: 4px;
    border: 1px solid #53575e;
    margin: 0 3px;
}

    .k-pager-numbers .k-link:hover, .k-pager-wrap > .k-link:hover {
        border-radius: 4px;
        border: 1px solid #53575e;
    }

    .k-pager-numbers .k-link:hover {
        border-radius: 4px;
        border: 1px solid #53575e;
    }


.k-pager-wrap > .k-link {
    border-radius: 4px;
    border: 1px solid #53575e;
}

.k-pager-wrap > .k-pager-refresh {
    border: 0;
    margin-right: 0;
}

    .k-pager-wrap > .k-pager-refresh:hover {
        border: 0;
        background-color: #fff;
    }

/*.k-link:not(.k-state-disabled):hover > .k-i-refresh {
    background-position: -442px -182px;
}*/

.search-all {
    height: 50px;
    background: #f0f0f0;
    padding-left: 20px;
    border: 0 solid #d0d0d0;
    border-bottom-width: 1px;
}

.search-common {
    float: left;
    height: 50px;
    margin-right: 10px;
}

    .search-common input {
        width: 200px;
        height: 26px;
        line-height: 26px;
        margin-top: 10px;
        border: 0 solid #c8c8c8;
        border-bottom-width: 1px;
        font-size: 12px;
        margin-right: 20px;
        background-color: transparent;
        color: #7e7e7e;
    }

        .search-common input:hover {
            border: 0 solid #000;
            border-bottom-width: 1px;
        }

        .search-common input:focus {
            outline: none;
            border-bottom: 1px solid #2ecd99;
        }

.search-icon {
    position: absolute;
    background-position: -884px -1357px;
    width: 18px;
    height: 18px;
    top: 15px;
    left: 200px;
}

    .search-icon:hover {
        background-position: -853px -1357px;
        cursor: pointer;
    }

.search-template {
    float: left;
}

    .search-template a {
        color: #7e7e7e;
        font-size: 12px;
        line-height: 50px;
        margin-right: 10px;
    }

        .search-template a.search-template-on, .search-template a.default-template-on {
            color: #2ecd99;
        }

.btn-bar {
    float: right;
    margin-top: 11px;
}

    .btn-bar a {
        height: 28px;
        line-height: 28px;
        display: inline-block;
        float: left;
        padding: 0 10px;
        padding-left: 28px;
        font-size: 12px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background: #434558;
        margin-right: 10px;
        position: relative;
        border-radius: 5px;
    }

        .btn-bar a.checkbox-control-btn {
            display: none;
        }

    .btn-bar > a:hover {
        background: #2ecd99;
    }

    .btn-bar a > i {
        position: absolute;
        left: 10px;
        top: 8px;
    }

        .btn-bar a > i.control {
            position: relative;
            left: 0;
            top: 0;
            width: 16px;
            height: 16px;
            background-position: -860px -387px;
            margin-top: -2px;
            margin-left: 2px;
        }

    .btn-bar a:hover i.control {
        background-position: -860px -422px;
    }

    .btn-bar a.disabled {
        background: #c1c1c1;
    }

    .btn-bar a:hover div.hidden {
        display: block;
    }

    .btn-bar a div.hidden {
        position: absolute;
        right: 0;
        top: 28px;
        min-width: calc(100% - 10px);
        background: #fff;
        z-index: 10;
        width: auto;
        border: 1px solid #ddd;
    }

        .btn-bar a div.hidden:hover {
            display: block;
        }

        .btn-bar a div.hidden span {
            display: block;
            height: 32px;
            line-height: 32px;
            white-space: nowrap;
            text-align: center;
            color: #878787;
            padding: 0 15px;
        }

            .btn-bar a div.hidden span:hover {
                background: #f7f7f7;
                color: #333;
            }

            .btn-bar a div.hidden span.split {
                height: 0;
                /* margin: 5px 0; */
                border-top: 1px solid #e5e5e5;
                padding: 0;
                background: none;
            }

    .btn-bar a.btn {
        position: relative;
    }

        .btn-bar a.btn div.sub {
            position: absolute;
            top: 50px;
            right: 0;
        }

            .btn-bar a.btn div.sub a {
            }

    .btn-bar a.pagehelpdoc-link {
        display: inline;
        background: none;
        color: #336699;
        text-decoration: underline;
        padding-left: 0;
    }

        .btn-bar a.pagehelpdoc-link:hover {
            display: inline;
            background: none;
            color: #336699;
        }

.plus-icon {
    background-position: -658px -25px;
    width: 12px;
    height: 12px;
    clear: both;
}

.up12-icon {
    background-position: -658px -2330px;
    width: 12px;
    height: 12px;
    clear: both;
}

.down12-icon {
    background-position: -658px -2294px;
    width: 12px;
    height: 12px;
    clear: both;
}

.modify-icon {
    display: block;
    background-position: -658px -314px;
    width: 12px;
    height: 12px;
    clear: both;
}

.modify-icon-active {
    display: block;
    background-position: -386px -515px;
    width: 60px;
    height: 28px;
    clear: both;
}

.update-icon {
    background-position: -866px -1468px;
    width: 12px;
    height: 12px;
}

    .update-icon:hover {
        background-position: -888px -1468px;
        width: 12px;
        height: 12px;
    }

.structure-icon {
    display: block;
    background-position: -658px -925px;
    width: 12px;
    height: 12px;
    clear: both;
}


.generatereport-icon {
    background-position: -658px -1286px;
    width: 12px;
    height: 12px;
}

.generatereport-icon-active {
    background-position: -630px -618px;
    width: 60px;
    height: 28px;
}

.print-icon {
    background-position: -658px -96px;
    width: 12px;
    height: 12px;
}

.preview-icon {
    background-position: -658px -2257px;
    width: 12px;
    height: 12px;
}


.print-icon-already {
    background-position: -658px -458px;
    width: 12px;
    height: 12px;
}

.print-icon-already-active {
    background-position: -774px -513px;
    width: 60px;
    height: 28px;
}


.convert-icon {
    background-position: -658px -243px;
    width: 12px;
    height: 12px;
    clear: both;
}

.correctamount-icon {
    background-position: -658px -1214px;
    width: 12px;
    height: 12px;
}

.rollback-icon {
    background-position: -658px -1177px;
    width: 12px;
    height: 12px;
}

.return-icon {
    background-position: -658px -1357px;
    width: 12px;
    height: 12px;
}


.exchange-icon {
    background-position: -658px -1322px;
    width: 12px;
    height: 12px;
}

.instock-icon {
    background-position: -658px -242px;
    width: 12px;
    height: 12px;
}

.outstock-icon {
    background-position: -658px -277px;
    width: 12px;
    height: 12px;
}


/*.delete-icon {
    display: block;
    background-position: -402px -574px;
    width: 24px;
    height: 24px;
    clear: both;
}*/

.void-icon {
    background-position: -658px -961px;
    width: 12px;
    height: 12px;
    clear: both;
}

.fieldcontrol-icon {
    background-position: -888px -315px;
    width: 12px;
    height: 12px;
    clear: both;
}


.export-excel-icon {
    background-position: -264px -245px;
    width: 30px;
    height: 30px;
}

.export-pdf-icon {
    background-position: -264px -206px;
    width: 30px;
    height: 30px;
}


.search-box-title {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    color: #959595;
    font-size: 15px;
}

.dialog-body .search-box-title {
    padding-left: 0;
}

.search-box-title ul li {
    margin-right: 10px;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

.search-box-title span {
    margin-left: 10px;
    color: #d0d0d0;
    width: 214px;
}

.search-box-title input {
    width: 214px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    margin-left: 10px;
    outline: none;
}

.add-searchcondition-icon {
    background-position: -888px -27px;
    width: 12px;
    height: 14px;
}

.add-searchcompare-icon {
    background-position: -888px -2259px;
    width: 12px;
    height: 14px;
}

.delete-searchcondition-icon {
    background-position: -888px -63px;
    width: 12px;
    height: 14px;
}

.modify-searchcondition-icon {
    background-position: -888px -1468px;
    width: 12px;
    height: 14px;
}

.form-addbtn {
    display: block;
    position: absolute;
    right: 4px;
    top: 6px;
}

.form-box li .form-addbtn {
    right: -14px;
}

.search-box-title li:hover {
    color: #2ecd99;
}

.new-template-icon {
    background-position: -888px -99px;
    width: 12px;
    height: 14px;
}

    .new-template-icon:hover {
        background-position: -888px -99px;
    }

.del-template-icon {
    background-position: -888px -135px;
    width: 12px;
    height: 14px;
}

.save-template-icon {
    background-position: -888px -171px;
    width: 12px;
    height: 14px;
}

.setasdefault-template-icon {
    background-position: -888px -2116px;
    width: 12px;
    height: 14px;
}

.search-box {
    background: #fff;
}

.delfield-icon {
    background-position: -866px -63px;
    width: 12px;
    height: 12px;
}

    .delfield-icon:hover {
        background-position: -888px -63px;
    }

.del-advancesearch-icon {
    background-position: -882px -2219px;
    width: 24px;
    height: 24px;
}

    .del-advancesearch-icon:hover {
        background-position: -882px -2219px;
    }

#actionarrowcontainer, #expandarrowcontainer {
    height: 14px;
    text-align: center;
}

.actionarrow-icon {
    background-position: -627px -193px;
    width: 36px;
    height: 18px;
}

.expandarrow-icon {
    background-position: -613px -248px;
    width: 60px;
    height: 26px;
    display: block;
}

.summary-icon {
    background-position: -658px -1430px;
    width: 12px;
    height: 12px;
}


.batch-icon {
    display: block;
    background-position: -658px -133px;
    width: 12px;
    height: 12px;
    clear: both;
}

.batch-icon-active {
    display: block;
    background-position: -454px -517px;
    width: 60px;
    height: 28px;
    clear: both;
}

.batchdisable-icon {
    display: block;
    background-position: -658px -2113px;
    width: 12px;
    height: 12px;
    clear: both;
}

.k-textbox > input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button {
    font-size: 12px;
}


.viewrequest-icon {
    display: block;
    background-position: -155px -464px;
    width: 60px;
    height: 28px;
    clear: both;
}

.viewrequest-icon-active {
    display: block;
    background-position: -155px -517px;
    width: 60px;
    height: 28px;
    clear: both;
}

.folder-expand-icon {
    background-position: -887px -821px;
    width: 14px;
    height: 14px;
}

.folder-collapse-icon {
    background-position: -887px -856px;
    width: 14px;
    height: 14px;
}

.form-box .grid-list {
    border: 1px solid #e5e5e5;
    z-index: 1;
    overflow: hidden;
}

.dialog-box .grid-list {
    z-index: 102;
}

.form-box .grid-list td span.display {
    font-size: 12px;
    color: #7e7e7e;
    vertical-align: middle;
    white-space: pre-wrap;
}

.form-box .grid-list td span.red {
    color: #ed6f56;
}

.form-box .grid-list table.header-table, .form-box .foot-table {
    position: relative;
    /*border-collapse: collapse;*/
}

    /*.form-box .webfield-table {
    border-collapse: collapse;
}*/

    .form-box .grid-list table.header-table td, .form-box .grid-list table.header-table th,
    .form-box .grid-list table.webfield-table thead.k-grid-header th,
    .form-box .webfield-table td, .form-box .webfield-table th, .form-box .foot-table td {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 8px;
        padding-right: 8px;
        white-space: normal;
        line-height: 16px;
        position: relative;
        border-left: 0;
    }


.form-box .webfield-table tr:hover td {
    background: #f7f7f7;
}

    .form-box .webfield-table tr:hover td input {
        background: #f7f7f7;
    }

.grid-list table.header-table th a.table-chose-button {
    position: absolute;
    top: 3px;
    right: 5px;
    display: block;
    width: 12px;
    height: 12px;
}

    .grid-list table.header-table th a.table-chose-button .icon {
        background-position: -639px -2257px;
        width: 12px;
        height: 12px;
        margin: 0;
    }

.form-box .foot-table td {
    border-bottom: none;
    border-color: transparent;
    border-top: 1px solid #ddd;
}

.form-box .foot-table tr:hover {
    background: none;
}

.form-box .webfield-table tbody tr:last-child td {
    border-bottom: none;
}

    .form-box .webfield-table tbody tr:last-child td .lasttr-autohide {
        display: none;
    }

.form-box .webfield-table tbody td.webtable-opertaion-td a {
    margin-right: 16px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}

    .form-box .webfield-table tbody td.webtable-opertaion-td a:last-child {
        margin-right: 0;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.copy-button {
        width: auto;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.hidden {
        display: none;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a .icontheme {
        height: 16px;
        width: 16px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.insert-button .icontheme {
        background-position: -1138px -600px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.insert-button:hover .icontheme {
        background-position: -1112px -600px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.delete-button .icontheme {
        background-position: -1138px -636px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.delete-button:hover .icontheme {
        background-position: -1112px -636px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.modify-button .icontheme {
        background-position: -1138px -1392px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.modify-button:hover .icontheme {
        background-position: -1112px -1392px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.translation-button .icontheme {
        background-position: -1138px -1428px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.translation-button:hover .icontheme {
        background-position: -1112px -1428px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.setting-button .icontheme {
        background-position: -1138px -744px;
    }

    .form-box .webfield-table tbody td.webtable-opertaion-td a.setting-button:hover .icontheme {
        background-position: -1112px -744px;
    }

.form-box .grid-list table.header-table tr, .form-box .grid-list table.foot-table tr {
    height: 32px;
}

.form-box .webfield-table tr {
    height: 34px;
}

    .form-box .webfield-table tr:hover {
        background: none;
    }

    .form-box .webfield-table tr.noedit {
        background: #f1f1f1;
    }

        .form-box .webfield-table tr.noedit:hover {
            background: #f1f1f1;
        }

.form-box .grid-list .webfield-headertable-wrapper {
    background: #e5e5e5;
}

.form-box .reference-box .grid-list {
    border: 1px solid #e5e5e5;
    overflow-x: auto;
}

.dialog-box .form-box ul.control li a {
    display: block;
}


    .dialog-box .form-box ul.control li a.workflow-url, .dialog-box .form-box ul.control li a.webfield-link, .dialog-box .form-box ul.control li a.file-link,
    .dialog-box .form-box ul.control li .filedisplay-span a {
        display: inline;
    }

    .dialog-box .form-box ul.control li a.form-addbtn {
        margin: -4px 0 0 218px;
    }

#sequences-list {
}

#sequencecontainer {
}

    #sequencecontainer .grid-list {
    }

    #sequencecontainer .sequence-action-box {
        border: 1px solid #ddd;
        /*border-top: none;*/
    }

        #sequencecontainer .sequence-action-box .textarea-box {
            position: relative;
        }

            #sequencecontainer .sequence-action-box .textarea-box .field-validation-error {
                position: absolute;
                bottom: -22px;
                left: 0;
            }

        #sequencecontainer .sequence-action-box .workflow-cancelreasonbox {
            margin-bottom: 20px;
        }

            #sequencecontainer .sequence-action-box .workflow-cancelreasonbox input {
                border: 1px solid #e6e6e6;
                border-radius: 5px;
                width: 320px;
                height: 25px;
                outline: none;
            }

    #sequencecontainer table {
        border-collapse: collapse;
        width: 100%;
    }

    #sequencecontainer .workflow-operation-box {
        padding: 10px 0 10px 0;
    }

    #sequencecontainer th {
        border-bottom: 1px solid #ddd;
    }

    #sequencecontainer tbody tr:last-child td {
        border-bottom: none;
    }

    #sequencecontainer tr {
        height: 40px;
    }

    #sequencecontainer td, #sequencecontainer th {
        white-space: normal;
    }

        #sequencecontainer td.hookdesc {
            width: 400px;
        }

            #sequencecontainer td.hookdesc div {
                margin-bottom: 5px;
            }

            #sequencecontainer td.hookdesc span {
                display: inline-block;
                width: 120px;
                vertical-align: top;
            }

                #sequencecontainer td.hookdesc span.name {
                    width: 260px;
                    white-space: normal;
                }

.generalquotadefinitionviewmodel-icon {
    background-position: -335px -59px;
}

.materialrequestsummary-icon {
    background-position: -39px -1211px;
}

.cashinadvance-icon {
    background-position: -39px -1246px;
}

.payrollperiod-icon {
    background-position: -335px -1391px;
}

.diskall-icon {
    background-position: -186px -1499px;
}

.diskall-myshare {
    background-position: -186px -1678px;
}

.articlesharedetailworkflow-icon {
    background-position: -186px -1823px;
}

.diskall-group {
    background-position: -186px -1607px;
}

.productionflow-icon {
    background-position: -335px -1859px;
}

.stocklevelsummary-icon {
    background-position: -39px -2077px;
}

.projectpaymentplan-icon {
    background-position: -335px -2077px;
}

.projectpaymentplan-icon-138 {
    background-position: -335px -2039px;
}

.announcement-icon {
    background-position: -335px -2186px;
}

.order-icon {
    background-position: -39px -23px;
}

.order-icon-13 {
    background-position: -335px -671px;
}

.order-icon-12 {
    background-position: -335px -706px;
}

.order-icon-20 {
    background-position: -335px -1031px;
}

.order-icon-20, .order-icon-22 {
    background-position: -335px -1031px;
}

.order-icon-24 {
    background-position: -335px -1065px;
}

.order-icon-21 {
    background-position: -335px -1138px;
}

.order-icon-23 {
    background-position: -335px -1174px;
}

.salesestimates-icon, .order-icon-7 {
    background-position: -39px -59px;
}

.salesrecord-icon {
    background-position: -5px -1051px;
    width: 18px;
    height: 18px;
}

.orderunit-icon {
    background-position: -5px -1099px;
    width: 18px;
    height: 18px;
}

.salesadjustment-icon {
    background-position: -39px -94px;
}

.legalprovision-icon-130, .legalprovision-icon, .legalprovision-icon-129, .legalprovision-icon-128, .legalprovision-icon-127, .legalprovision-icon-126, .legalprovision-icon-133, .legalprovision-icon-134 {
    background-position: -335px -1715px;
}

.coursescore-icon, .courseapplicationscore-icon {
    background-position: -335px -1679px;
}

.switch-content .add-searchcondition-icon {
    background-position: -150px -339px;
}

.customer-icon, .business-icon-109 {
    background-position: -39px -419px;
    width: 18px;
    height: 18px;
}

.case-icon {
    background-position: -39px -527px;
}

.casetemplate-icon {
    background-position: -335px -1823px;
}

.generalquotagroupdefinition-icon-120 {
    background-position: -186px -1715px;
}

.activity-icon {
    background-position: -39px -562px;
}

.material-icon, .product-icon, .productproperty-icon {
    background-position: -39px -706px;
}

.bom-icon {
    background-position: -39px -742px;
}

.productpropertycombination-icon {
    background-position: -186px -1751px;
}

.productpropertysplit-icon {
    background-position: -186px -1787px;
}

.supplier-icon, .business-icon-110 {
    background-position: -39px -131px;
}

.purchase-icon, .purchasingorder-icon {
    background-position: -335px -778px;
}

.purchasingorder-icon-25 {
    background-position: -335px -1319px;
}

.purchasingorder-icon-26 {
    background-position: -335px -1355px;
}

.dialog-box .form-box ul.validate li.jsoneditor-li {
    height: 460px;
    margin-right: 0;
}

    /*.dialog-box .form-box ul.validate li.jsoneditor-li label {
        float: none;
    }*/

    .dialog-box .form-box ul.validate li.jsoneditor-li span.k-widget {
        position: relative;
        top: auto;
        left: auto;
    }

        .dialog-box .form-box ul.validate li.jsoneditor-li span.k-widget input {
            border: 1px solid #ccc;
            border-radius: 5px;
        }

.productpriceinfo-icon {
    background-position: -39px -778px;
}

.productpriceinfo-icon-101 {
    background-position: -39px -814px;
}

.productpriceinfo-icon-100 {
    background-position: -39px -851px;
}

.productpriceinfo-icon-99 {
    background-position: -335px -1246px;
}

.productpricepolicy-icon {
    background-position: -186px -1211px;
}

.stock-icon {
    background-position: -335px -1427px;
}

.stockdetail-icon {
    background-position: -335px -1463px;
}

.stocklogsequence-icon-1100002 {
    background-position: -39px -201px;
}

.stocklogsequence-icon-1100001 {
    background-position: -39px -238px;
}

.warehouse-icon {
    background-position: -39px -275px;
}

.shippinglist-icon-17 {
    background-position: -39px -201px;
}

.shippinglist-icon-18 {
    background-position: -39px -238px;
}

.transfer-icon, .stocktransfer-icon {
    background-position: -39px -311px;
}

.stocktransfer-icon-19 {
    background-position: -186px -1138px;
}

.stocktransfer-icon-161 {
    background-position: -335px -2220px;
}

.stocktransfer-icon-160 {
    background-position: -39px -2256px;
}

.warehousebin-icon {
    background-position: -186px -1174px;
}

.warehousedeliveryroute-icon {
    background-position: -39px -1138px;
}

.storedashboard-icon, .purchasingdashboard-icon, .salesdashboard-icon, .crmdashboard-icon, .financedashboard-icon, .oadashboard-icon, .hrdashboard-icon, .general-icon {
    background-position: -186px -1065px;
}

.materialdashboard-icon {
    background-position: -186px -311px;
}

.mobile-icon {
    background-position: -186px -2256px;
}

.oadashboard-icon {
    background-position: -39px -1643px;
}

.hrdashboard-icon {
    background-position: -39px -1679px;
}

.financedashboard-icon {
    background-position: -39px -1715px;
}

.crmdashboard-icon {
    background-position: -39px -1751px;
}

.salesdashboard-icon {
    background-position: -39px -1787px;
}

.purchasingdashboard-icon {
    background-position: -39px -1823px;
}

.storedashboard-icon {
    background-position: -39px -1859px;
}



.stocktransfer-icon-20 {
    background-position: -335px -1211px;
}

.inventorycheck-icon {
    background-position: -39px -347px;
}

.returnexchangepurchasingorder-icon, .purchasingorder-icon-102 {
    background-position: -335px -706px;
}

.purchasingorder-icon-103 {
    background-position: -335px -671px;
}

.k-i-reload {
    background-position: -32px -112px;
}
/************OA Home***********/
.oa-box #calendar .k-header .k-nav-prev .k-i-arrow-w {
    background: url("../images/theme/icon.png?v=17");
    background-position: -1138px -529px;
}


    .oa-box #calendar .k-header .k-nav-prev .k-i-arrow-w:hover {
        background-position: -1116px -529px;
    }

.oa-box #calendar .k-header .k-nav-next .k-i-arrow-e {
    background: url("../images/theme/icon.png?v=17");
    background-position: -1138px -564px;
}

    .oa-box #calendar .k-header .k-nav-next .k-i-arrow-e:hover {
        background-position: -1116px -564px;
    }

.businessbankaccount-icon, .businessbankaccount-icon-104, .businessbankaccount-icon-105, .businessbankaccount-icon-106 {
    background-position: -39px -994px;
}


.businessbillinginformation-icon {
    background-position: -39px -1031px;
}

.case-icon-8, .projectdashboard-icon, .case-icon-125 {
    background-position: -39px -886px;
}

.activity-icon-9, .projecttask-icon, .projecttask-icon-136 {
    background-position: -335px -201px;
}

.projecttaskitemquotation-icon {
    background-position: -335px -1968px;
}

.projecttaskitemquotation-icon-138 {
    background-position: -335px -2001px;
}

.businessdashboard-icon {
    background-position: -335px -1751px;
}

.projectmilestone-icon {
    background-position: -335px -1643px;
}

.manpowerratedefinition-icon {
    background-position: -335px -275px;
}

.timesheet-icon {
    background-position: -335px -814px;
}

.timesheetweekly-icon {
    background-position: -335px -238px;
}


.secondaryaccountquote-icon {
    background-position: -39px -1065px;
}

.commission-icon {
    background-position: -51px -1143px;
    width: 18px;
    height: 18px;
}

.salesrebate-icon {
    background-position: -39px -1102px;
}

.financevoucher-icon, .endperiodcurrencyrateadjustment-icon, .financevoucheritem-icon {
    background-position: -186px -23px;
}

.assetsstatuschangelog-icon {
    background-position: -186px -2186px;
}

.assetsassignmentlog-icon {
    background-position: -39px -2220px;
}

.financesubject-icon {
    background-position: -186px -59px;
}

.accountreceivable-icon {
    background-position: -50px -1266px;
    width: 18px;
    height: 18px;
}

.businessfinanceprofile-icon, .businessfinanceprofile-113-icon {
    background-position: -186px -94px;
}

.message-icon {
    background-position: -667px -12px;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 5px;
}

#cg-divHeader {
    background: #f7f7f7;
    color: #333;
    min-height: 16px;
    height: auto;
    line-height: 16px;
    padding: 10px 0 10px 6px;
}

.cg-colHeader-label {
    color: #333;
    font-weight: normal;
}

.cg-menu .cg-menu-item {
    background: #fff;
    color: #7e7e7e;
    height: 30px;
    line-height: 30px;
}

    .cg-menu .cg-menu-item:hover {
        background: #f4fcfa;
    }

.cg-DivItem {
    height: 22px;
    line-height: 22px;
    font-weight: normal;
}

/**autocomplete hover*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #f4fcfa;
}

#main-content-container .wrap {
    /*overflow-y: auto;*/
    /*padding-bottom: 60px;*/
}

.wraplist {
    overflow-x: hidden;
    overflow-y: auto;
    /*padding-bottom: 40px;*/
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    /*margin-top:50px;*/
}

.form-fixed {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    display: block;
    top: 51px;
    right: 0;
    left: 0;
    bottom: 0;
}

    .form-fixed .form-box {
        padding-bottom: 50px;
    }

.navigation-form-bar {
    height: 20px;
    line-height: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    display: none;
    position: relative;
}

    .navigation-form-bar a {
        padding: 0 16px;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        color: #7e7e7e;
        border-right: 1px solid #e5e5e5;
    }

        .navigation-form-bar a:hover {
            color: #29527a;
        }

    .navigation-form-bar div.more {
        display: inline-block;
        position: absolute;
        right: 15px;
        cursor: pointer;
    }

        .navigation-form-bar div.more > span {
            background-position: -1138px -494px;
            width: 34px;
            height: 20px;
            line-height: 20px;
        }

        .navigation-form-bar div.more div.container {
            position: absolute;
            top: 25px;
            right: 0;
            padding: 0 10px;
            border: 1px solid #e5e5e5;
            z-index: 11;
            width: 140px;
            background: #fff;
            display: none;
        }

        .navigation-form-bar div.more a {
            display: block;
            padding: 10px 0;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border: none;
            border-bottom: 1px dashed #e5e5e5;
        }

            .navigation-form-bar div.more a:last-child {
                border: 0;
            }

.form-box .action-fixed-box {
    position: fixed;
    bottom: 0;
    left: 200px;
    right: 0;
    background: #edf1f5;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    margin: 0;
    z-index: 3;
    transition: all 0.5s;
}

/*#main-content-container .wrap .k-grid-content {
    height:300px;
}*/
#main-content-container .search-box .wrap {
    padding-bottom: 0;
}

#main-content-container .box-body .wrap {
    padding-bottom: 0;
}
/*.k-grid-content{
    overflow-x:hidden;
}*/
#main-header .wrap {
    overflow-x: initial;
    padding-bottom: 0;
}

.report_main {
    padding: 20px;
}

    .report_main div.left, .report_main div.right {
        width: calc(50% - 20px);
    }

    .report_main div.right {
        margin-left: 20px;
    }

.report-box {
    background: #fff;
    margin-bottom: 20px;
}

    .report-box > div {
        padding: 14px 20px 20px 20px;
    }

.report_title {
}

    .report_title a {
        color: #333;
        font-size: 14px;
        text-decoration: none;
        position: relative;
        padding-left: 20px;
        line-height: 20px;
    }

        /*.report_title a:hover {
            color: #2ecd99;
        }*/

        .report_title a i {
            height: 14px;
            width: 14px;
            position: absolute;
            left: 0;
            top: 3px;
        }

.module-icon-1 {
    background-position: -1409px -207px;
}

.module-icon-2 {
    background-position: -1409px -279px;
}

.module-icon-3 {
    background-position: -1409px -172px;
}

.module-icon-4 {
    background-position: -1409px -135px;
}

.module-icon-6 {
    background-position: -1409px -315px;
}

.module-icon-7 {
    background-position: -1409px -243px;
}

.module-icon-9 {
    background-position: -1409px -98px;
}

.module-icon-10 {
    background-position: -13px -1679px;
}

.module-icon-24 {
    background-position: -15px -886px;
}

.module-icon-19 {
    background-position: -1409px -387px;
}

.module-icon-14 {
    background-position: -1409px -98px;
}

.report_list ul {
    display: inline-block;
    width: 100%;
}

    .report_list ul li {
        width: 33%;
        float: left;
        margin-top: 10px;
    }


        .report_list ul li a {
            line-height: 18px;
            color: #7e7e7e;
            font-size: 12px;
            padding-bottom: 1px;
            text-decoration: none;
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: 100%;
            border-bottom: 1px solid #fff;
        }

            .report_list ul li a:hover {
                color: #2ecd99;
                border-bottom: 1px solid #2ecd99;
            }



.box-report-title {
    padding: 10px 0 0 20px;
}

.template-chose-box {
    padding: 10px 0 0 20px;
}

.locationtitle {
    font-size: 24px;
    color: #3f444c;
    height: 50px;
    line-height: 50px;
}

.reportcenter-icon {
    background-position: -186px -742px;
}

.advancereport-icon {
    background-position: -186px -778px;
}

#cke_Note {
    clear: both;
}

span.display {
    font-size: 12px;
    color: #7e7e7e;
}

.form-box .TableBlockTypeBox, .form-box .reference-box {
    margin-bottom: 10px;
}

/*.k-state-default > .k-select {
    display: none;
}*/
.current-report {
    padding-bottom: 16px;
}

#main-content-container .switch-content .box-body .wrap {
    overflow: hidden;
}

/***************Chose Workflow Dlg*******************/
.dialog-box .form-box ul.control label.workflowlabel {
    color: #3f444c;
    font-size: 12px;
    font-weight: 900;
    width: auto;
    margin-bottom: 10px;
}

.dialog-box .form-box ul.control li a.workflowlink {
    color: #2ecd99;
    font-size: 12px;
    border: 1px solid #2ecd99;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    padding: 0 20px;
    margin: 0 30px 0 0;
}

    .dialog-box .form-box ul.control li a.workflowlink.on {
        background-color: #2ecd99;
        color: #fff;
    }

#ChoseCommonWorkflowDefDlg, #popupmessage-dialog {
    width: 800px;
}

#popupmessage-dialog {
    width: 1000px;
}

    #popupmessage-dialog table {
        width: 100%;
    }


    #popupmessage-dialog tbody tr td {
        border-bottom: 1px dashed #ccc;
        padding: 15px 5px;
        vertical-align: top;
    }

    #popupmessage-dialog tbody tr:first-child td {
        padding-top: 0;
    }

    #popupmessage-dialog tbody tr:last-child td {
        border: none;
        padding-bottom: 0;
    }
/**********************workflow operation*******************************/
.workflow-operation-box {
    text-align: center;
}

    .workflow-operation-box a.btn {
        margin-left: 45px;
        min-width: 72px;
        padding: 0 10px;
        width: auto;
    }

        .workflow-operation-box a.btn:first-child {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

    .workflow-operation-box .ok-button {
        display: block;
        margin: auto;
        height: 30px;
        line-height: 30px;
        color: #fff;
        width: 60px;
        text-align: center;
        border-radius: 4px;
        background: #2ecd99;
        box-shadow: none;
        border: none;
        cursor: pointer;
        font-size: 15px;
    }

#workflow-requireduser-dlg, #draft-save-dlg {
    width: 1200px;
}

    .workflow-operation-dlg .ok-button, #draft-save-dlg .ok-button {
        display: block;
        height: 32px;
        line-height: 26px;
        height: 26px;
        width: 80px;
        margin-right: 10px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-size: 12px;
        background: #2ecd99;
        text-decoration: none;
        box-shadow: none;
        border: none;
        margin: auto;
    }

.workflow-operation-box a.on {
    background: #2ecd99;
    color: #fff;
}
/***************scroll box******************/
.scroll-box {
    position: fixed;
    right: 20px;
    top: 200px;
    z-index: 99;
    display: none;
}

    .scroll-box a {
        display: inline-block;
        margin-left: 20px;
        width: 17px;
        height: 30px;
    }

        .scroll-box a.left-scroll {
            background: url("../Images/icon_left.png?v=17");
        }

        .scroll-box a.right-scroll {
            background: url("../Images/icon_right.png?v=17");
        }






/*************************internalmessage-form-box******************************/
#internalmessage-form-box ul.control li {
    width: 100%;
    height: auto;
}

#internalmessage-form-box ul.control label {
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    width: 90px;
}

#internalmessage-form-box ul.control span.display {
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
    vertical-align: top;
    height: auto;
}


/*********************************file display css*************************************/
.filedisplay-span .file-line {
    margin-top: 2px;
    white-space: normal;
    line-height: 16px;
}

    .filedisplay-span .file-line :first-child {
        margin: 0;
    }

    .filedisplay-span .file-line a {
        line-height: 16px;
    }

.search-template .location {
    font-size: 16px;
    color: #3f444c;
    height: 50px;
    line-height: 50px;
    position: relative;
}

    .search-template .location i.watch-icon {
        position: absolute;
        display: block;
        width: 16px;
        height: 16px;
        background-position: -886px -2151px;
        top: 17px;
        right: -26px;
    }

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.print-pdf-title {
    background: #fff;
    font-size: 24px;
    color: #3f444c;
    text-align: center;
    width: 100%;
    height: 80px;
    line-height: 80px;
}

.k-grid-header-wrap, .k-grid-footer-wrap {
    overflow: inherit;
}

@media print {

    /*隐藏不打印的元素*/
    .no-print, #submenu, #main-header {
        display: none;
    }
    /*其他打印样式*/

    body, .main-content-all, #main-content-container {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
    }

    .wrap > ul > li > span, input, .form-box .grid-list td span, .grid-list td, .k-treelist td, .form-box ul.control input, .form-box .grid-list input[type='text'], .form-box ul.control textarea, .sequence-action-box .textarea-box textarea {
        color: #000;
    }

    .form-box .grid-list input.red {
        color: #ed6f56;
    }


    .form-box .grid-list td span.red {
        color: #ed6f56;
    }

    .form-box ul.control label {
        color: #000;
    }

    .form-fixed {
        position: unset;
    }
}


.form-box ul.control select.searchop {
    width: 70px;
    height: 29px;
    background: none;
    float: left;
}

.form-box ul.control input.searchvalue {
    width: calc(100% - 204px);
    background: none;
}

#searcharea ul.control input.searchvalue {
    width: calc(100% - 160px);
}

#searcharea ul.control .k-autocomplete input {
    width: 100%;
}

.form-box ul.control li.digital-range input {
    width: calc(50% - 67px);
    background: none;
}

#searcharea ul.control li.digital-range input {
    width: calc(50% - 50px);
}

.searchblock {
    /*display: inline-block;*/
    padding-bottom: 1px;
    min-height: 62px;
    border-radius: 3px;
}

    .searchblock ul li label {
        text-align: right;
        margin-right: 8px;
    }

    .searchblock ul.control {
        margin-top: -10px;
    }


.searchblockopor {
    width: 0;
    height: 0;
    border-top: 30px solid #2fa3e6;
    border-right: 30px solid transparent;
}

.searchblockopand {
    width: 0;
    height: 0;
    border-top: 30px solid #2ecd99;
    border-right: 30px solid transparent;
}

    .searchblockopor span, .searchblockopand span {
        position: absolute;
        margin-top: -33px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        transform: rotate(-30deg);
    }

.dialog-box .ajax-form-box ul.control input.searchvalue {
    width: calc(100% - 174px);
    display: inline-block;
}

.dialog-box .ajax-form-box ul.control label {
    display: inline-block;
    width: 86px;
}

.dialog-box .ajax-form-box ul.control li {
    height: 29px;
    min-height: 29px;
}

.dialog-box .form-box ul.control li.date-range span.k-datepicker {
    width: calc(50% - 52px);
    display: inline-block;
}

.dialog-box .ajax-form-box ul.control li > span.k-autocomplete {
    width: calc(100% - 160px);
    display: inline-block;
}

.dialog-box ul.control li.digital-range input {
    width: calc(50% - 52px);
    display: inline-block;
}

.form-box ul.control label.split-line {
    width: 10px;
}

#searcharea ul.control label.split-line {
    width: 10px;
}

/*for the search box changed white and gray background*/
.whitebackground {
    background: #f0f0f0;
    border: 1px solid #ddd;
}

.graybackground {
    background: #fff;
    border: 0;
}


.marginspace {
    margin: 15px;
}

.ajax-form-box .active {
}

.ajax-form-box .blockactive {
    border: 1px solid #d0d0d0;
}

.form-box ul.control li.timespan-range span.humanreadabledisplay {
    width: 118px;
}

#reportcenter h1 {
    margin-top: 20px;
    font-size: 16px;
}

.current-report {
    background: #f0f0f0;
    border: 0 solid #d0d0d0;
    border-bottom-width: 1px;
}

    .current-report .wrap {
        padding: 0 20px 10px 20px;
    }


textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled {
    background-color: rgb(235, 235, 228);
}


/*****************Draft Box*****************/
.draft-list {
    padding: 0 10px;
    background: #f0f0f0;
    padding-left: 22px;
}

    .draft-list .content {
        position: relative;
        padding: 10px 0;
        padding-left: 60px;
    }

    .draft-list .title {
        font-weight: bold;
        position: absolute;
        width: 60px;
        top: 10px;
        left: 0;
        color: #2ecd99;
    }

    .draft-list li {
        float: left;
        width: 25%;
    }

        .draft-list li a {
            color: #7e7e7e;
        }

            .draft-list li a:hover {
                color: #2ecd99;
            }

            .draft-list li a.delete-draft-button {
                /*width: 10px;*/
                margin: 0 50px 0 5px;
                color: #f24949;
            }

.k-grid-content {
    min-height: 50px;
}


.k-dropzone .k-upload-status {
    display: none;
}

.k-upload-files .k-file-error {
    display: none;
}

.clone-icon {
    background-position: -658px -710px;
    width: 12px;
    height: 12px;
}


.recover-icon {
    background-position: -658px -674px;
    width: 12px;
    height: 12px;
}

.recover-icon-active {
    background-position: -727px -620px;
    width: 60px;
    height: 28px;
}

/*******************operaionLogs***************************/
#operaionLogs {
    position: absolute;
    z-index: 12;
    width: 398px;
    top: 130px;
    right: 30px;
    background: #fff;
    display: none;
    border-radius: 4px;
    border: 1px solid #434558;
}

    #operaionLogs .close {
        display: block;
        position: absolute;
        height: 24px;
        width: 24px;
        top: -12px;
        right: -12px;
    }

        #operaionLogs .close i {
            height: 24px;
            width: 24px;
            display: block;
            background-position: -882px -1030px;
        }

    #operaionLogs ul {
        padding: 0 24px;
    }

    #operaionLogs li {
        padding: 10px 0;
        border-bottom: 1px dashed #e5e5e5;
    }

        #operaionLogs li:last-child {
            border: none;
        }


    #operaionLogs div.header {
        background: #434558;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 24px;
    }

    #operaionLogs div.contents {
        height: auto;
        max-height: 400px;
        overflow-y: auto;
    }

        #operaionLogs div.contents ul.mayjor li {
            padding: 20px 0;
            color: #333;
            border: none;
            position: relative;
        }

            #operaionLogs div.contents ul.mayjor li a {
                color: #2ecd99;
                margin: 0 2px;
            }

                #operaionLogs div.contents ul.mayjor li a.more {
                    position: absolute;
                    right: 10px;
                    display: block;
                    top: 14px;
                    width: 30px;
                    height: 30px;
                    margin: 0;
                }

                    #operaionLogs div.contents ul.mayjor li a.more i {
                        width: 30px;
                        height: 30px;
                        display: block;
                        background-position: -879px -1064px;
                    }


/************DashBoard*******************/
ul.shortcut li {
    display: inline-block;
    width: 24%;
    height: 50px;
    line-height: 50px;
}

    ul.shortcut li a {
        font-size: 14px;
        margin-left: 10px;
        padding: 6px 10px 6px 6px;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 5px;
        width: calc(70% - 30px);
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-decoration: none;
        color: #7e7e7e;
        padding-left: 30px;
        position: relative;
    }


        ul.shortcut li a:hover {
            border: 1px solid #2ecd99;
            background: #2ecd99;
            color: #fff;
        }

.widgetop a:hover {
    text-decoration: none;
}



/*******************Calendar-box************************/
#calendar-box {
    width: 652px;
    margin-bottom: 0;
}

    #calendar-box .box-title .icontheme {
        background-position: -280px -146px;
    }

.calendar-activity-list {
    height: 242px;
    overflow-y: auto;
    background-color: #fff;
}

    .calendar-activity-list li {
        padding-left: 10px;
        margin-bottom: 4px;
    }

        .calendar-activity-list li span {
            color: #7e7e7e;
        }


.calendar-content #calendar {
    width: 380px;
    border: none;
    height: 290px;
}


/*.calendar-conten .k-calendar .k-content .k-link {
    height: 60px;
}*/

#calendar-box .k-calendar .k-content .event-date {
    border-bottom: 2px solid #2ecd99;
}

#calendar-box .k-calendar .k-content .k-state-selected .event-date {
    color: #fff;
}

#calendar-box .k-calendar .k-content th {
    text-align: center;
    height: 32px;
    line-height: 32px;
    background: none;
    color: #2ecd99;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border: none;
}

#calendar-box .k-calendar .k-content .k-link {
    height: 33px;
    line-height: 33px;
    padding: 0;
    border-radius: 0;
}

#calendar-box .k-state-focused.k-state-selected, #calendar-box .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, #calendar-box td.k-state-focused.k-state-selected {
    box-shadow: none;
    background: #eafaf5;
}

    #calendar-box .k-state-focused.k-state-selected > a, #calendar-box .k-list > .k-state-focused.k-state-selected > a, .k-listview > .k-state-focused.k-state-selected > a, #calendar-box td.k-state-focused.k-state-selected > a {
        color: #2ecd99;
    }

#calendar-box table.k-content {
    height: 242px;
}

#calendar-box .k-calendar .k-header {
    height: 40px;
    background: #fff;
}

    #calendar-box .k-calendar .k-header .k-link.k-nav-prev, #calendar-box .k-calendar .k-header .k-link.k-nav-next {
        height: 40px;
        line-height: 40px;
        top: 0;
    }

        #calendar-box .k-calendar .k-header .k-link.k-nav-prev:hover, #calendar-box .k-calendar .k-header .k-link.k-nav-next:hover {
            background: #fff;
        }

#calendar-box .k-calendar .k-link.k-nav-fast {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #2ecd99;
    margin: 0;
}

    #calendar-box .k-calendar .k-link.k-nav-fast:hover {
        background: #fff;
    }

#calendar-box .k-calendar td {
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 0;
}

    #calendar-box .k-calendar td:first-child, #calendar-box .k-calendar td:last-child {
        border-left: none;
        border-right: none;
        border-radius: 0;
    }

#calendar-box .k-calendar tr:last-child td {
    border-bottom: 0;
}

#calendar-box .k-state-selected, .k-state-selected:link, #calendar-box .k-state-selected:visited, .k-list > .k-state-selected, #calendar-box .k-list > .k-state-highlight, .k-panel > .k-state-selected, #calendar-box .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, #calendar-box .k-draghandle.k-state-selected:hover, #calendar-box .k-scheduler .k-scheduler-toolbar .k-state-selected, #calendar-box .k-scheduler .k-today.k-state-selected, #calendar-box .k-marquee-color {
    background-color: #2ecd99;
}

#calendar-box .k-calendar .k-footer {
    display: none;
}

.calendar-activity-box {
    width: 269px;
    border-left: 1px solid #ddd;
}

.calendar-active-title {
    position: relative;
    background: #fff;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 18px;
    color: #7e7e7e;
}

    .calendar-active-title span {
        font-size: 14px;
        color: #7e7e7e;
    }

    .calendar-active-title .icontheme {
        position: absolute;
        right: 20px;
        top: 16px;
        background-position: -330px -6px;
        height: 20px;
        width: 20px;
    }

#service-box li a:hover {
    background: #2ecd99;
    color: #fff;
    text-decoration: none;
}

.k-today.k-state-focused, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #2ecd99;
    border-color: #2ecd99;
}

/*.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    -webkit-box-shadow: inset 0 0 3px 4px #2ecd99;
    box-shadow: inset 0 0 3px 4px #2ecd99;
}*/

.k-list > .k-state-selected {
    background-color: #f4fcfa;
    border-color: #f4fcfa;
    color: #4f4f4f;
}
/*************Settings***************/
#system-menu ul li a.on {
    color: #2ecd99;
}

.form-box ul.control a.hidden {
    display: none;
}

.listbutton {
    padding: 0 0 0 52px;
    height: 50px;
    background: #fff;
    border: 0 solid #ddd;
    border-bottom-width: 1px;
}

    .listbutton a {
        min-width: 50px;
        margin-right: 3px;
        margin-top: 15px;
        border-radius: 3px;
        border: 1px solid #2ecd99;
        display: inline-block;
        text-align: center;
        background: #fff;
        text-decoration: none;
        color: #2ecd99;
    }

        .listbutton a:hover {
            color: #fff;
            background: #2ecd99;
        }

.expand-searchtemplate-button-icon {
    background-position: -884px -2184px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

    .expand-searchtemplate-button-icon:hover {
        background-position: -858px -2184px;
    }

.hidden {
    display: none;
}

.popmenutemplate {
    position: absolute;
    z-index: 1000;
    background: #fff;
    padding: 0 10px;
}

    .popmenutemplate li {
        height: 30px;
        line-height: 30px;
    }

        .popmenutemplate li a {
            height: 30px;
            line-height: 30px;
            color: #7e7e7e;
        }

#moresearchtemplate {
    float: left;
    margin-top: 12px;
}

.popmenutemplate li a.search-template-on {
    color: #2ecd99;
}


#message-dialog {
    width: 600px;
}

.btn-bar a.hidden {
    display: none;
}

.pivot-grid-wrap div.pivot-grid-configuration-box a.menu {
    background: #2ecd99;
}

.multilistspan {
    padding-left: 12px;
    display: inline-block;
}

    .multilistspan a {
        margin-top: 6px;
    }

/*******BatchImport*********/
#downloadtemplatefile a {
    color: #2ecd99;
}

#selectfile .a-upload {
    background: #2ecd99;
}

.blockcontent ul li label.systemfield {
    color: #2ecd99;
}

#resumetosytemconfig {
    height: 36px;
    margin: 2px 0 0 20px;
    background: #2ecd99;
    box-shadow: none;
    border: none;
}

/************helpDocPopup**************/
#helpDocPopup {
    z-index: 11;
}

    #helpDocPopup div.header {
        height: 68px;
        line-height: 68px;
        font-size: 16px;
        color: #333;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 30px;
    }

        #helpDocPopup div.header .icontheme {
            width: 24px;
            height: 24px;
            background-position: -882px -1534px;
            margin-right: 10px;
            margin-top: -2px;
        }

    #helpDocPopup div.body {
        white-space: normal;
        word-break: break-word;
        padding: 12px 30px;
        font-size: 13px;
        color: #333;
    }

span.morethanandequal, span.lessthanandequal {
    cursor: pointer;
    color: #2ecd99;
}

.grid-list table tr td a {
    text-decoration: underline;
    color: rgb(126, 126, 126);
}

    .grid-list table tr td a:hover {
        color: #2ecd99;
    }

.grid-list span.opspan {
}


/**********************WebTable SubTable************************/
.subtable-tr div.subtablewrap {
    padding: 10px;
}

.subtable-tr div.list .loading-icon {
    display: block;
    margin: auto;
}

.form-box .webfield-table td.subtable-td {
    padding: 0;
    position: relative;
    background: #f2f2f2;
}

.form-box .webfield-table tr.subtable-tr {
    height: auto;
}

.subtable-tr div.subtablewrap .column {
    float: left;
    height: 100%;
}

.subtable-tr div.subtablewrap .cell {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1px 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    min-height: 20px;
    background: #fff;
}

.subtable-tr div.subtablewrap .title .cell {
    border-top: 1px solid #ddd;
    background: #f7f7f7;
    color: #333;
}

.subtable-tr div.subtablewrap .column:first-child .cell {
    border-left: 1px solid #ddd;
}

.subtable-tr .subtable-div {
    position: relative;
}

.ocr-result table {
    width: 100%;
    border-collapse: collapse;
}

.ocr-result td {
    padding: 3px 2px;
    line-height: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.ocr-result tr:last-child td {
    border-bottom: none;
}

.ocr-result td a {
    line-height: 16px;
    text-decoration: underline;
    color: #2ecd99;
}

.ocr-result td div {
    margin-bottom: 3px;
}

.dialog-box .searchblock {
    padding-bottom: 1px;
    min-height: 62px;
    position: relative;
}

.dialog-box .form-box ul.control li a.hidden {
    display: none;
}

.listview-icon {
    background-position: -658px -1574px;
    width: 12px;
    height: 14px;
}

.listview-icon-active {
    background-position: -636px -1574px;
    width: 12px;
    height: 14px;
}

.listview-icon:hover {
    background-position: -636px -1574px;
    width: 12px;
    height: 14px;
}

.kanbanview-icon {
    background-position: -658px -1609px;
    width: 12px;
    height: 14px;
}

.kanbanview-icon-active {
    background-position: -638px -1609px;
    width: 12px;
    height: 14px;
}

.kanbanview-icon:hover {
    background-position: -638px -1609px;
    width: 12px;
    height: 14px;
}

.btn-bar a.listview, .btn-bar a.kanbanview, .btn-bar a.reportview {
    background: none;
    padding-left: 0;
    padding-right: 0;
}

    .btn-bar a.listview:hover, .btn-bar a.kanbanview:hover {
        background: none;
    }

.btn-bar a.listview {
    margin-right: 25px;
}

.btn-bar a.kanbanview {
    margin-right: 20px;
}

.btn-bar a.reportview {
    margin-right: 40px;
}

.btn-bar a.prevousornextpage-btn {
    padding: 0 10px;
    width: 12px;
    background: #a0a0a0;
}
/***********************List Help Doc Guid**********************/
.pageheldoc-content-box {
}

    .pageheldoc-content-box .main-box, .pageheldoc-content-box .addition-box {
        padding: 58px 0;
        background: #fff;
        text-align: center;
    }

    .pageheldoc-content-box .grey {
        background: #f7f7f7;
    }

    .pageheldoc-content-box p, .pageheldoc-content-box, .pageheldoc-content-box a {
        display: block;
        text-align: center;
        font-size: 16px;
        font-family: Arial,'黑体';
    }

        .pageheldoc-content-box p {
            margin-top: 5px;
        }

        .pageheldoc-content-box a {
            display: inline;
        }

        .pageheldoc-content-box h2 {
            font-size: 30px;
            margin-bottom: 34px;
            color: #333;
        }

        .pageheldoc-content-box .addition-box h2 {
            font-size: 24px;
            margin-bottom: 24px;
        }

        .pageheldoc-content-box p {
            color: #878787;
            line-height: 24px;
        }

        .pageheldoc-content-box img {
            display: block;
            margin: 38px auto 0 auto;
        }

        .pageheldoc-content-box a.button {
            border: 5px;
            height: 40px;
            line-height: 40px;
            background: #52556e;
            color: #fff;
            width: 140px;
            margin: 40px auto 0 auto;
            display: block;
        }

            .pageheldoc-content-box a.button:hover {
                background: #2fa3e6;
                text-decoration: none;
            }

        .pageheldoc-content-box div.video-box {
            width: 300px;
            height: 169px;
            margin: 38px auto 0 auto;
            position: relative;
        }

            .pageheldoc-content-box div.video-box .videoplay-icon {
                position: absolute;
                width: 60px;
                height: 60px;
                top: 50%; /* position the top  edge of the element at the middle of the parent */
                left: 50%; /* position the left edge of the element at the middle of the parent */
                transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
                background-position: -1073px -1177px;
            }

        .pageheldoc-content-box video {
            width: 100%;
            height: 100%;
        }

        .pageheldoc-content-box .button-group {
            text-align: center;
            margin: 40px auto 0 auto;
        }

            .pageheldoc-content-box .button-group a.button {
                margin: 0;
                display: inline-block;
                margin-right: 10px;
            }

                .pageheldoc-content-box .button-group a.button:last-child {
                    margin: 0;
                }

            .pageheldoc-content-box .button-group a.whitebtn {
                background: #fff;
                height: 38px;
                width: 138px;
                color: #52556e;
                border: 1px solid #52556e;
            }
/**************************************************************/
.grid-list tr td.inprocess {
    border-left-width: 7px;
    border-left-color: #2196f3;
}

.grid-list tr td.finish {
    border-left-width: 7px;
    border-left-color: #8bc34a;
}

.grid-list tr td.cancelworkflow {
    border-left-width: 7px;
    border-left-color: #9e9e9e;
}

.grid-list tr td.noworkflow {
    border-left-width: 7px;
    border-left-color: #fff;
}

    .grid-list tr td.inprocess input[type='checkbox'], .grid-list tr td.finish input[type='checkbox'], .grid-list tr td.cancel input[type='checkbox'], .grid-list tr td.noworkflow input[type='checkbox'] {
        margin-left: 3px;
    }

.alert-box .alert-list > li:hover {
    background: #f7f7f7;
}

.popmenu li:hover {
    background: #f7f7f7;
}


/***********webfield-rowblock*******************/
.form-page .form-box .webfield-rowblock {
}

    .form-page .form-box .webfield-rowblock > .column1 {
        float: left;
        width: 60%;
    }

    .form-page .form-box .webfield-rowblock > .column2 {
        float: right;
        width: 39.5%;
    }

    .form-page .form-box .webfield-rowblock .column1 ul.control li {
        width: calc(50% - 30px);
    }

    .form-page .form-box .webfield-rowblock .column2 ul.control li {
        width: calc(100% - 30px);
    }

    .form-page .form-box .webfield-rowblock .k-upload-files li, .form-page .form-box .webfield-rowblock ul.control .k-upload-files li {
        width: auto;
    }

    .form-page .form-box .webfield-rowblock ul.control li.wholeline {
        width: calc(100% - 30px);
    }

    .form-page .form-box ul.control li.longlabel, .form-page .form-box .webfield-rowblock .column1 ul.control li.longlabel, .form-page .form-box .webfield-rowblock .column2 ul.control li.longlabel {
        height: auto;
        width: calc(100% - 30px);
    }

        .form-page .form-box ul.control li.longlabel label {
            width: 100%;
            display: block;
            /*width: 316px;*/
        }

        .form-page .form-box ul.control li.longlabel .k-datepicker,
        .form-page .form-box ul.control li.longlabel .k-datetimepicker,
        .form-page .form-box ul.control li.longlabel span.display,
        .form-page .form-box ul.control li.longlabel span.static-field,
        .form-page .form-box ul.control li.longlabel input {
            width: 100%;
            /*width: calc(100% - 316px);*/
        }

.form-page .form-box ul.control li.autowidth-longlabel label {
    display: inline-block;
    width: auto;
    margin-right: 20px;
}

.form-page .form-box ul.control li.autowidth-longlabel .k-datepicker,
.form-page .form-box ul.control li.autowidth-longlabel .k-datetimepicker,
.form-page .form-box ul.control li.autowidth-longlabel span.display,
.form-page .form-box ul.control li.autowidth-longlabel span.static-field,
.form-page .form-box ul.control li.autowidth-longlabel input {
    width: auto;
    /*width: calc(100% - 316px);*/
}

    .form-page .form-box ul.control li.autowidth-longlabel input[type=checkbox] {
        width: 15px;
        height: 15px;
        margin-top: 5px;
        vertical-align: -webkit-baseline-middle;
    }
/***********Field control*******************/
#fieldconfigcontainer {
    position: absolute;
    width: 580px;
    transition: right .2s ease-in-out;
    box-shadow: -2px 5px 10px 1px rgba(0,0,0,.176);
    overflow-y: auto;
    background: #f7f7f7;
    top: 0;
    right: 0;
    height: 900px;
    z-index: 100;
}

#fieldcontrolmenu {
    width: 18%;
}

    #fieldcontrolmenu ul li {
        line-height: 30px;
        text-align: center;
        font-family: "宋体";
        color: #333333;
        cursor: pointer;
    }

        #fieldcontrolmenu ul li.active {
            background: #e5e5e5;
        }

        #fieldcontrolmenu ul li a {
            margin: 15px 10px 15px 10px;
            display: inline-block;
            text-decoration: none;
        }

        #fieldcontrolmenu ul li:hover {
            background: #e5e5e5;
        }

#fieldconfig {
    position: absolute;
    width: 82%;
    /*width: 100%;*/
    height: 100%;
    overflow-y: auto;
    background: #fff;
    top: 0;
    right: 0;
    z-index: 100;
}

.filedblockinfo {
    height: 48px;
    border: 0 solid #c1c1c1;
    border-bottom-width: 1px;
}

    .filedblockinfo ul li {
        float: left;
        height: 48px;
        line-height: 48px;
    }

.filedblockinfoli {
    width: 150px;
    padding-left: 20px;
}

    .filedblockinfoli span {
        font-size: 14px;
        color: #333333;
        font-weight: bold;
        display: inline-block;
        padding-left: 5px;
        height: 15px;
        line-height: 15px;
    }

.filedblockinfolitwocolumn {
    width: 330px;
}

.filedblockinfoalign {
    width: 150px;
    text-align: center;
}

#filedblockinfoaligninput {
    width: 100px;
}

.filedblockinfomore {
    width: 90px;
}

    .filedblockinfomore a {
        float: right;
        margin: 15px 0 0 0;
        cursor: pointer;
        color: #2ecd99;
        font-size: 12px;
    }

.filedmap ul {
    height: 36px;
    display: inline-block;
}

    .filedmap ul li {
        float: left;
        height: 36px;
        line-height: 36px;
        font-family: "宋体";
    }

.filedmap_show_head {
    width: 72px;
    padding-left: 28px;
    font-weight: bold;
    font-size: 14px;
}

.filedmap_filedname_head {
    width: 260px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.filedmap_op_head {
    width: 80px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.filedmap_show {
    width: 72px;
    padding-left: 28px;
}

.filedmap_filedname {
    width: 260px;
    color: #7e7e7e;
    border: 0 solid #ddd;
    border-bottom-width: 1px;
}

    .filedmap_filedname span {
        width: 240px;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.filedmap_op {
    width: 80px;
    text-align: right;
}

    .filedmap_op a {
        color: #2ecd99;
        font-size: 12px;
    }

#fieldcontrolconfig {
    position: absolute;
    width: 82%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    top: 0;
    right: 0;
    z-index: 100;
}

.filedcontrol_fieldname {
    height: 48px;
    border: 0 solid #c8c8c8;
    border-bottom-width: 1px;
}

    .filedcontrol_fieldname ul li {
        float: left;
        height: 48px;
        line-height: 48px;
    }

.filedcontrol_fieldnameli {
    width: 340px;
    padding-left: 20px;
}

    .filedcontrol_fieldnameli span {
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        border: 0 solid #2ecd99;
        display: inline-block;
        height: 15px;
        line-height: 15px;
    }

.filedcontrol_back {
    width: 100px;
}

    .filedcontrol_back i {
        float: right;
        margin: 15px 5px 0 0;
        cursor: pointer;
    }

.filedcontrol_content ul li {
    height: 36px;
    line-height: 36px;
    font-family: "宋体";
}

.filedcontrol_content_head {
    padding-left: 20px;
    font-weight: bold;
    font-size: 14px;
}

.filedcontrol_content_body {
    width: 420px;
    padding-left: 20px;
}

    .filedcontrol_content_body li {
        border: 0 solid #ddd;
        border-bottom-width: 1px;
    }

    .filedcontrol_content_body span {
        width: 150px;
        display: inline-block;
    }

    .filedcontrol_content_body input[type="text"] {
        border: none;
        border-bottom: 1px solid transparent;
        height: 32px;
        width: 269px;
        outline: none;
    }

        .filedcontrol_content_body input[type="text"]:hover {
            border-bottom: 1px solid #000;
        }

.back-icon {
    width: 26px;
    height: 26px;
    background-position: -884px -1968px;
}

    .back-icon:hover {
        background-position: -854px -1968px;
    }

.fieldsubmt {
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.fieldsubmt_btn {
    margin-left: 200px;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    min-width: 69px;
    padding: 0 5px;
    text-align: center;
    border-radius: 4px;
    background: #2ecd99;
    box-shadow: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

.fieldcontrol-edit-icon {
    width: 16px;
    height: 16px;
    background-position: -886px -2004px;
    margin-top: -22px;
}

    .fieldcontrol-edit-icon:hover {
        background-position: -860px -2004px;
    }
/***************case flow*********************/
.form-box .caseflow-box {
    padding-bottom: 5px;
    margin-top: 10px;
}

.caseflow-box a {
    height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
}

    .caseflow-box a:hover {
        text-decoration: none;
    }

.caseflow-box .container {
    padding-right: 80px;
    position: relative;
}

    .caseflow-box .container .ok-button {
        position: absolute;
        right: 0px;
        width: 80px;
        text-align: center;
        background: #434558;
        color: #fff;
        font-size: 12px;
        border-radius: 5px;
        top: 0;
    }

        .caseflow-box .container .ok-button:hover {
            border-color: #2ecd99;
            background: #2ecd99;
        }

.caseflow-box .flow a.item-step {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
    font-size: 12px;
    text-align: center;
    padding-right: 14px;
    padding-left: 24px;
    border-top-color: #bfc9ce;
    border-bottom-color: #bfc9ce;
    color: #4f4f4f;
    min-width: 100px;
    white-space: nowrap;
    cursor: default;
    background: #fff;
}

    .caseflow-box .flow a.item-step:after, .caseflow-box .flow a.item-step:before {
        content: ' ';
        display: block;
        position: absolute;
        right: -9px;
        top: 2.48px;
        width: 17px;
        height: 17px;
        border: 1px solid;
        border-color: #bfc9ce transparent transparent #bfc9ce;
        transform: rotate(-225deg);
        background: #fff;
        z-index: 2;
    }

    .caseflow-box .flow a.item-step:before {
        content: ' ';
        left: -10px;
        background: #fff;
        z-index: 0;
    }

    .caseflow-box .flow a.item-step.passed {
        border-top-color: #2ecd99;
        border-bottom-color: #2ecd99;
        background: #2ecd99;
        color: #fff;
    }

        .caseflow-box .flow a.item-step.passed:after {
            background: #2ecd99;
            border-color: #2ecd99 transparent transparent #2ecd99;
        }

    .caseflow-box .flow a.item-step.canchosestep {
        cursor: pointer;
    }

        .caseflow-box .flow a.item-step.canchosestep:hover, .caseflow-box .flow a.item-step.on {
            border-top-color: #2ecd99;
            border-bottom-color: #2ecd99;
            background: #fff;
            color: #4f4f4f;
        }

            .caseflow-box .flow a.item-step.on:after, .caseflow-box .flow a.item-step.on:before,
            .caseflow-box .flow a.item-step.canchosestep:hover:after, .caseflow-box .flow a.item-step.canchosestep:hover:before {
                border-color: #2ecd99 transparent transparent #2ecd99;
                background: #fff;
            }

/*.caseflow-box .flow a.item-step.current, .caseflow-box .flow a.item-step.current:after {
        background: #fff;
        color: #4f4f4f;
    }*/

#workflownote-dialog {
    width: 600px;
}

#workflownote-textarea {
    resize: none;
    height: 80px;
    width: 540px;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    vertical-align: top;
}

#workflownote-dialog input.submit {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #fff;
    min-width: 50px;
    min-width: 69px;
    padding: 0 5px;
    text-align: center;
    border-radius: 4px;
    background: #2ecd99;
    box-shadow: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    background: #2fa3e6;
}

/************************holiday-calendar*******************************/
.btn-bar a.workingcalendar-btn {
    padding: 0 10px;
}

#holiday-calendar {
    padding: 20px;
    padding-top: 0;
}

    #holiday-calendar .dialog-head {
        padding: 0;
        text-align: center;
        background: none;
    }

        #holiday-calendar .dialog-head .close {
            top: 13px;
            right: 0
        }

        #holiday-calendar .dialog-head span {
            font-size: 18px;
        }

        #holiday-calendar .dialog-head .last-year, #holiday-calendar .dialog-head .next-year {
            display: block;
            height: 16px;
            width: 16px;
            position: absolute;
            left: 0;
            top: 18px;
        }

        #holiday-calendar .dialog-head .next-year {
            left: 26px;
        }

            #holiday-calendar .dialog-head .last-year i, #holiday-calendar .dialog-head .next-year i {
                display: block;
                height: 16px;
                width: 16px;
                background-position: -886px -2078px;
            }

            #holiday-calendar .dialog-head .next-year i {
                background-position: -886px -2042px;
            }

        #holiday-calendar .dialog-head .last-year:hover i {
            background-position: -860px -2078px;
        }

        #holiday-calendar .dialog-head .next-year:hover i {
            background-position: -860px -2042px;
        }

    #holiday-calendar table {
        width: 1200px;
        border-collapse: collapse;
    }

        #holiday-calendar table td {
            padding: 6px 3px;
            text-align: center;
            border-bottom: 1px solid #e5e5e5;
            color: #333
        }

            #holiday-calendar table td.hover {
                background: #e5e5e5;
            }

        #holiday-calendar table tbody td {
            cursor: pointer;
        }

        #holiday-calendar table td.month {
            width: 48px;
        }

        #holiday-calendar table td span {
            display: block;
            color: #878787;
        }

            #holiday-calendar table td span.holiday {
                background: #d5edfa;
                border: 1px solid #2fa3e6;
                color: #2fa3e6;
            }

            #holiday-calendar table td span.weekend {
                background: #fbe4de;
                border: 1px solid #ea795b;
                color: #ea795b;
            }

    #holiday-calendar .desc {
        margin-top: 5px;
    }

        #holiday-calendar .desc span.holiday {
            color: #2fa3e6;
        }

        #holiday-calendar .desc span.weekend {
            color: #ea795b;
        }

    #holiday-calendar table thead td {
        border-top: 1px solid #e5e5e5;
        background: #f7f7f7;
    }

        #holiday-calendar table thead td:first-child {
            border-left: 1px solid #e5e5e5;
        }

        #holiday-calendar table thead td:last-child {
            border-right: 1px solid #e5e5e5;
        }

.linklink-icon {
    background-position: -658px -1537px;
    width: 12px;
    height: 12px;
}

    .linklink-icon:hover {
        background-position: -636px -1537px;
        width: 12px;
        height: 12px;
    }

.linklink-icon-active {
    background-position: -636px -1537px;
    width: 12px;
    height: 12px;
}

span.splitspan {
    color: #d0d0d0;
    display: block;
    float: left;
    margin: 2px 0 0 12px;
}

.modellang-box .wrap {
    padding-left: 0;
}

/*******************switchuser-box*************************/
.switchuser-box li {
    height: auto;
}

    .switchuser-box li > a:hover {
        color: #878787;
    }

#popmenu-user ul.switchuser-box > li > i.otherloginaccount-icon {
    background-position: -1138px -1284px;
}

/***************Operation Collection***************/
.codename-pagecode {
    width: 80%;
    float: left;
    padding-bottom: 20px;
}

    .codename-pagecode table {
        width: 98%;
        /*border: 1px solid #d0d0d0;*/
        border-radius: 3px;
        border-collapse: separate;
        background: #fff;
    }

    .codename-pagecode tr td {
        border: 0 solid #e0e0e0;
        border-bottom-width: 1px;
    }

    .codename-pagecode table tr td {
        padding-left: 20px;
        height: 40px;
        /*line-height: 40px;*/
        font-size: 14px;
        color: #7e7e7e;
        /*border: 1px solid #f7f7f7;*/
    }

    .codename-pagecode table tbody tr:last-child td {
        border: 0;
    }

    .codename-pagecode thead tr td.left-top-td {
        border-radius: 5px 0 0 0;
        width: 200px;
        border-color: #2ecd99;
        border-bottom-width: 2px;
    }

.dialog-box .form-box ul.control li > input.hidden, #searcharea ul.control label.hidden, .dialog-box .form-box ul.control li.date-range span.k-datepicker.hidden, .form-box ul.control li.date-range input.date-input.hidden {
    display: none;
}

.form-box ul.control li.date-range input.date-input {
    width: calc(100% - 160px);
    display: inline-block;
}

.timeintervalchange {
    position: absolute;
    left: 76px;
    top: 3px;
}

.selectedProductchange {
    position: absolute;
    left: 76px;
    top: 3px;
}

.selectedproducticon {
    background-position: -639px -2257px;
    width: 12px;
    height: 12px;
    margin: 0;
}

.k-picker-wrap .k-select, .k-picker-wrap .k-select {
    border: 0;
}

.timeintervalconst-icon {
    width: 16px;
    height: 16px;
    background-position: -637px -2149px;
}

.timeintervalrange-icon {
    width: 16px;
    height: 16px;
    background-position: -658px -2149px;
}

.deladvancesearch {
    float: right;
    margin: 5px;
}

/**********release dialog*********/
#release-dialog {
    position: absolute;
    height: 128px;
    width: 630px;
    padding-top: 280px;
    background: url('../Images/releasenotesdialogbg.png');
    z-index: 999;
    display: none;
    overflow: hidden;
}

    #release-dialog p {
        text-align: center;
        font-size: 16px;
    }

        #release-dialog p a {
            color: #2ecd99;
            margin-right: 20px;
            text-decoration: underline;
            font-size: 16px;
        }

    #release-dialog div.buttons {
        padding-top: 44px;
        text-align: center;
        position: relative;
        margin: auto;
    }

        #release-dialog div.buttons a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            width: 118px;
            margin-right: 10px;
            text-align: center;
            border-radius: 5px;
            color: #fff;
            font-size: 12px;
            background: #2ecd99;
            border: 1px solid #2ecd99;
            text-decoration: none;
            box-shadow: none;
        }

            #release-dialog div.buttons a.ingore {
                background: #fff;
                color: #878787;
                border: 1px solid #878787;
            }

            #release-dialog div.buttons a:hover {
                background: #fff;
                color: #2ecd99;
                border-color: #2ecd99;
            }

span.k-autocomplete span.k-i-close {
    display: none;
}

.form-box ul.control input.search-fieldmapdefinition-autocomplete-forsearchcompare, #searcharea ul.control input.search-fieldmapdefinition-autocomplete-forsearchcompare {
    width: calc(50% - 35px);
    float: left;
}

span.progressbackground {
    background: #2ecd99;
}



/*jianjiong.xu 颜色修改*/
.finish-color {
    background-color: rgba(46,205,153,0.6)
}

.finish-delay-color {
    background-color: rgba(204,225,152,0.6)
}

.cancel-color {
    background-color: rgba(158,158,158,0.6)
}

.delay-color {
    background-color: rgba(237,111,86,0.6)
}

.almost-over-color {
    background-color: rgba(239,170,0,0.6)
}

.ongoing-color {
    background-color: rgba(47,163,230,0.6)
}

.other-color {
    background-color: rgba(0,0,0,0.6)
}


/*********************************chose-productproperty-box*********************/
#chose-productproperty-box {
    padding-left: 280px;
    position: relative;
    height: 450px;
    border: 1px solid #ddd;
}

    #chose-productproperty-box .ztree {
        width: 270px;
        position: absolute;
        border: none;
        height: 440px;
        top: 0;
        left: 0;
        padding: 5px;
    }

    #chose-productproperty-box .productproperty-list-box {
        border-left: 1px solid #ddd;
        position: relative;
        height: 380px;
        padding-top: 40px;
        padding-bottom: 30px;
    }

        #chose-productproperty-box .productproperty-list-box .list-box {
            height: 380px;
            overflow-y: auto;
        }

        #chose-productproperty-box .productproperty-list-box input[type='text'] {
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-indent: 10px;
            border: none;
            box-shadow: none;
            outline: none;
            position: absolute;
            top: 0;
            left: 0;
        }

    #chose-productproperty-box .page {
        height: 29px;
        line-height: 29px;
        border-top: 1px solid #ddd;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        #chose-productproperty-box .page a {
            margin-right: 10px;
            margin-left: 10px;
            text-decoration: none;
        }

    #chose-productproperty-box table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        border: none;
    }


        #chose-productproperty-box table td, #chose-productproperty-box table th {
            text-align: left;
            padding: 5px;
            border: none;
        }

        #chose-productproperty-box table th {
            border: none;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

.tree-direct-checkbox-div .children-box {
    padding-left: 30px;
}

.form-box ul.control .tree-direct-checkbox-div input[type=checkbox] {
    margin: 0 4px;
}

.form-box ul.control li .tree-direct-checkbox-div p a.expand-control {
    vertical-align: middle;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    width: 10px;
    margin: 0;
}

    .form-box ul.control li .tree-direct-checkbox-div p a.expand-control:hover {
        text-decoration: none;
    }

.form-box ul.control li .tree-direct-checkbox-div label {
    font-weight: normal;
    display: inline;
}

    .form-box ul.control li .tree-direct-checkbox-div label.checked {
        color: #2ecd99;
    }

.form-box ul.control li .radiobox-div label, .form-page .form-box ul.control li.longlabel .radiobox-div label,
.form-box ul.control li .checkbox-div label, .form-page .form-box ul.control li.longlabel .checkbox-div label {
    font-weight: normal;
    display: inline;
    margin-right: 5px;
    /*vertical-align: middle;*/
}

    .form-box ul.control li .radiobox-div label.checked, .form-page .form-box ul.control li.longlabel .radiobox-div label.checked,
    .form-box ul.control .radiobox-div label.checked,
    .form-box ul.control li .checkbox-div label.checked, .form-page .form-box ul.control li.longlabel .checkbox-div label.checked,
    .form-box ul.control .checkbox-div label.checked {
        font-weight: bold;
    }

.form-box ul.control .radiobox-div input, .form-page .form-box ul.control li.longlabel .radiobox-div input,
.form-box ul.control .checkbox-div input, .form-page .form-box ul.control li.longlabel .checkbox-div input {
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-right: 50px;
}
/******************media screen********************/
@media screen and (min-width: 1600px) {
    .dialog-box {
        width: 1500px;
    }
}