body {
    color: #000;
}

label {
    font-weight: normal;
}

.x-grid3-cell-inner a:hover {
    cursor: pointer;
}

.x-ashow {
    color: #2B7DBC;
    text-decoration: none;
}

.x-ashow:hover {
    cursor: pointer;
    color: #FF4400;
    text-decoration: underline;
}

.x-msgshow {
    color: #2B7DBC;
    /*text-decoration: none;*/
}

.x-msgshow:hover {
    color: #FF4400;
    cursor: pointer;
    /*text-decoration: underline;*/
}

.x-fflag {
    position: absolute;
    top: 50px;
    right: 30px;
    z-index: 1000;
    color: #FF0000;
    font-size: 24px;
    height: 60px;
    width: 120px;
    border: 3px solid #FF0000;
    -moz-border-radius: 60px / 30px;
    -webkit-border-radius: 60px / 30px;
    border-radius: 60px / 30px;
    transform: rotate(-20deg);
    padding: 10px 20px;
    -moz-opacity: 0.60;
    opacity: .60;
    filter: alpha(opacity=60);
}

.x-fflag-blue {
    color: #0055AA !important;
    border-color: #0055AA !important;
}

.new-badge {
    margin-right: 5px;
    line-height: 1;
    display: inline-block;
    padding: 4px;
    border-radius: 100px;
    background-color: red;
}

.hide-badge {
    visibility: hidden !important;
}

.div_label {
    padding: 5px 20px 5px 20px;
    font-size: 12px;
    color: red;
    line-height: 20px;
}

div.sub_file {
    margin: 5px 0 5px 0;
    border-top: 0px dashed #aaa;
}

.xf-panel .xs-panel, .xf-panel .sub_tab {
    border-bottom-width: 0px;
}

.xf-panel .sub_file {
    border-bottom-width: 0px;
}

/***数据可视化***/
.x-dark-top .x-panel-body {
    background-image: url(../images/board/top-board.png);
    background-position: center;
    user-select: none;
}

.x-dark-body span.xpt-panel-header-text {
    margin: 0 auto;
    font-size: 13pt;
    font-weight: bold;
}

.x-dark-body .xpt-panel-body {
    background-color: #0F1F40;
}

.x-dark-body .x-portal-bg .x-panel-body {
    background-image: linear-gradient(to right, #000, #000, #000);
}

.x-dark-body .xpt-panel-header {
    color: #01bff0;
    border-bottom: 1px solid #0F1F40;
    background-color: #0F1F40;
}

.x-dark-body .xpt-panel-header .x-tool {
    display: none;
}

.xbold .x-grid3-cell-inner {
    font-weight: bold !important;
    font-size: 14px !important;
}

.xbold.x-grid3-row {
    background-color: #FF9900 !important;
}

/* grid data view */
.x-dark-body .x-grid3-hd-inner {
    background-color: #021d30;
    color: #01bff0 !important;
}

.x-dark-body .x-grid3-header-inner {
    background-color: #102133;
    color: #01bff0 !important;
}

.x-dark-body .x-grid3-hd-row td {
    border-left: 1px solid #021d30 !important;
    border-right: 1px solid #021d30 !important;
}

.x-dark-body .x-grid3-scroller {
    background-color: #102133;
    color: #19bffc !important;
}

.x-dark-body .x-grid3-row {
    border-color: #102133;
    border-top-color: #102133;
    border-top-color: #102133;
    color: #19bffc !important;
}

.CodeMirror pre {
    padding-left: 7px;
    line-height: 1.25;
}

.x-area-log,
.x-area-log:focus {
    height: 100%;
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    background-color: #000 !important;
    border: none;
}

.x-imicon {
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    right: 20px;
    bottom: 20px;
    padding: 14px 10px;
    background-color: #69AA46;
    border-radius: 4px;
    cursor: pointer;
}

.x-imicon:hover {
    background-color: #46A546;
}

.x-imicon i {
    color: #FFFFFF;
    font-size: 36px;
}

.pull-top {
    top: 2px;
    right: 2px;
    float: right;
    position: absolute;
}

.x-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.x-seldata {
    margin: 2px 2px 0 0;
    display: line;
    padding: 5px;
    background-color: #ffefbb;
    font-size: 14px;
    float: left;
}

/*  新闻公告样式  */
.x-news-content,
.x-reply-body .content,
.x-news-reply .content textarea,
.x-html-editor-wrap textarea {
    color: #333333;
    background-color: #fff;
    font-size: 15px;
    font-family: "Microsoft YaHei", tahoma, sans-serif;
    line-height: 26px;
}

.x-html-editor-wrap .x-toolbar {
    height: 50px;
    padding: 10px 0 !important;
    border-bottom: 1px solid #a9bfd3 !important;
}

.x-html-editor-tb .x-btn button {
    padding: 3px 8px;
}

.x-reply-body,
.x-news-body,
.x-news-content {
    padding: 10px 0;
    width: 800px;
    margin: 0 auto;
}

.x-news-body .title {
    padding: 10px 0;
    font-size: 26px;
    height: 50px;
    text-align: center;
}

.x-news-body .subtitle {
    padding: 2px 0;
    font-size: 14px;
    color: #858585;
    height: 30px;
    text-align: center;
    border-bottom: 1px solid #DCE8F1;
}

.x-news-content {
    border-bottom: 1px solid #DCE8F1;
}

.x-news-reply .retitle {
    padding: 10px 5px;
    font-size: 18px;
    color: #333333;
    text-align: left;
}

.x-news-reply .content {
    margin: 0 5px;
    height: 100px;
    border: 1px solid #00AAEF;
    border-bottom-color: #DCE8F1;
}

.x-news-reply .content textarea {
    border-width: 0;

}

.x-news-reply .button {
    height: 46px;
    border: 1px solid #00AAEF;
    border-top-width: 0;
    padding: 5px;
    margin: 0 5px;
}

.x-news-reply .button .x-btn {
    float: right;
}

.x-reply-body .title {
    padding: 0 5px;
    font-size: 18px;
    color: #333333;
    height: 30px;
    border-bottom: 1px solid #DCE8F1;
}

.x-reply-body .subtitle {
    padding: 15px 5px 5px 5px;
    font-size: 14px;
    color: #858585;
}

.x-reply-body .content {
    padding: 5px 5px 15px 5px;
    border-bottom: 1px solid #DCE8F1;
}

/**********************************************************************************/

span.chkbtn {
    float: right;
    color: #fff;
    cursor: pointer;
    border: 1px solid #6FB3E0;
    border-radius: 2px;
    padding: 2px 6px;
    background-color: #6FB3E0;
    margin-right: 5px;
}

span.chkbtn:hover {
    border-color: #1d6fa6 !important;
    background-color: #1d6fa6;
}

/* 审批意见样式 */
.chkfrm div.chk-title {
    padding: 10px;
    font-size: 15px;
}

.chkfrm .x-form-textarea {
    line-height: 22px;
    font-size: 15px;
    padding: 0 5px;
    border-color: #DCE8F1;
    box-sizing: content-box;
    border-width: 1px 0 1px 0;
}

.chkfrm .x-form-textarea:focus {
    border-color: #DCE8F1;
}

.chktab span.x-tab-strip-text {
    font-size: 15px;
}

.chktab .x-tab-panel-header {
    border-bottom: 1px solid #DCE8F1;
}

.x-check-his,
.x-check-user {
    display: block;
}

.x-check-his .his-title,
.x-check-user .check-title {
    padding: 8px 5px;
    color: #A0A0A0;
    border-bottom: 1px dashed #DCE8F1;
}

.x-check-user ul.user-list {
    list-style: none;
    height: 90px;
}

.x-check-user ul.user-list li.user-title {
    float: left;
    width: 100px;
    height: 80px;
    border: 1px solid #D5D5D5;
    border-radius: 6px;
    margin: 5px 0 0 10px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.x-check-user ul.user-list li.user-title div i {
    margin-top: 5px;
    display: block;
    font-size: 46px;
    color: #C4E3F3;
}

.x-check-user ul.user-list li.user-title div span {
    display: block;
    line-height: 26px;
}

.x-check-user ul.user-list li.user-title:hover {
    color: #00AAEF;
    border: 1px solid #FF6600;
}

.x-check-user ul.user-info {
    display: none;
}

.x-check-his ul.his-list {
    list-style: none;
}

.x-check-his ul.his-list li.his-body {
    display: block;
    border-bottom: 1px dashed #DCE8F1;
}

li.his-body div.his-time {
    width: 110px;
    float: left;
    padding-top: 9px;
}

li.his-body div.his-time i {
    margin-top: 4px;
    float: right;
    margin-right: -8px;
    font-size: 13px;
    color: #C4E3F3;
}

li.his-body div.his-ctn {
    margin-left: 110px;
    border-left: 1px solid #C4E3F3;
    padding-left: 40px;
}

li.his-body div.his-ctn div.ctn-title {
    line-height: 28px;
    font-weight: bold;
    padding: 5px;
}

li.his-body div.his-ctn div.ctn-title span.det {
    color: #A0A0A0;
    font-size: 13px;
    font-weight: normal;
    margin: 0 10px;
}

li.his-body div.his-ctn div.ctn-msg {
    padding: 0 5px 5px 5px;
}

/**********************************************************************************/

/*
x-bg-info:#3a87ad x-bg-success:#82af6f x-bg-warning:#f89406 x-bg-danger:#d15b47 x-bg-purple:#9585bf x-bg-inverse:#333333 x-bg-pink:#d6487e x-bg-yellow:#fee188
*/
/*JxBody top*/
.x-window-bl.x-panel-nofooter {
    border-top: none !important;
}

.x-window-footer .x-btn-mc,
.x-panel-footer .x-btn-mc {
    background-color: #6FB3E0; /*35BAF6*/
}

.x-window-footer .x-btn-mc:hover,
.x-panel-footer .x-btn-mc:hover {
    background-color: #1d6fa6 !important; /*00AAEF*/
}

.x-window-footer .x-btn button,
.x-panel-footer .x-btn button {
    color: #FFFFFF;
}

.x-tab-toolbar .x-toolbar,
#page-toolbar .x-toolbar {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: -1px !important;
}

.x-fa {
    margin-right: 6px;
}

.x-icon-only {
    margin: 0 !important;
    padding: 0;
    text-align: center;
}

.x-btn-mc .x-btn-arrow, .x-btn-mc .x-btn-split {
    margin-right: 4px;
}

.x-btn-white .x-btn-mc {
    background-color: #FFFFFF !important;
    border: 0px solid #00AAEF;
}

.x-btn-white.x-btn-over .x-btn-mc {
    background-color: #35BAF6 !important;
    border: 0px solid #00AAEF;
}

.x-btn-white.x-btn-over button {
    color: #FFFFFF !important;
}

.x-btn-white button {
    color: #2B7DBC !important;
}

.x-btn-success button {
    color: #fff !important;
}

.x-btn-success .x-btn-mc {
    background-color: #87B87F !important;
    border-color: #87B87F
}

.x-btn-success.x-btn-over .x-btn-mc {
    background-color: #629B58 !important;
    border-color: #629B58;
}

.x-btn-primary button {
    color: #fff !important;
}

.x-btn-primary .x-btn-mc {
    background-color: #6FB3E0 !important;
    border-color: #6FB3E0;
}

.x-btn-primary.x-btn-over .x-btn-mc {
    background-color: #1d6fa6 !important;
    border-color: #1d6fa6;
}

.x-btn-default button {
    color: #585858 !important;
}

.x-btn-default .x-btn-mc {
    background-color: #f0f0f0 !important;
    border-color: #f0f0f0;
}

.x-btn-default.x-btn-over .x-btn-mc {
    background-color: #E0E0E00;
!important;
    border-color: #E0E0E00;
}

.x-btn-danger button { /*red*/
    color: #fff !important;
}

.x-btn-danger .x-btn-mc {
    background-color: #d3413b !important;
    border-color: #d3413b;
}

.x-btn-danger.x-btn-over .x-btn-mc {
    background-color: #b52c26 !important;
    border-color: #b52c26;
}

.x-btn-pink button {
    color: #fff !important;
}

.x-btn-pink .x-btn-mc {
    background-color: #d54c7e !important;
    border-color: #d54c7e;
}

.x-btn-pink.x-btn-over .x-btn-mc {
    background-color: #be2f64 !important;
    border-color: #be2f64;
}

.x-btn-warning button {
    color: #fff !important;
}

.x-btn-warning .x-btn-mc {
    background-color: #ffb44b !important;
    border-color: #ffb44b;
}

.x-btn-warning.x-btn-over .x-btn-mc {
    background-color: #fe9e19 !important;
    border-color: #fe9e19;
}

.x-btn-main button {
    color: #fff !important;
}

.x-btn-main .x-btn-mc {
    background-color: #2a8bcb !important;
    border-color: #2a8bcb;
}

.x-btn-main.x-btn-over .x-btn-mc {
    background-color: #1d6fa6 !important;
    border-color: #1d6fa6;
}

.x-toolbar-cell {
    padding-right: 5px !important;
}

.x-must {
    color: #ff0000;
}

.x-gedit {
    color: #2E6DA4;
}

.x-form-field-wrap a,
.x-form-field-wrap button {
    padding: 3px 0px;
    text-align: center;
    color: #667B8F;
    background-color: #f0f0f0 !important;
}

.x-form-field-wrap .x-form-trigger-over {
    color: #00AAEF !important;
    background-color: #e0e0e0 !important;
}

.x-trigger-wrap-focus input.x-form-focus {
    border-color: #F59942 #D5D5D5 #F59942 #F59942 !important;
}

.x-trigger-wrap-focus a.x-form-trigger {
    border-color: #F59942 #F59942 #F59942 #D5D5D5;
}

.x-form-field-trigger-wrap input.x-field-d,
.x-form-field-trigger-wrap input.x-form-field {
    border-radius: 3px 0 0 3px;
}

.x-form-field-trigger-wrap a.x-form-trigger {
    line-height: 20px;
    border-radius: 0 3px 3px 0;
}

.x-tool-space {
    width: 2px;
    height: 16px;
    float: right;
    background-color: #c9c9c9;
    /*border-left: 1px solid #c9c9c9;*/
    margin: 6px 4px;
}

.search-item tr {
    height: 30px;
}

.x-date-hour, .x-date-minute, .x-date-second {
    padding: 2px;
}

.x-date-hour select, .x-date-minute select, .x-date-second select {
    line-height: 18px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* for ext css - over */
.x-fieldset {
    /*border:1px solid #deecfd;*/
    padding: 15px;
    display: block;
    margin-bottom: 0 !important;
}

.x-selectable, .x-selectable * {
    -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

.x-field-d {
    margin: 0;
    text-align: center;
}

.x-field-n {
    margin: 0;
    text-align: right;
}

.x-field-only, textarea.x-field-only {
    border-color: #D5D5D5 !important;
    background-color: #F0F0F0 !important;
    cursor: default;
}

/* #e9edf2 color value == opacity:.6; and font color is #000*/
.x-field-only + a.x-form-trigger {
    border-color: #D5D5D5 !important;
}

.x-form-main {
    padding-top: 10px;
}

.x-form-item label.x-form-item-label {
    display: block;
    float: left;
    width: 100px;
    padding: 3px;
    padding-left: 0;
    clear: left;
    z-index: 2;
    position: relative;
    /*white-space:nowrap;*/
}

.x-list-selected {
    color: white;
    background-color: #15428b;
}

.x-newgrid3-selected {
    color: white;
    background-color: #FF4400;
}

/* windows bottom btns */
.x-panel-btns {
    padding: 6px 0 6px 0; /*左右加了5px，宽度显示就不对了*/
    background-color: #FFFFFF; /*#F2F2F2*/
    border-bottom: 6px solid #FFFFFF;
}

.x-panel-footer-noborder.x-panel-btns {
    border-bottom-width: 0 !important;
}

/* for fieldset and subgrid header */
.xf-panel-header, .xs-panel-header {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 10px;
    background-color: #fff;
    overflow: hidden;
}

.xf-panel-header span, .xs-panel-header span {
    margin-top: 0.5px;
    font-weight: bold;
    display: inline-block;
    cursor: default;
}

.xf-panel, .xs-panel {
    border-bottom: 1px solid #f4f4f4;
}

.xf-panel-body, .xs-panel-body {
    border-top: 0 none;
    overflow: hidden;
}

.xf-panel-body {
    padding: 10px;
}

.xf-panel-header-noborder, .xs-panel-header-noborder {
    border-width: 0;
}

.xf-panel-body-noborder, .xs-panel-body-noborder {
    border-width: 0;
}

.sub_panel {
    /*margin: 0 20px;*/
}

.sub_panel .his-title {
    padding: 10px;
    font-weight: bold;
}

.sub_panel ul.his-list {
    padding-left: 30px;
}

.sub_panel .x-grid3-header {
    border-top: 1px solid #F0F0F0;
}

.total-row .x-grid3-cell-inner {
    font-weight: bold !important;
}

.total-row.x-grid3-row {
    border-color: #fff;
!important;
    background-color: #ffff !important;
}

/* for grid bottom sum */
.x-grid3-summary-row {
    /*border-left:1px solid #fff;
    border-right:1px solid #fff;
	border-top:1px solid #f2f2f2;*/
    color: #333;
    /*background: #ffefbb;*/
}

.x-grid3-summary-row .x-grid3-cell-inner {
    font-weight: bold;
    padding-bottom: 3px;
}

/*
.x-grid3-cell-first .x-grid3-cell-inner {
    padding-left:16px;
}*/
.x-grid-hide-summary .x-grid3-summary-row {
    display: none;
}

.x-grid3-summary-msg {
    padding: 4px 16px;
    font-weight: bold;
}

/* for sub tree node */
.font-red a span {
    color: #ff0000 !important;
}

.font-blue a span {
    color: #0000ff !important;
}

.font-green a span {
    color: #006600 !important;
}

.font-black a span {
    color: #000000 !important;
}

.x-window {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
}

.x-window-header .x-tool {
    margin-top: 3px;
    color: #b3b3b3;
}

body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #ffffff !important;
}

.x-tree-node {
    /*margin:2px 0 1px 0;*/
}

.x-tree-node-el {
    padding: 8px 0 8px 5px;
    font-size: 13px !important;
    font-family: "Microsoft YaHei", tahoma, sans-serif;
}

.x-tree-node .x-tree-node-over {
    background-color: #fcf8e3; /*eee*/
}

.x-tree-node .x-tree-selected {
    background-color: #ffefbb; /*d9e8fb*/
}

/* for menu tree */
.menu_scrolldiv {
    width: 8px;
    position: absolute;
    top: 0;
    background: #222;
    border-radius: 4px;
    z-index: 1;
    cursor: pointer;
}

.menu_bg .x-tree-root-ct { /*form main menu scroll*/
    position: absolute;
    width: 100%;
}

.menu_bg {
    position: relative; /* for menu no view scroll */
    background-color: #32404E; /*FBFBFB #32404E;*/
}

.menu_bg .x-tree-node i {
    color: #C3DAF9; /*585858 C3DAF9*/
}

.menu_bg .x-tree-node a span {
    color: #C3DAF9; /*585858 C3DAF9*/
    font-size: 15px;
}

.x-tree-node div.one-menu {
    background-color: #32404E; /*F2F2F2 #32404E;*/
    padding: 21px 5px 21px 7px;
    /*border-bottom: 1px solid #32404E;*/
}

.x-tree-node div.one-menu + ul {
    /*border-bottom: 1px solid #2c3845;
	border-bottom: 1px solid #2c3845;*/
}

.x-tree-node div.one-menu.collpse {
    padding-left: 7px;
    padding-right: 7px;
}

.x-tree-node div.one-menu.collpse .menu-icon {
    margin-right: 0;
}

.x-tree-node div.one-menu.collpse .menu-icon-v,
.x-tree-node div.one-menu.collpse span.txt {
    display: none;
}

/*IE Prevent menu icons new line display*/
.ext-ie .x-tree-node div.one-menu span,
.ext-ie .x-tree-node div.two-menu span {
    display: inline-block;
}

.ext-ie .x-tree-node div.two-menu .fa-caret-right {
    padding-left: 10px;
}

.x-tree-node-leaf.three-menu,
.x-tree-node div.two-menu {
    background-color: #2c3845; /*FBFBFB #32404E;*/
    padding: 12px 0 12px 28px;
}

/*.x-tree-node div.three-menu{
	background-color:#32404E;
    padding:10px 0 10px 15px;
}*/
.menu_bg div.x-tree-node-over {
    background-color: #3C4A57; /*E6F1F6 475360*/
    /*border-left:3px solid #2B7DBC !important;*/
}

.menu_bg div.x-tree-node-over i,
.menu_bg div.x-tree-node-over a span {
    color: #FFFFFF; /*2B7DBC FFFFFF*/
}

.menu_bg div.x-tree-node-el {
    /*border-left:3px solid #F8F8F8;*/
}

.menu_bg div.x-tree-selected {
    background-color: #475360; /*FFFFFF 475360*/
    /*border-left:3px solid #FF6600;*//*2B7DBC FF6600*/
}

.menu_bg div.x-tree-selected i,
.menu_bg div.x-tree-selected a span {
    color: #FFF; /*2B7DBC FFF */
}

.menu_bg li.x-tree-node {
    margin: 0 !important;
}

/*.x-tree-node-expanded .fa-chevron-right:before {
	content: "\f078";
}*/
.x-menu-two {
    background-color: #32404E;
    padding: 0;
}

.x-menu-two .x-menu-item-text {
    color: #C3DAF9;
    font-size: 14px;
}

.x-menu-two a.x-menu-item {
    padding: 10px 21px 10px 27px;;
}

.x-menu-two .x-menu-item-active {
    color: #FFFFFF;
    background-color: #475360;
    border-color: #475360;
}

.x-menu-two .x-menu-item-active a.x-menu-item {
    border-color: #475360;
}

.x-menu-two .x-menu-item-arrow {
    background-image: none;
}

.menu_bg .two-menu.x-tree-selected {
    border-right: 3px solid #d15b47;
}

/*menu top*/
.xme-panel, .xme-panel-body {
    /*border-right: 0px solid #E0E0E0;*/
}

.xme-panel-header {
    display: none;
    color: #C3DAF9; /*585858 C3DAF9*/
    font-weight: blod;
    font-size: 15px;
    border-bottom: 1px solid #708090;
    background-color: #32404E; /*F2F2F2 32404E*/

    padding: 6px 5px 6px 18px;
    line-height: 28px;
}

.xme-panel-header-text {
    padding: 4px 0 0 10px;
}

.xme-panel-header button i {
    color: #C3DAF9;
}

.main-menu-tree:before {
    content: "\f009";
    font-size: 18px;
}

.xme-panel-header .x-panel-inline-icon .fa {
    margin: 6px 0 0 3px;
    color: #C3DAF9 !important;
}

/*
.menu_bg .x-tree-ec-icon {
	float: right;
	margin-right: 10px;
}*/

/**************************/
.myhidden {
    display: none !important;
}

.fun-icon {
    margin-right: 5px;
}

.fa-funicon:before {
    content: "\f11d"; /*f096 f15b fa-file*/
}

.fun-menu-icon:before {
    content: "\f114"; /*f07b-folder f0f4-cup*/
}

.funmd-icon {
    height: 18px;
    width: 16px;
    margin-right: 5px;
}

.funmdy-icon {
    margin: 3px 5px 0 5px;
}

.funmdx-icon {
    float: right;
    margin: 3px 17px 0 0;
}

.funmdx-icon.itc { /*Firefox 显示有点异常*/
    margin-top: -19px;
}

.x-tree-selected .funmdx-icon {
    margin-right: 14px;
}

.one-menu .x-tree-node-icon {
    display: none;
}

.one-menu .x-tree-ec-icon {
    display: none;
}

.two-menu .x-tree-node-icon {
    display: none;
}

.two-menu .x-tree-ec-icon {
    display: none;
}

.two-menu .x-tree-node-indent .x-tree-elbow-line {
    width: 4px;
}

.three-menu .x-tree-ec-icon {
    display: none;
}

.three-menu .x-tree-node-icon {
    display: none;
}

/***************** 首页顶部菜单与图标样式 *******************/
.top-menu-img {
    height: 16px;
    cursor: pointer;
}

.top-menu-text {
    padding: 0 2px 0 6px;
    color: #FFF;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.top-menu-text:hover {
    color: #ff9900;
}

.top-fun-text {
    color: #FFF;
    background-color: #00AAEF; /*#75aef4 65C8F2*/
    font-size: 14px;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    float: left;
    min-width: 115px;
    padding-left: 5px;
    text-align: center;
}

.top-fun-text:last-child {
    /*border-right: 1px solid #E1E1E1;*/
}

.top-fun-text:hover {
    color: #FFF;
    background-color: #1FB4F7;
}

.top-fun-text:hover .top-fun-img {
    color: #FFF;
}

.top-fun-text i.fa {
    padding-right: 5px !important;
}

.top-fun-curr {
    color: #FFF;
    background-color: #35BAF6;
    border-bottom: 4px solid #f0f2f5;
}

/*FF6600 35BAF6*/
.top-fun-curr .top-fun-img {
    color: #FFF;
}

.top-fun-img {
    cursor: pointer;
    width: 14px;
    height: 14px;
    color: transparent;
    margin-left: 5px;
}

.top-fun-img:hover {
    color: #d15b47 !important;
}

.main_tab_down {
    color: #FFF;
    cursor: pointer;
    padding: 5px 2px 0 5px;
    border-radius: 3px;
}

.main_tab_down:hover {
    background-color: #D15B47;
}

.main_tab_down i {
    font-size: 22px;
    margin-top: 20px;
}

.main_collpse {
    color: #FFF;
    cursor: pointer;
    margin: 20px 10px 0 0;
    padding: 3px 3px 3px 5px;
    border-radius: 3px;
}

.main_collpse:hover {
    background-color: #0094D4;
}

.collpse .main_collpse {
    margin-right: 15px;
    background-color: #4d9dcc;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.35);
}

.main_logo {
    cursor: pointer;
    width: 162px;
    margin-top: 2px;
}

.collpse .main_logo {
    display: none;
}

.x-main-tab {
    padding: 1px 3px 0 3px;
    box-sizing: content-box;
    background-color: #f0f2f5;
}

.wfnav-icon {
    background-image: url(../images/icons/button/nav_active.gif) !important;
    margin: -20px 4px 0 0;
    float: right;
    width: 15px;
    height: 17px;
    cursor: pointer;
}

.wfnav-icon-chrome {
    margin-top: 0;
}

.top-menu-user {
    width: 145px;
}

.top-menu-user .user-info {
    width: 70px;
}

.top-lang-icon {
    cursor: pointer;
}

.top-lang-icon .tanslate-text {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.main-lang-menu {
    padding: 6px 0;
    border-radius: 8px;
}

.main-lang-menu .x-menu-item {
    padding: 0 !important;
}

.main-lang-menu .x-menu-item-icon {
    display: none;
}

.main-lang-menu .x-menu-item-text {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1;
}

.main-lang-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 6px 14px 6px 14px;
    box-sizing: border-box;
}

.main-lang-country {
    flex: 1 1 auto;
    min-width: 0;
    color: #111;
    font-size: 14px;
}

.main-lang-name {
    flex: 0 0 auto;
    color: #8a8a8a;
    font-size: 14px;
}

.main-lang-flag {
    flex: 0 0 20px;
    width: 20px;
    height: 14px;
    border-radius: 1px;
    background: #d9d9d9;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.main-lang-flag-cn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23de2910'/%3E%3Cpath fill='%23ffde00' d='M5 2.1l.75 2.3h2.45L6.2 5.8l.75 2.3L5 6.7 3.05 8.1l.75-2.3-2-1.4h2.45z'/%3E%3Cpath fill='%23ffde00' d='M10.9 2.2l.22.7h.74l-.6.43.23.7-.59-.43-.6.43.23-.7-.6-.43h.74zM13.1 4.4l.22.7h.74l-.6.43.23.7-.59-.43-.6.43.23-.7-.6-.43h.74zM13 7.5l.22.7h.74l-.6.43.23.7-.59-.43-.6.43.23-.7-.6-.43h.74zM10.8 9.8l.22.7h.74l-.6.43.23.7-.59-.43-.6.43.23-.7-.6-.43h.74z'/%3E%3C/svg%3E");
}

.main-lang-flag-global {
    height: 20px;
    background: none;
    box-shadow: none;
    color: #111;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}

.main-lang-flag-global::before {
    content: "\f0ac";
}

.main-lang-flag-id {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='10' fill='%23ce1126'/%3E%3Crect y='10' width='30' height='10' fill='%23fff'/%3E%3C/svg%3E");
}

.main-lang-flag-es {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23aa151b'/%3E%3Crect y='5' width='30' height='10' fill='%23f1bf00'/%3E%3Crect x='7' y='8' width='2.6' height='4' fill='%23c60b1e'/%3E%3Crect x='6.7' y='7.3' width='3.2' height='.8' fill='%23f8d12e'/%3E%3C/svg%3E");
}

.main-lang-flag-my {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14'%3E%3Crect width='28' height='14' fill='%23fff'/%3E%3Cpath d='M0 .5h28M0 2.5h28M0 4.5h28M0 6.5h28M0 8.5h28M0 10.5h28M0 12.5h28' stroke='%23cc0001' stroke-width='1'/%3E%3Crect width='14' height='8' fill='%23010066'/%3E%3Ccircle cx='5.2' cy='4' r='2.7' fill='%23ffcc00'/%3E%3Ccircle cx='6' cy='4' r='2.25' fill='%23010066'/%3E%3Cpath fill='%23ffcc00' d='M10.1 1.4l.35 1.15 1.05-.6-.6 1.05 1.15.35-1.15.35.6 1.05-1.05-.6-.35 1.15-.35-1.15-1.05.6.6-1.05-1.15-.35 1.15-.35-.6-1.05 1.05.6z'/%3E%3C/svg%3E");
}

.main-lang-flag-th {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23da2128'/%3E%3Crect y='3' width='30' height='14' fill='%23fff'/%3E%3Crect y='6' width='30' height='8' fill='%2324125f'/%3E%3C/svg%3E");
}

.main-lang-flag-br {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Crect width='28' height='20' fill='%23009b3a'/%3E%3Cpath d='M14 2.2L25.2 10 14 17.8 2.8 10z' fill='%23ffdf00'/%3E%3Ccircle cx='14' cy='10' r='4.2' fill='%23002776'/%3E%3Cpath d='M10 8.7c2.7-.4 5.2.2 7.8 1.9' fill='none' stroke='%23fff' stroke-width='.8'/%3E%3C/svg%3E");
}

.main-lang-flag-vn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23da251d'/%3E%3Cpolygon fill='%23ffff00' points='15,3.4 17.2,8.9 23.1,8.9 18.5,12.6 20.3,18.1 15,14.7 9.7,18.1 11.5,12.6 6.9,8.9 12.8,8.9'/%3E%3C/svg%3E");
}

.main-lang-current .main-lang-row {
    background: #eaf5ff;
}

.main-lang-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 5px 2px 0;
    border-radius: 50%;
    background: #4cb5ff;
    vertical-align: middle;
}

/*********************************************************************/

.x-grid3-filter {
    height: 20px;
    border-bottom: 1px solid #e2e2e2
}

.x-filter {
    overflow: hidden;
}

.x-grid3-row.x-grid3-row-alt {
    border-top-color: #F6F6F6;
    background-color: #F6F6F6;
}

.x-grid3-row {
    border-style: solid;
    border-width: 1px;
    border-top-color: #FFFFFF;
    border-bottom-color: #F0F0F0;
}

.x-grid3-cell-inner { /*set row height*/
    font-size: 13px !important;
}

.x-grid3-row td, .x-grid3-summary-row td {
    font-family: "Microsoft YaHei", tahoma, sans-serif;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

.x-grid3-row-selected {
    border-color: #F0F0F0; /*DEDEDE*/
    border-top-color: #ffefbb;
    background-color: #ffefbb !important;
}

.x-grid3-row-expander {
    background-color: #fafdff;
}

td.ux-grid-hd-group-cell {
    border-color: #f0f0f0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ffffff !important;
}

.x-grid3-hd-inner {
    font-family: "Microsoft YaHei", tahoma, sans-serif;
    padding: 10px 3px 8px 5px !important; /*old is : 4px 3px 4px 5px*/
    line-height: 18px;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color: #e6f1f6;
}

td.x-grid3-hd:hover {
    background-color: #e6f1f6;
}

.x-grid3-row-over, .x-grid3-row:hover {
    border-color: #F0F0F0;
    border-top-color: #FCF8E3;
    background-color: #FCF8E3 !important;
}

.x-grid3-rowicon {
    font-size: 18px;
    padding: 2px;
    cursor: pointer;
    color: #337ab7;
}

.x-grid3-row-last {
    /*border-bottom:1px solid #F6F6F6;*/
}

.x-form-field.x-item-disabled {
    background-color: #FBFBFB;
}

/*************x-tab************/
.form-tab .x-tab-strip-top .x-tab-strip-inner {
    padding: 15px !important;
}

.form-tab .x-tab-strip span.x-tab-strip-text {
    font-size: 15px !important;
}

.form-tab .x-tab-toolbar {
    padding-top: 15px;
}

.form-tab .x-tab-toolbar .x-toolbar {
    border-bottom-width: 0 !important;
}

.x-tab-strip-wrap {
    background-color: #FFF !important;
}

.x-tab-toolbar {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

/*处理cloud布局中的子表分页按钮样式*/
.x-tool:disabled {
    border-color: #9D9D9D;
}

.x-tool-page {
    width: 66px;
    border: 1px solid #1C354D;
}

.xs-panel-header .x-tool:hover:enabled,
.xf-panel-header .x-tool:hover:enabled,
.x-tab-toolbar .x-tool:hover:enabled {
    color: #00AAEF !important; /*00AAEF*/
    background-color: #F6F6F6 !important;
    border-color: #00AAEF !important;
}

/*被 x-tool-toggle 替代*/
.fa .toggle {
    display: none;
}

.sub_tab {
    border-bottom: 1px dashed #AAA;
}

.x-tab-panel-header {
    border-bottom: 1px solid #00AAEF;
}

.x_tab_work .x-tab-strip-top .x-tab-strip-inner {
    height: 49px;
    padding: 10px 15px;
}

.x_tab_work .x-tab-panel-header {
    border-bottom: 1px solid #DCE8F1;
}

.x_tab_work .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
    border-bottom: 2px solid #FF6600;
}

.x_tab_work .x-tab-strip span {
    display: inline-table;
}

.x_tab_work .x-tab-strip .badge {
    margin-left: 2px;
}

.sub_tab .x-tab-strip-top .x-tab-strip-inner {
    height: 49px;
    padding: 10px 15px;
}

.x-tab-strip-top .x-tab-strip-inner {
    height: 59px;
    padding: 15px 15px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
    border-bottom: 2px solid #00AAEF;
}

/*******************x-panel******************/
.x-panel {
    border-color: #65c8f2; /*#0094d4*/
}

.x-panel-body {
    border-color: #65c8f2;
}

.x-panel-header {
    color: #ffffff;
    border-color: #65c8f2;
    font-weight: normal;
    font-size: 13px;
    font-family: "Microsoft YaHei", tahoma, sans-serif;
    background-color: #35BAF6;
}

div.x-panel-inline-icon .fa {
    color: #4383B4;
    font-size: 16px;
    cursor: default;
    margin-top: 7px;
}

.xpt-panel {
    border-radius: 5px;
}

.xpt-panel-header {
    color: #333333;
    font-weight: normal;
    font-size: 15px;
    font-family: "Microsoft YaHei", tahoma, sans-serif;
    border-bottom: 1px solid #DCE8F1;
    background-color: #FFFFFF; /*#35BAF6*/

    overflow: hidden;
    zoom: 1;
    padding: 5px 10px;
    line-height: 18px;

    border-radius: 5px 5px 0 0;
}

.xpt-panel-header span {
    display: table;
    margin-top: 5px;
}

.xpt-panel-header button {
    color: #ACD392;
}

.xpt-panel-header button:hover {
    color: #4CAE4C !important;
}

.xpt-panel-body {
    border-bottom: 0px solid #DCE8F1;
    /*border:1px solid #d3dbde;
    border-top:0 none;*/
    overflow: hidden;
    background-color: #FFF;
}

.xpt-panel-body:after {
    /*border-bottom:1px solid #DCE8F1;*/
}

.xpt-panel-bwrap, .xpt-panel-body, .x-column-layout-ct {
    border-radius: 0 0 5px 5px;
}

.x-portlet {
    background-color: #FFF;
}

.x-layout-split {
    background-color: #F6F6F6;
}

.x-form-empty-wrap {
    width: 22px;
    height: 22px;
}

.x-list-wrap {
    border-bottom: 1px dotted #d0d0d0;
}


.x-btn button {
    padding: 7px 16px 7px 16px;
}

.x-btn.x-btn-small button {
    padding: 7px 12px 7px 12px;
}

.x-btn-rowin {
    right: 5px;
    position: absolute;
}

.x-btn-rowin i {
    color: #8C8C8C;
    visibility: hidden;
    margin: 0 5px 0 5px;
    cursor: pointer;
}

.x-btn-rowin i:hover {
    color: #5C5C5C;
}

.x-grid3-cell:hover .x-btn-rowin i {
    visibility: visible;
}

.x-btn-qryi {
    color: #667B8F;
    position: absolute;
    top: 8px;
    right: 5px;
}

.x-btn-qryi:hover {
    color: #00AAEF;
    cursor: pointer;
}

.x-btn-qryx {
    color: #DD5A43;
    cursor: pointer;
}

.x-btn-qryx:hover {
    color: #FF0000;
}

.x-btn-qry button {
    padding: 5px 8px 5px 8px !important;
}

.x-btn-qry .x-btn-mc {
    background-color: #FFF !important;
}

.tool-query {
    padding: 2px 0 2px 0 !important;
    border-bottom: 1px solid #F0F0F0 !important; /*d2dadd*/
    background-color: #FFFFFF;
    font-size: 12px !important;
}

.tool-query .x-btn button {
    padding: 2px 8px 4px 8px !important;
}

.sub_tab .tool-query,
.sub_panel .tool-query {
    border-bottom-width: 0 !important;
}

.x-query-label {
    width: 80px;
    text-align: right;
    padding-right: 4px;
}

.x-toolbar-left {
    padding-left: 5px !important;
}

.x-toolbar-right {
    padding-right: 5px !important;
}

.x-toolbar {
    height: 60px;
    position: relative;
    background: #fff;
    padding: 12px 0 !important;
    border-bottom: 2px solid #F0F0F0 !important; /*00aaef*/
}

.sub_tab .x-toolbar:not(.x-pagebar),
.sub_panel .x-toolbar:not(.x-pagebar) {
    height: 34px;
    padding: 3px 0 !important;
    border-bottom: 0px solid #F0F0F0 !important; /*00aaef*/
}

.sub_tab .x-btn button,
.sub_panel .x-btn button {
    padding: 4px 6px 4px 6px;
}

/*选择菜单中的表格工具栏要显示小一点*/
.x-combo-list .x-toolbar,
.x-menu-list .x-toolbar {
    height: 38px !important;
    padding: 4px 0 !important;
}

.x-btn-xiao button,
.x-menu-list .x-toolbar .x-btn button {
    padding: 4px 8px 5px 8px;
}

/*分页工具栏的样式*/
.x-pagebar {
    height: 38px !important;
    padding: 4px 0 !important;
    border-width: 0;
    border-top: 1px solid #f0f0f0 !important;
    border-bottom: 0 solid #afb8c6 !important;
}

.x-pagebar .x-btn-mc {
    background-color: transparent;
}

.x-pagebar .x-btn button {
    color: #00aaef !important;
    padding: 5px 10px !important;
}

.x-pagebar .x-btn button i {
    padding-right: 0 !important;
}

.x-pagebar .x-btn-mc em {
    margin-right: 0 !important;
}

.x-tbar-page-number {
    text-align: center !important;
}

/* for login or main page */
.msg-hint {
    height: 22px;
    clear: both;
    color: #FF9900;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 0 solid #0000FF;
}

#msg-div {
    position: absolute;
    left: 100px;
    top: 10px;
    width: 200px;
    z-index: 20000;
    text-align: center;
}

.login-img {
    background-image: url(../images/login.jpg) !important;
}

/*  工作消息列表    */
.pull-right {
    float: right;
}

.nav_msg_notip {
    font-size: 15px;
    padding-top: 30px;
    padding-left: 10px;
    color: #A3BAD9;
    text-align: left;
}

.plet-msg {

}

.plet-msg-header {
    padding: 5px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #393939;
    /*background-color: #F7F7F7;*//*FAFDFF*/
    border-top: 1px dashed #DCE8F1;
}

.plet-msg-header-open {
    border-bottom: 1px dashed #DCE8F1;
}

.plet-msg-header:hover {
    cursor: pointer;
}

.plet-msg li:first-child .plet-msg-header {
    border-top-width: 0px;
}

.plet-msg li:last-child .plet-msg-header {
    border-bottom: 1px dashed #DCE8F1;
}

.plet-msg-header.header-0 {
    cursor: default;
    /*background-color: #FFFFFF;*/
}

.header-0 .msg-icon {
    /*color:#858585;*/
}

.header-0 .pull-right.nav-flag {
    visibility: hidden;
}

.plet-msg-header .msg-body {
    padding: 5px 0;
    margin-left: 40px;
}

.plet-msg-header .nav-flag {
    color: #858585;
    font-size: 10px;
    width: 20px;
    margin: 8px 20px 8px 10px;
}

.plet-msg-header .badge {
    font-size: 10px;
    margin-top: 7px;
}

.plet-msg-header .msg-object {
    padding: 5px;
    float: left;
    line-height: 20px;
}

.plet-msg-ct {
    padding: 5px;
}

.plet-msg-ct li {
    color: #2B7DBC;
    padding: 5px 0 5px 40px;
}

.plet-msg-ct li:hover {
    cursor: pointer;
    color: #FF4400;
    background-color: #F7F7F7;
}

/*  常用功能样式  */
.nav_fun_body {
    padding: 0 5px 0 10px;
}

.nav_fun_type {
    border-bottom: 1px solid #DCE8F1;
}

.nav_fun_type span {
    padding: 5px 10px 3px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    display: inline-block;
    border-bottom: 2px solid #FF7777;
}

.nav_fun_type.odd span {
    border-bottom-color: #00CED1;
}

.nav_fun_table li {
    padding: 5px 5px;
    line-height: 30px;
    font-size: 14px;
    color: #393939;
    border-bottom: 1px dashed #DCE8F1;
}

.nav_fun_table li:hover {
    cursor: pointer;
    color: #FF4400;
    background-color: #F7F7F7;
}

.nav_fun_table li.even i {
    color: #FF7777; /*DD5A43*/
}

.nav_fun_table li.odd i {
    color: #00CED1;
}

.nav_fun_table .fun-object {
    padding: 14px 10px;
    width: 40px;
    height: 40px;
    float: left;
}

.nav_fun_table .fun-body {
    padding-top: 0;
    margin-left: 5px;
    white-space: nowrap;
}

/*  流程中心样式  */
.x-work-nodata {
    padding-top: 40px;
    color: #A0A0A0;
    font-size: 15px;
    display: block;
    text-align: center;
}

.x-work-table {
    width: 100%;
}

.x-work-table tr {
    height: 36px;
    border-bottom: 1px solid #DCE8F1;
}

.x-work-table tr td {
    padding: 5px;
    line-height: 24px;
    font-size: 14px;
}

.x-work-table tr td.small {
    color: #909090;
    font-size: 12px !important;
}

.x-work-table tr td:first-child {
    padding-left: 10px;
}

.x-work-table tr td:last-child {
    padding-right: 10px;
}

.x-work-table tr td i {
    /*font-size: 6px;
    padding: 8px 5px;
    float: left;*/
}

.x-work-table tr td i.icon {
    font-size: 14px;
    margin-right: 5px;
}

.x-work-table tr:hover {
    cursor: pointer;
    background-color: #F7F7F7;
}

/**********************************************/

.nav_wait_a {
    color: #0080FF;
}

.nav_warn_a {
    color: #FF4400;
}

.top_bg {
    width: 100%;
    height: 100%;
    background-color: #00AAEF;
}

.top_bg img {
    padding: 5px;
}

/*10px*/
.top_sysbtn {
    width: 100%;
    height: 60px;
    text-align: right;
    vertical-align: bottom;
    /*border-left: 1px solid #E1E1E1;*/
}

.top_info {
    color: #FF9900;
    width: 100%;
    height: 30px;
    /*float:right;
    text-align:right;*/
    font-size: 14px;
    /*background-color:#FFF;*/
}

.top_fun_title {
    display: inline-block;
    color: #FFF; /*FFF 475059*/
    margin: 24px 5px 0 10px;
}

.top_fun_title span i {
    cursor: pointer;
}

.top-nav, .top-nav li.blue a {
    background-color: #00AAEF;
}

.top-nav li.blue a:hover {
    background-color: #35BAF6;
}

.x-portal-bg .x-panel-body {
    background-color: #f0f2f5;
}

/*.active {color:#FF9900;}*/

.tree_root_ext {
    background-image: url(../images/icons/treeroot_ext.gif) !important;
}

.tree_root {
    background-image: url(../images/icons/treeroot.gif) !important;
}

.tabs {
    background-image: url(../images/icons/grid.gif) !important;
}

.tab_sub {
    background-image: url(../images/icons/sub.gif) !important;
}

.tab_grid {
    background-image: url(../images/icons/grid.gif) !important;
}

.tab_form {
    background-image: url(../images/icons/form.gif) !important;
}

.tab_des {
    background-image: url(../images/icons/des.gif) !important;
}

.hd_attach {
    background: url(../images/icons/attach.gif) no-repeat;
}

.flag_attach {
    background: url(../images/icons/attach_flag.gif) no-repeat;
    cursor: pointer;
    background-position: center center;
}

.nav_fun:before {
    content: "\f024"; /*flag*/
    color: #FF7777 !important;
}

.nav_msg:before {
    content: "\f09e"; /*rss*/
    color: #FF6600 !important;
}

.nav_chart:before {
    content: "\f0e4"; /*dashboard*/
}

.nav_work:before {
    content: "\f0b1"; /*briefcase*/
    color: #FF6600;
}

.nav_result:before {
    content: "\f0ce"; /*table*/
}

.eb_undo:before {
    content: "\f0e2"; /*undo*/
}

.eb_replace:before {
    content: "\f0ec"; /*exchange*/
}

.eb_audit_cancel:before {
    content: "\f00d"; /*close*/
}

.eb_audit_back:before {
    content: "\f08b"; /*sign-out*/
}

.eb_calc:before {
    content: "\f1ec"; /*calculator*/
}

.eb_stat:before {
    content: "\f1ec"; /*calculator*/
}

.eb_impexcel:before {
    content: "\f1c3"; /*file-excel-o*/
}

.eb_dirprint:before {
    content: "\f02f"; /*print*/
}

.eb_cog:before {
    content: "\f013"; /*cog*/
}

.gear:before {
    content: "\f013"; /*cog*/
}

.eb_setattr:before {
    content: "\f013"; /*cog*/
}

.eb_showpic:before {
    content: "\f03e"; /*picture-o*/
}

.eb_import:before {
    content: "\f067"; /*plus*/
}

.eb_imp:before {
    content: "\f067"; /*plus*/
}

.eb_exp:before {
    content: "\f064"; /*share*/
}

.eb_return:before {
    content: "\f08b"; /*sign-out*/
}

.eb_next:before {
    /*content: "\f063";arrow-down*/
    content: "\f054"; /*chevron-right*/
}

.eb_pre:before {
    /*content: "\f062";arrow-up*/
    content: "\f053"; /*chevron-left*/
}

.eb_qry:before {
    content: "\f002"; /*search*/
}

.eb_qryh:before {
    content: "\f1e5"; /*binoculars*/
}

.eb_checkset:before,
.eb_invoke:before {
    content: "\f013"; /*cog*/
}

.eb_create_sub:before {
    content: "\f067"; /*plus*/
}

.eb_create:before {
    content: "\f067"; /*plus*/
}

.eb_create_eg:before {
    content: "\f067"; /*plus*/
}

.eb_save:before {
    content: "\f0c7"; /*save*/
}

.eb_save_eg:before {
    content: "\f0c7"; /*save*/
}

.eb_copy_eg:before, .eb_copy:before {
    content: "\f0c5"; /*copy*/
}

.eb_delete_eg:before, .eb_delete:before {
    content: "\f014"; /*trash-o*/
}

.eb_form:before {
    content: "\f0f6"; /*file-text-o*/
}

.eb_audit:before {
    content: "\f00c"; /*check*/
}

.eb_agree:before {
    content: "\f00c"; /*check*/
}

.eb_chkw:before {
    content: "\f09e"; /*rss*/
}

.eb_check:before {
    content: "\f046"; /*check-square-o*/
}

.eb_query:before {
    content: "\f002"; /*search*/
}

.refresh:before {
    content: "\f021"; /*refresh*/
}

.eb_refresh:before {
    content: "\f021"; /*refresh*/
}

.eb_down:before {
    content: "\f019"; /*download*/
}

.eb_up:before {
    content: "\f093"; /*upload*/
}

.eb_empty:before {
    content: "\f097"; /*fa-bookmark-o*/
}

.eb_add:before {
    content: "\f067"; /*plus*/
}

.eb_change:before {
    content: "\f045"; /*fa-share-square-o*/
}

.eb_print:before {
    content: "\f02f"; /*print*/
}

.eb_expxls:before {
    content: "\f1c3"; /*file-excel-o*/
}

.eb_upload:before {
    content: "\f093"; /*upload*/
}

.eb_sum:before {
    content: "\f157"; /*cny*/
}

.eb_chart:before {
    content: "\f080"; /*bar-chart*/
}

.eb_deletegd:before {
    content: "\f014"; /*trash-o*/
}

.eb_savegd:before {
    content: "\f067"; /*plus*/
}

.eb_creategd:before {
    content: "\f045"; /*fa-share-square-o*/
}

.eb_menu:before {
    content: "\f141"; /*fa-ellipsis-h*/
}

.eb_more:before {
    content: "\f141"; /*fa-ellipsis-h*/
}

.eb_select:before {
    content: "\f00c"; /*check*/
}

.eb_clear:before {
    content: "\f00d"; /*close*/
}

.eb_cancel:before {
    content: "\f00d"; /*close*/
}

.eb_enable:before {
    content: "\f046"; /*check-square-o*/
    color: #85B558;
}

.eb_valid:before {
    content: "\f046"; /*check-square-o*/
    color: #85B558;
}

.eb_prop:before {
    content: "\f0c9"; /*bars*/
}

.eb_win:before {
    content: "\f17a"; /*windows*/
}

.eb_logout:before {
    content: "\f08b"; /*sign-out*/
}

.eb_pass:before {
    content: "\f084"; /*key*/
}

.eb_online:before {
    content: "\f007"; /*user*/
}

.eb_addpic:before {
    content: "\f03e"; /*picture-o*/
}

.eb_exesql:before {
    content: "\f04b"; /*play*/
}

.eb_dataimp:before {
    content: "\f064"; /*plus-square*/
}

.eb_windows:before {
    content: "\f17a"; /*windows*/
}

.upload_icon:before {
    content: "\f03e"; /*picture-o*/
}

.eb_pattach:before {
    content: "\f093"; /*upload*/
}

.eb_reply:before {
    content: "\f1d9"; /*f112 reply f1d9 fa-send-o*/
}

.eb_colse:before {
    content: "\f00d"; /*close*/
}

.eb_remcc:before {
    content: "\f00d"; /*close*/
}

.eb_remco:before {
    content: "\f00d"; /*close*/
}

.eb_hometabapp:before {
    display: none;
    /*content: "\f006";*//*star-o*/
}

.eb_home:before {
    content: "\f015"; /*home*/
}

.eb_proxy:before {
    content: "\f044"; /*pencil-square-o*/
}

.eb_wfnav:before {
    content: "\f009"; /*th-large*/
}

.eb_code:before {
    content: "\f121"; /*code*/
}

.eb_extcode:before,
.eb_gridcode:before,
.eb_filecode:before {
    content: "\f1c9"; /*file-code-o*/
}

/*************************** FORM设计面板的样式 ***************************/
.fdes-canvas {
    border-top: 1px dashed #000000;
    border-left: 1px dashed #000000;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 720px;
    height: 1500px;
    z-index: 0;
}

.fdes-canvas-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.fdes-grid {
    border-right: 1px dashed #7C7C7C;
    border-bottom: 1px dashed #7C7C7C;
    position: absolute;
    width: 120px;
    height: 30px;
    z-index: 0;
}

.fdes-formitem {
    -moz-opacity: 0.20;
    opacity: .20;
    filter: alpha(opacity=20);
    position: absolute;
    z-index: 10;
    cursor: pointer;
    background-color: #3E3E3E;
}

.fdes-columnitem {
    -moz-opacity: 0.20;
    opacity: .20;
    filter: alpha(opacity=20);
    position: absolute;
    z-index: 100;
    cursor: pointer;
    background-color: #00C400;
}

.fdes-fielditem {
    z-index: 1000;
    color: #0080FF;
    font-size: 13px;
    position: absolute;
    cursor: pointer;
    background-color: #E0E0E0;
    box-sizing: content-box;
}

.fdes-divitem {
    z-index: 1000;
    color: #0080FF;
    font-size: 13px;
    position: absolute;
    cursor: pointer;
    background-color: #F0BBBD;
    box-sizing: content-box;
}

.fdes-fieldhidden {
    background-color: #838383;
}

.fdes-selectcomp {
    border: 1px dashed #FF0000;
}

.fdes-selectdiv {
    z-index: 9000;
    position: absolute;
    border: 1px dashed red;
}


/*************************** 其他样式 ***************************/
.wp-title {
    height: 60px;
    font-size: 14px;
    padding: 18px 10px;
    border-bottom: 2px solid #00aaef;
}

.x-nav li {
    padding: 5px 10px;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #DCE8F1;
}

.x-nav li:hover {
    background-color: #ffefbb;
}

.x-nav li.active {
    background-color: #ffefbb;
    border-color: #FF6600;
}

/********* new funtion tab css *********/
.top_fun_bg {
    background-color: #f0f2f5;
}

.top-fun-curr {
    color: #111;
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: #d15b47;
}

.top-fun-curr .top-fun-img {
    color: #bfbfbf;
}

.top_sysbtn {
    height: 34px;
    border-top: 2px solid #f2f2f2;
}

.top-fun-text {
    color: #111;
    background-color: #ffffff;
    height: 34px;
    line-height: 32px;
    border-left: 2px solid #f2f2f2;
    min-width: 80px;
    padding-left: 20px;
}

.top-fun-text:hover {
    color: #00B5EE;
    background-color: #ffffff;
}

.top-fun-text:hover .top-fun-img {
    color: #bfbfbf;
}

.main_tab_down {
    color: #333333;
}

.main_tab_down i {
    margin: 5px 5px;
}

.main_tab_down:hover {
    background-color: #D15B47;
    font-weight: bold;
    color: #ffffff;
}

.alert-success {
    color: #3c763d;
    background-color: #f5fff0;
    border-color: #a1b98c;
    padding-top: 10px;
    padding-bottom: 10px;
}

#codeQryBtn{
    color: #000000;
    padding: 10px;
    font-size: 20px;
}

#menu_input{
    border-radius: 16px;
    border-color: #cbcbcb !important;
}