@charset "UTF-8";
body {
	font-family: NotoSansHans;
	color:#333333;
} 
a{
	color:#637390;
}
.breadcrumb-item.active a {
    color: rgb(57, 175, 209);
    font-weight: 600;
}
.topnav-navbar-dark {
    background-color: #384151;
}
body[data-leftbar-theme=dark] .leftside-menu {
    background: #384151;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .leftside-menu {
    padding-top: 0px;
    position: fixed;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
    min-height: 600px;
}
.form-control,.btn,.btn-sm ,.card {
	border-radius: 5px;
}
.footer {
    padding: 10px 20px 10px;
}
option:disabled {
	text-decoration:line-through;
	color:#eef2f7;
}
/*自定义col-x begin*/
.col-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
}
/* 宽度 平均分10份 */
.col-avg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 10%;
}
/*自定义col-x end*/
/* 自定义相关颜色 begin */
.bg-danger{
	background-color: #FC691B !important;
}
.text-danger{
	color: #FC691B !important;
}
.text-red{
	--bs-text-opacity: 1;
    color: #E43C00 !important;
}
/* 自定义相关颜色 end  */
/* 自定义 z-index begin  */
.z--1{
	z-index: -1;
}
.z-1{
	z-index: 1;
}
.z-2{
	z-index: 2;
}
.z-99{
	z-index: 99;
}
.z-999{
	z-index: 999;
}
/* 自定义 z-index end  */
.align-center-vertical {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.leftside-menu {
	top:100px;
	width:200px;
	padding-top: 0px;
}
.sidebar-enable .side-nav .menuitem-active .side-nav-link {
    background-color: #FC691B !important;
}
.sidebar-enable .side-nav .side-nav-second-level{
	background-color: #525A67 !important;
}
body[data-leftbar-theme=dark] .side-nav .side-nav-second-level .menuitem-active>a {
    background-color: #717A88 !important;
}
.content-page {
    margin-left: 200px;
    padding: 100px 12px 45px;
}
.content-page .content{
	height: calc(100vh - 145px);
}
.content-page .content .container-fluid{
	height: calc(100vh - 145px);
}
.mdi-16px.mdi-set, .mdi-16px.mdi:before {
    font-size: 16px;
}
.mdi-14px.mdi-set, .mdi-14px.mdi:before {
    font-size: 14px;
}

/* right-container begin */
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .content-page .content .container-fluid .left-container{
    position: absolute;
    left: 85px;
}

body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) .wrapper .content-page .content .container-fluid[organ-left-compact-mode=condensed] .left-container{
    position: absolute;
    left: -110px;
    z-index:1;
}

.content-page .content .container-fluid[organ-left-compact-mode=condensed] .left-container{
	position: absolute;
    left: 20px;
}
.content-page .content .container-fluid[organ-left-compact-mode=condensed] .right-container{
	margin-left: 0px;
}
.content-page .content .container-fluid .left-container {
	top: 100px;
	left:215px;
	bottom: 0;
    width: 200px;
    position: fixed;
    padding-top: 0px;
    z-index: 0;
}
.content-page .content .container-fluid .left-container .card {
	padding: 0px;
	height: calc(100vh - 210px);
}
.content-page .content .container-fluid .left-container .card .card-body {
	padding: 10px 0px 0px 0px;
	height: calc(100vh - 210px);
}
.content-page .content .container-fluid .left-container .page-title-box{
	min-height: 60px;
    padding-top: 15px;
    padding-left:15px;
    padding-right: 0px;
}

.content-page .content .container-fluid .left-container .button-menu-right {
	border: none;
    width: 60px;
    background-color: transparent;
    font-size: 24px;
    z-index: 1;
    position: relative;
    padding-right:0px;
    height: 30px;
    line-height: 30px;
    width: 70px;
    float: right;
    text-align: right;
    color: #98a6ad;
}
.content-page .content .container-fluid .left-container .button-menu i::before {
    content: "\F0275";
    height: 30px;
    line-height: 30px;
    width: 40px;
    float: left;
    color: #98a6ad;
    border: none;
    background-color: transparent;
    font-size: 24px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    margin-left: -24px;
}

.content-page .content .container-fluid .left-container .tree-nav {
    padding-left: 0;
    list-style-type: none;
}
.content-page .content .container-fluid .left-container .tree-nav ul {
    list-style-type: none;
}

.content-page .content .container-fluid .left-container .tree-nav-link{
	display: block;
    padding: 0px 10px;
    font-size: .89rem;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    list-style: none;
	color: #6c757d;
	line-height: 20px;
	height: 24px;
}
.tree-nav-second-level{
	padding-left: 10px;
}
.tree-nav-third-level{
	padding-left: 20px;
}
.tree-nav-forth-level{
	padding-left: 30px;
}
.tree-nav-five-level{
    padding-left: 40px;
}
.tree-nav-five-level li a, .tree-nav-forth-level li a, .tree-nav-second-level li a, .tree-nav-third-level li a {
    padding: 0px 10px 2px;
    color: #6c757d;
    display: block;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: .89rem;
}

.tree-mulite-selected .tree-nav-five-level .organ-hut span::before,.tree-mulite-selected .tree-nav-forth-level .organ-hut span::before,.tree-mulite-selected .tree-nav-second-level .organ-hut span::before,.tree-mulite-selected .tree-nav-third-level li .organ-hut span::before {
    display: inline-block;
    font: normal normal normal 24px / 1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    content: "\F0131";
    padding-right: 3px;
}
/* 选中 */
.tree-mulite-selected .tree-nav-five-level .organ-hut .hut-selected::before,.tree-mulite-selected .tree-nav-forth-level .organ-hut .hut-selected::before,.tree-mulite-selected .tree-nav-second-level .organ-hut .hut-selected::before,.tree-mulite-selected .tree-nav-third-level li .organ-hut .hut-selected::before {
    display: inline-block;
    font: normal normal normal 24px / 1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    content: "\F0135";
    padding-right: 3px;
}

.content-page .content .container-fluid .left-container .tree-nav .menu-arrow {
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    /* position: absolute; */
    /* right: 30px; */
    display: inline-block;
    font-family: 'Material Design Icons';
    text-rendering: auto;
    line-height: 1.5rem;
    font-size: 1.1rem;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    vertical-align: middle;
}

.content-page .content .container-fluid .left-container .tree-nav .menu-arrow:before {
    content: "\F0142";
}

.content-page .content .container-fluid .left-container .tree-nav .tree-nav-item>a[aria-expanded=true]>span.menu-arrow{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.content-page .content .container-fluid .left-container .tree-nav .tree-nav-item>a .hut-selected{
	padding-right:4px;
	padding-left:2px;
	border-radius: 2px;
	/* background: #eef2f7; */
	background:#beebff;
    -webkit-box-shadow: none;
   box-shadow: none;
}
.content-page .content .container-fluid .right-container{
	margin-left: 200px;
}

/* right-container end */
/* validate-simple 取消验证时的 对号和感叹号  */
.validate-simple .form-control.is-valid,.was-validated .form-control:valid {
    border-color: #0acf97;
    padding-right:0px;
    background-image:none;
    background-position:right;
    background-size:0px;
    /* background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230acf97' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); */
    /* background-repeat:no-repeat; */
    /* background-position:right calc(.375em + .225rem) center; */
    /* background-size:calc(.75em + .45rem) calc(.75em + .45rem); */
}
.validate-simple .form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #fa5c7c;
    padding-right:0px;
    background-image:none;
    background-position:right;
    background-size:0px;
}
.validate-simple .input-group-sm>.btn,.validate-simple  .input-group-sm>.form-control,.validate-simple  .input-group-sm>.form-select,.validate-simple  .input-group-sm>.input-group-text {
    padding: .28rem .08rem;
    font-size: .875rem;
    border-radius: .2rem;
}

.widget-icon {
    color: #727cf5;
    font-size: 30px;
    background-color: rgba(114,124,245,.25);
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    display: inline-block
}
/* top css 自定义 开始 */
.topnav-navbar {
    padding: 0;
    margin: 0;
    min-height: 100px;
    position: fixed; 
    left: 0!important;
    z-index: 1002;
}
.topnav-navbar .topnav-logo {
    padding-right: 0px;
    text-align: center;
    width: 60px;
    min-width: 60px;
}
.sidebar-enable .topnav-navbar .topnav-logo {
	padding-right: 0px;
    width: 190px;
    min-width: 190px;
}
.button-menu-mobile {
    height: 30px;
    line-height: 30px;
    width:70px;
    float: right;
	color: #98a6ad;
}

@media (max-width: 991.98px){
	.topnav-navbar .topnav-logo {
	    min-width: 5px;
	    width:5px;
	    padding-right: 0;
	    text-align: center;
	}
	.top-title{
		display: none;
	}
}
@media(max-width: 767.98px){
	.button-menu-mobile {
		height: 70px;
		line-height: 70px;
	    float: left;
	    margin-left: -24px;
	}
}

.topnav-navbar-dark .nav-user {
    background-color: #384151;
    border: 0px solid #384151;
}
.topnav-navbar .app-search .nav-tabs.nav-bordered li a.active {
    border-bottom: none !important;
	border-top: 2px solid rgb(234 84 14);
}

.topnav-navbar .app-search .nav-tabs.nav-tabs.nav-bordered li a {
    padding: .325rem 1.25rem;
}
.topnav-navbar-dark .app-search .active span {
    color: #FC691B;
}
/* top css 自定义 结束 */

.btn-xsm {
	padding: .08rem .6rem;
	font-size: .775rem;
	border-radius: 5px;
}
.btn-table{
	/* width: 72px !important; */
	width: 80px !important;
    height: 28px !important;
    font-size: 13px;
    padding: 4px;
}
.btn-table img{
	width:20px;
}
.input-group-xsm>.btn, .input-group-xsm>.form-control, .input-group-xsm>.form-select, .input-group-xsm>.input-group-text {
    padding: 0.08rem 0.6rem;
    font-size: .775rem;
    border-radius: 0.15rem;
}
.btn-group-xsm>.btn, .btn-sm {
    padding: 0.08rem 0.6rem;
    font-size: .775rem;
    border-radius: 0.15rem;
}
.input-group-lg>.form-select, .input-group-xsm>.form-select {
    padding-right: 2.4rem;
}
.text-right{
	text-align: right;
}
.btn-dark{
	color: #fff;
	 background-color: #637390;
     border-color:#637390;
}
.btn-info{
	color: #fff;
	 background-color: #0683B3;
     border-color:#0683B3;
}
.btn-primary {
    color: #fff;
   /*  background-color: rgb(252 150 127);
    border-color: rgb(252 150 27); */
    background-color: #FC691B;
     border-color:#FC691B;
}
.btn-primary:hover {
    color: #fff;
    background-color: rgb(234 84 4);
    border-color: rgb(234 84 14);
}

.btn-outline-primary{
	color: rgb(252 150 127);
	border-color: rgb(252 150 27);
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: rgb(234 84 4);
    border-color: rgb(234 84 14);
}
body[data-leftbar-theme=dark][data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link {
    background: #FC691B;
    color: #fff!important;
    -webkit-transition: none;
    transition: none;
}
.nav-tabs.nav-bordered li a.active {
    border-bottom: 2px solid rgb(234 84 14);
}


/* wxinpeng 修改 --2020/1/29 开始 */
.pagination-custom .dataTables_paginate, .dataTables_length, .dataTables_info {
	display: inline-block;
}

.pagination-custom .dataTables_paginate {
	float: right;
}

.pagination-custom .dataTables_info {
	font-weight: 400;
}
/* 自定义 checkbox-sm 的data-swtich */
.checkbox-sm[data-switch]+label {
	width: 56px;
	height: 21px;
	background-color: #f1f3fa;
	background-image: none;
	border-radius: 2rem;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	position: relative;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

.checkbox-sm[data-switch]+label:before {
	color: #313a46;
	content: attr(data-off-label);
	display: block;
	font-family: inherit;
	font-weight: 600;
	font-size: .75rem;
	line-height: 21px;
	position: absolute;
	right: 3px;
	margin: 0 .21667rem;
	top: 0;
	text-align: center;
	min-width: 1.66667rem;
	overflow: hidden;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}

.checkbox-sm[data-switch]+label:after {
	content: '';
	position: absolute;
	left: 4px;
	background-color: #adb5bd;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 2rem;
	height: 16px;
    width: 16px;
    top: 2px;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
.checkbox-sm[data-switch]:checked+label {
	background-color: #727cf5
}

.checkbox-sm[data-switch]:checked+label:before {
	color: #fff;
	content: attr(data-on-label);
	right: auto;
	left: 4px
}

.checkbox-sm[data-switch]:checked+label:after {
	left: 36px;
	background-color: #f1f3fa
}

.checkbox-sm[data-switch=bool]+label {
	background-color: #fa5c7c
}

/* .checkbox-sm+label {
	opacity: .5;
	cursor: default
}
 */
.checkbox-sm[data-switch=bool]+label:before,
.checkbox-sm[data-switch=bool]:checked+label:before {
	color: #fff !important
}

.checkbox-sm[data-switch=bool]+label:after {
	background-color: #f1f3fa
}
.card-header .d-grid .btn{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* 自定义 checkbox-sm 的data-swtich */
/*自定义搜索 begin*/
.btn-title{
	 --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important;
	height: 34px;
	display: inline-block;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
}
.btn-send {
	-webkit-box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
    box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
	color: #fff;
    background-color: #0acf97;
    border-color: #0acf97;
	height: 34px;
	line-height: 24px;
	padding: .3rem .9rem;
}

.btn-send:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: 18px;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F0501";
	padding-right: 2px;
}

.btn-send:hover {
	color: #fff;
	background-color: #09b080;
	border-color: #08a679;
}

.btn-setting {
	-webkit-box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
    box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
	color: #fff;
    background-color: #39afd1;
    border-color: #39afd1;
	height: 34px;
	line-height: 24px;
	padding: .3rem .9rem;
	display: none;
}

.btn-setting:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: 18px;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F08BB";
	padding-right: 2px;
}

.btn-setting:hover {
	color: #fff;
	background-color: #3095b2;
	border-color: #2e8ca7
}

.btn-back {
	-webkit-box-shadow: 0 2px 6px 0 rgb(108 117 125 / 50%);
    box-shadow: 0 2px 6px 0 rgb(108 117 125 / 50%);
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
	height: 34px;
	line-height: 24px;
	padding: .3rem .9rem;
}

.btn-back:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: 18px;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F0731";
	padding-right: 2px;
}

.btn-back:hover {
	color: #fff;
	background-color: #565e64;
	border-color: #51585e
}

.btn-add,.btn-add-simple {
	-webkit-box-shadow: 0 2px 6px 0 rgb(57 175 209/ 50%);
	box-shadow: 0 2px 6px 0 rgb(57 175 209/ 50%);
	color: #fff;
	background-color: #1c84c6;
	border-color: #1c84c6;
	height: 34px;
}

.btn-add:before,.btn-add-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F0417";
	padding-right: 4px;
}

.btn-add:hover,.btn-add-simple:hover {
	color: #fff;
	background-color: #3095b2;
	border-color: #2e8ca7;
}

.btn-table-list,.btn-table-card{
    height: 28px; 
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    border-color: #FC691B;
	-moz-background-size: contain;
	background-repeat: no-repeat;
	background-size: contain;
}
.btn-table-list:focus,.btn-table-card:focus{
	border-color: #fa5c7c;
	border-radius: 3px;
}
.btn-table-list{
	background-image: url(../images/table/table_list.png);
}
.btn-table-card{
    background-image: url(../images/table/table_card.png);
}
.row .w-20{
	 -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
}
.col-form-label {
	text-align: right;
}
.required-label{
	padding-right: 0px;
}
.required-label:after {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	/* font-size: inherit; */
	font-size: 8px;
	color:#fa5c7c; 
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F06C4";
}
.page-title-box .page-title {
	line-height: 40px;
}
.form-search {
	min-height: 60px;
	padding-top: 15px;
} 

.form-search .row {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important; 
	--bs-gutter-y: 0.75rem; 
	--bs-gutter-x: 0.75rem;
}
.form-search .col-auto{
	margin-top:0px;
}
.form-search .btn-reset,.btn-reset-simple {
	color: #637390;
	font-size: 20px;
	background-color: rgba(114, 124, 245, .25);
	/* height: 40px; */
	width: 45px;
	text-align: center;
	line-height: 1.7;
	border-radius: 3px;
	display: inline-block;
}

.form-search .btn-reset:before,.btn-reset-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F006A";
}

.form-search .btn-del,.btn-del-simple {
	color: #FC691B;
	font-size: 20px;
	background-color: rgba(114, 124, 245, .25);
	/* height: 40px; */
	width: 45px;
	text-align: center;
	line-height: 1.7;
	border-radius: 3px;
	display: inline-block;
}

.form-search .btn-del:before,.btn-del-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F01B4";
}

.form-search .btn-search,.btn-search-simple {
	color: #FC691B;
	font-size: 20px;
	background-color: rgba(114, 124, 245, .25);
	/* height: 40px; */
	width: 45px;
	text-align: center;
	line-height: 1.7;
	border-radius: 3px;
	display: inline-block;
}

.form-search .btn-search:before,.btn-search-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F0349";
}

.form-search .btn-export,.btn-export-simple {
	color: #0683B3;
	font-size: 20px;
	background-color: rgba(114, 124, 245, .25);
	/* height: 40px; */
	width: 45px;
	text-align: center;
	line-height: 1.7;
	border-radius: 3px;
	display: inline-block;
}

.form-search .btn-export:before,.btn-export-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\F0207";
}

.form-search .selection {
	min-width: 190px;
}
.form-search .select2-container {
    padding: .45rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    min-width: 190px;
}

.align-items-center .col-auto{
	padding-left: 6px;
	padding-right: 6px;
}
.align-items-center .col-auto:first-child{ 
	padding-left: 0px;
}
/* .form-search .col-auto-organ-search{
	margin-top: 10px;
} */
/*自定义搜索 end*/
/*自定义table的按钮 begin*/
.table>:not(caption)>*>* {
    padding: 0.75rem 0.75rem;
}
.table-sm>:not(caption)>*>* {
    padding: .5rem .5rem;
}
.table-responsive .btn {
	margin-left: 10px;
	line-height: 15px;
	font-size: 12px;
	padding: 3px 5px 1px 5px;
}

.table-responsive .btn-default {
	-webkit-box-shadow: 0 2px 6px 0 rgb(114 124 245/ 50%);
	box-shadow: 0 2px 6px 0 rgb(114 124 245/ 50%);
	color: #fff;
	background-color: #08a679;
    border-color: #089b71;
}

.table-responsive .btn-default:hover {
	color: #fff;
    background-color: #09b080;
    border-color: #08a679;
}

.table-responsive .btn-default:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	content: "\F08BB";
}
.table-responsive .btn-subadd {
	-webkit-box-shadow: 0 2px 6px 0 rgb(114 124 245/ 50%);
	box-shadow: 0 2px 6px 0 rgb(114 124 245/ 50%);
	color: #fff;
	background-color: #39afd1;
    border-color: #39afd1;
}

.table-responsive .btn-subadd:hover {
	color: #fff;
    background-color: #2e8ca7;
    border-color: #2b839d;
}

.table-responsive .btn-subadd:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	content: "\F11EC";
}
.table-responsive .btn-edit,.table-responsive .btn-edit-simple {
	-webkit-box-shadow: 0 2px 6px 0 rgb(114 124 245/ 50%);
	box-shadow: 0 2px 6px 0 rgb(114 124 245/ 50%);
	color: #fff;
	background-color: #1c84c6;
	    border-color: #1c84c6;
}

.table-responsive .btn-edit:hover,.table-responsive .btn-edit-simple:hover {
	color: #fff;
	background-color: #3095b2;
	border-color: #2e8ca7;
}

.table-responsive .btn-edit:before,.table-responsive .btn-edit-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	content: "\F090C";
}

.table-responsive .btn-del,.table-responsive .btn-del-simple {
	-webkit-box-shadow: 0 2px 6px 0 rgb(57 175 209/ 50%);
	box-shadow: 0 2px 6px 0 rgb(57 175 209/ 50%);
	color: #fff;
	background-color: #FC691B;
	border-color: #FC691B;
}

.table-responsive .btn-del:hover,.table-responsive .btn-del-simple:hover {
	color: #fff;
	background-color: #d54e69;
	border-color: #c84a63
}

.table-responsive .btn-del:before,.table-responsive .btn-del-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	content: "\F01B4";
}

.table-responsive .btn-down,.table-responsive .btn-down-simple {
	-webkit-box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
    box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
	color: #fff;
	background-color: #0acf97;
    border-color: #0acf97;
}

.table-responsive .btn-down:hover,.table-responsive .btn-down-simple:hover {
	color: #fff;
	background-color: #09b080;
	border-color: #08a679
}

.table-responsive .btn-down:before,.table-responsive .btn-down-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	content: "\F01DA";
}

.table-responsive .btn-qrcode,.table-responsive .btn-qrcode-simple {
	-webkit-box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
    box-shadow: 0 2px 6px 0 rgb(10 207 151 / 50%);
	color: #fff;
    background-color: #39afd1;
    border-color: #39afd1;
}

.table-responsive .btn-qrcode:hover,.table-responsive .btn-qrcode-simple:hover {
	color: #fff;
	background-color: #3095b2;
	border-color: #2e8ca7;
}

.table-responsive .btn-qrcode:before,.table-responsive .btn-qrcode-simple:before {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 4px;
	content: "\F0432";
}

.table-responsive .dt-buttons{
	display: none;
}
.page-link{
	padding: 0.075rem 0.55rem;
	border-radius: 5px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #FC691B;
    border: 1px solid #FC691B;
   background-color: #ffffff;
   border-color: #FC691B;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    background-color: #eef2f7; 
}
/*自定义table的按钮 end*/

/*表单校验 begin*/
.formError.inline .formErrorContent {
	border-radius: .25rem ;
	margin-top: .1rem;
}

.formError .formErrorContent{
	padding: .2rem .4rem;
	background-color: rgba(250,92,124,.9);
}

.greenPopup .formErrorContent {
	padding: .2rem .4rem;
    background-color: rgba(10,207,151,.9);
}
/* 自定义排名 颜色 开始 */
.text-no1{
	color: #EA5404;
}
.text-no2{
	color: #FD8B4E;
}
.text-no3{
	color: #ECAD4A;
}
.text-no4{
	color: #74B057;
}
.text-no5{
	color: #0477EA;
}
.bg-rank-green{
	background-color:#74B057;
}
.bg-rank-blue{
	background-color:#1890FF;
}
.bg-rank-yellow{
	background-color:#FF9C00;
}

.text-alarm{
	color: #FC691B;
	font-weight: Bold;
}

.avatar-xsm {
	height: 2.5rem;
	width: 2.5rem
}
.avatar-xs {
    height: 2rem;
    width: 2rem;
}
/* 自定义排名 颜色 结束 */
/*表单校验 end*/
/* toast 自定义开始 */
.jq-toast-wrap {
    width: 250px;
}
/* toast 自定义结束 */
#chart-container {
	position: relative;
	min-height: 420px;
	border: 1px solid #aaa;
	margin: 0.5rem;
	overflow: auto;
	text-align: center;
}
.issue-btn{
	position: absolute;
	right:15px;
	top:20px;
}
.issue-mulit-btn{
	position: absolute;
	right:100px;
	top:20px;
}
/* 持续新增 -开始 */
.continue-add{
	 position: absolute;
	 right: 60px;
	 top: 20px;
}
.continue-add input[data-switch]+label {
    width: 110px;
 }
.continue-add input[data-switch]:checked+label:after {
    left: 85px;
}
.en_US input[data-switch]+label {
    width: 210px;
}
.en_US input[data-switch]:checked+label:after {
    left: 185px;
}
/* apex-chart自定义-开始 */
.apex-charts .apexcharts-toolbar{
	display: none;
}
.apex-charts text {
    font-family: NotoSansHans!important;
    fill: #313a46;
}
/* apex-chart自定义-结束 */

.help-box{
	position: fixed;
    bottom: 0px;
    margin: 0px 36px 0px;
    padding: 10px 20px;
    background-color: transparent;
}
/* 持续新增 -结束 */
.orgchart { background: #fff; }
 .orgchart td.left, .orgchart td.right, .orgchart td.top { border-color: #aaa; }
 .orgchart td>.down { background-color: #aaa; }
 .orgchart .gateway .title { background-color: #006699; }
 .orgchart .gateway .content { border-color: #006699; }
 .orgchart .feeddevice .title { background-color: #009933; }
 .orgchart .feeddevice .content { border-color: #009933; }
 .orgchart .rd-dept .title { background-color: #993366; }
 .orgchart .rd-dept .content { border-color: #993366; }
 .orgchart .cleardevice .title { background-color: #996633; }
 .orgchart .cleardevice .content { border-color: #996633; }
 .orgchart .frontend1 .title { background-color: #cc0066; }
 .orgchart .frontend1 .content { border-color: #cc0066; }
 
 /* data-table dt-control开始  */
 table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}
table.dataTable td.dt-control:before {
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: inline-block;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}
table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  background-color: #d33333;
}

 /* data-table dt-control结束  */
 
 /* apexcharts gridline自定义开始  */
 .apexcharts-gridline {
    /* pointer-events: none; */
    stroke: rgb(202, 202, 202);
}
 /* apexcharts gridline自定义结束  */
  /*timepicker 自定义开始*/
.bootstrap-timepicker-widget{
	height: 135px;
}
 /*timepicker 自定义结束*/
 /* bootstrap-tagsinput 自定义开始 */
.bootstrap-tagsinput .label-info {
    background-color: #5bc0de;
}
.bootstrap-tagsinput .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.bootstrap-tagsinput {
	display: block;
    width: 100%;
    padding: .45rem .9rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
/* bootstrap-tagsinput 自定义结束 */

.notification-list .notify-item .notify-details .text-muted {
    font-size: .75rem !important;
}
.form-select-xsm {
    padding: 0rem 0.1rem;
    padding-right:10px;
    font-size: .875rem;
    background-position:right 0.1rem center;
}

.input-group-xsm>.btn, .input-group-xsm>.form-control, .input-group-xsm>.form-select, .input-group-xsm>.input-group-text {
    /* padding: .28rem .8rem; */
    padding: 0rem 0.1rem;
    font-size: .875rem;
    border-radius: .2rem;
}

/* select2 自定义开始 */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #02a8b5;
    color: #fff;
}
/* select2 自定义结束 */
/*料塔称重 自定义开始*/

.h-tower{
	height: calc(100vh - 185px);
}
.tower-row .card-header {
	border-bottom: 1px solid #DAECFF;
	margin-left: 1.2rem;
	margin-right: 1.2rem;
	padding-left: 0;
	padding-right: 0;
}

.tower-row .card-body {
	padding-top: 0.5rem;
}

.tower-row .header-title {
	border-left: none !important;
	padding-left: 0px !important;
	margin-bottom: 0px;
	font-size: 1.0rem;
	font-weight: 600;
}

.tower-row .tower-bg {
	background-image: url(../images/tower/towerbg.webp);
	-moz-background-size: contain;
	background-repeat: no-repeat;
	background-size: cover;
}

.tower-row .tower {
	/* background-image: url(../images/tower/tower.png); */
	-moz-background-size: contain;
	background-repeat: no-repeat;
	background-size: contain;
	height: 60%;
	width: 7rem;
	position: absolute;
	right: 1.5rem;
}
.tower-row .tower .tower-percent{
	width: 54px;
	height: 46px;
	position: absolute;
    bottom: 0px;
	background:linear-gradient(90deg, rgba(247,147,30,0.3) 0%, #F7931E 99%, #F7931E 100%);
	clip-path: polygon( 0px 0, 100% 0, 100% calc(100% - 55px), calc(100% - 36px) 100%, 36px 100%, 0 calc(100% - 55px) );
}
.tower-row .align-vertical {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.tower-row .h-65{
    height: 65%!important;
}
.tower-row .h-35{
    height: 35%!important;
}
.tower-row .text-title{
	font-size: 0.6rem;
	font-weight: 400;
}
.tower-row .text-value{
	font-size: 1.3rem;
	font-weight: 400;
}
.tower-row .text-info{
	 --bs-text-opacity: 1;
    color: #1890FF !important;
}
.tower-row .text-percent{
	font-size: 1.4rem;
	font-weight: 400;
}
/*料塔称重 自定义结束*/