@charset "utf-8";

html, body {
    min-width: 1200px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: white;
    overflow: hidden;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
    color: inherit;
}


*::-webkit-scrollbar-track {
    -webkit-box-shadow: transparent;
    border-radius: 10px;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
}

*::-webkit-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 5px;
    background-color: transparent;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: gray;
    position: absolute;
    right: 0;
    top: 0;
}

.d-block {
    display: block;
}
.btn:focus {
    outline: none !important;
}

.mt-10 {
    margin-top: 10px;
}

.unselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.overflow-hidden {
    overflow: hidden !important;
}

.x-hidden {
    overflow-x: hidden !important;
}
.y-hidden {
    overflow-y: hidden !important;
}

.x-overauto{
    overflow-x: auto !important;
}
.y-overauto{
    overflow-y: auto !important;
}

.position-relative {
    position: relative !important;
}


.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.d-flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.d-table{
    display: table;
}

.d-table-cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.padding-5-0{
    padding: 5px 0;
}
.padding-0-10{
    padding: 0 10px;
}
.padding-10-0{
    padding: 10px 0;
}
.padding-0-15{
    padding: 0 15px;
}
.padding-15-0{
    padding: 15px 0;
}
.padding-10-15 {
    padding: 10px 15px;
}
.padding-15{
    padding: 15px !important;
}
.padding-10{
    padding: 10px;
}
.padding-5{
    padding: 5px;
}
.padding-20{
    padding: 20px;
}
.padding-0{
    padding: 0;
}

.mt-0 {
    margin-top: 0;
}
.mb-0 {
    margin-bottom: 0;
}

.header-nav-bar {
    right: 0;
    top: 0;
    bottom: 0;
}


.hei-30 {
    height: 30px;
    line-height: 30px;
}

.hei-50 {
    height: 50px;
    line-height: 50px;
}
.h-50{
    height:50%;
}

.h-100, .height100 {
    height: 100%;
}

.w-100, .width100, .width-100{
    width: 100%;
}
.w-95{
    width:95%;
}
.w-90{
    width:90%;
}
.w-80{
    width:80%;
}
.w-75{
    width:75%;
}
.w-45{
    width: 45%;
}
.w-49{
    width: 49%;
}
.w-48{
    width: 48%;
    word-break: keep-all;
    white-space: nowrap;
}
.w-50{
    width: 50%;
}

.w-33{
    width: 33.33%;
}
.w-30{
    width: 30%;
}
.w-20{
    width: 20%;
}
.w-10{
    width: 10%;
}
.font-20 {
    font-size: 20px;
}
.font-19{
    font-size: 19px;
}
.font-18{
    font-size: 18px;
}
.font-17{
    font-size: 17px;
}
.font-16{
    font-size: 16px;
}
.font-15{
    font-size: 15px;
}
.font-14{
    font-size: 14px;
}
.font-13{
    font-size: 13px;
}
.font-12{
    font-size: 13px;
}

.pointer{
    cursor: pointer;
}

.well {
    display: table;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    box-shadow: none;
    min-height: 0;
    background-color: transparent;
}

.color-0099ff {
    color: #0099ff !important;
}

label {
    font-size: 12px;
    font-weight: normal;
}

.ml-10 {
    margin-left: 10px;
}

.ml-5 {
    margin-left: 5px;
}
.ml-0{
    margin-left: 0;
}
.warn{
    color: #dc3545!important;
}

.light-grey{
    color:lightgrey;
}
.color-grey{
    color:grey;
}
.no-border{
    border: 0 !important;
}
.form-control {
    border-radius: 0;
    border-color: #c5c5c5;
    /*border-bottom-color: #;*/
}

.select2-selection {
    border-radius: 0 !important;
}

.nav-tabs {
    border-bottom: none;
}

.left-block-title {
    margin-bottom: 30px;
    position: relative;
    padding-left: 15px;
    font-size: 18px;
}

.left-block-title:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    border-left: 6px solid #0084ff;
    left: 0;
}

/*新增按钮*/
.radius-0{
    border-radius: 0 !important;
}

.btn-0084ff {
    color: #fff;
    background-color: #0084ff !important;
}

.btn-0084ff:focus,
.btn-0084ff:visited,
.btn-0084ff:hover {
    color: #fff !important;
}

.btn-link {
    color: #0084ff;
}

.btn-link:hover {
    color: inherit;
    background-color: #ebeef5;
    text-decoration: none !important;
}
.color-white{
    color:white;
}
.color-orange{
    color:darkorange;
}
.color-lightgrey{
    color:lightgrey;
}
.color-blue{
    color:deepskyblue;
}
.color-green{
    color:limegreen;
}
.color-red{
    color:indianred;
}
.bg-orange-menubtn{
    background:#ff6a00;
}
.bg-light{
    background: lightgrey;
}

.no-padding {
    padding: 0;
}
.no-margin{
    margin: 0;
}

.top5{
    margin-top: 5px;
}
.top15{
    margin-top: 15px;
}

.bottom5{
    margin-bottom: 5px;
}
.left5{
    margin-left: 5px;
}

.right5{
    margin-right: 5px;
}
.right-0{
    right:0;
}
.right-5{
    right:5px;
}

.padding-left-5{
    padding-left: 5px;
}


.border-light{
    border:1px solid lightgrey;
}
.no-border{
    border:none;
}
.bolder{
    font-weight: bolder;
}

/*table部分样式*/

.table-hover > tbody > tr:hover {
    background-color: #f5f7fa;
}

.table tr > th {
    color: #909399;
    font-size: 14px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: 1px solid #ebeef5;
    transition: background-color .25s ease;
    padding: 10px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    border-bottom: none;
}

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

.table tr th {
    font-size: 13px;
    font-weight: normal;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding-left: 10px;
    padding-right: 10px;
}
tr.text-right > th{
    text-align: right;
}
.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    font-size: 12px;
}


/*end*/
/*顶部导航样式开始*/
#header {
    color: #000;
    padding: 0 15px 0 0;
    /*border-bottom: 1px solid #f7f7f7;*/
    background-color: var(--cb-color-bg-primary,#fff);
    box-shadow: 0 2px 4px 0 var(--cb-color-shadow,rgba(0,0,0,0.16));
}

#bread-nav {
    color: #333;
    padding: 0 15px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    top: -7px;
    position: relative;
}

.header-logo {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 15px;
    overflow: hidden;
}
.header-logo-img{
    height: 25px;
    width: 140px;
    display: block;
    margin-top: 11px;
}
.header-logo-divide{
    font-size: 24px;
    font-weight: 50;
    position: absolute;
    left: 180px;
    top:0;
    color:lightgrey;
}
.header-logo-title {
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    left: 210px;
    top:0;
    color: #676767;
}
.header-nav-user{
    border-left: 1px solid #ccc;
    margin-left: 25px;
    position: relative;
    cursor: pointer;
}
.header-nav-user .icon-img{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 15px;
}
.header-nav-user a{
    padding-left: 25px;
}
.header-nav-user .icon-img img{
    width: 20px;
    height: 20px;
}
.product .header-nav-link {
    font-size: 14px;
    padding-left: 8px;
    font-weight: 400;
}

.product .header-nav-link:hover {
    text-decoration: none;
    color: #0084ff;
}
.product1 .header-nav-link {
    cursor: default;
}

a.header-nav-link{
    color: inherit;
}

.header-nav-div {
    padding: 0 15px 0 15px;
    white-space: nowrap;
    position: relative;
}

.header-nav-div .nav-icon:hover {
    background-color: transparent;
}

.header-nav-item .header-nav-div:hover, .header-nav-item.active > .header-nav-div {
    color: #0084ff;
}
li.header-nav-item{
    padding-left: 30px;
}

.header-nav-item .header-nav-div .nav-icon{
    display: block;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 14px;
    left: -1px;
}
.header-nav-item .header-nav-div .nav-icon-img{
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.header-nav-item .header-nav-div .nav-icon-img.nav-icon-img-active{
    display: none;
}
.header-nav-item .header-nav-div:hover .nav-icon-img,.header-nav-item.active > .header-nav-div .nav-icon-img{
    display: none;
}
.header-nav-item .header-nav-div:hover .nav-icon-img-active,.header-nav-item.active > .header-nav-div .nav-icon-img-active{
    display: block;
}

.bread-user {
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.bread-user-box .glyphicon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    line-height: 26px;
}

.bread-user-box .breadcrumb {
    position: relative;
    margin-left: 18px;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
}

.bread-user-box .breadcrumb li {
    display: inline-block;
    color: #333;
    line-height: 28px;
}

#header-nav-user{
    width: 326px;
    right: -15px;
    font-size: 12px;
    top: 50px;
    color: #666;
    border-top: 1px solid #eaeaea;
}
#header-nav-user .nav-user-info{
    padding: 15px 15px 10px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
#header-nav-user .nav-user-info .headimg{
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}
#header-nav-user .nav-user-info .headimg img{
    width: 40px;

}
#header-nav-user .nav-user-info .user-cus{
    padding-left: 50px;
    line-height: 20px;
}
#header-nav-user .nav-user-info .user-cus p{
    margin-bottom: 0;
}
#header-nav-user .header-nav-link{
    font-size: inherit;
}
#header-nav-user .logout-section{
    border-top: 1px solid #eaeaea;
    text-align: center;
    cursor: pointer;
}
#header-nav-user .logout-section:hover{
    background-color: rgb(245, 245, 245);
}
#header-nav-user .header-nav-div{
    line-height: 32px;
}
.child-ul {
    display: none;
    right: 0;
    top: 50px;
    background-color: #fff;
    box-shadow: 0 4px 11px -5px #c1c1c1;
    z-index: 9999;
}

.child-ul .child-ul{
   top: 0;
    right: 0;
    margin-right: 100%;
}

.nav > li + li{
    border-top: 1px solid #f5f5f5;
}

.header-nav-item:hover > ul {
    display: block;
}

body #main-container{
    left: 0;
    transition: 0.5s;
}
body.show #main-container{
    left: 210px;
    width: calc(100% - 210px);
}

/*头部导航，面包屑样式结束*/
body #product-nav{
    left: -200px;
}
body.show #product-nav{
    left: 0;
}
#product-nav{
    position: fixed;
    top: 51px;
    left: 0;
    bottom: 0;
    background-color: rgb(245, 245, 245);
    z-index: 999;
    padding: 0 0 15px 0;
    width: 200px;
    box-shadow: 0 4px 11px -5px grey;
    transition: 0.5s left;


}
#product-nav .product{
    padding: 0 15px;
    line-height: 30px;
}
#product-nav .product a{
    display: block;
    font-size: 12px;
    color: inherit;
    font-weight: inherit;
}
#product-nav .product:hover,#product-nav .active .product{
    background: rgb(222, 222, 222);
    color: rgb(51,51,51) !important;
    font-weight: 600 !important;
}
#product-nav .nav > li + li{
    border-top: 0;
}
#product-nav .header-nav-link{
    padding-left: 0;
}

#product-nav .child-ul{
    display: block;
    box-shadow: none;
    background-color: transparent;
}

#product-nav .child-ul .child-ul{
    margin-right: auto;

}

#product-nav .nav-txt{
    font-weight: 600 !important;
}

#product-nav .product-nav-item-1 + .product-nav-item-1{
    border-top: 1px solid #eaeaea !important;
    margin-top: 5px;
    padding-top: 5px;
}

li.product-nav-item,li.header-nav-item{
    border: none !important;
}

#main-container {
    height: calc(100% - 60px);
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 60px;
    overflow-y: auto;
    overflow-x: hidden;
}

.content-panel{
    padding-right: 15px;
}

.panel-container > div {
    flex: 1;
    overflow-y: auto;
}

/*搜索面板样式*/
.search-toggle-icon {
    cursor: pointer;
}

.panel-container {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    height: 100%;
    font-size: 12px;
}

.panel-container > div.search-panel {
    flex: 0 0 250px;
    position: relative;
    width: 250px;
    transition: 1s;
    display: none;
    height: 100%;
}

.panel-container > div.search-panel .well {
    padding: 0;
    margin: 0;
}

.panel-container > div.search-panel .search-btn-box {
    padding: 2px;
}

.panel-container > div.search-panel input[type=text] {
    width: 100%;
    padding: 0 15px;
    line-height: 35px;
}
.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select,.form-group textarea{
    border:1px solid #c5c5c5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color:grey;

}
.form-group input[type=text],.form-group input[type=number],.form-group input[type=email],.form-group select{
    width:100%;
    height:35px;
    max-width:300px;
}
.form-group{
    margin: 5px;
}
.form-group .control-label{
    line-height: 30px;
}
.form-group .col-md-2,.form-group .col-md-3{
    padding:0 5px;
}
.well .form-group{
    margin: 5px;
}


.radio, .checkbox {
    display: inline-block;
}

.radio label, .checkbox label {
    margin-left: 1px;
    padding-left: 0;
}
.radio label input, .checkbox label input{
    margin-left: 0 !important;
}
.radio label .lbl, .checkbox label .lbl{
    padding-left: 20px;
 }

.panel-container > div.search-panel .checkbox, .panel-container > div.search-panel .radio {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    display: block;
}

.panel-container > div.search-panel .radio {
    width: auto;
    min-width: 50%;
}

.panel-container > div.search-panel .accordion-toggle .checkbox label, .panel-container > div.search-panel .accordion-toggle .radio label {
    padding-left: 0;
    margin-left: 0;
}

div.search-panel .panel-heading .checkbox {
    width: 100px;
    min-width: auto;
    /*max-width: auto;*/
}

.panel-container > div.search-panel .checkbox .lbl, .panel-container > div.search-panel .radio .lbl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.panel-container > div.search-panel a .checkbox {
    float: right;
    width: 50px;
    margin-top: -3px;
    margin-right: 8px;
}

.panel-container > div.search-panel a .checkbox .lbl {
    font-size: 12px !important;
    font-size: 12px !important;
    top: 2px;
    position: relative;
}


input[type=radio].ace + .lbl::before {
    height: 16px !important;
}

.panel-container > div.search-panel > .panel-body {
    height: 100%;
    border-right: 1px solid #eee;
    padding-right: 2px;
}

.panel-container > div.search-panel form {
    height: 100%;
    overflow-y: auto;
}

.panel-container > div.search-panel.toggleCollapse {
    display: block;
}

.panel-container > div.search-panel.toggleCollapse > div > div {
    height: 100%;
}

.search-toggle .icon {
    display: inline-block;
    text-align: center;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    *margin-right: .3em;
}

.search-toggle .icon:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}


.panel-container > div.search-toggle > .icon {
    width: 100%;
    height: 100px;
    padding: 30px 0;
    cursor: pointer;
    background: -webkit-linear-gradient(bottom, #ffffff, #f0f0f0, #ffffff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom,  #ffffff,#f0f0f0, #ffffff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom,  #ffffff, #f0f0f0, #ffffff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom,  #ffffff, #f0f0f0, #ffffff); /* 标准的语法 */
}

.panel-container > div.search-toggle > .icon:before, .panel-container > div.search-toggle.toggleCollapse > .icon:before {
    width: 100%;
    height: 100%;
    font-size: 14px;
    word-break: break-all;
    /*writing-mode: tb-rl;*/
    color: white;
    padding-top: 15px;
}


.panel-container > div.search-toggle.toggleCollapse > .icon:before {
    content: '<';
    color:grey;
    height:30px;
    text-align: center;

}

.panel-container > div.search-toggle > .icon:before {
    content: '>';
    color:grey;
    height:30px;
    text-align: center;
}

.panel-container > div.search-toggle {
    flex: 0 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #428bca;
    height: 100%;
    top: 0;
    background: white;
    transition: 1s;
}

.panel-container > div.search-toggle.toggleCollapse {
    background: #ecf8ff;
    background: -webkit-linear-gradient(bottom, white, #f0f0f0,white); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, white, #f0f0f0,white); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, white, #f0f0f0,white); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, white, #f0f0f0,white); /* 标准的语法 */
}

.panel-container > div.search-toggle {
    background: #ecf8ff;
    background: -webkit-linear-gradient(bottom, white, #f0f0f0,white); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, white, #f0f0f0,white); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, white, #f0f0f0,white); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, white, #f0f0f0,white); /* 标准的语法 */
}

.search_check_all {
    top: -2px;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle {
    color: #4c8fbd;
    position: relative;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    display: block;
    background-color: #f7f7f7;
    padding: 9px 15px;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 5px solid #0084ff;
}

.accordion-style1.panel-group .panel-heading {
    padding: 0;
}

.panel-container .panel-body .form-group {
    margin: 0;
    overflow: hidden;
}

.daterangepicker .input-mini {
    padding-left: 40px;
}

#search-container {
    margin-bottom: 5px;
    overflow-y: auto;
    max-height: calc(100% - 102px);
    max-height: -moz-calc(100% - 102px);
    max-height: -webkit-calc(100% - 102px);

    height: auto;
    padding: 0 0 5px 0;
}

#search-container .panel {
    border-bottom: 1px solid #f3f3f3;
}


.panel-container .panel-body .form-group {
    margin: 0;
    overflow: hidden;
}

.fixed-table-container {
    border: 0;
}

.search_panel_content {
    height: auto;
    max-height: 300px;
    overflow-y: auto;
}

.panel-collapse .panel-body label {
    padding-left: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 99%;
}

.panel-collapse .panel-body label, input[type=text], input[type=number], input[type=password], input[type=button], select, button {
    font-size: 12px;
}

.panel-collapse .panel-body input[checked=true] {
    color: #428bca;
}

.panel-collapse .panel-body {
    overflow-y: auto;
    height: auto;
    max-height: 300px;
    width: 100%;
}

.panel-collapse .panel-body::-webkit-scrollbar {
    display: none;
}

.panel.input-template {
    border: 0;
}

.input-template .accordion-toggle .glyphicon-plus:before {
    content: "\002b";
}

.input-template.show .accordion-toggle .glyphicon-plus:before {
    content: "\2212";
}

.input-template .accordion-toggle .control-label {
    font-weight: normal;
    color: #838383 !important;
    margin-bottom: 0;
}

/*.input-template.show .accordion-toggle .control-label{font-weight: bold;}*/


#search-container .input-template-sub {
    border: 0 !important;
    border-bottom: 1px solid lightgrey !important;
}

.panel-container > div.search-panel a .checkbox {
    margin-right: 16px;
}


.panel-container > div.search-panel .input-template-sub a {
    background: transparent !important;
}

.panel-container > div.search-panel .input-template-sub a label {
    color: gray !important;
}

.input-template > .panel-collapse, .input-template-sub > .panel-collapse {
    height: 0;
}

.input-template.show > .panel-collapse, .input-template-sub.show > .panel-collapse {
    height: auto;
}

.input-template.show > .panel-collapse .panel-body {
    padding: 15px 0;
    border-top: none;
}

.input-template-sub > .panel-collapse {
    background: #f6f6f6;
}

.panel-collapse .input-template-sub a label {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
}


/*搜索面板样式*/


/*统计面板样式*/

.stat-panel{
    display: table;
    width:100%;
    height: auto;
    background: white;
    padding: 10px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-top-color: #f3f3f3;
    word-break: break-all;
}
.tab-content,.well{background: white;}
.tab-content{padding: 5px;}

.infobox{
    min-width: auto;
    width:auto;
    height: auto;
    display: inline-block;
    color: #555;
    background-color: #FFF;
    box-shadow: none;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px;
    border: 1px dotted;
    border-color: #d8d8d8!important;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.infobox-blue2 {
    color: #3983c2;
}
.infobox .infobox-content:first-child{
    font-weight: bold;
}
.infobox .infobox-content{font-weight: normal;color:#555  !important;}
.infobox .infobox-content,.stat-panel .infobox .infobox-data-number{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.infobox>.infobox-data{
    display: inline-block;
    border: 0;
    border-top-width: 0;
    font-size: 13px;
    text-align: left;
    line-height: 21px;
    min-width: 130px;
    padding-left: 8px;
    position: relative;
    top: 0;
}
.infobox>.infobox-data>.infobox-data-number {
    display: block;
    font-size: 22px;
    margin: 2px 0 4px;
    position: relative;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 15%);
}
.stat-panel .infobox-data-number .num{
    font-weight: 600;
    font-size: 16px;
}
.infobox .infobox-data .stat_num{font-size: 14px;font-weight: bold;}
.stat-panel > div{text-align: center;position: relative;}

.stat-panel > div.separated-dotted:before{
    position: absolute;
    height: 70%;
    top: 15%;
    right: -1px;
    width:2px;
    content: '';
    border-right: 2px dotted lightgray;
}
.stat-panel > div:last-child:before{
    border: none;
}
.stat-panel .infobox>.infobox-icon >[class*="icon-"]{font-size: 40px;}
.infobox>.infobox-icon>[class*="icon-"],.infobox>.infobox-icon>[class*="icon-"]:before{border-radius: 0;box-shadow: none;color:inherit;}


.text-item{
    background: #113662;
    box-shadow: 0 0 2px #116b7b;
    padding:4px 4px ;
    color:white;
    margin-left: 5px;
    border-radius: 5px;
}


.badge-lightgrey .infobox, .badge-lightgrey .stat-panel {
    background: #f2f2f2;
}
/*统计面板样式结束*/

/*flex布局*/
.display-flex{
    display:-webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;

    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -moz-box-pack:start;
    -webkit-box-pack:start;
    box-pack:start;

    align-items:flex-start;
    -webkit-align-items:flex-start;
    box-align:flex-start;
    -moz-box-align:start;
    -webkit-box-align:start;
}
.display-flex.flex-align-center{
    align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;
}
.display-flex.flex-wrap{
    flex-wrap: wrap;
}
.display-flex > div{
    box-flex:1;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    flex:1;
    -webkit-flex:1;
}
/*flex布局*/


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color:#0084ff;
    border-color: #0084ff;
}


/*各种panel高度处理*/
.remove-lightheader-height{height:95%;height:calc(100% - 25px);height:-moz-calc(100% - 25px);height:-webkit-calc(100% - 25px);}
.remove-header-height{height:90%;height:calc(100% - 40px);height:-moz-calc(100% - 40px);height:-webkit-calc(100% - 40px);}
.remove-highheader-height{height:90%;height:calc(100% - 90px);height:-moz-calc(100% - 90px);height:-webkit-calc(100% - 90px);}
.remove-table-view{height:90%;height:calc(100% - 130px);height:-moz-calc(100% - 130px);height:-webkit-calc(100% - 130px);}

/*各种panel高度处理*/


.edit-packname-section{
    position: relative;
    cursor: pointer;
}
.edit-packname-section .edit-packname{
    outline: none;
    border: 1px solid transparent;
    padding: 2px 5px;
}
.edit-packname-section .edit-packname[contenteditable=true]{
    border-color: #eaeaea;
}
.edit-packname-section .edit-packname-i{
    font-style: normal;
    font-weight: 200;
    visibility: hidden;
    color: #0084ff;
}
.edit-packname-section:hover .edit-packname-i,.edit-packname-section.edit .edit-packname-i{
    visibility: visible;
}

.edit-packname-section .edit-packname-del{
    visibility: hidden;
    font-style: normal;
    font-weight: 200;
    color: grey;
}
.edit-packname-section.edit .edit-packname-del{
    visibility: visible;
}

/*
* layui 表格样式处理 统一
 */
.layui-table-view{
    border: 0 !important;
}
.layui-table-view .layui-table th{
    color:#909399;
    font-size: 13px !important;
}

.layui-table-view .layui-table td{
    color:black;
    font-size: 12px;
    padding:8px 0 !important;
}
.layui-table-view .layui-table td, .layui-table-view .layui-table th{
    border-right: 0;
    border-bottom-color: #f3f3f3 !important;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even){
    background-color: transparent !important;
}
.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{
    line-height: unset !important;
    height:23px !important;
}
/*
* layui 表格样式处理 统一
 */

.panel-footer{
    background-color: #fff;
    border-top: none;
}

.inline{
    display: inline-block;
}

.text-ellipsis{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: auto;
    width:100px;
}

.tooltip-inner{
    word-break:break-word;
    background-color: #428ac9;
}
.tooltip.left .tooltip-arrow{
    border-left-color:#428ac9;
}

.tooltip.right .tooltip-arrow{
    border-right-color:#428ac9;
}

.tooltip.top .tooltip-arrow{
    border-top-color:#428ac9;
}

.tooltip.bottom .tooltip-arrow{
    border-bottom-color:#428ac9;
}

.overflow-auto{
    overflow-y: auto;
}
.blue{
    color: #478fca!important;
}
[class*=" icon-"], [class^="icon-"] {
    display: inline-block;
    text-align: center;
}