::-webkit-input-placeholder { /* WebKit browsers */
    color: #c5c5c5 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c5c5c5 !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c5c5c5 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #c5c5c5 !important;
}

html, body, form {
    width: 100%;
    height: 100%;
}

.clear {
    clear: both;
}

a:link, a:visited {
    color: #2980b9;
}

.jGrowl.top-right {
    right: 0;
    top: 0;
}

.jGrowl.center {
    width: auto;
    left: 50%;
    margin-left: -160px;
}

.jGrowl.bottom-right {
    bottom: 0;
}

#zc-nav {
    border-bottom: 1px solid #99bce8;
}

#zc-tip, .zc-tip {
    border-top: 1px solid #5bc7dc;
    background-color: #d9edf7;
    padding: 3px;
}

    #zc-tip ol, .zc-tip ol,
    #zc-tip ul, .zc-tip ul {
        padding: 0;
        margin: 0;
        list-style-position: inside;
    }

    #zc-tip .title, .zc-tip .title {
        float: left;
        font-weight: bold;
        color: #3a87ad;
        margin: 0 1px 0 3px;
        background: url(/ShareRes/ui/icons/lightbulb.png) no-repeat 0 2px;
        padding-left: 16px;
        line-height: 22px;
    }

    #zc-tip .tips, .zc-tip .tips {
        margin-left: 88px;
        line-height: 22px;
    }

    #zc-tip.compact .tips, .zc-tip.compact .tips {
        margin-left: 26px;
    }

    #zc-tip .tip b, .zc-tip .tip b {
        display: inline-block;
        height: 12px;
        width: 12px;
        margin: 2px 3px 0 0;
        _display: inline;
        _zoom: 1;
    }

    #zc-tip .tip.black b, .zc-tip .tip.black b {
        background-color: #333;
        border: 1px solid #000;
    }

    #zc-tip .tip.white b, .zc-tip .tip.white b {
        background-color: #fff;
        border: 1px solid #d8d8d8;
    }

    #zc-tip .tip.red b, .zc-tip .tip.red b {
        background-color: #cc6766;
        border: 1px solid #cc6766;
    }

    #zc-tip .tip.green b, .zc-tip .tip.green b {
        background-color: #7ea568;
        border: 1px solid #7ea568;
    }

    #zc-tip .tip.blue b, .zc-tip .tip.blue b {
        background-color: #4eabf0;
        border: 1px solid #4eabf0;
    }

    #zc-tip .tip.yellow b, .zc-tip .tip.yellow b {
        background-color: #f0ad4e;
        border: 1px solid #f0ad4e;
    }

    #zc-tip .tip.purple b, .zc-tip .tip.purple b {
        background-color: #7966cc;
        border: 1px solid #7966cc;
    }

    #zc-tip .tip.purple b, .zc-tip .tip.gray b {
        background-color: #999;
        border: 1px solid #999;
    }

    #zc-tip .tip.black-bg b, .zc-tip .tip.black-bg b {
        background-color: #333;
        border: 1px solid #000;
    }

    #zc-tip .tip.white-bg b, .zc-tip .tip.white-bg b {
        background-color: #fff;
        border: 1px solid #d8d8d8;
    }

    #zc-tip .tip.red-bg b, .zc-tip .tip.red-bg b {
        background-color: #f3c4c4;
        color: #cc6766;
        border: 1px solid #e17083;
    }

    #zc-tip .tip.green-bg b, .zc-tip .tip.green-bg b {
        background-color: #d0e9c6;
        color: #7ea568;
        border: 1px solid #a1cd7c;
    }

    #zc-tip .tip.blue-bg b, .zc-tip .tip.blue-bg b {
        background-color: #d9edf7;
        color: #4eabf0;
        border: 1px solid #6ebfee;
    }

    #zc-tip .tip.yellow-bg b, .zc-tip .tip.yellow-bg b {
        background-color: #e7deae;
        border: 1px solid #d0ab60;
        color: #f0ad4e;
    }

    #zc-tip .tip.purple-bg b, .zc-tip .tip.purple-bg b {
        background-color: #c9c2ed;
        color: #7966cc;
        border: 1px solid #7473d6;
    }

    #zc-tip .tip.purple b, .zc-tip .tip.gray-bg b {
        background-color: #cecece;
        border: 1px solid #999;
    }

.zc-conditions {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #f4f4f4;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 5px 5px 5px -0px rgba(0,0,0,0.2);
    overflow: visible;
    white-space: nowrap;
}

    .zc-conditions.zc-form {
        margin: 0;
    }

    .zc-conditions > table {
        border-collapse: collapse;
    }

    .zc-conditions td {
        padding: 1px 3px;
    }

    .zc-conditions .footer {
        text-align: center;
        padding: 5px;
        border-top: 1px solid #ccc;
    }

        .zc-conditions .footer div {
            display: inline-block;
        }

    .zc-conditions .advanced-panel .body {
        display: none;
    }

    .zc-conditions .trigger {
        border: 1px solid #a8bdd4;
        border-top: 0 none;
        padding: 3px 5px 3px 25px;
        background: url(/ShareRes/ui/extjs/res/ext-theme-classic/../images/toolbar/toolbar-default-bg.gif);
        position: relative;
        font-weight: bold;
        cursor: pointer;
    }

        .zc-conditions .trigger b {
            display: block;
            height: 15px;
            width: 15px;
            background: url(/ShareRes/ui/extjs/res/ext-theme-classic/../images/tools/tool-sprites.gif) no-repeat 100% -195px;
            position: absolute;
            left: 5px;
            top: 2px;
        }

    .zc-conditions .advanced-panel.expanded .trigger b {
        background-position: 100% -210px;
    }

    .zc-conditions .f-inline-block {
        width: auto !important;
    }


.zcui-icon-arrow-in {
    background-image: url(/ShareRes/ui/icons/arrow_in.png) !important;
}

.zcui-icon-arrow-out {
    background-image: url(/ShareRes/ui/icons/arrow_out.png) !important;
}

.vErrors {
    background-color: #f7d9d9;
    color: #b94a48 !important;
    border: 1px solid #e58595;
    border-top-color: #dc5b70;
    margin: 0;
    position: absolute;
    left: -9999px;
}

    .vErrors li {
        line-height: 22px;
    }

/*
    行高亮相关（旧）
    */

/* default(red) */
.f-grid-row.zc-grid-row-highlight.zc-color-red-bg td {
    background-color: #f3c4c4;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-red-bg td {
    background-color: #e17083;
    color: #fff !important;
}

.f-grid-row.zc-grid-row-highlight.zc-color-red-txt td {
    color: #cc6766 !important;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-red-txt td {
    font-weight: bold !important;
}

/* green */
.f-grid-row.zc-grid-row-highlight.zc-color-green-bg td {
    background-color: #d0e9c6;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-green-bg td {
    background-color: #a1cd7c;
    color: #fff !important;
}

.f-grid-row.zc-grid-row-highlight.zc-color-green-txt td {
    color: #7ea568 !important;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-green-txt td {
    font-weight: bold !important;
}

/* blue */
.f-grid-row.zc-grid-row-highlight.zc-color-blue-bg td {
    background-color: #d9edf7;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-blue-bg td {
    background-color: #6ebfee;
    color: #fff !important;
}

.f-grid-row.zc-grid-row-highlight.zc-color-blue-txt td {
    color: #4eabf0 !important;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-blue-txt td {
    font-weight: bold !important;
}

/* yellow */
.f-grid-row.zc-grid-row-highlight.zc-color-yellow-bg td {
    background-color: #e7deae;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-yellow-bg td {
    background-color: #d0ab60;
    color: #fff !important;
}

.f-grid-row.zc-grid-row-highlight.zc-color-yellow-txt td {
    color: #f0ad4e !important;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-yellow-txt td {
    font-weight: bold !important;
}

/* purple */
.f-grid-row.zc-grid-row-highlight.zc-color-purple-bg td {
    background-color: #c9c2ed;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-purple-bg td {
    background-color: #7473d6;
    color: #fff !important;
}

.f-grid-row.zc-grid-row-highlight.zc-color-purple-txt td {
    color: #7966cc !important;
}

.f-grid-row-selected.zc-grid-row-highlight.zc-color-purple-txt td {
    font-weight: bold !important;
}


.f-grid-row.zc-grid-row-highlight .x-grid-col {
    background-image: none;
}

.f-grid-row-selected.zc-grid-row-highlight .x-grid-col {
    background-image: none;
}


/*
    行高亮
    */

.f-grid-row.f-grid-row-selected,
.f-grid-row.f-grid-row-selected {
    background-color: #a2d1f2 !important;
    /*color: #000 !important;*/
}

/* 
    bold
    */
.f-grid-row.bold,
.f-grid-row.bold .f-tree-cell-text {
    font-weight: bold;
}

/* 
    delete
    */
.f-grid-row.delete,
.f-grid-row.delete .f-tree-cell-text {
    text-decoration: line-through;
}

/* 
    red
    */
.f-grid-row.red-bg,
.f-grid-row.red-bg .f-tree-cell-text {
    background-color: #f3c4c4;
}

.f-grid-row.ui-state-hover.red-bg,
.f-grid-row.ui-state-hover.red-bg .f-tree-cell-text {
    background-color: #e17083;
    color: #fff;
}

.f-grid-row.red-txt,
.f-grid-row.red-txt .f-tree-cell-text {
    color: #cc6766;
}

/* 
    green
    */
.f-grid-row.green-bg,
.f-grid-row.green-bg .f-tree-cell-text {
    background-color: #d0e9c6;
}

.f-grid-row.ui-state-hover.green-bg,
.f-grid-row.ui-state-hover.green-bg .f-tree-cell-text {
    background-color: #a1cd7c;
    color: #fff;
}

.f-grid-row.green-txt,
.f-grid-row.green-txt .f-tree-cell-text {
    color: #7ea568;
}

/* blue */
.f-grid-row.blue-bg,
.f-grid-row.blue-bg .f-tree-cell-text {
    background-color: #d9edf7;
}

.f-grid-row.ui-state-hover.blue-bg,
.f-grid-row.ui-state-hover.blue-bg .f-tree-cell-text {
    background-color: #6ebfee;
    color: #fff;
}

.f-grid-row.blue-txt,
.f-grid-row.blue-txt .f-tree-cell-text {
    color: #4eabf0;
}

/* yellow */
.f-grid-row.yellow-bg,
.f-grid-row.yellow-bg .f-tree-cell-text {
    background-color: #e7deae;
}

.f-grid-row.ui-state-hover.yellow-bg,
.f-grid-row.ui-state-hover.yellow-bg .f-tree-cell-text {
    background-color: #d0ab60;
    color: #fff;
}

.f-grid-row.yellow-txt,
.f-grid-row.yellow-txt .f-tree-cell-text {
    color: #f0ad4e;
}

/* purple */
.f-grid-row.purple-bg,
.f-grid-row.purple-bg .f-tree-cell-text {
    background-color: #c9c2ed;
}

.f-grid-row.ui-state-hover.purple-bg,
.f-grid-row.ui-state-hover.purple-bg .f-tree-cell-text {
    background-color: #7473d6;
    color: #fff;
}

.f-grid-row.purple-txt,
.f-grid-row.purple-txt .f-tree-cell-text {
    color: #7966cc;
}

/* gray */
.f-grid-row.gray-bg,
.f-grid-row.gray-bg .f-tree-cell-text {
    background-color: #cecece;
}

.f-grid-row.ui-state-hover.gray-bg,
.f-grid-row.ui-state-hover.gray-bg .f-tree-cell-text {
    background-color: #ccc;
    color: #666;
}

.f-grid-row.gray-txt,
.f-grid-row.gray-txt .f-tree-cell-text {
    color: #999;
}


/* white */
.f-grid-row.white-bg,
.f-grid-row.white-bg .f-tree-cell-text {
    background-color: #fff;
}

.f-grid-row.ui-state-hover.white-bg,
.f-grid-row.ui-state-hover.white-bg .f-tree-cell-text {
    background-color: #fcfcfc;
    color: #666;
}

.f-grid-row.white-txt,
.f-grid-row.white-txt .f-tree-cell-text {
    color: #fcfcfc;
}

/*
    单元格高亮
    */
/*
    red
*/
.f-grid-cell.red-bg {
    background-color: #e17083;
    color: #fff;
}

.f-grid-cell.red-txt {
    color: #cc6766;
}
/*
    green
*/
.f-grid-cell.green-bg {
    background-color: #a1cd7c;
    color: #fff;
}

.f-grid-cell.green-txt {
    color: #7ea568;
}
/*
    blue
*/
.f-grid-cell.blue-bg {
    background-color: #6ebfee;
    color: #fff;
}

.f-grid-cell.blue-txt {
    color: #4eabf0;
}
/*
    yellow
*/
.f-grid-cell.yellow-bg {
    background-color: #d0ab60;
    color: #fff;
}

.f-grid-cell.yellow-txt {
    color: #f0ad4e;
}
/*
    purple
*/
.f-grid-cell.purple-bg {
    background-color: #7473d6;
    color: #fff;
}

.f-grid-cell.purple-txt {
    color: #7966cc;
}
/*
    gray
*/
.f-grid-cell.gray-bg {
    background-color: #cecece;
    color: #fff;
}

.f-grid-cell.gray-txt {
    color: #999;
}

/*
    white
*/
.f-grid-cell.white-bg {
    background-color: #fff;
    color: #666;
}

.f-grid-cell.white-txt {
    color: #fcfcfc;
}

/*
    styles.css 修正
    */
.complex-grid .table {
    margin: 0;
}

.complex-table .table2 {
    margin: 0 auto;
}

.table2 {
    margin: 0 auto;
    border-collapse: collapse;
}
    /* 解决表格顶部边框消失的问题 */
    .table2 td {
        border: 1px solid #a8bdd4;
    }

        .table2 td td {
            border: 0 none;
        }

.table44 td {
    padding: 0 3px;
}

.f-field-textbox {
    height: 26px;
}

/* 
    表单样式
    */
.zc-form {
    padding: 0 30px;
    margin: 20px auto;
    color: #4b5159;
}

    .zc-form.w480 {
        width: 480px;
    }

        .zc-form.w480 .label {
            width: 26%;
        }

    .zc-form.w640 {
        width: 640px;
    }

        .zc-form.w640 .label {
            width: 20%;
        }

    .zc-form.w720 {
        width: 720px;
    }

        .zc-form.w720 .label {
            width: 18%;
        }

    .zc-form.w960 {
        width: 960px;
    }

        .zc-form.w960 .label {
            width: 14%;
        }

    .zc-form .label {
        width: 18%;
    }

        .zc-form .label.w10 {
            width: 10%;
        }

        .zc-form .label.w12 {
            width: 12%;
        }

        .zc-form .label.w14 {
            width: 14%;
        }

        .zc-form .label.w16 {
            width: 16%;
        }

        .zc-form .label.w18 {
            width: 18%;
        }

        .zc-form .label.w20 {
            width: 20%;
        }

        .zc-form .label.w22 {
            width: 22%;
        }

        .zc-form .label.w24 {
            width: 24%;
        }

        .zc-form .label.w26 {
            width: 26%;
        }

        .zc-form .label.w28 {
            width: 28%;
        }

        .zc-form .label.w30 {
            width: 30%;
        }

        .zc-form .label.w32 {
            width: 32%;
        }

        .zc-form .label.w34 {
            width: 34%;
        }

        .zc-form .label.w36 {
            width: 36%;
        }

        .zc-form .label.w38 {
            width: 38%;
        }

        .zc-form .label.w40 {
            width: 40%;
        }

    .zc-form .form-group {
        width: 100%;
    }

        .zc-form .form-group.collapsed .group-body {
            display: none;
        }

    .zc-form .group-header {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Microsoft YaHei', sans-serif;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-top: 20px;
        border-bottom: 1px solid #ddd;
        -webkit-box-shadow: 0px 7px 7px -6px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 7px 7px -6px rgba(0,0,0,0.05);
        box-shadow: 0px 7px 7px -6px rgba(0,0,0,0.05);
        text-align: left;
        color: #666;
    }

    .zc-form .collapsable .group-header {
        cursor: pointer;
    }

    .zc-form .group-header a.toggle-trigger {
        float: right;
        width: 16px;
        height: 21px;
        margin-right: 10px;
        background: url(../images/arrow-side.png) no-repeat 0 -93px;
    }

        .zc-form .group-header a.toggle-trigger:hover {
            background-position: 0 -135px;
        }

    .zc-form .form-group.collapsed .group-header a.toggle-trigger {
        background-position: 0 -9px;
    }

        .zc-form .form-group.collapsed .group-header a.toggle-trigger:hover {
            background-position: 0 -51px;
        }

    .zc-form .group-body {
        width: 96%;
    }

        .zc-form .group-body.center {
            margin: 0 auto;
        }

    .zc-form .label {
        text-align: right;
        width: 18%;
        font-weight: 400;
        font-size: 12px;
        vertical-align: middle;
    }

        .zc-form .label.required b {
            font-weight: 700;
        }

        .zc-form .label.red {
            color: #f00;
        }

        .zc-form .label.b {
            font-weight: 700;
        }

    .zc-form .f-inline-block {
        width: 100%;
    }

    .zc-form .f-field {
        margin-bottom: 0;
        width: 100%;
        border-spacing: 0;
    }

        .zc-form .f-field .ui-widget-content {
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),0px 1px 1px #fff;
        }

        .zc-form .f-field.ui-state-disabled {
            opacity: 1;
        }

            .zc-form .f-field.ui-state-disabled .ui-widget-content,
            .zc-form .f-field.f-readonly .ui-widget-content {
                background-color: #f4f4f4;
                cursor: not-allowed;
            }

        .zc-form .f-field.f-field-fileupload-wrap {
            overflow: hidden;
        }

    .zc-form .f-inline-block.zc-inline {
        display: inline;
    }

    .zc-form .f-btn {
        border-spacing: 0;
    }

    .zc-form .inline .f-inline-block {
        width: auto;
    }

    .zc-form .inline .f-field {
        width: auto;
    }

    .zc-form .sim-btn {
        display: inline-block;
        border-spacing: 0;
        padding: 4px 6px;
        height: 26px;
        line-height: 16px;
        vertical-align: middle;
        background-color: #3892d3;
        border-radius: 3px;
        cursor: pointer;
        color: #fff;
    }

        .zc-form .sim-btn:hover {
            background-color: #42a6ef;
        }

    .zc-form .field .desc {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        line-height: 28px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .zc-form .zc-field {
        display: table;
        border-spacing: 0;
        width: 100%;
    }

        .zc-form .zc-field .sim-ipt,
        .zc-form .zc-field input[type=text],
        .zc-form .zc-field input[type=password],
        .zc-form .zc-field textarea,
        .zc-form .zc-field select {
            display: table-cell;
            width: 100%;
            height: 26px;
            line-height: 16px;
            box-sizing: border-box;
            padding: 4px 6px;
            border: 1px solid #c5c5c5;
            border-radius: 3px;
            vertical-align: middle;
            background-color: #fff !important;
            font-size: 13px;
            color: #444;
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),0px 1px 1px #fff;
            overflow: auto;
        }

            .zc-form .zc-field .sim-ipt,
            .zc-form .zc-field input[type=text].disabled,
            .zc-form .zc-field input[type=password].disabled,
            .zc-form .zc-field textarea.disabled,
            .zc-form .zc-field select.disabled,
            .zc-form .zc-field input[type=text].readonly,
            .zc-form .zc-field input[type=password].readonly,
            .zc-form .zc-field textarea.readonly,
            .zc-form .zc-field select.readonly {
                background-color: #f4f4f4 !important;
                cursor: not-allowed;
            }

            .zc-form .zc-field input[type=text]:focus,
            .zc-form .zc-field input[type=password]:focus,
            .zc-form .zc-field textarea:focus,
            .zc-form .zc-field select:focus {
                border-color: #9fd8ff;
                background-color: #e2eff8 !important;
            }

    .zc-form .tree-dlg,
    .zc-form .grid-dlg,
    .zc-form .url-dlg {
        display: table-cell !important;
    }

        .zc-form .tree-dlg table,
        .zc-form .grid-dlg table,
        .zc-form .url-dlg table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        .zc-form .tree-dlg .tree-dlg,
        .zc-form .grid-dlg .grid-dlg,
        .zc-form .url-dlg .url-dlg {
            display: inline-block !important;
        }

        .zc-form .tree-dlg .trigger,
        .zc-form .grid-dlg .trigger,
        .zc-form .url-dlg .trigger {
            display: block;
            padding: 2px;
            margin-left: 5px;
            vertical-align: middle;
            background-color: #3892d3;
            border-radius: 3px;
            cursor: pointer;
        }

            .zc-form .tree-dlg .trigger:hover,
            .zc-form .grid-dlg .trigger:hover,
            .zc-form .url-dlg .trigger:hover {
                background-color: #42a6ef;
            }



body.ui-widget-content {
    background-color: #f4f4f4;
}

/*.f-panel-split {
    background-color: #f4f4f4 !important;
}

    .f-panel-split .f-panel-split-icon {
        border: 0 none !important;
        background-color: transparent;
    }*/

.f-grid-row .f-grid-cell-inner {
    white-space: normal;
}

.f-grid-summaryct {
    border-top: 1px solid #ccc;
    background-color: #f4f4f4;
    box-shadow: inset 2px 1px 2px 0px rgba(255,255,255,0.3),2px 2px 2px 0px rgba(0,0,0,0.2);
}

    .f-grid-summaryct .f-grid-row-summary {
        color: red;
        font-weight: bold;
        background-color: #f4f4f4;
    }

    .f-grid-summaryct .f-grid-row-lines .f-grid-cell {
        border-bottom: 0 none;
    }

    .f-grid-summaryct .bottom {
        border: 0 none;
    }

.f-panel {
    border-color: #3595DA;
    background-color: #f4f4f4;
}

    .f-panel.f-messagebox {
        border-color: #006cbb;
    }

        .f-panel.f-messagebox.ui-corner-all {
            border-radius: 0;
        }

        .f-panel.f-messagebox .f-toolbar.f-panel-toolbar-footer {
            border: 0 none;
            border-top: 1px solid #c5c5c5;
        }

    .f-panel.side {
        border-right: 1px solid #ccc;
    }

    .f-panel.f-menu-item {
        background-color: transparent;
    }

.f-panel-body {
    background-color: #f4f4f4;
}

    .f-panel-body.f-menu-item-inner {
        background-color: transparent;
    }

        .f-panel-body.f-menu-item-inner.ui-state-hover {
            background-color: #e2eff8;
        }

.f-grid-cell-inner {
    padding: 5px 5px 4px 5px;
}

.checkselectionfield .f-grid-cell-inner {
    text-overflow: inherit;
}

.f-grid-colheader-inner {
    padding: 5px 5px 5px 5px;
}

.f-group-sub-header .f-grid-colheader-innerr {
    padding: 4px 5px 5px 5px;
}

/*.f-grid-row-alt {
    background-color: #fafafa;
}*/

.f-grid-colheader.ui-state-default, .f-grid-headerct.ui-state-default {
    background: #f5f5f5 url(../images/table-header-bg.png) repeat-x;
}

.f-grid-colheader.ui-state-hover, .f-grid-table-headerct.ui-state-hover {
    background-color: #eef6fb;
}

.f-panel-header .ui-state-active.f-tab-header {
    background-color: #dfeaf2;
}


.ui-state-default.f-btn .ui-icon, .ui-state-hover.f-btn .ui-icon, .ui-state-active.f-btn .ui-icon {
    color: #fff;
}

.ui-widget-header .f-panel-icon.ui-icon {
    color: #fff;
}

.f-btn-icon-only {
    padding: 5px;
}

/*
    工具栏
    */
/* 默认颜色（蓝色） */
.f-toolbar {
    background-color: #dfeaf2;
    padding: 0 5px;
}

    .f-toolbar.f-panel-toolbar-footer {
        border-top: 1px solid #c5c5c5;
    }

    .f-toolbar.f-pagingtoolbar {
        border: 0 none;
        border-top: 1px solid #c5c5c5;
    }

    .f-toolbar .f-toolbar-item {
        margin: 5px 0;
    }

    .f-toolbar .f-toolbar-inner {
        height: 36px !important;
    }

    .f-toolbar .f-field.title {
        margin: 0;
        overflow: hidden;
        top: 0;
    }

        .f-toolbar .f-field.title .f-field-body-cell {
            font-size: 12px;
            font-weight: 700;
            font-family: 'Microsoft YaHei', Tahoma, Geneva, Verdana, sans-serif !important;
            padding-right: 20px;
            height: 36px;
            line-height: 36px;
        }

            .f-toolbar .f-field.title .f-field-body-cell .f-field-body {
                margin: 0;
                padding-right: 3px;
                padding-left: 19px;
                color: #2980b9;
                overflow: hidden;
                background: #dfeaf2;
                height: 100%;
                line-height: 36px;
            }

            .f-toolbar .f-field.title .f-field-body-cell b.arrow,
            .f-toolbar .f-field.title .f-field-body-cell b.arrow-bg {
                position: absolute;
                top: -1px;
                right: 0;
                width: 20px;
                height: 38px;
                border: 19px solid transparent;
                border-left: 19px solid #dfeaf2;
                border-right-width: 0;
            }

            .f-toolbar .f-field.title .f-field-body-cell b.arrow-bg {
                width: 20px;
                height: 38px;
                right: -1px;
                top: -1px;
                border: 19px solid transparent;
                border-left: 19px solid #c5c5c5;
                border-right-width: 0;
            }

        .f-toolbar .f-field.title .ui-icon {
            color: #2980b9;
            margin-right: 5px;
            position: absolute;
            top: 10px;
            left: 0;
        }

.zc-ext .f-toolbar .f-field.title .f-field-body-cell .f-field-body {
    color: #fff;
    background: #dfeaf2; /*url(../images/title-bg.png) repeat-x 0 0;*/
    border-radius: 3px 0 0 0;
    box-shadow: inset 1px 1px 2px 0px rgba(255,255,255,0.3);
}

.zc-ext .f-toolbar .f-field.title .f-field-body-cell b.arrow,
.zc-ext .f-toolbar .f-field.title .f-field-body-cell b.arrow-bg {
    border-left: 19px solid #dfeaf2;
}

.zc-ext .f-toolbar .f-field.title .f-field-body-cell b.arrow-bg {
    border-left: 19px solid #0e6252;
}

.zc-ext .f-toolbar.f-panel-toolbar-top,
.zc-ext .f-tabstrip-header.ui-widget-header {
    background: #68a6cd; /*url(../images/title-bg.png) repeat-x 0 0;*/
    color: #fff;
    border: 1px solid #0e6252 !important;
    border-bottom: 1px solid #196090 !important;
    border-radius: 4px 4px 0px 0px;
    box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
}

/* 绿色 */
.zc-ext .green.f-toolbar.f-panel-toolbar-top {
    background-color: #68a6cd;
    background-position: 0 -38px;
    border: 1px solid #0e6252 !important;
    border-bottom: 1px solid #196090 !important;
}

.ui-corner-all {
    border-radius: 3px;
}

    .ui-corner-all.f-window {
        border-radius: 0;
    }


/**
    Tree
*/

.f-tree-cell b,
.f-tree-cell span {
    color: #000;
}

.f-tree-cell .blue {
    color: #2980b9;
}

.f-tree-cell .red {
    color: #f00;
}

.f-tree-cell .gray {
    color: gray;
}



.f-tabstrip-header {
    border-bottom: 3px solid #3595DA;
    background: #dfeaf2;
}

.f-tabstrip-header-inner .f-tab-header {
    color: #000;
}

    .f-tabstrip-header-inner .f-tab-header.ui-state-active,
    .f-tabstrip-header-inner .f-tab-header.ui-state-hover {
        border-color: #3595DA;
        background: #3595DA;
        color: #fff;
    }

.f-tabstrip-scroller.ui-state-default .ui-icon {
    color: #666;
}

.f-tabstrip-scroller.ui-state-disabled .ui-icon {
    color: #ccc;
}

.f-tabstrip-header .f-panel-tools {
    background: #dfeaf2;
}

    .f-tabstrip-header .f-panel-tools .ui-icon {
        color: #2980b9;
    }

.zc-user-selector .readonly.f-field-body {
    background-color: #fff !important;
}


.f-panel-toolbar-top .f-btn {
    background: none;
    color: #3892d3;
    padding: 5px;
}

    .f-panel-toolbar-top .f-btn .ui-icon {
        color: #3892d3;
    }

    .f-panel-toolbar-top .f-btn.ui-state-hover {
        background: #3892d3;
        color: #fff;
    }

        .f-panel-toolbar-top .f-btn.ui-state-hover .ui-icon {
            color: #fff;
        }