/******************************************************************************
主页面布局
******************************************************************************/
body.narrow {
    /*padding-top: 35px;*/
    /*box-sizing: border-box;*/
}

#refreshFrame {
    cursor: pointer;
}

#header {
    height: 50px;
    display: flex;
    overflow: hidden;
    z-index: 30;
    background-color: #283A60;
}

#header .left {
    height: 50px;
    line-height: 50px;
    width: 52%;
    min-width: 600px;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#header .right {
    height: 50px;
    line-height: 50px;
    flex: 1;
    float: right;
}

#header .right .nav {
    height: 50px;
    line-height: 50px;
    float: right;
}

#header .nav li {
    position: relative;
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
#header .nav li:nth-child(1)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 11px;
    background: rgba(255,255,255,.8);
}
#header .nav li img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
#header .nav li a {
    /*color: #515A6E;*/
    color: #FFFFFF;
    line-height: 50px;
    height: 50px;
    display: flex;
    align-items: center;
}

#header .nav li a:hover {
    /*color: #515A6E;*/
    color: rgba(255,255,255,.88);
    line-height: 50px;
    height: 50px;
}

.headOperateDiv {
    position: absolute;
    top: 25px;
    right: 5px;
}

#wsState.offline {
    color: #333;
}

#header .left .logoDiv {
    float: left;
    display: block;
    width: 180px;
    height: 50px;
    /*background: url("images/main.logo.png") no-repeat center;*/
    background: url(images/logo-new.png) no-repeat center;
    /*background-position: center calc(100% - 7px);*/
    background-position: 28px 10px;
    background-size: auto 55%;
}
#menuMain {
    float: left;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 20px;
}
#menuMain span.nav-text {
    font-weight: bold;
    font-size: 16px;
    color: #F5C401;
    line-height: 50px;
    white-space: nowrap;
}
#menuTitle {
    cursor: pointer;
}
#menuMain #icon, #sidebar #titleIcon {
    display: inline-block;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 75%;
}
#sidebar #titleIcon {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 45px;
}
/* 扩大点击范围 */
#sidebar #titleIcon:before {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    left: -5px;
    bottom: -5px;
}
#menuMain .icon_close, #sidebar .icon_close {
    background-image: url(images/ddaccordion/down.png);
}
#menuMain .icon_open, #sidebar .icon_open {
    background-image: url(images/ddaccordion/up.png);
}

#sidebar .select-plane {
    position: absolute;
    z-index: 9999;
    top: 80px;
    left: 50px;
    min-width: 114px;
    max-width: 150px;
    min-height: 32px;
    max-height: 400px;
    background-color: #17284D;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    overflow-y: auto;
}
#sidebar .select-plane li {
    box-sizing: border-box;
    /*padding: 0 10px;*/
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
}
#sidebar .select-plane li a {
    width: 100%;
    display: inline-block;
    color: #ffffff;
    transition: 0.2s all;
}

#sidebar .select-plane li a:hover {
    color: #3693f3;
}

#sidebar .popover {
    display: none;
}

#popoverMark {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    overflow: auto;
}

#menuPosition {
    height: 50px;
    line-height: 50px;
    float: left;
    color: #FFFFFF;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
}

#menuPosition > span {
    white-space: nowrap;
}

#menuPosition .main-flow {
    margin: 0px 0 0 0;
    float: right;
    height: 50px;
    line-height: 50px;
    display: none;
}

.main-flow li {
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    padding: 0px 20px 0 5px;
    margin: 0;
    background-position: right -194px;
    white-space: nowrap;
}

#leftside, #container, #position {
    top: 50px;
}

#container {
    height: calc(100% - 50px);
}

#maintabs {
    /*margin-top: 40px;*/
}

#container #navMenu.popover {
    display: none;
    height: 0!important;
}
#sidebar_s {
    width: 40px;
}

#navMenu {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    font-size: 12px;
    background: none;
    /*padding-left: 15px;*/
    width: 750px!important;
    height: 100%;
    max-height: 100%;
    background-color: #00224A !important;
}
#navMenu .nav-con {
    overflow: auto;
    max-height: calc(100% - 56px);
}

#navMenu .nav-con > ul {
    flex-grow: 1;
    columns: 200px 3;
    column-gap: 12px;
}

/*#navMenu li a, #navMenu li span {*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    font-size: 14px;*/
/*}*/

#navMenu li {
    background: none;
    /*margin-left: -2px;*/
    break-inside: avoid;
    color: #fff;
}

#navMenu li a {
    position: relative;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#navMenu li .menu-1 a {
    width: 100%;
}

#navMenu li .menu-1 {
    font-weight: 400;
    color: #ff6a00;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}
#navMenu li a:hover {
    background: none;
}

#navMenu .line-item > a {
    border-left: 2px solid transparent;
}

#navMenu .line-item > a:hover {
    background: linear-gradient(274deg, rgba(0, 110, 255, 0.6) 0%, rgba(0, 110, 255, 0) 100%);
    border-left: 2px solid #006EFF;
}

#navMenu .level-3 .line-item > a:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.5);
}

#navMenu .level-3 .line-item > a:hover {
    background: linear-gradient(274deg, rgba(0, 110, 255, 0.6) 0%, rgba(0, 110, 255, 0.1) 100%);
    border-color: #00224A;
}
#navMenu li .menu-1 a, #navMenu li .menu-1 span {
    font-weight: 400;
    color: #ff6a00;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}
#navMenu .menu-2 {
    padding-left: 10px;
}

#navMenu .menu-2 ul {
    margin: 0;
    margin-left: 5px;
    margin-right: 7px;
    list-style-type: none;
    padding-left: 0;
}


#navMenu .menu-3 {
    padding-left: 10px;
}

.nav-header {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quick-access {
    flex: 1;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
}

.nav-header .visits-ul {
    display: flex;
    align-items: center;
    margin-left: 12px;
    gap: 15px;
}

.nav-header .visits-ul a {
    font-size: 14px;
    color: #fff;
    transition: .2s all;
}

.nav-header .visits-ul a:hover {
    color: #3693f3;
}

.nav-header .visits-ul a:visited {
    color: #fff;
}

.nav-header .ui-input {
    position: relative;
    width: 270px;
}

.nav-header .ui-input .layui-icon {
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

.nav-header #searchMenu {
    background: transparent;
    height: 36px;
    line-height: 36px;
    -webkit-appearance: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .8);
    display: inline-block;
    font-size: inherit;
    outline: none;
    padding: 0 15px;
    padding-left: 30px;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

/*#navMenu li.selected span {*/
/*    line-height: 40px !important;*/
/*    font-size: 14px;*/
/*    color: #fffdfe;*/
/*    background: #204E97;*/
/*    border-top: none;*/
/*    border-bottom: none;*/
/*}*/

/*#navMenu li a:hover {*/
/*    background: #2A68C9;*/
/*    background-position: none;*/
/*}*/

.toggleCollapse {
    background: none !important;
    background-color: #283A60 !important;
    height: 40px;
    text-align: center;
}

.toggleCollapse h2 {
    line-height: 40px;
    color: #FFFFFF;
    display: inline;
    font-size: 14px;
    width: 150px;
    text-align: left;
    padding-left: 27px;
    background: none;
}

.toggleCollapse i.layui-icon-spread-left {
    position: absolute;
    display: block;
    overflow: hidden;
    height: 40px;
    cursor: pointer;
    margin-top: 12px;
    width: 100%;
}

.toggleCollapse i.layui-icon-shrink-right {
    position: absolute;
    top: 12px;
    right: 18px;
    display: block;
    overflow: hidden;
    height: 16px;
    cursor: pointer;
    color: #FFFFFF;
}

#sidebar {
    background: #283A60 !important;
}
#menuBody {
    border: none;
    background: none !important;
    background-color: #283A60 !important;
    background-position: bottom;
    background-repeat: no-repeat;
}

.menuContainer .ztree-div.treeDiv li, .menuContainer .ztree-div.treeDiv li.leaf {
    line-height: 40px !important;
}

.menuContainer .ztree-div.treeDiv li a {
    position: relative;
}

.menuContainer .ztree-div.treeDiv li a span.button {
    position: absolute;
    left: 150px;
    top: 12px;
}

.menuContainer .ztree-div.treeDiv li a span:not(.button) {
    position: absolute;
    left: 27px;
    top: 12px;
}

.menuContainer .ztree-div.treeDiv li a.level2 span:not(.button) {
    position: absolute;
    left: 40px;
    top: 12px;
}

.menuContainer .ztree-div.treeDiv li a {
    width: 100%;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0;
    border: 0;
    text-decoration: none;
    color: #ffffff;
    background: none !important;
    background-color: #283A60 !important;
}

.menuContainer .ztree-div.treeDiv li a:hover, .menuContainer .ztree-div.treeDiv li.level1.leaf a:hover {
    color: white;
    font-weight: normal;
    font-size: 14px;
    border-color: #5584bc;
    background: none !important;
    background-color: #046DBC !important;
}

.menuContainer .ztree-div.treeDiv li a.current:hover, .menuContainer .ztree-div.treeDiv li.level1.leaf a.current:hover {
    font-size: 12px;
}

.menuContainer .ztree-div.treeDiv li a.current, .menuContainer .ztree-div.treeDiv li.level1.leaf a.current {
    border-color: #5584bc;
    background: none !important;
    background-color: #2A68C9 !important;
    font-size: 12px;
    font-weight: bold !important;
    color: #fff !important;
}

.menuContainer .ztree-div.treeDiv li a:active {
    color: #FFF;
}

.menuContainer .ztree-div.treeDiv li.leaf a {
    border-color: #5584bc;
    background: none !important;
    background-color: #283A60 !important;
    background-repeat: repeat-x;
    color: #fff !important;
}

.menuContainer .ztree-div.treeDiv li.level2 a {
    border-color: #5584bc;
    background: none !important;
    background-color: #17284D !important;
    background-repeat: repeat-x;
    color: #fff;
}

.menuContainer .ztree-div.treeDiv li.leaf a:hover {
    border-color: #5584bc;
    background: none !important;
    background-color: #2A68C9 !important;
    color: #fff;
}

.menuContainer .ztree-div.treeDiv li.leaf a.current {
    border-color: #5584bc;
    background: none !important;
    background-color: #2A68C9 !important;
    /*font-weight: bold !important;*/
    color: #fff !important;
}

/* Component containers
----------------------------------*/
#maintabs .ui-widget-header {
    box-sizing: border-box;
    background: #ffffff;
    border: 0;
    height: 40px;
    padding: 8px 10px 9px 10px;
    margin-bottom: 10px;
}

#maintabs .ui-widget-header li {
    position: relative;
    height: 23px;
    line-height: 23px;
    background: #E8F1FF;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    border-radius: 0;
    border: 0;
}

#maintabs .ui-widget-header li a {
    color: #333333;
    font-weight: normal;
    padding: 0 23px 0 12px;
}
#maintabs .ui-widget-header li a#ui-li-welcome {
    padding: 0 12px 0 12px;
}
.ui-tabs .ui-tabs-nav li {
    margin: 0 .2em 0 0;
}
#maintabs .ui-widget-header li.ui-state-hover {
    border: 0;
    color: #2A68C9;
}
#maintabs .ui-state-default .ui-icon {
    /*background-image: url(images/ui/ui-icons_e0fdff_256x240.png);*/
    width: 10px;
    height: 10px;
    background: url(images/ui/ui-close.png) no-repeat center;
    background-size: 100% 100%;
}

.ui-state-default .ui-icon {
    background-image: url(images/ui/ui-icons_0078ae_256x240.png);
}

.ui-button-export .ui-icon {
    background-image: url(images/ui/ui-icons_d8e7f3_256x240.png);
}

#maintabs li.ui-state-active .ui-icon, #maintabs .ui-widget-content .ui-icon {
    /*background-image: url(images/ui/ui-icons_d8e7f3_256x240.png);*/
    background: url(images/ui/ui-close-active.png) no-repeat center;
    background-size: 100% 100%;
}

#maintabs .ui-widget-header li.ui-state-active {
    border: 0;
    background: #E8F1FF;
    font-weight: normal;
    color: #2A68C9;
    margin-bottom: 0;
    padding-bottom: 0;
}

#maintabs .ui-widget-header li.ui-state-active a {
    color: #2A68C9;
}

.ui-tabs-paging-next {
    right: 0 !important;
    padding-right: 0 !important;
}

/******************************************************************************
dialog样式
******************************************************************************/

.ui-dialog .ui-widget-header {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    background: none;
    color: #606266;
    font-weight: normal;
    font-size: 18px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-widget-content {
    border: none;
    background: #F6F7F9;
    /*background: #fcfdfd url(images/ui/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;*/
    color: #222222;
}

.ui-dialog .ui-icon.ui-icon-custom-close {
    background-image: url(images/ui/ui-icons_e0fdff_256x240.png);
    background-position: -95px -126px;
    margin-top: -20px;
}

.ui-widget-overlay {
    background: #0C0C0C;
    opacity: 0.5;
}

.frameForm, .gridForm {
    /*padding-top: 35px;*/
}

/******************************************************************************
grid样式
******************************************************************************/
table.datagridtable {
    /*	border: 1px solid #B5B8C8;*/
    background: #CDCDCD;
}

table tbody tr td a {
    text-decoration: none;
    color: #3693f3;
}

table.datagridtable thead, table.datagridtable-header {
    background: #4B81C8 !important;
    background-position: 0% -1px;
    color: #ffffff;
}

.datagrid-top .datagrid-title h2 {
    background-color: #FFF;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

table.datagridtable-header thead tr.gridOriginal th, table.datagridtable thead tr.gridOriginal th, table.datagridtable thead th.gridThNormal {
    border-left: none;
    border-right: none;
    white-space: nowrap;
    padding: 0 8px;
    box-sizing: border-box;
}

table.datagridtable-header thead tr th.gridThLeft, table.datagridtable thead tr th.gridThLeft {
    border-left: none;
}

div.datagrid-cover-progress {
    background: url(images/grid/wait.gif) no-repeat;
}

table.datagridtable tbody tr.odd, table.datagridtable.rowspan tbody tr.first.rowspanOdd td[rowspan] {
    background-color: #fafafa;
}

table.datagridtable tbody tr.even, table.datagridtable.rowspan tbody tr.first.rowspanEven td[rowspan] {
    background-color: #fff;
}

table.datagridtable tbody tr:hover, table.datagridtable.rowspan tbody tr.last:hover,
table.datagridtable.rowspan tbody tr.first.rowspanOdd:hover td[rowspan],
table.datagridtable.rowspan tbody tr.first.rowspanEven:hover td[rowspan],
table.datagridtable tbody tr.selected, table.datagridtable.rowspan tbody tr.selected.last,
table.datagridtable.rowspan tbody tr.selected.first.rowspanOdd td[rowspan],
table.datagridtable.rowspan tbody tr.selected.first.rowspanEven td[rowspan] {
    background-color: #F2F2F2;
}

table.datagridtable tbody td {
    color: #333333;
    border: none;
    font-weight: 400;
    border-bottom: 1px solid #ebeef5;
}

table.datagridtable tbody td:not("#id") {
    padding: 1px 5px 3px 2px;
    /*white-space: normal;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    cursor: default;
}

table.datagridtable tfoot {
    background-color: #c7d9eb;
    border-left: none;
    /*	border-left:20px;*/
}

.datagrid-pager-pageInfo a, .datagrid-pager-pagination a {
    text-decoration: none;
    color: black;
}

table.datagridtable tbody tr td, table.datagridtable tfoot tr td {
    line-height: 36px;
}

table.datagridtable tbody tr td .ui-button, table.datagridtable tfoot tr td .ui-button {
    height: 28px;
    line-height: 28px;
    font-weight: 400;
    border: 1px solid rgba(112, 112, 112, .5);
}
table.datagridtable tbody tr td .ui-button:hover, table.datagridtable tfoot tr td .ui-button:hover {
    color: #3693f3;
    border-color: #c3dffb;
    background-color: #ebf4fe;
}

.datagrid-pager-pageInfo a:hover, .datagrid-pager-pagination a:hover {
    color: black;
    background-color: transparent;
    text-decoration: underline;
}

.datagrid-thead tr .header {
    background-image: none;
    background-size: 15px;
}

.datagrid-thead tr .headerSortUp {
    background-image: none;
    background-size: 15px;
}

.datagrid-thead tr .headerSortDown {
    background-image: none;
    background-size: 15px;
}

.datagrid-filter button {
    cursor: pointer;
    background: #2A68C9 url(images/ui/ui-search.png) no-repeat center center;
    background-size: auto 55%!important;
    background-position: center center!important;
}

.datagrid-filter button:not(.filterButton) {
    z-index: 60;
    left: 0px;
    width: 49px;
    height: 36px;
    border: 0px;
    border-radius: 0 2px 2px 0;
}

.datagrid-filter button.filterButton {
    /*margin-bottom: -5px;*/
}

.ui-button-text {
    font-size: 12px;
}

.ui-button-text-only .ui-button-text {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datagrid-top .datagrid-filterAll {
    background-position: -13px -7px;
}

.datagrid-filter button {
    /*background-position: -375px -48px;*/
    /*background-position: -375px -47px \9;*/
}

.datagridtbody-div table.datagridtable tbody tr.gridSummary {
    background-color: #FFE4B5;
}

.datagridtbody-div table.datagridtable tbody tr.gridSummary_total td {
    color: #06468d;
}

.datagridtbody-div table.datagridtable tbody tr.gridSummary_total td:first-child {
    font-weight: bold;
}

table.datagridtable thead tr th, table.datagridtable tfoot tr th, table.datagridtable-header tr th {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
}

.datagrid-top .datagrid-operate {
    margin-bottom: 0px;
    margin-top: 2px;
    line-height: 30px;
}

.datagrid-top .datagrid-filterCustom {
    height: 40px;
    line-height: 40px;
    text-align: left;
    float: left;
    padding-left: 10px;
    padding-top: 0px;
    margin-top: 0px;
    display: flex;
}

.datagrid-filterCustom input[type="button"], .datagrid-filterCustom button {
    margin-top: 2px;
}

.ui-button.iconfont span {
    display: inline;
    padding-left: 2px !important;
}

.grid-tag span {
    background-color: #ebf4fe;
    border-color: #d7e9fd;
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #3693f3;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}

.grid-tag.success span {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.grid-tag.warn span {
    background-color: #fff;
    border-color: #f5dab1;
    color: #e6a23c;
}

.grid-tag.danger span {
    background-color: #fff;
    border-color: #fbc4c4;
    color: #f56c6c;
}

/******************************************************************************
tbGrid样式
******************************************************************************/
.tbGrid tbody tr {
    line-height: 40px;
    height: 40px;
}

.tbGrid tbody td {
    border: none;
    border-bottom: 1px solid #ebeef5;
    color: #606266;
}

.tbGrid tbody .trOdd {
    background-color: #fafafa;
}

.tbGrid tbody tr:hover {
    background-color: #F2F2F2;
}

.tbGrid thead tr th, .tbGrid tfoot tr th {
    background: #4B81C8 !important;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
}

.tbGrid thead tr th {
    color: #ffffff;
    border: none;
}

/******************************************************************************
tabDiv标签页样式
******************************************************************************/
.tabDiv {
    width: 100%;
    text-align: center;
    clear: both;
    border-bottom: 1px solid #e0dede;
}

.tabDiv ul {
    padding: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
}

.tabDiv ul li:first-child {
    background: none;
}

.tabDiv ul {
    background: #ffffff;
}

.tabDiv ul li {
    display: inline-block;
    margin-left: -5px;
    margin-left: -6px \9;
    background: none;
    padding: 0;
}

.tabDiv ul li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    padding: 0 15px;
}

.tabDiv ul li a:hover {
    color: #3693f3;
    background-color: #ffffff;
}

.tabDiv ul li a.current:hover {
    color: #3693f3;
    background-color: #ffffff;
}

.tabDiv ul li a.current {
    color: #3693f3;
    background-color: #ffffff;
}

.tabDiv ul li.current {
    background: none;
    border-bottom: 2px solid #3693f3;
}

.frameDiv {
    margin-top: 5px;
}

/******************************************************************************
tbEdit标签页样式
******************************************************************************/
table.tbEdit, table.tbView {
    background: #ffffff;
    border: none;
    color: #606266;
}

table.tbEdit tr {
    height: 45px;
}

table.tbView tr {
    height: 35px;
}

table.tbEdit td, table.tbView td {
    font-weight: normal;
}

td.tdEven {
    font-weight: bold !important;
}

.tbEdit .tdOdd:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 18px;
}

.formError.inline {
    position: absolute !important;
    bottom: 0;
    top: auto !important;
}

.tbEdit td {
    position: relative;
}

.tbEdit .tdEven:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 18px;
}

input[type="text"].errorBorder, input[type="password"].errorBorder, input.errorBorder, textarea.errorBorder, select.errorBorder {
    border-color: #f56c6c;
}

input[type="text"].successBorder, input[type="password"].successBorder, input.successBorder, textarea.successBorder, select.successBorder {
    border-color: #33be40;
}

/******************************************************************************
其他样式
******************************************************************************/
/*.closeModal, .closeGrid {*/
/*    background: #ffffff !important;*/
/*    color: #0C0C0C !important;*/
/*    border: 1px solid #C9C9C9 !important;*/
/*}*/

.closeModal .ui-button-text:before, .closeGrid .ui-button-text:before {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\1007";
    padding-right: 5px;
}

/*button[type=reset] {*/
/*    background: #ffffff !important;*/
/*    color: #0C0C0C !important;*/
/*    border: 1px solid #C9C9C9 !important;*/
/*}*/

button[type=reset] .ui-button-text:before, button.resetBtn .ui-button-text:before, #gridEditReset .ui-button-text:before {
    font-family: layui-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9aa";
    padding-right: 5px;
}

button.submitBtn:not(.fakeDisabled):not([disabled]):not([disabled='disabled']) {
    color: #fff !important;
    background-color: #409eff !important;
    border-color: #409eff !important;
}

button[type=submit] .ui-button-text:before, button.submitBtn .ui-button-text:before, button.submit .ui-button-text:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e646";
    padding-right: 5px;
}


button.queryModal .ui-button-text:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e771";
    padding-right: 5px;
}

button.returnBtn .ui-button-text:before {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eb12";
    padding-right: 5px;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
}

input[data-type=checkbox]:disabled + label, input[data-type=radio]:disabled + label {
    cursor: not-allowed;
    color: #ACA899 !important;
    border: 1px solid #DDD !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

label[data-type=checkbox], label[data-type=radio] {
    border: 1px solid #CCC;
    color: #666;
    padding: 5px 15px 5px 15px;
    line-height: 35px;
    min-width: 80px;
    text-align: center;
    margin: 2px;
    border-radius: 4px;
    cursor: pointer;
}

input[data-type=checkbox]:checked + label, input[data-type=radio]:checked + label {
    background: url(images/icon-selected.png) no-repeat right bottom;
    border: 1px solid #00a4ff;
    background-size: 21px 21px;
    color: #00a4ff
}

input[data-type=checkbox]:disabled + label {
    opacity: 0.7;
}

input[data-type=checkbox], input[data-type=radio] {
    display: none;
}

.gridAction .ui-button-text {
    font-size: 12px;
}

.hintDiv {
    color: #FF5722;
    clear: both;
    margin-bottom: 10px;
    padding: 15px !important;
    line-height: 22px;
    border-left: 5px solid #ff8b00;
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
}

.menuContainer .ztree-div.treeDiv li a span.button.ico_open {
    background-image: url(images/ddaccordion/up.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 75%;
    margin-bottom: 2px;
    padding-right: 5px;
}

.menuContainer .ztree-div.treeDiv li a span.button.ico_close {
    background-image: url(images/ddaccordion/down.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 75%;
    margin-bottom: 2px;
    padding-right: 5px;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
    height: 20px;
    background-color: #3693f3;
}

.datagrid-filter input, .datagrid-filter select, .datagrid-operate input, .datagrid-operate select {
    height: 36px !important;
    line-height: 30px !important;
    /*margin-bottom: 5px !important;*/
}

.datagrid-filterAll {
    width: 360px;
    margin-left: 10px;
    border: 0px none;
    padding-left: 3px;
    /*padding-top: 6px;*/
    height: 27px;
    line-height: 27px;
}

.datagrid-thead tr {
    line-height: 40px;
}

.datagrid-thead tr .header {
    text-align: center;
}

.datagrid-thead tr .header:not(.gridSpan):after {
    content: '';
    width: 20px;
    height: 19px;
    position: relative;
    top: 4px;
    display: inline-block;
    background: url(images/grid/bg.png) no-repeat center center;
    background-size: 12px;
}

.datagrid-thead tr .header.headerSortDown:after {
    background-image: url(images/grid/asc.png);
}

.datagrid-thead tr .header.headerSortUp:after {
    background-image: url(images/grid/desc.png);
    /* padding-top: 20px; */
    position: relative;
    top: 4px;
}

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 20em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 0px;
    font-weight: bold;
    width: 100%;
    padding: 4px 0;
    background-color: #f5f5f5;
    color: #808080;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 12px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/
}

.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker select.ui-datepicker-month {
    width: 44%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-datepicker th {
    font-weight: bold;
    color: gray;
}

.ui-datepicker-today a:hover {
    background-color: #808080;
    color: #ffffff;

}

.ui-datepicker-today a {
    background-color: #BFBFBF;
    cursor: pointer;
    padding: 0 4px;
    margin-bottom: 0px;

}


.ui-datepicker td a {
    margin-bottom: 0px;
    border: 0px;
}

.ui-datepicker td:hover {
    color: white;
}

.ui-datepicker td .ui-state-default {
    border: 0px;
    background: none;
    margin-bottom: 0px;
    padding: 5px;
    color: gray;
    text-align: center;
    filter: none;
}

.ui-datepicker td .ui-state-active {
    background: #3693f3;
    margin-bottom: 0px;
    font-size: inherit;
    txt-shadow: 0px;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ui-datepicker td .ui-state-default:hover {
    background: #0064cd;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ui-datepicker td .ui-state-highlight {
    background: #0064cd;
    color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#shutcutPosition {
    margin-top: 8px;
    margin-right: .2em;
    margin-left: 10px;
}
#removeAllTabs {
    padding: 4px 4px 2px 3px;
    border: 0;
    background: #E8F1FF;
    font-weight: normal;
    color: rgba(0, 0, 0, .7);
}

/*ztree*/
.ztree li a.batch {
    color: #3693f3;
    text-decoration: none;
}

.ztree li a:hover {
    text-decoration: none !important;
}


.faster-search-delete {
    position: absolute;
    top: -20px;
    right: -3px;
    color: #000000;
}

.ztree-select-div {
    z-index: 999 !important;
}

.xm-label-block {
    background-color: #f4f4f5 !important;
    border-color: #e9e9eb !important;
    color: #909399 !important;
}

xm-select > .xm-label .xm-label-block > span {
    color: #909399 !important;
}

xm-select > .xm-label .xm-label-block > i {
    color: #909399 !important;
}

/* 不通过css控制按钮不可点击
.fakeDisabled {*/
/*    pointer-events: none; !important;*/
/*}*/

.selectedPartBld {
    border: 1px solid #F1CADC!important;
    background-color: #F1CADC!important;
    color: #000000!important;
}
.pageBldDiv > span:nth-child(1), .selectedBld > span:nth-child(1), .selectedPartBld > span:nth-child(1) {
    font-weight: bold!important;
    font-size: 16px!important;
    color: #000000!important;
    line-height: 35px!important;
}
.pageBldDiv > span:nth-child(2), .pageBldDiv > span:nth-child(3),
.selectedBld > span:nth-child(2), .selectedBld > span:nth-child(3),
.selectedPartBld > span:nth-child(2), .selectedPartBld > span:nth-child(3) {
    font-weight: 400!important;
    font-size: 13px!important;
    color: #000000!important;
    line-height: 18px!important;
}

.pageBldDiv {
    border: 1px solid #A8CEEB!important;
    background-color: #A8CEEB!important;
    color: #000000!important;
}

.selectedBld {
    border: 1px solid #CFD9A1!important;
    background-color: #CFD9A1!important;
    color: #000000!important;
}

#otherService {
    position: absolute;
    color: white;
    width: 100px;
}

#otherService .icon_close {
    background-image: url(images/ddaccordion/down.png);
}
#otherService .icon_open {
    background-image: url(images/ddaccordion/up.png);
}

#otherServiceIcon {
    display: inline-block;
    margin-left: 58px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 75%;
    cursor: pointer;
    position: absolute;
    color: #FFFFFF;
}
#otherServiceSelectDiv {
    height: 200px;
    position: fixed;
    top: 50px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    overflow: auto;
}

#container .otherServicePopover {
    display: none;
}

#otherserviceSelect {
    position: absolute;
    z-index: 9999;
    top: 0px;
    min-width: 114px;
    max-width: 150px;
    min-height: 32px;
    max-height: 400px;
    background-color: #17284D;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    overflow-y: auto;
}
#otherserviceSelect li {
    box-sizing: border-box;
    /*padding: 0 10px;*/
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
#otherserviceSelect li a {
    width: 100%;
    display: inline-block;
    color: #ffffff;
    transition: 0.2s all;
}

#otherserviceSelect li a:hover {
    color: #3693f3;
}