/* CSS Document */
::-webkit-scrollbar{
	width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track{background-color:#cacacc;}
::-webkit-scrollbar-thumb{
	cursor: pointer;
    border-radius: 3px;
    background: rgba(0,0,0,.25);
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}
::-webkit-scrollbar-thumb:hover {background-color:#424558}
::-webkit-scrollbar-thumb:active {background-color:#424558}
body{
	height: 100%!important;
	scrollbar-base-color: #9ba0ba;
	scrollbar-highlight-color: #9ba0ba;
    scrollbar-track-color:#f5f5f6;
    scrollbar-arrow-color: #f5f5f6;
	scrollbar-shadow-color: #f5f5f6;
	width:100%!important;
	min-width: 1000px!important;
	/*overflow:hidden;*/
	overflow: hidden;
	min-height: 600px!important;
}
body{ line-height:unset!important;}


html{
	overflow:auto!important;
}
.autoScroll{
	overflow:hidden!important;
}
.autoScroll:hover{
	overflow:auto!important;
}

.videobox{
	width:100%;
	height:100%;
	position: relative;
}
.videobox .videohead{
	height:40px;
	padding:0 20px;
	color:#fff;
	background:#34495e;
	line-height:40px;
	font-size:14px;

}
.videobox .videoContent{
	position: absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	padding:20px;
	background:#e5e5e5;
	text-align: center;
}
.videobox .videoContent video{
	width:100%;
	border-radius: 4px;
}
.gifloading.icon{
	width:60px;
	height:60px;
	position: absolute;
	display: block;
	left:50%;
	margin-left: -30px;
	top:50%;
	margin-top: -30px!important;
	background: url(../images/loading.gif) center center no-repeat;
}

.boardPlatform{
	overflow:hidden;
	overflow-y: auto;
	height:100%!important;
	width:100%;
}
.ui.disabled.dropdown, .ui.dropdown .menu>.disabled.item{
	opacity:1;
}
.ui.menu .item.disabled>i.icon,
.ui.menu .item.powerdisabled>i.icon{
	opacity: .4!important;
}
.ui.menu.gridMenu .pointing.dropdown.item .menu,
.ui.menu.editMenu .pointing.dropdown.item .menu
{
	bottom:auto;
}
.ui.menu.editMenu .pointing.dropdown.item .menu .radius-color {
	display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin-right: 4px;
}

.ui.menu.editMenu .pointing.dropdown.item .menu .name {
	max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: inline-block;
}

.ui.menu.editMenu .pointing.dropdown.item .menu .icon {
	margin: 0;
}
.ui.menu .item.disabled>i.icon.empty.star{
	opacity: 1!important;
}
.ui.menu .item.powerdisabled{
	opacity: .6!important;
	pointer-events: none;
	cursor: default;
    background-color: transparent!important;
    color: rgba(40,40,40,.3);
}
*{font-size: 12px}
h1 *, h2 *, h3 *, h4 *, h5 * ,h6 *{
    font-size: inherit;
}
.ui.menu .ui.dropdown .menu>.active.item{
	font-weight: normal!important;
}
.ui.menu .ui.dropdown[name="视图"] .menu>.active.item{
	font-weight: bold!important;
}
#evaluationEdition>span{
	padding:0 8px;
	margin-right: 10px;
    height: 24px;
    background: red;
    border-radius: 4px;
    display: block;
	overflow: hidden;
	line-height: 24px;
	color: white;
	font-size:12px;
	animation:evaluationEdition 2s infinite;
	-moz-animation:evaluationEdition 2s infinite; /* Firefox */
	-webkit-animation:evaluationEdition 2s infinite; /* Safari and Chrome */
	-o-animation:evaluationEdition 2s infinite; /* Opera */
}
@keyframes evaluationEdition
{
	0%   {background:red;}
	25%  {background:blue;}
	50%  {background:yellow;}
	75%  {background:green;}
	100% {background:red;}
}
.TopMessage{
	min-width: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #edf2fc;
    /* -webkit-transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,-webkit-transform .4s;
    transition: opacity .3s,transform .4s;
	transition: opacity .3s,transform .4s,-webkit-transform .4s; */
	transition:all ease-out .5s;
	-webkit-transition:all ease-out .5s;
    padding: 15px 30px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	overflow: hidden;
	z-index:95000;
}
.TopMessage .close{
	position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #c0c4cc;
	font-size: 16px;
	width:16px;
	height:16px;
	line-height:16px;
	margin:0;
}
.TopMessage.center{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
}
.TopMessage.center p{
	text-align: center;
	margin:0;
}
.TopMessage.info{
	color:#909399;
}
.TopMessage.success{
	background-color: #f0f9eb;
	border-color: #e1f3d8;
	color: #67c23a;
}
.TopMessage.success .messageicon{
	color: #67c23a;
}
.TopMessage.warning{
	background-color: #fdf6ec;
	border-color: #faecd8;
	color:#e6a23c;
}
.TopMessage.warning .messageicon{
	color: #e6a23c;
}
.TopMessage.error{
	color:#f56c6c;
	background-color: #fef0f0;
    border-color: #fde2e2;
}
.TopMessage.error .messageicon{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	
	-moz-transform:rotate(45deg); 	
	-webkit-transform:rotate(45deg); 
	-o-transform:rotate(45deg); 
}
.TopMessage .messageicon{
	margin:0;

	font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-size:16px;

}
.TopMessage.hasclose p{
	padding-right: 16px;
}
.TopMessage p{ 
	margin:0px!important;
	margin-left: 10px!important;
	padding: 0;
    font-size: 14px;
    line-height: 18px;
}
.flashMessage,.staticMessage{
	position:fixed;
	right:10px;
	max-height:600px;
	height:auto;
	width:auto;
	min-width: 200px;
	max-width: 400px;
	bottom:100px;
	z-index: 90000;
	background:#0fabe5; /*#fdaf19; */
	overflow: hidden;
	border-radius:8px; 
	cursor: pointer;
	border-width: 1px;
    border-style: solid;
    border-color: #ddd;
}
.staticMessage{
	z-index: 49999;
	bottom:10px;
	background:#fff;
}
.flashMessage .header,
.staticMessage .header{
	height: 30px;
	border-bottom:1px solid #ccc;
	padding-left:10px;
	/* color:#fff;  */
	font-size:14px;
	line-height:30px;
	padding-right:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.flashMessage.info,
.staticMessage .header{
	background:#34495e;
	color:white;
}
.flashMessage.info .actions .ui.button{
	background: #EAEEF2!important;
	color: #34495E!important;
	margin-left:4px; 
} 


.flashMessage.success{
	background-color: #f0f9eb;
	border-color: #e1f3d8;
	color: #67c23a;
}
.flashMessage.success .actions .ui.button{
    background-color: #fff!important;
    border: #e1f3d8 1px solid;
    color: #67c23a!important;
}
.flashMessage.success .header,
.flashMessage.success .actions{
	border-color: #e1f3d8;
}



.flashMessage.warning{
	background-color: #fdf6ec;
	border-color: #faecd8;
	color:#e6a23c;
}
.flashMessage.warning .actions .ui.button{
    background-color: #fff!important;
    border: #faecd8 1px solid;
    color: #e6a23c!important;
}
.flashMessage.warning .header,
.flashMessage.warning .actions{
	border-color: #faecd8;
}


.flashMessage.error{
	color:#f56c6c;
	background-color: #fef0f0;
    border-color: #fde2e2;
}
.flashMessage.error .actions .ui.button{
    background-color: #fff!important;
    border: #fde2e2 1px solid;
    color: #f56c6c!important;
}
.flashMessage.error .header,
.flashMessage.error .actions{
	border-color: #fde2e2;
}


.flashMessage .close.icon,
.staticMessage .close.icon{
	/* color: #fff!important; */
	cursor: pointer;
	position: absolute;
	z-index: 1;
	opacity: .8;
	font-size: 1.25em;
	top:4px;
	right:4px;
}
.staticMessage .close.icon{
	color:#fff!important;
}
.flashMessage .message,
.staticMessage .message{
	height:auto;
	max-height:536px;
	overflow:hidden;
	overflow-y: auto;
	padding:12px;
}
.flashMessage .message .msg,
.staticMessage .message .msg{
	width:100%;
	line-height:22px;
	font-size: 12px;
	/* color:#fff; */
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
}
.staticMessage .message{
	position:relative;
	padding:0;
	background: #fff!important;
}
.staticMessage .message .prop{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background:#cee5fc;
	width:0;
}
.staticMessage .message .msg{
	background: none!important;
	color: #34495E!important;
	padding:12px;
	position:relative;
}
.flashMessage .actions{
	height:36px;
	border-top: 1px solid #ccc;
}
.flashMessage .actions .ui.button{
	height:24px;
	line-height:24px;
	padding:0 8px;
	font-size:12px;
	font-weight: normal;
	margin-top: 6px;
	float:right;
}
.flashMessage .actions .ui.button.left{
	float: left;
	margin-left:2px;
	background: #EAEEF2;
    color: #34495E; 
}
.flashMessage .actions .ui.button.deny{
	background: #EAEEF2;
    color: #34495E;
} 
.flashMessage .actions .ui.button.positive{
	margin-left:4px; 
} 
.phoneOnline{
	position: fixed;
    right: 0px;
    max-height: 600px;
    width: auto;
    min-width: 100px;
    max-width: 400px;
    bottom: 10px;
    z-index: 50000;
    background: #0fabe5;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
	border-color: #ddd;
	height:30px;
	line-height:30px;
	color:#fff;
	padding-left:30px;
}
.phoneOnline .phoneIcon{
	display: block;
	height:20px;
	width:20px;
	padding:0 4px;
	position: absolute;
	left:4px;
	top:5px;
	background:#fff;
	border-radius:100%; 
}
.phoneOnline .phoneIcon i{
	margin:0;
	position: absolute;
	height:16px;
	width:16px;
	font-size:16px;
	top:50%;
	margin-top:-8px;
	left:50%;
	margin-left:-8px;
	line-height:16px;
	color: #0fabe5;
}

/* cxdropdown*/
.ui.cxdropdown{
	min-height:30px;
	position: relative;
	color: rgba(0,0,0,.87);
    box-shadow: none;
	border: 1px solid rgba(34,36,38,.15);
	transition: box-shadow .1s ease,width .1s ease;
	border-radius: 4px;
	background:#fff;
	box-sizing: border-box;
	/* overflow:hidden; */
	padding:0!important;
}
.ui.cxdropdown[lock="True"] .text{
	display:none;
}

.ui.cxdropdown.visible{
	z-index: 1000
}
.editArea .edit .ui.cxdropdown.visible,
.ui.cxdropdown.visible.editing{
	z-index: 1002
}
.ui.cxdropdown:hover,
.ui.cxdropdown:hover .menu{
    border-color: rgba(34,36,38,.35);
    box-shadow: none;
}

.ui.cxdropdown .icon.close {
	padding: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 8px!important;
    cursor: pointer;
    opacity: 0.2;
}

.ui.cxdropdown .icon.close:hover {
	opacity: 0.8;
}

.ui.cxdropdown .icon.dropdown,
.ui.cxdropdown .icon.refresh{
	padding:0;
	margin:0;
	width:14px;
	height:14px;
	line-height:14px;
	text-align: center;
	position: absolute;
	right:6px;
	top:8px!important;
	cursor: pointer;
}
.ui.cxdropdown .icon.refresh{
	right:24px;
}
.ui.cxdropdown.visible .menu{
	display:block!important;
}
.ui.cxdropdown .menu{
	display:none!important;
	width:100%;
	height:auto;
	position: relative;
	top:100%;
	left:0;
	/* border: 1px solid rgba(34,36,38,.15); */
	border-top:none;
	background:#fff;
	box-sizing: initial;
	/* margin-left:-1px;
	margin-right:-1px; */
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	max-height: 200px;
	overflow: hidden;
	overflow-y:auto; 
	z-index: 10;
	outline: none;
}
.ui.cxdropdown .menu.page{
	padding-bottom:30px;
	position: relative;
}
.ui.cxdropdown.visible .pageContent{
	display: block;
	z-index: 11;
}
.ui.cxdropdown .pageContent{
	height:30px;
	position: absolute;
	left:0;
	bottom:0;
	width:100%!important;
	background:#f5f5f6;
	border-top: 1px solid rgba(34,36,38,.15);
	text-align: right;
	overflow:hidden;
	display: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ui.cxdropdown .pageContent .leftButton,
.ui.cxdropdown .pageContent .rightButton{
	display: inline-block;
	width:20px!important;
	text-align: center;
	line-height:30px!important;
	cursor: pointer;
}
.ui.cxdropdown .pageContent .leftButton .icon,
.ui.cxdropdown .pageContent .rightButton .icon{
	margin:0!important;
}
.ui.cxdropdown .pageContent .pagejump{
	display: inline-block!important;
	width:24px!important;
	border:1px solid rgba(34,36,38,.15)!important;
	outline: none;
	box-shadow: none;
	border-radius: 4px!important;
	padding: 0 4px!important;
	height:20px!important;
	float:none!important;
}

.ui.cxdropdown .pageContent .pagetext{
	width:auto!important;
	display: inline-block!important;
	padding: 0 4px!important;
}
.ui.cxdropdown .pageContent .pagetext span{
	padding:0 6px!important;
	width: auto!important;
    float: none;
}
.ui.cxdropdown .menu .item{
	height:30px;
	padding:0 14px;
	line-height:30px;	
	cursor: pointer;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui.cxdropdown .menu .item.active{
	background:#d0e5f5;	
}
.ui.cxdropdown .menu .item.hover{
	background:#e5e5e5;
}
.ui.cxdropdown .text,
.ui.cxdropdown>input{
	width:calc(100% - 26px)!important;
	padding:0 0 0 14px!important;
	line-height:30px;
	height:30px;
	box-shadow: none;
	outline: none;
	border:none;
	border-radius: 4px;
	overflow:hidden;
	min-height:30px;
}

.ui.cxdropdown.refresh .text,
.ui.cxdropdown.refresh>input{
	width:calc(100% - 42px)!important;
	padding:0 0 0 14px!important;
}

.ui.cxdropdown.visible.multi .text{
	height:auto;
	line-height:0;
	padding-bottom:4px;
}
.ui.cxdropdown .multiItem{
	height:22px;
	margin: 4px 4px 0 0;
	padding:0 6px;
	border:1px solid #ccc;
	border-radius: 4px;
	background:#f5f5f6;
	color:#666;
	cursor: pointer;
	display: inline-block;
	line-height:20px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ui.cxdropdown .multiItem .close{
	font-size:12px;
	color:#666;
	margin:0;
	margin-left: 2px;
}
.ui.cxdropdown.search.visible .text{
	padding-bottom:38px;
	position: relative;
	 min-height:40px;/* 68 */
}
.ui.cxdropdown.visible .cxSearch{
	display: block;
}
.ui.cxdropdown .cxSearch{
	display:none;
	position: absolute;
	left:5px;
	top: 34px;
	right:5px;
	height:30px;
	border: #e5e5e5 1px solid;
	border-radius: 4px;
	overflow: hidden;
}
.ui.cxdropdown .cxSearch input{
	width:100%;
	height:28px;
	padding:0 6px 0 26px !important;
	line-height:28px;
	border:none;
	outline: none;
}
.ui.cxdropdown .cxSearch .icon{
	position: absolute;
    left: 4px;
    top: 5px;
    font-size: 14px;
	color: #666;
	margin:0;
}


/*checkbox*/
.leftborder{
	border-left: 1px solid #ccc;
}
input[type="checkbox"]{
	width: 16px!important;
	height: 16px!important;
}
input.disabled{
	opacity: .5;
}
.formRow{
	position: relative;
    padding-bottom: 8px;
}
.formRow>span{
	max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 30px;
	line-height: 30px;
	padding-right:8px;
}
.formRow.big>span{
	max-width: 140px;
}
.formRow.medium>span{
	max-width: 110px;
}
.formRow.right>span{
	text-align: right;
	padding-right:10px;
}
.formRow span.tag{
	margin-top: -20px;
    height: 30px;
    padding-bottom: 20px;
    display: inline-block;
    vertical-align: super;
}
.formRow span.tag.red{
	color:#da251d;
}
.formRow .ui.input{
	position: absolute;
    left: 80px;
    top: 0;
    right: 0;
    overflow: hidden;
    height: 30px;
}
.formRow .ui.button{
	position: absolute;
    left: 80px;
    top: 0;
    right: 0;
    overflow: hidden;
	height: 30px;
	width:60px;
	padding:0;
	line-height:30px;
	text-align: center;
}
.formRow .ui.button .icon{
	margin:0;
}
.formRow .ui.textarea{
	position: absolute;
    left: 80px;
    top: 0;
    right: 0;
	bottom:8px;
}
.formRow .ui.textarea textarea{
	width:100%;
	height:100%;
	border:1px solid rgba(34,36,38,.15);
	outline: none;
	resize:none;
	border-radius: 4px;
	padding:8px 10px;
	line-height:22px;
}
.formRow .ui.input input{
	padding: 0 10px !important;
    height: 30px;
    line-height: 30px;
}
.formRow .ui.input>.ui.grey.button {
	margin-left: 10px;
    box-shadow: none;
    background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    height: 30px;
    padding: 0 8px !important;
    line-height: 30px;
    font-size: 12px !important;
}
.formRow .ui.dropdown{
	position: absolute;
    left: 80px;
    top: 0;
	height: 30px;
	padding: 0 30px 0 0px;
	line-height: 30px;
	width:180px;
}
.formRow .ui.dropdown .text,
.formRow .ui.dropdown input{
	width: 100%;
	height:100%;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding:0 10px;
}
.formRow .ui.dropdown .dropdown.icon{
	margin: 0;
    padding: 0;
    top: 8px;
}
.formRow .ui.dropdown .menu .item{
	padding:0 10px!important;
	height:30px;
	line-height:30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
}
.formRow .ui.dropdown .menu .message {
	padding: 0 10px!important;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    border-top: 1px solid #fafafa;
    width: 100%;
    left: 0;
    position: relative;
}
.formRow .ui.checkbox{
	position: absolute;
    left: 80px;
    top: 0;
    overflow: hidden;
    height: 30px;
}
.formRow .ui.checkbox input{
	position: absolute;
	left:0;
	top:7px;
}
.formRow .ui.toggle.checkbox input {
	width: 100% !important;
    height: 100% !important;
    top: 0;
}
.formRow .ui.checkbox label:after{
	top:6px;
	left: 0 !important;
}
.formRow.big .ui.input,
.formRow.big .ui.checkbox,
.formRow.big .ui.dropdown,
.formRow.big .ui.textarea,
.formRow.big .ui.button{
	left:140px;
}
.formRow.medium .ui.input,
.formRow.medium .ui.checkbox,
.formRow.medium .ui.dropdown,
.formRow.medium .ui.button{
	left:110px;
}
.formRow.big .ui.toggle.checkbox {
	padding-left: 5px;
}
.formRow .ui.input.middle{
	width:180px;
}
.formRow .ui.input.small{
	width:80px;
}
.formRow .message{
	position: absolute;
	top:0;
	left:80px;
	height:30px;
	line-height:30px;
}
.customSide{
	background:#fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	position:relative;
	overflow:hidden;
}
.customSide.min{
	height:40px!important;
}
.customSide .content{
	overflow:auto;
}
.customSide .header{
	height:40px;
	line-height:40px;
	font-size:14px;
	border-bottom:1px solid #ccc;
	padding:0 60px 0 10px;
	background:#f5f5f6;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor:move;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.customSide .header .close{
	color: #da251d!important;
    position: absolute;
    right: 6px;
    cursor: pointer;
}
.customSide .header [btn="minus"]{
	position: absolute;
    right: 30px;
    cursor: pointer;
    color: #444;
}
.customSide .actions{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ccc;
    text-align: right;
    height: 60px;
    padding: 15px 10px!important;
}

.ui.modal{
	width: 800px;
	margin-left:-400px;
	border-radius: 4px!important;
	overflow-y: hidden!important;
	z-index:85000;
}
.ui.showbig.basic.modal{
	margin-left:-400px!important;
}
 .ui.modal.dialoguebox
 {
	 z-index: 85010!important;
	 overflow: visible!important;
 }
 .ui.modal.selectcatalogue,
 .ui.modal.editcharacters,
 .ui.modal.reminderuser,
 .ui.modal.senduser,
 .ui.modal.moduleProject 
 {
	 z-index: 85005!important;
 }
 .scrolling.dimmable>.dimmer{
	 position: absolute!important;
	 z-index: 90009!important;
	 overflow:hidden!important;
 }
body .dimmer.modals .modal.scrolling.ui{
	position: absolute!important;
	left:50%;
	margin-left:-400px!important;
	overflow:hidden;
}
.ui.small.modal{
	width: 800px!important;
	margin-left:-400px!important;
	/* overflow:hidden!important; */
}
.ui.small.modal.Mark{
	/* width: 1000px!important;
	margin-left:-500px!important;
	 */
	position: relative;
	width: 90%!important;
    margin-left: -45%!important;
	height: 80%;
	min-width:600px;
}
.ui.small.modal.Mark.maxsize{
	top:0!important;
	width: 100%!important;
    margin-left: -50%!important;
	height: 100%;
	margin-top:0!important
}
.ui.modal.dialoguebox,.ui.modal.editorModal{
	width: 400px!important;
	margin-left:-200px!important;
	z-index: 85001;
}
.ui.modal.gridEditModal{
	width: 300px!important;
	margin-left:-150px!important;
	z-index: 29000;
}
.ui.modal.gridEditModal .header{
	padding-right:32px!important;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ui.modal.gridEditModal .content{
	position:relative;
	height:52px;
}
.ui.modal.gridEditModal .content .ui.cxdropdown{
	position:absolute;
	left:10px;
	top:10px;
	right:10px;
}
.ui.modal.editorModal.modalLoading{
	width: 200px!important;
	height: 100px;
	margin-left:-100px!important;
	text-align: center;
	line-height: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui.modal.editorModal.modalLoading i{
	font-size: 40px;
	color: #666;
	margin-top: 30px;
}
.ui.small.modal.reminder,
.ui.modal.gridproperty,
.ui.modal.accessory,
.ui.modal.selectcatalogue,
.ui.modal.reminderuser,
.ui.modal.sharefolder,
.ui.modal.boardsetting,
.ui.modal.menusetting,
.ui.small.modal.print,
.ui.modal.mailmodal,
.ui.small.modal.auto-coding-modal,
.ui.small.modal.analysismodal,
.ui.small.modal.formulaFill,
.ui.small.modal.bugBackStageMessage,
.ui.small.modal.advancedSearchModal,
.ui.small.modal.customFields,
.ui.small.modal.mutiImageUpLoad,
.ui.small.modal.moduleProject,
.ui.small.modal.broadcastMessageModal,
.ui.small.modal.uploadBugModal,
.ui.small.modal.userCenter
{
	width: 602px !important;
	margin-left: -301px!important;
	border: 1px solid #ccc;
	height: 402px;
}
.ui.small.modal.advancedSearchModal,
.ui.small.modal.mutiImageUpLoad{
	z-index: 85001;
}
body .dimmer.modals .scrolling.ui.small.modal.reminder,
body .dimmer.modals .scrolling.ui.modal.gridproperty,
body .dimmer.modals .scrolling.ui.modal.accessory,
body .dimmer.modals .scrolling.ui.modal.selectcatalogue,
body .dimmer.modals .scrolling.ui.modal.reminderuser,
body .dimmer.modals .scrolling.ui.modal.sharefolder,
body .dimmer.modals .scrolling.ui.modal.boardsetting,
body .dimmer.modals .scrolling.ui.modal.menusetting,
body .dimmer.modals .scrolling.ui.small.modal.print,
body .dimmer.modals .scrolling.ui.modal.mailmodal,
body .dimmer.modals .scrolling.ui.small.modal.auto-coding-modal,
body .dimmer.modals .scrolling.ui.small.modal.analysismodal,
body .dimmer.modals .scrolling.ui.small.modal.formulaFill,
body .dimmer.modals .scrolling.ui.small.modal.bugBackStageMessage,
body .dimmer.modals .scrolling.ui.small.modal.advancedSearchModal,
body .dimmer.modals .scrolling.ui.small.modal.customFields,
body .dimmer.modals .scrolling.ui.small.modal.mutiImageUpLoad,
body .dimmer.modals .scrolling.ui.small.modal.moduleProject,
body .dimmer.modals .scrolling.ui.small.modal.broadcastMessageModal,
body .dimmer.modals .scrolling.ui.small.modal.uploadBugModal,
body .dimmer.modals .scrolling.ui.small.modal.userCenter{
	margin-left: -301px!important;
}


.ui.small.modal.auto-coding-modal .actions .left.ui.button{
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
	border: 1px solid #B9C8D4;
	float:left;
	margin-top:8px;
}

.ui.small.modal.formulaFill{
	z-index: 85002!important;
}
.ui.small.modal.passwordModify{
	width: 400px !important;
	margin-left: -200px!important;
	border: 1px solid #ccc;
	height: 220px;
}
.ui.small.modal.passwordModify.isadmin{
	height: 180px;
}
.ui.small.modal.icloudConfigure{
	width: 400px !important;
	margin-left: -200px!important;
	border: 1px solid #ccc;
	height: 350px;
}

.ui.small.modal.boardcfgmodal{
	width: 600px !important;
	margin-left: -300px!important;
	border: 1px solid #ccc;
	height: 500px;
}
.ui.small.modal.boarddetailmodal
{
	width: 1000px !important;
	margin-left: -500px!important;
	border: 1px solid #ccc;
	height: 800px;
}
.ui.small.modal.protectModal,
.ui.small.modal.languageConfigure,
body .dimmer.modals .modal.scrolling.ui.protectModal,
body .dimmer.modals .modal.scrolling.ui.languageConfigure{
	width: 800px !important;
	margin-left: -400px!important;
	border: 1px solid #ccc;
	height: 600px;
	top:50%!important;
	margin-top:-300px!important
}


.ui.small.modal.languageConfigure.maximize{
	height:100%!important;
	width:100%!important;
	margin:0!important;
	left:0!important;
	top:0!important;
}
.logo {
	width: 200px;
	height: 120px;
	position: absolute;
	left: 50%;
	top: 18%;
	margin-left: -100px;
}
.ui.form.segment.dl {
	width: 320px;
	height: auto;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -160px;
	margin-top: 120px;
	z-index: 999;
	background: rgba(255, 255, 255, 0.2);
}

.ui.form.segment.dl .limitWait{
	height:174px;
	background:#fff;
	border-radius: 8px;
	overflow:hidden;
	padding:134px 0 0 0;
	position: relative;
}
.ui.form.segment.dl .limitWait .icon{
	font-size: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
	top: 40px;
	color:#555;
}
.ui.form.segment.dl .limitWait .message{
	height:30px;
	line-height:30px;
	text-align: center;
	color:#666;
	font-size: 14px;
}
.ui.form.segment.dl.applogin .appCheckQrCode .close.icon,
.ui.form.segment.dl .limitWait .close.icon{
	font-size: 18px;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #da251d;
	margin: 0;
	cursor: pointer;
}
.ui.form.segment.dl.applogin .appCheckQrCode{
	position: relative;
	height:240px;
	background:#fff;
	border-radius: 8px;
	overflow:hidden;
	padding:20px 0 30px 0;
	text-align: center
}
.ui.form.segment.dl.applogin .message{
	height:30px;
	line-height:30px;
	text-align: center;
	color:#666;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left:0;
	right:0
}

.ui-jqgrid .ui-jqgrid-htable th div input[type="checkbox"].datafillheadcheck{
	margin-left: 3px;
}

.ui.form.segment.zc {
	width: 320px;
	height: auto;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -160px;
	margin-top: 120px;
	z-index: 999;
	background: rgba(255, 255, 255, 0.2);
}
.ui.form.segment.zc.serviceRegister{
	top:45%;
	margin-top:-170px;
	width:670px;
	margin-left: -335px;
}
.ui.form.segment.zc.serviceRegister .field.srk{
	width:310px;
	float: left;
	clear: none;
	margin: 8px 0;
	height:55px!important;
	margin-right:10px;
}
.ui.form.segment.zc.serviceRegister .field.srk:nth-child(odd){
	margin-left:10px;
	margin-right:0px;
}
.ui.form.segment.zc.serviceRegister .field.srk.row{
	height:30px!important;
}
.ui.form.segment.zc.serviceRegister .row{
	width:100%!important;
	margin:0 0 8px 0!important;
}

.ui.form.segment.zc.serviceRegister input[type=password]{
	background:#fff;
}
.ui.form.segment.zc.serviceRegister input.disabled{
	background: #fff;
    opacity: 1;
    color: #999;
}
.ui.form.segment.zc.serviceRegister .disabled{
	pointer-events: none;
}
.ui.form.segment.zc.serviceRegister .disabled.ui.dropdown .text{
	color:#999;
}
.serviceRegisterLogo{
	top:50%;
	margin-top:-310px;
}
.ui.checkbox.jzmm {
	display: inline-block;
	margin:0 1em;
	width:262px;
}
.ui.checkbox.jzmm label,.ui.checkbox.jzmm input{color: white!important}
.ui.checkbox.jzmm label:before{opacity: 0!important;}
.ui.checkbox.jzmm label{width: 100%; position: relative}
.ui.checkbox.jzmm span{ position: absolute;right: 0;
	top:0; }
.ui.checkbox.jzmm span a{
	color: #fff !important;
}
.ui.checkbox.jzmm input{opacity: 1!important;}
.ui.checkbox.jzmm label:hover{color: white!important;}
.ui.checkbox.jzmm span{display: inline-block}
.powerloading{
	background: #f1f1f1;
	position: absolute;
	/* top:42px;
	left:185px;
	right:5px;
	bottom:5px; */
	left:0;
	right:0;
	bottom:0;
	top:0;
	z-index: 30000;
}

.simple-menu .loadingBox.active{
	left:45px;
}
.powerloading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}

.gridboxloading{
	background: #f1f1f1;
	position: absolute;
	top:52px;
	left:1px;
	right:1px;
	bottom:0px;
	z-index: 30000;
}
.gridboxloading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}
.searchSubGridLoading{
	background: #fff;
	position: absolute;
	top:0px;
	left:10px;
	right:0px;
	bottom:0px;
	z-index: 30000;
}
.searchSubGridLoading .icon{
	font-size: 48px!important;
	position: absolute;
	top:50%!important;
	margin-top: -24px!important;
	left:50%!important;
	margin-left: -24px!important;
	display:block!important;
}

.userloading,
.userRolesLoading{
	background: #f1f1f1;
	position: absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	z-index: 30000;
}
.userRolesLoading{
	left:0;
	right:0;
	bottom:0;
	top:0;
	background: #fff;
}
.userloading .icon,
.userRolesLoading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}
.userbodyloading{
	background: #fff;
	position: absolute;
    top: 0;
    left: 300px;
    right: 0;
    bottom: 0;
	z-index: 29000;
}
.userbodyloading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}

/*.ui.checkbox.forget-password{
display:inline-block;
position: relative;
right:0px;
margin-bottom:0.5em;
margin-left:1em;
margin-right:1em;
margin-top:0.5em;
}
*/
/*弹出查询样式*/

.ui.modal{
	 background: #f5f5f6;
}

.ui.modal .formulacontent{
	height: 300px;
	overflow: hidden;
	padding: 10px;
}
.ui.modal .formulacontent.formulalist {
	padding-right: 140px;
	position: relative;
}
.ui.modal .formulacontent.formulalist textarea{
	border-right:none;
	border-top-right-radius:0!important;
	border-bottom-right-radius:0!important;   
}
.ui.modal .formulacontent .formulamenu{
	display:none;
}
.ui.modal .formulacontent.formulalist .formulamenu{
	display:block;
	position: absolute;
	right:10px;
	width:130px;
	top:10px;
	bottom:10px;
	background: white;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border: 1px solid rgba(34,36,38,.15);    
	border-left:2px solid #424558;
	overflow:hidden;
	overflow-y:auto; 
}
.ui.modal .formulacontent.formulalist .formulamenu .formulaitem{
	width:100%;
	height:30px;
	line-height: 30px;
	font-size: 12px;
	padding: 0 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.ui.modal.formulaFill .ui.button.verify{
	height: 32px;
    padding: 0 16px;
	line-height: 32px;
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
	border: 1px solid #B9C8D4;
	position: absolute;
    left: 0px;
    bottom: 13px;
}
.ui.modal .formulacontent>.ui.form{
	width: 100%;
	height: 100%;
}
.ui.modal .formulacontent>.ui.form textarea{
	padding: 8px 10px;
	width: 100%;
	height: 100%;
	resize: none;
	line-height:20px;
}
.ui.modal .ui.menu.gridmenu{
	position: relative;
	height: 40px;
    margin: 10px 10px 0 10px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
	box-shadow: none;
}
.ui.modal .ui.menu.gridmenu .item.search{
	position: absolute;
    right: 0;
    top: 0px;
    height: 40px;
    padding: 10px;
}
.ui.modal .ui.menu.gridmenu .item.search .ui.input i.search{
	color: black!important;
    padding-left: 10px;
    position: absolute;
    left: 8px;
    top: 5px;
    font-size: 14px;

}

.ui.modal .ui.menu.gridmenu .item.search input{
	height: 24px;
	line-height: 24px;
	padding: 0 10px 0 24px;
}
.gridmenu .item .folder.open.outline.icon{
	color: #333;
}
.ui.modal .gridtable{
	padding: 10px;
	padding-bottom:10px;
	position: relative;
	background: #f5f5f6;

}
.ui.modal .gridtable .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	position: relative;
	overflow:hidden;
}

.ui.modal .gridtable .ui-jqgrid .ui-jqgrid-hbox{
	border: none;
}
.ui.modal .ui.menu.gridmenu a.item{
	white-space: nowrap;
	font-size: 12px;
	padding: .92857143em 0.9em;
}
.ui.modal .ui.menu.gridmenu a.item input{
	margin-left: 10px;
}

.ui.small.modal.bugBackStageMessage .bugcontent{
	height:300px;
}


.ui.checkbox.xsmm {
	display: inline-block;
	z-index: 2;
	position: absolute;
	top: 10px;
	right: 10px;
}

.auto-coding,.workflow,.boardcfg{
	border: 1px solid #ccc;
	border-top:none;
	height: 100%;
	width: 100%;
	overflow: hidden;
	overflow-y:auto;
	padding: 10px;
	padding-right: 0;
	background: white;
}

.moduleProject .moduleProjectContent{
	height:300px;
	padding:10px;
	padding-top:40px;
	position: relative;
}
.moduleProject .moduleProjectContent .ui.menu.head{
	height:30px;
	background:#f5f5f6;
	position: absolute;
	top:10px;
	left:10px;
	right:10px;
	margin:0;
	box-shadow: none;
	min-height:30px;
	border-bottom: 2px solid #424558 !important;
	border-bottom-left-radius:0;
	border-bottom-right-radius: 0;
}
.moduleProject .moduleProjectContent .ui.menu.head .item{
	height:30px;
	padding:0 10px;
	line-height:30px;
}
.moduleProject .moduleProjectContent .moduleProjectList{
	height:250px;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	overflow:hidden;
	overflow-y:auto;
}
.moduleProject .moduleProjectContent .moduleProjectList .group {
	position: relative;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .caption{
	height:30px;
	line-height:30px;
	padding:0 10px;
	cursor: pointer;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields{
	display:none;
	padding-left:20px;
}
.moduleProject .moduleProjectContent .moduleProjectList .group.active .fields{
	display:block;
}	
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem{
	width:100%;
	height:30px;
	padding-right:80px;
	position:relative;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem.active{
	background: #d0e5f5!important;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .name{
	width:100%;
	height:100%;
	line-height:30px;
	padding:0 10px;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .ui.dropdown,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop{
	position: absolute;
	right:4px;
	top:0;
	height:30px;
	border:none;
	width:76px;
	min-width:76px;
	padding:0 30px 0 10px;
	min-height:30px;
	box-shadow: none;
	background:none;
}

.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .ui.dropdown input,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop input{
	min-width:76px;
	padding: 0 10px;
	box-shadow: none;
	height:30px;
	min-height:30px;
	background:none;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .ui.dropdown .dropdown.icon,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop .dropdown.icon{
	padding:0;
	height:12px;
	width:14px;
	position: absolute;
	top:50%;
	margin-top:-6px;
	right:10px;
	display:none;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem:hover .ui.dropdown .dropdown.icon,
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem.active .ui.dropdown .dropdown.icon,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop .dropdown.icon{
	display:block;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .ui.dropdown .text,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop .text{
	height:30px;
	line-height:30px;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .ui.dropdown .menu,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop .menu{
	border:1px solid #ccc;
	border-top-width: 1px!important;
}
.moduleProject .moduleProjectContent .moduleProjectList .group .fields .fielditem .ui.dropdown .menu .item,
.moduleProject .moduleProjectContent .moduleProjectList .group .groupdrop .menu .item{
	padding:4px 10px!important;
	color:#666;
	font-size:12px;
	line-height: 21px;
    min-height: 30px;
}
.workflow .workflowcontent{
	height:100%;
	width:100%;
	overflow: hidden;
	overflow-y: auto;
}
.workflow .editTab{
	position: absolute;
	left: 0;
	right:0;
	top:200px;
	width:auto;
}
.workflow .editBody{
	position: absolute;
	left: 0;
	bottom:0;
	right:0;
	top:230px;
	width:auto;
	overflow: auto;
}
.workflow .workflowimg{
	text-align: center;
}
.auto-coding>.item,
.workflowcontent>.item,
.boardcfg>.item,
.ui.modal.dataSource .interfaceDataLinkContent .content>.item,
.interfaceDataLink.tableSetting .interfaceDataLinkContent .tableContent .item{
	height: 80px;
	width: 90px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	padding:10px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
.workflowcontent>.item .icon.play{
	display: none;
}
.workflowcontent>.item.start .icon.play{
	display: block;
	width: 16px;
    height: 16px;
    font-size: 16px;
    color: rgb(49, 208, 198);
    position: absolute;
    right: 26px;
    bottom: 40px;
}
.flowplancontent{
	position: absolute;
	top:80px;
	left:0;
	right:302px;
	bottom:0px;
	overflow:hidden;
}
.flitermenu{
	width:100%;
	height:40px;
	overflow:hidden;
	overflow-x:auto;
	border-bottom:2px solid #424558 !important;
	background:#fff;
	padding:0 80px 0 10px;
	position: relative;
}
.flitermenu .item{
	display: block;
    height: 28px;
    margin: 5px 2px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    line-height: 28px;
    border-radius: 8px;
    padding: 0 8px;
    float: left;
    cursor: pointer;
}
.flitermenu .ctrlitem{
	width:40px;
	position: absolute;
	right:0;
	height:38px;
	line-height:40px;
	top:0;
	cursor: pointer;
	text-align: center;
}
.flitermenu .ctrlitem.disabled{
	opacity: .7;
}
.flitermenu .ctrlitem i{
	margin:0;
}
.flitermenu .ctrlitem.left{
	right:40px;
}
.flitermenu .item.active{
	border: 1px solid #4385f5;
    color: #4385f5;
}
.flowcardlist{
	position: absolute;
	right:0;
	top:80px;
	bottom:0px;
	width:300px;
	overflow:hidden;
	overflow-y:auto;
	background:none;
	box-sizing: border-box;
	padding:10px;
	z-index:1000;
}
.flowcardlist .carditem{
	width:100%;
	height:180px;
	margin-bottom:10px;
	border-radius: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	color:#fff;
	background:#4385f5;
	cursor: pointer;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.flowcardlist .carditem .subject{
	line-height: 30px;
	text-align: center;
	height:30px;
	border-bottom:1px solid #ccc;
	padding:0 10px;	
	margin-bottom:5px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
.flowcardlist .carditem .create_time,
.flowcardlist .carditem .finish_time{
	height:20px;
	line-height:20px;
	padding:0 10px;	
}
.flowcardlist .carditem .content{
	padding:0 10px;	
	height:40px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height:20px; 
	margin:5px 0;
}
.flowcardlist .carditem .invite{
	padding:0 10px;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-height:20px;
	margin:5px 0;
}

.ui.small.modal.passwordModify .passwordModifycontent{
	height:120px;
	padding:10px;
}
.ui.small.modal.passwordModify.isadmin .passwordModifycontent{
	height:80px;
}
.ui.small.modal.passwordModify .passwordModifycontent .passwordModifyItem{
	height:30px;
	width:100%;
	position: relative;
	padding-left:80px;
	margin-bottom:4px;
}
.ui.small.modal.passwordModify .passwordModifycontent .passwordModifyItem .caption{
	padding-left: 10px;
	line-height:30px;
	width:80px;
	overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
	white-space: nowrap;
	position: absolute;
	left:0;
	top:0;
}
.ui.small.modal.passwordModify .passwordModifycontent .passwordModifyItem .ui.input{
	height:30px;
	position: absolute;
	left:80px;
	right:0;
	top:0;
}

.ui.small.modal.userCenter .userCenterContent{
	height:300px;
	padding:10px;
	position: relative;
	padding-top:160px;
	overflow:hidden;
	overflow-y:auto;
}
.ui.small.modal.userCenter .userCenterContent .leftCol{
	height:150px;
	width:280px;
	left:10px;
	top:10px;
	position: absolute;
}
.ui.small.modal.userCenter .userCenterContent .headimg{
	top:10px;
	left:300px;
	position: absolute;
	z-index: 2;
}
.ui.small.modal.userCenter .userCenterContent .checkbox.ui.radio{
	display: inline-block;
}
.ui.small.modal.userCenter .userCenterContent .checkbox.ui.radio label{
	height:30px;
	line-height:30px;
}
.ui.small.modal.userCenter .userCenterContent .headimg .img{
	position: absolute;
	left:60px;
	top:20px;
	height:200px;
	width:200px;
	border-radius: 100%;
	background:#76dac8;
	overflow:hidden;
}

.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad{
	height:300px;
	padding:10px;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent{
	border:1px solid #ccc;
	border-radius: 4px;
	overflow:hidden;
	height:100%;
	background:#fff;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .top{
	height:40px;
	border-bottom:1px solid #ccc;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList{
	height:240px;
	overflow:hidden;
	overflow-y:auto;
	padding:8px 0 10px 8px
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item{
	height:80px;
	width:85px;
	position: relative;
	float: left;
	margin:0 8px 8px 0;
	overflow:hidden;
	text-align: center;
	cursor: pointer;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .caption{
	height:20px;
	text-align: left;
	padding:0 2px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height:20px;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .progresscontent{
	height:10px;
	margin-top:2px;
	border-radius:4px;
	overflow:hidden;
	background:#CCCCCC;
	position: absolute;
	left:10px;
	top:55px;
	right:10px;
	z-index:2;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .progresscontent .progress{
	background: rgb(10, 198, 200);
	height:100%;
	
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .checkicon:before{
	position: absolute;
	z-index:4;
	right:0;
	bottom:0;
	content:"";
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-top: 16px solid transparent;
    border-bottom: 16px solid #76dac8;
    border-right: 16px solid #76dac8;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .checkicon.error:before{
    border-bottom: 16px solid red;
    border-right: 16px solid red;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .checkicon{
	position: absolute;
	right:0;
	bottom:0;
	color:white;
	background:none;
	z-index:3;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item .checkicon .icon{
	position: absolute;
	right:4px;
	bottom:4px;
	z-index:5;
	margin:0;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .imgList .item img{
	height:60px;
	text-align: center;
	line-height:60px;
}
.ui.small.modal.mutiImageUpLoad .mutiImageUpLoad .mutiImageUpLoadContent .top button{
    cursor: pointer;
    padding: 0;
    margin: 7px 10px;
    width: 60px;
    height: 24px;
    background: #0099CC;
    color: white;
    border-radius: 4px;
    text-align: center;
	line-height: 24px;
	font-size:12px;
	float: right;
	margin-left:0px;
}
.auto-coding-modal .contants{
	height: 300px;
	overflow: hidden;
	padding: 10px;
}
.auto-coding-modal .contants .content{
	/*border: 1px solid #ccc;*/
	/*border-radius:4px;*/
	/*background: white;*/
	height: 280px;
	overflow: hidden;
	/*padding: 10px;*/
}
.auto-coding-modal .contants .content .ui.group{
	width:284px;
	float: left;
	line-height:30px;
}
.auto-coding-modal .contants .content .ui.group label{
	margin-right: 10px;
}
.auto-coding-modal .contants .content .ui.group .ui.dropdown{
	width: 246px;
	height: 30px;
	min-height: 30px;
	padding: 8px 30px 8px 10px;
	float:right;

}
.auto-coding-modal .contants .content .expression.group{
	float: left;
	height: 260px;
	padding: 10px 0;
	width: 100%;
}
.auto-coding-modal .contants .content .expression.group .ui.menu{
    height: 30px;
    min-height: 30px;
    box-shadow: none;
	width: 100%;
	border: none;
	border-bottom:1px solid #ccc ;
	box-sizing: border-box;
}
.auto-coding-modal .contants .content .expression.group .ui.menu:first-child{
	border-bottom:1px solid #ccc ;
}
.auto-coding-modal .contants .content .expression.group .ui.menu.active{
	background: #d0e5f5;
}
.auto-coding-modal .contants .content .expression.group .ui.menu .item{
	height: 30px;
    line-height: 20px;
    padding: 5px 10px;
	cursor: pointer;

}
.auto-coding-modal .contants .content .expression.group .ui.menu .item input{
	border: none!important;
	border-radius:0;
	box-shadow: none;
	outline: none;
}
.auto-coding-modal .contants .content .expression.group>.ui.menu{
	border: 1px solid #ccc;
	background: white;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	margin: 0;
}

.auto-coding-modal .expression.group .ui.menu.express,
.auto-coding-modal .expression.group .menucontent .ui.menu{
	margin: 0;
}
.auto-coding-modal .expression.group .ui.menu.express{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.auto-coding-modal .expression.group .menucontent .ui.menu{
	border-radius: 0;
	border-top:none;
}
.auto-coding-modal .expression.group .menucontent .ui.menu .ui.dropdown{
	border: none;
	height:29px;
	min-height: 29px;
	width: 100%;
	box-shadow: none;
	background: none;
}
.auto-coding-modal .expression.group .ui.menu.express>.item:first-child,
.auto-coding-modal .expression.group .menucontent .ui.menu>.item:first-child{
	width: 66px;
	text-align: center;
	border-right:1px solid #ccc ;
}
.auto-coding-modal .expression.group .ui.menu.express>.item:nth-of-type(2),
.auto-coding-modal .expression.group .menucontent .ui.menu>.item:nth-of-type(2){
	width: 245px;
	text-align: center;
	border-right:1px solid #ccc ;
	padding: 0px;
}
.auto-coding-modal .expression.group .ui.menu.express>.item:nth-of-type(3),
.auto-coding-modal .expression.group .menucontent .ui.menu>.item:nth-of-type(3){
	width: 265px;
	padding: 0px;
	text-align: center;
}
.auto-coding-modal .expression.group .ui.menu.express>.item:nth-of-type(2),
.auto-coding-modal .expression.group .ui.menu.express>.item:nth-of-type(3){
	padding: 5px 10px;
}
.auto-coding-modal .menucontent{
	height: 210px;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #ccc;
	border-top:0 ;
	background: white;
	border-radius:0;
}
.auto-coding-modal .menucontent>.ui.menu{
	background:white;
}
.auto-coding-modal .contants .content .expression.group .ui.menu .item i{
	margin-top: -8px;
}
.auto-coding-modal .contants .content .expression.group .ui.menu .item .ui.input{
	width: 100%;
	height:29px;
	background: none;
}
.auto-coding-modal .contants .content .expression.group .ui.menu .item .ui.input input{
	width: 100%;
	height: 100%;
	background: none;
	outline: none;
	box-shadow: none;
}
.auto-coding-modal .contants .content .expression.group .ui.menu.active .item .ui.input input,
.auto-coding-modal .contants .content .expression.group .ui.menu .item .ui.input input:focus{
	background: #d0e5f5;
}
.auto-coding-modal .contants .content .ui.group:first-child{
	margin-right: 10px;
}
.boardcfgmodal .contant{
	height: 400px;
	overflow: hidden;
	overflow-y:auto;
	padding: 10px;
	padding-top:0;
	width:598px;
	position: relative;
}


.boardcfgmodal .contant .area{
	width:578px!important;
	position: relative;
	height:210px;
	/* padding-right:10px; */
}
.boardcfgmodal .contant .group{
	height:180px;
	width:100%;
	min-height:100px!important;
}
.boardcfgmodal .contant .group .ui.menu{
	border: 1px solid #ccc;
    background: white;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	margin: 0;
	height:30px;
	min-height:30px;
	box-shadow: none;
}
.boardcfgmodal .contant .group .menucontent,
.policyModal  .tab.segment[data-tab="policy_1"] .content{
	height:calc(100% - 30px);
	border:1px solid #ccc;
	border-top:none;
	background:#fff;
	overflow:hidden;
	overflow-x: auto;
	padding:2px 5px;
	white-space: nowrap;
}
.boardcfgmodal .contant .group .menucontent::-webkit-scrollbar{ 
	height:4px
}
.boardcfgmodal .contant .group .menucontent .item,
.policyModal  .tab.segment[data-tab="policy_1"] .content .item{
	width:60px;
	height:60px;
	position: relative;
	cursor:pointer;
	line-height:20px;
	padding: 0 6px;
	padding-top:40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#666;
	font-size:12px;
	text-align: center;
	border-radius:4px;
	display: inline-block
}
.boardcfgmodal .contant .group .menucontent .item>.icon,
.policyModal  .tab.segment[data-tab="policy_1"] .content .item>.icon{
	position: absolute;
	width:20px;
	height:20px;
	font-size:18px;
	text-align: center;
	line-height:20px;
	top:10px;
	left:20px;
}
.boardcfgmodal .contant .group .menucontent .item.active,
.policyModal  .tab.segment[data-tab="policy_1"] .content .active.item{
	background:#d0e5f5;
}
.boardcfgmodal .contant .group .ui.menu .item{
	height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    cursor: pointer;
}
.boardcfgmodal .contant .group .ui.menu .item .icon{
	margin-top: -8px;
	color:#333;
}

.boardConfigData .formulacontent{
	height:260px!important;
}

.boardConfigData .ui.form.dataType{
	height:30px;
	margin-top: 10px;
	padding:0 10px;
}
.boardConfigData .ui.form.dataType .inline.fields{
	margin:0;
	height:30px;
	line-height:30px;
	color:#333;
}
.boardConfigData .ui.form.dataType>.inline.fields>label{
	margin:0;
	margin-right:16px;
	color:#666;
	font-size:12px;
	font-weight: normal;
}
.boardConfigData .ui.form.dataType>.inline.fields .field{
	padding-right:24px;
}
.boardConfigData .ui.form.dataType .inline.fields .ui.checkbox>label:before{
	margin-top:-5px;
}
.unionField.boardConfigData .formulacontent{
	height:220px!important;
}
.boardConfigData .moreField{
	display:none;
	width:100%;
	padding:0 10px;
	margin-top:10px;
	line-height:30px;
	height:30px;
	position: relative;
}
.boardConfigData .moreField input{
	position: absolute;
	left:74px;
	right:10px;
	top:0;
	height:30px;
    min-height:30px;
	width:514px;
	max-width:1400px;
    padding:5px 10px!important;
    line-height:20px;
}
.unionField.boardConfigData .moreField{
	display:block;
}

.boarddetailmodal .contant{
	height: 700px;
	overflow: hidden;
	padding: 0 16px 10px 10px;
	width:998px;
	position: relative;
	overflow-y: auto;
}
.boarddetailmodal .contant .baseArea{
	position: relative;
	/* padding-right:6px; */
	width:972px!important;
}
.boarddetailmodal .contant .paramArea{
	overflow:hidden;
	height:auto; 
	margin-bottom:10px;
}
.boarddetailmodal .contant .paramArea .mergeItem{
	display: none!important;
}
.boarddetailmodal .contant .paramArea .mergeItem.summary{
	display: block!important;
}
.boarddetailmodal .contant .paramArea[gridtype="mergeGrid"] .mergeItem{
	display: block!important;
}
.boarddetailmodal .contant .paramArea[gridtype="mergeGrid"] .mergeItem .ui.input{
	margin:0;
}
.boarddetailmodal .contant .paramArea[gridtype="mergeGrid"] .mergeItem .ui.checkbox{
	padding-top: 6px;
}

.boarddetailmodal .contant .paramArea .headerCaption{
	width: 105px;
    display: inline-block;
	padding-left: 10px;
	white-space: nowrap;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    white-space: nowrap;
    float: left;
	height: 30px;
	font-size: 12px;
	color: rgba(0,0,0,.87);
}	
.boarddetailmodal .contant .paramArea .rightgroup{
	width:calc(100% - 105px);
	float: left;
	height:120px;
}
.boarddetailmodal .contant .paramArea.properetyGrid  .rightgroup{
	height:200px;
}
.boarddetailmodal .contant .paramArea .rightgroup>.ui.menu{
	border: 1px solid #ccc;
    background: white;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    height: 30px;
    min-height: 30px;
    box-shadow: none;
}
.boarddetailmodal .contant .paramArea .rightgroup>.ui.menu .item{
	height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    cursor: pointer;
}
.boarddetailmodal .contant .paramArea .rightgroup>.ui.menu .item .icon{
	margin-top: -8px;
    color: #333;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent{
	height:90px;
	overflow:hidden;
	border: 1px solid #ccc;
	border-top:none; 
}
.boarddetailmodal .contant .paramArea.properetyGrid .rightgroup .paramContent{
	height:170px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList{
	height:60px;
	overflow:hidden;
	overflow-y:auto;
	background:#fff;
	width:100%;
}
.boarddetailmodal .contant .paramArea.properetyGrid .rightgroup .paramContent .paramContentList{
	height:140px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem{
	height:30px;
	min-height:30px;
	border-radius: 0;
	box-shadow: none;
	border:none;
	border-bottom:1px solid #ccc;
	margin:0;
}

.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem.active{
	background:#d0e5f5;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item{
	padding:0;
	border-right:1px solid #ccc;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item:last-child{
	border-right:none;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.checkbox{
	padding-left:10px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.checkbox input{
	margin-left:10px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.checkbox.radio label:after{
	top:0px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.checkbox label:before{
	top:0!important;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item input{
	border:none;
	width:100%;
	height:29px;
	background:none;
	padding:0 10px
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown{
	width:100%;
	min-width:60px;
	border:none;
	height:30px;
	min-height:30px;
	background:none;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown .menu{
	width:auto;
	border-top: 1px solid rgba(34,36,38,.15);
	top:31px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown .menu .item{
	padding :4px 10px;
	border:none;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown .menu .item .ui.checkbox{
	padding:0
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown .menu .item .ui.checkbox input{
	margin:0;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown .menu .item .ui.checkbox label{
	width:80px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown .menu::-webkit-scrollbar{
	width:4px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.button{
	width:100%;
	height:29px;
	text-align: left;
	line-height: 30px;
	background:none;
	padding:0 10px;
	
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.button .icon{
	font-size:16px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .paramContentList .paramitem .item .ui.dropdown.single .icon{
	    float: right; 
		padding-right: 10px;
		margin-top: 9px;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .ui.menu.head{
	height:30px;
	min-height:30px;
	border:none;
	color:#f5f5f6; 
	border-radius:0;
	border-bottom:2px solid #424558 !important;
	margin:0;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .ui.menu.head .item{
	padding:0 4px;
	overflow:hidden;
	height:28px;
	min-height:28px;
	text-align: left;
	line-height:30px;
	min-width:30px;
	color:#333;
	font-size:12px;
	font-weight: 500;
	display:block;
	border-right:#ccc 1px solid;
	box-sizing: inherit;
	white-space: nowrap;
}
.boarddetailmodal .contant .paramArea .rightgroup .paramContent .ui.menu.head .item:last-child{
	border-right:none;
}
.boarddetailmodal .contant .property{
	height:auto;
	max-height:240px;
	/* padding-top:10px;
	margin-bottom:10px; */
} 
.boarddetailmodal .contant .property .field{
	width:100%;
	height:40px;
	padding-bottom:10px;
	position: relative;
}
.boarddetailmodal .contant .property .field .caption,
.boarddetailmodal .contant .sql .caption{
	width:105px;
	padding: 0 2px 0 10px;
	line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    white-space: nowrap;
    float: left;
    height: 30px;
    font-size: 12px;
    color: rgba(0,0,0,.87);
}
.boarddetailmodal .contant .sql.muti .caption{
	height:180px;
	position: relative;
}
.boarddetailmodal .contant .sql.muti .caption .list{
	width:80px;
	text-align: center;
	position: absolute;
	right:8px;
	top:30px;
}
.boarddetailmodal .contant .sql.muti .caption .list .item{
	display: block;
	width:80px;
    height: 30px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    line-height: 30px;
    border-radius: 8px;
    padding: 0 8px;
	cursor: pointer;
	margin-bottom: 8px;
}
.boarddetailmodal .contant .sql.muti .caption .list .item.active{
	border: 1px solid #4385f5;
    color: #4385f5;
}
.boarddetailmodal .contant .property .field .ui.input,
.boarddetailmodal .contant .sql .ui.form{
	position: absolute;
	left:105px;
	right:0px;
	top:0;
	height:30px;
}

.boarddetailmodal .contant .property .field .ui.input input{
	height:30px;
	max-width:1000px;
	padding: .1em 1em !important;
}
.boarddetailmodal .contant .sql{
	height:140px;
	padding:0;
	position: relative;
}


.boarddetailmodal .contant .sql .ui.form{
	top:0px;
	bottom:10px;
	height:140px;
	left:105px;
	right:180px;
}
.boardcfgmodal .summarySql {
	height: 140px;
    padding: 0;
	position: relative;
	margin-top:10px;
}
.boardcfgmodal .summarySql .caption{
	width: 105px;
    padding: 0 2px 0 10px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    white-space: nowrap;
    float: left;
    height: 30px;
    font-size: 12px;
    color: rgba(0,0,0,.87);
}
.boardcfgmodal .summarySql .ui.form{
	position: absolute;
	top:0;
	bottom: 10px;
    height: 140px;
    left: 105px;
	right:0;
}
.boardcfgmodal  .summarySql .ui.form textarea{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height:140px;
	resize: none;
	line-height: 20px;
}

.analysiscfgmodal  .contant .area{
	width: 972px!important;
}
.analysiscfgmodal .contant .sql{
	margin-bottom:10px;
}
.analysiscfgmodal .contant .itemList .menucontent{
	height: 70px;
	border:none;
}
.analysiscfgmodal .contant .paramArea .headerCaption,
.analysiscfgmodal .contant .sql .caption{
	width:76px;
}
.analysiscfgmodal .contant .sql .ui.form{
	left: 76px;
}
.analysiscfgmodal .contant .group{
	min-height: 40px!important
}
.analysiscfgmodal .contant .paramArea .rightgroup{
	width:calc( 100% - 76px);
}

.analysiscfgListmodal.ui.modal{
	height:410px!important
}
.analysiscfgListmodal .contant{
	padding:10px 16px;
	height:310px;
}
.analysiscfgListmodal .listArea{
	width:566px;
	position: relative;
} 
.analysiscfgListmodal .property .field{
	width: 100%;
    height: 40px;
    padding-bottom: 10px;
    position: relative;
}
.analysiscfgListmodal .property .field .caption{
	width: 76px;
    padding: 0 2px 0 10px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2px;
    white-space: nowrap;
    float: left;
    height: 30px;
    font-size: 12px;
    color: rgba(0,0,0,.87);
}
.analysiscfgListmodal .property .field .ui.input{
	position: absolute;
    left: 76px;
    right: 0px;
    top: 0;
    height: 30px;
}
.analysiscfgListmodal .contant .property{
	height:auto;
}


.analysiscfgmodal .contant .itemList .paramContent,
.analysiscfgmodal .contant .itemList .rightgroup,
.analysiscfgmodal .contant .itemList .group,
.analysiscfgmodal .contant .itemList{
	height:auto!important;
}

.ui.modal.editorModal .content textarea{
	height:140px;
	resize: none;
	line-height: 20px;
	border: 1px solid rgba(34,36,38,.15);
    outline: 0;
	color: rgba(0,0,0,.87);
	width:100%;
	white-space: nowrap;
}

.boarddetailmodal .contant .sql .ui.form textarea{
	resize: none;
	height:140px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	line-height: 20px;
}

.boarddetailmodal .contant .sql .ui.form .field{
	position:relative	
}
.boarddetailmodal .contant .sql .macrolist{
	display: block;
    position: absolute;
    right: 0px;
    width: 180px;
    top: 0px;
    bottom: 0px;
    background: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid rgba(34,36,38,.15);
    border-left: 2px solid #424558;
    overflow: hidden;
    overflow-y: auto;
}
.boarddetailmodal .contant .sql .macrolist .item{
	width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.ui.small.modal.customFields .customFieldsContent,
.ui.small.modal.followstatus .followstatusContent{
	height:300px;
	padding:10px;
	overflow:hidden;
	overflow-y:scroll;
}

.ui.small.modal.followstatus .followstatusContent {
	padding: 10px 0 10px 10px;
}

.ui.small.modal.icloudConfigure .configureContentBox{
	height:250px;
	padding:10px;
	overflow:hidden;
	overflow-y:scroll;
}

.AnalysisModal {
	width: 100%;
    height: 100%;
    position: relative;
    z-index: 99999 !important;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsListContent,
.ui.small.modal.followstatus .followstatusContent .customFieldsListContent{
	height:250px;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	overflow: hidden;
	overflow-y: auto;
}
.ui.small.modal.customFields .customFieldsContent .customFieldsList{
	width:578px;
	height:100%;
	overflow:hidden;
}
/* .firstListContent {
	width: 100%;
    height: 33%;
    background: #fff;
    border: 1px solid #cdc9c9;
    padding: 5px;
    margin-bottom: 5px;
}
.firstListContent .firstListContenttop{
	height: 15%;
	width: 100%;
}
.firstListContent .colcontents{
	height: 85%;
	width: 100%;
    overflow-y: auto;
}
.firstListContent .colcontents .content{
	min-height: 30px;
    max-height: 60px;
    line-height: 30px;
    overflow: hidden;
    float: left;
    padding-right: 10px;
    width: 20%;
}
.firstListContent .colcontents .content .ui.checkbox {
    float: left;
    height: 30px;
    line-height: 30px;
} */

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box {
	height: 100%;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .title {
	width: 100%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
	display: flex;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .title a {
	flex: 1;
	line-height:35px;
	border-right:1px solid #e5e5e5;
	color: #666;
	cursor: pointer;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .title a.select {
	border-bottom: 2px solid #da251d;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .content {
	height: calc(100% - 35px);
    margin: 0;
    padding: 0;
	overflow-y: auto;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .item {
	height: 35px;
	line-height: 35px;
	width: 140px;
	float: left;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui.small.modal.customFields .divider {
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    bottom: 0;
    position: fixed;
    left: 0;
	text-transform: unset;
}

.ui.small.modal.customFields .apply {
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    bottom: 0;
    position: fixed;
    left: 120px;
	text-transform: unset;
	margin: 1rem 0;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .cxDivider {
	width: 1px;
    border-right: 1px solid #ccc;
    height: 20px;
    top: 8px;
    position: relative;
    float: left;
    padding: 0 5px 0 10px;
    margin-right: 10px;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box span .trash {
	cursor: pointer;
    padding-left: 5px;
    color: #da251d;
}

.ui.small.modal.customFields .customFieldsContent .customFieldsList .box .item input[type="checkbox"] {
	top: 4px;
    margin: 0 5px 0 10px;
}

.ui.small.modal.icloudConfigure .configureContentBox .configureContent{
	width:378px;
	height:100%;
	overflow:hidden;
}
.aactive{
	color: #4183c4 !important;
}
.mobilecode{
	position: absolute;
    top: 3px;
    right: 0px;
    background: #fff;
    border: none;
    outline: none;
}


.ui.small.modal.customFields .customFieldsContent .ui.menu.head,
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem,
.ui.small.modal.followstatus .followstatusContent .ui.menu.head,
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem
{
	height:30px;
	padding:0;
	margin:0;
	background:#f5f5f6;
	border-bottom:2px solid #424558;
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	min-height:30px;
}
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem.active{
	background:#d0e5f5;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.head,
.ui.small.modal.followstatus .followstatusContent .ui.menu.head{
	padding-right:10px;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem,
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem{
	border:none;
	border-bottom:1px solid #ccc;
	background:#fff;
	box-shadow: none;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.head .item,
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item,
.ui.small.modal.followstatus .followstatusContent .ui.menu.head .item,
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem .item{
	padding:0 10px;
	overflow:hidden;
	white-space: nowrap;
	line-height:30px;
	height:30px;
	text-overflow:ellipsis;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item,
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem .item{
	display: inline;
    line-height: 30px;
	height:29px;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item .ui.checkbox{
	margin-top:6px;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item .ui.input,
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item .ui.input input,
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem .item .ui.input,
.ui.small.modal.followstatus .followstatusContent .ui.menu.menuitem .item .ui.input input{
	border:none;
	box-shadow: none;
	padding:0;
	height:28px;
	padding: 0;
	background:none;
}
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item .ui.input{
	padding:0;

}
.ui.small.modal.customFields .customFieldsContent .ui.menu.menuitem .item .ui.checkbox label:before{
	top:0!important;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent{
	height:260px;
	overflow: hidden;
	overflow-y: auto;
	padding:10px 0;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchList{
	height:30px;
	overflow:hidden;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchList.mainAdvanced.subMain .advancedSearchItem .caption{
	padding-left:30px;
	width:105px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchList.active{
	height:auto;
	max-height:10000px;
	overflow:visible;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .listCaption{
	padding:0 10px;
	height:30px;
	cursor: pointer;
	line-height: 30px;
	color:#666;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchList.active .listCaption{
	color: #4385f5;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem{
	min-height:30px;
	width:100%;
	position: relative;
	padding-left:105px;
	margin-bottom:6px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem[type="dtInteger"] .single.input{
	position: absolute;
    left: 90px;
    top: 0;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .caption{
	width:105px;
	padding: 0 2px 0 10px;
	height:30px;
	line-height:30px;
	position: absolute;
	top:0;
	left:0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;

}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow{
	width:100%;
	height:30px;
	line-height:30px;
	position: relative;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow .ui.checkbox{
	margin-right:14px;
	min-width:58px;
	height:30px;
	display: inline-flex;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow .ui.checkbox label{
	height:30px;
	line-height:30px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow .ui.checkbox label:before,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow .ui.checkbox.radio label:after{
	top:6px!important;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.input,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem:not(.select) .ui.dropdown{
	height:30px;
	line-height:30px;
	max-width:160px;
	display: inline-block;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem:not(.select) .ui.dropdown{
	padding:0 10px;
	padding-right:30px;
	line-height: 30px;
	min-height:30px;
	min-width: 156px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem:not(.select) .ui.dropdown .icon.dropdown{
	top:6px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem:not(.select) .ui.dropdown .menu .item{
	padding:0 10px!important;
	line-height:30px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem:not(.select) .ui.dropdown:not(.ready) .dropdown.icon,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem:not(.select) .ui.dropdown:not(.ready) .dropdown.icon{
	display:none;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow .ui.input{
	max-width: 210px;
    width: 156px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem[type="dtString"]:not(.static) .chcekrow .ui.input,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem[type="dtString"]:not(.static) .chcekrow .ui.dropdown
{
	position: absolute;
	right:10px;
	top:0;
	width:160px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem[type="dtString"]:not(.static) .chcekrow .ui.dropdown .text{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width:100%;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem[type="dtDateTime"] .chcekrow .ui.input{
	max-width: 126px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .chcekrow .ui.input.disabled{
	opacity: .4;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.input.action{
	padding-right:40px;
	position: relative;
	width:156px;
	max-width:200px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.input.action .ui.button{
	position: absolute;
	right:0;
	top:0;
	display:block;
	height:30px;
	width:40px;
	line-height:30px;
	padding:0;
	text-align: center;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .mutiSelect{
	width:100%;
	padding-right:10px;
	height:auto;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .mutiSelect .ui.fluid.multiple{
	height:auto;
	min-height:30px;
	padding:0 8px;
	padding-right:30px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .mutiSelect .ui.fluid.multiple .text{
	height:28px;
	line-height:30px;
	margin:0;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .mutiSelect .ui.fluid.multiple .icon.dropdown{
	padding:0;
	height:12px;
	font-size:12px;
	width:12px;
	right:12px;
	top:9px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .mutiSelect .ui.fluid.multiple .ui.label{
	height:20px;
	min-height:20px;
	padding:0 8px;
	line-height:20px;
	margin:5px 4px 5px 0;
	font-size:12px;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui.small.modal.advancedSearchModal.simple .advancedSearchTab{
	display:none;
}
.ui.small.modal.advancedSearchModal.simple .advancedSearchcontent{
	height:300px;
}
.ui.small.modal.advancedSearchModal.simple .advancedSearchcontent .allPowerfulSearch{
	height:280px;
}
.ui.small.modal.advancedSearchModal.simple .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList{
	height:220px;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab{
	height:40px;
	overflow:hidden;
	position: relative;
}
.ui.small.modal.advancedSearchModal .button.allPowerful,
.ui.small.modal.advancedSearchModal .button.record_save,
.ui.small.modal.advancedSearchModal .button.undo,
.ui.small.modal.customFields .ui.button[btn="btnSearch"],
.ui.small.modal.followstatus .ui.button[btn="btnNew"],
.ui.small.modal.followstatus .ui.button[btn="btnDelete"],
.ui.small.modal.followstatus .ui.button[btn="btnField"],
.ui.small.modal.advancedSearchModal .button.record_upload,
.ui.small.modal.advancedSearchModal .button.record_download{
	height: 32px;
    padding: 0 8px;
	line-height: 32px;
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
	border: 1px solid #B9C8D4;
	position: absolute;
	left:0;
	bottom:14px;
	margin-bottom:0;
}
.ui.small.modal.followstatus .ui.button[btn="btnField"]{
	left:40px;
}
.ui.small.modal.followstatus .ui.button[btn="btnDelete"]{
	left:80px;
}

.ui.small.modal.customFields .ui.button[btn="btnSearch"] .icon,
.ui.small.modal.followstatus .ui.button[btn="btnNew"] .icon,
.ui.small.modal.followstatus .ui.button[btn="btnDelete"] .icon,
.ui.small.modal.advancedSearchModal .button.allPowerful .icon,
.ui.small.modal.advancedSearchModal .button.record_save .icon,
.ui.small.modal.advancedSearchModal .button.undo .icon,
.ui.small.modal.advancedSearchModal .button.record_upload .icon,
.ui.small.modal.advancedSearchModal .button.record_download .icon{
	margin:0;
}
.ui.small.modal.advancedSearchModal .button.record_save{
	left:80px;
}
.ui.small.modal.advancedSearchModal .button.record_upload{
	left:120px;
}
.ui.small.modal.advancedSearchModal .button.record_download{
	left:160px;
}
.ui.small.modal.advancedSearchModal .button.undo{
	left:40px
}
.ui.small.modal.customFields .ui.button[btn="btnSearch"].blueActive{
	color: #2f94e1;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch{
	padding:0 10px;
	/* padding-top:0; */
	position: relative;
	height:240px;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu{
    border: 1px solid #ccc;
    background: white;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    height: 30px;
    min-height: 30px;
    box-shadow: none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu,
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .allPowerfulGrid{
	width:100%;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item
{
	height: 29px;
    line-height: 20px;
    padding: 5px 10px!important;
	cursor: pointer;
	min-height:29px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.idea .dropdown.icon{
	margin-top:0;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.idea>.menu{
	padding: bottom 6px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.ideas{
	position: relative;
	padding-right:20px;
} 


.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.ideas>.menu{
	max-height:160px;
	overflow:hidden;
	overflow-y:auto;
	margin-left: 3px!important;
    top: -6px!important;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.ideas>.menu .item{
	padding: 0 20px 0 10px!important;
	height:30px;
	line-height: 30px;
	border-right:none;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.ideas>.menu .trash.outline.icon{
	width:14px;
	height:14px;
	position: absolute;
	right:6px;
	top:8px;
	color:#666;
	margin:0;
	line-height:14px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.ideas>.menu .trash.outline.icon:hover{
	color:#da251d;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item.ideas .dropdown.icon{
	width:14px;
	height:14px;
	top:50%;
	margin-top:-9px;
	right:2px;
	position: absolute;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .right.menu .item{
	padding:5px 0;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu .item i.icon{
	margin-top: -8px;
    color: #333;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch>.ui.menu{
	border-bottom:1px solid #ccc;
	border-top-right-radius: 0;
}


.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid{
	border:1px solid #ccc;
	border-top:none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid .ui.menu.head{
	height: 30px;
    min-height: 30px;
    border: none;
    color: #f5f5f6;
    border-radius: 0;
    border-bottom: 2px solid #424558 !important;
    margin: 0;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid .ui.menu.head .item,
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid .allPowerfulGridList .griditem .item{
	padding: 0 10px;
    overflow: hidden;
    height: 28px;
    min-height: 28px;
    text-align: left;
    line-height: 30px;
    min-width: 30px;
    color: #333;
    font-size: 12px;
    font-weight: 500;
	display: block;
	border-right: #ccc 1px solid;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid .ui.menu.head .item:last-child,
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid .allPowerfulGridList .griditem .item:last-child{
	border-right: none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList{
	height:180px;
	overflow:hidden;
	overflow-y:auto;
	background:#fff;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulGrid .allPowerfulGridList .griditem{
	height: 30px;
    min-height: 30px;
    border: none;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
	margin: 0;
	box-shadow: none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem.active{
	background: #d0e5f5!important;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item{
	padding:0;
	overflow:visible;
	border-right:1px solid #ccc;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item:last-child{
	border-right:none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown input,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.input,
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.input input{
	min-width:40px;
	width:100%;
	border:none;
	box-shadow: none;
	height:29px;
	min-height:29px;
	background:none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown{
	padding:0 8px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown input{
	padding: 0 10px;
	min-width:40px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown .text{
	width:100%;
	height:100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;

}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown .menu .item{
	padding: 0 10px!important;
	height:30px;
	line-height: 30px;
	border-right:none;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .allPowerfulGrid .allPowerfulGridList .griditem .item .ui.dropdown .menu {
	min-width:60px;
	max-height:120px;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown{
	border:none;
	box-shadow: none;
	height:29px;
	min-height:29px;
	background:none;
	border-left:1px solid #ccc;
	/* border-right:1px solid #ccc; */
	border-radius: 0;	
	padding:0 30px 0 10px;
	position: relative;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown>.dropdown.icon{
	padding:0;
	height:14px;
	width:14px;
	position: absolute;
	right:6px;
	top:8px;
	margin:0;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown .menu .item{
	padding: 0 20px 0 10px!important;
	height:30px;
	line-height: 30px;
	border-right:none;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown .menu .item .trash.outline.icon{
	width:14px;
	height:14px;
	position: absolute;
	right:6px;
	top:8px;
	color:#666;
	margin:0;
	line-height:14px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown .text{
	height:100%;
	width:100%;
	line-height:30px;
	height:29px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown .text .icon{
	display:none;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent  .allPowerfulSearch .powerfulSearchList.ui.dropdown .menu .item .trash.outline.icon:hover{
	color:#da251d;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab .tabList{
	width:100%;
	height:100%;
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #ccc;
	padding: 0 80px 0 10px;
	overflow:hidden;
}


.ui.small.modal.advancedSearchModal .advancedSearchTab .ctrlitem{
	position:absolute;
	width:40px;
	height:40px;
	top:0;
	right:0;
	line-height:40px;
	text-align: center;
	cursor: pointer;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab .ctrlitem.left{
	right:40px;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab .ctrlitem.disabled{
	opacity: .4;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab .ctrlitem i{
	margin:0;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab .tabitem{
	display: block;
    height: 29px;
    margin: 5px 2px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    line-height: 29px;
    border-radius: 8px;
    padding: 0 8px;
    float: left;
    cursor: pointer;
}
.ui.small.modal.advancedSearchModal .advancedSearchTab .tabitem.active{
	border: 1px solid #4385f5;
    color: #4385f5;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.input.action .ui.button i{
	margin:0;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.input input{
	height:30px;
	line-height:30px;
	padding: 0 10px;
	max-width:300px;
	width:100%;
}

.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.fluid.input{
	width:100%;
	max-width:600px;
	padding-right:10px;
	margin-top:3px;
}
.ui.small.modal.advancedSearchModal .advancedSearchcontent .advancedSearchItem .ui.fluid.input>input{
	width:100%!important;
	max-width:600px;
}

.advanceProject .content.dialoguebox{
	padding:10px;
}
.ui.modal.advanceProject>.header.dialoguebox:not(.ui){
	color: rgba(0,0,0,.85);
}
.ui.modal.advanceProject>.image.content.dialoguebox .ui.input span.title{
	width:60px;
}


.broadcastMessageModal .broadcastContent,
.uploadBugModal .uploadBugContent{
	height:300px;
	overflow:hidden;
	overflow-y: auto;
	padding: 0 10px 10px 10px;
	width:598px;
}
.broadcastMessageModal .broadcastContent .broadcastArea,
.uploadBugModal .uploadBugContent .uploadBugArea{
	height:auto;
	width:578px!important;
	position: relative;
}
.uploadBugModal .uploadBugContent .tip{
	position: absolute;
	height:30px;
	line-height:16px;
	top: 130px;
    left: 18px;
}
.protectModal .protectModalContent{
	height:500px;
	position: relative;
}
.protectModal .protectModalContent .leftcontent,
.protectModal .protectModalContent .rightcontent{
	position: absolute;
	left:10px;
	top:10px;
	bottom:10px;
	width:360px;
	overflow:hidden;
}
.protectModal .protectModalContent .rightcontent{
	right:10px;
	left:auto;
}
.protectModal .protectModalContent .leftcontent>.caption,
.protectModal .protectModalContent .rightcontent>.caption{
	height:30px;
	line-height:30px;
	position: relative;
}
.protectModal .protectModalContent .leftcontent>.caption span,
.protectModal .protectModalContent .rightcontent>.caption span{
	position: absolute;
	right:0;
	top:0;
	cursor:pointer;
}
.protectModal .protectModalContent .leftcontent>.content,
.protectModal .protectModalContent .rightcontent>.content{
	border:1px solid #ccc;
	border-radius: 4px;
	overflow:hidden;
	overflow-y:auto;
	height:450px;
	position: relative;
	background:white;
}
.protectModal .protectModalContent .leftcontent>.content{
	height:390px;
	border-top:none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.pagerlist{
	height:30px;
	width:100%;
	text-align: right;
	position: relative;
}
.pagerlist .ui.input{
	position: absolute;
	right:90px;
	width:60px;
	bottom:0;
	line-height:30px;
	color:#333;
	white-space: nowrap;
}
.pagerlist .ui.input input{
	width:20px;
	height:20px;
	padding:0;
    text-decoration: none;
    border: 1px solid #e7eaec !important;
    border-radius: .28571429rem;
	padding-left: 4px;
	font-size: .8em;
	margin: 5px 8px 0 0;
	color:#333;
}
.pagerlist .ui.input .sum_pager{
	padding:0 4px;
}
.pagerlist div[pagerbtn]{
	display:block;
	cursor: pointer;
	position: absolute;
	right:0px;
	bottom:0;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
}
.pagerlist div[pagerbtn].disabled{
	opacity: .4;
	pointer-events: none;
}
.pagerlist div[pagerbtn] i.icon{
	margin:0;
	color:#333;
}
.pagerlist div[pagerbtn="next_pager"]{
	right:30px;
}
.pagerlist div[pagerbtn="back_pager"]{
	right:150px;
}
.pagerlist div[pagerbtn="first_pager"]{
	right:180px;
}
.protectModal .protectModalContent .leftcontent>.ui.search.input{
	width:100%;
	max-width:600px;
	border-radius: 4px;
	border:1px solid #ccc;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	height:30px;
	background:white;
	position: relative;
}
.protectModal .protectModalContent .leftcontent>.ui.search.input .icon{
	color: rgba(0,0,0,.87);;
	margin-top: 0px;
	padding-left: 10px;
    position: absolute;
    left: 0px;
	top: 8px;
	font-size:12px;
}
.protectModal .protectModalContent .leftcontent>.ui.search.input input{
	width:100%;
	max-width:600px;
	height:29px;
	padding:0 10px 0 30px;
	line-height:30px;
	border:none;
	outline:none;
	box-shadow: none;
	border-radius: none;
	background:none;
}
.protectModal .protectModalContent>.ui.button{
	position: absolute;
	width:50px;
	height:30px;
	line-height:20px;
	text-align: center;
	margin: 0;
    padding: 0;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -25px;
}
.protectModal .protectModalContent>.ui.button.turnleft{
	margin-top: 15px;
}
.protectModal .protectModalContent>.ui.button i{
	margin:0;
	color:#333;
}
.protectModal .protectModalContent>.ui.button{
	border: 1px solid #ccc;
    background: white;
}
.protectModal .protectModalContent>.ui.button:hover{
	background:#f1f1f1;
}
.protectModal .protectModalContent .leftcontent>.content .item,
.protectModal .protectModalContent .rightcontent>.content .item{
	 width:100%;
	 position: relative;
	 height:30px;
	 padding-left:40px;
	 border-bottom:1px solid #ccc;
}
.protectModal .protectModalContent .leftcontent>.content .item:last-child{
	border-bottom:none;
}
.protectModal .protectModalContent .leftcontent>.content .item .ui.checkbox,
.protectModal .protectModalContent .rightcontent>.content .item .ui.checkbox{
	position: absolute;
	left:10px;
	width:20px;
	height:20px;
	margin-top:5px;
	line-height:20px;
}
.protectModal .protectModalContent .leftcontent>.content .item .ui.checkbox label:before,
.protectModal .protectModalContent .rightcontent>.content .item .ui.checkbox label:before{
	top:0!important;
}
.protectModal .protectModalContent .leftcontent>.content .item .ui.checkbox label:after,
.protectModal .protectModalContent .rightcontent>.content .item .ui.checkbox label:after{
	top:-1px!important;
}
.protectModal .protectModalContent .leftcontent>.content .item .name,
.protectModal .protectModalContent .rightcontent>.content .item .name{
	width:100%;
	overflow:hidden;
	padding:0 10px 0 0;
	text-overflow:ellipsis;
	line-height:30px;
	white-space: nowrap;
}
.protectModal .protectModalContent .leftcontent>.content .item .name i,
.protectModal .protectModalContent .rightcontent>.content .item .name i{
	color:#666;
}


.auto-coding>.item.active,
.workflowcontent>.item.active,
.boardcfg>.item.active,
.ui.modal.dataSource .interfaceDataLinkContent .content>.item.selected{
	border-radius: 5px;
   /*box-shadow: 0 0 10px rgba(0, 0, 0, .5);*/
	background: #d0e5f5!important;
 }
.auto-coding>.item>.itemicon,
.workflowcontent>.item>.itemicon,
.boardcfg>.item>.itemicon,
.ui.modal.dataSource .interfaceDataLinkContent .content>.item>.itemicon,
.interfaceDataLink.tableSetting .interfaceDataLinkContent .tableContent .item .itemicon{
	font-size: 24px;
	width: 100%;
	height: 34px;
    padding:6px 0 2px 0;
}
.auto-coding>.item>.itemicon i,
.workflowcontent>.item>.itemicon i,
.boardcfg>.item>.itemicon i,
.ui.modal.dataSource .interfaceDataLinkContent .content>.item>.itemicon i,
.interfaceDataLink.tableSetting .interfaceDataLinkContent .tableContent .item .itemicon i{
	font-size: 22px;
	color: #666;
	display: block;
	margin: 0 auto;
}

.auto-coding>.item>.caption,
.workflowcontent>.item>.caption,
.boardcfg>.item>.caption,
.ui.modal.dataSource .interfaceDataLinkContent .content>.item>.caption,
.interfaceDataLink.tableSetting .interfaceDataLinkContent .tableContent .item>.caption
{
	height: 28px;
	width: 100%;
	font-size: 12px;
	line-height:14px;
	color: #666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	text-align: center;
}
.modalProgress .message{
	font-size: 12px;
	height: auto;
	line-height: 18px;
	height: auto;
	width: 100%;
	text-indent: 10px;

}
.modalProgress .progress{
	width: 100%;
	height: 20px;
	margin-top: 10px;
	background: #ccc;
	border-radius: 4px;
}
.modalProgress .progress .bar{
	/*transition: width 0.2s;*/
	height: 20px;
	margin-top: 10px;
	background: rgb(10, 198, 200);
	border-radius: 4px;
}
.editorModal .content {
	padding: 10px;
}
.editorModal .content .ui.dropdown{
	width: 100%;
	margin-bottom: 10px;
}
.editorModal .content .ui.checkbox{
	float: left;
	margin:0px 10px 6px 0px;
}
.editorModal .content .ui.checkbox label:before{
	top: 0px !important;
}
.editorModal .content .ui.checkbox.radio label:after{
	top:0;
}

.qddl {
	margin: 0 1em;
	margin-top: 1em;
}

.ljzc {
	margin: 0.5em 1em 0 1em;
	text-align:center;
	color: white;
}


.ui.button.qddl {
	width: 100%;
	background: #da251d;
	color: #FFFFFF;
	font-weight: normal;
	padding: 1em 0;
	opacity: 1!important;
}

.ui.button.ljzc {
	width: 100%;
	background: #FF6600;
	color: #FFFFFF;
	padding: 1em 0;
}



.field.srk.forget .qh {
	width: auto;
	position: absolute;
	top: 50px;
	right: 20px;
	cursor: pointer;
}

.rollTextMenus {
	margin-bottom: 1em;
}
#downloadregister{
	width:266px;
}
.ui.form .field.srk {
	margin: 1em 1em;
}
.ui.form .field.srk.applink{
	color: #fff;
    text-align: right;
	cursor: pointer;
	font-size:22px;
	margin:8px 12px 0 12px;
}
.ui.form .field.srk.applink .icon{
	margin:0;
	text-align: right;
}
.ui.form .field.srk>label{
	color:#fff;
	font-weight: normal;
}
.ui.form .field.srk .error{
	height: 30px;
    line-height: 30px;
    background: #da251d;
    border-radius: 4px;
    padding: 0 10px;
    color: white;
}
.ui.form .field.srk h1{
	font-weight: normal;
	color: white;
}
.ui.form .field.srk.language{
	clear: both;
	height: 28px;
}
.ui.form .field.srk.language>label{
	float: left;
	color: white;
	font-size: 14px;
	width: 40px;
	line-height: 28px;
	display: inline-block;
}
.ui.form .field.srk.language .ui.search.dropdown{
	height: 28px;
	float: right;
	width: 100%;
	/*width: calc( 100% - 80px);*/
	padding: 0 8px;
}


.ui.form.segment.dl .ui.form .field.srk input{
	height: 30px;
	line-height:30px;
	padding:0 10px;
	border: none!important;
	background: white !important;
	box-shadow:0 0 0 1000px white inset !important;
}
.ui.form.segment.dl .ui.divider{
	border-color:#da251d;
	border-top: none;
	margin: 1em;

}
.ui.form .field.srk .ui.search.dropdown .menu .item{
	padding:0 10px!important;
	height:36px;
	line-height:36px;
}
.ui.form .field.xxx {
	margin: 1em 0em;
}

.ui.form .field.sr {
	margin: 1em 1em;
	position: relative;
}

.ui.form .field.yzm {
	margin: 1em 1em;
}

.ui.form.tm input[type=password] {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(73, 122, 189, 0.3);
}

.ui.form.tm input[type=text] {
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(73, 122, 189, 0.3);
}

.ui.checkbox.jzmm .box:before,
.ui.checkbox label:before {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(73, 122, 189, 0.3);
}

.ui.checkbox.mailset label:before {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(73, 122, 189, 0.3);
	margin-top: 10px;
}


.ui.checkbox.mailset input[type=checkbox] {
	margin-top: 10px;
}

.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
	background: rgba(255, 255, 255, 0);
}

.ui.form.tm input[type=email] {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(73, 122, 189, 0.3);
}

.ui.form.tm input[type=tel] {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(73, 122, 189, 0.3);
}

.ui.form.tm .yzm input[type=text] {
	width: 52%;
}

.ui.form.tm .yzm .reg-yzm {
	padding: 0.67861429em 1em;
	border-radius: .28571429rem;
	background: #0099CC;
	color: #FFFFFF;
	outline: none;
	margin-left: 0.3em;
	width: 115px;
}

.ui.checkbox .yj {
	color: rgba(73, 122, 189, 0.5)
}


/*��̨��ʼ*/

.main-top {
	height: 50px;
	background: #0F4F7D;
	min-width: 1024px;
}

.ui.segment.mail-right {
	padding: 0em/*;margin-right:180px*/
;
	overflow: hidden;
	overflow-x: hidden;
}

.main-top .head-logo,.main-top .head-logo-en {
	width: 110px;
	height: 40px;
	display: block;
	position: absolute;
	left: 20px;
	top: 3px;
}

.main-top .head-logo i,.main-top .head-logo-en i {
	background: url(../images/VI/logo1.png) no-repeat;
	width: 110px;
	height: 40px;
	display: block;
}

.head-mune {
	float: right;
	height: 100%;
	width: auto;
}

.ui.three.item.menu.label_list {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 302px;
}

.ui.search .input .prompt.prompt1 {
	border-radius: 5px;
	padding: 0.3em;
}


.in-block {
	display: inline-block;
}

.ui.menu.user-menu {
	background: none;
	border: none;
	box-shadow: none;
}

.ui.menu.announcement-menu {
	background: none;
	border: none;
	box-shadow: none;
}

.ui.menu.help-menu {
	background: none;
	border: none;
	box-shadow: none;
}

.ui.menu.account-menu {
	background: none;
	border: none;
	box-shadow: none;
	margin-right: 20px;
}

.ui.compact.menu .user-item:last-child {
	color: #fff;
}

.ui.compact.menu .announcement-item:last-child {
	color: #fff;
}

.ui.compact.menu .help-item:last-child {
	color: #fff;
}

.ui.compact.menu .account-item:last-child {
	color: #fff;
}

/*.ui.accordion.coordination:first-child .coordination-top{*/
	/*border-top: 1px solid #34495e;*/
/*}*/
.coordination-top {
	padding-left:46px;
	width: 180px;
	height: 50px;
	line-height:45px;
	cursor: pointer;
	position: relative;
	background:#2c3e50;
	/*#2d303d;*/
	border-bottom: 1px solid #384d61;
	border-top: 1px solid #2a3b4d;
	padding-right:30px;
}
.coordination-top>span{
	display:block;
	width:100%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.coordination-top>span.pNum,
.coordination-down a span.pNum,
.leftmenu a span.pNum{
	position: absolute;
	right: 24px;
	height:20px;
	width:auto;
	border-radius:8px;
	min-width: 20px;
	overflow:hidden;
	top:12px;
	color:#2c3e50;
	background: #fff;
	line-height:20px;
	padding:0 6px; 
	text-align: center;
	max-width: 33px;
	margin:0;
}
.simple-menu .coordination-top>span.pNum,
.simple-menu .coordination-down a span.pNum,
.simple-menu .leftmenu a span.pNum{
    display: block;
    right: 80px;
    top: 4px;
    font-size: 12px;
    height: 16px;
    padding: 0px 2px;
    line-height: 16px;
    background: red;
	color: #fff;
	float: none;
}
.coordination-down a span.pNum,
.leftmenu a span.pNum{
	top:15px;
	right:28px;
}
.coordination-top i{
	position: absolute;
	display: block;
	width: 14px;
	height: 12px;
	top:0px;
	/* left:12px; */
	right:10px;
	color: #FFFFFF!important;
}
.coordination-top i.folder.outline{
	right:auto;
	left:12px;
	margin: 0;
    width: 20px;
	height: 20px;
	position: absolute;
	top:12px;
	background-size:100% 100%;
	background-position: center center;

}
.coordination-top i.folder.outline:before{
	content:none;
}

i.icon.menu-icon {
	margin: 0;
}
/* .coordination-top i.icon.menu-icon{
	margin-top:-2px;
} */
.coordination-down {
	background: #3E5E7D;
}

.a-list {
	height: 30px;
}



.ui.menu.coordination-down {
	margin: 0;
	border-radius: 0;
}

.ui.vertical.menu.coordination-down>.active.item:first-child {
	border-radius: 0;
}
.ui.vertical.menu.coordination-down .item,
.leftmenu .item{
	padding-left:18px!important;
	position: relative;
}
.ui.vertical.menu.coordination-down .item .icon.star,
.leftmenu .item .icon.star{
	font-size:14px;
	position: absolute;
	height:14px;
	right:10px;
	top:18px;
	display:none;
	color:#fdaf19;
}


.ui.vertical.menu.coordination-down .item .icon.star.empty,
.leftmenu .item .icon.star.empty{
	color:rgba(255,255,255,.9)
}
.ui.vertical.menu.coordination-down .item:hover .icon.star,
.ui.vertical.menu.coordination-down .item.hint .icon.star,
.leftmenu .item:hover .icon.star,
.leftmenu .item.hint .icon.star{
	display:block;
}
.ui.vertical.menu.coordination-down .item.hint,
.leftmenu .item.hint{
	background: rgba(255,255,255,.08);
    color: #fff;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination{
	margin-top:0;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-top{
	background:#34495e;
	border:none;
	padding-left:54px;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-top i:not(.menu-icon){
	left:22px;
}
.ui.vertical.menu.coordination-down .coordination-down .coordination-top{
	padding-left:76px!important;
}
.ui.vertical.menu.coordination-down .coordination-down .coordination-top i:not(.menu-icon){
	left:38px!important;
}
.ui.vertical.menu.coordination-down .coordination-down .coordination-down  .coordination-top {
	padding-left:90px!important;
}
.ui.vertical.menu.coordination-down .coordination-down .coordination-down .coordination-top i:not(.menu-icon){
	left:54px!important;
}

.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down{
	background:#3b536b;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down a{
	color:rgba(255,255,255,.9);
	padding-left:34px!important;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down a span{
	max-width: 80px;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down a .menuicon{
	margin-right:8px;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down a{
	padding-left:100px;
} 
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down a span{
	max-width:60px;
}
/* 二级文件夹颜色  */
.leftmenu>.ui.accordion.coordination .coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-top{
	background:#3e536c!important;
}
.leftmenu>.ui.accordion.coordination .coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down,
.leftmenu>.ui.accordion.coordination .coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-top{
	background:#496180!important;
}
.leftmenu>.ui.accordion.coordination .coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down a.item{
	padding-left:50px!important;
}
.leftmenu>.ui.accordion.coordination .coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down a.item{
	padding-left:70px!important;
}
.leftmenu>.ui.accordion.coordination .coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down{
	background: #4e698a!important;
}

.ui.vertical.menu .item>i.icon.menu-icon {
	margin-right: 1.5em;
	float: left;
	margin-left: 0.1em;
}

.right-menu {
	margin-left: 180px;
	width: 100%;
}

.ui.grid.container-right {
	margin: 0;
	padding: 10px;
	height: 100%;

}

.ui.grid>[class*="four wide"].column.mail-menu {
	width: 150px!important;
	padding: 0;
	background: #EAEDF2;
	border:1px solid #ccc ;
	border-right: none;
	border-top-left-radius:4px!important; ;
}

.ui.menu.mail-menu-top {
	box-shadow: none;
	border-radius: 0;
	border-top:none!important;
	border-left: none!important;
	border-right: none!important;
	border-top-left-radius: 4px;
   border-color: #ccc;
	background: #f5f5f6;
}

.ui.menu.three.mail-menu-top .item {
	width: 100%;
}

.ui.vertical.tabular.menu.mail-down {
	position: absolute;
	top: 40px;
	bottom: 0;
}

.ui.vertical.tabular.menu.mail-down.mailsetmenu {
	position: absolute;

	top: 0px;
	bottom: 0;
	padding: 0px !important;
}
.ui.vertical.tabular.menu.mail-down.mailsetmenu .item:first-child{
	background: #f5f5f6;
	box-sizing: border-box;
	border-top: none!important;
	height: 38px;
	border-top-left-radius: 4px!important;
}
.ui.vertical.tabular.menu.mailsetmenu .active.item {
	border-radius: 0!important;
}

.ui.segment.mail-right {
	border-radius: 0;
	box-shadow: none;
}

.ui.compact.menu.compact_user {
	border: none;
	box-shadow: none;
	float: right;
	height: auto;
	background: none;
}

.ui.button.userset {
	background: none;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	padding-right: 0;
}

.ui.button.userset:hover {
	color: rgba(0, 0, 0, 0.6);
}

.ui.compact.menu.compact_user .dropdown.item {
	padding: 0.2em;
}

.ui.menu.move .item {
	padding: 0.5em;
}

.ui.menu.move {
	min-height: 1.5em;
	float: left;
	margin: 8px 5px;
	box-shadow: none!important;
}

.ui.grid>.column.mail-content:not(.row) {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 150px;
}

.ui.grid>[class*="twelve wide"].column.mail-content {
	width: auto!important;
}

.ui.breadcrumb.breadcrumb-head {
	border-bottom: 1px solid #ccc;
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: normal!important;
	padding: 0 10px;
	background: #f5f5f6;
}
.ui.breadcrumb.breadcrumb-head .active.section{
	font-weight: normal;
}
.ui.segment.mail-right {
	border: 1px solid #ccc;
	margin: 0 !important;
	border-top-right-radius:4px ;
}
.epistolizemailframe .edui-editor.edui-default{
	background: #F9FAFB;
	border: none!important;
	padding: 0 10px 10px 10px;
}
.epistolizemailframe .edui-editor.edui-default .edui-editor-toolbarbox.edui-default{
	border-left: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
}
.epistolizemailframe .edui-editor.edui-default .edui-editor-iframeholder.edui-default{
	border: 1px solid #d9dadb;
	margin-bottom: 10px;
}
.ui.table.mail-table {
	position: relative;
	height: 560px;
	overflow: hidden;
}

.ui.modal>.header.header_user:not(.ui) {
	font-size: 12px;
	color: #333;
	padding:10px;
	font-weight: normal;
}

.ui.celled.table.mail-table tr th {
	border: none;
}

.ui.celled.table.mail-table tr td {
	border: none;
	position: relative;
	top: 0;
}

.ui.input.port {
	width: 80px;
	height: 32px;
	position: absolute;
	top:0;
}

.ui.table.mail-table tfoot {
	position: absolute;
	right: 0;
	bottom: 0;
}

.ui.modal.mailmodal {
	display: block;
	width: 580px;
	margin-left: -240px;
	margin-top: -150px;
	height: auto;
}

.ui.celled.table.mail-table tr td.mail-title {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.ui.celled.table.mail-table tr td.mail-title input[type=checkbox] {
	margin-top: 5px;
	margin-left: 3px;
}

.definition {
	width: 110px;
	height: 32px;
	line-height: 32px;
	text-align: left;
}
#accountdetaildiv .ui.input input[type="text"],#accountdetaildiv .ui.input input[type="email"],#accountdetaildiv .ui.input input[type="password"]
,select.ui.dropdown.mailmold,#accountdetaildiv .ui.left.input.mail-user>.ui.checkbox,#accountdetaildiv .ui.left.input.mail-user>.ui.input
{
	position: absolute;
	left: 110px;
	top:0;
	width: 430px;
}
#accountdetaildiv .ui.left.input.mail-user>.ui.input input{
	left: 0;
}
#accountdetaildiv .ui.left.input.mail-user .ui.input.port{
	position:absolute!important;
	width: 60px!important;
}

#accountdetaildiv .ui.left.input.mail-user>.ui.checkbox{
	height: 32px;
	line-height: 32px;
}
#accountdetaildiv .ui.left.input.mail-user>.ui.checkbox input{
	top:8px;
}
#accountdetaildiv .ui.left.input.mail-user>.ui.checkbox label:before{
	top:8px !important;
}
#accountdetaildiv .ui.left.input.mail-user>.ui.checkbox.port{
	left: 200px;
}
.ui.input.mail-user {
	height: 30px;
	display: block;
	position: relative;
	margin:10px;
}
.ui.input.mail-user .ui.input.port input{

}
.ui.input.mail-user.mailset {
	display: block;
	position: relative;
	margin-bottom: 1em;
	height: 30px;
}

.ui.input.mail-user.mailset.del label{
	height: 32px;
	line-height: 32px;
}
.ui.input.mail-user.mailset.del label:before{
	margin: 0!important;
}
.ui.input.mail-user.mailset.del .ui.checkbox.mailset>input{
	margin: 0!important;
}
.ui.input.mail-user.mailset.del .ui.checkbox.mailset label input{
	position: relative!important;
	top:0!important;
	left: 0!important;
	width: 60px!important;
	margin-right:10px;
}
.ui.input.mail-user.mailset .ui.checkbox{
	position: relative;
}
.ui.input.mail-user.mailset .ui.checkbox.mailset{
	top:40px!important;
}
.ui.modal.mailmodal>.close {
	position: absolute;
	right: 0;
	color: #666666;
	top: 0.3em;
}

.ui.modal.mailmodal>.content>.description {
	/*flex:none;*/
	overflow: scroll;
	height: 300px;
	background: white;
	border: 1px solid #ccc;
	overflow-x: hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


.ui.modal.mailmodal>.image.content {
	position: relative;
	padding: 10px;
}

.ui.modal.mailmodal>.content {
	padding: 0;
		/*padding-left: 10px;*/
	background: #f5f5f6;
}

.mailmodal .ui.header {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	background: #f5f5f6;
	padding: 10px;
}

.ui.basic.button.mailmodaluser {
	float: right;
}

.email-tbody {
	position: absolute;
	overflow: hidden;
	right: 0;
	left: 0;
}

.email-tbody tr {
	position: relative;
	right: 0;
	left: 0;
}

.email-tbody tr:hover {
	background: #F9FAFB;
	width: 100%;
}

.ui.celled.table.mail-table.email-email-tbody tr {
	width: 100%;
}

.ui.grid>.column.mail-content:not(.row) {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right:10px;
	padding-left: 10px;
}

.next a {
	cursor: pointer;
	color:#333;
}

.ui.table th.ten.wide.checkbox1 {
	width: 40px;
	padding-right: 10px!important;
	/*padding-bottom: 2px!important;*/
	text-align:left;
}

.ui.table th.six.wide.mail-attachment {
	width: 70px;
}

.ui.table th.ten.wide.sender {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100px;
}

.ui.table th.six.wide.time {
	width: 110px;
}

.ui.table th.six.wide.theme {
	width: auto;
	overflow: hidden;
}
.ui.table th.ten.wide.checkbox1 input[type=checkbox] {
	margin-top: 5px;
	margin-left: 5px;
}
.ui.breadcrumb.breadcrumb-head.breadcrumb-head2{
	height: auto !important;
	line-height: normal;
}
.ui.breadcrumb.breadcrumb-head.breadcrumb-head2
.ui.table thead th.wide {
	padding: 0 0 0 8px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
}

.mail-table {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 121px;
	overflow: hidden;
	overflow-y: auto;
}

.mailframe {
	margin-top: 0em;
	position: relative;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 0px;
	overflow: auto;
	/*overflow-x: hidden;*/
}

.mailfram {
	margin-top: 1em;
	position: absolute;
	bottom: 20px;
	right: 15px;
	left: 15px;
	top: 80px;
}
.ui.table.table_1.table_head{
	position: absolute;
	box-sizing: border-box;
    top: 80px;
	left: 0;
	height: 40px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.ui.table.table_1 {
	table-layout: fixed;
	border: 0;
	border-radius:0!important;
	margin: 0;
}
.ui.table.table_1 thead th{
	padding: 5px !important;
}
.ui.table.table_1 thead tr th{
	font-weight: normal;
}
.ui.table.table_1 thead tr th.sender{
	width: 220px!important;
}
.ui.table.table_1 tr {
	cursor: pointer;

}


.ui.table.table_1 tr.unreadmail {
	/*font-weight: bold;*/
}

.ui.table.table_1 tbody tr:hover {
	background: #F9FAFB;
}

.ui.table.mailsettable {
	table-layout: fixed;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-radius: 0;
}
.ui.table.mailsettable tr th{
	font-weight: normal;
}
.ui.table.mailsettable tr {
	cursor: pointer;
}

.ui.table.mailsettable tbody tr:hover {
	background: #F9FAFB;
}

.mail-footer {
	background: #DFE1E3;
	height: 30px;
	width: auto;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	line-height: 30px;
	text-align: right;
}

.mail-top {
	background: #FFF;
	height: 40px;
	width: auto;
	position: absolute;
	top:40px;
	left: 0px;
	right: 0px;
	line-height: 40px;
	text-align: right;
	padding:8px 10px;
	border-radius:0 !important ;
}

.mail-top .mailtop {
	height: 40px;
	width: auto;
}

.mail-footer .mailfooter {
	height: 30px;
	width: auto;
}

.mail-top .mailtop .input input {
	width: 40px;
	height: 20px;
	padding: 4px;
	line-height: 20px;
}

.mail-top .mailtop .ui.action.input {
	margin: 0 0 0 5px;
}
.mail-top .mailtop .ui.action.input input{
	padding-left: 10px;
	border-right: 1px solid rgba(34,36,38,.15)!important;
}
.mail-top .mailtop .ui.action.input input:focus{
	border-right: 1px solid rgba(34,36,38,.3)!important;
}

.mail-top .mailtop .input button {
	height: 20px;
	padding: 0;
}

.mail-top .mailtop .ui.action.input>.button {
	padding: 0 0 0 8px;
	font-weight: normal;
	font-size: 12px;
	background: none!important;
	line-height: 20px;
}
.mail-top .mailtop .ui.action.input>.button:hover{
	padding: 0 0 0 8px;
	background: none!important;
}
.mail-top-background {
	background: #DFE1E3;
}

.mail-footer .mailfooter .input input {
	width: 40px;
	height: 20px;
	padding: 4px
}

.mail-footer .mailfooter .ui.action.input {
	margin: 0;
}

.mail-footer .mailfooter .input button {
	height: 20px;
	padding: 0;
}

.mail-footer .mailfooter .ui.action.input>.button {
	padding: 0 0.8em;
}

.ui.table.table_1 tr td {
	border-top: 0;
	/*padding:5px;*/
}
.ui.table.table_1 tr td.mail-attachment{
	position: relative;
}
.ui.table.table_1 tr td.mail-attachment .attachmenticon{
	display: block;
	position: absolute;
	right :20px;
	top:12px;
}
.ui.table td.six.wide, .ui.table th.six.wide.mail-attachment{
	position: relative;
}
.ui.table td.six.wide, .ui.table th.six.wide.mail-attachment .attachmenticon{
	display: block;
	position: absolute;
	right :20px;
	top:11px;
}
.ui.table.mailsettable tr td {
	border-top: 0;
	padding: 0.2em 0.7em;
}

.ui.table td.checkbox1 input[type=checkbox] {
	margin-top: 5px;
	margin-left: 0px;
}

.ui.table td.checkbox1 {
	text-align:left;
	width: 40px;
	border-bottom: 1px solid rgba(34, 36, 38, .1);
}

.ui.table td.mail-attachment {
	width: 70px;
	border-bottom: 1px solid rgba(34, 36, 38, .1);
}

.ui.table td.mail-attachment i {
	color: #FF9900;
}

.ui.table tr:active .mail-attachment i {
	color: #333;
}
#mailgriddiv .mail-top{
	padding:0 10px!important;
}
.ui.table td.sender {
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid rgba(34, 36, 38, .1);
}

.ui.table td.theme {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid rgba(34, 36, 38, .1);
}

.ui.table td.time {
	width: 110px;
	border-bottom: 1px solid rgba(34, 36, 38, .1);
}

.ui.table td.time i {
	cursor: pointer;
	margin-left: 5px;
}

.ui.celled.table .email-tbody .sender_y {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui.celled.table .email-tbody .sender_w .cont {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	width: auto;
	display: block;
	width: 650px;
	height: 39px;
	line-height: 3;
}

.ui.celled.table .email-tbody .sender_w {
	margin: 0;
	padding: 0;
}

.ui.celled.table.mail-table tr td.sender input[type=checkbox] {
	margin-top: 5px;
	margin-left: 3px;
}

.email-tbody .sender_z {
	width: 173px;
}


/*��һ����ʽ*/

.ui.menu.r-menu {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}

.ui.vertical.menu.r-menu {
	box-shadow: none;
}

.ui.black.button.cancel {
	background: #EAEEF2;
	color: #34495E;
	font-weight: normal;
	border: 1px solid #B9C8D4;
}

.ui[class*="right labeled"].icon.button.keep {
	padding: 0 16px!important;
}

.ui.positive.button.keep {
	background: #0099CC!important;
	font-weight: normal;
	border: 1px solid #0099CC;
}

select.ui.dropdown.mailmold {
	width: 180px;
	border-radius: .28571429rem;
	height: 32px;
}

.ui.icon.button.backmail {

	font-weight: normal;
	float: right;
}

.ui.labeled.icon.button.backmail {
	padding:0 10px 0 0!important;
	color: #0099FF;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}

.ui.labeled.icon.button.backmail>.icon {
	width: 1.87142857em;
	background-color: #FFFFFF;
}

.ui.active.button.backmail {
	background: none;
}

.ui.compact.menu.compact_newuser {
	float: right;
	background: none;
	border: none;
	box-shadow: none;
}

.ui.compact.menu.compact_newuser .dropdown.item {
	width: auto;
	color: #0099FF;
	padding: 0 0 0 10px;
	line-height: 40px;
}

.ui.compact.menu.compact_newuser .dropdown.item:hover {
	background: none;
}

.mail-table.mailset {
	margin-top: 1em;
	position: absolute;
	bottom: 20px;
	right: 0px;
	left: 0px;
	top: 25px;
	overflow: auto;
	overflow-x: hidden;
}

.ui.table th.ten.wide.checkbox1.displayname {
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui.table th.six.wide.mailname {
	white-space: nowrap;
	width: 120px;
}

.ui.table th.six.wide.theme.sendmailserver {
	white-space: nowrap;
	width: 100px!important;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui.table th.six.wide.time.state {
	min-width: 100px;
}
.ui.table th.six.wide.time.state,
.ui.table.mailsettable tr td.time,
.ui.table.mailsettable tr td:nth-child(6){
	text-align: center;
}
.ui.table.mailsettable tr td span.delete,
.ui.table.mailsettable tr td span.revise{
	color: #0099FF;
}
.ui.table th.six.wide.time.state:last-child{
	text-align:left;
}

.ui.compact.menu.compactuser.operation {
	float: left;
	min-height: 1.2em;
	border: none;
	box-shadow: none;
	background: none;
}

.ui.compact.menu.compactuser .dropdown.item.operate:hover {
	background: none;
}

.ui.compact.menu.compactuser .dropdown.item.operate {
	padding: 0.2em;
}

.ui.icon.button.back-1 {
	padding: 0.5em 1.5em;
	font-weight: normal;
	font-size: 12px;
}

.ui.labeled.icon.button.back-1 {
	padding-left: 1.87142857em!important;
	padding-right: 0.8em!important;
}

.ui.labeled.icon.button.back-1>.icon {
	width: 1.87142857em;
	background-color: #FFFFFF;
}

.ui.active.button.back-1 {
	background: #fff;
}

.ui.icon.button.delivery {
	padding: 0.5em 1.5em;
	font-weight: normal;
	padding-left: 0.87142857em!important;
	padding-right: 0.8em!important;
	font-size: 12px !important;
}
.ui.modal .ui.header{
	font-size: 12px!important;
	font-weight: normal !important;
	margin-top:20px!important;
	margin-bottom: 8px;
}
.ui.modal .ui.header:first-child{
	margin-top: 0!important;
}
.ui.modal .ui.header.serverset{
	margin-top: 50px!important;
}
.ui.modal.mailmodal .description .ui.header:first-child{
	border-top: none;
}
.ui.modal.mailmodal .description .ui.header{
	padding: 0 10px!important;
	height: 30px;
	line-height: 30px;
	border-top:1px solid #ccc ;
	color:#0099FF;
}
.ui.modal .ui.checkbox label,.ui.modal .actions .button{
	font-size: 12px !important;
}
.ui.modal.gridproperty  .ui.checkbox label{
	cursor: move;
}
.ui.modal.gridproperty .maximizebtn{
	cursor: pointer;
	height: 32px;
    padding: 0 8px;
    line-height: 32px;
    background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    position: absolute;
    left: 8px;
    bottom: 14px;
	margin-bottom: 0;
	border-radius: 4px;
}
.ui.modal.gridproperty  .ui.checkbox label{
	cursor: move;
}
.ui.modal .actions .button{
	height: 32px;
	padding:0 16px;
	line-height: 32px;
}
.ui.labeled.icon.button.delivery {
	padding-left: 0.87142857em!important;
	padding-right: 0.8em!important;
}

.ui.active.button.delivery {
	background: #fff;
}

.ui.icon.button.reply {
	padding: 0.5em 1.5em;
	font-weight: normal;
	font-size: 12px;
}

.ui.labeled.icon.button.reply {
	padding-left: 0.87142857em!important;
	padding-right: 0.8em!important;
}

.ui.labeled.icon.button.reply>.icon {
	width: 1.87142857em;
	background-color: #FFFFFF;
}

.ui.active.button.reply {
	background: #fff;
}

.nextdetail {
	margin-right: 0.5em;
}



.ui.table.title-top {
	border: none;
	background: none;
	margin: 0;
}
.ui.table th.ten.wide.title-sub {
	width: 100%;
	border-bottom: none;
}

.ui.table th.ten.wide.title-sub i.icon {
	cursor: pointer;
}

.ui.breadcrumb.breadcrumb-head.breadcrumb-head2 {
	background: #F9FAFB;
	margin: 0;

}

.ui.table td.sender-t {
	width: 70px;
	padding-right: 0;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border: none;
	padding-left: 8px;
}

.ui.search.consignees .prompt {
	border-radius: 0;
}

.consignees .ui.icon.input input {
	padding: 0;
}

.ui.input.consigneeinput {
	width: 100%;
}

.ui.table td#sender-t {
	width: 70px;
	padding-right: 0;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border: none;
}

.ui.table td.sendersize {
	width: 70px;
	padding-right: 0;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border: none;
}

.ui.modal.moduleEditor{
	width:1000px!important;
	margin-left:-500px!important;
}
.ui.modal.moduleEditor .moduleEditorContent{
	height:500px;
	overflow:hidden;
	overflow-y: auto;
	position: relative;
}
.ui.modal.moduleEditor .moduleEditorContent .mainRight{
	margin:0;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.ui.modal.moduleEditor .moduleEditorContent .mainRight .editloading{
	left: 0;
	right: 0;
    bottom: 0;
    top: 0;
}

.ui.modal.moduleEditor .gpcontent .header{
	padding:0 0 0 24px!important;
	height: 30px!important;
	font-size: 12px!important;
    font-weight: normal!important;
	line-height: 30px!important;
	border-radius: 4px;
}
.moduleEditor .documentbox .rightcontents,
.moduleEditor .documentbox .documentLoading{
	top:41px;
}

.ui.modal.editModal{
	background: #fff;
	z-index: 84000;
}
.ui.modal.editModal .header{
	cursor: move;
	-moz-user-select:none; /*火狐*/
	-webkit-user-select:none; /*webkit浏览器*/
	-ms-user-select:none; /*IE10*/
	-khtml-user-select:none; /*早期浏览器*/
	user-select:none;

}
.ui.modal.modalMove{
	position: fixed!important;
	display:block!important;
	margin:0!important;
}

.ui.modal.editModal .content{
	height:auto;
}
.ui.modal.editModal .ui.menu.editMenu{
	border: 1px solid #ccc !important;
	background: #fff!important;
	margin: 0 0 10px 0!important;
	position: relative;
}
.ui.modal.editModal .ui.menu.editMenu.disabled{
	opacity: .7;
}
.icon-zip {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -95px;
	background-position-y: -44px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-txt {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -52px;
	background-position-y: -5px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-doc {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -72px;
	background-position-y: -5px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-ppt {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -100px;
	background-position-y: -74px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-pdf {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -93px;
	background-position-y: -24px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-jpg {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -72px;
	background-position-y: -43px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-mp3 {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -121px;
	background-position-y: -72px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.icon-xls {
	width: 16px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -72px;
	background-position-y: -24px;
	display: inline-block;
	position: relative;
	top: 0.2em;
	margin: 0 0.2em;
}

.ui.table td.senderattachment {
	width: 70px;
	padding-right: 0;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border: none;
}

.ui.table td.senderadd {
	position: relative;
	padding: 5px 0;
}
.ui.table td.senderadd#attsdiv{
	border: none!important;
}
.ui.divided.items.receives {
	max-height: 400px;
	overflow-y: auto;
	border: 1px solid #c7c7cc;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	z-index: 20;
	background: white;
	z-index: 1000;
}

.ui.divided.items.receives .item {
	padding: 10px 14px 10px 14px!important;
	overflow: hidden;
	text-overflow: ellipsis;
	box-shadow: none !important;
	cursor: pointer;
}

.ui.table td.senderadd.recipients {
	position: relative;
	background: #F9FAFB;
	padding:5px 0;

}
.ui.table:not(.unstackable) tr{
	box-shadow: none!important;
}
.ui.table td.recipients {
	padding: 0.7em 0;
}
.ui.table td.sendericon {
	width: 80px;
    border: none;
    padding: 0;
    font-size: 14px;
    text-align: right;
}
.ui.table td.sendericon i.icon {
	margin: 0;
	cursor: pointer;
}
.ui.menu .item.add {
	padding: 0;
	color: #3399CC;
}

.ui.menu .item.add:hover {
	color: #3399CC;
}

.ui.menu.address {
	min-height: 0;
	border: none;
	box-shadow: none;
	background: none;
}

.mailaddress {
	cursor: pointer;
}

.mailtopmaildetails {
	background: #F9FAFB;
	height: auto;
	width: auto;
	position: relative;
	left: 0px;
	right: 0px;
	padding: 10px 10px 0 10px;
	line-height: 40px;
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
}
.mailtopmaildetails .mailtop{
	padding-bottom: 10px;
}
.ui.segment.mail-right.maildetail>.mailtopmaildetails {
	overflow: visible;
}

.settingtable {
	height: 40px;
}

#nextmailbtn {
	margin-right: 0.5em;
}

.ui.blue.image.label.mailaddress {
	display: inline-block;
    box-sizing: inherit;
    overflow: hidden;
    position: relative;
    width: auto!important;
    text-overflow: ellipsis;
    max-width: 240px;
	height: 18px;
	padding: 0 8px;
	line-height: 18px;
	margin: 5px 4px 0 0;
	font-weight: normal;
}

.ui.image.label.mailaddress span{
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto;
	max-width: 100px;
}
.ui.image.label.mailaddress img {
	vertical-align: middle;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
}
.mailtopmaildetails .ui.blue.image.label.mailaddress{
	max-width: 600px;
}
.mailtopmaildetails .ui.blue.image.label.mailaddress span{
	max-width: 580px;
}


.ui.image.label.mailaddress .detail {
	width: auto;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis ;
	padding: 0 5px;
	margin: 0;
	line-height: 18px;
}
.mailtopmaildetails .ui.image.label.mailaddress .detail{
	max-width: 400px;
}
.ui.button.senderattachment {
	padding: 0;
	background: none;
	color: #3399CC;
	max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui.button.addresser {
	padding: 0;
	background: none;
	color: #3399CC;
}

.hidden.transition.senderattachment {
	display: block;
	visibility: inherit;
}

.ui[class*="four column"].grid.senderattachment>.column:not(.row) {
	cursor: pointer;
}

.ui.menu .ui.popup.senderaddress {
	display: block;
}

.hidden.transition.senderaddress {
	visibility: visible;
}

.ui[class*="four column"].grid.senderaddress>.column:not(.row) {
	width: auto;
}

.ui.popup.senderaddress {
	position: absolute;
	left: 60px;
	top: 100px;
	max-width: 200px;
	padding: 1em 1em;
}

.ui.grid.senderaddress .column {
	padding: 0.3em 1em;
	cursor: pointer;
}

.ui.bottom.popup.senderaddress {
	margin: 0;
}

.ui.table td.addrtitle {
	border: none;
	width: 100%;
	margin: 0;
}

.title-top .sendersize {
	padding-left:8px;
}

.title-top .addrtitle {
	padding-left:8px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.title-top .addsize {
	padding-left:10px;
}

.title-top .addrtitle span {
	padding: 0 0.3em;
}

.title-top .addrtitle a {
	cursor: pointer;
}

.mail-attachment .mailicon {
	width: 20px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -25px;
	background-position-y: -2px;
	display: inline-block;
}

.mail-attachment .attachmenticon {
	width: 12px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	display: inline-block;
	background-position-y: -41px;
	background-position-x: -8px;
}

.mail-attachment .attachmenticon {
	width: 12px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	display: inline-block;
	background-position-y: -41px;
	background-position-x: -8px;
	position: relative;
	/*right:10px;*/
	/*top:1px;*/
}
.mail-attachment .unreadmailicon {
	width: 20px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -2px;
	background-position-y: -2px;
	display: inline-block;
	margin-right: 0;
	margin-top: 4px;
}
.mail-attachment .readmailicon {
	width: 20px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -2px;
	background-position-y: -100px;
	display: inline-block;
	margin: 4px 0 0 0;
}

.mail-attachment .revertmailicon {
	width: 20px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -25px;
	background-position-y: -100px;
	display: inline-block;
	margin-right: 0.3em;
}

.mail-attachment .transmitmailicon {
	width: 20px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -48px;
	background-position-y: -100px;
	display: inline-block;
	margin-right: 0.3em;
}

.startitle .staricon {
	width: 18px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -25px;
	background-position-y: -23px;
	position: absolute;
	right: 10px;
}

.startitle .staricons {
	width: 18px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -4px;
	background-position-y: -23px;
	position: absolute;
	right: 9px;
}

.startitle {
	width: 20px;
	border-bottom: 1px solid rgba(34, 36, 38, .1);
}

.startitle .star {
	width: 18px;
	height: 16px;
	display: inline-block;
	padding-top: 3px;
}

.title-sub .staricon {
	width: 18px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -25px;
	background-position-y: -23px;
	position: absolute;
}

.title-sub .staricons {
	width: 18px;
	height: 16px;
	background: url(../images/icons.png) no-repeat;
	background-position-x: -3px;
	background-position-y: -23px;
	position: absolute;
}

.title-sub .star {
	width: 18px;
	height: 16px;
	display: inline-block;
	padding-top: 3px;
	cursor: pointer;
}



.Edit.reminder{
	padding-top: 10px;
}
.Edit.reminder .editBody{
	padding:0;
}
.Edit.reminder .myJqGrid{
	border: none;
}

.Edit.reminder>.mainEdit {
    border-top: 1px solid #ccc!important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    padding-top: 0;
}
.Edit.reminder>.mainEdit .editMenu {
    border-radius: 0px;
    margin: 0;
    background: #f5f5f6!important;
    border-bottom: 1px solid #ccc!important;
    margin-bottom: 10px;
}
.Edit.reminder>.mainEdit .editMenu .ui.input.item{
	position: absolute;
    top: 0;
    right: 0px;
    padding: 8px !important;
}
.Edit.reminder>.mainEdit .editMenu .ui.input.item input{
	width:100%;
	max-width:300px;
}
.workflowboardgrid{
	width:100%;
	height:100%;
}
.workflowboard .ui.menu.editMenu{
	position: relative; 
}

.workflowboard .gridSumMenu{
	display:none;
}
.workflowboard.followcenter .gridSumMenu{
	display:block;
	left:0;
}
.workflowboard.followcenter .gridSumMenu .ui-pg-button.disabled{
	opacity: .35;
}
.workflowboard .history .gridSumMenu{
	display:block;
}
.workflowboard .history .workflowboardgrid{
	height:calc(100% - 40px);
}
.workflowboard .modulelist{
	position: absolute;
	left:280px;
	top:0;
	bottom:0;
	right:220px;
	display:block;
	overflow:hidden;
	/* border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; */
}
.workflowboard.followcenter .modulelist{
	left:80px;
	right:380px;
}
.workflowboard.followcenter .modulelist.statelist{
	left:auto;
	width:370px;
	right:0px;
}
.workflowboard .modulelist.reminder{
	left:220px;
}
.lang-en .workflowboard .modulelist.reminder{
	left:300px!important;
}
.workflowboard .modulelist .modulelistbutton{
	/* display:none; */
	width:40px;
	height:39px;
	position: absolute;
	right:0;
	top:0;
	background: #f5f5f6!important;
	cursor: pointer;
}
.workflowboard .modulelist .modulelistbutton.disabled{
	pointer-events: none;
}
.workflowboard .modulelist .modulelistbutton.left{
	right:40px;
}
.workflowboard .modulelist .modulelistbutton.disabled{
	background: #f5f5f6!important;
}
.workflowboard .modulelist .modulelistbutton i{
	margin: 0;
	width:20px;
	height:18px;
	line-height:20px;
	color:black;
	opacity: .9;
	position: absolute;
	top:10px;
	left:11px;
}
.workflowboard .modulelist .modulelistbutton.disabled i{
	opacity: .4;
}

.workflowboard .modulesbox{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:80px;
	overflow:hidden;
}
.workflowboard .modulesbox .modulesitem{
	display:block;
	height:29px;
	margin: 5px 2px;
	border:1px solid #ccc;
	color:#666;
	font-size:12px;
	line-height:29px;
	border-radius: 8px;
	padding:0 8px;
	float:left;
	cursor: pointer;
}
.workflowboard .modulesbox .modulesitem.active{
	border:1px solid #4385f5;
	color:#4385f5;
	background:none;
}
.workflowgrid .myJqGrid{
	margin:0;
}
.Edit.reminder .myJqGrid {
	margin: 0
}

.ui.small.modal.Mark.flowdialogue{
	width: 600px !important;
	margin-left: -300px!important;
	border: 1px solid #ccc;
	height: 500px;
}
.ui.small.modal.Mark.flowplan{
	width: 1000px !important;
	margin-left: -500px!important;
	border: 1px solid #ccc;
	height: 800px;
}
body .dimmer.modals .modal.scrolling.ui.cfgInterfaceModal{
	margin: 0!important;
}
.ui.small.modal.cfgInterfaceModal{
	width: 100% !important;
	margin: 0!important;
	height:100%;
	top:0!important;
	left:0!important;
	border: 1px solid #ccc;
}
body .dimmer.modals .modal.scrolling.ui.Mark.flowplan{
	margin-left: -500px!important;
}
.flowdialogue .flowdialoguecontent{
	position: absolute;
	top:40px;
	left:0;
	bottom:60px;
	right:200px;
	padding:10px;
	padding-top:0;
}
.flowdialogue .flowdialoguecontent .flowdialogueiframe{
	border:1px solid #ccc;
	position: absolute;
	top:30px;
	left:10px;
	bottom:70px;
	right:10px;
	height:calc(100% - 20px);
	width:calc(100% - 10px);
}
.flowdialogue .flowdialogueedit{
	position: absolute;
	top:40px;
	right:0;
	bottom:60px;
	width:200px;
	padding:10px;
	padding-top:0;
}
.flowdialogue .flowdialogueedit .ui.input,
.flowdialogue .flowdialogueedit .ui.dropdown{
	width:100%;
	height:32px;
}
.flowdialogue .flowdialogueedit .ui.dropdown,
.flowdialogue .flowdialogueedit .ui.dropdown input{
	padding:5px 10px;
	line-height:22px;
	height:32px;
	min-height:32px;
}
.flowdialogue .flowdialogueedit .ui.dropdown .dropdown.icon{
	margin-top:-5px;
}
.flowdialogue .actions{
	position: absolute;
	bottom:0px;
	left:0;
	right:0;
}
.flowdialogue .flowdialogueedit .ui.input.disable,
.flowdialogue .flowdialogueedit textarea.disable,
.flowdialogue .flowdialogueedit .ui.dropdown.disable{
	opacity: .7;
}

.disabled{
	pointer-events: none!important;
}
.flowdialogue .flowdialogueedit textarea{
	height: 232px!important;
	max-height: 610px!important;
	resize:none;
}
.flowdialogue .disabled{
	opacity: .7;
}
.flowdialogue .flowdialoguecontent .caption,.flowdialogue .flowdialogueedit .caption{
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#666;
}
.flowdialogue .caption.custom,.flowdialogue .ui.dropdown.custom{
	display:none
}
.flowdialogue.custom .caption.custom,.flowdialogue.custom .ui.dropdown.custom{
	display:block;
}
.flowdialogue.custom .flowdialogueedit textarea{
	height: 172px!important;
}
.flowdialogue .ui.dropdown .text{
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	max-width:130px;
}

/* cfgInterfaceModal */
.cfgInterfaceModal .cfgInterfaceContent{
	height:100%;
	/* padding:10px; */
}
.cfgInterfaceModal .actions .ui.button.left{
	float: left;
	margin-top:10px;
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
}
.interfacePreview.previewContent{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 900000;
}
.previewContent.interfacePreview .content{
	width:1000px;
	background:#fff;
	height:auto;
	min-height:100px;
	position: absolute;
	top:30px;
	left:50%;
	margin-left:-500px;
	max-height:90%;
	overflow:hidden;
	overflow-y: auto;
}
.previewContent.interfacePreview .close{
	position: absolute;
	font-size:17.5px;
	width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0;
	left: 50%!important;
	margin-left:500px;
	z-index: 1;
	top:20px;
	color: #da251d!important;
	cursor: pointer;
}
.interfaceMain,
.templateMain{
	height:100%;
	width: 100%;
	overflow:hidden;
	position: relative;
	/* border: 1px solid #ccc; */
	/* border-radius: 4px; */
	background: #f5f5f6;
}
.interfaceMain.hideLeft .leftContent,
.interfaceMain.hideRight .rightContent{
	border:none;
	width:0
}
.interfaceMain.hideLeft .leftContent .general,
.interfaceMain.hideLeft .leftContent .toolList{
	display: none;
}
.interfaceMain.hideLeft .mainContent,
.templateMain .mainContent{
	left:0
}
.interfaceMain.hideRight .rightContent .righthead,
.interfaceMain.hideRight .rightContent .propertyContent{
	display: none;
}
.interfaceMain.hideRight .mainContent,
.templateMain .mainContent{
	right:0
}
.interfaceMain .mainContent .ruler_row,
.interfaceMain .mainContent .ruler_col,
.templateMain .mainContent .ruler_row,
.templateMain .mainContent .ruler_col{
	position: absolute;
	left:0;
	top:0
}
.interfaceMain .leftContent{
	position: absolute;
	left:0;
	width:220px;
	top:0px;
	bottom:0;
	border-right:1px solid #ccc;
	background: #fff;
	z-index: 2;
}
.interfaceMain .rightContent{
	position: absolute;
	right:0;
	width:280px;
	top:0;
	bottom:0;
	border-left:1px solid #ccc;
	background: #fff;
	z-index: 2;
}
.interfaceMain .leftContent .leftTurn{
	height:40px;
	width:20px;
	position: absolute;
	left:100%;
	top:50%;
	margin-top:-20px;
	border: 1px solid #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background:#e5e5e5;
	cursor: pointer;
	line-height:40px;
	text-align: center;
	opacity: .6;
}
.interfaceMain .leftContent .leftTurn .icon{
	margin:0;
	color:#333;
}
.interfaceMain .rightContent .rightTurn{
	height:40px;
	width:20px;
	position: absolute;
	right:100%;
	top:50%;
	margin-top:-20px;
	border: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background:#e5e5e5;
	cursor: pointer;
	line-height:40px;
	text-align: center;
	opacity: .6;
}
.interfaceMain .rightContent .rightTurn .icon{
	margin:0;
	color:#333;
}
.interfaceMain .leftContent .leftTurn:hover,
.interfaceMain .rightContent .rightTurn:hover{
	opacity: 1;
}
.interfaceMain .mainContent,
.templateMain .mainContent{
	position: absolute;
	left:220px;
	right:220px;
	top:0px;
	bottom:0px;
	/* border:1px solid #ccc;
	background: #fff; */
	overflow:hidden;
	padding:20px;
	z-index: 1;
}
.templateMain .mainContent{
	left:0;
	right:0;
}

.templateMain .mainContent:hover{
	overflow:auto;
}
.interfaceMain .mainContent:hover{
	overflow:auto;
}
.interfaceMain .mainContent .interFaceCanvas,
.templateView{
	position: relative;
	height:801px;
	width:1001px;
	background-color:#fff;
	border:1px solid #ccc;
	background-image: url(../images/interfaceBg.png);
	z-index: 1;
}
.templateDesignModal>.save.icon,
.templateDesignModal>.refresh.icon{
	top: 1px!important;
    right: 52px!important;
    color: #1dda7a!important;
	cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #fff;
    width: 2.25rem;
    height: 2.25rem;
    padding: .625rem 0 0;
}
.templateDesignModal>.save.icon{
	right: 26px!important;
	color: #1d8cda!important;
}
.templateView.isView{
	background-image: none;
}
.templateView .selected{
	z-index: 99999999;
}
.templateView .fielditem,
.templateView .tableitem,
.templateView .editoritem,
.templateView .buttonitem{
	position: absolute;
	background:none;
	border:none;
	height:40px;
	width:300px;
	cursor: move;
	font-size:12px;
	text-align: center;
	line-height: 40px;
	white-space: nowrap;
	padding-left:125px;
}
.isView .templateView .fielditem,
.isView .templateView .tableitem,
.isView .templateView .editoritem,
.isView .templateView .buttonitem{
	cursor: default;
}
.templateView .tableitem{
	height:300px;
	padding:0;
	border: 1px solid #ccc;
	background: #fff;
	overflow: visible;
}
.templateView .tableitem .ui.celled.table{
	border:none;
	border-radius: 0;
	border-right:1px solid transparent;
	cursor: move;
	border-left:none!important;
	border-bottom:none!important;
	border-top:none!important;
	background:none;
}
.isView .templateView .tableitem .ui.celled.table{
	cursor:default;
}
.templateView .tableitem .tablebody tbody tr.selected{
	background: #d0e5f5!important;
}
.templateView .tableitem .tablehead{
	border-left:none!important;
	border-right:none!important;
	border-top:none!important;
}
.templateView .tableitem .tablehead .ui.table,
.templateView .tableitem .tablefoot .ui.table{
	background:none;
	border:none!important;
}
.templateView .tableitem .tablefoot{
	border-left:none!important;
	border-right:none!important;
	border-top:bottom!important;
}
.templateView .tableitem .pageRow{
	height:50px;
	padding:5px 0;
	text-align: right;
}
.templateView .tableitem .pageRow .ui.pagination{
	min-height:10px;
}
.templateView .tableitem .pageRow .ui.pagination .item{
	width:40px;
	height:40px;
	padding:0;
	text-align: center;
	line-height:40px;
	color:#666;
	border-right:1px solid #ccc;
	/* align-items: baseline;
	justify-content: center; */
	display: inline-block;
	min-width: 10px;
    min-height: 10px;
}
.templateView .tableitem .pageRow .ui.pagination .item:last-child{
	border-right:none!important;
}
.templateView .tableitem .pageRow .ui.pagination .item input{
	border:none;
	outline: none;
	box-shadow: none;
	width:100%;
	height:100%;
	padding:0 8px;
}
.templateView .tableitem .tablebody .ui.celled.table{
	border-right:1px solid #ccc;
	border-left:none!important;
	border-top:none!important;
	background:none;
}
.templateView .tableitem .tablebody .ui.celled.table td{
	border-top:none!important;
	border-left:none!important;
	background:none;
	overflow: hidden;
}
.templateView .tableitem .tablebody .ui.celled.table tr>td:last-child{
	border-right:none!important;
}
.templateView .tableitem .tablebody{
	height:calc(100% - 120px);
	overflow:hidden;
	border-top:none!important;
	border-left:none!important;
	border-bottom:none!important;
}
.templateView .tableitem:hover .tablebody{
	overflow:auto;
}

.templateView .tableitem .tablebody::-webkit-scrollbar-track{
	background-color:#f5f5f6!important;
}

.templateView .tableitem .tablehead,
.templateView .tableitem .tablebody{
	border-bottom:1px solid #ccc;
}
.templateView .tableitem .tablehead,
.templateView .tableitem .tablefoot{
	overflow:hidden;
}
.templateView .tableitem thead th{
	height:40px;
	padding:0 8px;
	font-size:13px;
	color:#333;
	font-weight: bold;
	line-height:40px;
	border:none!important;
	font-family: "微软雅黑";
	background:none;
	overflow: hidden;
	text-overflow: ellipsis;
}
.templateView .tableitem tbody td,
.templateView .tableitem .tablefoot tbody{
	height:40px;
	line-height:40px;
	padding:0 8px;
	color:#666;
	font-weight: normal;
}
.templateView .tableitem .tablefoot tbody td{
	height:30px;
	line-height:30px;
	border:none!important;
}
.templateView .tableitem .tablebody tbody tr,
.templateView .tableitem .tablebody tbody td
{
	border-color: inherit;
    border-style: inherit;
    border-width: inherit;
    color:  inherit;
    font-size: inherit;
    font-weight:  inherit;
    line-height: inherit;
    text-align:  inherit;
}
.templateView .buttonitem .ui.button span{
	color:  inherit;
    font-size: inherit;
    font-weight:  inherit;
    line-height: inherit;
    text-align:  inherit;
}
.templateView .tableitem .tablebody thead,	
.templateView .tableitem .tablefoot thead{
	display:none;
}
.templateView .fielditem.selected,
.templateView .tableitem.selected{
	box-shadow: rgba(65,65,104,.2) 0px 0px 0px 5px;
}
.templateView .fielditem .ui.input,
.templateView .fielditem .ui.cxdropdown{
	width:100%;
	height:100%;
}
.templateView .fielditem .ui.cxdropdown .text{
	height:100%;
	line-height:inherit;
}
.templateView .fielditem .ui.cxdropdown .menu{
	position: absolute;
	border:1px solid #ccc;
}
.templateView .fielditem .ui.cxdropdown .icon.dropdown, 
.templateView .fielditem .ui.cxdropdown .icon.refresh{
	top:50%!important;
	margin-top:-7px;
}
.templateView .fielditem input{
	min-width:30px;
	cursor: move;
	padding:0 8px;
}
.templateView .fielditem input.disabled{
	opacity: 1;
}
.templateView .fielditem .caption{
	width:125px;
	height:40px;
	line-height:40px;
	position:absolute;
	left:0;
	top:0;
	overflow: hidden;
    text-overflow: ellipsis;
}
.templateView .fielditem .tool,
.templateView .tableitem .tool,
.templateView .editoritem .tool,
.templateView .buttonitem .tool{
	display:none;
}
.templateView .fielditem.selected .tool,
.templateView .editoritem.selected .tool,
.templateView .tableitem.selected .tool,
.templateView .buttonitem.selected .tool{
	display:block;
}
.templateView .fielditem .tool .titem,
.templateView .tableitem .tool .titem,
.templateView .editoritem .tool .titem,
.templateView .buttonitem .tool .titem{
	position: absolute;
	width:20px;
	height:20px;
	background:#fff;
	border-radius: 100%;
	color:#333;
	line-height:20px;
	text-align: center;
	border: 1px solid #333;
}
.templateView  .tool .titem[btn="remove"]{
	top:-20px;
	right:-20px;
	background-image:url(../../static/images/interfaceClose.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: pointer;
	font-size: 16px;
}
.templateView  .tool .titem[btn="turnTop"]{
	bottom:-20px;
	left:-20px;
	background-image:url(../../static/images/interfaceTurntop.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: pointer;
	font-size: 16px;
}
.templateView  .tool .titem[btn="resize"]{
	bottom:-20px;
	right:-20px;
	background-image:url(../../static/images/interfaceSize.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: nw-resize;
}
.templateView  .tool .titem[btn="center"]{
	bottom:-22px;
	left:50%;
	margin-left:-10px;
	background-image:url(../../static/images/interfaceCenter.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: pointer;
}

.templateView  .tool .titem[btn="rotate"]{
	bottom:-35px;
	right:-35px;
	background-image:url(../../static/images/interfaceRotate.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: ne-resize;
}
.templateView>.topline{
	position:absolute;
	left:-20px;
	border-top:1px #0099CC dashed;
	height:1px;
	right:-20px;
	top: 0px;
	display:none;
	z-index: 9999999999;
}
.templateView>.leftline{
	position:absolute;
	bottom:-20px;
	border-left:1px #0099CC dashed;
	width:1px;
	top:-20px;
	left: 0px;
	display:none;
	z-index: 9999999999;
}

.interfaceMain .mainContent .dragrow{
	height:auto;
	min-height:41px;
	border-bottom:1px solid #e5e5e5;
}
.interfaceMain .mainContent .dragrow[rowsize="2"]{
	height:80px
}
.interfaceMain .mainContent .dragrow[rowsize="3"]{
	height:120px
}
.interfaceMain .mainContent .dragrow[rowsize="4"]{
	height:160px
}
.interfaceMain .mainContent .dragrow[rowsize="5"]{
	height:200px
}
.interfaceMain .mainContent .dragrow[rowsize="6"]{
	height:240px
}
.interfaceMain .mainContent .dragrow[rowsize="7"]{
	height:280px
}


.interfaceMain .mainContent .dragrow .rowitem{
	display: inline-block;
	width:50%;
	height:100%;
	background:#fff;
	float:left;
	/* padding:0 10px; */
	position: relative;
	min-height:40px;
}
.interfaceMain .mainContent .dragrow .rowitem .listitem{
	height:40px;
	line-height:40px;

}
.interfaceMain .mainContent .dragrow.selected .rowitem{
	background:#f5f5f6;
}
.interfaceMain .mainContent .dragrow .rowitem.active,
.interfaceMain .mainContent .dragrow .rowitem.selected{
	background:#d0e5f5!important;
}
.interfaceMain .mainContent .dragrow .rowitem>.rowitem{
	background:none;
	width:100%;
	height:40px;
}
.interfaceMain .mainContent .dragrow .rowitem>.listitem:not(.move){
	position: absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index: 2;
}

.interfaceMain .righthead{
	height:30px;
	padding:0 10px;
	line-height:30px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background:#f5f5f6;
	color:#666;
	margin:0;
}
.interfaceMain .leftContent .general{
	height: 160px;
	width:100%;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
}
.interfaceMain .row{
	height:40px;
	position: relative;
	padding-left:90px;
}
.interfaceMain .row .caption{
	height:40px;
	padding-left:10px;
	line-height:40px;
	color:#333;
	position: absolute;
	left:0;
	top:0;
	height:40px;
	width:90px;
}
.interfaceMain .row .ui.input{
	height:40px;
	padding:5px 10px;
}
.interfaceMain .row .ui.button{
	height:30px;
	padding:5px 10px;
	margin:5px 10px;
	text-align: center;
}
.interfaceMain .row .ui.button .icon{
	margin:0;
}
.interfaceMain .row .ui.input input{
	padding:0 10px;
	height:30px;
	line-height:30px;
	min-height:30px;
	width:100%;
}
.interfaceMain .row .ui.checkbox{
	height:16px!important;
	width:16px!important;;
	top:12px;
	left:10px;
}
.interfaceMain .row .ui.checkbox label:before{
	top:0!important;
}
.interfaceMain .row .ui.dropdown{
	position: absolute;
	left:100px;
	right:10px;
	top:5px;
	height:30px;
	line-height:30px;
	min-height:30px;
	min-width:20px;
	padding:0 30px 0 0;
}
.interfaceMain .row .ui.dropdown input,
.interfaceMain .row .ui.dropdown .text{
	height:30px;
	line-height:30px;
	min-height:30px;
	width:100%;
	padding:0 10px;
}
.interfaceMain .row .ui.dropdown .text{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.interfaceMain .row .ui.dropdown .dropdown.icon{
	top: 8px;
    width: 12px;
    height: 12px;
    right: 8px;
    padding: 0;
    margin: 0;
}
.interfaceMain .row .ui.dropdown .menu{
	max-height:300px;
	overflow:hidden;
	overflow-y:auto;
}
.interfaceMain .row .ui.dropdown .menu .item{
	height:30px;
	padding:0 10px!important;
	line-height:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:12px;
	color:#666
}
.interfaceMain .moduleList{
	position: absolute;
	top:90px;
	left:0;
	width:100%;
	bottom:0;
	overflow:hidden;
	overflow-y:auto;
}
.interfaceMain .moduleList .group .grouphead{
	position: absolute;
	top:0;
	left:0;
	height:30px;
	line-height:30px;
	color:#666;
	padding:0 10px;
	width:100%;
	cursor: pointer;
}
.interfaceMain .toolitem{
	height:40px;
	width:100%;
}
.interfaceMain .listitem{
	height:40px;
	line-height:40px;
	padding:0 10px;
	color:#333;
	cursor: move;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
	user-select:none;
	position: relative;
	padding-left:50px;
}
.interfaceMain .listitem img{
	width:26px;
	height:26px;
	position: absolute;
	left:10px;
	top:7px;
}

.interfaceMain .listitem.move{
	position: fixed;
	z-index: 10;
	background:#FFF;
	border:1px solid #ccc;
	border-radius: 4px;
	width:200px;
}
.interfaceMain .editElem{
	position: absolute;
	background:#fff;
	border:1px solid #ccc;
	height:40px;
	width:200px;
	cursor: move;
	font-size:12px;
	text-align: center;
	line-height: 40px;
	white-space: nowrap;
}
.interfaceMain .editElem[type="triangle"],
.interfaceMain .editElem[type="ellipse"]{
	width:100px;
	height:100px;
	border:none!important;
	background:none!important;
}
.interfaceMain .editElem[type="triangle"] svg,
.interfaceMain .editElem[type="ellipse"] svg{
	overflow:visible;
}
.interfaceMain .editElem[type="input"]{
	background:#fff url(../images/inputbox.png) no-repeat no-repeat center center;
	background-size:auto 100%; 
}
.interfaceMain .editElem[type="dropdown"]{
	background:#fff url(../images/dropdownbox.png) no-repeat no-repeat center center;
	background-size:auto 100%; 
}
.interfaceMain .editElem[type="checkbox"]{
	background:#fff url(../images/checkbox.png) no-repeat no-repeat center center;
	background-size:auto 100%; 
}



.interfaceMain .editElem[type="report"]{
	width:999px;
	height:120px;
	border:none;
	/* border-top:1px solid #ccc;
	border-bottom:1px solid #ccc; */
}
.interfaceMain .editElem[type="image"]{
	width:100px;
	height:80px;
	
}
.interfaceMain .editElem[type="report"] .tool .titem[btn="remove"]{
	right:-10px
}
.interfaceMain .editElem[type="report"] .tool .titem[btn="turnTop"]{
	left:auto;
	right:-10px;
}
/*.interfaceMain .editElem[type="field"]{
 padding-left:100px; 
}
.interfaceMain .editElem[type="field"] .caption{
	width:100px;
	position: absolute;
	left:0;
	height:100%;
	top:0;
	line-height: inherit;
	text-align: left;
	padding-left:10px;
}*/
.interfaceMain .editElem[type="table"]{
	height:300px;
	width:400px;
	cursor: move;
	/* overflow:hidden; */
}
.interfaceMain .editElem[type="table"] .ui.table,
.interfaceMain .editElem[type="report"] .ui.table{
	background:none;
	border:none;
	height:auto;
	width:100%;
	color:inherit;
	overflow:hidden;
	margin:0;
	border-radius: 0;
}
.interfaceMain .editElem[type="report"] .ui.table{
	border:1px solid  rgba(204, 204,204);
}
.interfaceMain .editElem[type="table"] .ui.table th,
.interfaceMain .editElem[type="report"] .ui.table th{
	background:#f5f5f6;
	border-color:#ccc;
	font-weight: normal;
	color:inherit;
	padding:0 10px;
	line-height:40px;
	height:40px;
	min-height:1px;
	border-left: none!important;
	border-top: none!important;
	border-radius: 0;
}
.interfaceMain .editElem[type="table"] .ui.table tr th:last-child,
.interfaceMain .editElem[type="report"] .ui.table tr th:last-child{
	border-right: none!important;
}
.interfaceMain .editElem[type="table"] .ui.table td,
.interfaceMain .editElem[type="report"] .ui.table td{
	background:none;
	border-color:#ccc;
	color:inherit;
	padding:0 10px;
	line-height:40px;
	height:40px;
	min-height:1px;
	border-left: none!important;
    border-top: none!important;
}
.interfaceMain .editElem[type="table"] .ui.table tr td:last-child,
.interfaceMain .editElem[type="report"] .ui.table tr td:last-child{
	border-right: none!important;
}

.interfaceMain .editElem[type="table"] .ui.table tr:last-child td,
.interfaceMain .editElem[type="report"] .ui.table tr:last-child td{
	border-bottom:1px solid #ccc;
}
.interfaceMain .editElem[type="report"] .ui.table tr:last-child td{
	border-bottom:none!important;
}
.interfaceMain .editElem .reportTable{
	/* border:1px solid #ccc; */
	border:none!important;
	overflow:hidden;
}

.interfaceMain .editElem[type="report"] .ui.table th,
.interfaceMain .editElem[type="report"] .ui.table td{
	border-style: inherit;
	border-color: inherit;
}
.interfaceMain .editElem .text{
	width:100%;
	height:100%;
	background:none!important;
	border:none!important;
	font-size: inherit;
	line-height:inherit;
	text-align: inherit;
	color: inherit;
}
.interfaceMain .editElem.move{
	position: fixed;
	z-index: 1000;
}
.interfaceMain .editElem .tool{
	display:none;
}
.interfaceMain .editElem.selected .tool{
	display:block;
}
.interfaceMain .editElem .tool .titem{
	position: absolute;
	width:20px;
	height:20px;
	background:#fff;
	border-radius: 100%;
	color:#333;
	line-height:20px;
	text-align: center;
	border: 1px solid #333;
	
}
.interfaceMain .editElem .tool .titem[btn="remove"]{
	top:-20px;
	right:-20px;
	background-image:url(../../static/images/interfaceClose.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: pointer;
	font-size: 16px;
}
.interfaceMain .editElem .tool .titem[btn="turnTop"]{
	bottom:-20px;
	left:-20px;
	background-image:url(../../static/images/interfaceTurntop.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: pointer;
	font-size: 16px;
}
.interfaceMain .editElem .tool .titem[btn="resize"]{
	bottom:-20px;
	right:-20px;
	background-image:url(../../static/images/interfaceSize.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: nw-resize;
}
.interfaceMain .editElem .tool .titem[btn="center"]{
	bottom:-22px;
	left:50%;
	margin-left:-10px;
	background-image:url(../../static/images/interfaceCenter.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: pointer;
}
.interfaceMain .editElem .tool .titem[btn="Rotate"]{
	bottom:-35px;
	right:-35px;
	background-image:url(../../static/images/interfaceRotate.png);
	background-size:10px 10px;
	background-position: center center;
	background-repeat: no-repeat; 
	cursor: ne-resize;
}
.interfaceMain .editElem.selected{
	box-shadow: rgba(65,65,104,.2) 0px 0px 0px 5px;
	z-index: 8000!important;
	opacity: .7;
}
.interfaceMain .propertyContent{
	position: absolute;
	width:100%;
	left:0;
	top:30px;
	bottom: calc(40% - 40px);
	overflow:hidden;
	overflow-y: auto; 
	padding-top:10px;
}
.interfaceMain .righthead.domtree{
	position: absolute;
	width:100%;
	left:0;
	top:calc(60% + 40px);
}
.interfaceMain .domTreeContent{
	position: absolute;
	width:100%;
	left:0;
	top:calc(60% + 70px);
	bottom:0;
	overflow:hidden;
	overflow-y: auto;
	padding-top:10px;
}
.interfaceMain .domTreeContent .domtreeitem{
	height:40px;
	width:100%;
	position:relative;
	border-bottom:1px solid #ccc;
	overflow: hidden;
}
.interfaceMain .domTreeContent .domtreeitem.active{
	background:#d0e5f5!important
}
.interfaceMain .domTreeContent .domtreeitem img{
	position:absolute;
	height:20px;
	top:10px;
	left:10px;
}
.interfaceMain .domTreeContent .domtreeitem .nameinput{
	position:absolute;
	height:40px;
	top:0px;
	left:40px;
	width:80px;
	border:none;
	line-height:40px;
	outline:none;
	background: none;
}
.interfaceMain .domTreeContent .domtreeitem .caption{
	position: absolute;
	left:130px;
	top:0;
	height:40px;
	line-height:40px;
}
.interfaceMain .domTreeContent .domtreeitem .indexinput{
	position: absolute;
	left:160px;
	top:0;
	height:40px;
	border:none;
	line-height:40px;
	outline:none;
	width:50px;
	background: none;
}
.interfaceMain .domTreeContent .domtreeitem .ui.button{
	right:10px;
	position:absolute;
	top:5px;
	border:none;
	border-radius: none;
	font-weight: normal;
	color:#fff;
	background:#da251d;
	width:40px;
	font-size:13px;
	padding:0;
	text-align: center;
	height:30px;
	line-height:30px;
}

.interfaceMain .leftContent .toolList{
	height:280px;
}
.interfaceMain .dinner,
.dataSource .dinner,
.fieldSetting .dinner,
.tableSetting .dinner{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 85000;
}

.interfaceDataLink .interfaceDataLinkContent{
	height:500px;
	padding:10px;
	position: relative;
}
.interfaceDataLink .interfaceDataLinkContent .inputrow{
	position: absolute;
	left:10px;
	top:10px;
	height:30px;
}
.interfaceDataLink .interfaceDataLinkContent .inputrow.fieldname{
	top:50px;
}
.interfaceDataLink .interfaceDataLinkContent .inputrow.tablecol{
	top:130px;
	display:none;
}
.interfaceDataLink .interfaceDataLinkContent .inputrow.tablecolname{
	top:90px;
	display:none;
}

.interfaceDataLink .interfaceDataLinkContent .inputrow.tablecolwidth{
	top:170px;
	display:none;
}
.interfaceDataLink[type="table"] .interfaceDataLinkContent .inputrow.tablecol,
.interfaceDataLink[type="table"] .interfaceDataLinkContent .inputrow.tablecolwidth,
.interfaceDataLink[type="table"] .interfaceDataLinkContent .inputrow.tablecolname,
.interfaceDataLink[type="report"] .interfaceDataLinkContent .inputrow.tablecol,
.interfaceDataLink[type="report"] .interfaceDataLinkContent .inputrow.tablecolwidth,
.interfaceDataLink[type="report"] .interfaceDataLinkContent .inputrow.tablecolname{
	display:block;
}
.interfaceDataLink[type="table"] .interfaceDataLinkContent .textrow,
.interfaceDataLink[type="report"] .interfaceDataLinkContent .textrow{
	top:210px;
}
.interfaceDataLink[type="table"].custom .interfaceDataLinkContent .textrow,
.interfaceDataLink[type="report"].custom .interfaceDataLinkContent .textrow {
	top:210px;
}

.interfaceDataLink .interfaceDataLinkContent .textrow{
	position: absolute;
	left:10px;
	top:90px;
	width:290px;
	bottom:10px;
}
.interfaceDataLink .interfaceDataLinkContent .textrow textarea{
	position: absolute;
	width:240px;
	top:0;
	bottom:0;
	left:50px;
	resize:none;
	border-radius: 4px;
	border:1px solid #ccc;
	line-height:24px;
	outline: none;
	padding:4px 10px;
}
.interfaceDataLink .interfaceDataLinkContent .col{
	width:234px;
	right:10px;
	border:1px solid #ccc;
	border-radius: 4px;
	overflow:hidden;
	top:10px;
	bottom:10px;
	position: absolute;
	background:#fff;
}
.interfaceDataLink .interfaceDataLinkContent .col .content{
	position: absolute;
	left:0;
	right:0;
	top:30px;
	bottom:0;
	overflow: hidden;
	overflow-y: auto;
	padding:4px 0;
}
.interfaceDataLink .interfaceDataLinkContent .col .head{
	height:30px;
	line-height:30px;
	padding-left:10px;
	background:#f5f5f6;
	border-bottom:1px solid #e5e5e5;
}
.interfaceDataLink .interfaceDataLinkContent .col .groupContent{
	/* padding-left:20px; */
}
.interfaceDataLink .interfaceDataLinkContent .col .item,
.interfaceDataLink .interfaceDataLinkContent .col .groupitem{
	height:30px;
	line-height:30px;
	cursor: pointer;
	padding-left:10px;
}
.interfaceDataLink .interfaceDataLinkContent .col .item{
	padding-left:30px;
}
.interfaceDataLink .interfaceDataLinkContent .col .item.selected,
.interfaceDataLink .interfaceDataLinkContent .col .groupitem.selected,
.interfaceDataLinkContent .tableContent .item.selected{
	background:#deeffc;
}
.interfaceDataLink .interfaceDataLinkContent .col.func{
	right:254px;
}
.interfaceDataLink .interfaceDataLinkContent .inputrow input{
	height:30px;
	padding:0 10px;
	width:240px;
	line-height:30px!important;
}
.interfaceDataLink .interfaceDataLinkContent .inputrow label,
.interfaceDataLink .interfaceDataLinkContent .textrow label{
	line-height:30px;
	margin-right:10px;
	width:40px;
}

.interfaceDataLink.custom .interfaceDataLinkContent .textrow{
	position: absolute;
    left: 10px;
    top: 90px;
    width: auto;
	height:135px;
	bottom:auto;
}
.interfaceDataLink.custom[type="field"] .interfaceDataLinkContent .textrow{
	height:195px;
}
.interfaceDataLink.custom[type="field"]  .interfaceDataLinkContent .textrow.sql{
	top:295px;
}
.interfaceDataLink.custom .interfaceDataLinkContent .textrow.sql{
	top:355px;
}
.interfaceDataLink .interfaceDataLinkContent .textrow.sql{
	display:none;
}
.interfaceDataLink.custom .interfaceDataLinkContent .textrow.sql{
	display: block;
}
.templateDesignModal .toolContent{
	width:40px;
	height:440px;
	position:absolute;
	left:calc(100% - 60px);
	top:20px;
	border:1px solid #ccc;
	background:#535353;
	z-index: 99999;
	box-sizing: content-box;
    border-radius: 4px;
}
.templateDesignModal .toolMenu{
	width:210px;
	background:#535353;
	border-radius: 4px;
	position: absolute;
	overflow:visible;
	/* border:1px solid #ccc; */
	color:#666;
	z-index: 2;
	padding-top:30px;
	box-shadow:0 0 1px #fff;
}
.templateDesignModal .toolMenu .head{
	color: #fff;
    font-size: 13px;
	position:absolute;
	left:0;
	top:0;
	right:0;
	border-bottom:1px solid #ccc;
	line-height:30px;
	padding-left:10px;
	cursor:move;
}
.templateDesignModal .toolMenu .close{
	color:#fff;
	position:absolute;
	right:10px;
	top:10px;
	font-size:13px;
	cursor: pointer;
}
.templateDesignModal .toolMenu .toolRows{
	height:100%;
	overflow:visible;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows{
	padding:5px 0 0 5px;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem{
	background: #f5f5f6;
	color: #666;
	height:40px;
	position: relative;
	overflow: hidden;
	margin-bottom:5px;
	padding-right:100px;
	width:193px;
	margin-right:5px;
	border-radius: 4px;
	padding-left:5px;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem.sortable-chosen{
	opacity: .8;
	background:#d0e5f5!important;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .ui.checkbox{
	line-height:40px;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .ui.checkbox input,
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .ui.checkbox label:before{
	top:11px!important;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .ui.checkbox label{
	width:80px;
	line-height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .ui.input{
	min-width:60px;
	width:60px;
	height:40px;
	position:absolute;
	right:40px;
	top:0;
	padding: 5px 0;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .ui.input input{
	min-width:60px;
	width:60px;
	height:30px;
	padding:0 8px;
	line-height:30px;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .tool{
	position:absolute;
	right:0;
	top:0;
	width:40px;
	display: flex;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .tool .item{
	height:40px;
	width:20px;
	text-align:center;
	line-height:40px;
	font-size:13px;
	cursor: pointer;
}
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows .colModalItem .tool .item i{
	margin:0;
}

.templateDesignModal .toolMenu .toolRow{
	height:40px;
	padding:5px 10px 5px 70px;
	position:relative;
}
.templateDesignModal .toolMenu .toolRow.mutiRow{
	width:400px!important;
	height: 70px;
}
.templateDesignModal .toolMenu .toolRow.mutiRow textarea{
    width: 320px;
    resize: none;
	height: 60px;
	border-radius: 4px;
	padding:8px
}
.templateDesignModal .toolMenu .toolRow.mutiRow.chartRow{
	height:270px;
}
.templateDesignModal .toolMenu .toolRow.mutiRow.chartRow textarea{
	height:260px;
}
.templateDesignModal .toolMenu .toolRow .caption{
	position:absolute;
	left:10px;
	top:0;
	height:40px;
	line-height:40px;
	color:#fff
}
.templateDesignModal .toolMenu .toolRow>input{
	width:100%;
	height:30px;
	background:#fff;
	border-radius: 4px;
	border:1px solid #ccc;
	color:#666;
	line-height:30px;
	outline:none;
	padding:0 8px;
}
.templateDesignModal .toolMenu .toolRow .ui.checkbox,
.templateDesignModal .toolMenu .toolRow .ui.checkbox input{
	width:30px!important;
	height:30px!important;
}
.templateDesignModal .toolMenu .toolRow .ui.checkbox label:after{
	top:6px;
}
.templateDesignModal .toolMenu .toolRow .ui.dropdown{
	height:30px;
	min-height:30px;
	min-width:100px;
	width:100%;
	padding:0 20px 0 8px;
}
.templateDesignModal .toolMenu .toolRow .ui.dropdown .text{
	line-height:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.templateDesignModal .toolMenu .toolRow .ui.dropdown .dropdown.icon{
	right:4px;
	top:8px;
}
.templateDesignModal .toolMenu .toolRow .ui.dropdown .menu .item{
	height:30px;
	line-height:30px;
	padding:0 8px!important;
	font-size:13px;
}
.templateDesignModal .toolMenu .toolRow .ui.dropdown .ui.empty.circular.label{
	vertical-align: middle;
	margin-right:0;
	border:1px solid #ccc;
}
.templateDesignModal .toolMenu .toolRow .ui.dropdown input{
	padding:0 20px 0 8px;
	height:30px;
	line-height:30px;
}
.templateDesignModal .toolMenu[type="prop"]{
	height:auto;
}
.templateDesignModal .toolMenu[type="style"],
.templateDesignModal .toolMenu[type="zindex"],
.templateDesignModal .toolMenu[type="field"],
.templateDesignModal .toolMenu[type="table"]{
	height:240px;
}
.templateDesignModal .toolMenu[type="zindex"]{
	padding:30px 0 0 0;
	height:300px;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRows{
	height:100%;
	overflow-y:auto;
	padding:5px;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow{
	border-radius: 4px;
	background:#fff;
	height:50px;
	margin-bottom:5px;
	position:relative;
	padding:5px 40px 5px 120px;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow.active{
	background:#d0e5f5
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow img{
	height:30px;
	position:absolute;
	left:8px;
	top:10px;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow>input{
	height:100%;
	width:100%;
	line-height:50px;
	color:#666;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow .remove{
	position: absolute;
	right:4px;
	top:13px;
	height:24px;
	width:24px;
	border-radius: 100%;
	overflow:hidden;
	color:#fff;
	background:#535353;
	line-height:24px;
	text-align: center;
	cursor: pointer;
	background:#ff5858;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow .remove .icon{
	margin:0;
	position: unset;
}
.templateDesignModal .toolMenu[type="zindex"] .toolRow .caption{
	position:absolute;
	height:50px;
	left:46px;
	top:0;
	line-height:50px;
	overflow:hidden;
	text-overflow: ellipsis;
	color:#666;
	width:70px;
}
.templateDesignModal .toolMenu[type="field"] {
	padding-top:70px;
	height:440px;
}
.templateDesignModal .toolMenu[type="field"] .search{
	height:40px;
	padding:5px;
	position: absolute;
	top:30px;
	left:0;
	right:0;
}
.templateDesignModal .toolMenu[type="field"] .search input{
	height: 30px;
    border: none;
    border-radius: 4px;
    background: #fff;
    padding-left: 24px;
    font-size: 13px;
    width: 100%;
}
.templateDesignModal .toolMenu[type="field"] .search .icon{
	position:absolute;
	left:8px;
	top:8px;
	margin:0;
	color:#666
}
.templateDesignModal .toolMenu[type="field"] .toolRows{
	padding-left:5px;
	overflow-y:auto;
}
.templateDesignModal .toolMenu .toolRows::-webkit-scrollbar-track{
	background-color:#707070;
}

.templateDesignModal .toolMenu[type="field"] .toolRows .fielditem{
	float: left;
	margin-right:5px;
	text-align: center;
	width:92.5px;
	height:70px;
	background:#f5f5f6;
	color:#666;
	border-radius: 4px;
	cursor: move;
	margin-bottom:5px;
}
.templateDesignModal .toolMenu[type="field"] .toolRows .fielditem,
.templateDesignModal .toolMenu[type="table"] .toolRows .tableitem,
.templateView .editoritem[type="image"] img,
.templateView  .tool .titem[btn="rotate"]{
	-moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
	user-select:none;
	-webkit-user-drag: none;
}
.templateDesignModal .toolMenu[type="field"] .toolRows .fielditem .editor,
.templateDesignModal .toolMenu[type="table"] .toolRows .tableName{
	font-weight: bold;
    font-size: 13px;
	line-height: 28px;

}
.templateDesignModal .toolMenu[type="field"] .toolRows .fielditem .fieldname{
	line-height: 20px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.templateDesignModal .toolMenu[type="field"] .toolRows .fielditem .name,
.templateDesignModal .toolMenu[type="table"] .toolRows .name{
	line-height:20px;
	font-size:13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.templateDesignModal .toolMenu[type="table"] .toolRows,
.templateDesignModal .toolMenu[type="editor"] .toolRows,
.templateDesignModal .toolMenu[type="button"] .toolRows{
	padding:5px 5px 0 5px;
	overflow:hidden;
	overflow-y: auto;
}
.templateDesignModal .toolMenu[type="table"] .toolRows .tableitem,
.templateDesignModal .toolMenu[type="editor"] .editoritem,
.templateDesignModal .toolMenu[type="button"] .buttonitem{
	text-align: center;
	width:100%;
	height:50px;
	background:#f5f5f6;
	color:#666;
	border-radius: 4px;
	cursor: move;
	margin-bottom:5px;
}
.templateDesignModal .toolMenu[type="table"] .toolRows .tableitem{
	width:200px;
}
.templateDesignModal .toolMenu[type="editor"] .editoritem,
.templateDesignModal .toolMenu[type="button"] .buttonitem{
	height:40px;
	line-height:40px;
	padding:0;
	position:relative;
	font-size:13px;
	width:200px;
}
.templateView .editoritem,
.templateView .buttonitem{
	padding:0;
}
.templateView .editoritem.selected,
.templateView .buttonitem.selected{
	box-shadow: rgba(65,65,104,.2) 0px 0px 0px 5px;
}
.templateView .editoritem[type="input"] input,
.templateView .editoritem[type="textarea"] textarea,
.templateView .editoritem[type="dropdown"] .ui.dropdown{
	width:100%;
	height:100%;
	border:1px solid #ccc;
	font-size:12px;
	outline:none;
	border-radius: 4px;
	background:#fff;
	line-height:40px;
	text-align: left;
	padding:0 8px;
}
.templateView .editoritem[type="dropdown"] .ui.dropdown{
	padding-right:20px;
	position: relative;
}
.templateView .editoritem[type="dropdown"] .ui.dropdown .text{
	width: 100%;
	color:inherit;
	text-align: inherit;
	line-height:inherit;
	font-size: inherit;
	font-weight: inherit;
}
.templateView .editoritem[type="dropdown"] .ui.search.dropdown>input.search{
	height:100%;
	padding:0 8px;
	text-align: inherit;
	color: inherit;
	line-height:inherit;
	font-size: inherit;
	font-weight: inherit;
}
.templateView .editoritem[type="dropdown"] .ui.dropdown .icon{
	color:inherit;
	padding: 0;
    height: 12px;
    width: 12px;
    right:8px;
    top: 50%;
    margin-top: -4px;
}

.templateView .editoritem[type="textarea"] textarea{
	height:calc(100% + 2px);
	box-sizing: border-box;
	resize:none;
}
.templateView .editoritem[type="checkbox"] .ui.checkbox input{
	left:8px;
	top:10px;
}
.templateView .editoritem[type="checkbox"] .ui.checkbox label:before{
	margin-top: 4px;
}
.templateView .editoritem[type="text"] p{
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:normal;
	word-wrap: break-word;
} 
.templateView .editoritem[type="text"] p:hover{
	overflow:auto;
}
.templateView .editoritem[type="image"] img{
	width:auto;
	max-width: 100%;
}
.templateView .editoritem[type="echart"] .echartCtrl{
	width:100%;
	height:100%;
}
.templateView .editoritem[type="ellipse"] svg,
.templateView .editoritem[type="triangle"] svg{
	overflow:visible;
}
.templateDesignModal .toolMenu[type="defaultField"],
.templateDesignModal .toolMenu[type="defaultTable"],
.templateDesignModal .toolMenu[type="style"]{
	width:400px;
	height:auto;
}
.templateDesignModal .toolMenu[type="defaultTable"],
.templateDesignModal .toolMenu[type="style"][viewtype="table"],
.templateDesignModal .toolMenu[type="tableColModal"]{
	width:600px;
}
.templateDesignModal .toolMenu[type="defaultField"] .toolRows,
.templateDesignModal .toolMenu[type="defaultTable"] .toolRows,
.templateDesignModal .toolMenu[type="style"] .toolRows,
.templateDesignModal .toolMenu[type="tableColModal"] .toolRows{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.templateDesignModal .toolMenu[type="defaultField"] .toolRows .toolRow,
.templateDesignModal .toolMenu[type="defaultTable"] .toolRows .toolRow,
.templateDesignModal .toolMenu[type="style"] .toolRows .toolRow{
	width: 200px;
}
.templateDesignModal .toolMenu[type="style"] .toolRows .toolRow .ui.button{
	height:30px;
	text-align: center;
	padding:0 20px;
}
.templateDesignModal .toolMenu[type="style"] .toolRows .toolRow .ui.button i{
	margin:0;
}
.templateDesignModal .templateMove{
	-moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
	user-select:none;
	box-shadow: rgba(65,65,104,.2) 0px 0px 0px 5px;
}
.templateDesignModal .toolContent .toolitem{
	width:40px;
	height:40px;
    display: flex;
    vertical-align: middle;
    cursor: pointer;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	border-bottom:1px solid #282828;
}
.isView>.templateView{
	background-image: none;
}
.tempView.tempPrint{
	position:fixed;
	left:0;
	top:0;
	z-index: 100000;
}
.tempView.tempPrint .mainContent{
	position: relative;
	z-index: 2;
}
.tempView.tempPrint:after{
	content:"";
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index: 1;
}
.templateView .fielditem[editor="ButtonEdit"],
.templateView .fielditem[editor="CheckComboBox"]{
	position:relative
}
.templateView .fielditem[editor="ButtonEdit"] .ui.input input,
.templateView .fielditem[editor="CheckComboBox"] .ui.input input{
	padding-right:40px;
}
.templateView .fielditem[editor="ButtonEdit"] .ui.button,
.templateView .fielditem[editor="CheckComboBox"] .ui.button{
	width:40px;
	position:absolute;
	right: 1px;
    top: 1px;
    bottom: 1px;
	padding:0;
	display: flex;
    text-align: center;
	justify-content: center;
	margin:0;
	border-radius: 0;
}

.templateView .fielditem[editor="ButtonEdit"] .ui.button i,
.templateView .fielditem[editor="CheckComboBox"] .ui.button i{
	margin:0;
	height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
}
.templateView .fielditem[editor="CheckBox"] .ui.checkbox{
	top:6px;
}
.templateView .fielditem[editor="CheckBox"] .ui.checkbox label:before{
	top:0!important;
}
.templateView .fielditem[editor="dtMemo"] textarea,
.templateView .fielditem[editor="Memo"] textarea{
	width:100%;
	height:100%;
	resize:none;
	overflow: hidden;
}
.templateView .fielditem[editor="dtMemo"]:hover textarea,
.templateView .fielditem[editor="Memo"]:hover textarea{
	overflow:auto;
}
.templateView .buttonitem .ui.button{
	width:100%;
	height:100%;
	margin:0;
}
.templateView .buttonitem .ui.button .icon{
	margin:0;
	width:auto;
}
.templateView .fielditem .tempFill{
	width:100%;
	height:100%;
	position: relative;
}
.templateView .fielditem[editor="Mark"] .tempFill .imgbox{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 2;
}
.templateView .fielditem[editor="Mark"] .tempFill .Markbutton{
	position: absolute;
    height: 40px;
    top: 4px;
    right: 48px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 4px;
    background: white;
    display: none;
    z-index: 5;
}
.templateView .fielditem[editor="Mark"] .tempFill .Markbutton[btn="marktxt"]{
	line-height: 40px;
    font-weight: bold;
    font-size: 16px;
    right: 4px;
}
.templateView .fielditem[editor="Mark"]:hover .tempFill .Markbutton{
	display:block;
	background:#f5f5f6;
}
.templateView .fielditem[editor="Mark"] .tempFill .Markbutton i{
	height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.templateView .fielditem[editor="Image"] .tempFill{
	overflow:hidden;
}
.templateView .fielditem[editor="Image"] .tempFill img{
	position:absolute;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .bottomBtn{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:40px;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-radius: 0;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .bottomBtn .item{
	text-align: center;
}
.templateView .fielditem[editor="Image"] .tempFill .imageLoading{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #FFF;
    z-index: 50;
}
.templateView .fielditem[editor="Image"] .tempFill .imageLoading .icon{
	font-size: 48px;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
}
.templateView .fielditem[editor="Image"] .tempFill .btns [btn]{
	justify-content: center;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .topBtn{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius: 0;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .topBtn .item{
	width:25%;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .centerBtn .imgleft span,
.templateView .fielditem[editor="Image"] .tempFill .btns .centerBtn .imgright span,
.templateView .fielditem[editor="Image"] .tempFill .btns .topBtn .item span{
	display:none;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .centerBtn .imgleft,
.templateView .fielditem[editor="Image"] .tempFill .btns .centerBtn .imgright{
	position:absolute;
	left:0;
	height:40px;
	width:30px;
	text-align: center;
	line-height:40px;
	top:50%;
	margin-top:-20px;
	color:rgba(0,0,0,.87);
}

.templateView .fielditem[editor="Image"] .tempFill .btns .centerBtn .imgright{
	right:0;
	left:auto;
}
.templateView .fielditem[editor="Image"] .tempFill .btns .bottomBtn,
.templateView .fielditem[editor="Image"] .tempFill .btns .centerBtn{
	display: none;
}
.templateView .fielditem[editor="Image"]:hover .tempFill .btns .bottomBtn,
.templateView .fielditem[editor="Image"]:hover .tempFill .btns .centerBtn{
	display:block;
}
.templateView .fielditem[editor="Image"] .tempFill .prgFileSelector{
	display:none;
}
.templateDesignModal .toolContent .handle{
	height: 20px;
	border-bottom: 1px solid #282828;
	position: relative;
	cursor:move;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.templateDesignModal .toolContent .handle:hover{
	background:rgb(128, 128, 128);
}
.templateDesignModal .toolContent .handle:before{
	content: "";
    height: 8px;
    width: 7px;
    position: absolute;
    left: 6px;
    border-left: 2px solid #666;
    top: 6px;
    border-right: 2px solid #666
}
.templateDesignModal .toolContent .handle:after{
    content: "";
    height: 8px;
    width: 7px;
    border-left: 2px solid #666;
    border-right: 2px solid #666;
    position: absolute;
    right: 6px;
    top: 6px;
}

.templateDesignModal .toolContent .toolitem:hover,
.templateDesignModal .toolContent .toolitem.active{
	background:#767676;
}
.templateDesignModal .toolContent .toolitem img{
	width: 20px;
    height: 20px;
    display: flex;
}
.templateDesignModal .templateMove{
	position: fixed!important;
	z-index: 999999;
}
.interfaceMain .mainContent .interFaceCanvas>.topline{
	position:absolute;
	left:-20px;
	border-top:1px #0099CC dashed;
	height:1px;
	right:-20px;
	top: 0px;
	display:none;
	z-index: 9999999999;
}
.interfaceMain .mainContent .interFaceCanvas>.leftline{
	position:absolute;
	bottom:-20px;
	border-left:1px #0099CC dashed;
	width:1px;
	top:-20px;
	left: 0px;
	display:none;
	z-index: 9999999999;
}



/* 数据源设置 */

.ui.modal.dataSource .interfaceDataLinkContent{
	height:500px;
	padding:10px;
}
.ui.modal.dataSource .interfaceDataLinkContent>.ui.menu{
	height:40px;
	margin-bottom:0;
	box-shadow: none;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-color: #ccc;
}
.ui.modal.dataSource .interfaceDataLinkContent>.ui.menu .item{
	padding: 0 10px;
	height: 40px;
	cursor: pointer;
}
.ui.modal.dataSource .interfaceDataLinkContent .content{
	height:440px;
	border: 1px solid #ccc;
	background: #fff;
	overflow: hidden;
	padding:8px;
	border-top:none;
}

.ui.modal.dataSourceSet{
	height:300px;
	width:400px!important;
	margin-left:-200px!important;
}
.ui.modal.dataSourceSet .interfaceDataLinkContent{
	height:200px;
}
.dataSourceSet .interfaceDataLinkContent .row,
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .row{
	height: 30px;
	width:100%;
	margin-bottom:10px;
}
.dataSourceSet .interfaceDataLinkContent .row>label,
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .row>label{
	line-height: 30px;
    margin-right: 10px;
    width: 40px;
}
.dataSourceSet .interfaceDataLinkContent .row .ui.checkbox{
	margin-right:20px;
}
.dataSourceSet .interfaceDataLinkContent .row .ui.checkbox label:before{
	top:0;
	margin-top: -5px;
}
.dataSourceSet .interfaceDataLinkContent .row input,
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .row input{
	height: 30px;
    padding: 0 10px;
    width: 240px;
    line-height: 30px!important;
}
.dataSourceSet .interfaceDataLinkContent .row .ui.dropdown{
	width:330px;
}
.dataSourceSet .interfaceDataLinkContent .row .ui.dropdown .menu{
	max-height: 98px;
}
.dataSourceSet.custom .interfaceDataLinkContent .drop.row{
	display:none
}
.dataSourceSet.custom .interfaceDataLinkContent .textrow.sql{
	top:130px;
}
.dataSourceSet.custom .interfaceDataLinkContent .textrow.sql textarea{
	width: 330px;
    height: 60px;
}

.interfaceDataLink.fieldSetting .interfaceDataLinkContent .textrow{
	top:130px;
	width:480px;
}
.interfaceDataLink.fieldSetting.tableFieldSetting .interfaceDataLinkContent .textrow{
	top:170px;
}

.interfaceDataLink.fieldSetting .interfaceDataLinkContent .textrow textarea{
	width: 310px;
	height: 160px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.interfaceDataLink.fieldSetting.tableFieldSetting .interfaceDataLinkContent .textrow textarea{
	height:120px;
}
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .ui.button{
	height: 30px;
    padding: 5px 10px;
    text-align: center;
}
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .ui.button i.icon{
	margin:0;
}
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .textrow .list{
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:120px;
	padding-top:30px;
	border:1px solid #ccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-left:none;
	background:#fff;
	overflow: hidden;
}
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .textrow .list .head{
	padding:0 10px;
	line-height:30px;
	background:#f5f5f6;
	position: absolute;
	top:0;
	left:0;
	right:0;
	border-bottom:1px solid #ccc;
}
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .textrow .list .listcontent{
	height:100%;
	width:100%;
	overflow-y:auto;
}
.interfaceDataLink.fieldSetting .interfaceDataLinkContent .textrow .list .listcontent .item{
	height:30px;
	line-height:30px;
	padding:0 10px 0 16px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.interfaceDataLink.tableSetting .interfaceDataLinkContent .tablerow{
	border:1px solid #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden;
}
.interfaceDataLink.tableSetting .interfaceDataLinkContent .ui.menu{
	height: 40px;
    margin-bottom: 0;
	box-shadow: none;
	border:none;
    border-radius: 0;
    border-bottom:1px solid #ccc;
}
.interfaceDataLink.tableSetting .interfaceDataLinkContent .ui.menu .item{
	padding: 0 10px;
    height: 40px;
    cursor: pointer;
}

.interfaceDataLink.tableSetting .interfaceDataLinkContent .tableContent{
	height:100px;
	border:none;
	overflow:hidden;
	overflow-x:auto;
	width:100%;
	white-space: nowrap;
	background:#fff;
	padding:10px;
}
.interfaceDataLink.tableSetting .interfaceDataLinkContent .tableContent .item{
	height: 80px;
    width: 90px;
    float: none;
    overflow: hidden;
    cursor: pointer;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
	position: relative;
	display: inline-block;
}




/* 数据选择 */
.interfaceDataLink.dataSelect.ui.small.modal{
	width: 400px!important;
	margin-left: -200px!important;
	height:300px;
	z-index: 85001!important;
}
.interfaceDataLink.dataSelect.ui.small.modal .interfaceDataLinkContent{
	height:200px;
}
.interfaceDataLink.dataSelect.ui.small.modal .interfaceDataLinkContent .col{
	width:380px;
	left:10px;
}
.interfaceDataLink.dataSelect.ui.small.modal .interfaceDataLinkContent .col .content{
	top:0
}

/* 字段弹出 */
.interfaceDataLink.fieldSetting.ui.small.modal{
	width: 500px!important;
	margin-left: -250px!important;
	height:400px;
}
.interfaceDataLink.fieldSetting.ui.small.modal .interfaceDataLinkContent{
	height:300px;
}

.interfaceDataLink.fieldSetting.ui.small.modal.dropdownSetting{
	width: 400px!important;
	margin-left: -200px!important;
	height:300px;
}
.interfaceDataLink.fieldSetting.ui.small.modal.dropdownSetting .interfaceDataLinkContent{
	height:200px;
}
.interfaceDataLink.fieldSetting.ui.small.modal.dropdownSetting .textrow{
	width: 380px;
	top:40px;
}
.interfaceDataLink.fieldSetting.ui.small.modal.dropdownSetting .checkbox{
	margin-right:10px;
}
.interfaceDataLink.fieldSetting.ui.small.modal.dropdownSetting .checkbox label:before{
	margin-top:-5px;
}
.interfaceDataLink.fieldSetting.ui.small.modal.dropdownSetting .textrow textarea{
	width: 320px;
    border-radius: 4px;
    height: 150px;
}


/* interfaceView */
.interfaceView{
	width:100%;
	height:auto;
	position: relative;
	overflow:hidden;
	margin: 0 auto;
	z-index: 1;
}
.interfaceView .stampElem{
	width:140px;
	height:140px;
	position: absolute;
	z-index: 99999;
}
.interfaceView .errorBox{
	height:auto;
	width:400px;
	position: absolute;
	top:10px;
	left:50%;
	margin-left:-200px;
	background:#fff;
	border-radius: 4px;
}
.interfaceView .errorBox .errorItem{
	height:auto;
	padding:2px 8px;
	margin-bottom:10px;
	background:#f56c6c;
	color:white;
	word-break: break-all;
	line-height:20px;
	font-size:14px;
	border-radius: 4px;
	
}

.interfaceView .viewElem{
	position: absolute;
	min-width: 10px;
	min-height:10px;
}
.interfaceView .viewElem[type="triangle"],
.interfaceView .viewElem[type="ellipse"]{
	border:none!important;
	background:none!important;
}
.interfaceView .viewElem[type="triangle"] svg,
.interfaceView .viewElem[type="ellipse"] svg{
	overflow:visible;
}
.interfaceView .viewElem[type="checkbox"] .inline.fields{
	margin:0;
}
.interfaceView .viewElem[type="checkbox"][textAlign="center"] .inline.fields{
	justify-content: center;
}
.interfaceView .viewElem[type="checkbox"][textAlign="right"] .inline.fields{
	justify-content: flex-end;
}

.interfaceView .viewElem[type="checkbox"] .inline.fields,
.interfaceView .viewElem[type="checkbox"] .field,
.interfaceView .viewElem[type="checkbox"] .field .ui.checkbox{
	background:none!important;
	border-color: inherit!important;
}

.interfaceView .viewElem .ui.checkbox input,
.interfaceView .viewElem .ui.checkbox input:hover{
	background:#fff!important;
	border-color:inherit;
}
.interfaceView .viewElem .ui.checkbox label{
	color:inherit;
	font-weight: inherit;
	font-family: inherit;
}
.interfaceView .viewElem .ui.checkbox label:hover,
.interfaceView .viewElem .ui.checkbox label{
	background:none!important;
	border-color: inherit!important;
}
.interfaceView .viewElem .ui.checkbox label:before{
	top:0!important;
	background:#fff!important;
	border-color:inherit!important;
}
.interfaceView .viewElem[type="input"]{
	overflow:hidden;
}
.interfaceView .viewElem[type="input"] input,
.interfaceView .viewElem[type="input"] textarea{
	background:none;
	border:none;
	box-shadow: none;
	outline: none;
	font-size: inherit;
	height:100%;
	width: 100%;
	padding:0;
	margin:0;
	line-height:inherit;
	overflow:auto;
	resize:none;
	font-family: inherit;
}
.interfaceView .viewElem.isButton{
	cursor: pointer;
}
.interfaceView .viewElem img{
	height:100%;
	width:100%;
}
.interfaceView .viewElem.ui.dropdown .dropdown.icon{
	margin: 0;
	width:14px;
	height:14px;
	position: absolute;
	padding:0;
	right:8px;
	top:50%;
	margin-top:-7px;
	z-index: 10;
}
.interfaceView .viewElem.ui.dropdown input,
.interfaceView .viewElem.ui.dropdown .text{
	padding:0 10px!important;
	padding-right:28px!important;
	height:100%;
	width: 100%;
	
}
.interfaceView .viewElem.ui.dropdown input,
.interfaceView .viewElem.ui.dropdown  .text,
.interfaceView .viewElem.ui.dropdown .menu .item{
	line-height:inherit;
	text-align: inherit;
	color:inherit!important;
	font-family: inherit;
	font-weight: inherit!important;
	font-size:inherit;
	border-radius: inherit;
	background:inherit;
}
.interfaceView .viewElem.ui.dropdown .menu .Message{
	display: none;
}
.interfaceView .viewElem.ui.dropdown .menu .item{
	padding:0 10px!important;
	padding-right:28px!important;
}
.interfaceView .viewElem.ui.dropdown .menu,
.interfaceView .viewElem.ui.dropdown .menu .item
{
	border-color:inherit!important;
	line-height:inherit;
	text-align: inherit;
	color:inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size:inherit;
	background:inherit;
}

.interfaceView .viewElem .myJqGrid{
	margin:0;
	height:100%;
	border-radius:0;
}
.interfaceView .viewElem .myJqGrid.paging{
	padding-bottom:32px;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist{
	height:32px;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist div[pagerbtn]{
	right:10px;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist div[pagerbtn="next_pager"]{
	right:40px;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist div[pagerbtn="back_pager"]{
	right:160px;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist div[pagerbtn="first_pager"]{
	right:190px;
}

.interfaceView .viewElem .myJqGrid.paging .pagerlist .rowselect{
	height:30px;
	line-height:30px;
	position: absolute;
	right:260px;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist .rowselect .ui-pg-selbox{
	margin:0 8px;
	outline: none;
}
.interfaceView .viewElem .myJqGrid.paging .pagerlist *{
	border-color:inherit!important;
	color:inherit;
	background:inherit;
}


.interfaceView .viewElem .myJqGrid .myJqGrid_body{
	height:calc(100% - 40px);
	overflow:hidden;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_body:hover{
	overflow:auto;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_body[scroll="show"]{
	overflow:auto;
}
.interfaceView .viewElem .myJqGrid,
.interfaceView .viewElem .myJqGrid .myJqGrid_head_table_view .myJqGrid_body_table,
.interfaceView .viewElem .myJqGrid .myJqGrid_body_tr{
	border:none!important;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_head_table_view{
	border-left:none!important;
	border-right:none!important;
	border-top:none!important;
	background:#f5f5f6;
}
.interfaceView .viewElem .myJqGrid  .myJqGrid_head_th,
.interfaceView .viewElem .myJqGrid .myJqGrid_body_td{
	padding: 0 8px!important;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_head_table_view .myJqGrid_head_th,
.interfaceView .viewElem .myJqGrid .myJqGrid_body_table_view .myJqGrid_body_td {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:none!important;
    border-left: none!important;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_head_table_view .myJqGrid_head_th{
	border-bottom:none!important;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_head_table_view .myJqGrid_head_th:first-child{
	border-left:none!important;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_head_th:last-child{
	border-right:none;
}
.interfaceView .viewElem .myJqGrid tr .myJqGrid_body_td:last-child{
	border-bottom:none;
}
.interfaceView .viewElem[type="table"]{
	overflow:hidden;
}
.interfaceView .viewElem[type="table"][edittable="edit"]{
	overflow: visible;
	margin-bottom: 22px;
    position: relative;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowadd{
	position: absolute;
	left: 0;
	right: 0;
	top:100%;
	text-align: center;
	height:22px;
	
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowadd .ui.button{
	position: absolute;
	top:2px;
	left:50%;
	margin-left:-10px;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowadd .ui.button,
.interfaceView .viewElem[type="table"][edittable="edit"] .rowremove .ui.button{
    height: 22px;
    background: #f5f5f6;
    padding: 0 4px;
    line-height: 22px;
	font-size: 10px;
	margin:0
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowadd .ui.button:hover,
.interfaceView .viewElem[type="table"][edittable="edit"] .rowremove .ui.button:hover{
	background:#999;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowadd .ui.button:hover i,
.interfaceView .viewElem[type="table"][edittable="edit"] .rowremove .ui.button:hover i{
	color:#fff!important;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid,
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid .myJqGrid_body{
	overflow:visible;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid_body_tr.copytd{
	display:none;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid_body_tr{
	position: relative;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowremove .ui.button{
	position: absolute;
    top: 50%;
    margin-top: -11px;
    height: 22px;
    width: 20px;
    left: -23px;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid_head_th.rowremove{
	width: 0;
    padding: 0!important;
    border: none!important;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid_body_tr .rowremove{
	width: 0;
	position: relative;
	border:none!important;
	padding:0;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .myJqGrid_body_td>textarea{
	line-height:inherit;
	min-height:inherit;
	font-size:inherit;
	font-family: inherit;
	text-align: inherit;
	color: inherit;
	background:none;
	padding: 0 4px!important;
	overflow: visible;
}
.interfaceView .viewElem[type="table"][edittable="edit"] .rowadd .ui.button i,
.interfaceView .viewElem[type="table"][edittable="edit"] .rowremove .ui.button i{
	margin:0;
	color:#666!important
}
.interfaceView .viewElem[type="report"]{
	height:auto!important;
	width:100%!important;
}
.interfaceView .viewElem .myJqGrid .myJqGrid_head_report_view{
	border-top:none!important;
	border-right:none!important;
	border-left:none!important;
	border-bottom:1px solid #ccc;
	background:#f5f5f6;
}
.interfaceView .viewElem[type="report"] .myJqGrid_head_report_view{
	background:none;
	border-bottom:none;
	height:42px;
}
.interfaceView .viewElem[type="report"] .myJqGrid_head_report_view{
	border-bottom:none
}
.interfaceView .viewElem[type="report"] .myJqGrid_head_report_view .myJqGrid_head_th{
	border-left:none!important;
	border-top:none!important;
	border-bottom:none!important;
	border-right:1px solid #ccc;
}
.interfaceView .viewElem[type="report"] .myJqGrid_head_report_view .myJqGrid_head_th:last-child,
.interfaceView .viewElem[type="report"] .myJqGrid_body_report_view .myJqGrid_body_td:last-child{
	border-right:none!important;
}
.interfaceView .viewElem[type="report"] .myJqGrid_body_report_view .myJqGrid_body_tr:last-child .myJqGrid_body_td{
	border-bottom:none!important;
}
.interfaceView .viewElem[type="report"] .myJqGrid_body_report_view .myJqGrid_body_td{
	border-left:none!important;
	border-top:none!important;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.interfaceView .viewElem .myJqGrid tr .myJqGrid_body_td.rows{
	height:auto!important;
	white-space: normal;
	word-break: break-all;
}
.interfaceView .viewElem[type="report"] table{
	border-collapse: separate;
}
.interfaceView .viewElem[type="report"] .myJqGrid_head_table{
	border:1px solid #ccc;
	overflow: hidden;
}
.interfaceView .viewElem[type="report"] .myJqGrid_body_table{
	border:1px solid #ccc;
	border-top:none!important;
	overflow: hidden;
}

.interfaceEdit{
	width: 100%;
    height: 100%;
    position: relative;
    overflow: auto;
    padding: 10px;
}
.interfaceEdit .interface{
	overflow: auto;
	width: 100%;
    height: 100%;
	background:#fff;
	border:1px solid #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin: 0 auto;
}












.appBox{
	width: 100%!important;
    min-width:100px;
    /* overflow: hidden; */
    overflow: hidden;
    min-height: 200px;
}

.appEditBox{
	position: fixed;
	left:0;
	top:0;
	bottom: 0;
	right:0;
	z-index: 5000;
}

.appEditBox .editloading{
	left:11px;
	right:11px;
	bottom:11px;
	top:11px;
}


.appEditBox .gridMenu.ui.menu>.menuctrl{
	display: block!important;
	width: 36px;
	position: absolute!important;
	right:141px!important;
	top:0;
	line-height:38px;
	padding: 0px 2px!important;
	background: #f5f5f6!important;
	z-index:200;
	text-align: center;
}
.appEditBox .gridMenu.ui.menu .menuctrl:hover{
	background: #f5f5f6!important;
}
.appEditBox .gridMenu.ui.menu .menuctrl:hover{
	background: #f5f5f6;
}
.appEditBox .gridMenu.ui.menu .menuctrl.disabled{
	background-color: #f5f5f6!important;
	opacity: 1!important;
}
.appEditBox .gridMenu.ui.menu .menuctrl.turnLeft{
	right:177px!important;
}
.appEditBox .gridMenu.ui.menu .menuctrl.turnLeft.disabled{
	pointer-events: inherit!important;
}
.appEditBox .gridMenu.ui.menu .menuctrl .icon{
	margin: 0!important;
}
.appEditBox .ui.menu>.menuctrl.menudinner{
	background: #fff!important;
	right:-21px!important;
	width: 20px;
}
.appEditBox  .Edit .editHeader{
	background: #fff!important;
}




/*reminder modal*/
.ui.modal .header{
	height: 40px;
	background: white;
	border-bottom:1px solid #ccc ;
	padding:10px !important;
	font-size: 16px!important;
    font-weight: normal!important;
}
.ui.modal .actions{
	height: 60px;
	padding: 5px 10px!important;
	line-height: 50px;
}
.ui.modal.reminder .reminder.contents{
	padding: 5px 10px;
	height: 360px;
	overflow: hidden;
	overflow-y: auto;
}
.ui.modal.reminder .reminder.contents.reminderuserbody{
	height: 300px;
}


.ui.modal.reminder .reminder.contents .content{
	margin-top: 5px;
	background: #fff;
}
.ui.modal.reminder .reminder.contents .addcontent{
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 5px 0;
	cursor: pointer;
	border-radius:4px ;
	border: 1px solid #ccc;
	background: #fff;
}
.ui.modal.reminder .reminder.contents .content_top{
	height: auto;
	position: relative;
	border: 1px solid #ccc;
	padding:0 10px;
	cursor: pointer;
	border-radius:4px ;
}
.ui.modal.reminder .reminder.contents .content_top h1{
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 30px;
	padding-right: 40px;
}
.ui.modal.reminder .reminder.contents .content_top>i.chevron{
	width: 16px;
	height: 14px;
	position: absolute;
	top:8px;
	right:10px;
}
.ui.modal.reminder .reminder.contents .content_top>i.minus{
	width: 20px;
	height: 14px;
	position: absolute;
	top:8px;
	right:36px;
}
.ui.modal.reminder .reminder.contents  .content_body{
	width: 100%;
	height: auto;
	display: none;
}
.ui.modal.reminder .reminder.contents  .content_body .ui.input.theme,.ui.modal.reminder .reminder.contents  .content_body .ui.input.date{
	margin-top: 10px;
	display: inline-block;
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.ui.modal.reminder .reminder.contents .content_body .ui.input.date{
	padding-left:10px;
}
.ui.modal.reminder .reminder.contents .content_body .ui.checkbox{
	height:30px;
	margin-top:10px;
	line-height:30px;
	position:relative;
	width:100%;
}
.ui.modal.reminder .reminder.contents .content_body .ui.checkbox label{
	padding:0;
	padding-right:60px;
}
.ui.modal.reminder .reminder.contents .content_body .ui.checkbox label:before,
.ui.modal.reminder .reminder.contents .content_body .ui.checkbox label:after,
.ui.modal.reminder .reminder.contents .content_body .ui.checkbox input{
	margin:0;
	left:70px;
	top:6px;
}
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.checkbox input,
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.checkbox label:before,
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.checkbox label:after{
	left:80px;
}
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.input label,
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.textarea label,
.lang-en .ui.modal.reminder .reminder.contents .content_body .reminderuser .selectlabel{
	width:80px;
}
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.textarea textarea,
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.input.theme input,
.lang-en .ui.modal.reminder .reminder.contents .content_body .ui.input input{
	width: calc(100% - 80px);
}
.lang-en .ui.modal.reminder .reminder.contents .content_body .reminderuser .ui.showbox{
	width: calc(100% - 200px);
}

.ui.modal.reminder .reminder.contents .content_body .ui.checkbox label:after{
	top:0px;
}

.ui.modal.reminder .reminder.contents  .content_body .ui.input input{
	height: 30px;
	width: calc(100% - 70px);
	float: left;
}
.ui.modal.reminder .reminder.contents  .content_body .reminderuser{
	display: block;
	float: left;
	height: auto;
	line-height: 30px;
	width: 100%;
	margin-top: 10px;
}
.ui.modal.reminder .reminder.contents  .content_body .reminderuser .selectlabel{
	height: 30px;
	line-height: 30px;
	width: 70px;
	float: left;
}
.ui.modal.reminder .reminder.contents  .content_body .reminderuser .ui.showbox{
	width: calc(100% - 190px);
	height: auto;
	min-height: 30px;
	border: 1px solid #ccc;
	float: left;
	border-radius: 4px;
	margin-right:10px ;
}
.ui.modal.reminder .reminder.contents  .content_body .reminderuser .ui.showbox .showuser{
	height: 24px;
	border: 1px solid #ccc;
	border-radius:3px;
	line-height:22px;
	margin: 3px 5px;
	padding: 0 5px;
	font-weight: normal;
	font-size: 12px;
	background: #f5f5f6;
	float: left;
}
.ui.modal.reminder .reminder.contents  .content_body .reminderuser .ui.showbox .showuser i{
	margin: 0;
}
.ui.modal.reminder .reminder.contents  .content_body .reminderuser .ui.button{
	background: #EAEEF2;
	font-weight: normal;
	font-size: 12px;
	padding: 0;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 5px;
	border: 1px solid #B9C8D4;
	width: 50px;
	float: right;
	text-align: center;
 }

.ui.modal.reminder .reminder.contents .content_body .ui.input.theme input{
	width: calc(100% - 70px);
}
.ui.modal.reminder .reminder.contents .content_body .ui.input label{
	float: left;
	display: block;
	width: 70px;
}
.ui.modal.reminder .reminder.contents .content_body .ui.textarea{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.ui.modal.reminder .reminder.contents .content_body .ui.textarea label{
	line-height: 30px;
	width: 70px;
	height: 30px;
	float: left;
}
.ui.modal.reminder .reminder.contents  .content_body .ui.textarea textarea{
	width: calc(100% - 70px);
	float: left;
	border-radius: 4px;
	margin-bottom: 10px;
	resize: vertical;
	box-shadow: none!important;
	background: none!important;
	border: solid 1px #ccc;
	padding: 10px;
}
.ui.modal.reminder .reminder.contents  .content_body .clear{
	clear: both;
	text-align: right;
	margin-bottom: 10px;
}
.ui.modal.reminder .reminder.contents  .content_body .clear button{
	font-weight: normal;
	font-size: 12px;
	height: 30px;
	padding: 0 10px;
}
.ui.modal.reminder .reminder.contents  .content_body .clear button[reminderbtn="delete"]{
	position: absolute;
    top: 0px;
    color: red;
    right: 30px;
	margin: 0;
    font-size: 16px;
    background: none;
}
.ui.modal.reminder .reminder.contents .addcontent{
	height: 30px;
	line-height:28px;
	cursor: pointer;
}
/*reminder new*/
.ui.modal.reminder .reminder.contents{
	padding:10px;

}
.ui.modal.reminder .reminder.contents .newremindercontent{
	height: 338px;
	background: white;
	border: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius:4px;
	position: relative;
}
.ui.modal.reminder .reminder.contents .newremindercontent>.ui.menu{
	height: 40px;
	border-radius:0px;
	border-top-left-radius: 4px;
	border-top-right-radius:4px;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #ccc;
	margin: 0;
}
.ui.modal.reminder .reminder.contents .newremindercontent>.ui.menu .item{
	padding: 5px 10px;
	height: 40px!important;
    line-height: 30px!important;
}
.ui.modal.reminder .reminder.contents .newremindercontent>.ui.menu .item>.icon:not(.search){
	margin-top: -20px;
	color:rgba(0,0,0,.87);
}
.ui.modal.reminder .reminder.contents .newremindercontent>.ui.menu .item.ui.input{
    position: relative;
    height: 40px;
}
.ui.modal.reminder .reminder.contents .newremindercontent>.ui.menu .item.ui.input input{
	height: 24px;
    margin: 8px 0;
    padding: 5px 10px;
    line-height: 14px;
    padding-left: 20px;
    font-size: 12px;
}
.ui.modal.reminder .reminder.contents .newremindercontent>.ui.menu .item.ui.input i{
	display: block;
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 14px;
}
.ui.modal.reminder .reminder.contents .newremindercontent .newreminderlist{
	margin: 0;
	height: 296px;
	overflow: hidden;
	overflow-y: auto;
	padding:0;
}
.ui.modal.reminder .reminder.contents .newremindercontent .newreminderlist li.item{
	height: 30px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding:0;
	overflow: hidden;
	cursor: pointer;
	list-style-type: none;
	list-style: none;
}
.ui.modal.reminder .reminder.contents .newremindercontent .newreminderlist li.item .caption{
	width: 70%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #666;
	float: left;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui.modal.reminder .reminder.contents .newremindercontent .newreminderlist li.item .time{
	width: 30%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #666;
	float: right;
	padding-right:10px;
	text-align: right;
}
.ui.modal.reminder .reminder.contents .newremindercontent .newreminderlist li.item.selected{
	list-style-type: none;
	list-style: none;
	background:#deeffc;
}
.ui.modal.reminder.reminderdetail .reminder.contents  .content_body{
	display: block!important;
}
.ui.modal.reminder.reminderdetail .reminder.contents .content_body{
	border: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius:4px;
	background: white;
	width: 100%;
	height: 100%;
	padding: 0 10px;
	padding-bottom: 8px;
    overflow: auto;
}
.ui.modal.reminder.reminderdetail .reminder.contents .content_body .ui.textarea{
	height: 140px;
}
.ui.modal.reminder.reminderdetail .reminder.contents .content_body .ui.textarea textarea{
	height: 138px;
	resize:none;
}
.ui.modal.reminder.reminderdetail .reminder.contents .content_body .ui.textarea.explain{
	display:none;
}
.ui.modal.reminder.reminderdetail.explain .reminder.contents .content_body .ui.textarea.explain{
	display:block;
}
.ui.modal.reminder.reminderdetail.explain .reminder.contents .content_body .ui.textarea.explain label{
	padding-left:10px;
}
.ui.modal.reminder.reminderdetail.explain .reminder.contents .content_body .ui.textarea{
	width:50%;
}

.ui.modal.reminderuser .reminderuserbody{
	padding: 10px;
}
.ui.modal.reminderuser.moduleFieldSelect .reminderuserbody{
	position:relative;
}
.ui.modal.reminderuser.moduleFieldSelect .reminderuserbody .top.ui.input{
	position:absolute;
	right:13px;
	top:13px;
	width:140px;
}
.ui.modal.reminderuser.moduleFieldSelect .reminderuserbody .top.ui.input input{
	height: 24px;
}
.ui.modal.reminderuser.moduleFieldSelect .reminderuserbody .top.ui.input .icon{
	right:120px;
	height: 24px;
    line-height: 24px;
}
.ui.modal.reminderuser.moduleFieldSelect .reminderuserbody .bottom{
	margin:0
}
.ui.modal.reminderuser.moduleFieldSelect .reminderuserbody .bottombody{
	height: 250px;
}

.ui.modal.reminderuser .reminderuserbody .top.ui.input{
	height: 30px;
	width: 100%;
	position: relative;
}
.ui.modal.reminderuser .reminderuserbody .top.ui.input>label{
	height: 30px;
    line-height: 30px;
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui.modal.reminderuser .reminderuserbody .top.ui.input>i{
	height: 30px;
	width: 20px;
	text-align: center;
	line-height: 30px;
	margin: 0;
	position: absolute;
	top:0;
	right:158px;
}
.reminderuserbody .top.ui.input select.ui.dropdown{
	width: calc(100% - 280px);
	height: 30px;
	margin-right: 20px;
}
.reminderuserbody .top.ui.input .ui.selection.dropdown{
    width: calc(100% - 280px);
    height: 28px;
    margin-right: 20px;
    padding: 0 10px;
    line-height: 28px;
    min-height: 28px;
}
.reminderuserbody .top.ui.input .ui.selection.dropdown .dropdown.icon{
	top:8px;
}

.ui.modal.reminderuser .reminderuserbody .top.ui.input input{
	width: auto;
	height: 30px;
	padding-left: 22px;
}
.ui.modal.reminderuser .reminderuserbody .bottom,.ui.modal.reminderuser .reminderuserbody .bottomhead,.reminderuser .reminderuserbody .bottombody{
	width: 100%;
}
.ui.modal.reminderuser .reminderuserbody .bottom{
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	overflow: hidden;
}
.ui.modal.reminderuser .reminderuserbody .bottomhead{
	height: 30px;
	background: white;
	border-bottom: 1px solid #ccc;
	/*border-bottom: 2px solid #424558 !important;*/
}
.ui.modal.reminderuser .reminderuserbody .bottomhead .bottomname{
	height: 30px;
	line-height:30px;
	float: left;
	width: 160px;
}
.ui.modal.reminderuser .reminderuserbody .bottomhead .bottompositon{
	height: 30px;
	line-height: 30px;
	float: left;
	width:calc(100% - 360px);
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui.modal.reminderuser .reminderuserbody .bottomhead .ui.checkbox{
	height: 30px;
    width: 40px;
    padding-left: 10px;
    float: left;
}
.ui.modal.reminderuser .reminderuserbody .bottomhead .ui.checkbox>input{
	margin: 7px 0 0 10px;
}
.ui.modal.reminderuser .reminderuserbody .bottomhead .ui.checkbox>label:after{
	top:7px;
}
.ui.modal.reminderuser .reminderuserbody .bottombody{
	width: 100%;
	height: 210px;
	overflow-y: auto;
	background: white;
}
.ui.modal.reminderuser .reminderuserbody .record{
	width: 100%;
	height: 30px;
}
.ui.modal.reminderuser .reminderuserbody .record .ui.checkbox{
	height: 30px;
    width: 40px;
    padding-left: 10px;
    float: left;
}
.ui.modal.reminderuser .reminderuserbody .record .ui.checkbox>input{
	margin: 7px 0 0 10px;
}
.ui.modal.reminderuser .reminderuserbody .record .ui.checkbox>label:after{
	top:7px;
}
.ui.modal.reminderuser .reminderuserbody .record .bottomname{
	height: 30px;
	line-height:30px;
	float: left;
	width: 160px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ui.modal.reminderuser .reminderuserbody .record .bottompositon{
	height: 30px;
	line-height: 30px;
	float: left;
	width:calc(100% - 360px);
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui.modal.senduser .actions .ui.button.userInfoRefresh{
	height: 32px;
    padding: 0 8px;
    line-height: 32px;
    background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    position: absolute;
    left: 0;
    bottom: 14px;
}
.ui.modal.senduser .actions .ui.button.userInfoRefresh .icon{
	margin:0;
}

.ui.modal.reminder .ui.blue.button{
	background: #0099CC!important;
}
.ui.modal.reminder .ui.grey.button{
	    background: #EAEEF2;
		border: 1px solid #B9C8D4;
		color: rgba(0,0,0,.6);
}
.gridproperty.contents{
	padding: 10px;
	height: 299px;
}
.gridpropertymaxit{
  height: calc(100% - 100px) !important;
}
.gridpropertymaxitchildren{
	height: calc(100% - 30px) !important;
}
.gridproperty .gridpropertysearch{
	position:absolute;
	right:0px;
	top:40px;
	background: none;
    border-top-right-radius: 4px!important;
	overflow: hidden;
	height: 40px;
    padding: 8px !important;
}
.gridproperty .gridpropertysearch input{
	padding: 5px 10px 5px 24px;
    height: 24px !important;
    min-height: 24px !important;
    font-size: 12px;
    line-height: 24px;
    box-shadow: none!important;
}
.gridproperty .gridpropertysearch i{
	padding-left: 10px;
    position: absolute;
    left: 6px;
	top: 13px;
	opacity: .9;
    float: none;
	margin: 0 .35714286em 0 0;
	color: black;
}
.gridproperty.contents>.ui.menu{
	height: 30px;
	min-height: 30px;
}
.gridproperty.contents>.ui.menu .item{
	font-weight: normal;
	height: 30px;
	padding: 0 16px;
	line-height: 30px;
}
.gridproperty.contents>.ui.menu .item[data-tab="colgeneral"] .ui.checkbox{
	margin-left:4px;
}
.gridproperty.contents>.ui.menu .item[data-tab="colgeneral"] .ui.checkbox label{
	cursor: pointer!important;
}
.gridproperty.contents>.ui.menu .item[data-tab="colgeneral"] .ui.checkbox label:before{
	top:0!important;
}
.gridproperty.contents .ui.segment{
	padding: 0;
	height: 249px;
	overflow:hidden;
}


.gridproperty .general .content{
	min-height: 30px;
	max-height:60px;
	line-height: 30px;
	overflow:hidden;
}
.gridproperty .general .content .ui.checkbox{
	float: left;
	height: 30px;
    line-height: 30px;
}
.gridproperty .general .content .ui.checkbox input{
	top:6px;
}
.gridproperty .gridcol{
	width: 100%;
}
.gridproperty .colcontents{
	/*border: 1px solid #ccc;*/
	/*margin-top: 10px;*/
	padding: 8px 16px;
	overflow: hidden;
	height: 250px;
	overflow-y: auto;
	border-radius:4px ;
}
.gridproperty .general[data-tab="colgeneral"]  .content{
	min-height: 30px;
	max-height:60px;
	line-height: 30px;
	overflow:hidden;
	float: left;
	padding-right: 10px;
    width: 25%;
}

#bar{
	list-style: none;
	height: 200px;
}
#bar li{
	float: left;
	width: 100px;
	height: 50px;
	background: rgb(17, 121, 219);
	margin: 10px;
}
.gridproperty .colcontents .sortable-ghost {
	opacity: 0.5;
	background-color: #d0e5f5;
}
.gridproperty .colcontents .sortable-ghost .ui.checkbox label {
	opacity: 0;
}

.disabledclick{
	pointer-events: none;
}
.gridproperty .colcontents .inlineTool{
	height:30px;
	overflow:hidden;
	width:50px;
	float: left;
	margin-left:10px;
	display: none;
}
.gridproperty .colcontents .content:hover .inlineTool{
	display: block;
}
.gridproperty .colcontents .inlineTool .item{
	height:20px;
	width:20px;
	float: left;
	line-height:20px;
	text-align: center;
	color:#444;
	border:1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	margin-right:10px;
	margin-top:5px;
}
.gridproperty .colcontents .inlineTool .item:last-child{
	margin-right:0;
}
.gridproperty .colcontents .inlineTool .item .icon{
	margin:0;
}




.gridproperty .colcontents.generalbox{
	margin:0;
}
.gridproperty .general .content label::before{
	top:6px!important;
}
.ui.table td.consignee {
	/*padding-right:0;*/
	width:60px;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border: none;
}

.ui.table td.addattachment {
	padding:0;
	border: none;
	/*cursor: pointer;*/
	color: #0099CC;
}
.ui.table td.addattachment span{
	cursor: pointer;
}
.ui.table td.addattachment .icon {
	margin: 0;
}

.ui.table td.straightmatter {
	width: 55px;
	padding-right: 0;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border: none;
	text-align: right;
	vertical-align: top;
}

.ui.table td.senderadd .copy {
	cursor: pointer;
	margin-right: 0.3em;
}

.ui.table td.senderadd .blind {
	cursor: pointer;
	margin-right: 0.4em;
}

.ui.table td.senderadd .distribute {
	cursor: pointer;
}

.epistolizemailframe {
	margin-top: 0em;
	position: relative;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 0px;
	overflow: auto;
	overflow-x: hidden;
}

.ui.table tr td .receivebox {
border: 1px solid rgba(34, 36, 38, .1);
	background: #fff;
	height:auto;
	overflow: hidden;
	min-height: 30px;
	border-radius:4px;
}

.ui.table tr td .receivebox.mailaddressbox {
	border: none;
	background: #fff;
	width: 100%;
	border: 1px solid rgba(34, 36, 38, .1);
	padding-left: 4px;
}
.ui.table tr td .receivebox.mailaddressbox input{
	height: 30px;
	line-height: 30px;
}
.ui.input.receivebeing {
	margin:0;
	width: 90%;
}

.ui.input.receivebeing input {
	border: none;
	padding: 0;
	overflow: hidden;
	height:30px;
	line-height: 30px;
	text-overflow: ellipsis;
	padding-left: 4px;
}

.ui.input.being {
	margin: 3px;
    vertical-align: middle;
    font-size: 12px;
    float: left;
    height: 24px;
    line-height: 24px;
    background: #EBEBEB;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui.input.being:hover {
	background: #EBEBEB;
	cursor: default;
}

.ui.input.being .direction {
	color: #CCCCCC;
}

.ui.input.being b {
	font-weight: normal;
	max-width: 1000px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui.label.attachments {
	margin: 0.2em 0;
	border-radius: 0.8rem;
	padding: 2px 18px 5px 10px ;
	background: #F0F0F0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.ui.label.breadcrumb a:hover {
	color: #666666;
}

.ui.label.attachments>.delete.icon {
	position: absolute;
	right:2px;
	bottom: 5px;
}



.ui.modal.dialoguebox>.content {
	/*min-height:200px;*/
}

.ui.dimmer {
	background-color: rgba(0, 0, 0, .35);
	z-index: 85000;
}

.ui.modal>.header.dialoguebox:not(.ui) {
	/*color: #0099CC;*/
	padding: 1rem !important;
	line-height: unset;
	font-weight: bold !important;
}

.ui[class*="right labeled"].icon.button.dialoguebox {
	padding-right: 1.5em!important;
}

.ui.black.button.dialoguebox {
	background: #EAEEF2;
	color: #34495E;
	font-weight: normal;
	border: 1px solid #B9C8D4;
}

.ui.positive.button.dialoguebox {
	background: #0099CC!important;
	font-weight: normal;
}


.ui.modal>.image.content.dialoguebox {
	display: block;
	height: auto;
    /* word-spacing: normal; */
    white-space: normal;
    word-wrap: break-word;
    max-height: 260px;
    overflow: hidden;
	overflow-y: auto; 
	padding: 1rem;
	line-height: 35px;
}

.ui.modal>.image.content.dialoguebox .ui.input {
	line-height: 35px;
	width: 100%;
	padding-top: 10px;
}

.ui.modal>.image.content.dialoguebox .ui.input:first-child {
	padding-top: 0;
}

.ui.modal>.image.content.dialoguebox .ui.input span.title {
	width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui.modal>.image.content.dialoguebox .ui.input .ui.dropdown.send {
	height: 1.2142em;
    line-height: 1.2142em;
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    text-align: left;
    padding: .67861429em 1em;
    background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    -webkit-transition: background-color .1s ease,box-shadow .1s ease,border-color .1s ease;
    transition: background-color .1s ease,box-shadow .1s ease,border-color .1s ease;
    box-shadow: none;
}

.ui.modal>.image.content.dialoguebox .ui.input .ui.dropdown.send .selected.item {
	font-size: 12px;
}

.ui.selection.dropdown .menu>.item span.circle {
	width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 2px;
}

.ui.dropdown>.text span.circle {
	width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 2px;
}

.ui.selection.dropdown .menu>.item.label-color {
	padding: 13px!important;
	display: inline-block;
}

.ui.input label input {
	width: 100px;
}

.ui.modal>.header.dialoguebox.prompt:not(.ui) {
	font-size: 2em;
	color: #fff;
	font-weight: normal;
	padding: 0.5em;
	background: none;
	border: none;
}

.ui.modal.dialoguebox.prompt {
	width: auto;
	margin: 0 0 0 -50px;
	background: none;
	box-shadow: none;
}

.ui.compact.message.messagebox {
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -190px;
	padding: 0.5em 1em;
	background: #CC6633;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 0;
}

.ui.dropdown .menu.sendemailaddress {
	right: 0;
	left: auto;
	z-index: 1000 !important;
}
.ui.dropdown.sendemailaddress {
	height: 24px!important;
	line-height: 24px!important;
	float: right;
}


.ui.dropdown>.dropdown.sendemailaddress.icon {
	margin-left:0;
}


/*附件图标*/

.six.wide.mail-attachment>.mail.outline.icon {
	font-size: 16px;
	width: 20px !important;
	height: 16px !important;
	margin-left:2px;
	margin-right:4px !important;
}


/*22样板*/

.head-logo,.head-logo-en {
	width: 180px;
	height: 40px;
	background:#34c0e3;
	position: absolute;
	top: 0;
	left: 0;
	z-index:43002;
}

.simple-menu .head-logo,.simple-menu .head-logo-en{
	width: 40px;
}
.right-page {
	position: absolute;
	height: 40px;
	left: 0;
	top: 0;
	border-bottom: none !important;
	box-shadow: none!important;
}

.right-page>.item {
	padding-right: 10px !important;
	float: right;
}

.right-page>.item>.close.icon {
	margin-left: 0.4em !important;
	margin-right: 0 !important;
	font-size: 10px;
	position: absolute;
	top: 8px;
	right:0px;
}

.page-body {
	border: none;
	padding: 0 !important;
	position: absolute !important;
	top: 42px !important;
	bottom: 0 !important;
	left: 180px !important;
}

.page-menu {
	position: absolute;
	z-index: 80001;
	right: 0px;
	top: -1px;
	height: 39px;
	padding: 0 0px 0 0;
	margin: 0 !important;
	border: none !important;
	min-height: 38px !important;
	border-radius:0 !important;
	box-shadow: none !important;
	/*max-width: 200px;*/
}

.page-menu>.ui.dropdown.item {
	padding: 0 4px 0 32px !important;
	position: relative;
	height: 100%;
	border: none;
	width: auto;
	max-width: 180px;
	background: #fff !important;
	border-radius: 0 !important;
}
.page-menu>.ui.dropdown.item .angle.down.icon{
	margin: 0 !important;
	/*margin-top: -2px!important;*/
}
.ui.menu .cxDivider{
	width:1px;
	border-right: 1px solid #ccc;
	height: 100%;
}
.page-menu>.ui.divider{
	margin:6px 0px 6px 4px!important;
	width:1px;
	border-right: 1px solid #ccc;
	height: 28px;
}
.page-menu>.ui.dropdown.item:hover{
	background: #fff !important;
}


.page-menu>.ui.dropdown.item .menu.transition.visible .item:hover{
	background: #cbe9ff !important;
}
.page-menu>.ui.dropdown.item .mail.icon {
	margin-right: 20px;
	font-size: 18px;
}
.page-menu>.item {
position: relative;
padding: 0 !important;
text-align: right !important;
width: auto;
min-width: 20px;
padding-left: 4px !important;
}
.page-menu>.item:not(.dropdown){
	padding: 0 4px!important;
    min-width: 18px;
}
.page-menu>.item i{
	margin: 0 auto!important;
}
.page-menu>.item i.folder{
	color: black;
}
.page-menu>.item i.alarm{
	width: 16px;
	/*margin: 0 0 0 9px !important;*/
}
.page-menu .ui.red.label {
	font-size: 9px;
	margin: 0;
	width: auto;
	padding: 1px 2px;
	border-radius: 2px;
	text-align: center;
	min-width: 14px;
	height: 14px;
	line-height: 12px;
	position: relative;
	font-weight: normal;
	background: none !important;
	color: #db2828 !important;
	font-family: "微软雅黑"!important;
}
.page-menu .ui.red.label span{
	color: #333!important;
}
.ui.menu>.item:first-child {
	border-radius:0 !important;

}
.tabBox .ui.menu>.item.active:first-child{
	border-radius: 0!important;
	background: white;
	border-color: #fff;
	color:#34c0e3;
	padding: 11px 24px 11px 18px !important;
}
.tabBox .ui.menu>.item:first-child{
	width: 60px!important;
}
.page-menu>.ui.dropdown.item span {
	background: #76dac8;
	position: absolute;
	left: 0;
	top: 6px;
	background-size: auto 100%;
	display: block;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.offline .page-menu>.ui.dropdown.item span{
	background:#999!important;
}
.page-menu>.ui.dropdown.item>.user-name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 120px;
	width: auto;
	padding: 0 4px 0 4px;
	line-height: 44px;
	height: 40px;
	min-width:40px;
	text-align: center;
}
.page-menu>.ui.dropdown.item>.reconnect{
	display: inline-block;
	white-space: nowrap;
	width: auto;
	padding: 0 0px;
	cursor: pointer;
	color: #333;
	font-weight: bold;
}

.page-menu>.ui.dropdown.item>.user.icon {
	width: 16px;
	margin-left: 5px;
}

.page-menu>.ui.dropdown.item>.menu>.item {
	padding: 8px 10px !important;
}
.page-menu>.ui.dropdown.item>.menu>.item.bordered{
	border-top: 1px solid #ccc;
}

.ui.menu .item:before {
	width: 0 !important;
	background: none !important;
}



.ui.menu.page-menu a .dropdown.icon {
	padding-left: 6px !important;
	margin: 0 !important;
}
.ui.menu.page-menu a .icon{
	color:#767676 !important;
	margin: 0!important;
	width: 14px!important;
	/*#767676*/
}
.ui.menu.page-menu a .icon.cloud,
.ui.menu.page-menu a .icon.bug,
.ui.menu.page-menu a .icon.workflowicon{
	/*margin-left: 11px;*/
	display: inline-block;
	width: 14px;
	height: 12px;
	background-image: url("../../static/images/VI/logocloud-g.png");
	background-repeat: no-repeat;
	background-size: 12px 12px;
	background-position: 1px 0px;
}
.ui.menu.page-menu a .icon.workflowicon
{
	background-image: url("../../static/images/logoworkflow.png");
}
.ui.menu.page-menu a .icon.bug{
	background-image: url("../../static/images/logobug.png");
}
.ui.menu.page-menu a .alarm.icon {
	margin-right: 0 !important;
}


.ui.menu.page-menu>menu transition visible {
	left: auto !important;
	right: 0 !important;
	overflow: hidden;
	text-overflow: ellipsis;
}



.ui.compact.move.menu>.ui.dropdown.item .menu {
	width: 100%;
}
.ui.compact.move.menu>.ui.dropdown.item .menu .item{
	padding-left: 0!important;
	padding-right: 0!important;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui.compact.move.menu>.ui.dropdown.item:hover{
	background: #fff;
}
.ui.dropdown.item.active.visible {

	color:#007bca;
}

.ui.dropdown.item.active.visible>span {
	border-color: #007bca;
	color:#007bca !important;
}
.ui.dropdown.item.active.visible>span.headspan{
	color: #fff!important;
}
.mail-menu {
	width: 150px!important;
	padding: 0;
	background: #EAEDF2;
}

.page-colmn {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.page-colmn>.column.mail-menu {
	width: 150px;
}

.ui.vertical.fluid.tabular.menu.mail-down {
	width: 150px !important;
	margin: 0;
	padding-top:8px;
	background: white;
}
.ui.breadcrumb a{
	color:#0099FF;
}
.ui.vertical.fluid.tabular.menu.mail-down .item:active,.ui.vertical.fluid.tabular.menu.mail-down .item{
	border-radius: 0!important;
    border-left: none!important;
    font-weight: normal;
    padding: 8px 16px;
    line-height: 18px;
	margin: 0!important;
}
.ui.vertical.fluid.tabular.menu.mail-down .item.active,.ui.vertical.fluid.tabular.menu.mail-down .item.active:hover{

	background: #deeffc;
}
.ui.vertical.fluid.tabular.menu.mail-down .item .ui.label{
	margin: 0;
	padding: 0px 8px;
	height: 18px;
	line-height: 18px;
}
.page-rightcolumn {
	position: absolute;
	top: 0;
	left: 150px;
	bottom: 0;
	right: 0;
	width: 100%;
}

.page-rightcolumn>.rightBox {
	position: relative;
	padding: 10px;
	width: 100%;
	height: 100%;
}

.page-rightcolumn>.rightBox>.ui.menu>.item {
	padding-left: 10px;
	padding-right: 0;
}

.page-rightcolumn>.rightBox>.ui.menu>.item .ui.blue.button {
	padding: 10px;
	background: #44a1e3;
}

.page-rightcolumn>.rightBox>.ui.menu>.item .ui.blue.button:hover {
	background: #1881cc;
}

.rightBox>.ui.menu {
	margin-right: 180px;
	margin-bottom: 0;
	margin-top: 0;
	background-color: #f1f1f1;
	border: none;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
}

.rightBox>.ui.menu>.item {
	padding-left: 10px;
	padding-right: 0;
}

.rightBox>.ui.menu.page-search {
	top: 48px
}

.rightBox {
	position: relative;
	height: 100%;
}

.funcTab {
	box-sizing: border-box;
	z-index: 4000;
	background: #fff;
	height: 40px;
	position: absolute;
	padding-left: 0px !important;
	/*margin-left: 180px !important;*/
	/*width: 100%;*/
	left:180px;
	right:0;
	top:0;
	/*min-width: 1000px;*/
	border-bottom: 1px solid #ccc;
}

.tabBox {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 40px;
	/*border-bottom: #0f5180 solid 1px !important;*/
}

.tabCtr {
	position: fixed;
	top: 0px;
	width:61px;
	line-height: 34px;
	padding-bottom: 2px;
	z-index: 999;
	height: 40px;
}

.tabCtr i {
	font-size: 16px !important;
	display: inline-block;
	cursor: pointer;
	margin: 0;
    width: 30px;
    text-align: center;
}

.tabBox .ui.tabular.menu .item{
	border: none;
	border-bottom:1px solid #ccc;
	margin: 0 !important;
	white-space: nowrap;
	font-size: 12px;
	position: relative;
	padding: 11px 24px 12px 16px !important;
}
.tabBox .ui.tabular.menu .item tabtitle{
	max-width: 240px;
    overflow: hidden;
    line-height: 18px;
    height: 18px;
    text-overflow: ellipsis;
}
.tabBox .ui.tabular.menu .item[tabid="desktop"]{
	padding: 11px 18px 12px 18px !important;
}
.tabBox .ui.tabular.menu .item[tabid="desktop"] .menuicon{
	display:none
}
.tabBox .ui.tabular.menu .item .menuicon{
	height:16px;
	width:16px;
	margin-right:4px!important;
	margin-top:0;
	/* margin-bottom:2px;  */
	/* background-color:#34495e; */
	border-radius: 2px;
	overflow:hidden;
	margin-left: 0!important;
	background-size:100%; 
}
.tabBox .ui.tabular.menu .item .fixedicon{
	width:16px;
	height:16px;
	font-size:12px;
	color:#da251d!important;
	transform:rotate(10deg);
	-ms-transform:rotate(10deg); 	/* IE 9 */
	-moz-transform:rotate(10deg); 	/* Firefox */
	-webkit-transform:rotate(10deg); /* Safari 和 Chrome */
	-o-transform:rotate(10deg); 	/* Opera */
	display: none;
}
.tabBox .ui.tabular.menu .item.fixed .fixedicon{
	display: inline-block;
}
.tabBox .ui.tabular.menu .item.fixed{
	padding: 11px 18px 12px 12px !important;
}

.tabBox .ui.tabular.menu .item .ui.left.corner.label{
	padding: 0;
	margin: 0;
	left: 4px;
}
.tabBox .ui.tabular.menu .item .ui.left.corner.label i{
	top: 2px;
    left: -15px;
    font-size: 12px;
    color: white;
}
.tabBox .ui.tabular.menu .item .ui.left.corner.label:after{
	border-top: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent;
    border-top-color: rgba(218, 37, 29,.8);
}
.editTab .ui.tabular.menu{
	padding-left: 10px!important;
}
.tabBox .ui.tabular.menu:first-child .item i:not(.menuicon){
	color: #ccc;
	margin: 0 !important;
}

/*datagrid*/

.databox {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 10px;
	bottom: 0px;
	overflow: hidden;
}
.databox .recordCart{
	height:30px;
	min-width:40px;
	z-index: 200;
	position: absolute;
	right:26px;
	top:56px;
	padding-right:4px;
	line-height:30px;
	background:#34495e;
	padding-left:20px;
	border-radius: 6px;
	cursor: pointer;
	opacity: 1;
}
.databox .recordCart:hover{
	opacity: 1;
}
.databox .recordCart .icon.cart{
	margin:0;
	color:#fff;
	position: absolute;
	left:2px;
	top:0px;
}
.databox .recordCart .icon.trash{
	position: absolute;
	right:0;
	top:0;
	color:#da251d;
	cursor: pointer;
	margin: 0;
	display:none;
}
.databox .recordCart .num{
	width:100%;
	height:100%;
	color:#fff;
	text-align: center;
}

.databoxloading{
	position: absolute;
    display: block!important;
    height: 60px!important;
    width: 60px!important;
    font-size: 64px!important;
    top: 50%;
    /*z-index: 10000;*/
    margin-top: -30px!important;
    left: 50%;
    margin-left: -30px!important;
}
.databox>.ui.menu {
	border: none !important;
	/*border-bottom: 1px solid #f1f1f1 !important;*/
	box-shadow: none !important;
}
.databox .allcheck{
	position: fixed;
    top: 94px;
    left:190px;
	height:37px;
    line-height: 40px;
    font-weight: normal;
    font-size: 12px;
	width: 30px;
	overflow: hidden;
    z-index: 2;
	display: none;
}
.all_check{
	width: 60px;
    position: absolute;
    top: 40px;
    left:0px;
    z-index: 100;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
}
.editArea .all_check{
	top:50px;
}
.all_check input{
	position: absolute;
	top: 10px;
	left: 8px;
	cursor: pointer!important;
}
.all_check .selected_len span{
	position: absolute;
    color: red;
    left: 20px;
    top: -7px;
}
.databox .selected_len{
	position: absolute;
    top: 0px;
    left:8px;
    height: 37px;
    line-height: 40px;
    font-weight: normal;
    font-size: 12px;
	width: 30px;
	overflow: hidden;
    z-index: 2;
}
.databox .selected_len span{
	display: block;
	position: absolute;
	top:-10px;
	left: 11px;
	text-align: center;
	font-weight: bold;
	color: #da251d;

}
.databox .page_jl{
	position: absolute;
	top:0px;
	right:240px;
	height: 40px;
	line-height: 42px;
	font-weight: normal;
	font-size: 12px;
}
.databox .page_jl span{
	padding-left: 50px;
}
.databox .checknum{
	position: absolute;
    bottom: 9px;
	line-height: 20px;
    left: 150px;
    z-index: 1005;
    font-size: 12px;
    font-weight: normal;
    color: #333;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}
.databox .checknum span{
	color: red;
}
.databox>.ui.menu.editMenu {
	box-sizing: border-box !important;
	position: absolute;
	right:20px;
	left: 0;
	top:0px;
	height: 42px;
	/*overflow-y:visible;*/
	/*overflow-x: hidden;*/
	/*overflow: hidden;*/
	margin: 0 !important;
	background: #f5f5f6 !important;
	border: 1px solid #ccc!important;
	margin-top: 10px !important;
	border-radius:0 !important;
	border-top-left-radius: 4px!important;
	border-top-right-radius: 4px !important;
	box-shadow: none!important;
}
.ui-jqgrid .ui-jqgrid-bdiv{
	background: white;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.databox .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	background: #f5f5f6;
	margin-top: 52px;
	border-top: none;
	border-bottom: none;
	/*border-right:none ;*/
	border-top-right-radius:0!important;
	border-top-left-radius:0!important;
}
.ui-jqgrid .ui-jqgrid-hbox{
	border: none!important;
	/*height: 38px;*/
}
.databox>.ui.menu>.item {
	padding-right: 8px !important;
	padding-left: 8px !important;
}

.databox>.ui.menu .ui.button {
	background: none !important;
	color: #333;
	border-left: 1px solid #ccc;
	border-radius: 0 !important;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	margin-top: 5px;
	font-weight: normal !important;
}

.databox>.ui.menu .item .noBorder {
	border: none !important;
}

.databox>.ui.menu .ui.button:hover {}

.databox>.ui.menu .ui.input ,.editArea .gridHeader .ui.menu.gridMenu .item.ui.input{
	/*box-shadow: 1px 2px 3px 0 #cbcbcb;*/
	background: none;
	position: absolute;
	width: 170px;
	top:0;
	right: 0;
	border-radius: 4px;
	z-index: 5;
}
.databox>.ui.menu .ui.input{
	background: #f5f5f6;
	border-top-right-radius: 4px!important;
	overflow: hidden;
	top:-1px;
	right:-1px;
	z-index: 10;
	height: 40px;
	padding: 8px !important;
	display: block!important;
	border-top: 1px solid #ccc!important;
	border-right: 1px solid #ccc!important;
}
.databox>.ui.menu .menuctrl{
	display: block;
	width: 36px;
	position: absolute;
	right:168px;
	top:0;
	padding: 14px 2px;
	background: #f5f5f6!important;
	z-index:200;
}
.databox>.ui.menu .menuctrl:hover{
	background: #f5f5f6!important;
}
.databox>.ui.menu .menuctrl:hover{
	background: #f5f5f6;
}
.databox>.ui.menu .menuctrl.disabled{
	background-color: #f5f5f6!important;
	opacity: 1!important;
}
.databox>.ui.menu .menuctrl.turnLeft{
	right:204px;
}
.databox>.ui.menu .menuctrl.turnLeft.disabled{
	pointer-events: inherit!important;
}
.databox>.ui.menu .menuctrl .icon{
	margin: 0!important;
}
.databox>.ui.menu .menuctrl.menudinner{
	background: #f5f5f6;
	right:-21px;
	width: 20px;
}



.editArea .gridHeader .ui.menu.gridMenu .item.ui.input{
	background: #f5f5f6!important;
    border-radius: 4px!important;
}

/*graphicpatterns*/
.gpbox{
	position: absolute!important;
	overflow: hidden;
	top:51px;
	left: 0px!important;
	right: 21px!important;
	bottom:10px;
	background: #fff;
	width: auto!important;
	height: auto!important;
	z-index: 2005;
	border: 1px solid #ccc!important;
	border-right: none!important;
	box-shadow: none!important;
	border-top:none!important;
}
.graphicpatterns-menu{
	width: 300px!important;
	border-right:1px solid #ccc;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.graphicpatterns-menu .right.ui.menu.menufunc{
	border: none;
	box-shadow: none;
	background: none;
	height: 36px;
	padding-right: 5px;
}
.graphicpatterns-menu .right.ui.menu.menufunc .item{
	opacity: 0.5;
}
.graphicpatterns-menu .right.ui.menu.menufunc:hover .item{
	opacity: 1;
}
.graphicpatterns-menu .right.ui.menu.menufunc .item i{
	color: #333;
	cursor: pointer;
	margin: 0;
}
.graphicpatterns-menu .right.ui.menu.menufunc .item{
	height: 35px;
	width: 20px;
	font-size: 14px;
	margin-left: 5px;
	text-align: center;
	padding: 0;
	cursor: pointer;
}
.graphicpatterns-menu .topmenu.ui.menu{
	border: none;
	border-bottom: 2px solid #424558 !important;
	font-size: 12px;
	line-height: 41px;
	height: 41px;
	margin: 0;
	border-radius:0 ;
}
.graphicpatterns-menu .content{
	position: relative;
}

.graphicpatterns-menu .ui.selection.list *:hover,.graphicpatterns-menu .ui.selection.list:hover{
		background: white!important;
}
.graphicpatterns-menu .content>span.selected ~ i.icon{
	display:block;
}
.graphicpatterns-menu .content i.minus.icon{
	position: absolute;
	right: 0;
	top:3px;
	font-size: 14px;
	display: none;
}

.graphicpatterns-menu .content i.add.icon{
	position: absolute;
	right:36px;
	top:3px;
	font-size: 14px;
	display: none;
}
.graphicpatterns-menu .content i.external.icon{
	position: absolute;
	right:54px;
	top:3px;
	font-size: 14px;
	display: none;
}
.graphicpatterns-menu .content i.write.icon{
	position: absolute;
	right:18px;
	top:3px;
	font-size: 14px;
	display: none;
}
.graphicpatterns-menu>.list>.item>.content>i.add.icon{
	right:0;

}
.graphicpatterns-menu .content .ui.animated.selection.list{
	padding: 0;

}
.graphicpatterns-menu .content>span{
	line-height: 20px;
	display: block;
	width: 100%;
}
.userList .ui.selection.list{
	opacity: 1;
	margin:0;
}
.userList .ui.selection.list *{
	opacity: 1;
}
.userList .ui.selection.list .folder.icon{
	color:#f4dc92;
	height:20px;
}
.graphicpatterns-menu  .ui.animated.selection.list .item{
    padding: 2px 0px 0 10px;
    line-height: 30px;
}
.ui.animated.selection.list .item{
	padding: 5px 0px 0 10px;
    line-height: 30px;
}
.ui.animated.selection.list .item:hover{
	/* padding: 5px 0px 0 10px!important; */
}
.ui.selection.list,
.ui.selection.list:hover,
.ui.selection.list .item,
.ui.selection.list .item:hover,
.ui.selection.list span,
.ui.selection.list span:hover
{
	background: none!important;

}
.ui.list .list>.item>.content>.list, .ui.list>.item>.content>.list{
	padding-top: 2px; 
    padding-bottom: 1px;
}
.ui.modal.selectcatalogue .content i.minus.icon,.ui.modal.selectcatalogue .content i.add.icon,.ui.modal.selectcatalogue .content i.write.icon{
	display: none;
}
.ui.modal.selectcatalogue .selectcataloguebody{
	padding: 0px;
    height: 240px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
    background: white;
	margin: 0 10px 10px 10px;
	position:relative;
}
.ui.modal.selectcatalogue .selectcataloguebody .selectcatalogueloading{
	background: #f1f1f1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
}
.ui.modal.selectcatalogue .selectcataloguebody .ui.selection.list{
	padding:0;
	margin:0;
}
.ui.modal.selectcatalogue .selectcataloguebody .ui.selection.list .content>span{
	line-height: 20px;
    display: block;
    width: 100%;
}
.ui.modal.selectcatalogue .selectcataloguebody .ui.selection.list .content>span .folder.icon{
	color:#f4dc92;
}

.graphicpatterns{
	position: absolute;
	left: 300px;
	top: 0;
	right: 0;
	height: 100%;
	margin: 0 !important;
	overflow: hidden;
	overflow-y: auto;
	/*border-right: 1px solid #ccc;*/
	padding-left: 10px!important;
	padding-bottom: 50px!important;
	align-content: flex-start;
}
.gridSumMenu{
	position: absolute;
	left:300px;
	right: 0;
	bottom:0;
	height: 40px;
	border-top: 1px solid #ccc;
	background: #f5f5f6;
	z-index: 3;
}
.gridSumMenu.nolist{
	left:0;
}
.gridSumMenu .sumCaption{
	position: absolute;
	top:0;
	height: 40px;
	left:20px;
	width: auto;
	font-size: 12px;
	color: #333;
	line-height: 40px;
}
.gridSumMenu .rowselect{
	position: absolute;
	top:0;
	height: 40px;
	right:200px;
	width: auto;
	font-size: 12px;
	color: #333;
	line-height: 40px;
}
.lang-en .gridSumMenu .rowselect{
	right:280px;
}
.gridSumMenu .pagerControl{
	border: none;
}
.gridSumMenu .pagerControl table td{
	height: 40px;
}
.gridSumMenu .pagerControl table td .ui-icon{
	cursor: pointer;
}
.gridSumMenu .pagerControl table td.ui-state-disabled .ui-icon{
	cursor: default;
}
.gridSumMenu .pagerControl table td .ui-pg-input{
	width: 20px;
}

.graphicpatterns>i.loading{
	display: block;
    position: absolute;
    font-size: 60px;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    top: 50%;
    padding: 0;
    left: 50%;
    z-index: 4000;
}

.graphicpatterns .gpcontent.column{
	padding: 10px 10px 0px 0!important;
}
.graphicpatterns .gpcontent.column.unread .header,
.graphicpatterns .gpcontent.column.unread .msgcontent{
	font-weight: bold!important;
}
.gridbox{
	position: absolute;
	left: 0px;
	right:20px;
	top:0px;
	bottom:10px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.gridbox.multiLine .ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td{
	white-space: normal;
	word-break: break-all;
}
.gridbox.haslist{
	position: absolute;
	left: 300px;
	right: 20px;
	top:0px;
	bottom:10px;
	overflow: hidden;

}
.gridbox.haslist .allcheck{
	left: 426px!important;
}
.simple-menu .gridbox.haslist .allcheck{
	left: 286px!important;
}
.graphicpatterns.nolist{
	left: 0px!important;
}
.gpcontent{
	/*width: 200px;*/
	height: 280px;
	/*float: left;*/
	/*margin: 10px 0 0 0px;*/
	/*padding: 0 10px !important;*/
}
.selectcatalogue{
	width: 400px!important;
	margin-left: -200px!important;
}
.selectedbox{
	height: 30px;
	margin: 10px!important;
}
.selectedbox .column{
	padding: 0!important;
	line-height: 30px;
	position: relative;
}
.selectedbox .column input{
	width: 100%;
}

.gpcell{
	height: 100%;
	border-radius:4px ;
	border: 1px solid #ccc;
	position: relative;
}
.gpcell>.gpcellcheck{
	position:absolute;
	height: 16px;
	width: 16px;
	top: 6px;
	left:4px;
	cursor: pointer;
}

.gpcontent .header,.gpcontent .msgcontent{
	width: 100%;
	height: 30px;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	padding-left: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gpcontent .header{
	padding-left: 24px;
}
.gpcontent .gpnum{
	position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 3;
    height: 22px;
    background: #d0e5f5;
    min-width: 22px;
    padding: 0 4px;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    color: inherit;
}
.gpcontent.selected .gpnum{
	background:#fff;
}
.gpcontent .imgcontent{
	width: 100%;
	height:calc(100% - 80px);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.gpcontent .gpcell .loading.icon{
	font-size:40px;
	color:#333;
	position: absolute;
	width:40px;
	height:40px;
    left: 50%;
    top: 50%;
	margin-top: -20px;
	margin-left:-20px;
    z-index: 2;
}
.gpcontent .imgcontent .imgturn{
	height: 40px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -20px;
    display: none;
    z-index: 2;
}
.gpcontent .imgcontent .imgload{
	position: absolute;
	/* left:0;
	top:50%; */
}
.gpcontent:hover .imgcontent .imgturn{
	display: block;
}
.gpcontent .imgcontent .imgturn .turnitem{
	height: 40px;
    font-size: 22px;
    position: absolute;
    line-height: 40px;
    color: #666;
    cursor: pointer;
}
.gpcontent .imgcontent .imgturn .turnitem.disabled{
	opacity: .4;
}
.gpcontent .imgcontent .imgturn .turnitem.turnleft{
	left: 0;
}
.gpcontent .imgcontent .imgturn .turnitem.turnright{
	right: 0;
}


.gpcontent.selected .gpcell{
	border-radius: 5px;
    background: #d0e5f5!important;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, .5);*/
}
.gpcontent .iconcontent{
	width: 100%;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	line-height:20px;
	padding-left: 10px;
}


/*.fixedcodebox{*/
	/*z-index: 10000!important;*/
/*}*/
/*.fixedcodebox .codeform{*/
	/*padding: 0!important;*/
/*}*/
/*.fixedcodebox .CodeMirror{*/
	/*border: none!important;*/
/*}*/
/*.fixedcodebox.active .codeform{*/
	/*padding: 10px!important;*/
/*}*/
/*.fixedcodebox.active .CodeMirror{*/
	/*border: 1px solid #ccc!important;*/
/*}*/

.eventdisplaynone{
	display: none!important;
}
.datagrid {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: auto;
}

.datahead {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 99;
}

.datahead table {
	background: #DFE1E3 !important
}

.datapage {
	position: fixed;
	right: 0px;
	bottom: 10px;
	display: block;
	width: 360px;
}
.ui.pointing.dropdown.link.item{
	padding: 5px 10px;
	white-space: nowrap;
}
.ui.pointing.dropdown.link.item.leftBorder {
	border-left: 1px solid #ccc;
}
.ui.pointing.dropdown.link.item[name="advanced_record"] .menu:after{
	left:10px!important;
}
.ui.pointing.dropdown.link.item[name="advanced_record"] .menu .trash.outline.icon:hover{
	color:red;
}

.ui.pointing.dropdown.link.item .menu:after{
	left:37px;
}
.ui.pointing.dropdown.link.item.hidemenu{
	display: none;
	width: 40px;
	line-height: 30px;
	position: relative;
}
.ui.pointing.dropdown.link.item.hidemenu>i.dropdown.icon{
	position: absolute;
	width: 6px;
	height: 12px;
	top:15px;
	right:6px;
}
.ui.pointing.dropdown.link.item.hidemenu>.menu{
	margin-left: -16px;
	width: 100px;

}

.ui.pointing.dropdown.link.item i.dropdown.icon{
	margin:0 0 0 6px;
}
.wid300 {
	width: 300px !important;
}

.wid100 {
	width: 149px !important;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
}

.wid30 {
	width: 30px !important;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
}

.wid10 {
	width: 50px !important;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
}

.mainRight,.loadingBox{
	margin-left: 180px;
	position: absolute;
	min-width:820px;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	overflow-y: auto;
}
.simple-menu .loadingBox{
	margin-left: 0px;
}
.simple-menu .loadingBox{
	margin-left: 40px;
}
.loadingBox.active{
	z-index:30001;
}
.mainRight[name="view_畅享云"]{
	overflow:auto;
	overflow-y:hidden;
}
.mainRight[name="desktop"]{
	background: #f0f0f0!important;
	overflow: visible;
}
.mainRight .usermgr{
	padding: 10px;
	position: relative;
}

/*dataTable*/

#dataTable {
	position: relative;
	border-collapse: collapse;
	height: 100%;
	border: none;
}

#tableHead {
	position: absolute;
	top: 0px;
	left: 0;
	width: auto;
	z-index: 99;
	border-bottom: red solid 1px;
	background: #f1f1f1;
}

#tableHead tr th {
	border: none;
}

#dataTable>tbody {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
}

#dataTable_wrapper {
	overflow: visible !important;
	border: none !important;
	height: 0;
}

#dataTable_length {
	position: fixed;
	bottom: 20px;
	left: 340px;
}

#dataTable_filter {
	position: fixed;
	top: 110px;
	right: 20px;
}

#dataTable_info {
	position: fixed;
	bottom: 20px;
	left: 500px;
	display: none;
}

#dataTable_paginate {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !important;
	border: 1px solid #111;
	background-color: #ccc !important;
}

table.dataTable thead .sorting {
	background: none !important;
}

[v-cloak] {
	display: none !important;
}

#toaddredit>input {
	text-align: left;
	overflow: hidden;
	max-width: 600px !important;
	text-overflow: ellipsis;
	height: 30px;

}


/*dataTable*/

table.dataTable thead th,
table.dataTable thead td {
	padding-right: 28px !important;
	padding-left: 8px !important;
	text-align: left !important;
	border-right: 1px solid #e7eaec !important;
	border-bottom: none !important;
	font-size: 14px;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

table.dataTable tbody th,
table.dataTable tbody td {
	border-right: 1px solid #e7eaec !important;
	font-size: 13px;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	padding: 8px;
}

.dataTables_scrollHead {
	border: 1px solid #e7eaec !important;
	border-radius: .28571429rem 0 0;
}

.dataTables_scrollBody {
	border: 1px solid #e7eaec !important;
	border-top: none !important;
	border-radius: .28571429rem 0 0;
}

.dataTables_length>label>select {
	border: 1px solid #e7eaec !important;
	border-radius: .28571429rem 0 0 !important;
	height: 30px;
	line-height: 30px;
}

.paginate_button:hover {
	background: #e7eaec !important;
	border: 1px solid #e7eaec !important;
	color: black !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #333 !important;
}

.sorting_1 {
	background: none !important;
}


/*jqgrid*/
.ui-jqgrid .ui-jqgrid-htable th div{
	height: 17px!important;
	overflow: visible!important;
	line-height: 16px;
}
.ui-jqgrid .ui-jqgrid-htable th div input[type="checkbox"]{
	margin-left:2px;
	margin-top:0px;
}
.ui-jqgrid .ui-jqgrid-htable th  i.icon{
	height: 16px;
}
.ui-jqgrid .ui-jqgrid-btable td input[type="checkbox"]{
	margin-top:3px;
}
.ui-jqgrid .ui-jqgrid-btable td>i.icon{
	height: 16px;
	margin:-7px 0 0 2px;
    display: block;
}
.editArea .ui-jqgrid .ui-jqgrid-btable td>i.icon{
	margin: 0;
	vertical-align: middle;
	font-size: 16px;
	color: #666;
}
.editArea .ui-jqgrid .ui-jqgrid-btable td>i.icon.checkmark.box{
	margin-left: 2px;
}
#gbox_gridTable {
	margin: 0 auto;
}

.ui-state-default.ui-jqgrid-pager.ui-corner-bottom {
	position: absolute;
	overflow: visible;
	bottom: 10px;
	left: 0;
	background: none;
	/*border-right: 1px solid #ccc !important;*/
}

.ui-jqgrid-sortable {
	/*padding-right:5px !important;*/
	/*padding-left:2px !important;*/
	text-align: left;
	font-family:'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	font-size: 12px;
	color: #333;
	font-weight: 500;
}
.ui-jqgrid-view  .frozen-bdiv{
	top:40px!important;
	height:calc(100% - 50px)!important;
	border-right:none!important;
}
.ui-jqgrid-view  .frozen-bdiv tr{
	border-right:none!important;
}
.frozen-div{
	height:40px!important;
	border-bottom:2px solid #424558 !important;
}
/* .frozen-div{
	border:none!important;
}

.frozen-bdiv .jqgrow.ui-row-ltr{
	border-top:none!important
}
.frozen-bdiv .jqgfirstrow{
	border-bottom:2px solid #424558 !important;
}
.frozen-bdiv .jqgfirstrow td {
	height: 39px!important;
	border:none!important;
	
	background:#f5f5f6;
} */



.ui-pg-table.ui-common-table.ui-paging-pager{
	position: absolute;
	right: 10px;
	top:0px;
}
.ui-jqgrid-hdiv.ui-state-default.ui-corner-top {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-right: 1px solid #ccc !important;
	border-bottom: 2px solid #424558 !important;
	height: 40px;
}
.databox .ui-jqgrid-hdiv.ui-state-default.ui-corner-top{
	border-radius: 0;
}
.loading.ui-state-default.ui-state-active{
	/*color: #333645!important;*/
	/*border: none!important;*/
	/*background: none!important;*/
	color: #333645!important;
    border: none!important;
    background: white!important;
    top: 41px;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: 0;
    z-index: 5000;
}
.rightBox.ispic .loading.ui-state-default.ui-state-active{
	top:0
}
td[dir='ltr'] select.ui-pg-selbox.ui-widget-content.ui-corner-all{
	position: absolute;
	top: 10px;
	right: 246px;
}
.lang-en td[dir='ltr'] select.ui-pg-selbox.ui-widget-content.ui-corner-all{
	right: 258px;
}

.spinner.loading.icon.gridloading{
	position: relative;
	display: block;
	padding: 0;
	left: 0;
	font-size:64px;
	margin-top:-34px;
}
.ui-pg-table.ui-common-table.ui-pager-table{
	width: 100%
}
.ui-paging-info{
	position: absolute;
	left: 10px;
	top:12px;
}
.ui-jqgrid tr.jqgrow{
	border-left: none!important;
	border-top: none!important;
	position: relative;
	overflow: hidden;
}
.ui-jqgrid tr.jqgrow.gridLight{
	background: antiquewhite!important;
}
.ui-jqgrid tr.jqgrow.gridLight.ui-state-highlight{
	background: #d0e5f5;
}


.ui-widget-content .ui-sgcollapsed .ui-icon{
	background-image:url(../../static/images/subGridRight.png)!important;
	background-size:100% 100%!important;
	background-position:center center!important;  
	/* background-image: url(../../static/images/ui-icons_217bc0_256x240.png)!important; */
}
/* .ui-widget-content.ui-state-hover .ui-icon */
.ui-widget-content .ui-sgcollapsed.sgexpanded .ui-icon
{
	background-image:url(../../static/images/subGridDown.png)!important;
	background-size:100% 100%!important;
	background-position:center center!important;  
	/* background-image: url(../../static/images/ui-icons_469bdd_256x240.png)!important; */
}
.ui-jqgrid tr.jqgrow>td{
	border-right-color: transparent;
}
.ui-jqgrid-hdiv,
.ui-jqgrid-bdiv {
	border-right: 1px solid #ccc !important;
}
.ui-jqgrid tr.jqgrow.gridbold>td{
	font-weight: bold!important;
}
.ui-state-default.ui-th-column.ui-th-ltr {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	overflow: hidden;
	position: relative;
}
.ui-jqgrid tr.footrow-ltr td{
	border: none!important;
}
.ui-jqgrid-resize.ui-jqgrid-resize-ltr {
	position: absolute;
	right: 0px;
	top: 0px;
	width:10px;
	height: 37px !important;
	z-index: 1;
	/* display:none!important; */
}

#jqgh_gridTable_cb {
	line-height: 24px !important;
}

.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td {
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px;
	font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	padding: 5px 4px !important;
	line-height: 20px;
	white-space: nowrap;
	color: rgba(0, 0, 0, .87);
}
.databox .ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td:first-child{
	text-overflow: initial;
	overflow: visible;
    padding: 5px 0!important;
}


.datafillImageGrid .ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td{
	max-height:91px;
	height:91px!important;
}

.datafillImageGrid .ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td img{
	height:80px!important;
}
.datafillImageGrid .myJqGrid_body_td,
.datafillImageGrid .myJqGrid_body_table .rowcheck,
.datafillImageGrid .myJqGrid_body_table .rownumber{
	max-height:90px;
	height:91px!important;
}

.datafillImageGrid .myJqGrid_body_td img{
	height:80px!important;
}
.datafillImageGrid .myJqGrid.fixed .myJqGrid_body_table td.fixed.rowcheck,
.datafillImageGrid .myJqGrid.fixed .myJqGrid_body_table td.fixed.rownumber{
	max-height:90px;
	height:91px!important;
}

.searchImageGrid .ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td{
	max-height:111px;
	height:111px!important;
}
.searchImageGrid .ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td img{
	max-height:100px!important;
}

.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="workflow_state"]{
	padding:0 5px 0 3px!important;
}

.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td.jqgrid-rownum{
	border-right:1px solid #ccc!important;
	border-right-color: inherit;
}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="have_attachment"],
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="marked"],
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="have_reminder"],
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="archived"],
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="shared"],
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="workflow_state"]
{
	text-align: center!important;
	font-size: 12px!important;
	padding:2px 0 0 0!important;
}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="have_attachment"]:first-child,
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="marked"]:first-child,
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="have_reminder"]:first-child,
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="archived"]:first-child,
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="shared"]:first-child,
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="workflow_state"]:first-child{
	text-align: center!important;
}
th.ui-th-column.ui-th-ltr.ui-state-default[id$="have_attachment"]:hover,
th.ui-th-column.ui-th-ltr.ui-state-default[id$="marked"]:hover,
th.ui-th-column.ui-th-ltr.ui-state-default[id$="have_reminder"]:hover,
th.ui-th-column.ui-th-ltr.ui-state-default[id$="archived"]:hover,
th.ui-th-column.ui-th-ltr.ui-state-default[id$="shared"]:hover,
th.ui-th-column.ui-th-ltr.ui-state-default[id$="workflow_state"]:hover{
	background: #f5f5f6!important;
}
.ui-th-div.ui-jqgrid-sortable[id$="have_attachment"] .s-ico,
.ui-th-div.ui-jqgrid-sortable[id$="marked"] .s-ico,
.ui-th-div.ui-jqgrid-sortable[id$="have_reminder"] .s-ico,
.ui-th-div.ui-jqgrid-sortable[id$="archived"] .s-ico,
.ui-th-div.ui-jqgrid-sortable[id$="shared"] .s-ico,
.ui-th-div.ui-jqgrid-sortable[id$="workflow_state"] .s-ico
{
	opacity: 0;
}

.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="op-ctrl"]{
	/*width:calc(100% - 210px);*/
	width: 180px;
	height: 32px;
	position: absolute;
	display: block!important;
	overflow: hidden;
	right:0;/*210*/
	padding:0!important;
	border: none;
}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr:hover>td[aria-describedby$="op-ctrl"] .gridinside{
	margin-top: 0;

}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="op-ctrl"] .gridinside{
	position: absolute;
	opacity: .4!important;
	margin-top: -30px;
	right:0;
	padding: 0!important;
	 -webkit-transition:all  .4s  ease;
	line-height: 30px;
	border-radius:0!important;
	display: none!important;
}

.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="op-ctrl"] .gridinside:hover{
	opacity: 1!important;
}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="op-ctrl"] .gridinside button{
	height: 31px;
	width: 40px;
	font-size: 14px;
	text-align: center;
	padding: 0!important;
	line-height: 32px;
	border-radius:0!important;
	background:white;
	color: #333!important;
}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="op-ctrl"] .gridinside button i{
	color: #333!important;
}
.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr.gridlight{
	background: #00a0e9!important;
}
.ui-pg-table.ui-common-table.ui-pager-table {
	margin: 0 auto !important;
}

.ui-jqgrid .ui-pg-input {
	height: 20px !important;
	text-decoration: none;
	border: 1px solid #e7eaec !important;
	border-radius: .28571429rem;
	padding-left: 4px;
}

.ui-pg-selbox {
	height: 22px !important;
}

.ui-jqgrid .ui-jqgrid-pager {
	height: 30px !important;
}

.ui-pager-control {
	font-size: 12px;
	height: 30px;
}

.ui-pg-table.ui-common-table.ui-pager-table {
	line-height: 40px;
}

.ui-paging-info {
	line-height: 16px;
}
.databox .ui-jqgrid .ui-jqgrid-btable {
	/* width: 98%!important;
	width: -moz-calc(100% - 2px )!important;
	width:-webkit-calc(100% - 1px)!important; */

}
.ui-widget-content.subgrid-data .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	margin-top: 0;
	background: white;
	border: none;
	border-right: 1px solid #ccc;
}
.ui-jqgrid .ui-subgrid>td[colspan]:first-child{
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
}
.ui-pg-button.ui-corner-all {
	padding: 1px !important;
	border: none !important;
}

.griddinner{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 76005;
}
.griddinnerclose{
	position: fixed;
    top: 10px;
    right: 10px;
    color: #da251d;
    font-size: 20px!important;
    cursor: pointer;
	z-index: 86006;
}
.fullScreenEditor{
	position: fixed;
	width: 602px;
	border-left:1px solid #ccc;
	height:100%;
	top:80px;
	right:0;
	background:#fff;
	z-index: 76008;
    overflow: hidden;
	overflow-y: auto;
	padding-left: 4px;
    padding-right: 16px;
}
.fullScreenEditor .fullScreenArea{
	position: relative;
	width:100%;
}
.ui.editModal.gridMaximize{
	max-height:100%!important;
	height:100%;
}
.ui.modal.editModal.gridMaximize .content{
	height:calc(100% - 40px);
}
.ui.modal.editModal.gridMaximize .content .editmodalAreabox{
	height:calc(100% - 50px);
}
.ui.modal.gridMaximize,
body .dimmer.modals .modal.scrolling.ui.gridMaximize{
    width: 100%!important;
    left: 0!important;
    top: 0!important;
    margin: 0!important;
    height: 100%!important;
}
.editArea.gridmaximize{
	position: fixed;
	width: 100%;
	height:100%;
	top:0;
	left:0;
	padding-top: 40px;
	z-index:80002;
}
.editArea.gridmaximize .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	margin-top: 0;
}
.gridmaximize .ui.menu.gridMenu{
	border: none;
	border-radius: 0;
}
.gridMenu .item>i{
	margin-top: 2px!important;
	color:#333;
}
/*editPage*/

.Edit {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	padding: 10px;
	padding-top:50px;

}
.Edit .editcontent{
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: white;
	border: 1px solid #ccc;
	border-top:none ;
}
.Edit .editHeader{
	padding: 0 10px;
	border: none!important;
	background: none!important;
	box-shadow: none!important;
}
.Edit .editHeader .ui.menu.editMenu{
	/*overflow: hidden;*/
	height:42px;
	position: relative;
	border-radius: 0!important;
	background: #f5f5f6 !important;
	border:1px solid #ccc !important;
	border-top-right-radius: 4px!important;
	border-top-left-radius:4px !important;
	box-shadow: none!important;
	/*overflow: hidden;*/
}
.Edit .editHeader .ui.menu.editMenu .item{
	height: 100%;
	cursor: pointer;
}
.Edit .editHeader .ui.menu.editMenu .item.leftborder{
	border-left:1px solid #ccc!important; 
}
.Edit .editHeader .ui.menu.editMenu .item.hidden{
	display: none!important;
}


.Edit .editHeader .ui.menu.editMenu .item.ui.input.config{
	position: absolute;
	top:0;
	right:0px;
	padding: 8px !important;
}
.Edit .editHeader .ui.menu.editMenu .item.ui.input.config i{
	margin: 0;
	left:14px;
	top:14px;
	padding: 0;
}

.Edit .editHeader .ui.menu.editMenu .item.ui.input.config input{
	width: 100%;
}
.Edit .editHeader>.ui.menu .menuctrl{
	display: block;
	width: 36px;
	position: absolute;
	right:0px;
	top:0;
	padding: 14px 2px;
	background: #f5f5f6;
	z-index:5;
	border-radius: 4px!important;
}
.Edit .editHeader>.ui.menu .menuctrl:hover{
	background: #f5f5f6;
}
.Edit .editHeader>.ui.menu .menuctrl.disabled{
	background-color: #f5f5f6!important;
	pointer-events: inherit!important;
}
.Edit .editHeader>.ui.menu .menuctrl.turnLeft{
	right:36px;
	opacity: 1!important;
}
.Edit .editHeader>.ui.menu .menuctrl.menudinner{
	background: #f5f5f6;
    right: -21px;
    width: 20px;
}
.Edit .editHeader>.ui.menu .menuctrl .icon{
	margin: 0!important;
}



.Edit .editHeader .ui.menu.editMenu .item.disabled{
	cursor: default;
	opacity:.6;
}
.Edit .ui.menu .item.edithidemenu{
	display: none;
}
.Edit  .ui.menu .item.edithidemenu .item{
	border: none;
	min-width: 90px;
}
.Edit .ui.menu .item.edithidemenu>.menu{
	margin-left: -50%;
}
.Edit .ui.menu.editMenu .item.edithidemenu>.menu{
	margin-left: -100%;
}
.Edit .ui.menu.editMenu .item.edithidemenu>.menu .item>.menu{
	left: auto!important;
	right: 100% !important;
}
.mainEdit{
	width: 100%;
	height: 100%;
	margin: -1px auto 0 auto;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #ccc;
	border-top: none!important;
	background: #fff;
}
.mainEdit .rowGroup.editRowCount{
	/* overflow:hidden; */
	height:auto
}
.mainEdit .rowGroup.editRowCount .editFieldCount{
	width:50%;
	float: left;
	height:auto;
}
.mainEdit .rowGroup.editRowCount .editFieldCount:first-child .editBody{
	padding-right: 6px!important;
}
.mainEdit .rowGroup.editRowCount .editFieldCount:last-child .editTab .ui.tabular.menu{
	padding-left: 5px!important;
	background:#fff;
}
.mainEdit .rowGroup.editRowCount .editFieldCount:last-child .editBody{
	padding-left: 11px!important;
}


.mainEdit .editorTagList{
	width:120px;
	height:30px;
	position: absolute;
	right:20px;
	top:2px;
	overflow:hidden;
}
.mainEdit .editorTagList .item{
	height:22px;
	float: right;
	margin-left: 4px;
	line-height: 22px;
	text-align: center;
	background:#68aa5b;
	width:16px;
	position:relative;
}
.mainEdit .editorTagList .item:before{
	content:"";
	position: absolute;
	top:100%;
	right:0;
	width:0; 
	height:0;
	border-width:4px;
	border-style:solid;
	border-color:#68aa5b #68aa5b transparent transparent;
}
.mainEdit .editorTagList .item:after{
	content:"";
	position: absolute;
	top:100%;
	left:0;
	width:0; 
	height:0;
	border-width:4px;
	border-style:solid;
	border-color:#68aa5b transparent transparent #68aa5b ;
}
.mainEdit .editorTagList .item.reminder{
	background:#6490c2;
}
.mainEdit .editorTagList .item.watch{
	background:#ffba01;
}
.mainEdit .editorTagList .item.watch:before{
	border-color:#ffba01 #ffba01 transparent transparent;
}
.mainEdit .editorTagList .item.watch:after{
	border-color:#ffba01 transparent transparent #ffba01 ;
}
.mainEdit .editorTagList .item.reminder:before{
	border-color:#6490c2 #6490c2 transparent transparent;
}
.mainEdit .editorTagList .item.reminder:after{
	border-color:#6490c2 transparent transparent #6490c2 ;
}
.mainEdit .editorTagList .item.attachment{
	background:#c65554;
}
.mainEdit .editorTagList .item.attachment:before{
	border-color:#c65554 #c65554 transparent transparent;
}

.mainEdit .editorTagList .item.attachment:after{
	border-color:#c65554 transparent transparent #c65554 ;
}

.mainEdit .editorTagList .item.locked{
	background:#4031ff;
}
.mainEdit .editorTagList .item.locked:before{
	border-color:#4031ff #4031ff transparent transparent;
}

.mainEdit .editorTagList .item.locked:after{
	border-color:#4031ff transparent transparent #4031ff ;
}
.mainEdit .editorTagList .item.marked{
	background:#e7da0f;
}
.mainEdit .editorTagList .item.marked:before{
	border-color:#e7da0f #e7da0f transparent transparent;
}
.mainEdit .editorTagList .item.marked:after{
	border-color:#e7da0f transparent transparent #e7da0f ;
}



.mainEdit .editorTagList .item i{
	margin: 0;
	color: white
}


.reconnect.dinner{
	position: fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.4);
	z-index: 80009;
}
.reconnect.dinner .messageBox{
	height:200px;
	width:200px;
	background:#fff;
	border-radius:10px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -100px;
	margin-top: -100px;
	overflow:hidden;
	text-align: center;
    padding-top: 60px;
}
.reconnect.dinner .message{
	height:24px;
	position: absolute;
	left:0;
	bottom:10px;
	overflow:hidden;
	overflow-y: auto;
	padding:0;
	width:100%;

}
.reconnect.dinner .message .item{
	height:24px;
	width:100%;
	line-height:24px;
	color:#333;
	text-align: center;
	font-size:14px;
}
.reconnect.dinner .loading.icon{
	font-size: 62px;
	color:#444;
}


.editBox {
	position: relative;
	width: 100%;
	height: 100%;
}

.editBody {
	width: 100%;
	margin: 0 !important;
	position: relative;
	padding:10px 19px 10px 16px;
}


.editTab {
	height: 30px;
	width: 100%;

}

.editTab>.menu {
	height: 30px;
	border-radius:0 !important;
	min-height: auto !important;
}

.editTab>.menu>a.item {
	padding: 7px 10px !important;
	line-height: 30px;
	border-radius:0 !important;
}
.editTab>.ui.tabular.menu{
	position: relative;
	overflow: visible;
	white-space: nowrap;
}
.editTab>.ui.tabular.menu>.item.editTabCtrl{
	width: 28px;
	line-height: 14px;
	position: absolute;
	right:0;
	top:0;
	background-color: white!important;
	color: rgba(0,0,0,.87);
	font-size: 14px;
	height: 30px;
	border-bottom: 1px solid #d4d4d5;
	padding: 7px 4px;
}
.editTab>.ui.tabular.menu>.item.editTabCtrl.leftctrl{
	right:28px;
}
.editTab>.ui.tabular.menu>.item.editTabCtrl>i{
	margin: 0;
}

.ui.menu.editMenu a.item,
.ui.menu.gridMenu a.item {
	border-left: 1px solid #ccc;
	border-radius: 0 !important;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 5px !important;
	font-weight: normal !important;
	height: 34px;
	cursor: pointer;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	white-space: nowrap;
}
.ui.menu.editMenu.shortMenu .item .itemname,
.ui.menu.gridMenu.shortMenu .item .itemname{
	display:none;
}
.ui.menu.editMenu.shortMenu a.item i{
	margin:0;
}
.ui.menu.editMenu .item:not(.menuctrl).disabled{
	opacity: .6!important;
}
.ui.menu.editMenu a.item .gifloading.icon{
	width: 30px;
    height: 30px;
    background-size: 30px!important;
    margin-top: -15px!important;
}
.ui.menu.editMenu a.item.leftborder{
	border-left: 1px solid #ccc!important;
}
.ui.menu.editMenu a.item.disabled,
.ui.menu.gridMenu a.item.disabled{
	cursor: default;
}
.ui.menu.editMenu a.item.activeitem{
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
.ui.menu.editMenu a.item{
	height: 39px;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	padding: 14px 8px!important;
	/*min-width: 64px;*/
	/*line-height: 30px;*/
	/*position: relative;*/
}
.ui.menu.editMenu a.item.blueActive{
	color:#2f94e1;
}
.ui.menu.editMenu a.item.blueActive i{
	color:#2f94e1;
}
.ui.menu.editMenu a.item i{
	color: black;
	margin-top: 0px;
}
/* .ui.modal.editModal .ui.menu.editMenu a.item{
	line-height:39px;
} */


.ui.menu.editMenu .ui.dropdown.item>i.icon{
	margin-top: -1px;
}
/*.ui.menu.editMenu .ui.dropdown.item>i.icon{*/
	/*margin-top: -2px;*/
/*}*/
.ui.menu.editMenu .hidemenu .menu .item{
	height: 40px;
	text-align:left;
	padding: 14px 20px 14px 10px!important;
	display:block!important;
	border: none;
}
.ui.menu.editMenu .hidemenu .menu .item.ui.dropdown{
	padding:14px  10px!important;
}
.ui.menu.editMenu .hidemenu .menu .item.ui.dropdown i.dropdown{
	width: 5px;
}
.ui.menu.editMenu .hidemenu .menu .item.displaynone{
	display: none!important;
}
.ui.menu.editMenu .hidemenu .menu .item.ui.dropdown .menu{
	left:calc(100% + 6px )!important;
}

/*.ui.menu.editMenu a.item i.block.layout,*/
/*.ui.menu.editMenu a.item i.folder.outline,*/
/*.ui.menu.editMenu a.item i.setting,*/
/*.ui.menu.editMenu a.item i.refresh*/
/*{*/
	/*margin-top: 1px;*/
/*}*/
.ui.menu.editMenu a.item[name="first"],
.ui.menu.editMenu a.item[name="back"],
.ui.menu.editMenu a.item[name="next"],
.ui.menu.editMenu a.item[name="last"],
.ui.menu.editMenu a.item[btnaction="first"],
.ui.menu.editMenu a.item[btnaction="back"],
.ui.menu.editMenu a.item[btnaction="next"],
.ui.menu.editMenu a.item[btnaction="last"]

{
	min-width:auto !important;
}
.ui.menu.editMenu a.item i.fast.backward,.ui.menu.editMenu a.item i.backward,.ui.menu.editMenu a.item i.forward,.ui.menu.editMenu a.item i.fast.forward{
	margin: 0;
}

/*.editloading{*/
	    /*position: fixed;*/
		/*z-index: 5005;*/
		/*width: 80px;*/
		/*height: 64px;*/
		/*top: 50%;*/
		/*margin-top: -52px;*/
		/*left: 50%;*/
		/*margin-left: 60px;*/
/*}*/
/*.simple-menu .editloading{*/
	/*margin-left: -10px;*/
/*}*/
/*.editloading>.spinner.loading.icon{*/
		/*font-size: 64px;*/
/*}*/
.configitem{
	width: 70px;
	height: 80px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	color: #666;
	cursor: pointer;
	float: left;
}
.configitem.selected{
	border-radius: 5px;
	background: #d0e5f5!important;

}
.configitem.light{
	border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	/*border-radius: 5px;*/
	/*background: #d0e5f5!important;*/
}
.configitem i{
	font-size: 24px;
	height: 24px;
	width: 24px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	left:23px;
	margin:0;
	top:16px

}
.configitem i.icon.user{
	color:#666;
}
.configitem .caption{
	width: 70px;
	height: 30px;
	position: absolute;
	left:0;
	bottom:0;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.editloading{
	background: #f1f1f1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20000;
}
.simple-menu .editloading{
	left:0;
}
.editloading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}

.editArea {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.editArea.editing .myJqGrid_body{
	overflow: hidden;
}
.editArea[has_snapshot="True"] .igrid{
	width:calc(100% - 310px);
}
.editArea[has_snapshot="True"] .snapshot{
	display: block;
	position: absolute;
	right:0px;
	top:50px;
	bottom:0;
	border:1px solid #ccc;
	border-radius: 4px;
	width:300px;
}
.editArea .snapshot{
	display: none;
}
.editArea[has_snapshot="True"] .snapshot img{
	position: absolute;
	display: block;
}

.editArea .gridHeader{
	position: relative;
	height: 40px !important;
	z-index: 1001;
}
.editArea .gridHeader .ui.menu.gridMenu{
	margin-top: 0;
	margin-bottom: 10px;
	z-index: 1!important;
	width: 100%;
	height: 100%;
	background: #f5f5f6!important;
	margin-right: 19px!important;
	border-radius: 4px;
	border: 1px solid #ccc!important;
	position: relative;
}
.editArea .gridHeader .ui.menu.gridMenu .item{
	height: 100%;
}
.editArea .gridHeader .ui.menu.gridMenu .item.leftborder{
	border-left:1px solid #ccc!important; 
}
.editArea .gridHeader .ui.menu.gridMenu .item.ui.input i{
	position:absolute;
	top:10px;
	left:14px;
}
.edit {
	position: absolute;
	height: 30px;
	overflow: hidden;
}

.edit[readonly="readonly"]{
	opacity:.7;
}
.edit[readonly="readonly"][editor="ButtonEdit"] .refreshButton,
.edit[readonly="readonly"][editor="CheckComboBox"] .refreshButton{
	position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.edit[readonly="readonly"][editor="ButtonEdit"] .readonlyView,
.edit[readonly="readonly"][editor="CheckComboBox"] .readonlyView{
	padding-right:30px!important;
}
.edit[editor="ButtonEdit"] .ButtonEditClear,
.edit[editor="CheckComboBox"] .ButtonEditClear{
	display:none;
	position: absolute;
    width: 20px;
    height: 20px;
    background: #ccc;
    right: 40px;
    top: 5px;
    z-index: 2;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    color: #444;
    text-align: center;
}
.edit[editor="ButtonEdit"] .ButtonEditClear i,
.edit[editor="CheckComboBox"] .ButtonEditClear i{
	margin:0;
}
.edit[readonly="readonly"][editor="ButtonEdit"]:hover .ButtonEditClear,
.edit[readonly="readonly"][editor="CheckComboBox"]:hover .ButtonEditClear{
	display:block;
}
.edit[readonly="readonly"][editor="ButtonEdit"][required="required"] .ButtonEditClear,
.edit[readonly="readonly"][editor="ButtonEdit"][required="required"]:hover .ButtonEditClear,
.edit[readonly="readonly"][editor="CheckComboBox"][required="required"] .ButtonEditClear,
.edit[readonly="readonly"][editor="CheckComboBox"][required="required"]:hover .ButtonEditClear{
	display:none;
}
.edit.disabled,
.edit.disabled[enabled="False"],
.edit.groupdisabled{
	opacity:.7;
	pointer-events: none;
}
.edit .ui.menu.savebigimg{
	display: none;
	margin: 0;
	position: absolute;
	top:-1px;
	left: -1px;
	right:-1px;
	background: white;
	z-index: 3001;
}
.edit .ui.menu.savebigimg span{
	float:none;
}
.edit .readonlyHide{
	opacity: 0;
	 -moz-user-select:none; 
	 -webkit-user-select:none;
	 -ms-user-select:none;
	-khtml-user-select:none;
	 user-select:none;
	pointer-events: none;
	display: none;
}
.edit .readonlyView{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
	border-radius: .28571429rem;
	padding: .1em 1em !important;
	line-height: 28px;
    font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	box-shadow: none!important;
	z-index: 1;
	overflow:hidden;
	text-overflow: ellipsis;
}
.edit[align="left"] .readonlyView{
	text-align: left;
}
.edit[align="center"] .readonlyView{
	text-align: center;
}
.edit[align="right"] .readonlyView{
	text-align: right;
}

.edit[editor="Memo"] .readonlyView{
	border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 4px;
	padding: 2px 8px!important;
	line-height: 20px;
	white-space: normal;
	word-break: break-all;
	overflow:hidden;
	overflow-y:auto;
}
.edit[editor="CurrencyEdit"][align="left"] .readonlyView,
.edit[editor="CurrencyEdit"][align="center"] .readonlyView{
	padding-left: 28px!important;
}
.edit[editor="CurrencyEdit"][align="right"] .readonlyView{
	padding-right: 28px!important;
}

.edit .saveimg,
.edit .showbigimg,
.edit .imgleft,
.edit .imgright{
	display: block!important;
	line-height: 30px!important;
	padding: 5px 4px !important;
	width: 25%;
	float: left;
	padding: 5px;
	height: 40px;
	text-align: center;
	white-space: nowrap;
	color: #333;
	font-size:12px;
	/*display: none;*/
	/*width: 70px;*/
	/*height: 30px;*/
	/*position: absolute;*/
	/*text-align: center;*/
	/*line-height: 30px;*/
	/*top: 0px;*/
	/*left:0;*/
	/*border: 1px solid #ccc;*/
	
	/*z-index: 1001;*/
	/*cursor: pointer;*/
	/*background: #fff;*/
}
.edit .saveimg span,
.edit .showbigimg span,
.edit .imgleft span,
.edit .imgright span{
 padding:0!important;
 width:auto!important;
 float: none;
}
.ui.modal.editModal .edit .saveimg span,
.ui.modal.editModal .edit .showbigimg span,
.ui.modal.editModal .edit .imgleft span,
.ui.modal.editModal .edit .imgright span{
		display:none;
}
.edit .imgturn{
	height:0px;
	position: absolute;
	width:100%;
	left:0;
	top:50%;
	margin-top:-20px;
	display:none;
	z-index:3;
}
.edit .field:hover .imgturn{
	display:block;
}
.edit .imgturn .turnitem{
	height:40px;
	font-size: 22px;
	position: absolute;
	line-height:40px;
	color:#666;
	cursor: pointer;
}
.edit .imgturn .turnitem.disabled{
	opacity: .4;
}
.edit .imgturn .turnitem.turnleft{
	left:0
}
.edit .imgturn .turnitem.turnright{
	right:0
}
.edit input {
	height: 100%;
}
.edit input.disabled{
	opacity: 1;
}
.edit input[editor="HyperLinkEdit"],
.edit[editor="HyperLinkEdit"] .readonlyView{
	color:blue;
	text-decoration: underline;
}

.edit:not(.ckedit) span,
.edit.ckedit>span {
	white-space: nowrap;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 2px;
	white-space: nowrap;
	float: left;
	height: 30px;
	text-align: left;
}
.edit[align="right"] input,
.edit[align="right"] textarea,
.edit[align="right"] .field .selection .text,
.edit[align="right"] .field .selection .menu .item{
	text-align: right
}
.edit[align="left"] input,
.edit[align="left"] textarea,
.edit[align="left"] .field .selection .text,
.edit[align="left"] .field .selection .menu .item{
	text-align: left
}
.edit[align="center"] input,
.edit[align="center"] textarea,
.edit[align="center"] .field .selection .text,
.edit[align="center"] .field .selection .menu .item{
	text-align: center
}

.edit[align="right"][editor="CheckBox"] .field{
	float:right!important;
	padding-right:0!important;
}
.edit[align="center"][editor="CheckBox"] .field{
	float:none!important;
	padding-right:0!important;
	margin:0 auto;
}
.edit[align="center"][editor="CheckBox"] .field input,
.edit[align="center"][editor="CheckBox"] .field label:before,
.edit[align="center"][editor="CheckBox"] .field label:after{
	left:50%;
	margin-left:-8px;
}

.edit[align="right"][editor="CheckBox"] .field input,
.edit[align="right"][editor="CheckBox"] .field label:before,
.edit[align="right"][editor="CheckBox"] .field label:after{
	left:auto;
	right:2px;

}
.edit .field .selection .menu .item{
	padding:10px 12px;
}
.edit[editor="CheckBox"] .inline.fields{
	overflow:hidden;
}

.edit[editor="Mark"][align="right"] .field .imgbox img{
	float:right;
}
.edit[editor="Mark"][align="center"] .field .imgbox img{
	margin:0 auto!important;
	float:none;
}
.edit label {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 2px;
	white-space: nowrap;
	display: inline-block;
}
.edit[editor="Mark"] .field{
	position: relative;
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(34,36,38,.15);
	border-radius:4px; 
}
.edit[editor="Mark"] .field .imgbox{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	overflow: auto;
	z-index: 2;
}
.edit[editor="Mark"] .field .imgbox img{
	margin: 0!important;
}
.edit[editor="CurrencyEdit"] .ui.clabeled.input{
	position: relative;
}
.edit[editor="CurrencyEdit"] .ui.clabeled.input .ui.label{
	width:28px;
	height:30px;
	left:0;
	top:0;
	line-height:30px;
	padding:0 4px;
	text-align: center;
	overflow:hidden;
	position: absolute;
	background:none;
	margin:0;
	z-index: 2;
}
.edit[editor="CurrencyEdit"] .ui.clabeled.input input{
	width:100%;
	min-width:20px;
	padding: 0 12px 0 28px!important;
    line-height: 30px;
}
.edit[editor="CurrencyEdit"][align="right"] .ui.clabeled.input input{
	padding: 0 28px 0 12px!important;
}
.edit[editor="CurrencyEdit"][align="right"] .ui.clabeled.input .ui.label{
	left:auto;
	right:0;
}

.MarkLoading{
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
}
.MarkLoading .loading.icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}
.edit[editor="Mark"] .field .Markbutton{
	position: absolute;
	height: 40px;
	top: 4px;
	right:48px;
	width:40px;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	cursor: pointer;
	border: 1px solid rgba(34,36,38,.15);
	border-radius:4px; 
	background: white;
	display: none;
	z-index: 5;
}
.edit[editor="Mark"] .field .Markbutton i{
	height: 20px;
	width:20px;	
	line-height:20px;
	margin:0;
	padding:0;
}
.edit[editor="Mark"] .field .Markbutton[btn="marktxt"]{
	line-height: 40px;
	font-weight: bold;
	font-size: 16px;
	right:4px;
}
.edit[editor="Mark"] .field:hover .Markbutton{
	display: block;
}
.edit[editor="Mark"] .field .Markbutton:hover{
	background: #f5f5f6;
}


.edit textarea {
	border: 1px solid rgba(34, 36, 38, .15);
	border-radius: 4px;
	padding:2px 8px;
	resize: none;
	line-height: 20px;
	width: 100%;
	resize:none;
	box-shadow: none;
}
.edit textarea[disabled="disabled"]{
	opacity: 0.5;
	background:white!important;
}
.edit textarea:focus {
	border-radius: 4px;
	outline-color: rgba(0, 0, 0, 0.3);
	outline-style: outset;
	outline-width: 1px;
	box-shadow: none;
}

.edit .ui.input {
	height: 30px;
	float:left;
}
.edit[editor="Image"] .imgNum{
	display:none;
	position: absolute;
    right: -10px;
    top: -10px;
    z-index: 3;
    height: 22px!important;
    background: #d0e5f5;
    width: auto!important;
    min-width: 22px!important;
    padding: 0 4px!important;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    color: inherit;
	z-index: 10000;
	cursor: pointer;
}
.edit[editor="Image"] .field,
.edit[editor="SingleImage"] .field{
	border: 1px solid rgba(34,36,38,.15);
	border-radius: .28571429rem;
	overflow: hidden;
	background:#fff;
}
.edit[editor="Image"] .field .imageLoading,
.edit[editor="SingleImage"] .field .imageLoading{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
	bottom: 0px;
	background:#FFF;
	z-index: 50;
}
.edit[editor="Image"] .field .imageLoading .icon,
.edit[editor="SingleImage"] .field .imageLoading .icon{
	font-size: 48px;
    width: 48px;
    height: 48px;	
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
}
.edit[editor="SingleImage"] .field .showbigimg,
.edit[editor="SingleImage"] .field .saveimg{
	width:50%;
}
.editHeader {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	top: 10px;
	left: 0;
	border-bottom: 1px solid #ccc;
	background: #f5f5f6;
	box-shadow: none!important;
}
.ui.dropdown.item>i.icon{
	margin-top:2px;
}
.editMenu {
	background: white !important;
	box-shadow: none !important;
	z-index:3010 !important;
	border: none !important;
	min-height: 30px !important;
}

.ui.menu.editMenu .noBorder {
	border: none !important;
}
.edit .field{
	height: 100%!important;
	position: relative;
}
.edit.editImageHover .field{
	border-color:#868cb3;
	box-shadow:2px 2px 4px #868cb3;
}
.edit[editor="CheckComboBox"] .field .selection.ui.dropdown {
	overflow:hidden;
	position: relative;
	z-index: 90;
	white-space: normal;
}
.edit[editor="CheckComboBox"] .field .selection.ui.dropdown.visible{
	overflow:visible;
	height: auto!important;
	z-index: 200;
	white-space: normal;
}

.edit .field .selection {
	width: 100%;
	height: 100%!important;
	min-height: 30px !important;
	line-height: 30px !important;
	padding: 0 !important;
	min-width: 30px !important;
	
}
.edit .field .selection.active{
	z-index:191!important
}
.edit .field .selection[editor="CheckComboBox"]::-webkit-scrollbar{
	height: 8px;
}
.edit[editor="CheckComboBox"] .field{
	position: relative;
}
.edit[editor="CheckComboBox"] .field .refreshbutton{
	top:8px!important;
}
.edit .field .selection[editor="CheckComboBox"]{
	/*overflow: auto;*/
	padding-left: 4px!important;
	position: relative;
	white-space: nowrap;
	/*overflow: hidden;*/
	/*overflow-x: auto;*/
}
.edit .field .selection[editor="CheckComboBox"] .dropdown.icon{
	padding: 0;
	margin: 0;
	display: block;
	width: 8px;
	height: 12px;
	position: absolute;
}
.edit .field .selection .default.text {
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.edit .field .selection .dropdown.icon {
	top: 8px;
}
.edit[editor="CheckComboBox"] .field .selection .dropdown.icon{
	/* top:2px; */
}
.edit[editor="CheckComboBox"] .field .selection{
	padding-left:4px!important; 
}
.edit .field .selection input{
	padding-right:46px!important;
	box-shadow: none!important;
}
.edit[itemsclassname="Strings"] .field .selection input{
	padding-right:26px!important;
}
.edit .field .selection .text {
	padding-left: 12px;
	white-space: nowrap;
	overflow: hidden;
	min-width:24px;
    width: calc(100% - 46px)!important;
}
.edit[itemsclassname="Strings"] .field .selection .text {
    width: calc(100% - 26px)!important;
}

.edit .inline.fields .field {
	float: left;
	position: relative;
	padding-right: 10px;
}

.edit .inline.fields .field input {
	top: 6px
}

.edit .field .selection .menu {
	z-index: 100;
	overflow-x: auto;
}

.edit .ui.checkbox .box:before,
.ui.checkbox label:before {
	top: 6px !important;

}
#accountdetaildiv .ui.checkbox label:before {
	top: 1px !important;
}
.edit .ui.action.input .button {
	width: 60px;
	padding: 0 !important;
	line-height: 30px;
	text-align: center;
	padding-left: 15px !important;
}

.edit .ui.action.input .ui.button.refreshButton {
	width: 30px;
	height: 30px;
	padding: 0 !important;
	line-height: 30px !important;
	text-align: center;
	padding-left: 10px !important;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.edit .ui.action.input .ui.button.refreshButton .ellipsis.horizontal.icon{
	margin-top: -13px!important;
}
.edit .ui.action.input .button:last-child {
	border-bottom-right-radius: .28571429rem !important;
	border-top-right-radius: .28571429rem !important;
}

.gridHeader {
	height: 30px;
	width: 100%;
}

.gridMenu {
	background: white !important;
	box-shadow: none !important;
	z-index: 1000 !important;
	border: none !important;
	min-height: 30px !important;
}

.ui.menu.gridMenu .noBorder {
	border: none !important;
}

.edit .imaMenu {
	z-index: 60;
	display: none;
}
.edit .imaMenu.disabled{
	display: none!important;

}

.edit .imaMenu a.item {
	display: block !important;
	padding: 0 !important;
	text-align: center !important;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.edit .imaMenu a.item:hover {
	/*opacity: 0.7;*/
}
.ckedit.edit .cke_wysiwyg_frame{
	display: block;
}
.ckedit.edit .cke_top{
	float:none;
}
.ckedit.edit .cke_contents{
	
}

#writemailbtn>.edit.icon {
	position: relative;
}

.errorEdit>span,
.errorEdit .ui.checkbox label {
	color: #9F3A38 !important;
}

.errorEdit .ui.input input,
.errorEdit .ui.dropdown.selection,
.errorEdit .ui.dropdown.selection .menu.transition.visible,
.errorEdit .ui.checkbox input,
.errorEdit .ui.checkbox label:before,
.errorEdit textarea {
	background-color: #fff6f6 !important;
	border-color: #e0b4b4 !important;
	border-top-color: rgb(224, 180, 180) !important;
	border-right-color: rgb(224, 180, 180) !important;
	border-bottom-color: rgb(224, 180, 180) !important;
	border-left-color: rgb(224, 180, 180) !important;
	color: #db2828 !important;
	box-shadow: none;
}

.errorEdit .ui.dropdown.selection div.item {
	background-color: #fff6f6 !important;
	color: #db2828 !important;
}

.errorEdit .ui.action.input .ui.button {
	background-color: #9F3A38!important;
	color: #fff6f6 !important;
}

.errorEdit .buttomView {
	border: 1px solid #e0b4b4 !important;
}
.editModal .content{
	padding: 10px!important;
	background: #f5f5f6!important;
}
.editmodalAreabox {
	padding-left: 4px;
	padding-right: 16px;
	background: white;
	border: 1px solid #ccc;
	height: 428px;
	overflow: hidden;
	overflow-y: auto;
	border-radius: 4px;
}
.editmodalAreabox .editmodalArea{
	border:none!important ;
}
.ui.modal.editModal.transition.visible.active.scrolling {
	padding-bottom: 10px;
	overflow: hidden;
}

.editmodalaction {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.editmodalArea {
	position: relative;
	width: 100%;
	height: 80%;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.editmodalArea .edit>span{padding-left:10px }
.ui-th-column.ui-th-ltr.ui-state-default.ui-state-hover,
.jqgrow.ui-row-ltr.ui-widget-content.ui-state-hover,
.ui-pg-button.ui-corner-all.ui-state-hover {
	/*background: #d0e5f5 !important;*/
	background: none;
}
.ui-th-column.ui-th-ltr.ui-state-default.ui-state-hover[aria-selected="true"],
.jqgrow.ui-row-ltr.ui-widget-content.ui-state-hover[aria-selected="true"],
.ui-pg-button.ui-corner-all.ui-state-hover[aria-selected="true"]{
	background: #d0e5f5;
}
.ui-pg-button.ui-corner-all {
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.ui-jqgrid .ui-jqgrid-sdiv{
	height: 20px;
}
.ui-jqgrid .ui-jqgrid-hbox{
	width:auto!important;
	padding-right:10px!important;
}
.ui-icon.ui-icon-carat-1-sw{
	display:none;
}
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
	padding-bottom: 39px !important;
}
.ui.modal .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	/* padding: 0!important; */
	border-radius: 4px;
}
.editArea .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	padding-bottom: 0 !important;
	border-radius: 4px;
	overflow: hidden;
	margin-top:10px;
}
.editArea .ui-jqgrid .ui-jqgrid-hbox{
	border: none !important;
}
.gridModal .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {
	padding-bottom: 0px !important;
}
.ui-jqgrid .ui-jqgrid-sdiv table tr{
	border:0 none!important;
	background: #e5e9fc!important;
}

.databox .ui-jqgrid .ui-jqgrid-sdiv table tr td,.databox .ui-jqgrid-sdiv .ui-jqgrid-hbox{
	border:0 none!important;
	text-overflow: ellipsis;
}
.ui-jqgrid-sdiv .ui-jqgrid-hbox{
	padding: 0!important;
}
.ui-jqgrid-sdiv .ui-jqgrid-hbox .ui-jqgrid-ftable.ui-common-table{
	/*width: 100% !important;*/
}


.editMenu .ui.input input,.editArea .gridHeader .ui.menu.gridMenu .item.ui.input input {
	padding: 5px 10px 5px 24px;
	height: 24px !important;
	min-height: 24px !important;
	font-size: 12px;
	/* line-height: 12px; */
	line-height:24px;
	box-shadow: none!important
}

.editMenu .ui.input {
	box-shadow: none !important;
	position: relative;
}
.editMenu .ui.input span{
	padding-left: 10px;
}
.editMenu .ui.input i{
	padding-left: 10px;
	position: absolute;
	left:6px;
	top:13px;
}
.indicatorContainerWrap canvas{
	position: absolute;
    top: 50%;
    margin-top: -65px;
    left: 50%;
    margin-left: -55px;
}
.gridModal .editMenu .ui.input {
	padding-left: 10px;
}

.edit .refresh.icon.refreshbutton {
	z-index:100;
	position: absolute;
	top: 0px;
	right: 22px;
	cursor: pointer;
}

.displaynone {
	display: none !important;
}
.powerdisplaynone {
	display: none !important;
}
._powerdisplaynone {
	display: none !important;
}
.ui-jqgrid .gridborder tr.jqgrow>td,.gridborder th{
	border-right-color: #ccc !important;
}

/*验证*/

.yzm.field.srk img {
	background: #ccc;
	margin-left: 0.3em;
	max-width: 115px;
	height: 35px;
}
.ui.negative.message#infodiv{
	margin: 1em;
}
.displaynone {
	display: none !important;
}

.ui.checkbox.eye {
	display: inline-block;
	z-indwx: 2;
	position: absolute;
	top:48px;
	right: 20px;
}
.displaynone {
	display: none !important;
}

.ui.negative.hidden.message {
	white-space: nowrap;
	max-width: 262px;
	margin: 1em 1em;
}

.user-login {
	position: relative;
	margin: 0.5em 1em 0 1em;
	font-weight: bold;
	text-align: right;
}
.user-login a{
	font-weight: normal;
	color: white!important;
}
.edit input {
	padding: .1em 1em !important;
	box-shadow: none!important;
}

.edit.icon{
	position: relative;
    display: inline;
}
/*面板*/

.gridster {
	width: 100%;
	height: auto;
}

.gridster ul {
	margin: 0;
}

.gridster ul li {
	list-style-type: none;
	border: 1px solid #e0e0e0;
	padding-top: 30px;
	float: left;
	z-index: 30000;
}
.gridster ul li.moving{
	z-index: 30002;
}
.ui.modal>.close{
	top:1px!important;
	right:2px!important;
	color: #da251d!important;
}

.gridster ul li header {
	background: none repeat scroll 0% 0% #ccc;
	display: block;
	font-size: 16px;
	height: 30px;
	cursor: move;
	text-align: left;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 101;
}

.ui.embed {
	width: 100%;
	height: 100%;
	padding: 0;
}
#regmodebtn{
	cursor: pointer;	
}
/* .Markcontent{
	height: 600px;
	background: white;
	overflow: hidden;
	position: relative;
} */
.Markcontent{
	top: 40px;
	bottom: 0px;
	left:0;
	right:0;
	background: white;
	overflow: hidden;
	position: absolute;;
}

.gridsterTop {
	height: 42px;
	position: fixed;
	top: 41px;
	left: 180px;
	right:0;
	z-index: 100;
	width: auto;
}

.gridster ul li header .ui.menu {
	box-sizing: border-box !important;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	background: #f5f5f6;
	min-height: 30px !important;
	border-radius: 0px;
	height: 30px !important;
	margin: 0 !important;
}

.gridster ul li[data-editor="BlockView"] {
	padding-top: 0 !important;
}

.gridster ul li[data-editor="BlockView"] .blockView {
	width: 100%;
	height: 100%;
	position: relative;
	background: #00B5AD;
}

.gridster ul li[data-editor="BlockView"] .blockView>.row {
	color: white;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -30px;
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

.gridster ul li[data-editor="BlockView"] .blockView>.row span {
	border: 2px solid white;
	border-radius: 100%;
	font-size: 18px;
	padding: 6%;
	margin-left: 10px;
}

.gridster ul li[data-editor="BlockView"] .blockView>a {
	display: block;
	position: absolute;
	color: white;
	right: 10px;
	top: 10px;
}

.gridster ul li header .ui.menu .right.menu {
	height: 30px !important;
}

.gridster ul li header .ui.menu .item {
	height: 30px !important;
	font-size: 14px;
	padding: 0 5px !important;
	margin: 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gridster ul li header .ui.menu .item i.icon {
	margin: 0;
}
.ui.menu .item i.user.add.icon{
	/*color:  rgba(0,0,0,.7);;*/
	color: #666;
}

.gridsterM.ui.modal {
	width: 500px;
	margin-left: -250px;
}
.ui.modal>.content{
	background: none;
	height: auto;
}
.ui.modal.editorModal>.content{
	padding: 10px;/*!important;*/
    /*overflow: hidden;*/
}
.gridsterM.ui.modal>.content {
	position: relative;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.gridsterM.ui.modal>.content .ui.input {
	left: 60px;
	top: 10px;
	right: 21px;
}



/*document文档*/
.documentbox{
	width: 100%;
	height: 100%;
	padding: 10px;
	background: #f5f5f6;
	position: relative;
}
.documentbox .documentLeft{
	position: relative;
	width: 180px;
	height: 100%;
	border: 1px solid #ccc;
	border-right: none;
	background: white;
	border-top-left-radius:4px;
}
.documentbox .documentLeft .topsearch{
	height: 40px;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	background: #f5f5f6;
}
.documentbox .documentLeft .bottomsize{
	position: absolute;
	height: 30px;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #ccc;
	white-space: nowrap;
}
.documentbox .documentLeft .topsearch .ui.input{
	position: relative;
	width: 100%;
}
.documentbox .documentLeft .topsearch .ui.input i.search{
	position: absolute;
	top:6px;
	left:4px;
}
.documentbox .documentLeft .topsearch .ui.input input{
	width: 100%;
	min-width: 100%;
	height: 30px;
	padding:0 5px 0 22px ;
}
.documentbox .documentLeft .documentmenu{
	box-shadow: none;
	margin: 0;
	border: none;
	/*border-bottom: 1px solid #ccc;*/
	width: 100%;
	border-radius: 0!important;
}
.documentbox .documentLeft .documentmenu .item{
	border-radius: 0!important;
	height: 40px;
	padding: 5px 10px;
	line-height: 30px;
		border-top: 1px solid #fff;
	border-bottom:1px solid #fff;
}

.documentbox .documentLeft .documentmenu .item.active{
	border-top: 1px solid #ccc;
	border-bottom:1px solid #ccc ;
}
.documentbox .documentLeft .documentmenu .item.active:first-child{
	border-top:1px solid  #fff;
}
.documentbox .documentLeft .documentmenu .item i{
	float: left!important;
	margin: 0 20px 0 10px !important;
}
.documentbox .documentLeft .documentshare{
	position: absolute;
	width: 100%;
	top:160px;
	bottom:30px;
}
.documentbox .documentLeft .documentshare .header{
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}
.documentbox .documentLeft .documentshare .add.icon{
	position: absolute;
		cursor: pointer;
	top:6px;
	font-weight: normal;
	margin: 0;
	height: 16px;
	width: 12px;
	right:12px;
	font-size: 12px;
}
.documentbox .documentLeft .documentshare .sharecontents{
	position: absolute;
	top:30px;
	bottom:0;
	padding: 5px 10px;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.documentbox .documentLeft .documentshare .sharecontents .content{
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}
.documentbox .documentLeft .documentmenu .item:hover,.documentbox .documentLeft .documentmenu .item.active:hover{
	background:  #deeffc!important;
}
.documentbox .documentLeft .documentmenu .item.active{
	background: #deeffc;
}
.documentbox .documentRight{
	background:#f5f5f6;
	position: absolute;
	left: 190px;
	top:10px;
	right:10px;
	bottom:10px;
	border: 1px solid #ccc;
	border-top-right-radius: 4px; ;
}
.documentbox .documentRight .topRight.ui.menu{
	background: #f5f5f6;
	border: none;
	height: 40px;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	border-top-right-radius:4px;

}
.documentbox .documentRight .topRight.ui.menu>.item{
	padding: 5px 10px;
	line-height: 30px;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu{
	border-radius: 0;
	height: 40px;
	background: none;
	border: none;
	box-shadow: none;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item{
	cursor: pointer;
	padding: 5px 10px;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item i{
	margin: 0;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item#btnuploaddocument{
	height: 24px;
    margin-top:8px;
    margin-right: 10px;
    border-radius: 4px;
    color: white;
    background: #0099CC!important;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item.disabled#btnuploaddocument{
	background-color: transparent!important;
    color: rgba(40,40,40,.3);
}
.documentbox .documentRight .bottomRight{
	position: absolute;
	top:40px;
	bottom:0px;
	left:0px;
	right:0px;
	border-radius: 4px;
	overflow: hidden;
}
.documentbox .documentRight .bottomRight .ui.menu{
	margin: 0;
	box-shadow: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
	cursor: pointer;
}
.documentbox .documentRight .bottomRight .ui.menu.bottomRightmenu{
	border: none;
	border-bottom: 1px solid #ccc;
}
.ui.breadcrumb .active.section{
	font-weight: normal!important;
	height: 15px;
	cursor: pointer;
}
#documentguide .ui.breadcrumb.item,#documentguide .ui.breadcrumb.item a{
	height: 15px;
	line-height:15px;
}
.documentbox .documentRight .bottomRight .ui.menu .item{
	padding: 0;
	min-width: 30px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
.documentbox .documentRight .bottomRight .ui.menu .item.send{
	overflow: visible;
}
.documentbox .documentRight .bottomRight .ui.menu .item.headname{
	width: 60px;
	/*border-right: 1px solid #ccc ;*/
}
.documentbox .picbar{
	height: 10px;
	position: absolute;
	bottom:10px;
	width: 100%;
	left:0;
	padding: 0 10px;
}
.documentbox .picbar .progress{
	height: 100%;
	width: 100%;
}
.topmessage{
	position: fixed;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-align: center;
	top:0;
	left:50%;
	margin-left: -50px;
	z-index: 10006;
	background:rgba(0,0,0,.5);
	color: white;
	border-radius:4px ;
	border-top-right-radius:0 ;
	border-top-left-radius:0 ;
	display: none;
}
.documentbox .documentRight .bottomRight .ui.menu.bottomRightmenu .item.disabled{
	opacity: .3;
}
.documentbox .documentRight .bottomRight .ui.menu .item.bar{
	width: 180px;
}
.documentbox .documentRight .bottomRight .ui.menu .item.bar .progress{
	width: 100%;
	height: 100%;
	padding: 10px;
}
.documentbox .documentRight .bottomRight .ui.menu .item i{
	font-size: 14px;
	color: #808080;
	margin:0 0 0 5px;
	cursor: pointer;
}
.documentbox .documentRight .bottomRight .ui.menu .item i.icons{
	width: 20px;
}
.documentbox .documentRight .bottomRight .ui.menu .item i.icons .folder.outline.icon{
	margin: 0!important;
    color: #808080;
}
.documentbox .documentRight .bottomRight .ui.menu .item i.icons .inverted.corner.share.icon{
	    color: white;
    left: 10px;
    top: 5px;
    /* overflow: visible; */
    font-size: 2px;
    margin: 0!important;
}
.documentbox .documentRight .bottomRight .ui.menu .item i.disabled{
	opacity: .15!important;
}
.rightcontents .ui.menu{
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	background: white; 
}

.rightcontents .ui.menu.active,
.rightcontents .ui.menu.active .item .checkbox label:before
{
	background:#deeffc;
}
.rightcontents .ui.menu .right.menu .item{
	 padding-right: 20px;
	font-family:"微软雅黑";
}
.rightcontents .ui.menu .right.menu .item.name,.documentbox .documentRight .bottomRight .ui.menu .right.menu .item.name{
	width: 100px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;

}
.rightcontents .ui.menu .right.menu .item.time,.documentbox .documentRight .bottomRight .ui.menu .right.menu .item.time{
	width: 120px;
}
.rightcontents .ui.menu .right.menu .item.time span{
	display: inline-block;
	text-align: left;
	padding-left: 5px;
	width: 30px;
	overflow: hidden;
	text-overflow: ellipsis;

}
.rightcontents .ui.menu .right.menu .item.size,.documentbox .documentRight .bottomRight .ui.menu .right.menu .item.size{
	width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding-right: 20px;
    display: block;
    line-height: 38px;
}
.rightcontents .ui.menu .item i{
	margin: 0 6px 0 0!important;
}
.documentbox .documentRight .bottomRight .ui.menu .item.select{
	padding-right: 20px;
}
.documentbox .documentRight .bottomRight .ui.menu .ui.checkbox{
	 height: 38px;
	width: 40px;
}
.documentbox .documentRight .bottomRight .ui.menu .ui.checkbox input{
	top:10px;
	left:10px;
}
.documentbox .documentRight .bottomRight .ui.menu .ui.checkbox label,
.documentbox .documentRight .bottomRight .ui.menu .ui.checkbox label:before
{
	top:4px;
	left:5px;
}
.documentbox .documentRight .bottomRight .ui.menu .ui.checkbox label:after{
	top:6px;
	left:5px;
}
.documentbox .rightcontents,
.documentbox .documentLoading{
	position: absolute;
    top: 40px;
    width: 100%;
    bottom: 0;
    overflow: hidden;
    overflow-y: auto;
	z-index: 100;
	/*border-bottom: 1px solid #ccc;*/
	/*border-right: 1px solid #ccc;*/
	/*border-left: 1px solid #ccc;*/
	background: white;
}
.documentbox .documentLoading{
	z-index:110;
}
.documentbox .rightcontents.dgpcontents{
	background: white;
	z-index: 105;
	overflow: hidden;
	overflow-y: auto;
	/*border: 1px solid #ccc;*/
	border-top:none;
	padding:10px 0 0 10px;
}
.documentbox .rightcontents.dgpcontents .content{
	border: 1px solid #ccc;
	padding: 0 5px;
	border-radius: 4px;
	width:120px;
	margin-right:10px;
	margin-bottom: 10px;
	height:auto;
	cursor: pointer;
	float: left;
	position: relative;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item#btnpicorlist{
	display: inline-block;
    width: 44px;
    line-height: 30px;
    /* margin-right: 10px; */
    text-align: center;
	padding: 0;
    margin: 5px 10px;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item.ispic#btnpicorlist{
	    box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
	border-radius: 4px!important;
}
.documentbox .documentRight .topRight.ui.menu .ui.menu .item.ispic#btnpicorlist i{
	margin: 0;
}
.documentbox .rightcontents.dgpcontents .content.active{
	background: #deeffc;
 }

.documentbox .rightcontents.dgpcontents .content .item{
	display: inline-block;
	width: auto;
}
.documentbox .rightcontents.dgpcontents .content .topcontent{
	width: 100%;
	height: 30px;
	white-space: nowrap;
	position: relative;
}
.documentbox .rightcontents.dgpcontents .content .topcontent .checkitem,
.documentbox .rightcontents.dgpcontents .content .topcontent .checkitem .ui.checkbox
{
	width: 30px;
	height: 30px;
}
.documentbox .rightcontents.dgpcontents .content .topcontent .checkitem .ui.checkbox input,
.documentbox .rightcontents.dgpcontents .content .topcontent .checkitem .ui.checkbox label:after
{
	top:6px;
}

.documentbox .rightcontents.dgpcontents .content .topcontent .nameitem{
	position: absolute;
	left: 30px;
	line-height: 30px;
	height: 30px;
	right:0;
	top:0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.documentbox .rightcontents.dgpcontents .content .bodycontent{
	text-align: center;
	padding: 5px 0;
}
.documentbox .rightcontents.dgpcontents .content .bodycontent img{
	width: 100%;
	margin: 0 auto;
}
.documentbox .rightcontents.dgpcontents .content .bottomcontent .timeitem{
	width: 100%;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
/*打印*/
.ui.modal.print>.print{
	height: 289px;
	position: relative;
}
.ui.modal.print>.print .ui.menu{
	height: 30px;
	min-height: 30px;
	margin: 10px 10px 0 10px;
	box-shadow: none;
}
.ui.modal.print>.print>.ui.menu{
	height: 40px;
	min-height: 40px;
	border-color:#ccc;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.ui.modal.print>.print>.ui.menu>.item{
	height: 40px!important;
	line-height: 30px!important;

}
.ui.modal.print>.print>.ui.menu>.item>i{
	/*margin: 0!important;*/
	height: 12px;
	position: relative;
}
.ui.modal.print>.print>.ui.menu>.item>i:before{
	position: absolute;
	height: 12px;
	width: 12px;
	left:0;
	top:-4px;
}
.ui.modal.print>.print .ui.menu .right.menu{
	height: 40px;
	min-height: 40px;
}
.ui.modal.print>.print .ui.menu .item{
	height: 30px;
	line-height: 20px;
	padding: 5px 10px;
}
.ui.modal.print>.print .ui.menu .item.ui.input{
	position: relative;
		height: 40px;
}
.ui.modal.print>.print .ui.menu .item.ui.input i{
	display: block;
    cursor: pointer;
    position: absolute;
    top:10px;
	left:14px;

}
.ui.modal.print>.print .ui.menu .item>i.icon:not(.search){
	margin-top: -10px;
}
.ui.modal.print>.print .ui.menu .item input{
	height: 24px;
	margin: 8px 0;
	padding: 5px 10px;
	line-height: 14px;
	padding-left: 20px;
	font-size: 12px;
}
.ui.modal.print>.print .contents{
	position: absolute;
	top:40px;
	bottom:10px;
	left: 10px;
	right:10px;
	overflow: hidden;
	overflow-y: auto;
	border: 1px solid #ccc;
	border-top:none;
	background: white;
	padding: 0 1px;
}
.ui.modal.print>.print .contents .caption{
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	padding-left: 10px;
	background: white;
	/*border-bottom: 1px solid #ccc;*/
}
.ui.modal.print>.print .contents .caption i{
	color: rgba(0,0,0,.87)!important;;
}
.ui.modal.print>.print .contents>.ui.menu{
	height: 30px;
	border: none;
	box-shadow: none;
	line-height: 30px;
	background: white;
	/*border-bottom: 1px solid #ccc;*/
	margin: 0;
	border-radius:0 ;
	cursor: pointer;
	padding-left: 10px;
}
.ui.modal.print>.print #generalfirst>.ui.menu{
	height: 30px;
	border: none;
	box-shadow: none;
	line-height: 30px;
	background: white;
	/*border-bottom: 1px solid #ccc;*/
	margin: 0;
	border-radius:0 ;
	cursor: pointer;
	padding-left: 10px;
}

.ui.modal.print>.print #generalfirst>.ui.menu .item {
    padding: 0;
    line-height: 30px;
    position: relative;
    padding-left: 5px;
    min-width: 22px;
}

.ui.modal.print>.print #generalfirst>.ui.menu.selected {
    background: #deeffc;
}

body .ui.modal.print>.print #generalfirst>.ui.menu .item .icon.file.outline {
    margin-top: -14px!important;
}
.ui.modal.print>.print .contents>.ui.menu .item{
	padding: 0;
	line-height: 30px;
	position: relative;
	padding-left: 10px;
	min-width: 22px;
}
.ui.modal.print>.print .contents>.ui.menu.selected{
	background: #deeffc;
}
.ui.modal.print>.print .contents>.ui.menu .item .icon{
	position: absolute;
	width: 12px;
	height: 12px;
	top:50%;
	margin-top: -14px;
	left: 10px;
}
body .ui.modal.print>.print .contents>.ui.menu .item .icon.file.outline {
	margin-top: -14px!important;
}
.ui.modal.print .actions .ui.button.printsend{
	float: left;
	margin-top: 8px;
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
}
.ui.modal.print .actions .ui.button.printsend:hover{
	background: #EAEEF2;
}
.ui.modal.print{
	overflow: visible!important;
}

.ui.modal .ui.dropdown.send,.documentRight .ui.dropdown.send{
	float: left;
	width: 62px;
	height: 32px;
	line-height: 32px;
	border-radius: .28571429rem;
	padding: 0 8px;
	margin-top: 8px;
	font-weight: normal;
	background: #EAEEF2;
	color: #34495E;
	font-weight: normal;
	border: 1px solid #B9C8D4;
}
.ui.modal .ui.dropdown.send i.dropdown,.documentRight .ui.dropdown.send i.dropdown{
	margin-left: 8px;
}
.documentRight .ui.dropdown.send{
	margin: 0;
    padding: 0 8px!important;
    background-color: white;
    width: 45px;
}
.documentRight .ui.dropdown.sendicon{
	border: none;
	padding: 0!important;
	margin-left: 4px;
}
.documentRight .ui.dropdown.send .menu{
	z-index: 6005;
	margin-left: -1px;
}
.documentRight .ui.dropdown.send .menu .item{
	text-align: left;
}
.ui.modal.accessory .ui.dropdown.sendicon{
	float:none;
	position: absolute;
	top:53px;
	left:78px;
	padding: 0 8px 0 0;
	width: 45px;
	margin: 0;
	background:none;
	border: none;
	color: #666;
}
.ui.modal.accessory .ui.dropdown.sendicon .dropdown.icon{
	margin-left: 4px;
}
.ui.modal.print .ui.dropdown.send .menu{
	width: 85px;
}
.ui.modal.print .ui.dropdown.send .menu .item.active.selected{
	font-weight: normal;
}
.ui.modal.print .ui.dropdown.send:hover{
	border-radius: .28571429rem;
}

/*附件*/

.accessory{
	position: absolute;
	top:50px;
	bottom: 10px;
	left: 10px;
	right:10px;
	box-sizing: border-box;
}
.ui.modal.accessory .accessory{
	border-bottom: 1px solid #ccc;
}
.accessory>.ui.menu{
	box-shadow: none;
	margin:0;
	height: 40px;
	min-height: 40px;
	border-radius:4px;
	border-color:#ccc;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.accessory .ui.menu .item{
	padding:0px;
	width: 30px;
	text-align: center;
}
.accessory .ui.menu .item.upload{
	display: block;
	cursor: pointer;
	padding: 0;
	margin :7px 10px;
	width: 60px;
	height: 24px;
	background: #0099CC;
	color: white;
	border-radius: 4px;
	text-align: center;
	line-height: 24px;
}
.accessory .ui.menu .item:not(.upload) i{
	margin: 0;
	width: 100%;
	height: 100%;
	line-height:40px;
	cursor: pointer;
	color:#666;
	font-size: 12px;
}
.accessory .ui.menu.content .item{
	line-height: 30px;
	text-align: left;
}
.accessory .contents .ui.menu.active,
.accessory .contents .ui.menu.active .item .checkbox label{
	background: #deeffc;
}
.accessory .contents{
	position: absolute;
	top:40px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow: hidden;
	overflow-y: auto;
	border:1px solid #ccc ;
	border-top:none ;
	border-bottom:none ;
	background: white;

}
.accessory .contents .ui.menu{
	height: 30px;
	margin: 0;
	background:white;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	box-shadow: none;
	min-height: 30px;
}


.accessory .ui.menu .item .checkbox label{
		background: #f7f7f7;
}
.accessory .contents .ui.menu .item{
	height: 30px;
}
.accessory .contents .ui.menu .item.bar{
	width: 180px;
	padding:6px 20px 6px 0;
}
.accessory .contents .ui.menu .item.bar .progress{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: #CCCCCC;
}
.accessory .ui.menu .item .checkbox label:before{
	top:0!important;
}
.accessory .contents .ui.menu .item.check{
	padding-right: 0;
	padding-left:6px;
}
.accessory .contents .ui.menu .item.foldename{
	padding-left: 10px;
	white-space: nowrap;
	display: inline-block;
	width:360px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.accessory .contents .ui.menu .item.name,.accessory .contents .ui.menu .item.time{
	display: inline-block;
	white-space: nowrap;
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.accessory .contents .ui.menu .item.name{
	width: 60px;
}

/*决策分析*/
.analysismodal.ui.modal .content{
	padding:10px;
	height:300px;
}
/*共享文件*/
.sharefolder .content{
	height: 300px!important;
	padding: 10px!important;
}
.sharefolder .content header{
	height: 30px;
	line-height: 30px;
}
.sharefolder .content .topuser{
	height: 190px;
	position: relative;
}
.sharefolder .content .topuser .cellbox{
	height: 160px;
	border: 1px solid #ccc;
	background: white;
	border-radius:4px;
	overflow: hidden;
	overflow-y: auto;
}
.sharefolder .content .topuser .cellbox .showuser{
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 22px;
    margin: 3px 5px;
    padding: 0 5px;
    font-weight: normal;
    font-size: 12px;
    background: #f5f5f6;
    float: left;
	cursor: pointer;
	position: relative;
	padding-left: 20px;
}
.sharefolder .content .topuser .cellbox .showuser input{
	position: absolute;
	left: 4px;
    top: 3px;
}
.sharefolder .content .topuser .cellbox .showuser.active{
	box-shadow: 0 0 4px #0099CC;
}
.sharefolder .content .topuser .ui.menu.bt{
	border: none;
	margin: 0;
	box-shadow: none;
	background: none;
	position: absolute;
	top:0;
	right:0;
	width: 120px;
}
.sharefolder .content .topuser .ui.menu.bt .right{
	padding: 5px 0;
}
.sharefolder .content .topuser .ui.menu.bt .right .item{
	display: block;
	line-height: 20px;
	text-align: center;
	background:none;
    color:rgba(0,0,0,.7);
    font-weight: normal;
	height: 20px;
	width: 20px;
	margin: 0 4px!important;
	padding:0px 5px;
	font-size: 12px;
    border:none;
}
.sharefolder .content .bottomaccess{
	height: 110px;
}
.sharefolder .content .bottomaccess .ui.menu{
	border: none;
	background: none;
	box-shadow: none;
	margin: 0;
	padding-right: 11px;
	height: 30px;
	min-height: 30px;
}
.sharefolder .content .bottomaccess .ui.menu .item{
	display: inline-block;
	padding: 5px 10px;
	 width: 60px;
	height: 30px;
	text-align: center;
	line-height: 20px;
}
.sharefolder .content .bottomaccess>.ui.menu>.item:first-child{
	padding-left: 0;
	text-align: left;
}
.sharefolder .content .bottomaccess .cellbox{
	height: 60px;
	border: 1px solid #ccc;
	border-radius:4px;
	padding:0 10px 0 0;
	background: white;
}
.sharefolder .content .bottomaccess .cellbox .ui.menu{
	padding: 0;
}
.sharefolder .content .bottomaccess .cellbox .ui.menu>.item:first-child{
	text-align: left;
}
.sharefolder .content .bottomaccess  .cellbox .ui.menu .item .ui.checkbox{
	display: block;
	margin-left: 12px;
	margin-top: 1px;
	height: 16px;
	width: 16px;
}
.sharefolder .content .bottomaccess  .cellbox .ui.menu .item .ui.checkbox label:before{
	top: 0 !important;
}
/*角色样式调整*/
.userbody .user .big.icons{
	width: 36px;

}
.userbody .user .big.icons .icon{
	width: 22px;
	margin-left: 7px;
}
.userbody .user.character .big.icons .icon{
	margin-top:10px ;
	color:silver;
	font-size: 1em;
	text-align: center;
}
.userbody .user.character .big.icons{
	margin-right: 10px;
}
.ui.bottom.attached.tab.segment .content.position .ui.disabled.input{
	opacity: 0.6;
}

#shadow-root input{
	display: none;
}
/*IM*/
 .headspan{
	width: 40px;
    height: 40px;
    display: block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    color: white;
}
 .offline.headspan{
	background: grey!important;
}

.chatfile .headspan{
	width: 30px;
    height: 30px;
    display: block;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    color: white;
}
.chatfile .offline .headspan{
	background: grey!important;
}
.chatfile{
	position: fixed;
	top:49px;
	width:1010px;
	right:8px;
	height:600px;
	z-index: 60000;
	padding-right: 210px;
}
.chatfile.simplechat{
	width: 830px;
}
.chatfile .emoji_icon{
	width: 22px;
}
.chatfile .chatList{
	width: 200px;
	position: absolute;
	right: 0;
	top:0;
	bottom:0;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	background:#fdaf19;
	border-bottom-left-radius:4px ;
	border-bottom-right-radius:4px ;
}
.chatfile .chatList .header{
	height: 30px;
	padding: 0 10px;
	line-height: 29px;
	background: #fdaf19;
	/*border-bottom: 1px solid #ccc;*/
	color: white;
}
.chatfile .chatList .chatsearch{
	width: 100%;
	padding: 6px;
	height: 40px;
	position: relative;
	background: #fdaf19;
	border: none;
	/*border-bottom: 1px solid #ccc;*/
}
.chatfile .chatList .chatsearch i.search.icon{
	position: absolute;
	left: 10px;
	top:10px;
	height: 16px;
	width: 16px;
	margin: 0;
	opacity: .7;
}
.chatfile .chatList .chatsearch div.close{
	position: absolute;
	right:14px;
	top:12px;
	background: rgba(0,0,0,.6);
	width: 16px;
	height: 16px;
	color: white;
	border-radius: 100%;
	line-height: 14px;
	text-align: center;
	cursor: pointer;
}
.chatfile .chatList .chatsearch div.close i{
	margin: 0;
	height: 16px;
	width: 16px;
	font-size: 12px;
	cursor: pointer;
	font-weight: normal;
	color: white;
}
.chatfile .chatList .chatsearch input{
	border-radius: 20px;
	padding-left: 20px;
	padding-right: 26px;
}
.chatfile .chatList .chatsearch input:focus{
	border-color:#58a9e7 ;
}
.chatfile .chatList .chatsearch input:focus+.icon.search{
	color:#2b81c3;
}
.chatfile .chatList .chatsearchresult{
	position: absolute;
	top:70px;
	width: 100%;
	bottom:30px;
	left: 0;
	background: white;
	z-index: 1;
	overflow: hidden;
	overflow-y: auto;
	border-top:1px solid #ccc ;
	border-bottom-left-radius:4px ;
	border-bottom-right-radius:4px ;
}
.chatfile .chatList .chatsearchresult .nofound{
	height: 60px;
	line-height: 60px;
	text-align: center;
	opacity: .8;
}
.chatfile .chatList .chatsearchresult .header{
    line-height: 30px;
    padding-left: 10px;
    width: 100%;
    height: 30px;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.chatfile .chatList .chatsearchresult .result{
	 width: 100%;
	height: auto;
}

.chatfile .chatList>.ui.menu{
	margin: 0;
	border: none;
	height: 40px;
	background: #fdaf19;
}
.chatfile .chatList .ui.menu a.item{
	width: 50%;
	height: 100%;
	padding: 0;
	border: none;
	text-align: center;
	position: relative;
	margin: 0;

}
.chatfile .chatList .ui.menu a.item.active{
	background: rgba(255,255,255,.2);
}
.chatfile .chatList>.chatup{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	color: white;
	background: #fdaf19;

}
.chatfile .chatList>.chatup:hover{
	color: #f0f0f0;
}
.chatfile .chatList .ui.menu a.item.active,.chatfile .chatList .ui.menu a.item.active:hover{
	border-bottom:1px solid #ccc;
}
.chatfile .chatList>.ui.menu a.item i{
	font-size: 14px;
	display: inherit;
	color:#e5e5e5;
	width: 16px;
	height: 16px;
	position: absolute;
	top:12px;
	left: 50%;
	margin:0;
	margin-left: -8px;
}
.chatfile .chatList>.ui.menu a.item.active i{
	color:white;
}

.chatfile .chatList>.ui.menu a.item.active span{
	display:block;
	width:0;
	height:0;
	border-width:0 6px 6px;
	border-style:solid;
	border-color:transparent transparent #ccc;
	position:absolute;
	bottom:-1px;
	left:50%;/* 三角形居中显示 */
	margin-left:-6px;/* 三角形居中显示 */
}
.chatfile .chatList>.ui.menu a.item.active span:before{
	content: "";
	display:block;
	width:0;
	height:0;
	border-width:0 6px 6px;
	border-style:solid;
	border-color:transparent transparent white;
	position:absolute;
	bottom:-7px;
	left:-6px;
}


.chatfile .chatList .tab.segment{
	position: absolute;
	border: none;
	margin: 0;
	top:110px;
	bottom:30px;
	width: 100%;
	left: 0;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	padding:0px;
	padding-top: 10px;
}

.chatfile .chatList .tab.segment.first{
	padding: 10px 0;
}
.chatfile .chatList .tab.segment .chatitem,.chatfile .chatList .chatsearchresult .result .chatitem{
	position: relative;
	height: 50px;
	padding: 5px 0;
	width:100%;
	cursor: pointer;
}
.chatfile .chatList .tab.segment .chatitem{
	padding:3px 0;
	height:40px;
}
.chatfile .chatList .tab.segment.first .chatitem .ui.image{
	top:5px;
}
.chatfile .chatList .tab.segment.first .chatitem{
	height:40px;
}
.chatfile .chatList .tab.segment.first .chatitem .middle.aligned.content{
	height:40px;
	padding:0;
	top:0;
}
.page-menu>a>span.offline,
.chatfile .chatList .tab.segment .chatitem.offline .ui.image img,
.chatfile .chatList .chatsearchresult .result .chatitem.offline .ui.image img,
.chatfile .leftcontent .chatcontents .chatcontent.offline .ui.image img
{
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	/*filter:url("../images/gary.svg#grayscale");*/
}
.offline .chatimgitem{
	filter: gray!important;
    filter: grayscale(100%)!important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.chatimgitem{
	display: block;
	width: 40px;
	height: 40px;
	background-size: 40px 40px!important;
}

/*.chatfile .chatList .tab.segment .chatitem.offline .ui.image img,.chatfile .chatList .chatsearchresult .result .chatitem.offline .ui.image img{*/
	/*filter: gray;*/
	/*-webkit-filter: grayscale(100%);*/
	/*-moz-filter: grayscale(100%);*/
	/*-ms-filter: grayscale(100%);*/
	/*-o-filter: grayscale(100%);*/
	/*filter: grayscale(100%);*/
	/*!*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' x=\'0\' y=\'0\' width=\'100%\' height=\'100%\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*!*/
	/*!*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*!*/
/*}*/
/*.chatfile .leftcontent .chatcontents .chatcontent.offline .ui.image img{*/
		/*filter: gray;*/
		/*-webkit-filter: grayscale(100%);*/
		/*-moz-filter: grayscale(100%);*/
		/*-ms-filter: grayscale(100%);*/
		/*-o-filter: grayscale(100%);*/
		/*filter: grayscale(100%);*/
		/*!*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' x=\'0\' y=\'0\' width=\'100%\' height=\'100%\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*!*/
		/*!*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*!*/
/*}*/
.chatfile .chatList .tab.segment .chatitem .ui.image,.chatfile .chatList .chatsearchresult .result .chatitem .ui.image{
	position: absolute;
	top:5px;
	left: 8px;
	width: 30px;
	height: 30px;
}
.chatfile .chatList .tab.segment .chatitem .ui.image img, .chatfile .chatList .chatsearchresult .result .chatitem .ui.image img{
	border-radius: 100%;
	overflow: hidden;
}
.chatfile .chatList .tab.segment .chatitem.shake .ui.image,
.chatfile .chatList .chatsearchresult .result .chatitem.shake .ui.image,
.chatfile .leftcontent .chatcontents .chatcontent.shake .ui.image
{
animation: myshake 1s infinite;
-moz-animation: myshake 1s infinite;	/* Firefox */
-webkit-animation: myshake 1s infinite;	/* Safari 和 Chrome */
-o-animation: myshake 1s infinite;	/* Opera */
}
@keyframes myshake{
	0%   {
		margin-left: -2px;
		top:7px;
	}
	25%{
		margin-left: 0px;
		top:5px;
	}
	50%  {
		margin-left: 2px;
		top:7px;
	}
	75%{
		margin-left: 0px;
		top:5px;
	}
	100% {
		margin-left: -2px;
		top:7px;
	}
}
.chatfile .chatList .tab.segment .chatitem .middle.aligned.content,.chatfile .chatList .chatsearchresult .result .chatitem  .middle.aligned.content{
	position: absolute;
	left: 48px;
	top:5px;
	right:8px;
	bottom:4px;
	display: block;
	height: 40px;
	line-height: 32px;
	padding: 4px 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chatfile .chatList .tab.segment .chatitem .middle.aligned.content{
	height:30px;
	line-height: 22px;
	left: 38px;
}
.chatfile .chatList .chatsearchresult .result .chatitem  .middle.aligned.content .num{
	background: #a8ddec;
    color: white;
    padding: 0px 4px;
    margin-left: 4px;
    position: absolute;
    top: 10px;
    right: 0px;
    line-height: 20px;
    border-radius: 4px;
    height: 20px;
}
.chatfile .chatList .tab.segment .chataccordion,.chatfile .chatList .tab.segment .chataccordion .title{
	padding: 4px 8px!important;
	box-shadow: none;
	padding: 0px 8px!important;
	height: auto;
	min-height:20px;
    line-height: 20px;
    box-shadow: none;
}
.chatfile .chatList .tab.segment .chataccordion .title{
	padding: 0px 8px 0 0!important;
}
/* .chatfile .chatList .tab.segment .chataccordion .title .dropdown.icon:before{
	content: "\f105"!important;
} */
.ui.accordion .title .angle.right.icon{
	margin:0;
    width: 14px;
    height: 14px;
    line-height: 14px;
}
.ui.accordion .accordion .active.title .angle.right.icon, .ui.accordion .active.title .angle.right.icon, .ui.accordion.menu .item .active.title>.angle.right.icon{
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.chatfile .chatList .tab.segment .chataccordion .content{
	padding: 0 10px;
}
.chatfile .chatList .tab.segment .chataccordion .accordion{
	box-shadow: none!important;
	margin: 0!important;
}
.chatfile .chatList .tab.segment .chataccordion .title{
	font-size: 12px;
	font-weight: normal;
}
.chatfile .chatList .tab.segment .chataccordion .chatitem{
	height: 36px;

}
.chatfile .chatList .tab.segment .chataccordion .chatitem.active{
	border: 1px solid #ccc;
}

.chatfile .chatwindow{
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.chatfile .chatwindow>.header{
	height: 30px;
	margin-left: 180px;
}
.chatfile .chatwindow>.header .ui.menu{
	height: 30px;
	min-height: 30px;
	border:none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	/*background: #f0f0f0;*/
}
.chatfile .chatwindow>.header .ui.menu>.item{
	padding-left: 10px;
}
.chatfile .chatwindow>.header .ui.menu .right.menu{
	height: 30px;
}
.chatfile .chatwindow>.header .ui.menu .item{
	padding: 8px;
	height: 30px;
	cursor: pointer;
}
.chatfile .chatwindow>.header .ui.menu>.item{
	padding: 0 0 0 10px;
	line-height: 30px;
}
.chatfile .chatwindow .titleheadimg{
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius:100%;
	color: white;
	line-height: 24px;
	text-align: center;
	background: #76dac8;
	margin-right: 4px;
	display: none;
}
.chatfile .chatwindow .titleheadimg.offline{
	background: grey!important;
}
.chatfile.simplechat .chatwindow .titleheadimg{
	display: inline-block;
}
.chatfile .chatwindow>.header .ui.menu .item i{
	margin: 0;
}
.chatfile .chatList .tab.segment.first .chatitem .middle.aligned.content{
	padding: 0;

}
.chatfile .chatList .tab.segment.first .chatitem .middle.aligned.content .name{
	position: absolute;
	top:3px;
	left: 8px;
	right:40px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chatfile .chatList .tab.segment.first .chatitem .middle.aligned.content .time{
	position: absolute;
	top:3px;
	right: 0;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	color: #999;
}
.chatfile .chatList .tab.segment.first .chatitem .middle.aligned.content .omit{
	position: absolute;
	bottom:0;
	left: 8px;
	right:40px;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999;
}
.chatfile .chatList .tab.segment.first .chatitem .middle.aligned.content .num{
	position: absolute;
	max-width: 40px;
	width: auto;
	bottom:0;
	right:0px;
	height: 20px;
	line-height: 12px;
	text-align: center;
	background: #a8ddec;
	padding: 4px;
	color: white;
	border-radius: 4px;
}
.chatfile.hidden{
	width: 0;
	border: 0;
	/*right:10px;*/
	padding: 0;
}
.chatfile.hidden .chatwindow{
	border: none;
}
.chatfile .chatList.hidden{
	height: 0;
	border: 0;
}
.chatfile,.chatfile .chaticon,.chatfile .rightcontent .chathistory,
.chatfile .chatList
{
	/*transition: all  1s;*/
}
.chatfile .chaticon.show{
	 width: 40px;
	height: 40px;
	position: absolute;
	top:20px;
	left:-40px;
	background: #333645;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	border-top-right-radius:0 ;
	border-bottom-right-radius:0 ;
}
.chatfile .chaticon{
	 width: 16px;
	height: 40px;
	position: absolute;
	top:50%;
	left:-16px;
	margin-top: -20px;
	background: #2e97cd;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	border-top-right-radius:0 ;
	border-bottom-right-radius:0 ;
	cursor: pointer;
}
.chatfile .chaticon .icon{
	color: white;
	font-size: 14px;
}
.chatfile .leftcontent{
	width: 180px;
	position: absolute;
	top:0px;
	left: 0;
	bottom:0;
	background: #f0f2f5;
	overflow: hidden;
	border-top-left-radius:4px ;
	border-bottom-left-radius:4px ;
}
.chatfile .leftcontent .chatuser{
	height: 80px;
	width: 80px;
	border-radius: 100%;
	background:no-repeat;
	background-size:80px 80px!important; ;
	margin: 20px 60px;
	border: 1px solid white;
}
.chatfile .leftcontent .chatcontents{
	width:100%;
	position: absolute;
	margin: 0px 0 0 0;
	top:0;
	left: 0;
	bottom: 0;
	overflow: auto;
	padding: 0px 0 10px 0px;
	border: none;
	border-right:1px solid #ccc ;
	background: none;
	box-shadow: none;
}
.chatfile .leftcontent .chatcontents::-webkit-scrollbar,
.chatfile .rightcontent .chatview::-webkit-scrollbar,
.chatfile .rightcontent .chathistory .contents::-webkit-scrollbar
{
	width: 10px;
}
.chatfile .leftcontent .chatcontents::-webkit-scrollbar-track
{
	background-color: #63b4dd;
}
.chatfile .rightcontent .chatview::-webkit-scrollbar-track,
.chatfile .rightcontent .chathistory .contents::-webkit-scrollbar-track{
	background-color: #f5f5f6;
}
.chatfile .leftcontent .chatcontents::-webkit-scrollbar-thumb{
	background-color:#1e6f99
}



.chatfile .leftcontent .chatcontents .chatcontent
{
	height: 48px;
	padding:4px 8px;
	margin: 0;
	cursor: pointer;
	min-width: 160px;
	width: 100%;
	position: relative;
}

/*.chatfile .leftcontent .chatcontents .chatcontent:first-child{*/
		/*border-top:1px solid #333 ;*/
/*}*/
.chatfile .leftcontent .chatcontents .chatcontent.active,.chatfile .chatitem.active
{
	background: #d3d9e0;
	border:1px solid #ccc ;
	border-left:none;
	border-right:none ;
}
.chatfile .leftcontent .chatcontents .chatcontent:hover{
	background: #e7ebef;
	border:1px solid #ccc ;
	border-left:none;
	border-right:none ;
}
.chatfile .leftcontent .chatcontents .chatcontent .ui.image
{
	width: 30px;
	height: 30px;
	border-radius: 100%;
	overflow: hidden;
	/*border: 1px solid white;*/
}
.chatfile .leftcontent .chatcontents .chatcontent .content,.chatfile .leftcontent .chatcontents .title{
	font-size: 12px;
	font-family: "微软雅黑";
	color: #333;
	font-weight: normal!important;
	padding: 4px 8px!important;
}
.chatfile .leftcontent .chatcontents .chatcontent .middle.aligned.content
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	white-space: nowrap;
	padding-right: 24px !important;
	position: relative;
}
.chatfile .leftcontent .chatcontents .chatcontent .middle.aligned.content span{
	background: #a8ddec;
    color: white;
    padding: 0 4px;
    margin-left: 4px;
    position: absolute;
    right: 18px;
    border-radius: 4px;
	height: 20px;
	line-height: 20px;
}
.chatfile .leftcontent .chatcontents .chatcontent .middle.aligned.content .close{
	position:absolute ;
	width: 16px;
	height: 16px;
	right:0;
	top:50%;
	margin-top: -8px;
	color: #333;
	opacity: .8;
	display: none;
	cursor: pointer;
}
.chatfile .leftcontent .chatcontents .chatcontent:hover .middle.aligned.content .close{
	display: block;
}
.chatfile .rightcontent{
	position: absolute;
	left: 180px;
	top:30px;
	right:0;
	bottom: 0;
	/*height: 100%;*/
	overflow: hidden;
	border-bottom-left-radius:4px ;
	border-bottom-right-radius:4px ;
}
.chatfile .rightcontent .chatview{
	position: absolute;
	top:0;
	bottom:200px;
	left: 0;
	margin: 0;
	width: 100%;
	padding: 10px;
	background: white;
	overflow: hidden;
	overflow-y: auto;
	z-index: 1;
}
.chatfile .rightcontent .chathistory{
	position: absolute;
	top:0;
	bottom:200px;
	right: 0;
	margin: 0;
	width: 100%;
	width:calc( 100% + 1px);
	padding: 10px;
	background: #f5f5f6;
	overflow: hidden;
	overflow-y: auto;
	z-index: 2;
	border-left:1px solid #ccc ;
 }
.chatfile .rightcontent .chathistory.hidden{
	display: none;
	border: none;
	/*width: 0;*/
	padding: 0;
}
.chatfile .rightcontent .chathistory .header{
	position: absolute;
	top:0;
	left: 0;
	line-height: 30px;
	padding-left: 10px;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ccc;
}
.chatfile .rightcontent .chathistory .contents{
	position: absolute;
	top:30px;
	left: 0;
	bottom:0;
	width: 100%;
	padding: 10px;
	background: white;
	overflow: hidden;
	overflow-y: auto;
}
.chatfile .rightcontent .chathistory .contents .content{
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}
.chatfile .rightcontent .chathistory .contents .content .name{
	width: 100%;
	float: left;
	/*font-weight: bold;*/
	color: blue;
}
.chatfile .rightcontent .chathistory .contents .content .name span{
	margin-left: 20px;
}
.chatfile .rightcontent .chathistory .contents .content .message{
	padding: 5px 10px;
	width: auto;
	white-space: inherit;
	word-wrap: break-word;
	line-height: 16px;
	background: #f5f5f6;
	border-radius: 4px;
	border: 1px solid #ccc;
	float: left;
	font-size: 14px;
	position: relative;
}
.chatfile .rightcontent .chathistory .contents .content .message>img{
	max-width:100px;
	max-height:100px;
}
.chatfile .rightcontent .chathistory .contents .content .message .voicePlay{
	height:30px;
	width:100px;
	line-height:30px;
	text-align: center;
}
.chatfile .rightcontent .chathistory .contents .content .message .voicePlay.short{
	width:80px!important;
}
.chatfile .rightcontent .chathistory .contents .content .message .voicePlay.long{
	width:200px!important;
}
.chatfile .rightcontent .chatinput{
	position: absolute;
	bottom:0;
	height: 200px;
	left: 0;
	width: 100%;
}
.chatfile .rightcontent .chatinput .chatfolder{
	opacity: 0;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;
	margin-left: 24px;
}
.chatfile .rightcontent .chatview .content{
	position: relative;
	margin-bottom: 10px;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox{
	border: 1px solid #ccc;
	border-radius: 4px;
	background: white;
	/*padding: 6px 6px 0 6px;*/
	position: relative;
	min-width: 200px;
	max-width: 310px;
	cursor: pointer;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox.voice{
	border:none;
	background:none;
	width:auto;
	min-width:80px
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox.voice .voicePlay.long{
	width:200px!important;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox.voice .voicePlay.short{
	width:80px!important;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox.voice .voicePlay>span,
.chatfile .rightcontent .chathistory .contents .content .message .voicePlay>span {
	display:block;
	right:2px;
	height:20px;
	line-height:20px;
	color:#333;
	top:50%;
	margin-top:-10px;
	position: absolute;
}

.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>img{
	max-width: 300px;
	max-height: 300px;
	display: block;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox .voicePlay{
	min-width:80px;
	height:30px;
	line-height:30px;
	text-align: center;

}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox .img{
	width: 40px;
	height: 40px;
	position: absolute;
	top:6px;
	left:6px;
}

.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>.name{
	padding:6px 6px 6px 52px;
	text-align: left;
	line-height: 20px;
	width: 100%;
	min-height: 46px;
	white-space: normal;
	word-wrap: break-word;
	color: black;
	margin-bottom: 6px;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>.name span{
	opacity: .7;
	margin-left: 10px;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox .img img{
	width: 100%;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>.ui.menu{
	border: none!important;
	border-top: 1px solid #ccc!important;
	box-shadow: none;
	height: 30px;
	margin: 0;
	border-radius: 0!important;

}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>.ui.menu .menu{
	border-radius: 0!important;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>.ui.menu .menu .item{
	padding: 6px;
}
.chatfile .rightcontent .chatview .content.folder .message .label .folderbox>.ui.menu .menu .item:hover{
	background: none;
}
.chatfile .progress{
	height: 10px;
	width: 100%;
    /*border-radius: 4px;*/
    background: #CCCCCC;
}
.chatfile .rightcontent .chatview .content.folder .message .label>.ui.menu .name.item{
	white-space: normal;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.chatfile .rightcontent .chatview .content .message{
	position: relative;
	min-height: 40px;
	overflow: hidden;
}
.chatfile .rightcontent .chatview .content .message .IMcard{
	width:200px;
	height:auto;
	min-height:60px;
	display: block;
	position: relative;
	padding:10px 10px 10px 60px ;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-radius:4px;
	background: #fff;
	margin-left: 0!important;
	opacity: 1!important;
}
.chatfile .rightcontent .chatview .content .message .IMcard .menuicon{
	font-size: 28px;
	height: 40px;
	width: 40px;
	display: block;
	position: absolute;
	left:10px;
	top: 10px;
	margin: 0;
	background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #999;
	border-radius:2px ;
}
.chatfile .rightcontent .chatview .content .message .IMcard	.icon{
	font-size: 28px;
	height: 28px;
	width: 28px;
	display: block;
	position: absolute;
	left:10px;
	top: 16px;
	color: #666;
}
.chatfile .rightcontent .chatview .content .message .IMcard .caption,
.chatfile .rightcontent .chatview .content .message .IMcard .message{
	width: 88px;
	white-space: nowrap;
	height: 20px;
	min-height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.chatfile .rightcontent .chatview .content .message .IMcard .message{
	height:auto;
	white-space: normal;
}
.chatfile .rightcontent .chatview .ui.small.image{
	position: absolute;
	top:50%;
	left: 0;
	margin-top:-15px;
	width: 30px;
	border-radius: 100%;
	overflow:hidden;
	height: 30px;
}
.chatfile .rightcontent .chatview .ui.small.image.offline .headspan{
	background: grey !important;
}
.chatfile .rightcontent .chatview .right .ui.small.image{
	left: 100%;
	margin-left: -40px;
}
.chatfile .rightcontent .chatview .right .ui.small.image.offline .headspan{
	background: grey !important;
}
.chatfile .rightcontent .chatview .ui.left.pointing.label:before{
	background: white;
	border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;

}
.chatfile .rightcontent .chatview .ui.left.pointing.label,.chatfile .rightcontent .chatview .ui.right.pointing.label{
	margin-left: 50px;
	min-height: 40px;
	background: white;
	white-space: inherit;
	max-width:600px;
	word-wrap: break-word;
	padding: 8px;
	color: #333;
	font-size: 12px;
	font-family: "微软雅黑";
	font-weight: normal;
	border: 1px solid #ccc;
}
.chatfile .rightcontent .chatview .ui.right.pointing.label{
	margin-right: 50px;
}
.chatfile .rightcontent .chatview .ui.right.pointing.label p,
.chatfile .rightcontent .chatview .ui.right.pointing.label div,
.chatfile .rightcontent .chatview .ui.left.pointing.label p,
.chatfile .rightcontent .chatview .ui.left.pointing.label div{
	line-height: 20px;
	margin: 0;
}
.chatfile .rightcontent .chatview .ui.right.pointing.label a,
.chatfile .rightcontent .chatview .ui.left.pointing.label a{
	margin-left: 8px;
	cursor: pointer;
}
.chatfile .rightcontent .chatview .ui.right.pointing.label,.chatfile .rightcontent .chatview .ui.right.pointing.label:before{
	background: #b2e281;
}
.chatfile .rightcontent .chatview .content.right{
	text-align: right;
}
.chatfile .rightcontent .chatview .content .time{
	height: 30px;
	width: 100%;
	text-align: center;
}
.chatfile .rightcontent .chatview .content .time span{
	height: 30px;
	width: auto;
	padding: 0 10px;
	color: white;
	border-radius: 4px;
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 30px;
	background: #dcdcdc;

}
.chatfile .rightcontent .chatarea{
	border-top: 1px solid #ccc;
	height: 120px;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: white;
	padding: 4px 10px;
	outline:none!important;
	font-size: 12px;
}

.chatfile .rightcontent .chattool{
	height: 40px;
	margin: 0;
	border-radius: 0;
	border: none;
	border-top: 1px solid #ccc;
	background: #f0f0f0;
}
.chatfile .rightcontent .chattool .item#emoji{
	cursor: pointer;
	height: 40px;
	width: 40px;
}
.chatfile .rightcontent .chattool .item i{
	font-size: 14px;
	margin: 0;
	width: 16px;
	cursor: pointer;
	color:#333;
}
.keydown{
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
.chatfile .rightcontent .chattool .item{
	padding: 8px 4px;
	width:24px;
	cursor: pointer;
	overflow: hidden;
}
.chatfile .rightcontent .chattool .item.keydown i{
	color: #666!important;
}
.chatfile .rightcontent .commit{
	height: 40px;
	background: white;
	width: 100%;
	position: relative;
}
.chatfile .rightcontent .commit .button{
	background: #0099CC!important;
    font-weight: normal;
	right:1px;
	top:0px;
	color: white;
	position: absolute;
	font-size: 12px !important;
	min-height: 1em;
	margin: 0 6px 0 0;
    padding: .78571429em 1.5em;
	font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
}
.simplechat .chatwindow .rightcontent,.simplechat .chatwindow .leftcontent{
	/*transition: all ease 1s;*/
}
.chatfile.simplechat .leftcontent{
	display: none;
}
.chatfile.simplechat .chatwindow>.header{
	margin-left: 0;
}
.chatfile.simplechat .rightcontent{
	left: 0;
}
/*面板配置*/
.boardsetting .ui.top.attached.tabular.menu{
	margin: 10px 0 0 0!important;
    min-height: 30px;
    height: 30px;
	margin: 0!important;
}
.boardsetting .settingcontent{
	padding: 10px;

}
.boardsetting .ui.positive.button,.menusetting .ui.positive.button{
	background: #0099CC!important;
    font-weight: normal;
}
.boardsetting .ui.grey.deny.button,.menusetting .ui.grey.deny.button{
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
}
.boardsetting .ui.bottom.attached.tab.segment{
	height:250px;

	border-radius: 0;
	padding: 10px;
}
.boardsetting .ui.bottom.attached.tab.segment .contents{
	border: 1px solid #ccc;
    padding: 0 10px;
    overflow: hidden;
    height: 230px;
    overflow-y: auto;
    border-radius: 4px;
}
.boardsetting .ui.bottom.attached.tab.segment .contents .content{
	padding: 10px 0 0 0;
}
.boardsetting .ui.bottom.attached.tab.segment .contents .content .ui.checkbox label::before{
	top: 0 !important;
}
.gridster li[type="widget"] .content>.item .numbox{
	font-family: "微软雅黑"!important;
}
/*menuSencond*/
.menuSecond{
	height: 49px;
	width:100%;
	padding: 10px;
	overflow: hidden;
	position: relative;
	background: #f0f0f0;
	padding: 9px 9px 0px 9px;
}
.gridster.dragger{
	background: #f0f0f0;
}
 .menuSecond .menuSecondsetting{
	 position:absolute;
	 height: 20px;
	 width: 20px;
	 font-size: 14px;
	 top:20px;
	 right:10px;
	 cursor: pointer;
	 display: none;
 }
  .menuSecond .secondlist.showright+.menuSecondsetting{
	   right:30px!important;
  }
.menuSecond:hover .menuSecondsetting{
	  display: block;
  }
.menuSecond .secondlist{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 5px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #f0f0f0;
}
.menuSecond .secondlist.showleft{
	padding-left: 24px;
}
.menuSecond .secondlist.showright{
	padding-right: 24px;
}
.menuSecond .secondlist .left,.menuSecond .secondlist .right{
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	margin: 0;
	top:10px;
	right:5px;
	cursor: pointer;
}
.menuSecond .secondlist .left::before,.menuSecond .secondlist .right::before{
	top:0;
}
.menuSecond .secondlist .left{
	left:5px;
}
.menuSecond .secondlist .items{
	width: auto;
	overflow: hidden;
}
.menuSecond .secondlist .item{
	display: inline-block;
	width: 30px;
	height: 30px;
	/*background: #2bbbff;*/
	border-radius: 4px;
	margin-bottom: 20px;
	margin-right: 5px;
	cursor: pointer;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.menusetting .settingcontent{
	width: 100%;
	height: 300px;
	position: relative;
	padding: 10px;
	overflow: hidden;
}
.menusetting .settingcontent .middleitem{
	width: 58px;
	height: 100%;
	float: left;
	position: relative;
	padding: 10px;
}
.menusetting .settingcontent .middleitem i{
	font-size: 16px;
	margin: 0;
}
.menusetting .settingcontent .middleitem>.left,.menusetting .settingcontent .middleitem>.right{
	width:38px;
	height: 20px;
	border-radius: 4px;
	border:1px solid #ccc;
	background: white;
	position: absolute;
	left: 10px;
	text-align: center;
	cursor: pointer;
	top:105px;
}
.menusetting .settingcontent .middleitem>.left{
	top:135px;
}
.menusetting .settingcontent .leftitem,.menusetting .settingcontent .rightitem{
	width: 260px;
	height: 100%;
	border: 1px solid #ccc;
	float: left;
	background: white;
	border-radius: 4px;
}
.menusetting .settingcontent .contents{
	overflow: hidden;
	overflow-y: auto;
	padding: 10px;
}
.menusetting .settingcontent .contents .content{
	height: 32px;
	width: 100%;
	cursor: pointer;
	/*border: 1px solid #ccc;*/
	margin-bottom: 5px;
	border-radius: 4px;
	position: relative;
}
.menusetting .settingcontent .contents .content.active{
	background: #f1f1f1;
	border: 1px solid #f2f2f2;
}
.menusetting .settingcontent .contents .content .item{
	width: 30px;
	height: 30px;
	border-radius: 4px;
	/*background: #00E8D7;*/
	position: absolute;
	 top:0;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
 }
.menusetting .settingcontent .contents .content .text{
	position: absolute;
	top:0;
	bottom:0;
	left: 40px;
	right:10px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.menusetting .settingcontent .contents .content .ctrl{
	width: 40px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top:0;
	right:0px;
	display: none;
	color: #333;
}
.menusetting .settingcontent .contents .content.active .ctrl{
	display: block;
}
.menuicon{
	float: left;
	display: block;
	margin-right: 14px!important;
    margin-left: 0!important;
	width: 24px ;height: 24px;
	display: inline-block ;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-top: 13px;
}
/*forget*/
.forget.toptitle{
	position: fixed;
	width: 360px;
	top:0;
	left:200px;
	overflow: hidden;
}
.forget.toptitle img{
	float: left;
	height: 100px;
	cursor: pointer;
}
.forget.toptitle .divider{
	float: left;
	height: 40px;
	margin: 30px 10px 30px 10px;
	background: white;
	width: 1px;

}
.forget.toptitle .title{
	height: 100%;
	float: left;
	font-size: 28px;
	color: white;
	line-height: 100px;
	font-family: "微软雅黑";
}
.forgetbox{
	position: fixed;
	width: 100%;
	top:100px;
	height:auto;
	left: 0;
	bottom: 0;
	background: white;
}
.forgetbox .forgetcontent{
	position: absolute;
	width: 360px;
	top:56px;
	left:50%;
	margin-left: -180px;
	height:400px;
	/*background: #e1e1e1;*/
}
.forgetbox .forgetcontent .text{
	width: 360px;
	height: 30px;
	line-height: 30px;
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
	margin-bottom: 10px;
}
.forgetbox .forgetcontent .fullinput{
	width:100%;
	height: 36px;
	margin-bottom: 10px;
}
.forgetbox .forgetcontent .fullinput button{
	background: #0099CC;
	color:white;
	font-weight: normal;
}
.forgetbox .forgetcontent .next{
	width:100%;
	margin-top: 10px;
	height: 36px;
	margin-bottom: 10px;
	border-radius: 0;
	background: #69b3f2;
	color: white;
}
.forgetbox .forgetcontent .other{
	width:100%;
	font-size: 14px;
	font-family: "微软雅黑";
	border-radius: 0;
	color: #69b3f2;
	cursor: pointer;
}
.forgeterror{
	position: absolute!important;
    height: auto;
    min-height: 20px!important;
    word-break: break-all;
    max-height: 40px;
    padding: 2px 0 2px 10px!important;
    line-height: 20px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "微软雅黑";
    top: 20px;
    left: 50%;
    margin: 0 0 0 -180px!important;
    width: 360px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-color: white;
}
/*simple-menu*/
/*.head-logo,.head-logo-en,.coordination-top,.coordination-down a,*/
/*.left-menu,.leftmenu,.leftmenu,.funcTab,.mainRight,.boardTab,.gpbox,*/
/*.coordination-down a span,.menuicon*/
/*{*/
/*transition: linear all 500ms;*/
/*}*/

.gridbox.haslist .allcheck{
	transition: none!important;
}
/*.coordination-top i,.coordination-down a,.coordination-down a i*/
/*{*/
/*transition: linear all 500ms;*/
/*}*/
.simple-menu .coordination-top,
.simple-menu .coordination-down a,
.simple-menu .leftmenu a{
	/*width: 60px;*/
	transform: translateX(-33.33%);
}
.head-logo,.head-logo-en,.coordination-top,
.coordination-down a,
.leftmenu a,
 .funcTab,.mainRight{
	transform: none;
}
.simple-menu .head-logo a,.simple-menu .head-logo-en a{
	background: url("../../static/images/VI/logocloud.png") no-repeat  #fdaf19;
	background-position:center center;
	background-size: 40px 40px;
}
.simple-menu .left-menu{
	width: 40px;
	overflow:visible;
}
.simple-menu .leftmenu{
	width: 40px;
	/* overflow-x:hidden; */
	overflow: visible;
    height:100%;
}
.simple-menu .leftmenu .accordionList{
	height: calc(100% - 80px);
	overflow-y: auto;
	overflow-x:hidden;
}
.simple-menu .leftmenu .accordionList::-webkit-scrollbar{
	width:0;
}
.simple-menu .funcTab{
	left:40px;

}
.simple-menu .mainRight{
	margin-left: 40px!important;
	transform: none;
}
.simple-menu .boardTab{
	left: 50px;
}
.simple-menu .coordination-top i{
	left: 70px;
	top:-12px;
	display:none;
}
.simple-menu .coordination-top i.folder.outline{
	/* left: 71px;
    top: -10px; */
	display: block;
	width: 16px;
	height:16px;
	margin-left: 58px;
	top:5px;
}
.simple-menu .ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-top i:not(.menu-icon),
.simple-menu .ui.vertical.menu.coordination-down .coordination-down .coordination-top i:not(.menu-icon){
	left:12px!important
}
.simple-menu .ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down a .menuicon
{
	position: absolute;
    left: 68px;
	margin-left: 0px!important;
}

.simple-menu .coordination-down .item{
	padding: 0 2px!important;
}
.simple-menu .coordination-down a span,
.simple-menu .leftmenu a span,.simple-menu .coordination-top span{
	transform: none;
	transition: none;
	display: none;
}
.simple-menu .coordination-top{
	padding-left: 16px;
	height: 30px;
}
.simple-menu .menuicon{
	margin-right: 0!important;
}
.simple-menu .coordination-down a,
.simple-menu .leftmenu a.item{
	padding: 0 22px!important;
}
.simple-menu .gpbox,.simple-menu .databox .allcheck{
	left: 50px;
}
.simple-menu .gpbox{
	left:0px;
}
.simple-menu .ui.vertical.menu > .item{
	height: 40px;
}
.simple-menu .menuicon{
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	margin-top: 11px;
	margin-left: 50px!important;
}

.tabRightHand{
	position: fixed;
	top:10px;
	left:20px;
	margin:0!important;
	width:120px!important;
}
.tabRightHand>.item{
	height: auto!important;
	padding:0!important;
}
.tabRightHand>.item>.menu{
	padding: 4px 0 !important;
	margin:0!important;
}
.tabRightHand>.item:first-child>.menu{
	padding-top:8px!important;
	border-bottom:1px solid #e5e5e5;
}
.tabRightHand>.item:last-child>.menu{
	padding-bottom:8px!important;
}
.tabRightHand>.item>.menu>.item{
	padding:0 10px!important;
	height:30px;
	line-height:30px;
	color:rgba(0,0,0,.87)!important;
}
.tabRightHand>.item>.menu>.item:hover{
	background: #f5f5f6;
}


.gridster li .content.notab{
	background:#fff;
	/* border: 1px solid #ccc; */
	border-radius:6px;
}

/*风格样式-black*/
.left-menu {
	background: #34495e;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	top: 39px;
	height: auto;
	overflow: auto;
	overflow-x: hidden;
	width: 180px;
	z-index: 43001;
}
.left-menu .leftCollects{
	width:180px;
	height:auto;
	padding:0;
	/* overflow:hidden; */
	 background: #304357;    /*#6da6df #34495e  */
	padding-top:34px;
	padding-bottom:10px;
	/* position: fixed; */
	/* left:0px;
	top:40px; */
	z-index:3;
}
.simple-menu .left-menu .leftCollects{
	width:40px;
	height:80px;
	overflow: visible;
}
body .left-menu .leftCollects>.leftCollectsitem{
	width:24px;
	height:24px;
	background: #fdaf19;
    line-height: 24px;
    text-align: center;
	border-radius: 4px;
	margin-left: 7px!important;
	display:none;
}
.simple-menu .left-menu .leftCollects>.leftCollectsitem{
	display:block;
}
.left-menu .leftCollects .leftCollectsitem i{
	margin: 0;
    top: 0!important;
    right: 5px!important;
    display: block!important;
    color: #f5f5f6!important;
}
 .leftCollectsList{
	overflow:hidden;
}
.simple-menu .leftCollectsList{
	display:none;
}
.simple-menu .leftCollectsList.active{
	display:block;
	position:fixed;
	padding-bottom:10px;
	padding-right:10px;
	background:#34495e;
	top:80px;
	left:48px;
	max-width:180px;
	height:auto;
	border-radius: 8px;
	overflow:visible;
	min-width: 44px;
	min-height:44px;
}
.simple-menu  .leftCollectsList.active:after,
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown:after{
	content:"";
	display:block;
	position: absolute;
	top:10px;
	left:-8px;
	width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #34495e;
    border-bottom: 6px solid transparent;	
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown:after{
	border-right: 8px solid #34495e;
	top:8px;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown{
	margin-left: 16px;
	height:30px;
	background:#34495e;
	margin-top: -5px;
	border:none;
	padding:0 10px;
	width:180px;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .icon{
	position: absolute;
	top: 8px;
    left:10px;
	font-size: 12px;
    width: 12px;
	height: 12px;
	color: #fff;
	padding:0;
	margin:0;
	display:none;
}
.left-menu .leftCollects .item.search .ui.dropdown .icon{
	display:none;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown input,
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .text{
	min-width:100px;
	margin:0;
	left:0;
	width:100%!important;
	height:30px!important;
	line-height:30px;
	padding:0 10px;
	padding-left:30px;
	color:#fff!important;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .text{
	color:#ccc!important;
}
.left-menu .leftCollects .item.search .ui.dropdown .message{
	height:30px;
	line-height:30px;
	padding: 0 10px;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .message{
	color:#f5f5f6;
	height:30px;
	line-height:30px;
	padding: 0 10px 0 30px;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu {
	background:#34495e;
	border:none;
	width:180px;
	min-width:180px;
	left:1px; 
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu::-webkit-scrollbar-track {
	background-color:#34495e;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu .item{
	background:#34495e;
	color:#fff;
	border:none; 
	width:180px;
	min-width:180px;
	padding-left:30px!important;
	padding-right:30px!important;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu .item .star.empty{
	color:#fff!important;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu .item .star{
	color:#fdaf19
}
.simple-menu .left-menu .leftCollectsitem,
.simple-menu .left-menu .item.search
{
	background:none!important
}
.simple-menu .leftCollectsList.active .menuicon{
	width:24px;
	height:24px;
	background-size: 24px 24px;
}
.left-menu .leftCollects .item{
	margin:10px 0 0 10px !important;
	cursor: pointer;
	position: relative;
}
.left-menu .leftCollects .item.menuicon>.close{
	position: absolute;
	right:-3px;
	top:-4px;
	font-size:10px;
	line-height:12px;
	width:12px;
	height:12px;
	cursor: pointer;
	color:red;
	margin:0;
	display:none;
	border-radius:100%; 
	background:rgba(0,0,0,.2);
}
.left-menu .leftCollects .item.menuicon:hover>.close{
	display:block;
}
.left-menu .leftCollects .item.menuicon .close:hover{
	right:-4px;
	top:-5px;
	font-size:14px;
	line-height:14px;
	width:14px;
	height:14px;
}
.left-menu .leftCollects .item.search{
	position:absolute;
	left:0px;
	top:0px;
	width:160px;
	height:24px;
	background:#0ed2b4;
	line-height:24px;
	text-align: center;
	border-radius:4px;
	display:block; 
	z-index:10000;
}

.left-menu .leftCollects .item.search i{
	position: absolute;
	line-height: 1;
	font-size:12px;
	width:12px;
	height:12px;
	top:6px;
	left:6px;
	margin: 0;
	color:#f5f5f6;
}
.left-menu .leftCollects .item.search .ui.dropdown{
	position: absolute;
	height:20px;
	min-height:20px;
	left:24px;
	top:2px;
	right:2px;
	line-height:24px;
	min-width:100px;
	padding:0;
}
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown{
	position: fixed;
	left:34px;
	top:52px;
}


.left-menu .leftCollects .item.search .ui.dropdown .menu{
	max-height: 200px;
}
.left-menu .leftCollects .item.search .ui.dropdown .menu .item{
	margin:0!important;
	padding:0px 24px 0 10px!important;
	font-size:12px;
	line-height:30px;
	height:30px;
	color:#999;
	position: relative;
	padding-right:24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.left-menu .leftCollects .item.search .ui.dropdown .menu .item .icon.star{
	margin:0;
	font-size: 14px;
    position: absolute;
    height: 14px;
    right: 14px;
	top: 6px;
	display: none;
	color: #fdaf19 ;
	left: auto;
}
.left-menu .leftCollects .item.search .ui.dropdown .menu .item .icon.empty.star{
	color:rgba(0,0,0,.4);
}
.left-menu .leftCollects .item.search .ui.dropdown .menu .item:hover .icon.star{
	display:block;
}
.left-menu .leftCollects .item.search .ui.dropdown input{
	width:136px;
	height:20px;
	min-height:20px;
	padding:0 8px;
	line-height:20px;
	border: none;
	box-shadow: none;
	display:block;
	background:#f0f0f0;
	border-radius:2.5px; 
	font-size:12px;
	color:#999;
}
.left-menu .leftCollects .item.search .ui.dropdown .text{
	height:20px;
	position: absolute;
	left:0px;
	top:-1px;
	font-size:12px;
	padding-left:8px;
	line-height:20px;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.left-menu .leftCollects .item.search .ui.dropdown .text .star.icon{
	display:none;
}
.left-menu .leftCollects .item.search{
	width:160px;
}
.simple-menu .left-menu .leftCollects .item.search.active{
	width:160px;
	height:24px;
}
.simple-menu .left-menu .leftCollects .item.search{
	width:24px;
	height:24px;
	left:0px;
	margin-left:7px!important
}

.simple-menu .left-menu .leftCollects .item.search .ui.dropdown{
	display:none;
}
.simple-menu .left-menu .leftCollects .item.search.active .ui.dropdown{
	display:block;
}
.left-menu::-webkit-scrollbar {
        width:0px!important;
}


.ui.vertical.menu.coordination-down {
	height: auto;
	min-height: 0px;
	width: auto;
	background: #34495e;
	/*#3e4254*/
}

.coordination-down a,
.leftmenu a {
	padding: 0 16px 0 10px !important;
	display: block;
	width: 180px;
	color: #fff;
	height: 50px;
	font-size: 12px;
	/*line-height: 50px !important;*/
	border-radius:0 !important;
	border-left: 2px solid #34495e;
}
.coordination-down a span,
.leftmenu a span{
	display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin-top: 18px;
    white-space: nowrap;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main {
	width: 100%;
	height: 100%;
	position: relative;
	background: #f1f1f1;
}
.coordination-down a:hover,
.coordination-down a.hint,
.leftmenu a:hover,
.leftmenu a.hint {
	box-sizing: inherit;
	background: #7b82b0;
	border-left: 2px solid #da251d;
}
.leftmenu a{
	cursor: pointer;
}
.leftmenu a:hover{
	background: rgba(123,130,176,.3);
}
.mainEdit .editTab>.menu>a.item.active{
	font-weight: normal!important;
	border: none!important;
	border-radius:0 !important;
	border-top: 1px solid #da251d !important;
	border-right:1px solid #ccc !important;
	border-left:1px solid #ccc !important; 
}
.mainEdit .editTab>.menu>a.item .icon{
	line-height:1;
	margin:0 0 0 6px;
}
.right-page>.item>.close.icon:hover{
	color: #da251d !important;

}
.page-menu>.ui.dropdown.item .menu.transition.visible{
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0!important;
	border-top:2px solid #da251d !important;
	z-index: 3000;
}
.right-page .active.item {
	border-bottom: 2px solid #da251d !important;
	font-weight: normal !important;
}
.right-page .active.item:first-child{
	border-bottom: 2px solid #da251d !important;
}
.head-logo>a {
	display: block;
	height: 40px;
	background-image: url(../images/VI/logo-w.png);
	background-size: 100% 100%;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-color: #fdaf19;
}
.head-logo-en>a{
	display: block;
	height: 40px;
	background-size: 100% 100%;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-color: #fdaf19;
	background-image: url(../images/VI/logo-en.png);
}

.Edit.analysis{
	padding-top: 10px;
}

.Edit.analysis .editBody.record{
	padding:0;
}
.Edit.analysis .gridSumMenu .ui-pg-button.disabled{
	opacity: .4;
	pointer-events: none;
}
.Edit.analysis .analysisTrendDate{
	position: absolute;
	top:70px;
	height:30px;
	right:30px;
	background: #fff;
	border:1px solid #ccc;
	overflow:hidden;
	width:192px;
	border-radius: 4px;
	z-index:800;
	box-sizing: initial;
}
.Edit.analysis .analysisTrendDate .item{
	width:48px;
	height:100%;
	line-height:30px;
	text-align: center;
	float: left;
	cursor: pointer;
}
.Edit.analysis .analysisTrendDate .item.active{
	background: #4385f5;
	color:white
}
.Edit.analysis .ui.menu .ui.input{
	background: #f5f5f6;
    border-top-right-radius: 4px!important;
    overflow: hidden;
    top: -1px;
    right: -1px;
    z-index: 10;
    height: 38px;
    padding: 8px !important;
    display: block!important;
    border-top: 1px solid #ccc!important;
	border-right: 1px solid #ccc!important;
	position: absolute;
    width: 170px;
}
.Edit.analysis>.mainEdit{
	border-top: 1px solid #ccc!important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	padding-top: 0;
}
.Edit.analysis>.mainEdit .editMenu{
	border-radius: 0px;
	margin: 0;
	background: #f5f5f6!important;
	border-bottom: 1px solid #ccc!important;
	/* margin-bottom: 10px; */
}
.Edit.analysis .EditArea .ui.dropdown .menu .item input{
	vertical-align: middle;
	margin-right: 4px;
}
.Edit.analysis .EditArea .ui.dropdown .menu .item{
	font-size: 12px;
	color:#666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.Edit.analysis .editTab.record{
	/*position: absolute;*/
	/*top:0px;*/
	/*left:380px;*/
	/*right:170px;*/
	height: 39px;
	width:auto;
}
/*.lang-en .Edit.analysis .editTab.record{*/
/*	left:360px;*/
/*}*/
.Edit.analysis .editBody.record .myJqGrid{
	border:none;
	margin:0;
}
.analysisLoading{
	background: #f1f1f1;
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:40px;
	z-index: 30000;
}
.analysisLoading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}

.Edit.analysis .editTab.record .ui.menu{
	border:none;
	height:40px!important;
	/*padding-right:80px;*/
	overflow:hidden;
	display:block;
}
.Edit.analysis .editTab.record .ui.menu .ctrlitem{
	position: fixed;
	width:40px;
	height:39px;
	right:170px;
	cursor: pointer;
	line-height: 39px;
	background: #f5f5f6;
	z-index:20;
	text-align: center;
	opacity: 1 !important;
}
.Edit.analysis .editTab.record .ui.menu .ctrlitem i{
	margin:0;
}	
.Edit.analysis .editTab.record .ui.menu .ctrlitem.disabled i{
	opacity:.7;
}
.Edit.analysis .editTab.record .ui.menu .ctrlitem.left{
	right: 210px;
}
.Edit.analysis .editTab.record .ui.menu .item{
	display: block;
    height: 29px;
    margin: 5px 2px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    line-height: 29px;
    border-radius: 8px!important;
    padding: 0 8px!important;
    float: left;
    cursor: pointer;
}
.Edit.analysis .editTab.record .ui.menu .item.active{
	border: 1px solid #4385f5!important;
    color: #4385f5;
}
.Edit.analysis .editTab.record .ui.menu .item.disabled{
	opacity: 0;
}
.Edit.analysis .editTab.record .ui.menu .item.loading{
	border:none;
	margin:0;
	position: absolute;
	width:40px;
	height:39px;
	left:56px;
	top:0;
	cursor: pointer;
	background: #f5f5f6;
	z-index:20;
	text-align: center;
	line-height: 46px;
}
.Edit.analysis .editTab.record .ui.menu .item.loading i{
	margin:0;
	font-size: 16px;
	color:#333;
}

.ui.small.modal.policyModal,
.ui.small.modal.updateConfigureModal,
.ui.small.modal.externalModal
{
	height:400px;
	width:600px!important;
	margin-left: -300px!important;
}
/* 共享记录 */
.ui.small.modal.shareRecordModal{
	height:200px;
	width:300px!important;
	margin-left: -150px!important;
}
.shareRecordModal .shareRecordContent{
	height:100px;
	padding:10px;
}
.shareRecordModal .shareRecordContent .row{
	height:40px;
	position: relative;
	padding-left:80px;
}
.shareRecordModal .shareRecordContent .row .caption{
	position: absolute;
	left:0;
	top:0;
	height:40px;
	line-height:40px;
}
.shareRecordModal .shareRecordContent .row .ui.checkbox{
	height:16px;
	width:16px;
	position: absolute;
	display: block;
	left:80px;
	top:11px;
}
.shareRecordModal .shareRecordContent .row .ui.checkbox label:before{
	top:0!important;
}
.shareRecordModal .shareRecordContent .row .ui.input{
	height:40px;
	padding:5px 0;
	width: 100%;
}
.shareRecordModal .shareRecordContent .row .ui.input input{
	padding:0 10px;
	height:30px;
	min-height:30px;
	line-height:30px;
	width:100%;
}
/* 安全策略 */
.policyModal .policyContent,
.ui.small.modal.updateConfigureModal .updateConfigureContent{
	height:300px;
	padding:10px;
	overflow: hidden;
}
.policyModal .policyContent .ui.top.attached.tabular.menu{
	margin: 0!important;
    min-height: 30px;
    height: 30px;
}
.policyModal .policyContent .ui.top.attached.tabular.menu .item{
	padding: 0 16px;
    line-height: 30px;
}
.policyModal .policyContent .ui.top.attached.tabular.menu .item.active{
	font-weight: normal;
}
.policyModal .policyContent .ui.bottom.attached.tab.segment{
	height: 250px;
    overflow: hidden;
    overflow-y: auto;
    border-radius: 0;
    padding: 7px;
}

.policyModal  .tab.segment[data-tab="policy_1"] .ui.menu{
	border: 1px solid #ccc;
    background: white;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    height: 30px;
    min-height: 30px;
    box-shadow: none;
}
.policyModal  .tab.segment[data-tab="policy_1"] .ui.menu .item{
	height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    cursor: pointer;
}
.policyModal  .tab.segment[data-tab="policy_1"] .ui.menu .item .icon{
	margin-top: -8px;
    color: #333;
}
.policyModal .tab.segment[data-tab="policy_1"] .content{
	padding: 10px;
}
.policyModal .tab.segment[data-tab="policy_1"] .content .item{
	float:left;
}
.policyModal  .tab.segment[data-tab="policy_2"] .col,
.policyModal  .tab.segment[data-tab="policy_6"] .col{
	width:100%;
	height:100%;
}
.policyModal  .tab.segment[data-tab="policy_2"] .col .caption,
.policyModal  .tab.segment[data-tab="policy_6"] .col .caption{
	height:20px;
	line-height:20px;
}
.policyModal  .tab.segment[data-tab="policy_2"] .col textarea,
.policyModal  .tab.segment[data-tab="policy_6"] .col textarea{
	height:calc( 100% - 20px);
	width: 100%;
	border: 1px solid rgba(34,36,38,.15);
	background: #fff;
	outline: none;
	resize: none;
	color: rgba(0,0,0,.87);
	border-radius: 4px;
	padding:8px;
	line-height:20px;
}
.policyModal  .tab.segment[data-tab="policy_6"] .col textarea{
	height:calc( 50% - 20px);
}
.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content span{
	max-width:100px;
}
.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content .inline.fields,
.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content .ui.input{
	left:100px;
}
.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content.date .ui.input{
	overflow:hidden;
}

.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content.date .ui.input input{
	width:calc( 50% - 5px);
	float: left;
}
.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content.date .ui.input input:first-child{
	margin-right:10px;
}
.policyCharacterModal  .tab.segment[data-tab="policy_3"] #policyCharacter_admin_validity{
	width:60px;
	max-width: 60px;
}
.policyCharacterModal  .tab.segment[data-tab="policy_3"] .content .ui.input>label{
	padding:0 4px;
	line-height:30px;
}
.updateConfigureModal .updateConfigureContent{
	overflow-y: auto!important;
}
.updateConfigureModal .updateConfigureContent .item{
	width:100%;
	height:auto;
	overflow:hidden;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 4px;
	margin-bottom:10px;
	padding:30px 0px 10px 0px;
	position: relative
	
}
.updateConfigureModal .updateConfigureContent .item .tag{
	position: absolute;
    color:#f56c6c;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    width: 50px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #f56c6c;
    background: white;
    right: 8px;
    top: 4px;
    z-index: 2;
	transform: rotate(10deg);
	-ms-transform:rotate(10deg); 	/* IE 9 */
	-moz-transform:rotate(10deg); 	/* Firefox */
	-webkit-transform:rotate(10deg); /* Safari 和 Chrome */
	-o-transform:rotate(10deg); 	/* Opera */
}
.updateConfigureModal .updateConfigureContent .item .tag.green{
	color:#67c23a;
	border: 1px solid #67c23a;
}
.updateConfigureModal .updateConfigureContent .item .caption{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	background: #f5f5f6;
	text-align: center;
	color:#666;
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	left:0;
	right:0;
	top:0;
}
.updateConfigureModal .updateConfigureContent .item .row{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding:0 10px;
}
.updateConfigureModal .updateConfigureContent .item .row .col{
	float: left;
	height:100%;
	width:calc(50% - 5px);
	overflow:hidden;
}
.updateConfigureModal .updateConfigureContent .item .row .col:first-child{
	margin-right:10px; 
}
.updateConfigureModal .updateConfigureContent .item .row .col span{
	display: block;
	float:left;
}
.updateConfigureModal .updateConfigureContent .item .row .col .name{
	width:70px;
	color:#999;
	
}
.updateConfigureModal .updateConfigureContent .item .row .col .value{
	width:calc(100% - 70px);
	color:#666;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.updateConfigureModal .updateConfigureContent .item .log {
	padding:0 10px;
}
.updateConfigureModal .updateConfigureContent .item .log .name{
	color:#999;
	line-height:30px;
	height:30px;
}
.updateConfigureModal .updateConfigureContent .item .log .message{
	line-height:20px;
	color:#666;
	height:auto;
	/* max-height: 160px; */
	overflow:hidden;
	overflow-y: auto;
	white-space: normal;
}



.analysisdivider{
	position: absolute;
	right:0;
	top: 40px;
	/* border-left:1px solid #ccc; */
	width: 260px;
	background: #fff;
	bottom:0;
	z-index: 900;
}
.analysisdividerarea{
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	
}
.analysisdividerarea .editData .edit{
	white-space: nowrap;
}
.analysisdivider .tag{
	white-space: nowrap;
    writing-mode: tb-rl;
    position: absolute;
    left: -43px;
    top:100px;
    z-index: 3015;
    color: white;
    background: #333645;
    height: 80px;
    line-height: 36px;
    width: 43px;
    /* padding: 5px 10px; */
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    border-top-right-radius: 0px;
}
.analysisdivider .editData{
	padding-right: 16px;
	position: relative;
}
.analysisdivider .editData .ui.dropdown .menu .item input{
	vertical-align: middle;
	margin-right: 4px;
}
.analysisdivider .editData .ui.dropdown .menu .item{
	font-size: 12px;
	padding: 5px 8px!important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#analysisContainer .content{
	overflow-y: auto;
	padding-right: 16px;
}
.Edit.analysis .editArea .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all{
	margin-top: 0;
	position: relative;
	padding-bottom: 40px!important;
}
.Edit.analysis .page_jl{
	position: absolute;
    top: 0px;
    right: 200px;
    height: 40px;
    line-height: 42px;
    font-weight: normal;
    font-size: 12px;
}
.Edit.analysis .page_jl span{
	padding-left: 50px;
}
.analysisdividerarea .icon.refreshbutton{
	display:none;
}
.analysisdividerarea .edit input::-webkit-input-placeholder {        
		color: rgba(0,0,0,.87);
		font-size: 12px;
}
.analysisdividerarea .analysischange input::-webkit-input-placeholder {        
	color: #da251d!important;
	font-size: 12px;
}
.myJqGrid{
	overflow: hidden;
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
	border-radius:4px;
	margin-top: 10px;
	position: relative;
}
.myJqGrid .resizeDivider{
	position: absolute;;
	background:#777;
	width:2px;
	height:100%;
	left:20px;
	top:0;
	z-index: 2;
	cursor: col-resize;
}
.myJqGrid table{
	border-collapse: collapse;
	border-spacing: 0;
}
.myJqGrid_body .myJqGrid_body_table{
	border-right:1px solid #ccc; 
	height:auto!important;
}
.myJqGrid_body{
	width: 100%;
	overflow: auto;
	background: white;
	
}
.fixJqGrid .myJqGrid_body.scrollBottom{
	padding-bottom:10px;
}
/* 火狐隐藏滚动条 */
@-moz-document url-prefix() {
	.fixJqGrid .myJqGrid_body.scrollBottom{
		padding-bottom:0px;
	}
	.fixJqGrid .myJqGrid_body.scrollBottom:after{
		content:"";
		display:block;
		height:20px;
		background:#fff;
		border-top:1px solid #ccc;
	}
	.left-menu{
		overflow:hidden;

	}
	.leftmenu{
		height: 100%!important;
		overflow:auto!important;
	}
}
.fixJqGrid .myJqGrid_body{
	scrollbar-color: transparent transparent;
	scrollbar-track-color: transparent;
	-ms-scrollbar-track-color: transparent;
	scrollbar-width: none;
}

.myJqGrid_head,.myJqGrid_foot{
	width: 100%;
	overflow: hidden;
}
.myJqGrid_head{
	border-bottom: 2px solid #424558 !important;
	height: 40px;
	background: #f5f5f6;
}
.myJqGrid_head th{
	border:none
}
.myJqGrid_head .myJqGrid_head_th.sortable{
	padding-right: 20px;
	position:relative;
}
.myJqGrid_head .myJqGrid_head_th.sortable .sortbtns{
	width:20px;
	position: absolute;
	right:0
}
.myJqGrid_head .myJqGrid_head_th.sortable .sortbtns i{
	width:20px;
	margin:0;
	display:none;
}
.myJqGrid_head .myJqGrid_head_th.sortable .sortbtns.desc i.sort,
.myJqGrid_head .myJqGrid_head_th.sortable .sortbtns.asc i.sort,
.myJqGrid_head .myJqGrid_head_th.sortable:hover .sortbtns.desc i.sort,
.myJqGrid_head .myJqGrid_head_th.sortable:hover  .sortbtns.asc i.sort{
	display:none;
}
.myJqGrid_head .myJqGrid_head_th.sortable:hover .sortbtns i.sort{
	display:block;
}
.myJqGrid_head .myJqGrid_head_th.sortable .sortbtns.desc i.caret.down{
	display:block;
}
.myJqGrid_head .myJqGrid_head_th.sortable .sortbtns.asc i.caret.up{
	display:block;
}
.myJqGrid_foot{
	height: 20px;
	background: #e5e9fc!important;
	position: relative;
}
.myJqGrid_head_th{
	text-align:left;
	padding: 10px 4px;
	height: 17px;
	line-height: 16px;
	font-size: 12px;
	font-family: "微软雅黑";
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	background:#f5f5f6;
	position: relative;
}
.myJqGrid_head_th .gridResizeHandle{
	position: absolute;
	width:8px;
	height:100%;
	top:0;
	right:0;
	background:none;
	cursor:col-resize;
}

.myJqGrid_head_th.left,
.myJqGrid_body_td.left,
.myJqGrid_foot_td.left,
.myJqGrid_head_th.left.editing input,
.myJqGrid_body_td.left.editing input,
.myJqGrid_body_td.left.editing input,
.myJqGrid_body_td.left.editing .ui.cxdropdown .text,
.myJqGrid_body_td.left.editing .ui.cxdropdown .menu .item{
	text-align: left!important;
}
.myJqGrid_head_th.right,
.myJqGrid_body_td.right,
.myJqGrid_foot_td.right,
.myJqGrid_head_th.right.editing input,
.myJqGrid_body_td.right.editing input,
.myJqGrid_body_td.right.editing input,
.myJqGrid_body_td.right.editing .ui.cxdropdown .text,
.myJqGrid_body_td.right.editing .ui.cxdropdown .menu .item{
	text-align: right!important;
}
.myJqGrid_head_th.center,
.myJqGrid_body_td.center,
.myJqGrid_foot_td.center,
.myJqGrid_head_th.center.editing input,
.myJqGrid_body_td.center.editing input,
.myJqGrid_body_td.center.editing input,
.myJqGrid_body_td.center.editing .ui.cxdropdown .text,
.myJqGrid_body_td.center.editing .ui.cxdropdown .menu .item{
	text-align: center!important;
}


.myJqGrid_body_td.right.editing input[type="checkbox"]{
	left:auto;
	right:6px;
}
.myJqGrid_body_td.center.editing input[type="checkbox"]{
	left:50%;
	margin-left:-9px;
}


.myJqGrid_head_th[fieldname="state"],
.myJqGrid_body_td[fieldname="state"]{
	text-align:center!important;
}
.myJqGrid_body_td.hidden,.myJqGrid_head_th.hidden,.myJqGrid_foot_td.hidden,.myJqGrid .rownumber.hidden,myJqGrid_foot.hidden,.myJqGrid .rowcheck.hidden{
	display: none!important;
}
.myJqGrid_foot.hidden{
	height:0!important
}
.myJqGrid.fixed .myJqGrid_foot.hidden .myJqGrid_foot_table td.fixed{
	position: relative;
}
.myJqGrid_body table tr{
	border-bottom-width: 1px;
	border-bottom-color: #ddd;
	border-bottom-style: solid;
}

.myJqGrid_body_td{
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 13px;
	font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	padding: 5px 4px !important;
	line-height: 20px;
	white-space: nowrap;
	color: rgba(0, 0, 0, .87);
	height: 30px;
	position:relative
}
.myJqGrid_body_td.editing{
	overflow: visible;
	background:#93c6ee;
	box-sizing: border-box;
	position: relative;
}
.myJqGrid_body_td.editing.disabledediting{
	overflow: hidden;
	background:#d0e5f5;
}
.myJqGrid_body_td .cxdropdown .menu .item{
	padding:0 8px!important;
	overflow:hidden;
	text-overflow: ellipsis;
	font-size:13px;
	height:30px;
	line-height:30px;
}
.myJqGrid_body_td .cxdropdown{
	position: absolute;
	left:0;
	top:50%;
	margin-top:-15px;
	right:0;
	background: 0;
    border-radius: 0;
}
.myJqGrid_body_td>input{
	position: absolute;
	left:0;
	top:0;
	border:none;
	box-shadow: none;
	outline: none;
	background: none;
	width:100%;
	height: 30px;
	min-height:30px;
	min-width:100%;
	overflow: hidden;
	font-size: 13px;
	font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	padding: 5px 4px !important;
	color: rgba(0, 0, 0, .87);
}
.myJqGrid_body_td>textarea{
	bottom:0;
	border:none;
	box-shadow: none;
	outline: none;
	background: none;
	width:100%;
	height: auto;
	min-height:20px;
	min-width:100%;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow: hidden;
	font-size: 13px;
	font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	padding: 5px 4px !important;
	color: rgba(0, 0, 0, .87);
	resize:none;
}
.myJqGrid_body_td>input[type="checkbox"]{
	min-width: 18px;
	left:6px;
}
.myJqGrid_body_td .ui.action.input{
	width: 100%;
    min-width: 100%;
    /* position: absolute; */
    height: 100%;
    /* left: 0; */
    /* top: 0; */
    display: block;
}
.myJqGrid_body_td .ui.action.input>input{
	position: absolute;
	border:none;
	background:none;
	box-shadow: none;
	outline: none;
	left:0px;
	top:0px;
	height:100%;
	line-height:20px;
	padding:5px 0;
	right:20px;
}
.myJqGrid_body_td.editing .ui.action.input{
	width: 100%;
    min-width: 100%;
    height: 100%;
    display: block;
}
.myJqGrid_body_td:not(.editing) .ui.action.input>button{
	display:none;
}
.myJqGrid_body_td.editing .ui.action.input>input{
	position: absolute;
	border:none;
	background:none;
	box-shadow: none;
	outline: none;
	left:0px;
	top:0px;
	height:100%;
	line-height:20px;
	padding:5px 4px;
	right:20px;
	padding-right: 22px;
	padding-left:0;
}
.myJqGrid_body_td.editing .ui.action.input>button{
	position: absolute;
	right:0px;
	top:0px;
	bottom:0;
	border-radius: 0!important;
	/* height:32px;
	line-height:32px; */
	padding:0;
	width:20px;
	text-align: center;
}
.myJqGrid_body_td.editing .ui.action.input>button .icon{
	margin:0;
	position: absolute;
	width:14px;
	font-size: 12px;
	height:14px;
	top: 50%;
    margin-top: -7px;
	left:3px;
	line-height: 14px;
}
/* .myJqGrid_body_td>.ui.cxdropdown .text{
	height: 30px;
	min-height:30px;
	line-height:20px;
	font-size: 13px;
	padding:5px 4px;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myJqGrid_body_td>.ui.cxdropdown{
	position: absolute;
	left:0;
	top:0;
	border:none;
	box-shadow: none;
	outline: none;
	background: none;
	width:100%;
	height: 30px;
	min-height:30px;
	min-width:100%;
	font-size: 13px;
	padding: 0 14px 0 0;
	color: rgba(0, 0, 0, .87);
	font-family: 'Microsoft YaHei','微软雅黑', Lato,'Helvetica Neue',Arial;
	overflow:visible;
} */
/* .myJqGrid_body_td>.ui.cxdropdown.refresh{
	padding-right:28px;
} */
.myJqGrid_body_td>.ui.cxdropdown.refresh .refresh.icon{
	right:14px;
}
/* .myJqGrid_body_td>.ui.cxdropdown .menu{
	width:100%;
	position: absolute;
	border:1px solid #e5e5e5;
	border-radius: 4px;
} */
.myJqGrid_body_td>.ui.cxdropdown .dropdown.icon{
	position: absolute;
	padding:0;
	width:12px;
	height:12px;
	line-height:12px;
	right:0px;
	top:9px;
	margin:0;
}
.myJqGrid_body_td>.ui.cxdropdown input{
	padding-left:8px!important;
	background: none;
	border-radius: 0;
	float: left;
}
.myJqGrid_body_td>.ui.cxdropdown .text{
	padding-left:8px;
}


.myJqGrid_body_td img{
	max-height: 40px;
	vertical-align: middle;
	max-width: 100px;
}
.multiLine.myJqGrid .myJqGrid_body_td{
	word-break: break-all;
	white-space: inherit;
	/* height:auto; */
	min-height:30px;
}
.multiLine.myJqGrid .myJqGrid_body_td.editing{
	padding:0!important;
}
.multiLine.myJqGrid .myJqGrid_body_td>input[type="checkbox"]{
	top:50%;
	margin-top:-15px;
}

.myJqGrid_foot_td{
	padding: 0 2px;
	font-size: 12px;
	color: #333;
	line-height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 20px;
}
.myJqGrid .rownumber{
	min-width: 30px;
	max-width: 30px;
	text-align: center;
	vertical-align: middle;
	background: #f5f5f6;
}
.myJqGrid td.rownumber{
	border-right:1px solid #ccc;
}
.myJqGrid .rowcheck{
	min-width: 30px;
	max-width: 30px;
	width:30px;
	text-align: center;
	vertical-align: middle;
	border-right:1px solid #ccc;
}
.myJqGrid .rowcheck input{
	/* line-height: 30px; */
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.myJqGrid th.rowcheck{
	border: none;
}
.myJqGrid .myJqGrid_foot_table td.rownumber,.myJqGrid .myJqGrid_foot_table td.rowcheck{
	background: none;
	border: none;
}
.myJqGrid_body_tr.gridLight{
	background: antiquewhite!important;
}
.myJqGrid_body_tr.f_gridbold>td{
	font-weight: bold!important;
}
.myJqGrid_body_tr.selected{
	background:#d0e5f5!important;
}
.gridborder .myJqGrid_body_td,
.gridborder myJqGrid_head_th,
.gridborder myJqGrid_foot_td{
	border-right: 1px solid #ccc!important;
}
.gridmaximize .myJqGrid{
	margin: 0!important;
}
.gridmaximize .snapshot{
	display:none!important;
}

.myJqGrid.fixed table{
	position: relative;
	/* overflow: hidden; */
} 

.myJqGrid.fixed .myJqGrid_body_table .myJqGrid_body_tr{
	position: relative;
}

.myJqGrid.fixed .myJqGrid_head_table th.fixed{
	position: absolute;
	z-index: 5;
	height:36px;
	top:0;
	background: #f5f5f6;
}
.myJqGrid.fixed .myJqGrid_head_table th.fixed.rowcheck{
	line-height:36px;

}
.myJqGrid.fixed .myJqGrid_body_table td.fixed{
	position: absolute;
	z-index: 5;
	/* height:29px; */
	/* height:100%!important; */
	/* vertical-align: middle;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center; */
}
.myJqGrid.fixed .myJqGrid_body_table .myJqGrid_body_tr.selected td.fixed{
	z-index: 2000;
}
.myJqGrid.fixed .myJqGrid_body_table .myJqGrid_body_tr.selected td.fixed.editing{
	z-index: 8;
}

.myJqGrid.fixed .myJqGrid_body_table td.fixed.rowcheck{
	line-height:30px;
}

.myJqGrid.fixed .myJqGrid_body_table td.fixed.rownumber{
	line-height:30px;
	height:30px;
	border-right: 1px solid #ccc;
}

.myJqGrid.fixed .myJqGrid_body_table td.fixed.myJqGrid_body_td{
	background:white;
	height:29px;
}
.myJqGrid.fixed .myJqGrid_body_table td.fixed.rowcheck{
	background:white;
	height:29px;
}
.myJqGrid.fixed .myJqGrid_body_table .myJqGrid_body_tr.selected td.fixed.myJqGrid_body_td{
	background:#d0e5f5!important
}
.myJqGrid.fixed .myJqGrid_body_table .myJqGrid_body_tr.selected td.fixed.rowcheck{
	background:#d0e5f5!important
}
.myJqGrid.fixed .myJqGrid_foot_table td.fixed{
	/* position: absolute; */
	position: relative;
	z-index: 5;
	top:0;
	height:20px;
}

/* public Progress*/
.PublicProgress{
	position: fixed;
    -webkit-transform-style: '';
    transform-style: '';
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
	transform-origin: center center;
	background-color: rgba(0, 0, 0, .35);
	z-index: 90010;
	top: 0!important;
    left: 0!important;
    width: 100%;
    height: 100%;
    text-align: center;
	vertical-align: middle;
	user-select: none;
	will-change: opacity;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear;
    -webkit-user-select: none;
}
.PublicProgress .PublicProgressShow{
	height:auto;
	width: 240px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-120px;
	margin-left:-120px;
	background: #f5f5f6;
	border-radius: 4px;
	overflow:hidden;
	box-shadow:  1px 3px 3px 0 rgba(0,0,0,.2), 1px 3px 15px 2px rgba(0,0,0,.2);
	padding:10px;
}
.PublicProgress .publicWrap input{
	display: none;
}
.PublicProgress .progressMsg{
	height:auto;
	line-height:20px;
	max-height: 60px;
	margin-top:10px;
	word-wrap: break-word;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.PublicProgress .close.icon{
	top: 1px!important;
    right: 2px!important;
	color: #da251d!important;
	cursor: pointer;
    position: absolute;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    width: 2.25rem;
    height: 2.25rem;
	padding: .625rem 0 0;
	margin-right:0;
}

/*css-hack*/
@-moz-document url-prefix() {
	table{
		border-collapse: separate!important;
	}
	.ui-jqgrid-btable>tbody>tr.ui-widget-content.jqgrow.ui-row-ltr>td[aria-describedby$="op-ctrl"] .gridinside{
		right:auto;
		left:830px;
	}
	.leftmenu{
		/* height: 100%; */
		width: 200px;
		/* overflow-y: auto; */
		overflow: hidden;
		height: auto;
		z-index: 2;
		position: relative;
    }

}
.leftmenu{
		/* height: 100%; */
		width: 200px;
		/* overflow-y: auto; */
		overflow: hidden;
		height: auto;
		z-index: 2;
		position: relative;
    }
/*emailedit*/
.edui-default .edui-colorpicker-nocolor{
	border: none!important;
}


.ui-jqgrid tr.jqgrow td{
	height: auto;
}
.ui-jqgrid tr.jqgrow td img{
	/* max-height: 40px; */
	vertical-align: middle;
	max-width: 100%;
}
/*英语版本*/
.lang-en .databox .page_jl{
	right:270px;
}
.lang-en .accessory .ui.menu .item.upload{
	width: 80px;
}
.lang-en .accessory .ui.menu .item.upload i{
	margin: 0;
}
.lang-en .coordination-down a,
.lang-en .leftmenu a{
	padding: 0 4px 0 4px !important;
}
.lang-en .editTab .ui.tabular.menu .item{
	white-space: nowrap;
	padding: 7px  6px!important;
}
.lang-en .auto-coding-modal .contants .content .ui.group label{
	margin-right: 10px;
    display: inline-block;
    width: 48px;
}
.lang-en .auto-coding-modal .contants .content .ui.group .ui.dropdown{
	width: 208px;
}

/* 风控设计 */
.ui.small.modal.icloudriskmanagement{
	width: 400px !important;
    margin-left: -200px!important;
    border: 1px solid #ccc;
	margin-top: -175px;
	overflow: hidden;
}
/* 主题配置 */
.ui.small.modal.themeconfig{
	height:410px;
}
.ui.small.modal.themeconfig .contant{
	padding:0 10px;
}
.ui.small.modal.themeconfig .area{
	height:370px;
	width:580px;
	position:relative;
}
.ui.small.modal.themeconfig .area .edit[editor="SingleImage"] .field{
	background:#bababa;
}
/* 查询配置 */

.ui.small.modal.customFields .ui.button[btn="btnaddit"] {
	height: 32px;
    padding: 0 8px;
    line-height: 32px;
    background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    position: absolute;
    left: 0px;
    bottom: 14px;
    margin-bottom: 0;
}
.ui.small.modal.customFields .ui.button[btn="btnSearchit"] {
	height: 32px;
    padding: 0 8px;
    line-height: 32px;
    background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    position: absolute;
    left: 40px;
    bottom: 14px;
    margin-bottom: 0;
}
.ui.small.modal.customFields .ui.button[btn="btndeleteit"] {
	height: 32px;
    padding: 0 8px;
    line-height: 32px;
    background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    border: 1px solid #B9C8D4;
    position: absolute;
    left: 80px;
    bottom: 14px;
    margin-bottom: 0;
}
.ui.small.modal.customFields .ui.button .icon{
	margin:0!important;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList{
	width: 578px;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListleft{
	width: 40%;
	height: 100%;
	border:1px solid #ccc ;
	background: #ffff;
    border-radius: 5px;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListleft .queryconfigaddListlefttop{
	width: 100%;
	height: 10%;
	border-bottom: 1px solid #ccc;
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	padding-left: 5px;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListleft .queryconfigaddListleftcontent{
	height: 90%;
	overflow-y: scroll;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListright{
	width: 60%;
	height: 100%;
	border:1px solid #ccc ;
	background: #ffff;
	border-radius: 5px;
	margin-left: 10px;
	overflow-y: scroll;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListleft ul li{
	height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin: 5px 1px 5px 0px;
    list-style: none;
    padding-left: 5px;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListright  li{
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	list-style: none;
}
.ui.small.modal.customFields .customFieldsContent .queryconfigaddList .queryconfigaddListright  li input{
	margin: 6px 4px 0px 5px;
	float: left;
}
.activequery{
	background-color:#d0e5f5 ;
}
.getcheckbox{
	margin: 5px 0px 0px 5px;
}

/*媒体查询*/
@media screen and (min-width: 1920px){
	.graphicpatterns-menu .topmenu.ui.menu{
		height: 40px!important;
	}
}
@media screen and (max-width: 1130px){
	.ui.pointing.dropdown.link.item{
		padding: 5px;
	}
	/* .ui.menu.editMenu a.item, .ui.menu.gridMenu a.item{
		padding: 5px!important;
	} */
	.editArea .gridHeader .ui.menu.gridMenu .item.ui.input{
		width: 146px;
	}
	.editMenu .ui.input i{
		padding-left: 10px;
		position: absolute;
		left:2px;
		top:13px;
	}
}
@media screen and (max-width: 1080px){
	.emoji_container{
		margin-left: -830px!important;
	}
	.ui.table th.six.wide.mailname,.ui.table th.ten.wide.checkbox1.displayname{
		width: 80px;
	}
}
@media screen  and (max-width: 1024px){
	.menuSecond .menuSecondsetting{
		display: block;
	}
	.databox .checknum{
		left: 120px;
		bottom:8px;
	}
	.ui-jqgrid .ui-paging-info{
		margin-top: 2px;
	}
	td[dir='ltr'] select.ui-pg-selbox.ui-widget-content.ui-corner-all{
		/* right:246px; */
	}

	.ui.pointing.dropdown.link.item{
		padding: 5px;
	}
	/* .ui.menu.editMenu a.item, .ui.menu.gridMenu a.item{
		padding: 5px!important;
	} */
	.rightcontents .ui.menu .right.menu .item.name, .documentbox .documentRight .bottomRight .ui.menu .right.menu .item.name{
		width: 60px;
		padding-right: 10px;
	}
	.ui.table th.ten.wide.checkbox1.displayname{
		width: 80px;
	}
	.ui.table th.six.wide.mailname{
		width: 80px;
	}
	.chatfile .chatList{
		width: 160px;
	}
	.chatfile{
		padding-right: 170px;
		width: 700px;
		height: 500px;
	}
	.chatfile .leftcontent{
		width: 170px;
	}
	.chatfile .rightcontent{
		left:170px;
	}
	.chatfile .chatwindow>.header{
		margin-left: 170px;
	}
	.chatfile .rightcontent .chatview{
		bottom: 180px;
	}
	.chatfile .rightcontent .chatinput{
		height: 180px;
	}
	.chatfile .rightcontent .chatarea{
		height: 100px;
	}
	.chatfile.simplechat{
		width: 700px;
	}
	.chatfile.simplechat.hidden{
		width: 0px;
	}
	.emoji_container{
		margin-left: -700px!important;
		margin-top: -60px;
	}
	.chatfile .chatList .tab.segment .chatitem .ui.image, .chatfile .chatList .chatsearchresult .result .chatitem .ui.image{
		position: absolute;
    	left: 8px;
    	width: 30px;
		height: 30px;
	}
	.chatfile .headspan {
		width: 30px;
		height: 30px;
		font-size: 18px;
		line-height: 30px;
	}
	.chatfile .chatList .tab.segment .chatitem .middle.aligned.content, .chatfile .chatList .chatsearchresult .result .chatitem  .middle.aligned.content{
		left: 38px;
	}
	.chatfile .rightcontent .chatview .ui.small.image,.chatfile .leftcontent .chatcontents .chatcontent .ui.image{
		width: 30px;
		height: 30px;
	}
	.chatfile .rightcontent .chatview .ui.small.image{
		margin-top: -15px;
	}

}
@media screen and (max-width: 1600px){
	.edit .saveimg span,
	.edit .showbigimg span,
	.edit .imgleft span,
	.edit .imgright span{
		display:none;
	}
}
@media screen and (max-width: 1000px){
	.ui.table th.six.wide.time.state{
		min-width:70px;
	}
	.ui.table th.six.wide.time{
		width: 70px;
	}
	.mail-table.mailset{
		overflow: auto;
	}
	.ui.table.mailsettable{
		min-width: 1000px;
	}
}
@media screen and (max-width: 920px){
	.ui.table.table_1 thead tr th.sender,.ui.table td.sender{
		width: 180px!important;
	}
	.ui.blue.image.label.mailaddress{
		max-width: 180px;
	}
}
@media only screen and (max-width: 992px){
	body .dimmer.modals .modal.scrolling.ui {
    	margin: 0;
	}
}
@media screen and (max-width: 880px){
	.ui.table.table_1 thead tr th.sender,.ui.table td.sender{
		width: 140px!important;
	}
	.ui.blue.image.label.mailaddress{
		max-width: 140px;
	}
}
@media screen and (max-width: 800px){
	.ui.table.table_1 thead tr th.sender,.ui.table td.sender{
		width: 100px!important;
	}
	.ui.blue.image.label.mailaddress{
		max-width: 100px;
	}
}
@media screen and (max-width: 764px){
	.databox .checknum{
		display: none;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{/* Safari and Opera rules here */

	.editArea .gridHeader{
		/*margin-top: 10px;*/
	}
	.ui.menu.editMenu a.item.noBorder, .ui.menu.gridMenu a.item.noBorder {
		display: flex;
	}
	.ui.menu.editMenu a.item.noBorder.eventdisplaynone, .ui.menu.gridMenu a.item.noBorder.eventdisplaynone,.ui.menu.editMenu a.item.noBorder.powerdisplaynone{
		display: none!important;
	}
	.databox>.gridbox>.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all
	,.databox>.gridbox>.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all>.ui-jqgrid .ui-jqgrid-view,
	.databox>.gridbox>.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all>.ui-state-default.ui-jqgrid-pager.ui-corner-bottom
	{
		width:100%!important;
	}

	.documentbox .documentRight .bottomRight .ui.menu .item.bar .progress{
		padding:0 10px;
		height:20px;
	}

}
.ui.menu.editMenu a.item.noBorder.displaynone, .ui.menu.gridMenu a.item.noBorder.displaynone{
	display: none!important;
}
/*_::-webkit-full-page-media, _:future, :root .safari_only {*/
  /*!*此处为css样式*!*/

	/*.editArea .gridHeader{*/
		/*margin-top: 10px;*/
	/*}*/
	/*.ui.menu.editMenu a.item.noBorder, .ui.menu.gridMenu a.item.noBorder {*/
		/*display: flex!important;*/
	/*}*/
	/*.databox .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all*/
	/*,.ui-jqgrid .ui-jqgrid-view,.ui-state-default.ui-jqgrid-pager.ui-corner-bottom*/
	/*{*/
		/*width:100%!important;*/
	/*}*/

	/*.documentbox .documentRight .bottomRight .ui.menu .item.bar .progress{*/
		/*padding:0 10px;*/
		/*height:20px;*/
	/*}*/
/*}*/



/* 配置中心-畅想云配置 */
.configureBox{
	overflow: hidden;
}
.configureBox .configureTit{
	width: 100px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-bottom: 10px;
}
.configureBox .ui.input.configureInfo{
	width: 276px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin-bottom: 10px;
}
.configureBox .ui.input.configureInfo2 input{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}	
.configureBox .ui.input.configureInfo .ui.button.configureSearch{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin:0;
	padding: 5px 8px;
}
.configureBox .ui.input.configureInfo .ui.button.configureSearch .icon{
	margin:0;
}
/* 多语言配置 */
.languageConfigure.ui.modal .langugeContent{
	height:500px;
	position: relative;
	overflow: hidden;
	padding:10px;
}
.languageConfigure.ui.modal .langugeContent .pagerlist{
	position: absolute;
	bottom:0;
	left:10px;
	right:10px;
	width:auto;
}
.languageConfigure.ui.modal .langugeContent .myJqGrid{
	margin:0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.langugeContent>.ui.menu{
	border: 1px solid #ccc;
	background: white;
	border-bottom:none;
	border-radius: 0;
    margin: 0;
    height: 40px;
    min-height: 40px;
	box-shadow: none;
	position: relative;
}
.langugeContent>.ui.menu.attached.tabular{
	background:none;
	border:none;
	margin: 0!important;
    min-height: 40px;
	height: 40px;
	width:200px;
	position: absolute;
	left:240px;
	top:12px;
	z-index: 20;
}

.langugeContent>.ui.menu .item{
	height: 40px;
    line-height: 20px;
    padding: 10px 10px;
    cursor: pointer;
}
.langugeContent .tab.segment{
	height:388px;
	width: 100%;
    margin: 0
}
.langugeContent>.ui.menu.attached.tabular .item.active{
	font-weight: normal;
	border: 1px solid #4385f5!important;
    color: #4385f5;
}
.langugeContent>.ui.menu.attached.tabular .item{
	display: block;
    height: 29px;
    margin: 5px 2px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    line-height: 29px;
    border-radius: 8px!important;
    padding: 0 8px!important;
    float: left;
    cursor: pointer;
}

.langugeContent>.ui.menu .dropdown.ui .menu .item{
	height:30px;
}
.langugeContent>.ui.menu .item .icon{
	margin-top: -8px;
    color: #333;
}

.langugeContent>.ui.menu .item.ui.input{
	display: block;
	position: absolute;
    top: 0;
    right: 0px;
    padding: 8px !important;
}
.langugeContent>.ui.menu .item.ui.input input{
	padding: 5px 10px 5px 24px;
    height: 24px !important;
    min-height: 24px !important;
    font-size: 12px;
    line-height: 12px;
}
.langugeContent>.ui.menu .item.ui.input .search.icon{
	margin: 0;
    left: 14px;
    top: 13px;
	padding: 0;
	position: absolute;
	line-height: 14px;
}
.langugeContent .langugeLoading{
	position: absolute;
    top: 50px;
    left: 10px;
    right: 10px;
	bottom: 28px;
	border:1px solid #ccc;
	border-bottom-right-radius:4px;
	border-bottom-left-radius: 4px; 
	background:#FFF;
	z-index: 85000;
}
.langugeContent .langugeLoading .icon{
	font-size: 64px;
	position: absolute;
	top:50%;
	margin-top: -32px;
	left:50%;
	margin-left: -32px;
}
.languageConfigure.ui.modal.maximize .langugeContent{
	height:calc(100% - 100px);
}
/* 查询子表*/
.subgrid_main{
	position: relative;
}
.subgrid_search{
	position: relative;
	height:300px;
}
.subgrid_search .subgrid_search_show{
	position: absolute;
	top:6px;
	left:10px;
	right:10px;
	bottom:10px;
	overflow:hidden;
}
.subgrid_search .ui.tabular.menu{
	position: relative;
    overflow: visible;
    white-space: nowrap;
	height: 30px;
    border-radius: 0 !important;
	min-height: auto !important;
	border-bottom:none;
}
.subgrid_search .ui.tabular.menu .item{
	padding: 7px 10px !important;
    line-height: 30px;
    border-radius: 0 !important;
}
.subgrid_search .ui.tabular.menu .item.active{
	font-weight: normal!important;
    border: none!important;
    border-radius: 0 !important;
    border-top: 1px solid #da251d !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}
.subgrid_search .ui.bottom.attached.tab.segment{
	height:254px;
	overflow:hidden;
	padding:0;
	border:none;
}
.subgrid_search .myJqGrid{
	margin:0;
	border-radius: 0 !important;
	border-bottom-left-radius: 4px!important;
	border-bottom-right-radius: 4px!important;
}
.subgrid_search .myJqGrid_body{
	border-radius: 0!important;
}

/* 自定义界面 */
.ui.modal .customWindow{
	height:500px;
	overflow:hidden;
	overflow-y: auto;
	padding:10px;
}
.ui.modal .customWindow  .content{
	width:100%;
	height:100%;
}

.ui.modal .customWindow .ui.top.attached.tabular.menu{
	margin: 0!important;
    min-height: 30px;
    height: 30px;
}
.ui.modal .customWindow .ui.top.attached.tabular.menu .item{
	padding: 0 16px;
	line-height: 30px;
	color:#666;
}
.ui.modal .customWindow .ui.top.attached.tabular.menu .item.active{
	font-weight: normal;
}
.ui.modal .customWindow  .attached.tab.segment{
	height:450px;
	overflow:hidden;
	overflow-y: auto;
	position: relative;
}
.ui.modal .customWindow  .attached.tab.segment .label{
	height:30px;
	line-height: 30px;
	font-size: 12px;
	color:#666;
	padding:0;
}
.ui.modal .customWindow .attached.tab.segment .area{
	position: relative;
	width:100%;
}
.ui.modal .customWindow  .attached.tab.segment .divider{
	height:1px;
	width:100%;
	background:#ccc;
	margin:6px 0;
}
.ui.modal .customWindow .gridHeader .ui.menu.gridMenu {
    margin-top: 0;
    margin-bottom: 10px;
    z-index: 1!important;
    width: 100%;
    height: 100%;
    background: #f5f5f6!important;
    margin-right: 19px!important;
    border-radius: 4px;
    border: 1px solid #ccc!important;
    position: relative;
}
.ui.modal .customWindow .gridHeader {
    position: relative;
    height: 40px !important;
}
.ui.modal .customWindow .gridHeader .ui.menu.gridMenu .item {
    height: 100%;
}
/* 日志 */
.databox.logsbox>.editMenu .item .ui.dropdown{
	width:150px;
	min-width: 120px;
	margin-left:8px;
	height: 24px;
    min-height: 24px;
	padding: 0 5px;
	padding-right:18px;
    line-height: 24px;
}
.databox.logsbox>.editMenu .item .ui.dropdown .text{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.databox.logsbox>.editMenu .item .ui.dropdown .dropdown.icon{
	top:4px;
	right:6px;
}
.databox.logsbox>.editMenu .item .ui.dropdown .menu .item{
	padding:0 8px!important;
	height:30px;
	line-height:30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.databox.logsbox .editTab.record{
	position: absolute;
    top: 0px;
    left: 180px;
    right: 170px;
    height: 40px;
    width: auto;
}
.databox.logsbox .editTab.record .ui.menu{
	border: none;
    height: 40px!important;
    padding-right: 80px;
    overflow: hidden;
    display: block;
}
.databox.logsbox .editTab.record .ui.menu .item{
	display: block;
    height: 29px;
    margin: 5px 2px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    line-height: 29px;
    border-radius: 8px!important;
    padding: 0 8px!important;
    float: left;
    cursor: pointer;
}
.databox.logsbox .editTab.record .ui.menu .item.active{
	border: 1px solid #4385f5!important;
    color: #4385f5;
}
.databox.logsbox .editTab.record .ui.menu .ctrlitem{
	position: absolute;
    width: 40px;
    height: 39px;
    right: 0;
    top: 0;
    cursor: pointer;
    line-height: 40px;
    background: #f5f5f6;
    z-index: 20;
    text-align: center;
}
.databox.logsbox .editTab.record .ui.menu .ctrlitem.left{
	right: 40px;
}
.databox.logsbox .jqgrow.warning td{
	background-color: #fdf6ec;
	border-color: #faecd8;
	color:#e6a23c!important;
}
.databox.logsbox .jqgrow.error td{
	color:#f56c6c;
	background-color: #fef0f0;
    border-color: #fde2e2!important;
}
.databox.logsbox .jqgrow.warning.ui-state-highlight td,
.databox.logsbox .jqgrow.error.ui-state-highlight td{
	box-shadow:0 0 0 1000px rgba(255,255,255,.8) inset !important;
}

.ui-state-highlight td{
	border-right-color: #d0e5f5 !important;
}

/* 分享 */
.shareBox .editloading{
	top:0;
	left:0;
	width:100%;
	height:100%;
	position: relative;
}
.shareBox .editloading .shaerLogin{
	width:400px;
	height:auto;	
	min-height:20px;
	position: absolute;
	left:50%;
	margin-left: -200px;
	top:26%;
	text-align: center;
	padding:0px; 
	background:#fff;
	border:1px solid #ccc;
	border-radius: 4px;
	overflow:hidden;
}
.shareBox .editloading .shaerLogin .head{
	height:80px;
	width:100%;
	position: relative;
	background: #0099FF;
}
.shareBox .editloading .shaerLogin.error .head{
	background: red;
}
.shareBox .editloading .shaerLogin .head .caption{
	height:80px;
	position: absolute;
	left:80px;
	color:#fff;
	line-height:80px;
	font-size: 16px;
}
.shareBox .editloading .shaerLogin .content{
	padding:20px;
	overflow:hidden;
}
.shareBox .editloading .shaerLogin img{
	display: block;
	position: absolute;
	left:10px;
	top:10px;
	height:60px;
	width:60px;
}
.shareBox .editloading .shaerLogin .ui.input input{
	height:30px;
	min-height:30px;
	padding:0 10px;
	width:200px;
}
.shareBox .editloading .shaerLogin .ui.input label{
	line-height:30px;
}
.shareBox .editloading .shaerLogin .ui.input{
	float: left;
}
.shareBox .editloading .shaerLogin .ui.button{
	float: right;
	height:30px;
	line-height:30px;
	background: #0099FF;
	padding:0 18px;
	font-weight: normal;
	margin:0;
}
.shareBox .editloading .shaerLogin .errorMessage{
	position: absolute;
	bottom:10px;
	left:20px;
	right:20px;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#da251d;
	border-radius:4px; 
	display:none;
}
.shareBox .editloading .shaerLogin.error .errorMessage{
	display:block;
}
.shareBox .editloading .shaerLogin.error .content{
	padding-bottom:50px;
}
.shareBox .Edit{
	padding:0
}
.shareBox .mainEdit{
	border:none;
	padding-top:50px;
}
.shareBox .mainEdit .shareHead{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	line-height:40px;
	color:#fff;
	background:#34495e;
	padding:0 10px;
}
.shareBox .edit[readonly="readonly"]{
	pointer-events:auto;
}
.shareBox .edit[editor="DateEdit"] input{
	pointer-events: none;
}


.shareBox .editorTagList,
.shareBox .edit[editor="Image"] .imaMenu,
.shareBox .edit[editor="Image"] .savebigimg,
.shareBox .gridHeader,
.shareBox .edit .icon.refreshbutton{
	display:none!important;
}
.shareBox .edit.disabled,
.shareBox .edit[readonly="readonly"]{
	opacity: 1;
}
.customEdit{
	padding:0px;
	background:none;
}


/* 索引 */


#divindexselect .reminderuserbody{
	height: 320px;
	margin: 10px;
}
#divindexselect .editloading{
	left: 21px;
    right: 21px;
    position: absolute;
    height: 165px;
    top: 206px;
}
.divindexselect .reminderuserbody .bottombody {
	height: 200px !important;
}

.divindexselect .reminderuserbody .bottombody .ui.menu{
	margin:0;
	height:35px;
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}
.divindexselect .reminderuserbody .bottombody .ui.menu.head{
	padding-right:10px;
	background:#f5f5f6;
}
.divindexselect .reminderuserbody .bottombody .ui.menu .item{
	height:35px;
	border-right: 1px solid #ccc;
	padding:0 10px;
	line-height:35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.divindexselect .reminderuserbody .bottombody .ui.menu .item:not(:first-child) {
	display: inline-block;
}
.divindexselect .reminderuserbody .bottombody .ui.menu .item:last-child{
	border-right:none
}
.divindexselect .reminderuserbody .bottombody .ui.menu .item:first-child{
	width:40px;
}
.divindexselect .reminderuserbody .bottombody .ui.menu .item:nth-child(2){
	width:300px;
}
.divindexselect .reminderuserbody .bottombody .ui.menu .item .ui.checkbox label:before{
	top:0!important;
}
.divindexselect .reminderuserbody .bottombody .menuContent{
	height:165px;
	overflow-y:auto;
}

.divindexselect .reminderuserbody .top.ui.input input {
	width: 100% !important;
    padding: 5px 10px !important;
}
.divindexselect .ui.table{
	border: none;
	border-radius: 0;
	border-bottom:1px  solid rgba(34,36,38,.15);
}
#divindexselect .ui.divider {
	margin: 0rem 0;
}
#divindexselect  .ui.menu {
    font-size: 0rem;
}
#divindexselect .ui.table thead th {
	padding: 0em .71428571em;
	height: 30px !important;
}
#divindexselect .definition {
	line-height: 30px;
	margin:0;
}
#divindexselect .ui.table.definition:not(.head) thead{
	opacity: 0;
}

#divindexselect .ui.table td {
	padding-bottom: 0;
	padding-block-start: 0;
}
#divindexselect .table thead th{
	font-weight: 400 !important;
}
#divaddindex, #externalfields, #divaddcolumn{
	overflow-y: inherit !important;
	width: 430px!important;
	margin-left: -215px!important;
	z-index: 85006!important;
}
#externalImage {
	width: 430px!important;
	margin-left: -215px!important;
	z-index: 85007!important;
}
#externalImage .ui.form .ui.input>input{
	width: 100%!important;
}
#divaddindex .ui.dropdown, #externalfields .ui.dropdown{
	height:auto!important;
	min-height:35px!important;
}
#divaddcolumn .ui.dropdown, #externalfields .ui.dropdown{
	height:auto!important;
	min-height:35px!important;
}
.textcenter{
	text-align: center;
}
.divaddindex .ui.form {
    font-size: 1rem;
    margin: 15px 15px;
}
.divaddindex .inline.fields .field>label{
	font-weight: 400 !important;
}
.divaddcolumn .ui.form {
    font-size: 1rem;
    margin: 15px 15px;
}
.divaddcolumn .inline.fields .field>label{
	font-weight: 400 !important;
}



/* SmartSearch */
.smart-search.contain{
	background: white;
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    z-index: auto;
    /* padding-top: 50%; */
    height: auto;
    font-size: 18px;
}
.smart-search.contain .image>img{
   width:270px;
   height:129px;
}
.smart-search.contain .s-flex{
     display: flex;
     align-items: center;
	 justify-content: center;
	 margin-top: -225px;
	 position: absolute;
	 width: 270px;
	 height: 129px;
	 top: 38.2%;
	 margin-top: -191px;
	 left: 50%;
	 margin-left: -135px;
}
.smart-search.contain .ui.input{
	width: 540px;
	font-size: 1.05em;
	position: absolute;
	height: 45px;
	top: 38.2%;
	margin-top: -36px;
	left: 50%;
	margin-left: -270px;
}
.smart-search.contain .ui.input .icon{
	left: 0;
}
.smart-search.contain .ui.input input {
	height: 45px;
    font: 16px/18px arial;
    line-height: 22px;
    padding: 6px 6px 6px 45px;
    background: #fff;
    outline: 0;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	border-radius: 0;
    /* border: none;
    border-radius: 22px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); */
}
.smart-search.head .head-search .ui.input input{
	height: 35px;
    font: 16px/18px arial;
    line-height: 22px;
    padding: 6px 6px 6px 30px;
    background: #fff;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
}
.smart-search.contain .search.icon{
    color: #1B74ED;
    top:5px;
}
.smart-search.contain .search-data,
.smart-search.head .head-search .search-data{
	/* box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28); */
	border-radius: 0;
    padding: 0;
    height: auto;
    width: 540px;
    position: absolute;
    top: 39%;
    left: 50%;
    margin-left: -270px;
    overflow: hidden;
    /* margin-top: -1px; */
    background: #fff;
    z-index: 5;
    border: 1px solid #ccc;
}
.smart-search.contain .search-data p,
.smart-search.head .head-search .search-data p {
	height: 40px;
	line-height: 40px;
	padding:0 7px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    font-size: 14px;
	margin: 0;
	cursor: pointer;
}
.smart-search.contain .search-data p b{
	font-size: 14px;
}
.smart-search.contain .search-data p.active{
	background: #f5f5f6;
}

.smart-search.head .head-search{
    height: 50px;
    /*width: 800px;*/
    padding: 10px 0 0 10px;
}
.smart-search.head .head-search .image{
    float: left;
	left: 0px;
	width: 101px;
}
.smart-search.head .head-search .image>img{
    width: 101px;
}
.smart-search.head .head-search .search.icon{
	color: #1B74ED;
	left: 10px;
}
.smart-search.head .head-search .ui.input input{
    width: 540px;
	margin-left:10px;
}
.smart-search.head .head-search .search-data{
	left: 121px;
    margin: 0;
    top: 44px;
    box-shadow: none;
}
.smart-search.head .head-search .search-data p {
	height: 35px;
	line-height:35px;
}
.smart-search.head .head-search .search-data p.active{
	background: #f5f5f6;
}

.smart-search.content{
	padding: 10px 121px;
    overflow-y: auto;
	height: 100%;
	padding-top: 58px;
}
.smart-search.content::-webkit-scrollbar {
	width: 3px;
	z-index: auto;
}
.smart-search.content .ui.secondary.horizontal.blue.pointing.menu{
	margin-top:0;
	margin-bottom: 14px;
	padding-left: 121px;
	margin-left: -121px;
	margin-right:-121px;
	background: #f5f5f6;
	border-bottom: 2px solid  #f5f5f6;
}
.smart-search.content .ui.secondary.horizontal.blue.pointing.menu .item{
	padding:0;
	height: 38px;
	line-height:38px;
	min-width:54px;
	text-align: center;
	padding:0 8px;
	color: #666;
	font-size: 14px;
	display: inline-block;
}
.smart-search.content .ui.secondary.horizontal.blue.pointing.menu .item.active{
	font-weight: 700;
	color: #323232!important;
}

.smart-search.content .result-sum{
    opacity: 0.6;
}
.smart-search.content .ui.list{
	padding: 0 0 20px 0;
	margin-top:0;
}
.smart-search.content .list .item:first-child{
	margin-top:10px;
}
.smart-search.content .list .item{
    display: block;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.smart-search.content .list .item.smart-img{
	position:relative;
	margin: 10px 10px 10px 0;
    display: inline-block;
}
.smart-search.content .list .item.smart-img .smart-show-img{
	min-width: 150px;
    display: inline-block;
	max-width: 100%;
	position:relative;
	cursor:pointer;
}
.smart-search.content .list .item.smart-img .smart-show-img .file-name{
	position:absolute;
	bottom:2px;
	left:0;
	background:rgba(0,0,0,.6);
	color:#fff;
	word-break: break-all;
	padding:4px 8px;
	display:none;
	width:100%;
	padding-right:44px;
}
.smart-search.content .list .item.smart-img .smart-show-img .file-name.error {
	padding-right:8px;
}
.smart-search.content .list .item.smart-img .smart-show-img .file-name>span {
	height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: inherit;
}
.smart-search.content .list .item.smart-img .smart-show-img .file-name .icon{
	position:absolute;
	right: 4px	;
	bottom: 12px;
	margin:0;
	cursor: pointer;
}
.smart-search.content .list .item.smart-img .smart-show-img .file-name .icon.download{
	right: 24px;
}
.smart-search.content .list .item.smart-img .smart-show-img:hover .file-name{
	display:block;
}
.smart-search.content .list .item.smart-img .smart-show-img img{
	max-width:100%;
	max-height:300px;
}

.smart-search.content .list .item .header{
    color: #3330CC;
    text-decoration-line:underline;
    margin-bottom: 10px;
	cursor: pointer;
}
.smart-search.content .list .item .header span {
	font-size: 15px;
}
.smart-search.content .list .item .header span.active {
	color: #551AA9;
}
.smart-search.content .list .item .header em {
	font-style: normal;
    color: #c00;
    text-decoration: underline;
    font-size: 17px;
}
.smart-search.content .list .item>p em {
	font-style: normal;
    color: #c00;
}
.smart-search.content .list .item>p{
	margin: 5px 0;
	overflow: hidden;
    text-overflow: ellipsis;
}
.smart-search.content .list .item .owner{
    color: #008100;
	margin: 10px 0 0 0;
}
.smart-search.content .list .item .ss_content {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.smart-search.content .list .item .ss_content>img{
	width: 300px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.smart-search-load {
	position: absolute;
    z-index: 5005;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background: #f5f5f6;
    top: 95px;
}

.smart-search-load > .spinner.loading.icon {
	font-size: 64px;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    margin-left: -32px;
}

.smart-search .foot{
    padding-top: 10px;
    padding-bottom: 20pX;
}
.smart-search .foot .ui.basic.blue.button{
    padding: 10px 14px !important;
}
.smart-list {
	background: white;
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
	z-index: auto;
}
.ss-module {
	margin: 0 5px 0 0 !important;
    background-size: 100% 100%;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    float: left;
    display: inline-block;
}
.smart-list .smart-search.head{
	position: absolute;
    top: 0px;
    left: 0;
	right: 10px;
	background: #fff;
	z-index: 1;
}
.smart-list .errorContent {
	line-height: 25px;
}

.smart-list .errorContent > p:first-child {
	font-size: 20px;
	font-weight: 500;
}

.smart-list .errorContent .text {
	font-size: 1em;
	color: rgb(250, 10, 10);
	margin: 0;
}

.smart-list .errorContent > ul {
	margin-top: 10px;
	opacity: 0.8;
}

.smart-list .errorContent > ul > li {
	padding: 3px;
}

.smart-list .errorContent a {
	color: rgb(0, 0, 200);
}

.formRow .ui.button.test {
	background: #EAEEF2;
    color: #34495E;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #B9C8D4;
	width: 80px;
}

.formRow .server {
	position: absolute;
	left: 140px;
    top: 0;
    right: 0;
    height: 30px;
    /*width: 60px;*/
    line-height: 30px;
    font-size: 12px;
	background: white;
}

.formRow .icon.success {
	font-size: 14px;
	color: rgb(67, 188, 151);
}

.formRow .icon.error {
	font-size: 14px;
	color: #ee6b65;
}

.formRow .success {
    color: rgb(67, 188, 151);
}

.formRow .error {
    color: #ee6b65;
}

.formRow .message.test {
	left: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 230px);
}

.formRow [data-name="error"] {
	line-height: 30px;
    position: relative;
    margin-top: -30px;
    width: calc(100% - 140px);
    left: 140px;
	word-wrap: break-word;
}

.externalContent {
	height: 300px;
    padding: 10px;
    overflow: hidden;
}

.externalModal .ui.bottom.attached.tab.segment {
	height: 280px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
	border-top: none;
	width: 100%;
}

.externalModal .tab.segment .ui.menu {
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
    background: white;
    margin: 0;
    height: 30px;
    min-height: 30px;
    box-shadow: none;
}

.externalModal .tab.segment .ui.menu .item {
	height: 30px;
    line-height: 20px;
    padding: 5px 10px;
    cursor: pointer;
}

.externalModal .tab.segment .content {
	padding: 10px;
	height: calc(100% - 30px);
    background: #fff;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.externalModal .tab.segment .ui.menu .item .icon {
	margin-top: -8px;
    color: #333;
}

.externalModal .tab.segment .content .item.active {
	background: #d0e5f5;
}

.externalModal .tab.segment .content .item {
	width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer;
    line-height: 20px;
    padding: 0 6px;
    padding-top: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
	float: left;
}

.externalModal .tab.segment .content .item>.icon {
	position: absolute;
	width:20px;
	height:20px;
	font-size:18px;
	text-align: center;
	line-height:20px;
	top:10px;
	left:20px;
}


/* 子表修改 */
.fixJqGridBox{
	overflow:hidden;
}
.fixJqGridBox .myJqGrid{
	float: left;
}
.fixJqGridBox .rowcheck{
	padding: 10px 4px;
    height: 17px;
}
.fixJqGridBox td.rowcheck,
.fixJqGridBox td.rownumber{
	padding:6px 4px;
	height:32px;
}		
.myJqGrid th.rownumber{
	background:none;
}
.fixJqGridBox .myJqGrid.fixJqGrid{
	border-right:none;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.fixJqGridBox .myJqGrid.contentJqGrid{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.fixJqGridBox .myJqGrid.fixJqGrid .myJqGrid_body::-webkit-scrollbar{
	width:0px;
	height:0px;
}
.fixJqGridBox .myJqGrid_body_td{
	padding:6px 4px;
	line-height:20px;
	height:32px;
	max-height:32px;
	position: relative;
}
.followcenter .fixJqGridBox .myJqGrid_body_td br{
	display:none;
}
.fixJqGridBox .myJqGrid_body_tr{
	border-bottom:1px solid #ddd;
	border-collapse:collapse;
}

.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down a{
	padding-left: 50px!important;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down>.ui.accordion.coordination>.coordination-down a{
	padding-left: 80px!important;
}
.ui.small.modal.protectModal{

}
.ui.small.modal.protectModal.treeSelectModal .leftcontent .content {
    height: 420px;
}
.ui.small.modal.protectModal.treeSelectModal .leftcontent .content .name {
    line-height: 30px;
	cursor: pointer;
}
.ui.small.modal.protectModal.treeSelectModal .leftcontent .content .ui.list .firstItem {
    padding-left: 10px;
}
.ui.small.modal.protectModal.treeSelectModal .leftcontent .content .ui.list .firstItem .item {
    border-bottom: none;
    padding-left: 25px;
}
.ui.small.modal.protectModal.treeSelectModal .leftcontent .content .ui.list .firstItem .item .ui.checkbox {
    left: 0
}
.ui.small.modal.protectModal.treeSelectModal .leftcontent .content .ui.list .list{
    padding: 0 0 0 5px;
}



.assistant {
	position: fixed;
	z-index: 81000;
	top:120px;
	width: 310px;
	height:382px;
    right: 10px;
	border: 1px solid #ccc;
	border-top-right-radius:4px;
	border-top-left-radius: 4px;
	overflow: hidden;
	opacity:.75;
}
.assistant:hover{
	opacity:1;
}
.assistant.hide{
	width: 80px;
	height:80px;
	background:#34495e;
	border-radius:10px;
}
.assistant.hide .assistantContent{
	display:none;
}
.assistant .iconView{
	display:none;
	text-align: center;
	line-height:80px;
	color:#fff;
	font-size:30px;
	cursor: move;
	width: 100%;
	height:100%;
}
.assistant.hide .iconView{
	display:block;
}
.assistant .nav {
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ccc;
	cursor: move;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	background:#34495e;
	color:#fff;
}
.assistant .nav .navWord {
    position: absolute;
    left: 10px;
    line-height: 40px;
    font-size: 14px;
}
.assistant .nav .navIcon {
    position: absolute;
    right: 0;
    line-height: 40px;
}
.assistant .center {
    /* padding-top: 10px; */
	height: 300px;
	overflow:hidden;
	overflow-y: auto;
	background:#fff;
}
.assistant .center .item {
    background-color: #fff;
}
.assistant .center .item .itemWord{
    width: 100%;
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ccc;
}
.assistant .center .item .itemWord .ellipsis.horizontal.icon{
	position: absolute;
    right: 6px;
    bottom: 10px;
    font-size: 16px;
    margin: 0;
}
.assistant .center .item .ui.checkbox{
    position: absolute;
    left:10px;
    width: 17px;
    height: 17px;
	line-height: 28px;
	top:5px;
}
.assistant .center .item .itemWord .name{
    line-height: 40px;
    width: 100%;
    padding: 0 28px 0 36px;
	font-size: 13px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.assistant .center .item .fluid.message {
    border-radius: 0;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f6;
    cursor: pointer;
    padding: 0;
	text-align: center;
	height:30px;
	line-height:30px;
}

.assistant .center{
	padding:10px 0 0 10px;
	overflow:hidden;
	overflow-y: auto;
}
.assistant .center .cellitem.active{
	background:#d0e5f5;
}
.assistant .center .cellitem{
	border: 1px solid #ccc;
	border-radius:4px;
	position:relative;
	width:89px;
	margin:0 10px 10px 0;
	height:120px;
	cursor: pointer;
	float:left;
}
.assistant .center .cellitem:nth-child(3n){
	margin-right:0;
} 
.assistant .center .cellitem .text{
	height: 84px;
    overflow: hidden;
    padding: 2px 8px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 20px;
}
.assistant .center .cellitem .top{
	width:100%;
	height:20px;
	position:relative;
}
.assistant .center .cellitem .top .ui.checkbox{
	width:16px;
	height:16px;
	position:absolute;
	left:2px;
	top:2px;
}

.assistant .center .cellitem .top .ui.checkbox label:before{
	top:0px!important;
}

.assistant .center .cellitem .icon{
	height:70px;
	padding-top:5px;
}
.assistant .center .cellitem .icon .img{
	height:60px;
	margin-left:12px;
	width:60px;
	background-size:100% 100%;
}
.assistant .center .cellitem .name{
	height:30px;
	line-height:30px;
	padding:0 6px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.assistant .center .cellitem .time{
	text-align:right;
	line-height:20px;
	padding:0 10px;
}
.assistant .center .cellitem .num{
	position: absolute;
    left: -10px;
    top: -10px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    color: #fff;
    background: red;
    opacity: .7;
    overflow: hidden;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}

.assistant [btn="option"]{
	position:relative;
} 
.assistant [btn="option"] .optmenu{
	position: absolute;
    left: -1px;
    right: 0;
	bottom: 100%;
	background:#f5f5f6;
    border: 1px solid #ccc;
	border-right: none;
	border-bottom:none;
	display: none;
}
.assistant [btn="option"] .optmenu .optitem{
	height:30px;
	line-height:30px;
	width:100%;
	text-align:center;
	color:#666;
	cursor: pointer;
	border-bottom:1px solid #e5e5e5;
}
.assistant [btn="option"] .optmenu .optitem:hover{
	background:#d0e5f5;
}




.assistant .bottom {
    background-color: #f5f5f6;
    height: 40px;
    position: relative;
    width: 100%;
    border-top: 1px solid #ccc;
}

.assistant .bottom .button{
    width:20%;
    float: left;
    height: 40px;
    font-size: 12px;
    margin: 0;
    background-color: #f5f5f6;
    border-left: 1px solid #ccc;
    border-radius: 0;
    padding: 0;
	line-height: 40px;
	font-weight:normal;
	font-family:"微软雅黑";
}


.ui.modal.small.ConfidentialPermissions{
    width: 600px!important;
    margin-left:-300px!important;
    height: 400px;
    background: #f5f5f6;
    border: 1px solid #ccc;
    box-shadow: none;
}
.ConfidentialPermissions .header {
    width: 100%;
    height: 40px;
    background: white;
    border-bottom: 1px solid #ccc;
    padding: 10px !important;
    font-size: 16px!important;
    font-weight: normal!important;
    position: relative;
}
 .ConfidentialPermissions .contents {
    padding: 10px;
    height: 300px;
}
.ConfidentialPermissions .contents .content{
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #ccc;
	height: 280px;
	overflow:hidden;
}
.ConfidentialPermissions .contents .content .ui.menu {
    margin: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 0px 0px;
    min-height: 30px;
    height: 30px;
}
.ConfidentialPermissions .contents .content .ui.menu .menuItem {
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
}
.ConfidentialPermissions .contents .content .menuContent {
    height: 218px;
    overflow: hidden;
    overflow-y: auto;
    border-top: 0;
    background-color: #fff;
    box-shadow: none;
}

.ConfidentialPermissions .contents .content .menu.ui.express>.item{
	padding:0 10px;
	border-right:1px solid #ccc;
	position:relative;
}
.ConfidentialPermissions .contents .content .menu.ui.express>.item:first-child{
	width:38px;
}
.ConfidentialPermissions .contents .content .menu.ui.express>.item:last-child{
	border-right:none;
	width:200px;
}
.ConfidentialPermissions .contents .content .menu.ui.express>.item .ui.checkbox label:before{
	top:0!important;
}
.ConfidentialPermissions .contents .content .menu.ui.express>.item:nth-child(2){
	width:140px;
}
.ConfidentialPermissions .contents .content .menu.ui.express>.item:nth-child(3){
	width:180px;
}
.ConfidentialPermissions .contents .content  .menu.ui.express {
    margin: 0;
    border-radius: 0;
    position: relative;
    box-shadow: none;
    height: 30px;
    min-height: 30px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
.ConfidentialPermissions .contents .content .menu.ui.express .forms {
    position: absolute;
	right:0;
    top: 31px;
    left:0;
	background-color: #fff;
	border:1px solid #ccc;
	border-radius:4px;
    z-index:2;
	height:auto;
	max-height:200px;
	overflow-y: auto;
	display:none;
}
.ConfidentialPermissions .contents .content .forms .item {
    width: 100%;
    line-height: 20px;
    padding: 5px 16px;
    border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding-left:6px;
	cursor: pointer;
} 
.ConfidentialPermissions .contents .content .forms .item:last-child{
	border-bottom:none;
}
.ConfidentialPermissions .contents .content .menu.ui.express>.item:last-child span{
	display:block;
	width:100%;
	height:100%;
	line-height:30px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.ConfidentialPermissions .contents .content .menu.ui.express .item.name{
    width: 172px;
    padding-left: 12px;
    padding: 0 10px;
}

/* 自定义样式 */
/* .left-menu,.left-menu .leftCollects,.simple-menu .leftCollectsList.active,
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu,
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown,
.simple-menu .left-menu .leftCollects .item.search .ui.dropdown .menu .item
{
	background:#245596;
}
.simple-menu .leftCollectsList.active:after, .simple-menu .left-menu .leftCollects .item.search .ui.dropdown:after{
	border-right: 8px solid #245596;
}
.head-logo>a{
	background:#fff;
}
.coordination-top{
	background: #3b6fb5;
	border-color:#315b92;;
}
.ui.vertical.menu.coordination-down{
	background: #3067b1;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-top{
	background: #3067b1;
}
.coordination-down a, .leftmenu a{
	border-left: 2px solid #3067b1;
}
.simple-menu .head-logo a, .simple-menu .head-logo-en a{
	background-color:#fff;
}
.ui.vertical.menu.coordination-down>.ui.accordion.coordination>.coordination-down{
	background:#5483d0;
} */

/* 侧边栏 */
.sidebar_box .primary.coverage {
	position: relative;
	width: 100%;
	height: 100%;
}

.sidebar_box {
	/* position: absolute; */
	width: 100%;
	/* top: 210px;
    right: 0; */
	height: 100%;
	/* border: 1px solid #ccc; */
	border-right: none;
}

.sidebar_box .sidebar_header {
	height: 40px;
	width: 100%;
	background-color: #f5f5f6;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.sidebar_box .sidebar_header p {
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	margin: 0;
}

.sidebar_box .item.noBorder.mitem {
	position: absolute;
	top: 10px;
	right: 12px;
	cursor: pointer;
	color: #333;
}

.sidebar_box .item.noBorder.mitem.disabled {
	opacity: 0.6;
}

.sidebar_box .sidebar_content {
	height: calc(100% - 40px);
	background-color: #fff;
}

.sidebar_box .sidebar_content .task_content {
	height: 30%;
	overflow: hidden;
	overflow-y: auto;
	padding: 10px;
}

.sidebar_content .task_content .el-card {
	border-radius: 0;
	border-bottom: none;
}

.sidebar_content .task_content .el-card.select {
	background: #d0e5f5;
}

.sidebar_content .task_content .el-card__header {
	padding: 8px 10px;
	border-bottom: none;
}

.sidebar_content .task_content .el-card:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.sidebar_content .task_content .el-card:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #EBEEF5;
}

.sidebar_content .task_content .item {
	float: right;
	cursor: pointer;
	position: relative;
}

.sidebar_content .task_content .name {
	width: calc(100% - 150px);
    left: 10px;
    top: 5px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar_content .task_content .el-dropdown button {
	width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar_content .task_content .el-card__body {
	padding: 0;
}

.sidebar_content .task_content .content {
	padding: 20px;
	background-color: unset;
	border-top: 1px solid #EBEEF5;
}

.el__select__item {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.el__form__item {
	margin-bottom: 8px !important;
}

.sidebar_box .sidebar_content .chat_content {
	height: calc(70% - 155px);
}

.sidebar_box .sidebar_content .chat_content .chatInterface_tittle {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	background-color: #f5f5f6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_content .more{
	color:grey;text-align: center; padding: 10px;cursor: pointer;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_content {
	height: calc(100% - 40px);
	overflow: hidden;
	overflow-y: auto;
	padding: 0 12px;
	position: relative;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_footer {
	bottom: 0;
	position: absolute;
	width: 100%;
	border-top: 1px solid #ccc;
}

.customSide.min .sidebar_box .sidebar_content .chat_content .chatInterface_footer {
	display: none;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_content .item {
	position: relative;
	min-height: 50px;
	padding: 6px;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_content .item span {
	padding: 0px 6px;
	border-radius: 10px;
	background-color: #ccc;
	position: absolute;
	left: 50%;
	margin-left: -62px;
}

.sidebar_box .chatInterface_content .item .send_message {
	padding-top: 30px;
	overflow: hidden;
}

.sidebar_box .chatInterface_content .item .send_message .send_head {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #6ed4a5;
	color: #fff;
	font-size: 18px;
	border-radius: 100%;
	float: right;
	margin-top: 14px;
}

.sidebar_box .chatInterface_content .item .send_message .send_content {
	width: 80%;
	height: 50px;
	border: 1px solid #ccc;
	float: right;
	margin-right: 10px;
	margin: 10px;
	padding: 5px 10px;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_icon {
	height: 40px;
	background-color: #f5f5f6;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_icon img {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 12px;
	cursor: pointer;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_icon i {
	margin: 0;
	position: absolute;
	cursor: pointer;
	width: 30px;
	height: 40px;
	line-height: 40px;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_icon i.disabled {
	opacity: .6;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message {
	height: calc(46% - 80px);
	padding-bottom: 35px;
	position: relative;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message .field {
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message .field .news {
	width: 100%;
	height: 80px;
	padding: 10px;
	border: none;
	resize: none;
	outline: none;
}
.sidebar_box .sidebar_content .chat_content .chatInterface_message .field .news span[data-user],
.sidebar_box .clearfloat .left .chat-message span[data-user]{
	background: #f5f5f6;
    padding: 4px;
    border-radius: 4px;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message .field .news img {
	width: 40px;
	height: auto;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message .field .news img.file-src {
	width: 40px;
    float: left;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message .field .news .file-name {
	display: flex;
    padding-left: 5px;
    line-height: 20px;
    height: 20px;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message .field .news .file-size {
	display: flex;
    padding-left: 5px;
    line-height: 20px;
    height: 20px;
}

.sidebar_box .textImg {
	width: 100%;
	height: auto;
}

.sidebar_box .textImg img {
	width: 60px;
	height: auto;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message button {
	position: absolute;
	bottom: 7px;
	right: 10px;
	padding: 4px 18px;
	background-color: #319be6;
	color: #fff;
	border: none;
	border-radius: 4px;
}

.sidebar_box .sidebar_content .chat_content .chatInterface_message button.disabled {
	opacity: .6;
}

.sidebar_box .clearfloat:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.sidebar_box .clearfloat {
	zoom: 1;
	margin: 10px 0;
}

.sidebar_box .clearfloat .right {
	float: right;
	text-align: right;
}

.sidebar_box .author-name {
	text-align: center;
	margin: 15px 0 5px 0;
	color: #888;
}

.sidebar_box .author-name small {
	padding: 3px 5px;
	border-radius: 6px;
	background-color: #eee;
}

.sidebar_box .clearfloat .chat-message {
	text-align: left;
	padding: 6px 12px;
	border-radius: 6px;
	word-wrap: break-word;
	display: inline-block;
	position: relative;
	background: rgb(178, 226, 129);
	/* color: #fff; */
	color: #333;
	min-height: 28px;
	font-size: 16px;
	margin: 6px 0;
}

.sidebar_box .clearfloat .left .chat-message {
	background: #D9D9D9;
	min-height: 28px;
}

.sidebar_box .clearfloat .left .chat-message:before {
	position: absolute;
	content: "";
	top: 8px;
	left: -6px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #D9D9D9;
}

.sidebar_box .clearfloat .right .chat-message:before {
	position: absolute;
	content: "";
	top: 8px;
	right: -6px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgb(178, 226, 129);
}

.sidebar_box .clearfloat .chat-avatars {
	background: rgb(118, 218, 200);
    color: white;
    text-align: center;
    top: 3px;
    font-size: 18px;
    /* padding-top: 8px; */
    position: relative;
    display: inline-block;
    width: 36px;
	height: 36px;
	line-height:36px;
    border-radius:4px;
    vertical-align: top;
    overflow: hidden;
}

.sidebar_box .clearfloat .chat-avatars > img {
	width: 40px;
	height: 40px;
}

.sidebar_box .clearfloat .left .chat-avatars {
	margin-right: 10px;
	cursor: pointer;
}

.sidebar_box .clearfloat .right .chat-avatars {
	margin-left: 10px;
	float: right;
}
.sidebar_box .clearfloat .left{
	padding-left:44px;
	position:relative;
	height:auto;

}
.sidebar_box .clearfloat .left .chat-avatars{
	position: absolute;
	left:0px;
	top:4px;
	margin:0;
}
.sidebar_box .clearfloat .left .chat-name,
.sidebar_box .clearfloat .left .chat-time,
.sidebar_box .clearfloat .left .chat-message,
.sidebar_box .clearfloat .left .del{
	float:left;
	width:auto;
}
.sidebar_box .clearfloat .left .chat-name{
	font-size:13px;
	color:#444;
	padding-right:10px;
	font-weight: bold;
}
.sidebar_box .clearfloat .left .del{
	font-size:12px;
	color:#999;
	line-height:20px;
	cursor: pointer;
}
.sidebar_box .clearfloat .left .chat-time{
	color:#999;
}.sidebar_box .clearfloat .left .chat-att{
	cursor:pointer;margin-left:10px
}

.Edit.reminder.followcenter .myJqGrid .myJqGrid_body_td img[data-src]{
	max-width:80px;
	max-height:200px;
}
.customSide .fileMessage,
.customSide .moduleMessage,
.Edit.reminder.followcenter .myJqGrid .myJqGrid_body_td .fileMessage{
	max-width: 300px;
    min-height: 60px;
    position: relative;
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    overflow: hidden;
    padding: 10px 10px 10px 60px;
    margin-right: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.customSide .fileMessage img,
.customSide .moduleMessage img,
.Edit.reminder.followcenter .myJqGrid .myJqGrid_body_td .fileMessage img{
	width:40px!important;
	height:40px!important;
	position:absolute;
	left:10px;
	top:10px;
	border-radius: 2px;
}
.customSide .fileMessage span,
.customSide .moduleMessage span,
.Edit.reminder.followcenter .myJqGrid .myJqGrid_body_td .fileMessage span{
	display: block;
	width:100%;
	font-size:14px;
	line-height:18px;
	min-height:18px;
	max-height: 36px;
	overflow:hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	line-height:22px;
}
.sidebar_box .clearfloat .left .chat-message{
	/* display: flex; */
    border-radius: 0;
	font-size: 13px;
    color: #666;
    background: none;
    margin: 0;
    padding: 5px 0 5px 0;
    line-height: 20px;
    min-height: 20px;
    width: 100%;
    /* overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap; */
	word-break: break-all;
}
.sidebar_box .clearfloat .left .chat-message:before{
	display:none;
}
.sidebar_box .clearfloat .left .chat-message,
.sidebar_box .clearfloat .left .del{
	clear: both;
}
.sidebar_box .hidden {
	display: none;
}

.sidebar_box .chat-message img {
	max-width: 80px;
	height: auto;
	cursor: pointer;
}

.sidebar_box .chat-message img.file-src {
	width: 40px;
	float: left;
}

.sidebar_box .chat-message .file-name {
	display: flex;
    padding-left: 5px;
    line-height: 20px;
    height: 20px;
}

.sidebar_box .chat-message .file-size {
	display: flex;
    padding-left: 5px;
    line-height: 20px;
    height: 20px;
}

.sidebar_box .fileImg {
	width: 50px;
	margin-top: -17px;
	margin-left: -54px;
	padding: 0;
}

.sidebar_box .file-message {
	padding: 6px;
	background-color: #fff;
	color: #333;
	padding-left: 60px;
	padding-bottom: 0;
	cursor: pointer;
}

.sidebar_box .textImg {
	width: 100%;
	height: auto;
}

.sidebar_box .textImg img {
	width: 80px;
	height: auto;
}
.moduleHistory .detail{
	padding:10px;
}
.moduleHistory .detail .row{
	overflow:hidden;
}
.moduleHistory .detail .col{
	width:100%;
	padding-left:100px;
	position:relative;
	height:30px;
	line-height:30px;
	padding-right:10px;
	float: left;
	font-size:13px;
	color:#444;
}
.moduleHistory,
.moduleHistory>div{
	height:100%;
}
.moduleHistory .detail .col .caption{
	width:100px;
	position: absolute;
	left:0;
	top:0;
	height:30px;
	color:#666;
	font-size:12px;
}
.moduleHistory .list .header{
	height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background-color: #f5f5f6;
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	padding:0
}
.moduleHistory .list{
	height:calc(100% - 230px);

}
.moduleHistory .list .listitem{
	overflow:hidden;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #ccc;
}
.moduleHistory .list .listcontent{
	height:calc(100% - 70px);
	overflow:hidden;
	overflow: auto;
}
.moduleHistory .list .listitem .item{
	width:calc(50% - 8px);
	float: left;
	padding:0 10px;
	overflow:hidden;
	text-overflow: ellipsis;
}

.ui.modal .actions #languageConfirm .icon{
	left: -5px;
    position: relative;
    width: 20px;
    background-color: initial;
}

.modal_top:after {
	top: 6px !important;
}

#divAppConfig .reminderuserbody {
	max-height: 410px;
	overflow-y: auto;
}

#divAppConfig .button.left {
	background: #EAEEF2;
	color: #34495E;
	font-weight: normal;
	border: 1px solid #B9C8D4;
	float: left;
	top: 8px;
	position: relative;
}

#divAppConfig .ui.checkbox {
	width: 100%;
}

#divAppConfig .ui.checkbox label::after {
	top: 6px;
}

#divAppConfig .top.ui.input:not(:last-child) {
	margin-bottom: 10px;
}

#divAppConfig .top.ui.input > label {
	width: 150px;
}

#divAppConfig .ui.input {
	width: 100%;
}

#divAppConfig .ui.input input[type='checkbox'] {
	position: absolute;
	left: 0;
	top: 7px;
	width: 16px !important;
}

.log-body {
	min-height: 100px;
    max-height: 400px;
    overflow-y: auto;
    margin: 0 !important;
	padding:0;
}

.log-item {
	min-height: 40px;
	padding:5px 5px 5px 140px;
    line-height:30px;
    width: 100%;
    display: inline-block;
    text-align: left;
	font-size: 13px;
	position:relative;
}
.log-item.active{
	background:#d0e5f5!important
}
.log-item.active .name{
	background:#f5f5f6!important;
}
.log-item:nth-child(odd){
	background:#fff;
}
.log-item .name{
	display: inline-block;
	height:26px;
	line-height:30px;
	background:#d0e5f5!important;
	border-radius: 4px;
	padding:0 8px;
	cursor: pointer;
}
.log-item .time{
	position: absolute;
	left:6px;
	top:0px;
	font-size:13px;
	font-weight: normal;
	line-height:40px
}