body {
    font-family: 微软雅黑;
    overflow: hidden;
    font-size: 16px;
}

.form-control,
label {
    font-size: 1em !important
}

table {
    font-size: 1em;
}

input.form-control,
select.form-control {}

.ztree * {
    font-family: 微软雅黑 !important
}

.tab-fixed ul.centerNav {
    width: 100%;
    position: fixed;
    top: auto;
    z-index: 1024;
}

.tab-fixed .centerNav-content {
    padding-top: 37px;
    border: none
}

.clear {
    clear: both
}

.popover {
    max-width: 800px
}

.main-content {
    min-height: auto !important
}

.main-content-inner {
    background: white none repeat scroll 0 0;
}

.modal {
    z-index: 1550;
}

.disabled {
    filter: alpha(opacity=50);
    /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5;
    /*Firefox私有，透明度50%*/
    opacity: 0.5;
    /*其他，透明度50%*/
}

img.miniLogo {
    display: inline-block;
    height: 24px;
    width: 16px;
}

body .navbar {
    background: linear-gradient(90deg, #276CB7, #32A2E3, #2990D7);
}

.navbar-container {
    padding-right: 0px !important
}

.navbar-buttons {
    width: 30%;
    background: rgb(89, 145, 240) none repeat scroll 0 0;
    height: 45px;
    overflow: hidden
}

.navbar-buttons .navLine {
    display: block;
    height: 45px;
    width: 20px;
    float: left;
    border-bottom: 100px solid transparent;
    border-left: 45px solid #307ecc;
}

.navbar-buttons .nav {
    position: absolute;
    right: 10px;
}

.navbar-buttons .nav .nav-li,
.navbar-buttons li.light-blue {
    float: left;
    height: 45px;
    line-height: 40px;
    padding: 0;
    position: relative;
}

.navbar-buttons li.light-blue a.dropdown-toggle {
    background: none !important;
    color: white;
    padding: 8px 15px !important
}

.navbar-buttons .nav .nav-li .dropdown-toggle:hover {
    background: #2c71b6 !important
}

.navbar-buttons .nav .nav-li .dropdown-toggle {
    border: 1px solid #666;
    margin: 5px 8px;
    padding: 8px;
    border-radius: 100%;
    position: relative;
}

.navbar-buttons .nav .nav-li .dropdown-toggle span {
    position: absolute;
    top: -2px
}

a {
    cursor: pointer;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: none;
    -moz-outline: none;
}

.bg-white {
    background-color: white
}
.bgGrey{
    background-color: #f5f5f5
}
.bgGrey .widget-body{background: transparent;}
.padding-8 {
    padding: 8px
}

.padding-4 {
    padding: 4px
}

.padding-6 {
    padding: 6px
}

.padding-12 {
    padding: 12px
}

.padding-16 {
    padding: 16px
}

.padding-right-0 {
    padding-right: 0px
}

.padding-right-2 {
    padding-right: 2px
}

.padding-right-4 {
    padding-right: 4px
}

.padding-right-8 {
    padding-right: 8px
}

.padding-right-12 {
    padding-right: 12px
}

.padding-right-16 {
    padding-right: 16px
}

.padding-left-0 {
    padding-left: 0px
}

.padding-left-4 {
    padding-left: 4px
}

.padding-left-8 {
    padding-left: 8px
}

.padding-left-12 {
    padding-left: 12px
}

.padding-left-16 {
    padding-left: 16px
}

.padding-top-0 {
    padding-top: 0px
}

.padding-top-8 {
    padding-top: 8px
}

.padding-top-16 {
    padding-top: 16px
}

.padding-top-12 {
    padding-top: 12px
}

.padding-top-4 {
    padding-top: 4px
}

.padding-bottom-0 {
    padding-bottom: 0px
}

.padding-bottom-8 {
    padding-bottom: 8px
}

.padding-bottom-16 {
    padding-bottom: 16px
}

.padding-bottom-4 {
    padding-bottom: 4px
}

.no-padding-left {
    padding-left: 0px
}

.no-padding-right {
    padding-right: 0px
}

.no-padding-top {
    padding-top: 0px
}

.no-padding-bottom {
    padding-bottom: 0px
}

.no-margin-top {
    margin-top: 0px
}

.margin-top-8 {
    margin-top: 8px
}

.margin-top-16 {
    margin-top: 16px
}

.margin-top-4 {
    margin-top: 4px
}

.margin-bottom-8 {
    margin-bottom: 8px
}

.margin-bottom-16 {
    margin-bottom: 16px
}

.margin-bottom-4 {
    margin-bottom: 4px
}

.margin-right-4 {
    margin-right: 4px
}

.margin-right-8 {
    margin-right: 8px
}

.margin-right-12 {
    margin-right: 12px
}

.margin-right-16 {
    margin-right: 16px
}

.margin-left-4 {
    margin-left: 4px
}

.margin-left-8 {
    margin-left: 8px
}

.margin-left-12 {
    margin-left: 12px
}

.margin-left-16 {
    margin-left: 16px
}

.margin-height-4 {
    margin: 4px auto
}

.margin-height-8 {
    margin: 8px auto
}

.margin-center {
    margin: 0 auto
}

.font9 {
    font-size: 0.562em
}

.font12 {
    font-size: 0.75em
}

.font14 {
    font-size: 0.875em
}

.font16 {
    font-size: 1em
}

.font18 {
    font-size: 1.125em
}

.font20 {
    font-size: 1.25em
}

.font24 {
    font-size: 1.5em
}

.font36 {
    font-size: 2.25em
}

.fontNormal {
    font-weight: 400
}

.fontBold {
    font-weight: 600
}

.fullWidth {
    width: 100%
}

.fullHeight {
    height: 100%
}

.w-pencet-10 {
    width: 10%
}
.w-pencet-15 {
    width: 15%
}
.w-pencet-20 {
    width: 20%
}

.w-pencet-25 {
    width: 25%
}

.w-pencet-33 {
    width: 33%
}

.w-pencet-30 {
    width: 30%
}

.w-pencet-40 {
    width: 40%
}

.w-pencet-45 {
    width: 45%
}

.w-pencet-50 {
    width: 50%
}

.w-pencet-60 {
    width: 60%
}

.w-pencet-70 {
    width: 70%
}

.w-pencet-80 {
    width: 80%
}

.w-pencet-90 {
    width: 90%
}

.btn.radius,
button.radius,
.radius {
    border-radius: 4px
}

.btn.radius6,
button.radius6,
.radius6 {
    border-radius: 6px
}

.btn.radius8,
button.radius8,
.radius8 {
    border-radius: 8px
}

.btn.radius16,
button.radius16,
.radius16 {
    border-radius: 16px
}

.iradius {
    border-radius: 4px !important
}

.iradius6 {
    border-radius: 6px !important
}

.iradius8 {
    border-radius: 8px !important
}

.iradius16 {
    border-radius: 16px !important
}

.bigger-200 {
    font-size: 200% !important;
}

.minHeight40 {
    min-height: 40px
}

.minHeight50 {
    min-height: 50px
}

.minHeight60 {
    min-height: 60px
}
ul.hover{}
ul.bottomBorder li{
  border-bottom: 1px dashed #ddd;
}
ul.hover li{cursor: pointer;}
ul.hover li.active,ul.hover li:hover{
    background:#3956f23b;
}
ul.noList,
ul.noStyle {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

ul.leftFloat li {
    float: left
}

ul.pencet-20 li {
    width: 20%
}

ul.pencet-25 li {
    width: 25%
}

ul.pencet-30 li {
    width: 30%
}

ul.pencet-33 li {
    width: 33%
}

ul.pencet-50 li {
    width: 50%
}

.tab-content {}

.position-absoulte {
    position: absolute
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.wordBreak {
    word-break: break-all;
}

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

.loadingDiv {
    font-size: 1.5em;
}

.hidden1 {
    display: none !important;
}

/* .btn-group .btn.btn-sm {
    padding: 5px 9px;
  
} */

ul.messenger.messenger-fixed .messenger-message {
    max-height: 400px;
    overflow: auto
}

.form-group.disabled .chosen-container div.chosen-drop {
    display: none
}

input.ace[type="checkbox"]+.lbl::before,
input.ace[type="radio"]+.lbl::before {
    top: 2px !important
}

input.ace[type=checkbox]:checked+.lbl::before,
input.ace[type=radio]:checked+.lbl::before {
    top: -2px !important
}

.table>thead>tr {
    background: linear-gradient(to bottom, #f2f2f2 0, #f9f9f9 100%) repeat-x scroll 0 0 #f9f9f9
}

.dataTables_scrollHeadInner .table-bordered>thead>tr>th {
    max-height: 40px;
    overflow: hidden
}

span.highlight {
    color: #c00;
    font-weight: 600
}

.tabbable .tab-content.btnContent {
    position: relative;
    overflow: visible
}

.tabbable .tab-content.btnContent .btnSpan {
    position: absolute;
    top: -31px;
    right: 0
}

.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
    background-color: #e0dede;
}

.li-title span.detail {
    display: none
}

.li-title:hover span.count {
    display: none
}

.li-title:hover span.detail {
    display: inherit
}

div.modalSelect {
    overflow: hidden
}

div.comment {
    background: #f9f5f5;
    padding: 8px 20px;
}

/**文本说明*/

.hoverShow .showContent {
    display: none
}

.hoverShow:hover .showContent,
.hoverShow.active .showContent {
    display: block
}

/*头部按钮**/
.topMenu {
    padding-top: 8px;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.topMenu nav {
    width: 95%;
    overflow: hidden;
    margin: 0 auto;
}

.topMenu ul.nav {
    width: 9999px;
    margin: 0
}

.topMenu .scroll-nav {
    display: none
}

.showMenuScroll .scroll-nav {
    display: block;
}

.topMenu i.scroll-nav {
    top: 16px;
    font-size: 30px;
    opacity: .5;
    color: #fff;
}

.topMenu i.fa-caret-left {
    position: absolute;
    left: 10
}

.topMenu i.fa-caret-right {
    position: absolute;
    right: 10
}

/**拖拽线***/

.moveDiv {
    height: 100%;
    display: block;
    width: 2;
    border-right: 3px solid #ddd;
    right: 0;
    cursor: col-resize;
    z-index: 150
}

.horizontalMoveDiv {
    height: 3px;
    display: block;
    width: 100%;
    background: #ddd;
    cursor: row-resize;
    z-index: 150
}

.treeMoveDiv {
    width: 4;
    border-right: 1px solid #307ecc;
}

.modal .modal-dialog {
    position: relative
}

.modalMoveDiv {
    width: 4;
    border-right: 1px solid #307ecc;
    ;
    top: 0
}

/*搜索加按钮**/

.input-group input {
    height: 33px
}

.input-group-btn {
    position: relative;
    z-index: 2;
}

.input-group-btn input {
    border-right: 0 !important;
    width: 100%
}

.input-group-btn button {
    /* padding: 2px 5px; */
}

.input-group-btn .input-group-addon {
    padding: 0;
    border: 0 !important;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0
}

.input-group-btn .input-group-addon button {
    border: 0;
    height: 100%;
    border-radius: 0;
    background: #77a9da;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none
}

button.btn-search-next {
    /* padding: 5px;
    margin-top: -1px; */
}

/***上传控件inputfile***/

.file-input .input-group-btn button {
    padding: 4px 9px;
}

.hiddenUploadProcess {
    position: relative
}

.hiddenUploadProcess .file-input .kv-upload-progress {
    position: absolute;
    top: 1px;
    z-index: 4;
    width: 35
}

/*凸显块状头部边框**/

.border-top-orange {
    border-top: 3px solid #ffa302 !important;
}

.border-top-grey {
    border-top: 3px solid #ddd !important;
}

.border-top-blue {
    border-top: 3px solid #0066cc !important;
}

.border-top-red {
    border-top: 3px solid #F92440 !important;
}

.border-top-hidden-green {
    border-top: 3px solid #1EBFAF !important;
}

.border-bottom-hidden .widget-header {
    border-bottom: 0px !important;
}

.scroll-top .scroll-track {
    height: 8px !important;
    bottom: 0px !important
}

.scroll-vertical .scroll-track {
    height: 100% !important;
}

.scroll-vertical .scroll-bar {
    width: 100% !important
}

table .form-group {
    margin: 0
}

.form-group .warn-tip:before,
.form-group .warn-tip-hide:before,
.form-group .warn-tip-title:before {
    font-family: FontAwesome;
    content: "\f06a";
    padding-left: 10px;
}

.form-group .warn-tip,
.form-group .warn-tip-hide,
.form-group .warn-tip-title {
    color: #999;
    font-size: 0.75em
}

.form-group .warn-tip-hide {
    display: none
}

.form-group:hover .warn-tip-hide {
    display: block
}

.form-group .warn-tip-title span {
    display: none
}

.form-group .warn-tip-title span.showed {
    display: inline-block
}

.form-group .warn-tip-title:hover span {
    display: inline-block
}

.dataTables_wrapper .row .pull-left .dataTables_length label {
    font-size: 12px !important;
    margin-top: -2px;
    margin-left: 20;
}

.dataTables_wrapper .row .pull-left .dataTables_length label select {
    height: 22px
}

.pagination li.page {
    line-height: 28px
}

/* 
.pagination li.page input, .pagination li.page button {
    height: 25px;
    width: 30px;
}

.pagination li.page button {
    height: 30px
} */

.Wdate {
    height: 34px !important;
    padding: 2px;
    background-position: 100% center !important
}

.Wdate-control {
    height: 33px !important;
    padding: 2px;
    background-position: 100% center !important
}

.treeToolbar a {
    margin-right: 5px;
    background-color: #d9d9d9;
    border-radius: 100%;
    padding: 3px;
}

.widget-toolbox .btn-toolbar {
    padding: 3px
}

.modal .widget-header {
    padding-top: 3px;
    padding-bottom: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-weight: bold;
}

.modal-dialog .modal-body {}

.modal-dialog {
    width: 50%
}

.modal-dialog.modal-xs {
    width: 20%
}

.modal-dialog.modal-lg {
    width: 75%
}

.modal-dialog.modal-mlg {
    width: 85%
}

.modal-dialog.modal-lg,
.modal-dialog.modal-mlg {
    min-width: 800px
}

.right-menu .modal-dialog.lg {
    width: 600px !important
}

.right-menu .modal-dialog.md {
    width: 400px !important
}

.right-menu .modal-body {
    padding: 0 !important;
}

.right-menu .modal-body-content {
    padding: 5px
}

.dataTables_wrapper div.row:first-child {
    display: none
}

.dataTable>thead>tr>th[class*="sort"]::after {
    float: none
}

.dataTable>thead>tr>th.checkControl[class*="sort"]::after,
.dataTable>thead>tr>th.radioColumn[class*="sort"]::after {
    display: none
}

.dataTable td.checkControl,
.dataTable th.checkControl,
.dataTable td.radioControl,
.dataTable th.radioControl {
    max-width: 35px;
    text-align: center;
}

.dataTable td.controlAction,
.dataTable th.controlAction {
    max-width: 210px;
}

.dataTable td.timeColumn,
.dataTable th.timeColumn {
    width: 160px
}

.dataTable td.simpleColumn,
.dataTable th.simpleColumn {
    width: 80px
}

.dataTables_scrollBody td {
    text-overflow: ellipsis;
    max-height: 50px;
    word-wrap: break-word;
}

.dataTables_scrollBody td div.actionDiv {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dataTables_scrollHead {
    width: 100% !important;
    max-height: 40px;
    overflow: hidden
}

.dataTables_scrollBody {
    width: 100% !important
}

.dataTables_scrollHeadInner .table>thead>tr>th {
    padding: 8px 0px !important;
    vertical-align: top;
}

.dataTables_scrollBody .table>thead>tr>th {
    padding: 0px 0px !important
}

.dataTable td.timeColumn,
.dataTable td.simpleColumn,
.dataTable td.controlAction,
td.radioControl {
    text-align: center
}

.dataTable th {
    text-align: center
}

.dataTable tr.select {}

.dataTable>thead>tr>th,
.dataTable>tbody>tr>td,
.dataTables_info,
.dataTables_paginate {
    font-size: 0.75em
}

.dataTables_wrapper {
    background: #f2f2f2
}

.dataTables_scroll .table-bordered {
    border: 1px solid #ddd !important;
}

.dataTables_scroll .table-hover>tbody>tr.selected {
    background-color: #dff0d8
}

/****/

.modal.aside-vc.navbar-offset .modal-dialog {
    top: 87px
}

/***填报子表****/

.ureportSublist .row {
    display: none
}

.ureportSublist .dataTables_scrollBody .dataTable>tbody>tr>td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.ui-jqgrid-view td.controlAction {
    overflow-y: auto !important
}

.ui-jqgrid-view .dropdown-menu.dropdown-caret::before {
    top: -25px
}

.ui-jqgrid-view .dropdown-menu.dropdown-caret::after {
    top: -25px
}

.ui-jqgrid td.checkControl,
.dataTable th.checkControl,
.dataTable td.radioControl,
.dataTable th.radioControl {
    max-width: 39px;
    min-width: 39px;
    width: 39px;
    text-align: center;
}

.ui-jqgrid td.controlAction,
.dataTable th.controlAction {
    max-width: 210px;
    text-align: center !important;
}

.ui-jqgrid td.timeColumn,
.dataTable th.timeColumn {
    width: 160px;
    text-align: center !important;
}

.ui-jqgrid td.simpleColumn,
.dataTable th.simpleColumn {
    width: 80px;
    text-align: center !important;
}

.ui-jqgrid td.controlAction {
    text-align: center !important;
}

.wizard-header {
    padding: 4px 8px
}

.widget-color-blue .wizard-header {
    color: #fff
}

.wizard-content.no-padding {
    min-height: 360px;
    height: auto;
}

.wizard-content .step-pane {
    min-height: 340px;
    height: auto;
    display: none;
}

.widget-main .wizard-content .tab-content {
    border: 1px solid #c5d0dc !important;
}

.widget-body .table thead:first-child tr {
    background: #f2f2f2 linear-gradient(to bottom, #f8f8f8 0px, #ececec 100%) repeat-x scroll 0 0 !important
}

.listBar {
    margin-bottom: 0 !important
}

.list-action-box {
    margin: 0 !important
}

.list-action-box .widget-header {
    border-bottom: 5px solid #ccc !important
}

.list-action-box .widget-body {
    border: 1px solid #ccc !important;
}

.searchBox {
    background: #f8f8f8;
}

.searchBox input {
    padding: 2px
}

.searchBox .container-div {
    position: relative
}

.searchBox ul {
    margin-left: 0;
}

.searchBox li {
    float: left;
    height: 30px;
    margin-bottom: 3px
}

.searchBox li .chosen-container li {
    float: none;
}

.searchBox li .chosen-container-single .chosen-search::after {
    content: ''
}

.searchBox li.fix-search-btn {
    position: absolute;
    right: 10px;
    bottom: 0px
}

.searchBox li.col-6 {
    width: 50%
}

.searchBox li.col-3 {
    width: 20%
}

.searchBox li.col-4 {
    width: 33%
}

.searchBox li.col-8 {
    width: 66%
}

.searchBox li.col-9 {
    width: 75%
}

.searchBox li.col-12 {
    width: 100%
}

.container-div .form-group {
    margin-left: 0px !important
}

.control-label {
    text-align: right
}

.manager-action-box input.ace.ace-switch-7[type="checkbox"]+.lbl::before {
    content: "展开"
}

.manager-action-box input.ace.ace-switch-7[type="checkbox"]:checked+.lbl::before {
    content: "折叠 ";
    text-indent: 38;
}

.manager-action-box input.ace.ace-switch.ace-switch-4[type="checkbox"]:checked+.lbl::after {
    content: "\f0c7";
    font-family: "fontAwesome"
}

.manager-action-box input.ace.ace-switch.ace-switch-4[type="checkbox"]+.lbl::after {
    content: "\f044";
    font-family: "fontAwesome"
}

.manager-action-box input.ace.ace-switch-4[type="checkbox"]+.lbl::before {
    content: "编辑";
    text-indent: 28px;
}

.manager-action-box input.ace.ace-switch-4[type="checkbox"]:checked+.lbl::before {
    content: "保存 ";
}

.manager-action-box .widget-header {
    background: none repeat scroll 0 0 #307ecc;
    padding-bottom: 14px;
}

.form-horizontal .form-group {
    margin-bottom: 10px
}

.form-horizontal .form-group label {
    padding-top: 3px
}

.startProcess li {
    border-bottom: 1px solid #eee;
    padding: 5px 10px 5px 30px
}

.startProcess li:hover {
    background: #eee
}

.startProcessLabel {
    left: 20px;
    position: absolute;
}

.fastSearch li {
    position: relative;
}

.fastSearch li h5 {
    width: 90%
}

.fastSearch li:hover a.link-custom-search {
    display: block
}

.fastSearch li a.link-custom-search:hover {
    font-weight: 800
}

.fastSearch li a.link-custom-search {
    position: absolute;
    display: none;
    cursor: pointer;
}

.fastSearch li a.link-custom-search.eidt {
    top: 3px;
    right: 10;
}

.fastSearch li a.link-custom-search.remove {
    bottom: 5px;
    right: 11;
}

.fullwidth {
    width: 100%
}

td.action-td {
    width: 60px;
    padding-bottom: 15px;
    padding-right: 12px;
}

.manager-action-box .widget-toolbar .btn {
    margin-top: 5px;
    /* border-color: ; */
    border-radius: 3px;
    padding: 3px 10px;
    background-color: #2c71b6 !important;
    border-color: #2c71b6 !important;
}

.manager-action-box {
    border: none !important;
    margin: 0 !important
}

.widget-header .link-group {
    float: left;
    margin-top: 7px;
}

.widget-header .ace-switch-checkbox {
    margin-top: 5px
}

.link-group a.groupLink {
    cursor: pointer;
}

.transparentRoundBtn.grey {
    background-color: #d9d9d9 !important
}

.transparentRoundBtn.grey:hover {
    background-color: #bfbfbf !important
}

.transparentRoundBtn {
    padding: 5px 10px;
    background-color: #2c71b6 !important;
    cursor: pointer
}

.manager-action-box .widget-toolbar .btn:hover,
.transparentRoundBtn:hover {
    background-color: #25609c !important
}

.transparentBtn .ace-icon,
.transparentRoundBtn .ace-icon {
    margin-right: 8px
}

.roundLink.red {
    background: none repeat scroll 0 0 #ba473a;
}

.roundLink.blue {
    background: none repeat scroll 0 0 #2c71b6;
}

.roundLink .ace-icon {
    line-height: 22px
}

.roundLink {
    background: none repeat scroll 0 0 #666;
    border-radius: 100%;
    display: inline-block;
    height: 24px;
    width: 24px;
    text-align: center
}

.profile-table-info {
    display: table;
    margin: 0 auto;
    width: 100%
}

.profile-table-info td {
    border-bottom: 1px solid #ddd;
}

.profile-table-info td:nth-child(1) {}

.profile-table-info td.profile-info-name {
    width: 12%;
    min-width: 100px;
    font-size: 0.875em;
    color: #707070;
    background-color: #fff;
}

.profile-user-info-striped {
    border: none;
}

.btn.btn-link {
    color: orange !important;
}

td.profile-info-value {
    width: 38%;
    position: relative
}

td.profile-info-value span.help-button {
    position: absolute;
    right: 6px;
    top: 20%;
    cursor: pointer
}

td.profile-info-value .form-group {
    margin: 0 !important
}

#main-app-cotainer {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 45px;
    width: 60px;
    background: #F5F5F5;
    border-right: 1px solid #ccc
}

#main-content-cotainer {
    background: #FFFFFF
}

#main-content-cotainer .main-container::before {
    width: auto
}

.btn-toolbar.tab-toolbar {
    background: #eff3dd none repeat scroll 0 0;
    left: -8px;
    padding: 5px 5px 5px 15px;
    position: relative;
    top: -8px;
    width: 200%;
}

.pager,
.pager nav .pagination {
    margin: 0px 0;
}

.extendRadio input.ace[type="radio"]+.lbl::before {
    top: 4px !important;
}

.onlySecondTree .ztree {
    padding: 0px !important;
}

.onlySecondTree a {
    height: 32px !important;
    padding: 8px 3px 8px 18px !important;
    width: 100%;
    padding-left: 10px;
}

.onlySecondTree .ztree li ul.level0 {
    padding-left: 0 !important
}

.onlySecondTree a.level0 {
    background: #eff3f8 none repeat scroll 0 0;
    height: 32px !important;
    padding: 8px 3px !important;
    width: 100%;
    border-top: 1px solid #cadef8;
}

.onlySecondTree .ztree li {
    position: relative
}

.onlySecondTree .button.level0 {
    position: absolute;
    right: 5px
}

.onlySecondTree .ztree li span.button.center_docu,
.onlySecondTree .ztree li span.button.bottom_docu {
    background-position: -100px -100px;
    display: none
}

.onlySecondTree .ztree li span.button.roots_close,
.onlySecondTree .ztree li span.button.center_close,
.onlySecondTree .ztree li span.button.roots_open,
.onlySecondTree .ztree li span.button.center_open,
.onlySecondTree .ztree li span.button.bottom_open,
.onlySecondTree .ztree li span.button.bottom_close {
    background-position: -100px -100px;
}

.onlySecondTree .ztree li span.button.roots_close::before,
.onlySecondTree .ztree li span.button.center_close::before,
.onlySecondTree .ztree li span.button.roots_open::before,
.onlySecondTree .ztree li span.button.center_open::before {
    display: inline-block;
    height: 26px;
    line-height: 32px;
    text-indent: 5px;
    font-family: Glyphicons Halflings;
    color: #78aff4;
}

.onlySecondTree .ztree li span.button.roots_close::before,
.onlySecondTree .ztree li span.button.center_close::before {
    content: "\e114";
}

.onlySecondTree .ztree li span.button.roots_open::before,
.onlySecondTree .ztree li span.button.center_open::before {
    content: "\e079";
}

.onlySecondTree .ztree li a.curSelectedNode.level0 {
    opacity: 1 !important;
    background-color: none !important;
    border: none !important;
}

.onlySecondTree .ztree li a.level0.curSelectedNode {
    background-color: #eff3f8 !important;
    border-top: 1px solid #cadef8 !important
}

/**tab关闭按钮*/

.centerNav-container {
    background-color: #eff3f8;
    border: 1px solid #c5d0dc;
    position: relative;
}

.centerNav-container .scrollUl {
    font-size: 0.5em;
    position: absolute;
    z-index: 50;
    padding: 4px 0;
}

.centerNav-container-div {
    height: 41px;
    overflow: hidden
}

ul.centerNav li a i.close,
ul.centerNav li.active>a i.close {
    opacity: 0.8;
    cursor: pointer;
    font-size: 0.812em;
    left: 2px;
    position: relative;
    color: inherit;
    float: none;
    top: -1px;
}

ul.centerNav li a i.close:hover {
    color: red;
    opacity: 0.5
}

.tab-fixed ul.centerNav {
    width: 100%;
    position: relative;
    padding: 4px
}

.centerNav-container {
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    position: fixed;
    z-index: 101
}

.centerNav-container-div {
    height: 30px;
    margin: 2px 48px 0 20px;
    overflow: hidden;
}

.tab-fixed ul.centerNav {
    margin-left: 0
}

.sidebar {
    width: 220px
}

.sidebar+.main-content {
    margin-left: 220px
}

.sidebar+.main-content .centerNav-container {
    width: -moz-calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: calc(100% - 220px);
}

.sidebar.menu-min+.main-content .centerNav-container {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

/**tab修改*/

.tab-fixed ul.centerNav li {
    background-position: 0 0;
    color: #666666;
    font-family: Source Han Sans SC;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 0.75em;
    height: 29px;
    line-height: 23px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
}

.tab-fixed ul.centerNav li em {
    height: 26px;
    right: -16px;
    width: 16px;
    background-position: right -30px;
    height: 29px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 23px;
    z-index: 50;
}

.tab-fixed ul.centerNav li,
.acrossTab li em {
    /* background-image: url("../images/acrossTab-2.png");*/
    cursor: move
}

.tab-fixed ul.centerNav li.active {
    background-position: 0 -120px;
    z-index: 99;
    border: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
    color: #3281EA;
}

.tab-fixed ul.centerNav li.active a {
    font-weight: 600;
}

.tab-fixed ul.centerNav li.active em {
    background-position: right -150px;
}

.app-button-group {}

.app-button-group button {
    margin: 0px auto;
    margin-bottom: 3px
}

.app-button-group .app-item:hover,
.app-button-group .app-item.active {
    background: #c9c9c9
}

.app-button-group .app-item {
    color: #585858;
    cursor: pointer;
    font-size: 0.75em;
    padding: 5px;
    text-align: center;
}

.app-button-group .app-item.shortcutBtn {
    bottom: 50px;
    position: absolute;
}

.echart-panel {
    border: 1px solid #ccc;
}

.dropzone .dz-default.dz-message span {
    display: inline !important
}

.comboWidget.ztree li a {
    width: auto !important
}

/*高级搜索*/

.searchButton {
    left: 0;
    position: absolute;
    top: 8px;
    z-index: 3;
    cursor: pointer
}

.advanceSearchModal .input-group-addon {
    background-color: white !important;
    border: 0 !important
}

/*时间选择*/

.widget-title .timeContainer .timeButton {
    margin-top: -7px
}

.widget-container-col {
    position: relative;
    z-index: 0
}

.widget-container-col div.buttons {
    display: none;
    position: absolute;
    right: 0;
    z-index: 100
}

.widget-container-col:hover div.buttons {
    display: block
}

ul.iconUl li {
    padding: 3px 4px
}

ul.iconUl i {
    color: #ccc;
    cursor: pointer
}

ul.iconUl i.active {
    color: #000
}

/*.modal-content{overflow-x: hidden;overflow-y:visible}*/

.modal-content button.close {
    padding: 2px;
    position: absolute;
    right: 8;
    top: 1px;
    /* background: #25609c none repeat scroll 0 0; */
    color: #6fb3e0;
    right: 8px;
    opacity: 1;
}

.modal-content button.close span {
    color: #6fb3e0 !important;
}

.modal-content button.full {
    padding: 11px 9px;
    position: absolute;
    top: -1px;
    font-size: 20px;
    background: #25609c none repeat scroll 0 0;
    color: white;
    right: 43px;
    border: 0;
    opacity: 0.3;
}

.innerContent.position-absolute {
    display: none
}

/**向导导航-start*/

.wizard-content .steps {
    padding: 8px
}

.wizard-content .steps li::before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-top: 17px solid transparent !important;
    border-bottom: 17px solid transparent;
    border-left: 20px solid #fff;
    left: -5;
    top: -2px;
    z-index: 1
}

.wizard-content .steps li::after {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 20px solid #edf3f4;
    right: -1px;
    top: -1px;
    z-index: 2;
    background: #fff
}

.wizard-content .steps li.active::after {
    border-left-color: #337AB7
}

.wizard-content .steps li:first-child::before {
    display: none;
}

.wizard-content .steps li:last-child::after {
    display: none;
}

.wizard-content .steps li {
    position: relative;
    margin-right: 20px;
    background: #edf3f4;
    cursor: pointer
}

.wizard-content .steps li.active {
    background: #337AB7
}

.wizard-content .steps li .step {
    height: 30px;
    width: 30px;
    line-height: 20px
}

.wizard-content .steps li .title {
    display: inline
}

.modal-dialog .modal-body-toolbar {
    background: #eff3f8 none repeat scroll 0 0;
    left: 0;
    padding-left: 6px;
    top: 0;
    width: 100%;
}

.modal-dialog .modal-body .tab-pane-toolbar {
    background: #eff3f8 none repeat scroll 0 0;
    left: 0;
    padding-left: 6px;
    top: 0;
    width: 100%;
    position: absolute
}

.tab-pane .tab-pane-toolbar {
    background: #eff3f8 none repeat scroll 0 0;
    left: 0;
    padding-left: 6px;
    width: 100%;
    position: absolute
}

.tab-pane .tab-pane-toolbar2 {
    background: #eff3f8 none repeat scroll 0 0;
    left: 0;
    padding-left: 6px;
    width: 100%;
}

.tab-pane .panel-content {
    margin-top: 35px;
    overflow: hidden
}

body.viewframe {
    overflow: auto;
}

body.viewframe .tab-pane-toolbar {
    background: #eff3f8 none repeat scroll 0 0;
    left: 0;
    padding-left: 6px;
    top: 0px;
    width: 100%;
    position: absolute
}

/**向导导航-end*/

.help-block {
    padding-left: 20px;
    font-size: 0.75em;
    position: absolute;
    z-index: 99;
    top: -35px;
    border: 1px solid;
    border-radius: 4px;
    padding: 4px;
    background: #fff;
    display: none;
    margin: 0
}

/*.help-block:before{font-family:'FontAwesome';content:'\f0d7';    position: absolute;bottom: -8px;left: 50%;}*/
.has-error .chosen-container, .has-error .form-control{border: 1px solid #a94442 !important;}
.has-error:hover .help-block {
    display: block;
    z-index: 9999
}

/***jqgrid-修复**/

.ui-jqgrid-htable th.ui-th-column div.ui-jqgrid-sortable,
.ui-jqgrid-htable th.ui-state-default div {
    text-align: center
}

.ui-jqgrid tr.jqgrow td.controlAction {
    overflow: visible !important;
    max-width: 160px
}

.ui-jqgrid tr.jqgrow td.controlAction a {
    font-size: 0.812em;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 1px;
    text-align: left;
    font-size: 0.812em;
}

.ui-jqgrid tr.ui-row-ltr td,
.ui-jqgrid tr.ui-row-rtl td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #e1e1e1;
    padding: 6px 4px;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover,
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button:hover {
    padding: 0 6px;
    background: none !important
}

.ui-jqgrid .ui-jqgrid-hdiv {
    border-style: none
}

.ui-jqgrid td.jqgrid-rownum {
    background-color: #f9f9f9
}

.searchBox .action-td button i {
    display: none
}

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height: auto;
    vertical-align: text-top;
    padding-top: 2px;
}

/**widget-box模块化**/

.widget-box.delayering {
    /* border-top: 4px solid #e7eaec; */
    background: #fff;
    margin-top: 0px
}

.widget-box.delayering .widget-header {
    background: #fff;
    color: #676a6c;
    padding-top: 2px;
    padding-left: 16px;
    min-height: 36px;
}

.widget-box.delayering .widget-header h5 {
    font-weight: 600
}

.widget-box.delayering .widget-header .widget-toolbar>a {
    font-size: 1.5em
}

.widget-box.delayering .widget-body {
    padding: 8px;
    background: #fff !important
}

.tabbable.delayering {
    background: #fff;
}

.tabbable.delayering.border {
    border-top: 4px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-bottom: 2px solid #e7eaec;
    color: rgb(170, 170, 170)
}

.tabbable.delayering .nav-tabs>li>a,
.tabbable.delayering .nav-tabs>li>a:focus {
    height: 42px;
    background-color: #fff;
    border: none;
    color: #aaa;
    border-bottom: 2px solid #fff;
    font-weight: 600;
}

.tabbable.delayering .nav-tabs>li.active>a,
.tabbable.delayering .nav-tabs>li>a:hover,
.tabbable.delayering .nav-tabs>li.active>a:focus {
    box-shadow: none;
    color: #333333;
}

.tabbable.delayering .tab-content {
    background: #fff;
    border: none;
    border-top: 1px solid #999;
}

.tabbable.delayering .nav-tabs.mini>li>a,
.tabbable.delayering .nav-tabs.mini>li>a:focus {
    height: 34px;
}

/***搜索栏**/

input.ace.ace-switch.ace-switch-7[type="checkbox"]:checked+.lbl::before {
    text-indent: 38px;
}

.link-group a.groupLink {}

.link-group a.groupLink.delete {
    color: red
}

.link-group a.groupLink.delete span.tool-text {
    display: none;
    color: white
}

.link-group a.groupLink.delete:hover span.tool-text {
    display: inline
}

.form-inline label.inline {
    vertical-align: middle;
    color: #000;
    font-family: 宋体;
    line-height: 20px;
    padding: 0 15px
}

.btn-group .btn.btn-tool {
    top: -1px;
    height: 33.5px;
}

.chosen-container-single .chosen-single {
    border-radius: 0 !important;
    height: 32px !important;
    line-height: 28px !important;
    background: transparent !important;
    border: 1px solid #dddddd !important;
}

.widget-toolbar .btn-group button.dropdown-toggle {
    line-height: 22px;
    margin-top: -2px;
}

.tabbable.toolbar {}

.tabbable .nav-tabs.toolbar>li>a,
.tabbable .nav-tabs.toolbar>li>a:focus {
    background: none;
    border: 0
}

.tabbable .nav-tabs.toolbar>li.active>a,
.tabbable .nav-tabs.toolbar>li.active>a:focus,
.tabbable .nav-tabs.toolbar>li.active>a:hover {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #25609c;
    font-weight: 800;
}

/***块状panel***/

.panel {
    background-color: #ffffff;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 1px 2px #c3c3c3;
    position: relative;
}

.panel .panel-heading {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 15px;
    position: relative;
}

.panel-empty {
    background-color: inherit !important
}

.panel-green {
    background-color: #1fbba6;
    background-image: -moz-linear-gradient(center top, #23d1b9 0px, #1fbba6 100%);
    color: white;
    position: relative;
}

.panel-red {
    background-color: #e66b6b;
    background-image: -moz-linear-gradient(center top, #ea8181 0px, #e66b6b 100%);
    color: white;
    position: relative;
}

.panel-blue {
    background-color: #5f8295;
    background-image: -moz-linear-gradient(center top, #6c8fa1 0px, #5f8295 100%);
    color: white;
    position: relative;
}

.panel-grey {
    background-color: #8b91a0;
    background-image: -moz-linear-gradient(center top, #999eab 0px, #8b91a0 100%);
    color: #141518;
    position: relative;
}

.panel-azure {
    background-color: #00bdcc;
    background-image: -moz-linear-gradient(center top, #00d5e6 0px, #00bdcc 100%);
    color: white;
    position: relative;
}

.panel-yellow {
    background-color: #ffb848;
    background-image: -moz-linear-gradient(center top, #ffc261 0px, #ffb848 100%);
    color: #2c2f3b;
    position: relative;
}

.panel-pink {
    background-color: #dd5a82;
    background-image: -moz-linear-gradient(center top, #e16f92 0px, #dd5a82 100%);
    color: white;
    position: relative;
}

/**加载提示框*/

.loading .loadcontent,
.uploadingDiv {
    z-index: 99999;
    position: fixed;
    padding: 10px 25px;
    text-align: center;
    color: #000;
    top: 45%;
    left: 45%;
    width: 250;
    border-radius: 3px;
    box-shadow: 0 1px 2px #c3c3c3;
    background: #8b91a0 none repeat scroll 0 0;
    box-shadow: 3px 3px 3px;
}

.widget-color-gray {
    border-color: #f8f8f8;
}

.widget-color-gray>.widget-header {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #aaa;
    ;
    color: #000000 !important
}

/**tags**/

.tags {
    overflow-x: hidden;
     width: -moz-calc(100% - 80px);
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
}

.tags .tag {
    background-color: #eee;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-repeat: repeat-x;
    background-size: 100% 19px;
    border: 1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
}

.tags .tag-red {
    background-color: #f00;
    background-image: linear-gradient(#f00 20%, #f00 50%, #f00 52%, #f00 100%);

}

.tags .tag button.close {
    background-color: #eee;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #333;
}

.tags .tag-red button.close {
    background-color: #f00;
    background-image: linear-gradient(#f00 20%, #f00 50%, #f00 52%, #f00 100%);
    color: #333;
}

/*提示框样式*/

.tooltip-inner {
    background-color: #fcd869;
    color: #963;
    text-shadow: 0px 0px 0 rgba(42, 45, 50, 0.5);
}

.tooltip.bottom .tooltip-arrow {
    -moz-border-bottom-colors: #fcd869;
    border-bottom-color: #fcd869;
}

/*ace编辑器**/

.ace_scroller {
    background-color: #f0f0f0 !important;
}

ul.rightNav {}

ul.rightNav li a,
ul.rightNav li a:hover {
    color: #fff;
    background: #2c71b6
}

ul.rightNav li.active a {
    border: none;
}

/**可视化编辑器头部类word*/

.wordMenu .ribbon-button {
    padding: 4px 6px;
    margin: 0 5px;
    border: 1px solid #ccc !important;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.wordMenu .ribbon-button:hover {
    border: 1px solid #F1C43F;
    background: #fdeeb3;
    cursor: pointer;
}

.wordMenu .ribbon-button-large {
    text-align: center;
    height: 48px;
    min-width: 44px;
    float: left;
}

.wordMenu .ribbon-button-small {
    height: 14px;
    padding: 3px 4px;
    text-align: left;
}

.wordMenu .ribbon-button-large .button-title {
    clear: left;
    display: block;
}

.wordMenu .ribbon-button .button-title {
    color: #444;
}

.wordMenu i.ribbon-icon {
    color: #000;
    margin: 3px !important;
}

/*阴影*/

.box-shadow-1 {
    -webkit-box-shadow: 1px 1px 1px;
    -moz-box-shadow: 1px 1px 1px;
    box-shadow: 1px 1px 1px;
}

.box-shadow-2 {
    -webkit-box-shadow: 2px;
    -moz-box-shadow: 2px;
    box-shadow: 2px;
}

.box-shadow-3 {
    -webkit-box-shadow: 3px 3px 3px;
    -moz-box-shadow: 3px 3px 3px;
    box-shadow: 3px 3px 3px;
}

.box-shadow-10 {
    -webkit-box-shadow: 0 0 10px #0CC;
    -moz-box-shadow: 0 0 10px #0CC;
    box-shadow: 0 0 10px #0CC;
}

.cssEditUl li.active {
    border: 1px solid blue
}

/*d3提示框*/

.d3-tip {
    line-height: 1;
    font-weight: bold;
    padding: 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
}

.d3-tip:after {
    box-sizing: border-box;
    display: inline;
    font-size: 0.625em;
    width: 100%;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    content: "\25BC";
    position: absolute;
    text-align: center;
}

.d3-tip.n:after {
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
}

/***IE问题**/

.wizardGuide ul li {
    list-style: none;
}

.step-content .step-pane.active {
    display: block
}

/****/

.navbar-menu .nav .open>a,
.navbar-menu .nav .open>a:hover,
.navbar-menu .nav .open>a:focus {
    background-color: #0066cc;
}

.ui-tooltip {
    display: block;
    max-width: 500;
    z-index: 2;
    position: absolute;
    padding: 10;
}

.nav-list>li>a {
    font-size: 1em
}

/***文件表格***/

table.filetable {
    width: 100%
}

table.filetable thead tr {
    background: #edcb8f;
    line-height: 35px;
}

table.filetable tbody tr {}

table.filetable thead tr th,
.filetable tbody tr td {
    text-indent: 15px;
    line-height: 23px;
}

table.filetable tbody tr:hover {
    background: #f2f2f2;
    cursor: pointer;
}

/**top.css**/

#navbar .navbar-brand {
    color: #fff !important;
}

#navbar span.user-info {
    max-width: 300px
}

#navbar .navbar-menu {
    position: absolute;
    bottom: 0px;
    color: #666666;
    left: 450px;
    overflow: hidden;
    font-size: 14px
}

#navbar .nav-pills>li>a {
    padding: 6px 15px 8px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 600;
    color: #FFFFFF;
}

#navbar .nav-pills>li>a {
    border-radius: 4px 4px 0 0
}

#navbar .nav-pills>li.active>a {
    color: #ffc23a;
    /* font-weight: 600; */
    border-bottom: 3px solid #ffc23a;
}

#navbar .nav-pills>li.portalMenu a {
    color: #ecdc64
}

#navbar .nav-pills>li>a:hover,
#navbar .nav-pills>li>a:focus,
#navbar .nav-pills>li.active>a {
    background: transparent;
}

#navbar-container .userInfo {
    margin-top: 10px;
}

#navbar-container .userInfo a {
    color: #fff;
}

.sidebar-fixed .leftTree.widget-box {
    border: none;
    background: url("../images/blue1/leftTree.png") no-repeat 0 100% #0A3869;
}

.sidebar-fixed .leftTree.widget-box .widget-header {
    background: #0A3869;
    color: #fff;
    border-bottom: 1px solid #254974;
    padding: 10;
    font-weight: 800;
}

.leftTree .menuTree {
    background: url("../images/blue1/leftTree.png") no-repeat 0 100% #0A3869;
    height: 100%;
    background-size: 100% auto;
}

.tab-tree {
    background: url("../images/blue1/leftTree.png") no-repeat 0 100% #0A3869 !important;
    height: 100%;
}

.tab-tree .menuTrees {
    background-color: #fff !important;
}

.tab-tree .tab-item.active {
    border-left: 3px solid #fd831c;
    background: #104a7f !important;
    color: #fff;
}

.tab-tree .menuTree .ztree li.level0 {
    /* width: 175px !important; */
    margin-left: 10px !important;
}

.tab-tree .menuTree ul.ztree {
    min-height: 710px !important;
}

.leftTree .menuTree .ztree li a {
    color: #fff;
    margin-left: -99;
    text-indent: 99px;
    width: 999;
}

.leftTree .menuTree .ztree li a:hover {
    background: #00447D;
}

.leftTree .menuTree .ztree li a.curSelectedNode {
    background: linear-gradient(90deg, #f49c28, #fe831c);
    color: #fff;
    filter: saturate(1.2);
}

.sidebar-fixed .leftTree>.widget-body {
    background-color: #f2f2f2 !important;
}

/*主题页*/

ul.box-shadow {
    background: #79cfd1 none repeat scroll 0 0;
    height: 250px;
    margin: 40px auto;
    width: 100%;
}

.effect2::before,
.effect2::after {
    background: #777 none repeat scroll 0 0;
    bottom: 15px;
    box-shadow: 0 15px 10px #777;
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}

.effect2::after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
}

.spinner {
    width: 100%;
}

.spinner input {
    text-align: right;
}

.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 2%;
    vertical-align: middle;
    display: table-cell;
}

.input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 5px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}

.input-group-btn-vertical>.btn:last-child {
    margin-top: -2px;
}

.input-group-btn-vertical i {
    position: absolute;
    top: 0;
    left: 4px;
}

/**列表li***/

ul.tableUl {}

ul.tableUl li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

ul.tableUl li .small {
    font-size: 12px;
    color: #9f9d9d
}

ul.tableUl li:hover {
    background: #f2f2f2 none repeat scroll 0 0;
}

ul.tableUl li:last-child {
    border-bottom: 0
}

.resourceWord {
    border: 1px solid #ddd;
    padding: 0px 15px;
}

.resourceWord .word-line {
    min-height: 43px;
    line-height: 43px
}

.resourceWord .word-line strong {
    margin-right: 20px
}

table.wordTable {
    border: 1px solid #000;
    border-style: solid;
}

table.wordTable thead tr {
    background: #ddd;
    text-align: center;
    height: 43px;
    line-height: 43px
}

table.wordTable th {
    text-align: center;
}

table.wordTable td,
table.wordTable th {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

table.wordTable td,
table.wordTable th {
    padding: 4px;
    height: 43px
}

/***滚动条**/

.mCSB_container_wrapper {
    margin-right: 10px !important;
    margin-bottom: 10px !important
}

.dataTables_scroll .mCSB_container table {
    margin-bottom: 50px !important
}

.dataTables_scroll .mCS_no_scrollbar_y .mCSB_container {
    height: 100%
}

.modal-body .dataTables_scroll .mCS_no_scrollbar_y .mCSB_container {
    height: auto
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(48, 126, 204) !important
}

.noTableFloor .dataTables_wrapper .row:last-child {
    display: none
}

.cardbox .nav-scroll.ace-scroll,
.cardbox .nav-scroll.ace-scroll .scroll-content,
.cardBox .nav-scroll.ace-scroll,
.cardBox .nav-scroll.ace-scroll .scroll-content {
    height: 100%
}

/***小图标**/

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1522466206813');
    /* IE9*/
    src: url('iconfont.eot?t=1522466206813#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1522466206813') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('iconfont.svg?t=1522466206813#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont-touxiang {
    color: #fff;
    font: 1.5em sans-serif;
    vertical-align: middle;

}

.iconfont {

    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-anzhuoxiala:before {
    content: "\e600";
}

.icon-Raidobox-xuanzhong:before {
    content: "\e8b5";
}

.tree-collapseed {
    right: -2px;
    top: -7px;
    color: #1c1919 !important;
    background-color: transparent !important;
    border-color: transparent;
    position: absolute;
    z-index: 0
}

.tree-collapseed i {
    font-size: 12px
}

/**tagsinput**/

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    width: 100%;
}

.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput .tag {
    margin-right: 2px;
    display: inline-grid;
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.bootstrap-tagsinput .tag span {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    font-family: FontAwesome;
    content: "";
    ;
    padding: 0px 2px;
    font-size: 14;
    color: #333;
}

/*****填报子表****/
.uform-toolbar {
    left: 0px;
    width: 100%;
    top: -40;
}

.uform-content {
    margin-top: 35px;
    overflow: hidden
}

.uformPannel {
    margin-top: 35px;
    overflow-y: auto;
    overflow-x: hidden
}

.uform_error {
    border-color: red !important;
    border-width: 2px !important;
}

.previewModal .handsontableInputHolder {
    display: none !important
}

.previewModal .manualRowResizer {
    display: none !important
}

.previewModal td.inputArea {
    padding: 2px 1px !important;
}

.previewModal td textarea.inputarea {
    border: 0;
    width: 99%;
    min-height: 1px;
}

.ureportSublist .widget-box {}

.ureportSublist .widget-box .widget-header {
    background: transparent;
}

.ureportSublist .widget-box .widget-body {
    overflow-x: auto;
}

.ureportSublist .widget-box .widget-body table {}

.ureportSublist .widget-box .widget-body table thead {
    background: transparent;
}

.ureportSublist .widget-box .widget-body table td {
    border-right: 1px solid #b9b7b7;
    border-bottom: 1px solid #b9b7b7;
    height: 34px
}

.ureportSublist .widget-box .widget-body table .btn-group {
    white-space: normal !important;
    margin-top: 10px;
}

.ureportSublist .widget-box .widget-body table td input {
    border: 0
}

.mutilUpload .form-control.file-caption {
    padding: 0
}

.mutilUpload .file-caption-name {
    line-height: 34px;
    height: 34px
}

/*.handsontable  .dataTables_wrapper{background:transparent }*/

.treeToolbar .demisionUl a {
    border-radius: 0;
    background-color: transparent
}

.nav-tab-li {
    width: 100px;
    height: 50px;
    text-align: center;
    background: rgb(237, 243, 244);
    line-height: 50px;
    cursor: pointer;
    display: inline-block;
}

/****svg画板***/

.graphHidden {
    display: none
}

.graphHover .graphHidden {
    display: none
}

.timeline-style2.noLeftTimeline .timeline-info {}

.timeline-style2.noLeftTimeline .timeline-item::before {
    left: 10px
}

.timeline-style2.noLeftTimeline .timeline-indicator {
    left: 5px
}

.timeline-style2.noLeftTimeline .timeline-item .widget-box {
    margin-left: 26px;
}

.box-shadow-card {
    box-shadow: -1px -1px 3px #ccc;
}

.hover-border-red:hover {
    border-color: red !important;
}

.bd-b-1-gray {
    border-bottom: 1px solid rgb(224, 221, 221)
}

/* layout */

.h-100p {
    height: 100%;
}

.h-80 {
    height: 80px;
}

.h-75 {
    height: 75px;
}

.h-150 {
    height: 150px;
}

.h-108 {
    height: 108px;
}

.w-100p {
    width: 100%;
}

.w-30p {
    width: 30%;
}

.w-33p {
    width: 33.3%;
}

.wd-70 {
    width: 70px;
}

.wd-35p {
    width: 35%;
}

.h-38 {
    height: 38px;
}

.h-48 {
    height: 48px;
}

.d-flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

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

.bd-ra-5 {
    border-radius: 5px !important;
}

.bd-ra-10 {
    border-radius: 10px;
}

.bd-r-2 {
    border-right: 2px solid #888785;
}

.bd-r-gray {
    border-right: 1px solid #ccc;
}

.bd-r-gray1 {
    border-right: 1px solid #E2E2E2;
}

.bd-gray {
    border: 1px solid #ccc;
}

.bd-b-gray {
    border-bottom: 1px solid #ccc;
}

.bd-t-gray {
    border-top: 1px solid #ccc;
}

.bs-gray {
    box-shadow: -.5px -.5px 5px #ccc;
}

.pd-b-10 {
    padding-bottom: 10px;
}

.pd-r-0 {
    padding-right: 0px;
}

.pd-r-20 {
    padding-right: 20px;
}

.pd-r-30 {
    padding-right: 30px;
}

.pd-10 {
    padding: 10px;
}

.pd-20 {
    padding: 20px;
}

.pd-x-0 {
    padding-right: 0;
    padding-left: 0;
}

.pd-t-10 {
    padding-top: 10px;
}

.pd-l-0 {
    padding-left: 0;
}

.pd-l-10 {
    padding-left: 10px;
}

.pd-t-20 {
    padding-top: 20px !important;
}

.pd-t-40 {
    padding-top: 40px;
}

.pd-x-10 {
    padding: 0 10px;
}

.pd-x-20 {
    padding: 0 20px;
}

.pd-y-5 {
    padding: 5px 0;
}

.pd-y-10 {
    padding: 10px auto;
}

.pd-y-16 {
    padding: 16px 0;
}

.pd-y-30 {
    padding: 30px 0;
}

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

.justify-content-around {
    justify-content: space-around;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.flex-d-column {
    flex-direction: column !important;
}

.mg-r-5 {
    margin-right: 5px;
}

.mg-r-10 {
    margin-right: 10px;
}

.mg-r-20 {
    margin-right: 20px;
}

.mg-0-auto {
    margin: 0 auto;
}

.mg-b-5 {
    margin-bottom: 5px;
}

.mg-b-10 {
    margin-bottom: 10px;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.mg-l-5 {
    margin-left: 5px;
}

.mg-l-10 {
    margin-left: 10px;
}

.mg-l-20 {
    margin-left: 20px;
}

.mg-l-40 {
    margin-left: 40px;
}

.mg-t-10 {
    margin-top: 10px;
}

.mg-t-15 {
    margin-top: 15px;
}

.mg-t-20 {
    margin-top: 20px;
}

.mg-t-30 {
    margin-top: 30px;
}

.mg-y-20 {
    margin: 20px 0;
}

.mg-x-20 {
    margin: 0 20px;
}

.mg-x-40 {
    margin: 0 40px;
}

.tx-left {
    text-align: left;
}

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

.tx-right {
    text-align: right;
}

.tx-12 {
    font-size: 12px;
}

.tx-13 {
    font-size: 13px;
}

.tx-16 {
    font-size: 16px;
}

.tx-20 {
    font-size: 20px;
}

.tx-25 {
    font-size: 25px;
}

.tx-32 {
    font-size: 32px;
}

.tx-nowrap {
    white-space: nowrap;
}

.hover-underline:hover {
    text-decoration: underline;
}

/* background-color */

.bg-gray-1 {
    background-color: #f6f6f6;
}

/* color */

.color-gray-10 {
    color: #888785 !important;
}

.color-red {
    color: red;
}

.color-blue {
    color: #31a1e2;
}

.out-line-n {
    outline: none !important;
}

.pd-y-10 {
    padding: 10px 0;
}

.fa-comment::before {
    content: ",";
    height: 10px;
    width: 150px;
    color: transparent;
    border-radius: 5px;
    background-color: orange;
}

.nav-tabs>li>a {
    color: #b1b4b6 !important;
}

.nav-tabs>li.active>a {
    color: #6fb3e0;
    font-weight: bold;
}

.user-menu {
    background-color: #2c96db;
}

.ztree li a.curSelectedNode {
    opacity: 1 !important;
}

.sidebar .ztree li span.ico_docu,
.modal-dialog .ztree li span.button.ico_docu {
    background: url('../images/blue1/file.png') !important;
    width: 12px !important;
    height: 14px !important;
    margin-right: 8px !important;
}

.sidebar .ztree li span.ico_open,
.ztree li span.ico_close,
.modal-dialog .ztree li span.button.ico_open {
    background: url('../images/blue1/folder-close.png') !important;
    width: 14px !important;
    height: 13px !important;
    margin-right: 8px !important;
}

.main-content .ztree li span .button.ico_open,
.main-content .ztree li span .button.ico_close,
.main-content .ztree li span.button.ico_open,
.main-content .ztree li span.button.ico_close {
    background: url('../images/blue1/folder-blue.png') !important;
    width: 14px !important;
    height: 13px !important;
}

.main-content .ztree li span.button.ico_docu {
    background: url('../images/blue1/file-blue.png');
    width: 12px;
    height: 14px !important;
}

.bg-linear-gradient-blue {
    background: linear-gradient(90deg, #5FACFE, #6A8BFE);
    width: 32%;
    height: 80px;
    border-radius: 5px;
    position: relative;
}

.bg-linear-gradient-orange {
    background: linear-gradient(90deg, #F5C046, #FF8A00);
    width: 32%;
    height: 80px;
    border-radius: 5px;
    position: relative;
}

.bg-linear-gradient-light-blue {
    background: linear-gradient(90deg, #37CCC1, #15A3CE);
    width: 32%;
    height: 80px;
    border-radius: 5px;
    position: relative;
}

.bg-linear-gradient-blue::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/micro-service.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-orange::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/instance.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-light-blue::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/node.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-micro-service {
    background: url('../images/blue1/resource-total/micro-service.png');
    width: 32px;
    height: 32px;
}

.bg-instance {
    background: url('../images/blue1/resource-total/instance.png');
    width: 32px;
    height: 32px;
}

.bg-node {
    background: url('../images/blue1/resource-total/node.png');
    width: 36px;
    height: 36px;
}

.orange-icon {
    display: inline-block;
    width: 7px;
    height: 18px;
    background-color: #fd920a;
    border-radius: 5px;
    margin: 0 5px;
    margin-bottom: -5px;
}

.odd-table tr:nth-child(odd),
.even-table tr:nth-child(even) {
    background: #F9F8F8;
}

.odd-table tr:hover,
.even-table tr:hover {
    background: #E8F1FC;
}

.widget-color-blue>.widget-header {
    background: #fff;
    color: #000 !important;
    /* margin-bottom:15px; */
    border: 2px solid #ececec !important;
    border-width: 2px 0 2px 0 !important;
}

.widget-color-blue {
    border: none;
    box-shadow: -1px -1px 5px #ccc;
}

.border-box {
    box-sizing: border-box !important;
}

.treeMoveDiv {
    border: none !important;
}

.widget-toolbox {
    background-color: #fff !important;
    border: none !important;
}

.tab-fixed ul.centerNav li.active {
    background: #f6f8ff;
}

.tab-fixed ul.centerNav li.active a {
    color: #3281EA !important;
}

.tab-fixed ul.centerNav li a {
    color: #666666 !important;
}

.glyphicon-remove-sign:before {
    content: 'x';
    color: #000;
    font-size: 15px;
}

.active .glyphicon-remove-sign:before {
    color: #abaaaa;
}

.dataTable>thead>tr>th[class*="sorting_"] {
    color: #333;
}

.widget-body .table thead:first-child tr {
    background: #F2F2F2 !important;
}

.main-content-inner .widget-header {
    background: #fff !important;
}

.treeContentLeft .widget-header {
    padding-right: 2px;
}

.treeContentRight .widget-header.form-inline,
.widget-header.form-inline {
    padding-right: 25px;
    padding-top: 13px;
    padding-bottom: 10px
}

.border-top-orange {
    border: none !important;
}

.dataTables_wrapper .row:last-child {
    background: #fff;
}

.dataTables_scrollBody {
    background: #fff !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #fff !important;
}

.table-striped>tbody>tr:nth-of-type(even) {
    background: #FAFAFA !important;
}

.table-striped>tbody>tr:hover {
    background: #F1F8FF !important;
}

.dataTables_empty:hover {
    background: #fff !important;
}

.tab-pane .tab-pane-toolbar {
    background: #fff !important;top: 30px;
}

/* 表格操作字体颜色 */

.actionDiv a,
.actionDiv ul li a span i::before {
    color: #F59736 !important;
}

.actionDiv .btn {
    border: none !important;
    background: orange !important;
}


.actionDiv .btn-default:hover,
.actionDiv .btn-default:active,
.actionDiv .open>.actionDiv .btn.dropdown-toggle,
.actionDiv .open>.actionDiv .btn-default.dropdown-toggle,
.actionDiv .open>.btn.dropdown-toggle {
    background-color: orange !important;
}

label.btn-yellow {
    border-radius: 5px;
    font-size: 12px !important;
    margin-left: -1px !important;
}

.btn-yellow.active {
    background: orange !important;
    color: #fff !important;
    border-color: orange !important;
}

.btn-yellow.active::after {
    border: none !important;
}

label.btn-blue {
    border-radius: 5px;
    font-size: 12px !important;
    margin-left: -1px !important;
}

.btn-blue.active {
    background: #87CEFA !important;
    color: #fff !important;
    border-color: #87CEFA !important;
}

.btn-blue,
.btn-blu:focus {
    background-color: #428bca !important;
    border-color: #428bca;
}

.btn-blue.active::after {
    border: none !important;
}

.scrollUl {
    background-color: #fff !important;
    border-color: #fff;
    z-index: 9999 !important;
}

.centerNav-container .dropdown-toggle {
    background-color: #fff !important;
    border-color: #fff !important;
}

.transparentRoundBtn {
    background: #2c96db !important;
}

.modal-dialog .nav-tabs {
    background-color: #E8F1FC !important;
}

.modal-dialog .nav-tabs>li:not(.active)>a {
    background-color: transparent !important;
}

.modal-body .profile-user-info-striped tr:nth-child(odd),
.modal-body .profile-user-info-striped tr:nth-child(odd) td {
    background-color: #F9F8F8 !important;
}

.modal-body .profile-user-info-striped tr:nth-child(even) td {
    background-color: #fff !important;
}

/* 向导弹框 */

.wizard-content .wizardGuide ul li.active {
    background-color: #2d97dc !important;
}

.wizard-content .wizardGuide ul li.active::after {
    border-left-color: #2d97dc !important;
}

.wizard-content .wizardGuide ul li.active .title {
    color: #fff;
}

.shadow-box {
    border: none !important;
    box-shadow: -.5px -.5px 5px #ccc !important;
}

.shadow-box2 {
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.08);
}

.pagination li {
    display: inline-flex;
    margin-right: 5px !important;
}

.pagination li a,
.pagination>li>span {
    color: #6fb3e0;
    border-color: #6fb3e0;
    background-color: #fff;
    padding: 2px 8px;
}

.pagination li.page {
    color: #6fb3e0;
    align-items: center;
}

.pagination li input {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    text-align: center !important;
}

.pagination li button {
    border: none !important;
}

.btn-group>.btn-xs {
    border-width: 3px;
}

/* .btn-xs{
    border-width: 2px;
} */

.pull-right btn {
    padding: 0 !important;
}

.btn-group>.btn-sm,
.btn-group+.btn-sm {
    border-width: 4px !important;
}
.btn-xs, .btn-group-xs>.btn{border-width: 4px}
.timeButton .btn {
    border-width: 1px !important;
}

.widget-toolbar .btn-group button.dropdown-toggle {
    line-height: 0 !important;
    top: 0 !important;
    border-width: 5.5px !important;
}

.input-group .btn-xs {
    margin-right: -1px !important;
}

.btn-blue {
    background-color: #428bca !important;
}

input[readonly] {
    background-color: #fff !important;
}

.treeContentLeft .dropdown-menu {
    min-width: 100px !important;
}

.treeContentLeft .dropdown-menu li a span,
.treeContentLeft .dropdown-menu li a i {
    margin-left: 10px !important;
}

.tab-header .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.menuTree .scroll-active,
.menuTree .scroll-top,
.menuTree .scroll-vertical {
    width: 100% !important;
}

.color-primary {
    color: #2b92d5 !important;
}

.bg-blue {
    background: #5492E1;
}

.color-white {
    color: white;
}

.h-30 {
    height: 30px;
}

.h-40 {
    height: 40px;
}

.color-black {
    color: #666666;
}

.bg-blue-grad {
    background: linear-gradient(90deg, #d3e4fa, #e4eefc, #fff);
}

.timeline-style2 .timeline-date {
    width: 100px;
}

.timeline-style2 .timeline-indicator {
    left: 110px;
}

.timeline-style2 .timeline-item::before {
    left: 115px;
}

.timeline-style2 .timeline-item .widget-box {
    margin-left: 140px;
}

.svg_el circle {
    fill: #2c96db;
}

.td-format-1 {
    padding: 5px 10px !important;
    text-align: center;
    width: fit-content;
}

.imglist li {
    text-align: center;
    border: solid 1px #fff;
}

.imglist li span img {
    width: 168px;
    height: 126px;
    margin: 8px;
}

.imglist li.active,
.imglist li:hover {
    border: solid 1px #d7e4ea;
}

ul.role_mgr_content::-webkit-scrollbar {
    width: 0px;
    background-color: #2c96db;
}

ul.role_mgr_content::-webkit-scrollbar-track {
    background-color: #2c96db;
}

ul.role_mgr_content::-webkit-scrollbar-thumb {
    background-color: #2c96db;
}

.dropdown-yellow>li:hover>a,
.dropdown-yellow>li>a:focus,
.dropdown-yellow>li>a:active,
.dropdown-yellow>li.active>a,
.dropdown-yellow>li.active:hover>a {
    background: #fdb852 !important;
    color: #fff !important;
}

.tx-overflow-ellipsis-2row {
    text-overflow: -o-ellipsis-lastline !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.cardBox .shadow-box,
.cardBox .box-shadow-card {
    border: 1px solid #ccc;
}

.shadow-box.selected,
.box-shadow-card.selected {
    box-shadow: -0.5px 4.5px 5px #0a3869 !important;
    border: 1px solid #427cba !important;
}

.dataTables_wrapper .row .col-sm-12 {
    padding: 0
}

.dataTables_scrollHeadInner .table-bordered>thead>tr>th.controlAction,
.dataTables_scrollHeadInner .table-bordered>thead>tr>th.checkControl,
.dataTables_scrollHeadInner .table-bordered>thead>tr>th.radioControl {
    background: #f4f4f4;
}

.dataTables_scrollBody tbody .controlAction,
.dataTables_scrollBody tbody .checkControl,
.dataTables_scrollBody tbody .radioControl {
    background: #fff;
}

.dataTables_scrollBody tbody tr.even .controlAction,
.dataTables_scrollBody tbody tr.even .checkControl,
.dataTables_scrollBody tbody tr.even .radioControl {
    background: #FAFAFA !important;
}

.dataTables_scrollBody tbody tr:hover .controlAction,
.dataTables_scrollBody tbody tr:hover .checkControl {
    background: #F1F8FF;
}

.dataTables_processing {
    display: none !important
}

.modalSelect input {
    width: calc(100% - 60px) !important;
}

.bigSearch {
    border: 4px solid #ffb752;
}

.bigSearch input {
    height: 35px;
    border: 0
}

.bigSearch .input-group-btn {
    vertical-align: top;
}

.bigSearch button {
    height: 37px;
    margin: -1px
}

ul.compositeSearch li {
    border-bottom: 1px dotted #ddd;
}

.messageBell {
    right: 150px;
    top: 14px;
    font-size: 20px;
    color: #fff;
}

.icon-car-count {
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    left: 8px;
    top: -10px;
    background: red;
    color: #fff;
    border-radius: 999px;
    padding: 0 0.5em;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    transform: scale(.7);
    font-family: tahoma !important;
}

.menuTree .menuTreeTitle {
    font-weight: 600;
    font-size: 15px;
    padding: 5px 0 5px 15px;
}

.margin-top-12 {
    margin-top: 12px;
}

.border-message {
    border: 1px solid #c6d1fc;
    border-radius: 8px;
    background-color: #edf1ff;
    color: #3b4980;
}

.bg-white-radius {
    background-color: #fff;
    border-radius: 8px;
}

.containers {
    position: relative;
    width: 100%;
    height: 100%;
    /* background-color: skyblue; */
    overflow: hidden;
}

.border-bottom-t {
    border-bottom: 1px transparent;
}

.border-top-t {
    border-top: 1px transparent;
}

.border-right-t {
    border-right: 1px transparent;
}

.border-left-t {
    border-left: 1px transparent;
    /* color:white */
}

.card-white {
    border: 1px solid rgba(128, 128, 128, 0.5);
    border-radius: 5px;
    padding: 10px 15px;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 3px 14px rgb(0 0 0 / 40%);
}


.bg-linear-gradient-ptob {
    background: linear-gradient(90deg, #e36eea, #9164f7);
    width: 32%;
    height: 80px;
    border-radius: 4px;
    position: relative;
}

.bg-linear-gradient-btob {
    background: linear-gradient(90deg, #5FACFE, #6A8BFE);
    width: 32%;
    height: 80px;
    border-radius: 4px;
    position: relative;
}

.bg-linear-gradient-rtop {
    background: linear-gradient(90deg, #ff8462, #fe6f97);
    width: 32%;
    height: 80px;
    border-radius: 4px;
    position: relative;
}

.bg-linear-gradient-gtob {
    background: linear-gradient(90deg, #37ccc1, #14a1cf);
    width: 32%;
    height: 80px;
    border-radius: 4px;
    position: relative;
}

.bg-linear-gradient-ptob::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/micro-service.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-btob::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/instance.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-rtop::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/node.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-gtob::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/micro-service.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-blue {
    background: linear-gradient(90deg, #5FACFE, #6A8BFE);
    width: 32%;
    height: 80px;
    border-radius: 5px;
    position: relative;
}

.bg-linear-gradient-orange {
    background: linear-gradient(90deg, #F5C046, #FF8A00);
    width: 32%;
    height: 80px;
    border-radius: 5px;
    position: relative;
}

.bg-linear-gradient-light-blue {
    background: linear-gradient(90deg, #37CCC1, #15A3CE);
    width: 32%;
    height: 80px;
    border-radius: 5px;
    position: relative;
}

.bg-linear-gradient-blue::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/micro-service.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-orange::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/instance.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-linear-gradient-light-blue::after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background: url('../images/blue1/resource-total/node.png') no-repeat;
    background-size: 105%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .4;
}

.bg-micro-service {
    background: url('../images/blue1/resource-total/micro-service.png');
    width: 32px;
    height: 32px;
}

.bg-instance {
    background: url('../images/blue1/resource-total/instance.png');
    width: 32px;
    height: 32px;
}

.bg-node {
    background: url('../images/blue1/resource-total/node.png');
    width: 36px;
    height: 36px;
}
.nav_type ul.btnSelect li {padding: 2px 9px;cursor: pointer;}
.nav_type ul.btnSelect li:hover, .nav_type ul.btnSelect li.active{background: #2c95db; border-radius: 7px;color: #f3f1eb;}
.reported .report{
	background: #F0F1F7;padding-left: 4px;padding-top: 4px;border: none !important;
}
.reported .report .widget-body{
	background:transparent !important;
}
.btn.btn-gengduo {
    color: #666 !important;
    border-width: 0 !important;
    line-height: 20px !important;
    padding: 8px 12px !important;
    background: #F0F1F7 !important;
    border-color: #F0F1F7 !important;
}
.tab-pane .tab-pane-toolbar.uform-toolbar{    top: -36px;left: -5px;}