h2{
	font-size: 18px;
}
h3,
.size-3{
	font-size: 16px;
}
h4,
.size-2{
	font-size: 14px;
}
.inner-body .inner-main-wrap,
.inner-body > table.layout-table{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 1000px;
}
.inner-body .inner-main-wrap{
	min-height: 500px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.inner-body .inner-main-wrap.beneath-header{
	top: 60px;
}
.inner-body .inner-main-wrap.beneath-header.full-y{
	height: calc(100% - 60px);
}
.inner-body .inner-main-wrap.no-padding{
	padding-bottom: 0;
}
.inner-body .inner-main-wrap.fixed-header{
	position: fixed;
	height: 60px;
	min-height: 60px;
	top: 0;
	padding-bottom: 0;
	z-index: 9999;
}
.popup-body .popup-main-wrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.inner-body .inner-main-wrap > div,
.popup-body .popup-main-wrap > div,
.inner-body .list-wrap > *{
	position: relative;
	float: left;
}
.inner-body .list-wrap > .ps__rail-x,
.inner-body .list-wrap > .ps__rail-y{
	position: absolute;
	float: none;
}
.inner-body .list-wrap > .fixed{
	position: fixed;
}
.inner-body .inner-title{
	height: 60px;
	line-height: 60px;
	overflow: visible;
}
.inner-body .inner-title .float-right{
	float: right;
}
.inner-body .inner-subtitle{
	height: 40px;
	line-height: 40px;
}
.inner-body p{
	line-height: 24px;
}
.inner-body .inner-content{
	text-indent: 2em;
}
.inner-body h1{
	font-size: 20px;
	font-weight: normal;
	margin-block-start: 0;
	margin-block-end: 0;
}
.inner-body .inner-title h1{
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	float: left;
	margin-top: 15px;
}
.inner-body .inner-title .form-text,
.inner-body .inner-title .form-handler{
	margin-top: 15px;
}
.inner-body .split-line{
	float: left;
	position: relative;
	height: 38px;
	margin-top: 0;
	margin-bottom: 0;
}
.inner-body .split-line .title{
	font-size: 14px;
	margin-left: 5px;
	line-height: 38px;
}
.inner-body .split-line .collapse-switcher{
	position: absolute;
	display: block;
	top: 0;
	right: 10px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
.inner-body .split-line .collapse-switcher > em{
	display: inline-block;
	transition: transform 300ms;
}
.inner-body .collapsed > .split-line .collapse-switcher > em{
	transform: rotate(-180deg);
}
.inner-body .after-split-line{
	margin-top: 20px;
}
.inner-body .beneath-split-line{
	margin-top: -1px;
}
.inner-body .before-split-line{
	margin-bottom: 15px;
}
.inner-body .single-line{
	float: left;
	position: relative;
	height: 0;
}
.inner-body .inner-header{
	min-width: 1000px;
	position: fixed;
	height: 50px;
	z-index: 1;
	top: 0;
}
.inner-header > div{
	position: relative;
	float: left;
}
.inner-header .logo{
	height: 40px;
	margin-left: 20px;
}
.inner-header:not(.flex-align-items-center) .logo{
	margin-top: 5px;
}
.inner-header .title{
	height: 100%;
	line-height: 50px;
	margin-left: 10px;
}
.inner-header .title h2{
	height: 22px;
	line-height: 22px;
	padding-left: 10px;
	font-weight: normal;
}
.inner-body .after-header{
	margin-top: 62px;
}
.inner-body .after-header-full{
	height: calc(100% - 62px);
}
.inner-body .fake-header{
	height: 10px;
}
.inner-body .no-header-full{
	margin-top: 54px;
	height: calc(100% - 54px);
}
.inner-body .row-wrap{
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
.inner-body .inner-main-wrap .row-wrap.fixed{
	min-width: 960px;
}
.inner-body .row-wrap > .full-x.fixed,
.inner-body .row-wrap > form > .full-x.fixed{
	width: calc(100% - 40px);
}
.inner-body .row-wrap.fixed,
.inner-body .row-wrap > .full-x.fixed,
.inner-body .row-wrap > form > .full-x.fixed{
	z-index: 9999;
}
.inner-body .row-wrap-first,
.inner-body .row-wrap-list-body{
	margin-top: 60px;
}
.inner-body .row-wrap-last{
	margin-bottom: 73px;
}
.inner-body .row-wrap-list-body.with-searcher:not(.zTreeDragUL){
	margin-top: 100px;
}
.inner-body.no-header .row-wrap-list-body.with-searcher{
	margin-top: 94px;
}
.inner-body .row-wrap-list-header{
	top: 60px;
	height: 38px;
}
.inner-body.no-header .row-wrap-list-header{
	top: 54px;
}
.inner-body .row-wrap-list-header.with-searcher{
	height: 77px;
}
.inner-body .row-wrap-list-searcher{
	top: 60px;
	height: 40px;
}
.inner-body.no-header .row-wrap-list-searcher{
	top: 54px;
}
.inner-body .row-wrap-list-footer{
	bottom: 0;
	height: 60px;
}
.inner-body .row-wrap-single{
	margin-top: 60px;
	height: calc(100% - 120px);
}
.main-part + .main-part{
	margin-left: 20px;
}
.inner-body .nav-wrap{
	height: 30px;
	line-height: 30px;
	text-indent: 15px;
}
.layout-table > tbody > tr > td{
	vertical-align: top;
}
table th.full-cell,
table td.full-cell{
	position: relative;
}
.layout-table .layout-middle{
	vertical-align: middle;
}
.layout-table > tbody > tr > th > .full,
.layout-table > tbody > tr > td > .full{
	position: absolute;
}
.layout-table > tbody > tr > td > .full.list-head-hide{
	top: -1px;
	height: calc(100% + 1px);
}
.layout-table .fake-margin-row{
	height: 20px;
}
.layout-table .fake-margin-column{
	width: 20px;
}
.layer-list-wrap{
	height: 100%;
}
.popup-wrap ul:not(.no-padding){
	padding-top: 20px;
}
.popup-wrap-color ul {
	padding-top: 5px;
}
.form-row-1{
	width: 500px;
}
.form-handler{
	height: 30px;
	line-height: 28px;
	box-sizing: border-box;
	float: left;
}
.form-handler.form-select > .form-handler.form-input{
	height: 28px;
}
.form-text{
	height: 30px;
	line-height: 30px;
	float: left;
}
.form-handler:not(select):not(.select-for-search) + .form-handler:not(.date-picker-faker),
.form-handler:not(select) + .form-text,
.form-handler + select.form-handler + .form-handler{
	margin-left: 15px;
}
.form-handler:not(select) + .form-handler.adjoin,
.form-handler:not(select) + .form-text.adjoin,
.form-handler + select.form-handler + .form-handler.adjoin{
	margin-left: 5px;
}
.form-text + .form-handler:not(select):not(.date-picker-faker),
.form-text + select.form-handler + .form-handler{
	margin-left: 5px;
}
.form-input:not(.width-0),
.form-input-width:not(.width-0){
	width: 200px;
}
.form-input{
	text-indent: 10px;
}
.form-input.date-picker{
	width: 100px;
	margin-right: 0;
	border: none;
	opacity: 0;
}
.form-input.date-picker-faker{
	width: 100px;
	margin-left: -100px;
}
.form-input,
.form-select,
.form-textarea{
	border-radius: 4px;
}
.form-select.select-for-search,
.form-input.with-search-button{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
span.form-select.select-for-search + .form-handler{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: -1px;
}
.with-time-icon + em,
.with-date-icon + em{
	display: inline-block;
	width: 1px;
	height: 30px;
	margin-left: -30px;
	z-index: 1;
	margin-right: 30px;
	vertical-align: top;
}
.form-input .icon-search + input{
	width: calc(100% - 35px);
}
.form-textarea{
	padding: 10px 15px 10px 15px;
	height: 120px;
	line-height: 20px;
	resize: none;
}
.form-button{
	min-width: 40px;
	height: 30px;
	line-height: 28px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 2px;
	overflow: hidden;
}
.form-button.mini{
	min-width: 0;
	padding-left: 10px;
	padding-right: 10px;
}
.with-search-button + .form-button.search-button{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
* + .form-button{
	margin-left: 15px;
}
.form-button.search-button{
	min-width: 30px;
	width: 30px;
	height: 30px;
	padding-left: 0;
	padding-right: 0;
}
.form-handler.form-input + .form-button.search-button{
	margin-left: -1px;
}
.form-button > svg.loading{
	position: absolute;
	height: 20px;
	left: calc(50% - 10px);
	top: calc(50% - 9px);
}
.form-search{
	transition-property: width, border-color, background-color;
	transition-duration: 300ms;
}
.form-handler.form-search.collapse{
	width: 30px;
	border-color: transparent;
	background-color: transparent;
	cursor: pointer;
}
.form-handler.form-search.collapse input[type=search]{
	display: none;
}
.list-wrap .searcher-wrap{
	width: 100%;
	height: 30px;
}
.inner-body .list-wrap .searcher-wrap{
	margin-bottom: 10px;
}
.list-wrap .searcher-wrap .form-handler,
.list-wrap .searcher-wrap .form-text{
	position: relative;
	float: left;
}
.list-wrap .header-wrap{
	height: 40px;
	padding-left: 9px;
	padding-right: 9px;
}
.list-wrap .footer-wrap{
	height: 48px;
	padding-left: 9px;
	padding-right: 9px;
}
.list-wrap.border-collapsed table.list-table,
table.border-collapse{
	border-collapse: collapse;
}
.list-wrap.layout-fixed table{
	table-layout: fixed;
}
table tr > td.no-border,
table tr > th.no-border{
	border: none;
}
table.list-table tr .form-handler:not(.no-shrink){
	height: 24px;
	line-height: 22px;
	display: inline-block;
	position: relative;
	float: none;
}
table.list-table tr.draggable > td{
	cursor: pointer;
}
table.list-table td .form-select em{
	top: 9px;
}
table.list-table .slider-arrow{
	width: 0;
	height: 0;
	margin-top: 13px;
	display: inline-block;
}
.searcher-wrap form > div{
	height: 30px;
}
.searcher-wrap form > div:not(.relative):not(.float-left){
	position: absolute;
	top: 0;
}
.searcher-wrap .page-select{
	right: 20px;
	line-height: 30px;
}
.searcher-wrap .page-select > *{
	display: block;
	position: relative;
	float: left;
	height: 30px;
	line-height: 30px;
}
.main-button{
	height: 30px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 2px;
	line-height: 28px;
}
.main-button.large{
	height: 40px;
	font-size: 14px;
	line-height: 38px;
}
.main-button:not(.mini){
	min-width: 90px;
}
a.main-button{
	display: inline-block;
	text-align: center;
}
* + .main-button:not(.single-button){
	margin-left: 30px;
}
.main-button svg:not(.loading){
	height: 24px;
}
.main-button > svg.loading{
	position: absolute;
	width: 20px;
	height: 20px;
	left: calc(50% - 10px);
	top: calc(50% - 9px);
}
.download-handler.working{
	cursor: default;
}
.download-handler > .waiting,
.download-handler.working > .working,
.download-handler.done > .done{
	display: inline-flex;
	align-items: center;
}
.download-handler > :not(.waiting),
.download-handler.working > :not(.working),
.download-handler.done > :not(.done){
	display: none;
}
.download-handler.working > .working svg.loading{
	margin-right: 6px;
}
table.list-table .form-button{
	min-width: 40px;
	height: 24px;
	padding-left: 0;
	padding-right: 0;
}
.list-wrap .batch-wrap{
	margin-left: 13px;
}
.list-wrap .list-head-wrap{
	height: 38px;
}
.list-wrap .list-table{
	width: 100%;
	border-spacing: 0;
}
.list-wrap.dragging-ghost .list-table{
	width: max-content;
}
.list-wrap .list-table tr{
	height: 38px;
	min-height: 38px;
}
.select-hack-options.list-wrap .list-table tr{
	height: 24px;
	min-height: 24px;
}
.list-wrap .list-table tr.progress-bar{
	height: 3px;
	min-height: 3px;
}
.list-wrap .list-table tr.progress-bar td{
	position: relative;
}
.list-wrap.border-collapsed .list-table tr.list-head{
	height: 36px;
	min-height: 36px;
}
.list-wrap .list-table th,
.list-wrap .list-table td{
	cursor: default;
	font-weight: normal;
	box-sizing: border-box;
	line-height: 20px;
	transition: background-bg 300ms;
}
.list-wrap .list-table th{
	word-break: keep-all;
}
.list-wrap .list-table th{
	text-align: left;
}
.list-wrap .list-table th.batch,
.list-wrap .list-table th.handler,
.list-wrap .list-table th.control,
.list-wrap .list-table th.text-center.including-th,
.list-wrap .list-table td.text-center{
	text-align: center;
}
.list-wrap .list-table th.text-right.including-th,
.list-wrap .list-table td.text-right{
	text-align: right;
}
.list-wrap .list-table tr > *:not(.fixed-width){
	padding-left: 10px;
	padding-right: 10px;
}
.list-wrap .list-table tr > *:not(.fixed-width) > .ellipsis{
	width: 100%;
}
.list-wrap .list-table tr > *.batch{
	padding: 0;
}
.list-wrap.hide-batch .list-table tr > *.batch{
	display: none;
}
.list-wrap .list-table td > .full{
	position: absolute;
	top: 0;
	line-height: 38px;
}
.list-wrap.border-collapsed .list-table td > .full{
	line-height: 36px;
}
.list-wrap.no-side-borders .list-table th:first-child,
.list-wrap .list-table th.no-left-border,
.list-wrap.no-side-borders .list-table td:first-child,
.list-wrap .list-table td.no-left-border{
	border-left: none;
}
.list-wrap.no-side-borders .list-table th:last-child,
.list-wrap .list-table th.no-right-border,
.list-wrap.no-side-borders .list-table td:last-child,
.list-wrap .list-table td.no-right-border{
	border-right: none;
}
table tr > .id,
table tr > .batch{
	text-align: center !important;
	width: 40px;
}
.list-wrap .list-table tr > .batch{
	text-align: center;
	width: 40px;
}
.list-wrap .list-table tr > .batch > div{
	width: 100%;
	height: 36px;
	line-height: 36px;
	position: relative;
	margin: 0;
}
.select-hack-options.list-wrap .list-table tr > .batch{
	width: 30px;
}
.select-hack-options.list-wrap .list-table tr > .batch .checkbox-hack{
	margin-right: 0;
}
.select-hack-options.list-wrap .list-table tr > .batch > div{
	height: 30px;
	line-height: 30px;
}
.list-wrap .list-table tr > .batch.no-batch > *{
	display: none;
}
.list-wrap .list-table th > a.full,
.list-wrap .list-table td > a.full,
.list-wrap .list-table tr .batch .batch-mask{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	display: block;
	text-align: center;
	cursor: pointer;
}
.list-wrap .list-table tr .batch-mask-one{
	cursor: pointer;
}
.list-wrap .list-table tr .batch .batch-mask{
	background: transparent;
}
.list-wrap .list-table td.handler{
	white-space: nowrap;
}
.list-wrap .list-table .handler a{
	padding-left: 8px;
	padding-right: 8px;
}
.list-wrap .list-table .handler a:first-child{
	padding-left: 0;
}
.list-wrap .list-table .handler .multi-actions.select-hack{
	margin-left: 3px;
}
.list-wrap .list-table .handler .multi-actions.select-hack:not(.options-replace) .select-hack-options-single *:not(.ps__rail-x):not(.ps__rail-y):not(.ps__thumb-x):not(.ps__thumb-y){
	text-indent: 5px;
}
.list-wrap .list-table .icon-handler a{
	display: inline-block;
	vertical-align: middle;
}
.list-wrap .list-table td.block-wrapper > *{
	display: inline-block;
	margin-right: 15px;
}
.list-wrap tr.list-head th a.order-switch em{
	visibility: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}
.list-wrap tr.list-head th a.order-switch.order-on em{
	visibility: visible;
}
.list-wrap .pager-wrap{
	width: 100%;
	margin-top: 20px;
	height: 32px;
	line-height: 28px;
}
.list-wrap.layer-list-wrap .pager-wrap{
	position: absolute;
	margin-top: 0;
	bottom: 0;
}
.list-wrap .pager-wrap .pager-form{
	display: block;
	float: right;
	margin-right: 10px;
}
.list-head-hide > table > tbody > .list-head,
.list-head-hide > table > tbody > .list-head > th{
	height: 0 !important;
	min-height: 0 !important;
	line-height: 0 !important;
	border-width: 0;
	visibility: hidden;
	padding: 0;
}
.list-head-hide > table > tbody > .list-head > th *{
	height: 0 !important;
	min-height: 0 !important;
	margin-top: -20px;
	line-height: 0 !important;
	display: inline-block;
}
.list-head-hide > table > tbody > tr:nth-child(2) > *{
	border-top: none !important;
}
.list-head-hide.ps > table{
	margin-top: -2px;
}
.list-wrap .list-table .handler .multi-actions.select-hack .select-hack-body > span{
	padding-left: 5px;
    padding-right: 15px;
}
.list-wrap .list-table .handler .multi-actions.select-hack > em{
	right: 2px;
}
.pager-wrap a:not(.button){
	padding-left: 5px;
	padding-right: 5px;
}
.pager-wrap a:not(.button).invalid{
	cursor: default;
}
.pager-wrap .goto{
	margin-left: 5px;
}
.pager-wrap .goto input{
	width: 36px;
	height: 30px;
	text-indent: 5px;
}
.pager-wrap .submit{
	margin-left: 10px;
	width: 30px;
	height: 30px;
}
.dragging-list-table-gauge{
	height: 30px;
	transform: translateY(-50%);
}
.popup-main-wrap .header{
	height: 44px;
}
.popup-main-wrap .header .title{
	margin-left: 15px;
}
.popup-main-wrap .header .searcher-wrap .items-wrap{
	margin-left: 15px;
	margin-top: 6px;
}
.popup-main-wrap .content-body{
	margin: 10px;
	width: calc(100% - 20px);
}
.popup-main-wrap .footer{
	height: 60px;
}
.popup-main-wrap .tabs-wrap{
	height: 47px;
}
.tabs-wrap ul{
	height: 47px;
	overflow: hidden;
}
.tabs-wrap .cover{
	margin-top: -47px;
}
.tabs-wrap ul li{
	width: auto;
	height: 46px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 46px;
	cursor: pointer;
}
.step-tabs a{
	position: relative;
}
.step-tabs .number-wrap{
	width: 24px;
	height: 24px;
	margin-left: 25px;
	margin-right: 5px;
	border-radius: 12px;
	overflow: hidden;
	font-weight: bold;
	font-size: 13px;
}
.step-tabs a.done .number{
	display: none;
}
.step-tabs .text{
	margin-right: 10px;
}
.step-tabs a:first-child .number-wrap{
	margin-left: 14px;
}
.step-tabs em{
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
}
.step-tabs .bottom-line{
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 1px;
	z-index: 1;
}
.step-tabs a:first-child .bottom-line{
	width: calc(100% + 1px);
	left: 0;
}
.inner-title .step-tabs a{
	height: 60px;
}
.popup-main-wrap .list-table-wrap{
	position: relative;
}
.popup-main-wrap .list-table-wrap > div{
	position: absolute;
}
.popup-main-wrap .pager-row{
	height: 40px;
}
.popup-main-wrap .pager-row .pager-wrap {
	margin-top: 4px;
}
.dialog-form li.sink{
	margin-top: 20px;
}
.dialog-form .handlers{
	margin-top: 20px;
}
.palette-item{
	width: 82px;
}
.screen-layout-wrap{
	width: 900px;
}
.screen-layout-item{
	float: left;
	width: 150px;
	height: 145px;
}
.screen-layout{
	width: 135px;
	height: auto;
}
.screen-layout-item label{
	padding-top: 95px;
	line-height: 0;
}
.screen-layout-item .radio-hack{
	margin-top: 0;
}
body > .layer-screen-layouts > .layui-layer-content{
	max-width: 1130px;
}
body > .layer-screen-layouts > .layui-layer-content ul{
	margin: 0 auto;
	padding: 30px 10px 20px 10px;
}
.tree-tools{
	position: absolute;
	display: block;
	font-size: 12px;
	height: 18px;
}
.tree-tools > *{
	position: relative;
	display: inline-block;
	float: left;
}
.tree-tools em{
	font-size: 0;
	width: 0;
	height: 0;
	margin-top: 5px;
}
.tree-tools a{
	margin-right: 1px;
	height: 100%;
	line-height: 18px;
	padding-left: 5px;
	padding-right: 5px;
}
.icon-control{
	width: 26px;
	height: 26px;
}
.icon-notice{
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.icon-oem svg{
	height: 30px;
}
.icon-occupied{
	height: 20px;
}
.icon-star{
	width: 20px;
	height: 20px;
}
.icon-region{
	width: 24px;
	height: 24px;
}
.icon-ant{
	width: 18px;
	height: 18px;
}
.icon-ant.with-text{
	width: 14px;
	height: 14px;
}
.icon-star-wrap{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.icon-volume-wrap,
.iconic-button.icon-volume-wrap{
	width: 24px;
	height: 24px;
}
.icon-volume-wrap svg,
.iconic-button.icon-volume-wrap svg{
	width: 16px;
	height: 16px;
}
a.icon-star-wrap:not(.active):hover .active{
	display: inline-block;
}
a.icon-star-wrap:not(.active):hover .inactive{
	display: none;
}
.icon-switcher{
	width: 60px;
	height: 30px;
	line-height: 30px;
}
.icon-speaking-wrap{
	width: 20px;
	height: 20px;
	overflow: hidden;
}
.icon-speaking-wrap .icon-speaking{
	vertical-align: top;
}
.icon-speaking-wrap.still .icon-speaking{
	transform: translateX(-40px);
	animation: none;
}
@keyframes icon-speaking {
	0% {
		transform: translateX(0);
	}
	33%{
		transform: translateX(0);
	}
	33.1%{
		transform: translateX(-20px);
	}
	66%{
		transform: translateX(-20px);
	}
	66.1%{
		transform: translateX(-40px);
	}
	100%{
		transform: translateX(-40px);
	}
}
.icon-speaking{
	width: 60px;
	height: 20px;
	animation: icon-speaking 1000ms infinite;
}
img.icon{
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
}
.icon-checked{
	width: 20px;
	height: 20px;
}
.icon-info{
	width: 32px;
	height: 32px;
}
.icon-in-out{
	width: 12px;
	height: 12px;
}
.icon-sound{
	width: 93px;
	height: 34px;
}
.icon-host-wrap{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	opacity: 0.8;
}
.icon-host-wrap:hover,
.icon-host-wrap.icon-host-on{
	opacity: 1;
}
.icon-host{
	width: 14px;
	height: 14px;
	line-height: 14px;
}
.icon-raise-hand{
	width: 16px;
	height: 16px;
}
.icon-polling,
.icon-emphasis{
	width: 12px;
	height: 12px;
	line-height: 12px;
	border-radius: 12px;
	display: inline-block;
}
a.icon-remove{
	width: 30px;
	height: 30px;
	line-height: 30px;
}
svg.icon-remove{
	height: 16px;
}
.icon-loop{
	height: 18px;
}
.icon-search{
	width: 20px;
	height: 20px;
}
.icon-reload-wrap:not(.working) svg{
	transition: transform 300ms;
}
.icon-reload-wrap.working svg{
  animation: 500ms linear infinite rotate-clockwise;
  -webkit-animation: 500ms linear infinite rotate-clockwise;
}
.icon-outlook,
.icon-zhumu,
.icon-webex,
.icon-zoom,
.icon-tencent,
.icon-teams,
.icon-umeet,
.icon-yealink,
.icon-feishu,
.icon-huawei{
	width: 20px;
	height: 20px;
}
.icon-tips-light,
.icon-approbation,
.icon-meeting-room,
.icon-contacts,
.icon-select-all{
	width: 16px;
	height: 16px;
}
.icon-create{
	width: 14px;
	height: 14px;
}
.video-meeting{
	width: 22px;
	height: 22px;
}
.video-meeting.with-text{
	width: 18px;
	height: 18px;
}
.screen-message.with-text {
	width: 12px;
	height: 12px;
	margin-left: 1px;
}
.screen-message.with-media {
	width: 14px;
	height: 14px;
}
.button-add,
.button-edit,
.button-remove{
	position: relative;
	display: inline-flex;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.button-edit > svg,
.button-remove > svg{
	width: 16px;
	height: 16px;
}
.button-toggle-expand{
	display: block;
	width: 20px;
	height: 20px;
}
.button-toggle-expand > em{
	position: absolute;
	width: 0;
	height: 0;
	top: 5px;
	left: 3px;
	transition: transform 300ms;
}
.button-toggle-expand.expanded > em{
	transform: rotate(180deg);
}
.widget-button{
	width: 28px;
	height: 28px;
	padding: 0;
}
.right-widget{
	right: 10px;
}
.full.ztree{
	padding: 0;
	overflow-y: auto;
}
.full.ztree li.level0{
	margin-left: 5px;
}
.full.ztree > :first-child{
	margin-top: 5px;
}
.message-wrap p a{
	text-decoration: underline;
}
@keyframes ani-step {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}
.ani-step {
	position: relative;
}
.ani-step span:first-child {
	visibility: hidden;
}
.ani-step span:last-child {
	position: absolute;
	left: 0;
	display: inline-block;
	overflow: hidden;
	animation: ani-step 800ms infinite;
}
.image-preview{
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.image-preview:not(.full){
	width: 190px;
	height: 110px;
}
.image-preview > svg{
	height: 30px;
}
.image-preview > span{
	height: 20px;
	line-height: 32px;
}
.image-preview.no-preview > .remove-wrap,
.image-preview:not(.no-preview) > :not(.remove-wrap){
	display: none;
}
.image-preview > .remove-wrap svg.icon-remove{
	height: 30px;
}
.tabs-triggers-wrap{
	height: 41px;
}
.tabs-triggers-wrap .right-handlers{
	position: absolute;
	right: 0;
	top: 5px;
}
.tabs-triggers{
	width: 100%;
	height: 30px;
	margin-top: 10px;
	line-height: 30px;
	text-indent: 15px;
}
.tabs-triggers .trigger{
	text-indent: 0;
	display: inline-block;
	float: left;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.tabs-triggers .trigger .bottom-line{
	position: absolute;
	width: calc(100% + 2px);
    left: -1px;
    bottom: 0;
    height: 1px;
}
.tabs-triggers .trigger.current .bottom-line{
	display: none;
}
.tabs-triggers .trigger:not(:first-child){
	margin-left: 2px;
}
.row-wrap-tabs-triggers .trigger:first-child{
	margin-left: 20px;
}
.row-wrap-tabs-triggers + .searcher-wrap{
	position: absolute;
	width: auto;
	right: 20px;
	top: 0;
}
.control-button,
.iconic-button,
.media-button{
	width: 38px;
	height: 38px;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0;
}
.iconic-button.form-handler{
	width: 30px;
	height: 30px;
}
.graphic-button{
	background-color: transparent;
	line-height: 0;
	padding: 0;
}
.iconic-button svg{
	width: 24px;
	height: 24px;
}
.media-button{
	background-size: 152px auto;
	overflow: hidden;
}
.media-button:not(.invalid):hover{
	background-position-x: -38px;
}
.media-button:not(.invalid):active{
	background-position-x: -76px;
}
.media-button.invalid{
	background-position-x: -114px;
}
.media-button.active{
	background-position-y: -38px;
}
.form-handler.with-iconic{
	height: 38px;
	line-height: 36px;
}
.control-button svg.loading{
	width: 20px;
	height: 20px;
}
.slider-wrap{
	width: 210px;
	height: 24px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.slider-wrap .track-line,
.slider-wrap .progress-line{
	position: absolute;
	height: 2px;
	left: 0;
	top: 11px;
}
.slider-wrap .slider{
	position: absolute;
	top: 2px;
	width: 20px;
	height: 20px;
}
.list-transfer-buttons{
	width: 38px;
	margin-left: 8px;
	margin-right: 8px;
}
.list-transfer-buttons > *:not(:first-child){
	margin-top: 8px;
}
.type-pattern{
	height: 16px;
	line-height: 16px;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 4px;
}
.calendar-loading{
	height: 3px;
	overflow: hidden;
}
/* new style since 2021-02  */
header{
	min-height: 60px;
}
header .crumbs{
	width: calc(100% - 40px);
	height: 30px;
	padding-left: 20px;
	margin-top: 20px;
    margin-left: 20px;
}
header .crumbs span + span{
	margin-left: 10px;
}
main{
	overflow: hidden;
}
.padding-sides > *:not(.full-x):not(.ps__rail-x):not(.ps__rail-y){
	width: calc(100% - 40px);
}
.padding-sides > .form-handler{
	margin-top: 10px;
	margin-bottom: 10px;
}
input.with-clear-btn:valid{
	padding-right: 23px;
	box-sizing: border-box;
}
input.with-clear-btn + .clear-btn{
	width: 14px;
	height: 14px;
	margin-left: -20px;
	margin-right: 4px;
}
input.with-clear-btn + em + .clear-btn{
	width: 14px;
	height: 14px;
	margin-left: -54px;
	margin-right: 38px;
}
input.with-eye-btn:valid{
	padding-right: 25px;
	box-sizing: border-box;
}
input.with-eye-btn + .eye-btn{
	width: 14px;
	height: 14px;
	margin-left: -23px;
	margin-right: 4px;
}
input.with-eye-btn.security-disc + .eye-btn > :not(.invisible),
input.with-eye-btn:not(.security-disc) + .eye-btn > .invisible{
	display: none;
}
.separator-row-1{
	height: 20px;
}
.separator-column-1{
	width: 20px;
}
.big-number{
	font-size: 30px;
}
.select-hack.time-widget .options-wrap > div{
	width: 60px;
}
.select-hack.time-widget .options-wrap span{
	float: left;
	display: block;
	width: 100%;
	text-indent: 10px;
}
.select-hack.time-widget > dl{
	width: auto;
}
.date-time-picker-wrap > .select-hack,
.date-time-picker-wrap > input[type="text"]{
	width: 130px !important;
}
.date-time-picker-wrap .date-picker-faker{
	margin-left: -130px;
}
label.ant-label > .input-hack{
	display: none;
}
label.ant-label > .input-hack + span{
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
	cursor: pointer;
}
/* form-table */
.form-table tr{
	height: 43px;
	min-height: 43px;
}
.form-table tr > td.title:not(.text-center){
	padding-right: 10px;
}
button.expand-button:not(.expanded) svg.icon-expand{
	transform: rotate(-90deg);
}

.user-avatar{
	width: 22px;
	height: 22px;
}
.user-avatar.on-behalf{
	width: 27px;
	height: 27px;
}
.user-avatar:before{
	content: '';
	left: 0;
	bottom: 0;
}
.user-avatar:before,
.user-avatar .content{
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 2px;
}
.user-avatar .content{
	line-height: 21px;
	text-align: center;
	font-size: 13px;
	top: 0;
	right: 0;
}
.user-avatar.on-behalf .content{
	border-width: 1px;
	border-style: solid;
}
label > img + div{
	line-height: 20px;
	margin-top: 4px;
}