/* -- FINAL -- */
/** CSS FRAMEWORK TO SUPPORT AP **/
/** Hung Pham, 23-5-2011 **/
html, body{
	padding:0;
	margin:0;
}
/** MOST COMMON CLASS **/
.input-blur {
	color: #777;
}
.input-focus {
	color: #222529;
	font-weight:normal;
}
.absolute, .ap-absolute {
	position: absolute;
}
.relative, .ap-relative {
	position: relative;
}
.shadow, .ap-shadow {
	text-shadow: 1px -1px 0px #111111;
}
.left, .ap-left{
	float: left;
}
.right, .ap-right {
	float: right;
}
.test, .ap-test {
	border: 1px solid red;
}
.pointer, .ap-pointer {
	cursor: pointer !IMPORTANT;
}
.clear, .ap-clear {
	clear: both !IMPORTANT
}
.italic, .ap-italic {
	font-style: italic;
}
.normal, .ap-normal {
	font-weight: normal !IMPORTANT
}
.bold, .ap-bold {
	font-weight: bold !IMPORTANT
}
.underline, .ap-underline {
	text-decoration: underline;
}
.hidden, .ap-hidden {
	display: none;
}
.inline ,.ap-inline{
	display:inline-block;
}
.invisible, .ap-invisible {
	opacity:0;
	filter:alpha(opacity=0));
}
.textleft, .ap-textleft {
	text-align: left;
}
.textright, .ap-textright {
	text-align: right;
}
.center, .ap-center {
	text-align: center;
}
.justify, .ap-justify {
	text-align: justify;
}
.full, .ap-full {
	width: 100%;
}
.inline, .ap-inline {
	display: inline-block;
}
.block, .ap-block {
	display: block;
}
.italic, .ap-italic{
	font-style:italic;
}
.upper, .ap-upper{
	text-transform:uppercase;
}
.capitalize, .ap-capitalize{
	text-transform:capitalize;
}
.xo, .ap-xo{
	overflow:hidden;
}
.xdot, .ap-xdot{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.line, .ap-line {
	height:1px;
	width:100%;
	background:#ccc;
	float:left;
}
.wline, .ap-wline {
	height:1px;
	width:100%;
	background:#fff;
	display:block;
}
.corner, .ap-corner{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.corner-more, .ap-corner-more{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.corner-xmore, .ap-corner-xmore{
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}
.no-shadow, .ap-no-shadow{
	box-shadow: 0px 0px 0px transparent !important;
	-moz-box-shadow: 0px 0px 0px transparent !important;
	-webkit-shadow: 0px 0px 0px transparent !important;
}
.vtop td, .ap-vtop td{
	vertical-align:top;
}
.unselectable, .ap-unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.ap-1fix{
	width:1px;
}
/*color*/
.white, .ap-white {
	color:#fff !important;
}
.black, .ap-black {
	color:#000 !important;
}
.red, .ap-red {
	color:#CC1111 !important;
}
/*end color*/
/*fix border*/
.x-bordertop {
	border-top:none !important;
}
.x-borderbottom {
	border-bottom:none !important;
}
.x-borderleft {
	border-left:none !important;
}
.x-borderright {
	border-right:none !important;
}
/*end fix border*/
/* fix margin and padding */
.x-margintop{
	margin-top:0px !important;
}
.x-marginbottom{
	margin-bottom:0px !important;
}
/* end fix margin and padding */
/* THE FLOAT MODEL */
/* ------------------------------------------------------------- */
.ap-left{float:left !important;}
.ap-right{float:right !important;}
.ap-xfloat{float:none !important;}
.ap-clearfix{
	overflow:hidden;
}
.ap-xo, .xo{overflow:hidden}
.ap-xflow{overflow:hidden}
/* THE POSITION AND DISPLAY MODEL */
/* ------------------------------------------------------------- */
.ap-abs, .ap-absolute{position:absolute;}
.ap-rel, .ap-relative{position:relative;}
.ap-fix, .ap-fixed{position:fixed;}
.ap-sta, .ap-static{position:static;}
.hidden, .ap-hidden{display:none}
.ap-block{display:block}
.ap-iblock{display:inline-block}
.ap-arial, .arial{
	font-family: Arial, san-serif;}
.ap-tahoma, .tahoma{
	font-family: Helvetica, Tahoma, Arial, san-serif;}
.ap-myriad, .myriad{
	font-family: Myriad Pro,Arial,Helvetica,sans-serif;}
.ap-cambria, .cambria{
	font-family: Cambria, serif;}
/* THE FONT-SIZE MODEL */
/* ------------------------------------------------------------- */
.ap-f9{font-size:9px;}
.ap-f10{font-size:10px;}
.ap-f11{font-size:11px;}
.ap-f12{font-size:12px;}
.ap-f13{font-size:13px;}
.ap-f14{font-size:14px;}
.ap-f15{font-size:15px;}
.ap-f16{font-size:16px;}
.ap-f17{font-size:17px;}
.ap-f18{font-size:18px;}
.ap-f19{font-size:19px;}
.ap-f20{font-size:20px;}
.ap-f21{font-size:21px;}
.ap-f22{font-size:22px;}
.ap-f23{font-size:23px;}
.ap-f24{font-size:24px;}
.ap-f25{font-size:25px;}
.ap-f26{font-size:26px;}
.ap-f27{font-size:27px;}
.ap-f28{font-size:28px;}
.ap-f29{font-size:29px;}
.ap-f30{font-size:30px;}
.ap-f32{font-size:32px;}
.ap-f34{font-size:34px;}
.ap-f35{font-size:35px;}
.ap-f36{font-size:36px;}
.ap-f38{font-size:38px;}
.ap-f40{font-size:40px;}
.ap-f50{font-size:50px;}
/* THE LINE-HEIGHT */
.ap-lh13{line-height:13px;}
.ap-lh14{line-height:14px;}
.ap-lh15{line-height:15px;}
.ap-lh16{line-height:16px;}
.ap-lh17{line-height:17px;}
.ap-lh18{line-height:18px;}
.ap-lh19{line-height:19px;}
.ap-lh20{line-height:20px;}
/* GENERAL SIZE MODEL */
/* ------------------------------------------------------------- */
/* THE RELATIVE SIZE */
.ap-full{width:100%; height:100%;}
.ap-haft{width:50%; height:50%;}
.ap-full-x{width:100%;}
.ap-full-y{height:100%;}
/* THE ABSOLUTE SIZE (Good for IMAGE) */
.ap-s10{width:10px; height:10px}
.ap-s12{width:12px; height:12px}
.ap-s16{width:16px; height:16px}
.ap-s18{width:18px; height:18px}
.ap-s24{width:24px; height:24px}
.ap-s32{width:32px; height:32px}
.ap-s48{width:48px; height:48px}
.ap-s64{width:64px; height:64px}
/* THE ABSOLUTE SIZE (Good for SHAPE) */
.ap-w100{width:100px}
.ap-w150{width:150px}
.ap-w200{width:200px}
.ap-w250{width:250px}
.ap-w300{width:300px}
.ap-w350{width:350px}
.ap-w400{width:400px}
.ap-w450{width:450px}
.ap-w500{width:500px}
.ap-w550{width:550px}
.ap-w600{width:600px}
.ap-w650{width:650px}
.ap-w700{width:700px}
.ap-mw100{min-width:100px}
.ap-mw150{min-width:150px}
.ap-mw200{min-width:200px}
.ap-mw250{min-width:250px}
.ap-mw300{min-width:300px}
.ap-mw350{min-width:350px}
.ap-mw400{min-width:400px}
.ap-mw450{min-width:450px}
.ap-mw500{min-width:500px}
.ap-mw550{min-width:550px}
.ap-mw600{min-width:600px}
.ap-mw650{min-width:650px}
.ap-mw700{min-width:700px}
.ap-mh100{min-height:100px}
.ap-mh150{min-height:150px}
.ap-mh200{min-height:200px}
.ap-mh250{min-height:250px}
.ap-mh300{min-height:300px}
.ap-mh350{min-height:350px}
.ap-mh400{min-height:400px}
.ap-mh450{min-height:450px}
.ap-mh500{min-height:500px}
.ap-mh550{min-height:550px}
.ap-mh600{min-height:600px}
.ap-mh650{min-height:650px}
.ap-mh700{min-height:700px}
.ap-maxw100{max-width:100px}
.ap-maxw150{max-width:150px}
.ap-maxw200{max-width:200px}
.ap-maxw250{max-width:250px}
.ap-maxw300{max-width:300px}
.ap-maxw350{max-width:350px}
.ap-maxw400{max-width:400px}
.ap-maxw450{max-width:450px}
.ap-maxw500{max-width:500px}
.ap-maxw550{max-width:550px}
.ap-maxw600{max-width:600px}
.ap-maxw650{max-width:650px}
.ap-maxw700{max-width:700px}
.ap-maxh100{max-height:100px}
.ap-maxh150{max-height:150px}
.ap-maxh200{max-height:200px}
.ap-maxh250{max-height:250px}
.ap-maxh300{max-height:300px}
.ap-maxh350{max-height:350px}
.ap-maxh400{max-height:400px}
.ap-maxh450{max-height:450px}
.ap-maxh500{max-height:500px}
.ap-maxh550{max-height:550px}
.ap-maxh600{max-height:600px}
.ap-maxh650{max-height:650px}
.ap-maxh700{max-height:700px}
/* THE PADDING and MARGIN */
/* ------------------------------------------------------------- */
/* FORMAT PADDING - ALL DIRECTION */
.ap-p0, .ap-p{padding:0px}
.ap-p1{padding:1px}
.ap-p2{padding:2px}
.ap-p3{padding:3px}
.ap-p4{padding:4px}
.ap-p5{padding:5px}
.ap-p6{padding:6px}
.ap-p7{padding:7px}
.ap-p8{padding:8px}
.ap-p9{padding:9px}
.ap-p10{padding:10px}
.ap-p12{padding:12px}
.ap-p14{padding:14px}
.ap-p16{padding:16px}
.ap-p18{padding:18px}
.ap-p20{padding:20px}
/* FORMAT PADDING - Y DIRECTION (NO FORMAT ON PADDING TOP AND BOTTOM)*/
.ap-py, .ap-py0{padding-top: 0px; padding-bottom: 0px}
.ap-py1{padding-top: 1px; padding-bottom: 1px}
.ap-py2{padding-top: 2px; padding-bottom: 2px}
.ap-py3{padding-top: 3px; padding-bottom: 3px}
.ap-py4{padding-top: 4px; padding-bottom: 4px}
.ap-py5{padding-top: 5px; padding-bottom: 5px}
.ap-py6{padding-top: 6px; padding-bottom: 6px}
.ap-py7{padding-top: 7px; padding-bottom: 7px}
.ap-py8{padding-top: 8px; padding-bottom: 8px}
.ap-py9{padding-top: 9px; padding-bottom: 9px}
.ap-py10{padding-top: 10px; padding-bottom: 10px}
.ap-py12{padding-top: 12px; padding-bottom: 12px}
.ap-py14{padding-top: 14px; padding-bottom: 14px}
.ap-py16{padding-top: 16px; padding-bottom: 16px}
.ap-py18{padding-top: 18px; padding-bottom: 18px}
.ap-py20{padding-top: 20px; padding-bottom: 20px}
/* FORMAT PADDING - X DIRECTION (NO FORMAT ON LEFT TOP AND RIGHT)*/
.ap-px, .ap-px1{padding-left: 0px; padding-right: 0px}
.ap-px1{padding-left: 1px; padding-right: 1px}
.ap-px2{padding-left: 2px; padding-right: 2px}
.ap-px3{padding-left: 3px; padding-right: 3px}
.ap-px4{padding-left: 4px; padding-right: 4px}
.ap-px5{padding-left: 5px; padding-right: 5px}
.ap-px6{padding-left: 6px; padding-right: 6px}
.ap-px7{padding-left: 7px; padding-right: 7px}
.ap-px8{padding-left: 8px; padding-right: 8px}
.ap-px9{padding-left: 9px; padding-right: 9px}
.ap-px10{padding-left: 10px; padding-right: 10px}
.ap-px12{padding-left: 12px; padding-right: 12px}
.ap-px14{padding-left: 14px; padding-right: 14px}
.ap-px16{padding-left: 16px; padding-right: 16px}
.ap-px18{padding-left: 18px; padding-right: 18px}
.ap-px20{padding-left: 20px; padding-right: 20px}
/* FORMAT PADDING CORNER - PADDING LEFT AND PADDING TOP */
.ap-pc, .ap-pc1{padding-left: 0px; padding-top: 0px}
.ap-pc1{padding-left: 1px; padding-top: 1px}
.ap-pc2{padding-left: 2px; padding-top: 2px}
.ap-pc3{padding-left: 3px; padding-top: 3px}
.ap-pc4{padding-left: 4px; padding-top: 4px}
.ap-pc5{padding-left: 5px; padding-top: 5px}
.ap-pc6{padding-left: 6px; padding-top: 6px}
.ap-pc7{padding-left: 7px; padding-top: 7px}
.ap-pc8{padding-left: 8px; padding-top: 8px}
.ap-pc9{padding-left: 9px; padding-top: 9px}
.ap-pc10{padding-left: 10px; padding-top: 10px}
.ap-pc12{padding-left: 12px; padding-top: 12px}
.ap-pc14{padding-left: 14px; padding-top: 14px}
.ap-pc16{padding-left: 16px; padding-top: 16px}
.ap-pc18{padding-left: 18px; padding-top: 18px}
.ap-pc20{padding-left: 20px; padding-top: 20px}
/* FORMAT MARGIN - ALL DIRECTION */
.ap-m0, .ap-m{margin:0px}
.ap-m1{margin:1px}
.ap-m2{margin:2px}
.ap-m3{margin:3px}
.ap-m4{margin:4px}
.ap-m5{margin:5px}
.ap-m6{margin:6px}
.ap-m7{margin:7px}
.ap-m8{margin:8px}
.ap-m9{margin:9px}
.ap-m10{margin:10px}
.ap-m12{margin:12px}
.ap-m14{margin:14px}
.ap-m16{margin:16px}
.ap-m18{margin:18px}
.ap-m20{margin:20px}
/* FORMAT MARGIN - Y DIRECTION (NO FORMAT LEFT AND RIGHT)*/
.ap-my, .ap-my0{margin-top: 0px; margin-bottom: 0px}
.ap-my1{margin-top: 1px; margin-bottom: 1px}
.ap-my2{margin-top: 2px; margin-bottom: 2px}
.ap-my3{margin-top: 3px; margin-bottom: 3px}
.ap-my4{margin-top: 4px; margin-bottom: 4px}
.ap-my5{margin-top: 5px; margin-bottom: 5px}
.ap-my6{margin-top: 6px; margin-bottom: 6px}
.ap-my7{margin-top: 7px; margin-bottom: 7px}
.ap-my8{margin-top: 8px; margin-bottom: 8px}
.ap-my9{margin-top: 9px; margin-bottom: 9px}
.ap-my10{margin-top: 10px; margin-bottom: 10px}
.ap-my12{margin-top: 12px; margin-bottom: 12px}
.ap-my14{margin-top: 14px; margin-bottom: 14px}
.ap-my16{margin-top: 16px; margin-bottom: 16px}
.ap-my18{margin-top: 18px; margin-bottom: 18px}
.ap-my20{margin-top: 20px; margin-bottom: 20px}
/* FORMAT MARGIN - X DIRECTION (NO FORMAT TOP AND BOTTOM*/
.ap-mx, .ap-mx0{margin-left: 0px; margin-right: 0px}
.ap-mx1{margin-left: 1px; margin-right: 1px}
.ap-mx2{margin-left: 2px; margin-right: 2px}
.ap-mx3{margin-left: 3px; margin-right: 3px}
.ap-mx4{margin-left: 4px; margin-right: 4px}
.ap-mx5{margin-left: 5px; margin-right: 5px}
.ap-mx6{margin-left: 6px; margin-right: 6px}
.ap-mx7{margin-left: 7px; margin-right: 7px}
.ap-mx8{margin-left: 8px; margin-right: 8px}
.ap-mx9{margin-left: 9px; margin-right: 9px}
.ap-mx10{margin-left: 10px; margin-right: 10px}
.ap-mx12{margin-left: 12px; margin-right: 12px}
.ap-mx14{margin-left: 14px; margin-right: 14px}
.ap-mx16{margin-left: 16px; margin-right: 16px}
.ap-mx18{margin-left: 18px; margin-right: 18px}
.ap-mx20{margin-left: 20px; margin-right: 20px}
.ap-ml, .ap-ml0{margin-left: 0px}
.ap-ml1{margin-left: 1px}
.ap-ml2{margin-left: 2px}
.ap-ml3{margin-left: 3px}
.ap-ml4{margin-left: 4px}
.ap-ml5{margin-left: 5px}
.ap-ml6{margin-left: 6px}
.ap-ml7{margin-left: 7px}
.ap-ml8{margin-left: 8px}
.ap-ml9{margin-left: 9px}
.ap-ml10{margin-left: 10px}
.ap-ml12{margin-left: 12px}
.ap-ml14{margin-left: 14px}
.ap-ml16{margin-left: 16px}
.ap-ml18{margin-left: 18px}
.ap-ml20{margin-left: 20px}
.clear-fix:after{
	content:" ";
	clear:both;
	display:block;
}
.full-mask{
	position:absolute; width:100%; height:100%; top:0px; left:0px;}
.pull-left{
	position:absolute; top:0px; left:0px;height:100%;}
.pull-right{
	position:absolute; top:0px; right:0px;height:100%;}
.pull-up{
	position:absolute; top:0px; left:0px;width:100%;}
.pull-down{
	position:absolute; bottom:0px; left:0px;width:100%;}
.top-left{
	position:absolute; top:0px; left:0px;}
.top-right{
	position:absolute; top:0px; right:0px;}
.strike{text-decoration:line-through;}
.scroll-y{
	overflow-y:auto !important;
}
.scroll-y.forced-scroll{
	overflow-y:scroll !important;
}
.scroll-x.forced-scroll{
	overflow-x:scroll !important;
}
.__ajaxshow{
	overflow:hidden;
}
.__ajaxshow{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.5);
	z-index:100;
	color:rgba(0,0,0,0.4);
}
.__ajaxshow .__icon{
	z-index:120;
	position:absolute;
	text-align:center;
	font-size:16px;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left:-8px;
	width:16px;
	height:16px;
	display: inline-block;
 -moz-animation: spin 2s infinite linear;
 -o-animation: spin 2s infinite linear;
 -webkit-animation: spin 2s infinite linear;
 animation: spin 2s infinite linear;
}
.__ajaxshow.-dark{
	background: rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.6);
}
.__hiddenselect{
	background-color: #fff;
	margin-left:0px;
	margin-top:30px;
	z-index:2999;
	-moz-box-shadow: 0 2px 13px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 13px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 13px 0px rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.1);
	display:none;
	width:200px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__hiddenselect .-tsr{
	position:absolute;
	font-size:20px;
	top:65px;
	left:50%;
	margin-left:-5px;
	color: #aaa;
}
.__hiddenselect .-tstitle{
	padding:10px 15px;
	border-bottom:1px dotted rgba(0,0,0,0.1);
	font-weight:500;
 color:#34960d;
}
.__hiddenselect .-tstitle .-tsclose{
	padding:6px;
	position:absolute;
 color:#999;
	cursor:pointer;
	font-size:16px;
	right:5px;
	top:3px;
}
.__hiddenselect .-tstitle .-tsclose:hover{
	color:#D96C6C;
}
.__hiddenselect .-tsbox{
	width:50%;
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.__hiddenselect .-tsbox .-tsn{
	position:absolute;
	font-size:16px;
 color:#aaa;
	cursor:pointer;
	left:50%;
	margin-left:-13px;
	padding:6px;
}
.__hiddenselect .-tsbox .-tsn:hover{
	color:#267cde;
}
.__hiddenselect .-tsbox .-tsn.-up{
	top:3px;
}
.__hiddenselect .-tsbox .-tsn.-down{
	bottom:3px;
}
.__hiddenselect .-tsbox .-tslabel{
	color:#333;
	text-align:center;
	font-weight:300;
	padding:13px 25px;
}
.__hiddenselect .-tsbox .-tslabel .-tsinput{
	width:100% !important;
	border:none !important;
	background:transparent !important;
	color:#333 !important;
	border:0px solid transparent;
	font-size:20px !important;
	padding:20px 0 !important;
}
.__hiddenselect .-tsbox .-tsitems{
	position:absolute;
 color:#999;
	display:none;
	background-color: #fff;
	top:100%;
	left:0px;
	width:100%;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
}
.__hiddenselect .-tsbox.-second .-tsitems{
	left:-100%;
}
.__hiddenselect .-tsbox.active .-tslabel:before{
	position:absolute;
	bottom:0px;
	left:0px;
	border-bottom:20px solid rgba(255,255,255,0.5);
	border-right:20px solid transparent;
	content:"";
}
.__hiddenselect .-tsbox.active .-tsitems{
}
.__hiddenselect .-tsbox .-tsitems{
	width:200px;
}
.__hiddenselect .-tsbox .-tsitems .-tstitle{
	background-color: #f3f3f3;
	text-align:center;
	font-weight:500;
 color:#aaa;
	font-size:12px;
	text-transform:uppercase;
	padding:8px 0;
}
.__hiddenselect .-tsbox .-tsitems .-tsitem{
	padding:8px 10px;
	font-size:15px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid rgba(0,0,0,0.05);
	width:50%;
	float:left;
}
.__hiddenselect .-tsbox.-first .-tsitems .-tsitem{
	width:25%;
}
.__hiddenselect .-tsbox .-tsitems .-tsitem:hover{
	color:#fff;
	background-color: #1663ba;
}
.__hiddenselect .items{
	overflow:hidden;
}
.__hiddenselect .items .item{
	width:25%;
	text-align:center;
	float:left;
	cursor:pointer;
	border-bottom:1px solid #fff;
}
.__hiddenselect .items .item span{
	display:block;
	padding:10px 0;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	background-color: #f3f3f3;
}
.__hiddenselect .items .item.last span{
	border-right:0px solid transparent;
}
.__hiddenselect .items .item span:hover{
	background-color: #fff;
}
.__hiddenselect .items .item.chosen span{
	background-color: #2380d6;
	color:#fff;
	font-weight:bold;
}
.scroll-y{
	overflow-y:scroll;
	scrollbar-width:thin;
}
.scroll-y::-webkit-scrollbar{
	width: 10px;
}
.scroll-y.-smaller::-webkit-scrollbar, .elegant-scroll-y::-webkit-scrollbar{
	width:8px;
}
.scroll-y::-webkit-scrollbar-thumb, .elegant-scroll-y::-webkit-scrollbar-thumb{
 background: #aaa;
}
.scroll-y::-webkit-scrollbar-track, .elegant-scroll-y::-webkit-scrollbar-track{
 background-color: #ddd;
}
.scroll-y::-webkit-scrollbar-track:hover, .elegant-scroll-y::-webkit-scrollbar-track:hover{
	background: rgba(0,0,0,0.2);
}
.elegant-scroll-x::-webkit-scrollbar{
	height:8px;
}
.elegant-scroll-x::-webkit-scrollbar-thumb{
 background: #aaa;
}
.elegant-scroll-y::-webkit-scrollbar-track{
 background-color: #ddd;
}
.elegant-scroll-x::-webkit-scrollbar-track:hover{
	background: rgba(0,0,0,0.2);
}
.scroll-x{
	overflow-x:scroll;
}
.scroll-x::-webkit-scrollbar{
	height: 10px;
}
.scroll-x::-webkit-scrollbar-thumb{
 background-color: #999;
}
.scroll-x::-webkit-scrollbar-track{
 background-color: #e6e6e6;
}
.scroll-x::-webkit-scrollbar-track:hover{
	background: rgba(0,0,0,0.2);
}
#apdialogs{
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	z-index:9999;
}
#apdialogs .__dialog_ontop{
	z-index:99999;
}
.__apalert .__apdialog .icon .ficon-minus-sign{
	color:#c65144;
}
.__dialog > .__closable{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#alert .structed-error{
	color:#c34343;
}
#alert .structed-error-extra{
}
#alert .structed-error-extra .structed-error-li{
	padding-top:10px;
	position:relative;
}
#alert .structed-error-extra .structed-error-li .-k{
	font-size:13px;
 color:#888;
}
#alert .structed-error-extra .structed-error-li .-v{
	position:absolute;
	left:50%;
	top:10px;
}
#ap-invs{
	position:absolute;
	top:-2000px;
	left:-2000px;
	visibility:hidden;
	display:block;
	z-index:9999;
}
#ap-invs> div{
	background-color: #fff;
}
#ap-invs> pre{
	background-color: #fff;
	white-space:pre-wrap;
	word-wrap:break-word;
	padding:0;
	margin:0;
	position:relative;
}
#ap-invs> pre > span{
	display:inline-block;
	vertical-align:top;
}
table td.two{
	width:50%;
}
table td.three{
	width:33.3%;
}
table td.four{
	width:25%;
}
.__error404{
}
.__error404 h1{
	font-family: Arial, san-serif;
	font-size:20px;
	font-weight:normal;
	color:#444;
}
.__error404 h2{
	font-family: Arial, san-serif;
	font-size:15px;
	font-weight:normal;
	padding:16px 0;
	color:#777;
}
.__contextmenu{
	position:absolute;
	display:none;
	z-index:999;
}
.__contextmenu .box{
	background-color: #fcfcfc;
	border:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__contextmenu .arrow{
	position:absolute;
}
.__contextmenu .arrow.arleft{
	width: 0; height: 0;
 border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #ddd;
	left:-10px;
	top:20px;
}
.__contextmenu .arrow.arleft > *{
	position:absolute;
	width: 0; height: 0;
 border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right:9px solid #fcfcfc;
	left:1px;
	top:-9px;
}
.__contextmenu .item{
	padding:10px 10px;
	font-family: Arial, san-serif;
	font-size:11px;
	font-weight:normal;
	cursor:pointer;
	color:#555;
	display:block;
	text-align:left;
	border-bottom:1px solid #f1f1f1;
}
.__contextmenu .item:hover{
	background-color: #f7f7f7;
	color:#d9481b;
}
.__contextmenu .item:last-child, .__contextmenu .item.last{
	border-bottom:none;
}
.__contextmenu .item .icon{
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
	margin-top:0px;
	width:14px;
}
#__ctm{
	position:absolute;
	z-index:99999;
	top:0px;
	left:0px;
	display:none;
}
#__ctm .__contextmenu{
	display:block;
	-moz-box-shadow: 0px 0px 5px #ccc;
 -webkit-box-shadow: 0px 0px 5px #ccc;
 box-shadow: 0px 0px 5px #ccc;
	background: rgba(252,252,252,0.95);
}
#__ctm .__contextmenu > .item{
	padding:11px 10px;
	border-color:#e9e9e9;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.__mscroll{
	overflow-x:hidden;
	overflow-y:scroll;
}
.__ap_xauto{
	position:absolute;
	min-width:200px;
	z-index:999;
	border:1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 1px 1px 2px 0px #eee;
 -webkit-box-shadow: 1px 1px 2px 0px #eee;
 box-shadow: 1px 1px 2px 0px #eee;
}
.__ap_xauto:hover{
	border:1px solid #d7d7d7;
}
.__ap_xauto .item{
	background-color: #fff;
	border-bottom:1px solid #dcdcdc;
	padding:7px 10px;
	display:block;
	cursor:pointer;
	color:#555;
	font-size:12px;
}
.__ap_xauto .item.__tagactive{
	background-color: #eee;
	border-bottom:1px solid #ccc;
}
.__ap_xauto .item:hover{
	background-color: #eee;
	border-bottom:1px solid #ccc;
}
.__ap_xauto .ap_caret{
	width:0px;
}
.__ap_xauto .__tag{
	display:block;
	overflow:hidden;
	padding:2px 0;
}
.__ap_xauto .__tag .__tag_image{
	display:block;
	float:left;
}
.__ap_xauto .__tag .__tag_text{
	margin-left:55px;
	font-size:12px;
	font-weight:bold;
 color:#444;
	display:block;
	padding-top:3px;
	min-width:180px;
}
.__ap_xauto .__tag .__tag_text >.__tag_subname{
	display:block;
	font-size:11px;
	color:#808080;
	padding-top:3px;
	font-weight:normal;
}
.__apscrollbar_parent{
	overflow-x:hidden;
}
.__apscrollbar_target{
	overflow-y:scroll;
	overflow-x:hidden;
}
.__apscrollbar{
	width:10px;
	top:0px;
	bottom:0px;
	right:0px;
	position:absolute;
	z-index:4999;
	overflow:hidden;
	background: rgba(0,0,0,0.1);
}
.__autohide .__apscrollbar{
	background-color: transparent;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: opacity; -moz-transition-property: opacity;
 -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
.__autohide:hover .__apscrollbar{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.__scrolled.__autohide .__apscrollbar_wrap, .__apscrollbar_parent.__autohide .__apscrollbar_wrap{
	padding-right:10px;
	position:relative;
	min-height:100%;
}
.__regular.__scrolled .__apscrollbar_wrap{
	margin-right:10px;
	position:relative;
}
.__apscrollbar:hover, .__apscrollbar_active{
}
.__apscrollbar .scroller{
	height:130px;
	width:100%;
	position:absolute;
	top:0px;
}
.__apscrollbar .scroller .sinner{
	display:block;
	height:100%;
	background: rgba(0,0,0,0.15);
	cursor:pointer;
}
.__apscrollbar:hover .scroller .sinner{
	background: rgba(0,0,0,0.2);
}
.__apscrollbar .scroller:hover .sinner, .__apscrollbar .scroller .active{
	background: rgba(0,0,0,0.3);
}
.__autohide .__apscrollbar .scroller .sinner{
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	margin-right:1px;
	width:4px;
	margin-left:4px;
}
.__autohide .__apscrollbar .scroller:hover .sinner{
	width:8px;
	margin-left:0px;
}
.__input-suggestion-ph{
	position:absolute;
	width:100%;
	left:0px;
	height:40px;
	text-align:right;
	position:absolute;
	cursor:pointer;
	z-index:500;
}
.__input-suggestion-ph > .arrow{
	position:absolute;
 color:#aaa;
	top:-21px;
	right:5px;
	padding-top:0px !important;
	padding-right:0px !important;
}
.__input-suggestion-canvas{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
	position:absolute;
	display:none;
	right:0px;
	left:0px;
	z-index:1000;
	margin-top:-3px;
}
.__input-suggestion-canvas .__iw{
	padding:6px 6px 6px 6px;
}
.__input-suggestion-canvas .__input-extra{
	padding:13px 100px 13px 10px;
	position:relative;
	border-top:1px solid #eee;
	background-color: #f6f6f6;
}
.__input-suggestion-canvas .__input-extra .__input-enter{
	width:72px;
	background-color: #999;
	border:1px solid #969696;
	color:#eee;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:8px 0;
	position:absolute;
	right:10px;
	top:12px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__input-suggestion-canvas .__input-extra input{
	border:1px solid #ddd !important;
	padding:8px !important;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color:#fff !important;
	font-size:14px !important;
}
.__input-suggestion-canvas .__input-extra .__input-enter:hover{
	background-color: #267cde;
	border:1px solid #267cde;
	color:#fff;
}
.__input-suggestion-canvas .__input-suggestion-row{
	padding:8px 10px;
	font-size:14px;
 color:#444;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:2px;
}
.__input-suggestion-canvas .__input-suggestion-row:hover{
	background-color: #f3f3f3;
	color:#111;
}
.__input-suggestion-canvas .__input-suggestion-row.active, .__input-suggestion-canvas .__input-suggestion-row.active:hover{
	background: rgba(38,124,222,0.1);
	color:#267cde;
}
.__input-suggestion-canvas .__input-suggestion-row .__icon{
	display:inline-block;
	text-align:center;
	position:relative;
	width:13px;
	height:13px;
	border:2px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-right:10px;
	vertical-align:-3px;
}
.__input-suggestion-canvas .__input-suggestion-row.active .__icon{
	border:2px solid #42b814;
	background: rgba(66,184,20,0.9);
	color:#fff;
}
.__input-suggestion-canvas .__input-suggestion-row.active .__icon:before{
	font-family:ap; content:"\e116";
	display:block;
	font-size:14px;
	position:absolute;
	margin-top:-1px;
}
.__iss .__input-suggestion-canvas{
	display:block;
}
.__tagcloud-selector-v2 {
 position: relative;
 width: 100%;
 max-width: 900px;
 margin-bottom: 15px;
}
.__tagcloud-selector-v2 .__tc2-label {
 display: block;
 font-size: 12px;
 font-weight: 500;
 color: #333;
}
.__tagcloud-selector-v2 .__tc2-tags {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 border-radius: 6px;
 max-height: 80px;
 overflow-y: auto;
 background-color: white;
 transition: all 0.2s ease;
	width: 100%;
}
.__tc2-tag {
	color: #1a73e8;
	background-color: #e8f0ff;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.__tagcloud-selector-v2 .__tc2-tags .__tc2-tag {
 display: inline-flex;
 align-items: center;
 padding: 2px 4px;
 border-radius: 4px;
 font-size: 13px;
 height: fit-content;
 transition: all 0.2s ease;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	max-width: 100%;
	box-sizing: border-box;
}
.__tagcloud-selector-v2 .__tc2-tags.__tc2-tags-has-items {
 margin: 5px 0;
}
.__tagcloud-selector-v2 .__tc2-tags .__tc2-tag .__tc2-remove {
 margin-left: 8px;
 cursor: pointer;
 color: #dc3545;
 font-size: 16px;
 line-height: 20px;
	height: 20px;
	text-align: center;
 transition: color 0.2s ease;
}
.__tagcloud-selector-v2 .__tc2-tags .__tc2-tag .__tc2-remove:hover {
 color: #b02a37;
}
.__tagcloud-selector-v2 .__tc2-input-wrapper {
 position: relative;
 margin-top: 5px;
}
.__tagcloud-selector-v2 .__tc2-input-wrapper .__tc2-input {
 padding: 6px;
	height: 34px;
 border: 1px solid #f3f3f3;
 border-radius: 4px;
 outline: none;
 transition: all 0.2s ease;
 width: 100%;
 box-sizing: border-box;
	font-size: 15px;
	font-weight: normal;
}
.__tagcloud-selector-v2 .__tc2-input-wrapper .__tc2-input:focus {
 border-color: #1a73e8;
 box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.1);
}
.__tagcloud-selector-v2 .__tc2-input-wrapper .__tc2-input.__tc2-trigger {
 cursor: pointer;
 display: flex;
 justify-content: space-between;
 align-items: center;
 background-color: white;
 color: #202124;
}
.__tagcloud-selector-v2 .__tc2-input-wrapper .__tc2-input.__tc2-trigger:hover {
 border-color: #1a73e8;
}
.__tagcloud-selector-v2 .__tc2-input-wrapper .__tc2-arrow {
 font-size: 12px;
 color: #5f6368;
 transition: transform 0.2s ease;
}
.__tagcloud-selector-v2 .__tc2-options {
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 max-height: 300px;
 overflow-y: auto;
 background-color: white;
 border: 1px solid #dadce0;
 border-radius: 6px;
 display: none;
 z-index: 1000;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 margin-top: 4px;
}
.__tagcloud-selector-v2 .__tc2-options.__tc2-checkbox-options {
 margin-top: 4px;
}
.__tagcloud-selector-v2 .__tc2-options .__tc2-option {
 padding: 8px 12px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: space-between;
 transition: background-color 0.2s ease;
 color: #202124;
}
.__tagcloud-selector-v2 .__tc2-options .__tc2-option:hover {
 background-color: #f8f9fa;
}
.__tagcloud-selector-v2 .__tc2-options .__tc2-option .__tc2-checkbox {
 margin-left: 8px;
 cursor: pointer;
 width: 14px;
 height: 14px;
 accent-color: #1a73e8;
	flex-shrink: 0;
}
.__tagcloud-selector-v2 .__tc2-options .__tc2-option label {
 cursor: pointer;
 flex-grow: 1;
 margin-right: 8px;
 font-size: 14px;
 color: #202124;
}
.__tagcloud-selector-v2 .__tc2-input-wrapper .__tc2-input.__tc2-trigger.__tc2-active .__tc2-arrow {
 transform: rotate(180deg);
}
.__tagcloud-selector-v2:focus-within .__tc2-input-wrapper .__tc2-input {
 border-color: #1a73e8;
 box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.1);
}
.__tagcloud-selector-v2 .__tc2-tag-content {
 display: flex;
 align-items: center;
 gap: 6px;
	max-width: 100%;
	overflow: hidden;
}
.__tagcloud-selector-v2 .__tc2-tag-content .__tc2-tag-text {
	height: 20px;
	line-height: 20px;
	text-align: center;
 font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.__tagcloud-selector-v2 .__tc2-option-content {
 display: flex;
 align-items: center;
 flex-grow: 1;
}
.__tagcloud-selector-v2 .__tc2-option-content .__tc2-option-text {
 font-size: 14px;
 color: #202124;
}
.__tagcloud-selector-v2 .__tc2-search {
 position: sticky;
 top: 0;
 width: 100%;
 padding: 8px 12px;
 border: none;
 border-bottom: 1px solid #e0e0e0;
 font-size: 14px;
 outline: none;
 background-color: #f8f9fa;
 box-sizing: border-box;
 z-index: 1;
}
.__tagcloud-selector-v2 .__tc2-search:focus {
 background-color: #fff;
 border-bottom-color: #2196f3;
}
.__tagcloud-selector-v2 .__tc2-color-indicator {
 display: inline-block;
 width: 14px;
 height: 14px;
 border-radius: 4px;
 margin-right: 8px;
 vertical-align: middle;
	flex-shrink: 0;
}
.stdit{
	overflow:hidden;
}
.stdit > .image{
	float:left;
}
.stdit > .image > div{
	overflow:hidden;
}
.stdit > .image > .text{
}
a.std:hover, .a.std:hover{
	text-decoration:underline;
}
.__onload_show{
	display:none !important;
}
.__onload .__onload_show{
	display:block !important;
}
.__onload .__onload_hide{
	display:none !important;
}
/**
* @desc For auto input hint
*/
.__hinited{
	z-index:100;
	position:relative;
}
.__hinited_data{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	background-color: transparent;
	z-index:10;
}
.__blur{
	color:#888;
}
.tt_auto{
	display:none;
}
/**
 * @desc Fix jQuery autoComplete
 */
.apcomplete{
}
.apcomplete input.temp{
}
.apcomplete input._multivalues{
}
.apcomplete .apc-selected{
	display:inline-block;
	font-weight:normal;
	font-size:13px;
	vertical-align:middle;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	border:1px solid #ddd;
	margin-right:4px;
	margin-bottom:10px;
}
.apcomplete .apc-selected.xfill{
	background-color: #f3f3f3;
	color:#555;
}
.apcomplete .apc-selected span{
	display:inline-block;
	vertical-align:middle;
	padding:4px 8px 6px 8px;
}
.apcomplete .apc-selected span.apc-close{
	background-color: #eee;
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
	border-left:1px solid #ddd;
}
.apcomplete .apc-selected span.apc-close:hover{
	background-color: #fff;
	color:#c34343;
}
.apcomplete .apc-selected.fill{
	border:1px solid rgba(0,0,0,0.1);
}
.apcomplete .apc-selected.fill.-bg-alt0{
	background-color: #bbb;
}
.apcomplete .apc-selected.fill span.apc-close{
	background-color: transparent;
	color:#D96C6C;
	border-left:1px solid rgba(0,0,0,0.1);
}
.apcomplete .apc-selected.fill span.apc-close:hover{
	background: rgba(0,0,0,0.1);
}
.ui-autocomplete{
	border:1px solid #d7d7d7;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	background-color: #f5f5f5;
	padding:0px !important;
}
ul.ui-autocomplete.ui-corner-all{
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
.ui-autocomplete > li{
}
.ui-autocomplete > li > a{
	padding: 7px 10px !important;
	border-top:1px solid #fff;
	border-bottom:1px solid #e7e7e7;
	font-family: Arial, san-serif;
	font-size:15px;
	color:#666;
}
.ui-autocomplete > li > a.ui-corner-all{
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
.ui-autocomplete > li > a:hover{
	background-color: #eee;
	color:#267cde;
}
.ui-autocomplete > li >a.ui-state-hover, .ui-autocomplete > li >a:active{
	background-color: #eee;
}
.ui-autocomplete > li > a small{
	font-size:13px;
	display:block;
	opacity: 0.8; filter: alpha(Opacity:80);
	padding-top:1px;
}
.opt-10{opacity: 0.1; filter: alpha(Opacity:10);}
.opt-20{opacity: 0.2; filter: alpha(Opacity:20);}
.opt-30{opacity: 0.3; filter: alpha(Opacity:30);}
.opt-40{opacity: 0.4; filter: alpha(Opacity:40);}
.opt-50{opacity: 0.5; filter: alpha(Opacity:50);}
.opt-60{opacity: 0.6; filter: alpha(Opacity:60);}
.opt-70{opacity: 0.7; filter: alpha(Opacity:70);}
.opt-80{opacity: 0.8; filter: alpha(Opacity:80);}
.opt-90{opacity: 0.9; filter: alpha(Opacity:90);}
.rotate-10{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: rotate(10deg); -ms-transform: rotate(10deg);
 -webkit-transform: rotate(10deg); -o-transform: rotate(10deg);
 -moz-transform: rotate(10deg);}
.rotate-20{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: rotate(20deg); -ms-transform: rotate(20deg);
 -webkit-transform: rotate(20deg); -o-transform: rotate(20deg);
 -moz-transform: rotate(20deg);}
.rotate-30{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: rotate(30deg); -ms-transform: rotate(30deg);
 -webkit-transform: rotate(30deg); -o-transform: rotate(30deg);
 -moz-transform: rotate(30deg);}
.rotate-40{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: rotate(40deg); -ms-transform: rotate(40deg);
 -webkit-transform: rotate(40deg); -o-transform: rotate(40deg);
 -moz-transform: rotate(40deg);}
.rotate-45{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: rotate(45deg); -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
 -moz-transform: rotate(45deg);}
.rotate-50{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(50deg); -ms-transform: rotate(50deg);
 -webkit-transform: rotate(50deg); -o-transform: rotate(50deg);
 -moz-transform: rotate(50deg);}
.rotate-60{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(60deg); -ms-transform: rotate(60deg);
 -webkit-transform: rotate(60deg); -o-transform: rotate(60deg);
 -moz-transform: rotate(60deg);}
.rotate-70{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(70deg); -ms-transform: rotate(70deg);
 -webkit-transform: rotate(70deg); -o-transform: rotate(70deg);
 -moz-transform: rotate(70deg);}
.rotate-80{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(80deg); -ms-transform: rotate(80deg);
 -webkit-transform: rotate(80deg); -o-transform: rotate(80deg);
 -moz-transform: rotate(80deg);}
.rotate-90{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
 -moz-transform: rotate(90deg);}
.rotate-100{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(100deg); -ms-transform: rotate(100deg);
 -webkit-transform: rotate(100deg); -o-transform: rotate(100deg);
 -moz-transform: rotate(100deg);}
.rotate-110{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(110deg); -ms-transform: rotate(110deg);
 -webkit-transform: rotate(110deg); -o-transform: rotate(110deg);
 -moz-transform: rotate(110deg);}
.rotate-120{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(120deg); -ms-transform: rotate(120deg);
 -webkit-transform: rotate(120deg); -o-transform: rotate(120deg);
 -moz-transform: rotate(120deg);}
.rotate-130{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(130deg); -ms-transform: rotate(130deg);
 -webkit-transform: rotate(130deg); -o-transform: rotate(130deg);
 -moz-transform: rotate(130deg);}
.rotate-140{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(140deg); -ms-transform: rotate(140deg);
 -webkit-transform: rotate(140deg); -o-transform: rotate(140deg);
 -moz-transform: rotate(140deg);}
.rotate-150{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(150deg); -ms-transform: rotate(150deg);
 -webkit-transform: rotate(150deg); -o-transform: rotate(150deg);
 -moz-transform: rotate(150deg);}
.rotate-160{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(160deg); -ms-transform: rotate(160deg);
 -webkit-transform: rotate(160deg); -o-transform: rotate(160deg);
 -moz-transform: rotate(160deg);}
.rotate-170{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(170deg); -ms-transform: rotate(170deg);
 -webkit-transform: rotate(170deg); -o-transform: rotate(170deg);
 -moz-transform: rotate(170deg);}
.rotate-180{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);}
.-flip{ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
	display:inline-block;}
.corner-1{-moz-border-radius: 1px;
 -webkit-border-radius: 1px;
 border-radius: 1px;}
.corner-2{-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;}
.corner-3{-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;}
.corner-4{-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;}
.__auto{
	margin:auto;
}
.__white .apcomplete{
	padding-top:4px !important;
	padding-bottom:4px !important;
}
.__white .apcomplete input.temp{
	display:inline-block;
	vertical-align:middle;
	padding:6px !important;
}
.__white .apcomplete input._multivalues{
	max-width:100px;
}
.__white .apcomplete .apc-selected{
	display:inline-block;
	font-weight:normal;
	font-size:11px;
	vertical-align:middle;
	background:#eee;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid #ccc;
	color:#444;
	margin-right:4px;
	margin-top:3px;
	margin-bottom:3px;
}
.__white .apcomplete .apc-selected span{
	display:inline-block;
	vertical-align:middle;
	padding:4px 6px 5px 6px;
}
.__white .apcomplete .apc-selected span.apc-close{
	background:#e5e5e5;
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
}
.__white .apcomplete .apc-selected span.apc-close:hover{
	background:#ccc;
	color:#fff;
}
.__hblock{
	visibility:hidden;
	display:inline !important;
}
/**
 * TOOL TIP
 */
.__tooltipw{
	position:relative;
}
.__tooltip{
	position:absolute;
	display:none;
	z-index:9999;
	padding:4px;
	font-family: Arial, san-serif;
	font-size:11px;
	text-align:center;
}
.__tooltip > *{
	font-family: Arial, san-serif;
}
.__tooltip .__ttarr_down, .__tooltip .__ttarr_down2{
	position:absolute;
	margin-top:12px;
}
.__tooltip .__tooltip_inner{
	position:relative;
	padding:8px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	line-height:18px;
	font-family: Arial, san-serif;
}
.__tooltipw .__tooltip{
	padding-bottom:15px;
}
.__tooltipw:hover .__tooltip{
	display:block !important;
}
.__tooltipcenter .__ttarr_down, .__tooltipcenter .__ttarr_down2{
	left:50%;
	margin-left:-6px;
}
.__tooltipcenter .__ttarr_down2{
	margin-left:-8px;
}
.__tooltipleft .__ttarr_down, .__tooltipleft .__ttarr_down2{
	left:20px;
}
.__tooltipleft .__ttarr_down2{
	margin-left:-1px;
}
.__tooltipright .__ttarr_down, .__tooltipright .__ttarr_down2{
	right:28px;
}
.__tooltipright .__ttarr_down2{
	margin-right:-1px;
}
.__tooltipblack{
	text-shadow:0 1px 1px #000;
	color:#fff;
}
.__tooltipblack .__ttarr_down{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid rgba(0,0,0,0.8);
}
.__tooltipblack .__tooltip_inner{
	background: rgba(0,0,0,0.8);
	color:#fff;
}
.__tooltipblack .__tooltip_inner a{
	color:#b7d9ff;
	font-weight:normal;
}
.__tooltipwhite{
	text-shadow:0 1px 1px #fff;
	color:#555;
}
.__tooltipwhite .__ttarr_down{
	width: 0; height: 0;
 border-left: 7px solid transparent; border-right: 7px solid transparent; border-top:7px solid #fff;
}
.__tooltipwhite .__ttarr_down2{
	width: 0; height: 0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; border-top:9px solid #ccc;
}
.__tooltipwhite .__tooltip_inner{
	background-color: #fff;
	color:#555;
	-moz-box-shadow:0px 1px 1px -2px #000;
 -webkit-box-shadow:0px 1px 1px -2px #000;
 box-shadow:0px 1px 1px -2px #000;
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
}
.__tooltipwhite .__tooltip_inner a{
	color:#555;
}
.__fileactual{
	position:absolute;
	top:0px;
	left:0px;
	opacity: 0; filter: alpha(Opacity:0);
	width:100%;
	height:100%;
}
#overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:7000;
}
.emotion{
	vertical-align:middle;
}
img.__emotion{
	display:inline-block;
	margin-top:-2px;
}
.__app_zcanvas{
	position:fixed;
	width:100%;
	height:100%;
	overflow:auto;
	background: rgba(0,0,0,0.5);
	z-index:1000;
	display:none;
	top:0px;
	left:0px;
}
.__app_xcanvas{
	position:absolute;
	width:100%;
	height:100%;
}
textarea { overflow: auto; }
em{
	font-style:normal;
}
@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from {
 transform:rotate(0deg);
	}
	to {
 transform:rotate(360deg);
	}
}
@-webkit-keyframes leftright{
	0% {left: 0px; right:auto;}
	50% {left: auto; right:0px;}
	100% {left: 0px; right:auto;}
}
@-moz-keyframes leftright{
	0% {left: 0px; right:auto;}
	50% {left: auto; right:0px;}
	100% {left: 0px; right:auto;}
}
@keyframes leftright{
	0% {left: 0px; right:auto;}
	50% {left: auto; right:0px;}
	100% {left: 0px; right:auto;}
}
/*! jQuery UI - v1.12.1 - 2017-03-10
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, datepicker.css, progressbar.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
	z-index: 100;
}
/* Interaction Cues
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
/* Icons
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}
/* Misc visuals
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-datepicker {width: 18.5em; padding: 1px; display: none; background-color: #fff; border:1px solid #d3d3d3; shadow:3px #eee; margin-top:5px; margin-left:-9px; @xo}
.ui-datepicker .ui-datepicker-header { position:relative; padding:6px 0; background-color: #f4f4f4;
	font-size:11px;
	font-weight:bold;
 color:#999; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top: 0px; bottom:0px; width:40px; background:transparent !important;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {}
.ui-datepicker .ui-datepicker-prev{left:0px;}
.ui-datepicker .ui-datepicker-next{right:0px;}
.ui-datepicker .ui-datepicker-prev:before{
	position:absolute; left:10px; width: 0; height: 0;
 border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:6px solid #ccc; top:11px; background-image: none; content:"";}
.ui-datepicker .ui-datepicker-next:before{
	position:absolute; right:10px; width: 0; height: 0;
 border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:6px solid #ccc; top:11px; background-image: none; content:"";}
.ui-datepicker .ui-datepicker-prev-hover {}
.ui-datepicker .ui-datepicker-next-hover {}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: none; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; color:transparent !important;
	font-weight:normal;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color:#555; background-color: #f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #eee;}
.ui-datepicker th span{color:#198700;
	font-size:12px; @normal}
.ui-datepicker td { border: 0; padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {
	font-size:16px;
	font-weight:normal; display: block; padding: 6px; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker td a.ui-state-default{
	color:#333;
}
.ui-datepicker td a.ui-state-hover{
}
.ui-datepicker td a.ui-state-highlight{
	color:#11bd5e;
	font-weight:bold;
	background: rgba(0,0,0,0.05);
}
.ui-datepicker td a.ui-state-active{
	background-color: #267cde;
	color:#fff;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	display: none; /*sorry for IE5*/
	display/**/: block; /*sorry for IE5*/
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/* Component containers
.ui-widget {
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}
/* Interaction states
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	background: #ededed;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}
.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-color: #eee;
	color:#267cde;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}
/* Interaction Cues
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
.__form{
}
.__form h2{
	font-weight:normal;
 color:#777;
	text-transform:uppercase;
	padding:10px 0 15px 0;
	font-size:20px;
	border-bottom:1px dashed #ddd;
	margin-bottom:15px;
} 
.__form .row{
	padding:10px 0;
}
.__form .row label{
	float:left;
	font-family: Arial, san-serif;
	font-size:12px;
 color:#666;
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
	padding-top:12px;
}
.__form .row .hint{
	margin-left:120px;
	padding:8px 0 10px 0;
	font-style:italic;
	font-family: Cambria, serif;
 color:#c37a7a;
	font-size:13px;
	text-align:justify;
	line-height:20px;
}
.__form .row .text{
	padding:10px 0;
	margin-left:120px;
	color:#555;
	text-shadow:0 1px 1px #fff;
	line-height:22px;
}
.__form .row .rowintro{
	padding:15px;
	background-color: #f4f4f4;
	border:1px solid #eee;
	margin:5px 0 10px 0;
	line-height:22px;
	color:#555;
}
.__form .row .info{
	margin-left:120px;
}
.__form .row .info > div{
	padding:9px 8px;
	border:1px solid #ddd;
	background-color: #f0f0f0;
	-moz-box-shadow:inset 1px 1px 1px #eee;
 -webkit-box-shadow:inset 1px 1px 1px #eee;
 box-shadow:inset 1px 1px 1px #eee;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color:#333;
}
.__form .row .input, .__form .row .select, .__form .row .file, .__form .row .input-group{
	margin-left:120px;
}
.__form .row .input-group{
	overflow:hidden;
}
.__form .row .input-group .input, .__form .row .input-group .select, .__form .row .input-group .textarea{
	margin-left:0px;
}
.__form .input > input, .__form .input > textarea{
	width:100%;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	font-size:13px;
 color:#333;
}
.__form .row .inputs{
	margin-left:120px;
	overflow:hidden;
}
.__form .row .inputs .input{
	margin-left:0px;
	width:30%;
	float:left;
	margin-right:10px;
}
.__form .row .input{
	padding:7px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(252,252,252,0.8);
	-moz-box-shadow:inset 1px 1px 1px #eee;
 -webkit-box-shadow:inset 1px 1px 1px #eee;
 box-shadow:inset 1px 1px 1px #eee;
	border:1px solid #ddd;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}
.__form .row .inputf{
	padding:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(238,238,238,0.6);
	line-height:20px;
	text-align:justify;
	overflow:hidden;
	word-wrap:break-word;
}
.__form .row .input:hover{
	border:1px solid #ccc;
}
.__form .row .input.fake{
	background-color: #eee;
	border:1px solid #ddd;
	padding:9px;
	color:#777;
	-moz-box-shadow:inset 1px 1px 1px #eee;
 -webkit-box-shadow:inset 1px 1px 1px #eee;
 box-shadow:inset 1px 1px 1px #eee;
}
.__form .row .select{
	padding:10px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fcfcfc;
	border:1px solid #ddd;
	border-bottom:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}
.__form .row .select select{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	width:100%;
	background:#fcfcfc;
	border:none !important;
	font-weight:normal;
 color:#555;
	text-shadow:0 1px 1px #fff;
}
.__form .row .select:hover{
	-moz-box-shadow: 1px 1px 3px 0px #eee;
 -webkit-box-shadow: 1px 1px 3px 0px #eee;
 box-shadow: 1px 1px 3px 0px #eee;
	border:1px solid #ccc;
	background-color: #f7f7f7;
}
.__form .row .select:hover select{
	background-color: #f7f7f7;
}
.__form .row .exp{
	margin-left:120px;
	padding:10px 0 0 0;
	line-height:20px;
	color:#777;
}
.__form .row .exp a:hover, .__form .row .exp .a:hover{
	text-decoration:underline;
}
.__form .row .exp p{
	padding:6px 0;
	line-height:18px;
}
.__form .row .exp p em{
	color:#333;
}
.__formblock .row label{
	float:none;
	display:block;
	padding-bottom:8px;
	padding-top:5px;
}
.__formblock .row .input, .__formblock .row .select, .__formblock .row .inputf, .__formblock .row .file, .__formblock .row .info, .__formblock .row .exp{
	margin-left:0px;
}
.__formblock .row.buttons{
	margin-left:0px;
	padding-left:0px;
}
.__formblock .row .input-group{
	margin-left:0px;
}
.__form .intro{
	padding:15px;
	margin-top:10px;
	background-color: #f8f8f8;
	text-shadow:0 1px 1px #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:13px;
	color: #444;
	line-height:22px;
} 
.__form .intro > *{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.__form .intro ul{
	list-style-type:square;
	padding-left:30px;
	font-family: Arial, san-serif;
	font-size:12px;
	color:#444;
	margin:5px 0;
}
.__form .intro ul li{
	padding:2px 0;
}
.__form .row .about{
	margin-left:120px;
	padding:15px;
	margin-top:10px;
	background-color: #f8f8f8;
	text-shadow:0 1px 1px #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:13px;
	color: #444;
	line-height:22px;
} 
.__form .row .about *{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.__form .row .about code{
	display:inline-block;
	vertical-align:middle;
	background-color: #f8ecea;
	padding:2px 4px;
	margin:0 4px;
	font-family: Consolas, Courier New, Courier New, monospace;
	font-size:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__form .row .about code >*{
	font-family: Consolas, Courier New, Courier New, monospace;
}
.__form .row .about ul{
	margin:8px 0;
	list-style-type:square;
	padding-left:20px;
	margin-left:20px;
}
.__form .row .about ul li{
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
	margin:3px 0;
}
.__form .buttons{
	padding-left:120px;
	padding-top:18px;
}
.__form .buttons >div{
 background-color: #fcfcfc;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
 background: -moz-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc),color-stop(100%,#f1f1f1));
 background: -webkit-linear-gradient(top, color-stop(0%,#fcfcfc),color-stop(100%,#f1f1f1));
 background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
 background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
 background: linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	border:1px solid #ccc;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	font-family: Arial, san-serif;
 color:#777;
	text-shadow:0 1px 1px #fff;
	display:inline-block;
	text-align:center;
	padding:10px 13px;
	margin-right:5px;
}
.__form .buttons >div:hover{
	-moz-box-shadow: 0px 0px 8px #b8c8da;
 -webkit-box-shadow: 0px 0px 8px #b8c8da;
 box-shadow: 0px 0px 8px #b8c8da;
	border:1px solid #7babe1;
	color:#1467c4;
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
 background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
 background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
 background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
}
.__file .fl{
	background: rgba(250,250,250,0.8);
	padding:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid #ddd;
	margin-bottom:6px;
}
.__file .fl .fi{
	font-family: Arial, san-serif;
	font-weight:bold;
 color:#666;
	padding:6px 10px;
	text-shadow:0 1px 1px #fff;
}
.__file .fl:hover{
	-moz-box-shadow: 1px 1px 3px 0px #eee;
 -webkit-box-shadow: 1px 1px 3px 0px #eee;
 box-shadow: 1px 1px 3px 0px #eee;
	border:1px solid #ccc;
	background-color: #f7f7f7;
}
.__file .fl .fi > span{
	display:inline-block;
	vertical-align:top;
	margin-right:7px;
}
.__form .__file{
}
.__file .fl .fi{
	font-family: Arial, san-serif;
	font-weight:bold;
 color:#666;
	padding:8px 10px;
	text-shadow:0 1px 1px #fff;
}
.__file .fl:hover{
	-moz-box-shadow: 1px 1px 3px 0px #eee;
 -webkit-box-shadow: 1px 1px 3px 0px #eee;
 box-shadow: 1px 1px 3px 0px #eee;
	border:1px solid #ccc;
	background-color: #f7f7f7;
}
.__file .fl .fi > span{
	display:inline-block;
	vertical-align:top;
	font-weight:normal;
	margin-right:7px;
	margin-top:-2px;
}
.__file .browse{
	padding:8px 10px;
 background-color: #fcfcfc;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
 background: -moz-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc),color-stop(100%,#f1f1f1));
 background: -webkit-linear-gradient(top, color-stop(0%,#fcfcfc),color-stop(100%,#f1f1f1));
 background: -o-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
 background: -ms-linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
 background: linear-gradient(top, #fcfcfc 0%,#f1f1f1 100%);
	border:1px solid #ccc;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	cursor:pointer;
	font-weight:bold;
	font-family: Arial, san-serif;
 color:#777;
	text-align:center;
	overflow:hidden;
	display:inline-block;
	font-size:11px;
	position:relative;
}
.__file .browse em{
	font-weight:bold;
	font-family: Arial, san-serif;
	text-align:center;
	cursor:pointer;
}
.__file .browse:hover{
	-moz-box-shadow: 0px 0px 8px #b8c8da;
 -webkit-box-shadow: 0px 0px 8px #b8c8da;
 box-shadow: 0px 0px 8px #b8c8da;
	border:1px solid #7babe1;
	color:#1467c4;
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
 background: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
 background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
 background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
}
.__file .browse:focus, .__file .browse:active{
 background-color: #f1f1f1;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fcfcfc');
 background: -moz-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1),color-stop(100%,#fcfcfc));
 background: -webkit-linear-gradient(top, color-stop(0%,#f1f1f1),color-stop(100%,#fcfcfc));
 background: -o-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
 background: -ms-linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
 background: linear-gradient(top, #f1f1f1 0%,#fcfcfc 100%);
}
.__file .browse .__browse{
	position:absolute;
	top:0px;
	left:0px;
	padding:5px 0;
	opacity: 0; filter: alpha(Opacity:0);
}
.__file .fl .fi > .remove{
	float:right;
	padding:2px 4px;
	border:1px solid transparent;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:-3px;
	cursor:pointer;
	opacity: 0.6; filter: alpha(Opacity:60);
}
.__file .fl .fi > .remove:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
	-moz-box-shadow:inset 1px 2px 2px #eee;
 -webkit-box-shadow:inset 1px 2px 2px #eee;
 box-shadow:inset 1px 2px 2px #eee;
	border:1px solid #ccc;
	background-color: #f9f9f9;
}
.__form .__apselectw{
	padding:0;
	margin:0;
	position:relative;
}
.__form .__apselectw .__apselect{
	border:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
}
.__form .__apselectw .__apselect:hover, .__form .__apselectw .__apselect.__apselectactive{
	border:1px solid #49a1d5;
}
.__form .__apselectw .__apselect .__apoptions{
	display:none;
	position:absolute;
	left:0px;
	width:100%;
	z-index:9999;
	-moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
	max-height:300px;
	overflow:auto;
}
.__form .__apselectw .__apselect .__apoptions div.__apoptionsx{
	border:1px solid #49a1d5;
}
.__form .__apselectw .__apselect .__apoptions div.__apoption{
	padding:7px 10px;
	background-color: #fcfcfc;
	border-top:1px solid #ddd;
	display:block;
	font-family: Arial, san-serif;
	opacity: 0.95; filter: alpha(Opacity:95);
}
.__form .__apselectw .__apselect .__apoptions div.__apoption:hover{
	color:#fff;
	cursor:pointer;
	background-color: #2995d4;
	border-top:1px solid #137ebc;
}
.__form .__apselectw .__apselectactive .__apoptions{
	display:block;
}
.__form .__apselectw .__apbutton{
	position:absolute;
	right:0px;
	top:0px;
	width:14px;
	height:14px;
	padding:8px 10px;
	text-align:center;
	-moz-border-radius: 0 3px 3px 0;
 -webkit-border-radius: 0 3px 3px 0;
 border-radius: 0 3px 3px 0;
}
.__form .__apselectw .__apbutton > span{
	margin-top:10px;
}
.__form .__apselectw .__apselect:hover .__apbutton{
	opacity: 1.0; filter: alpha(Opacity:100);
	background-color: #f3f3f3;
	border-left:1px solid #6cb6e1;
	cursor:pointer;
}
.__form .__apselectw .__apvaluew{
	overflow:hidden;
	position:relative;
	font-weight:bold;
	padding:0;
	color:#888;
}
.__form .__apselectw .__apvalue{
	padding:7px 10px;
	cursor:pointer;
}
.__form .__apselectw .__apvalue .__apst{
	font-weight:normal;
	font-style:italic;
}
.__form .__apselectw .__apvaluew:hover{
	color:#137ebc;
}
.__form .row .__apchoicew{
	padding:0;
	margin:0;
	display:inline-block;
	border:none;
	background:transparent;
}
.__form .row .__apchoicew:hover{
	border:none;
	background:transparent;
	-moz-box-shadow: 1px 1px 0px 0px transparent;
 -webkit-box-shadow: 1px 1px 0px 0px transparent;
 box-shadow: 1px 1px 0px 0px transparent;
}
.__form .row .__apchoices{
	height:30px;
	display:inline-block;
	padding-right:1px;
}
.__form .row .__apchoices .__apchoice{
	padding:8px 15px;
	float:left;
	border:1px solid #ddd;
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
 background: -moz-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f6f6f6));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f6f6f6));
 background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
 background: linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
}
.__form .row .__apchoices .__apchoice{
	border-right:1px solid #fff;
	border-left:1px solid #e8e8e8;
	cursor:pointer;
	font-family: Arial, san-serif;
 color:#666;
}
.__form .row .__apchoices .__apchoice.first{
	corner:3px 0 0 3px;
	border-left:1px solid #ddd;
}
.__form .row .__apchoices .__apchoice.last{
	corner:0 3px 3px 0;
	border-right:1px solid #ddd;
}
.__form .row .__apchoices .__apchoice.__apactive{
	background: rgba(36,148,213,#1987c7);
	color:#fff;
	border-right:1px solid #1987c7;
	border:1px solid #1987c7;
}
.__form .row .__apradiow{
	padding:0;
	border:none;
	background:transparent;
}
.__form .row .__apradiow:hover{
	border:none;
	background:transparent;
	-moz-box-shadow: 1px 1px 0px 0px transparent;
 -webkit-box-shadow: 1px 1px 0px 0px transparent;
 box-shadow: 1px 1px 0px 0px transparent;
}
.__form .row .__apradios{
	display:inline-block;
	padding-right:1px;
}
.__form .row .__apradios .__apradio{
	padding:8px 0;
	padding-right:20px;
	margin-right:10px;
	margin-top:4px;
	float:left;
	cursor:pointer;
}
.__form .row .__apradios .__apradio > .icon, .__form .row .__apradios .__apradio > .icona{
	margin-right:5px;
	margin-top:-1px;
}
.__form .row .__apradios .__apradio > .icona{
	display:none;
}
.__form .row .__apradios .__apradio.__apactive{
	font-weight:bold;
 color:#333;
}
.__form .row .__apradios .__apradio.__apactive .icon{
	display:none;
}
.__form .row .__apradios .__apradio.__apactive .icona{
	display:inline-block;
}
.__form .s1{
	height:20px;
}
.__form .s2{
	height:30px;
}
.__form .s3{
	height:50px;
}
.__form .s4{
	height:80px;
}
.__form .s5{
	height:130px;
}
.__form .s6{
	height:210px;
}
.__form .s7{
	height:340px;
}
.__form .s8{
	height:550px;
}
.__form .s9{
	height:890px;
}
.__form .ws1{
	width:10px;
}
.__form .ws2{
	width:15px;
}
.__form .ws3{
	width:25px;
}
.__form .ws4{
	width:40px;
}
.__form .ws5{
	width:65px;
}
.__form .ws6{
	width:105px;
}
.__form .ws7{
	width:170px;
}
.__form .ws8{
	width:275px;
}
.__form .ws9{
	width:445px;
}
.__form .ws10{
	width:720px;
}
.-editor-display{
	font-size:14px;
}
.-editor-display p{
	padding-bottom:10px;
	line-height:18px;
}
.-editor-display ul{
	margin-left:20px;
	list-style-type:disc;
}
.-editor-display li{
	padding-bottom:8px;
	font-size:13px;
}
.-editor-display img{
	max-width:100%;
}
/*!
 * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
 font-family: 'FontAwesome';
 src: url('/appimg/apfont/fa/fontawesome-webfont.eot?v=4.7.0');
 src: url('/appimg/apfont/fa/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/appimg/apfont/fa/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/appimg/apfont/fa/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/appimg/apfont/fa/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/appimg/apfont/fa/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
[class^="ficon-"],[class*=" ficon-"] {
 font-family: FontAwesome;
 font-weight: normal;
 font-style: normal;
 text-decoration:inherit;
 text-rendering:auto;
 -webkit-font-smoothing: antialiased;
	display:inline-block;
}
.fa{
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.ficon-lg {
 font-size: 1.33333333em;
 line-height: 0.75em;
 vertical-align: -15%;
}
.ficon-2x {
 font-size: 2em;
}
.ficon-3x {
 font-size: 3em;
}
.ficon-4x {
 font-size: 4em;
}
.ficon-5x {
 font-size: 5em;
}
.ficon-fw {
 width: 1.28571429em;
 text-align: center;
}
.ficon-ul {
 padding-left: 0;
 margin-left: 2.14285714em;
 list-style-type: none;
}
.ficon-ul > li {
 position: relative;
}
.ficon-li {
 position: absolute;
 left: -2.14285714em;
 width: 2.14285714em;
 top: 0.14285714em;
 text-align: center;
}
.ficon-li.ficon-lg {
 left: -1.85714286em;
}
.ficon-border {
 padding: .2em .25em .15em;
 border: solid 0.08em #eeeeee;
 border-radius: .1em;
}
.ficon-pull-left {
 float: left;
}
.ficon-pull-right {
 float: right;
}
.fa.ficon-pull-left {
 margin-right: .3em;
}
.fa.ficon-pull-right {
 margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
 float: right;
}
.pull-left {
 float: left;
}
.fa.pull-left {
 margin-right: .3em;
}
.fa.pull-right {
 margin-left: .3em;
}
.ficon-spin, .fa-spin{
 -webkit-animation: ficon-spin 2s infinite linear;
 animation: ficon-spin 2s infinite linear;
}
.ficon-pulse, .fa-pulse{
 -webkit-animation: ficon-spin 1s infinite steps(8);
 animation: ficon-spin 1s infinite steps(8);
}
@-webkit-keyframes ficon-spin{
 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 }
 100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
 }
}
@keyframes ficon-spin{
 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 }
 100% {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
 }
}
.ficon-rotate-90 {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
 -webkit-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}
.ficon-rotate-180 {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 transform: rotate(180deg);
}
.ficon-rotate-270 {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
 -webkit-transform: rotate(270deg);
 -ms-transform: rotate(270deg);
 transform: rotate(270deg);
}
.ficon-flip-horizontal {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
 -webkit-transform: scale(-1, 1);
 -ms-transform: scale(-1, 1);
 transform: scale(-1, 1);
}
.ficon-flip-vertical {
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
 -webkit-transform: scale(1, -1);
 -ms-transform: scale(1, -1);
 transform: scale(1, -1);
}
:root .ficon-rotate-90,
:root .ficon-rotate-180,
:root .ficon-rotate-270,
:root .ficon-flip-horizontal,
:root .ficon-flip-vertical {
 filter: none;
}
.ficon-stack {
 position: relative;
 display: inline-block;
 width: 2em;
 height: 2em;
 line-height: 2em;
 vertical-align: middle;
}
.ficon-stack-1x,
.ficon-stack-2x {
 position: absolute;
 left: 0;
 width: 100%;
 text-align: center;
}
.ficon-stack-1x {
 line-height: inherit;
}
.ficon-stack-2x {
 font-size: 2em;
}
.ficon-inverse {
 color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
.ficon-glass:before {
 content: "\f000";
}
.ficon-music:before {
 content: "\f001";
}
.ficon-search:before {
 content: "\f002";
}
.ficon-envelope-o:before {
 content: "\f003";
}
.ficon-heart:before {
 content: "\f004";
}
.ficon-star:before {
 content: "\f005";
}
.ficon-star-o:before {
 content: "\f006";
}
.ficon-user:before {
 content: "\f007";
}
.ficon-film:before {
 content: "\f008";
}
.ficon-th-large:before {
 content: "\f009";
}
.ficon-th:before {
 content: "\f00a";
}
.ficon-th-list:before {
 content: "\f00b";
}
.ficon-check:before {
 content: "\f00c";
}
.ficon-remove:before,
.ficon-close:before,
.ficon-times:before {
 content: "\f00d";
}
.ficon-search-plus:before {
 content: "\f00e";
}
.ficon-search-minus:before {
 content: "\f010";
}
.ficon-power-off:before {
 content: "\f011";
}
.ficon-signal:before {
 content: "\f012";
}
.ficon-gear:before,
.ficon-cog:before {
 content: "\f013";
}
.ficon-trash-o:before {
 content: "\f014";
}
.ficon-home:before {
 content: "\f015";
}
.ficon-file-o:before {
 content: "\f016";
}
.ficon-clock-o:before {
 content: "\f017";
}
.ficon-road:before {
 content: "\f018";
}
.ficon-download:before {
 content: "\f019";
}
.ficon-arrow-circle-o-down:before {
 content: "\f01a";
}
.ficon-arrow-circle-o-up:before {
 content: "\f01b";
}
.ficon-inbox:before {
 content: "\f01c";
}
.ficon-play-circle-o:before {
 content: "\f01d";
}
.ficon-rotate-right:before,
.ficon-repeat:before {
 content: "\f01e";
}
.ficon-refresh:before {
 content: "\f021";
}
.ficon-list-alt:before {
 content: "\f022";
}
.ficon-lock:before {
 content: "\f023";
}
.ficon-flag:before {
 content: "\f024";
}
.ficon-headphones:before {
 content: "\f025";
}
.ficon-volume-off:before {
 content: "\f026";
}
.ficon-volume-down:before {
 content: "\f027";
}
.ficon-volume-up:before {
 content: "\f028";
}
.ficon-qrcode:before {
 content: "\f029";
}
.ficon-barcode:before {
 content: "\f02a";
}
.ficon-tag:before {
 content: "\f02b";
}
.ficon-tags:before {
 content: "\f02c";
}
.ficon-book:before {
 content: "\f02d";
}
.ficon-bookmark:before {
 content: "\f02e";
}
.ficon-print:before {
 content: "\f02f";
}
.ficon-camera:before {
 content: "\f030";
}
.ficon-font:before {
 content: "\f031";
}
.ficon-bold:before {
 content: "\f032";
}
.ficon-italic:before {
 content: "\f033";
}
.ficon-text-height:before {
 content: "\f034";
}
.ficon-text-width:before {
 content: "\f035";
}
.ficon-align-left:before {
 content: "\f036";
}
.ficon-align-center:before {
 content: "\f037";
}
.ficon-align-right:before {
 content: "\f038";
}
.ficon-align-justify:before {
 content: "\f039";
}
.ficon-list:before {
 content: "\f03a";
}
.ficon-dedent:before,
.ficon-outdent:before {
 content: "\f03b";
}
.ficon-indent:before {
 content: "\f03c";
}
.ficon-video-camera:before {
 content: "\f03d";
}
.ficon-photo:before,
.ficon-image:before,
.ficon-picture-o:before {
 content: "\f03e";
}
.ficon-pencil:before {
 content: "\f040";
}
.ficon-map-marker:before {
 content: "\f041";
}
.ficon-adjust:before {
 content: "\f042";
}
.ficon-tint:before {
 content: "\f043";
}
.ficon-edit:before,
.ficon-pencil-square-o:before {
 content: "\f044";
}
.ficon-share-square-o:before {
 content: "\f045";
}
.ficon-check-square-o:before {
 content: "\f046";
}
.ficon-arrows:before {
 content: "\f047";
}
.ficon-step-backward:before {
 content: "\f048";
}
.ficon-fast-backward:before {
 content: "\f049";
}
.ficon-backward:before {
 content: "\f04a";
}
.ficon-play:before {
 content: "\f04b";
}
.ficon-pause:before {
 content: "\f04c";
}
.ficon-stop:before {
 content: "\f04d";
}
.ficon-forward:before {
 content: "\f04e";
}
.ficon-fast-forward:before {
 content: "\f050";
}
.ficon-step-forward:before {
 content: "\f051";
}
.ficon-eject:before {
 content: "\f052";
}
.ficon-chevron-left:before {
 content: "\f053";
}
.ficon-chevron-right:before {
 content: "\f054";
}
.ficon-plus-circle:before {
 content: "\f055";
}
.ficon-minus-circle:before {
 content: "\f056";
}
.ficon-times-circle:before {
 content: "\f057";
}
.ficon-check-circle:before {
 content: "\f058";
}
.ficon-question-circle:before {
 content: "\f059";
}
.ficon-info-circle:before {
 content: "\f05a";
}
.ficon-crosshairs:before {
 content: "\f05b";
}
.ficon-times-circle-o:before {
 content: "\f05c";
}
.ficon-check-circle-o:before {
 content: "\f05d";
}
.ficon-ban:before {
 content: "\f05e";
}
.ficon-arrow-left:before {
 content: "\f060";
}
.ficon-arrow-right:before {
 content: "\f061";
}
.ficon-arrow-up:before {
 content: "\f062";
}
.ficon-arrow-down:before {
 content: "\f063";
}
.ficon-mail-forward:before,
.ficon-share:before {
 content: "\f064";
}
.ficon-expand:before {
 content: "\f065";
}
.ficon-compress:before {
 content: "\f066";
}
.ficon-plus:before {
 content: "\f067";
}
.ficon-minus:before {
 content: "\f068";
}
.ficon-asterisk:before {
 content: "\f069";
}
.ficon-exclamation-circle:before {
 content: "\f06a";
}
.ficon-gift:before {
 content: "\f06b";
}
.ficon-leaf:before {
 content: "\f06c";
}
.ficon-fire:before {
 content: "\f06d";
}
.ficon-eye:before {
 content: "\f06e";
}
.ficon-eye-slash:before {
 content: "\f070";
}
.ficon-warning:before,
.ficon-exclamation-triangle:before {
 content: "\f071";
}
.ficon-plane:before {
 content: "\f072";
}
.ficon-calendar:before {
 content: "\f073";
}
.ficon-random:before {
 content: "\f074";
}
.ficon-comment:before {
 content: "\f075";
}
.ficon-magnet:before {
 content: "\f076";
}
.ficon-chevron-up:before {
 content: "\f077";
}
.ficon-chevron-down:before {
 content: "\f078";
}
.ficon-retweet:before {
 content: "\f079";
}
.ficon-shopping-cart:before {
 content: "\f07a";
}
.ficon-folder:before {
 content: "\f07b";
}
.ficon-folder-open:before {
 content: "\f07c";
}
.ficon-arrows-v:before {
 content: "\f07d";
}
.ficon-arrows-h:before {
 content: "\f07e";
}
.ficon-bar-chart-o:before,
.ficon-bar-chart:before {
 content: "\f080";
}
.ficon-twitter-square:before {
 content: "\f081";
}
.ficon-facebook-square:before {
 content: "\f082";
}
.ficon-camera-retro:before {
 content: "\f083";
}
.ficon-key:before {
 content: "\f084";
}
.ficon-gears:before,
.ficon-cogs:before {
 content: "\f085";
}
.ficon-comments:before {
 content: "\f086";
}
.ficon-thumbs-o-up:before {
 content: "\f087";
}
.ficon-thumbs-o-down:before {
 content: "\f088";
}
.ficon-star-half:before {
 content: "\f089";
}
.ficon-heart-o:before {
 content: "\f08a";
}
.ficon-sign-out:before {
 content: "\f08b";
}
.ficon-linkedin-square:before {
 content: "\f08c";
}
.ficon-thumb-tack:before {
 content: "\f08d";
}
.ficon-external-link:before {
 content: "\f08e";
}
.ficon-sign-in:before {
 content: "\f090";
}
.ficon-trophy:before {
 content: "\f091";
}
.ficon-github-square:before {
 content: "\f092";
}
.ficon-upload:before {
 content: "\f093";
}
.ficon-lemon-o:before {
 content: "\f094";
}
.ficon-phone:before {
 content: "\f095";
}
.ficon-square-o:before {
 content: "\f096";
}
.ficon-bookmark-o:before {
 content: "\f097";
}
.ficon-phone-square:before {
 content: "\f098";
}
.ficon-twitter:before {
 content: "\f099";
}
.ficon-facebook-f:before,
.ficon-facebook:before {
 content: "\f09a";
}
.ficon-github:before {
 content: "\f09b";
}
.ficon-unlock:before {
 content: "\f09c";
}
.ficon-credit-card:before {
 content: "\f09d";
}
.ficon-feed:before,
.ficon-rss:before {
 content: "\f09e";
}
.ficon-hdd-o:before {
 content: "\f0a0";
}
.ficon-bullhorn:before {
 content: "\f0a1";
}
.ficon-bell:before {
 content: "\f0f3";
}
.ficon-certificate:before {
 content: "\f0a3";
}
.ficon-hand-o-right:before {
 content: "\f0a4";
}
.ficon-hand-o-left:before {
 content: "\f0a5";
}
.ficon-hand-o-up:before {
 content: "\f0a6";
}
.ficon-hand-o-down:before {
 content: "\f0a7";
}
.ficon-arrow-circle-left:before {
 content: "\f0a8";
}
.ficon-arrow-circle-right:before {
 content: "\f0a9";
}
.ficon-arrow-circle-up:before {
 content: "\f0aa";
}
.ficon-arrow-circle-down:before {
 content: "\f0ab";
}
.ficon-globe:before {
 content: "\f0ac";
}
.ficon-wrench:before {
 content: "\f0ad";
}
.ficon-tasks:before {
 content: "\f0ae";
}
.ficon-filter:before {
 content: "\f0b0";
}
.ficon-briefcase:before {
 content: "\f0b1";
}
.ficon-arrows-alt:before {
 content: "\f0b2";
}
.ficon-group:before,
.ficon-users:before {
 content: "\f0c0";
}
.ficon-chain:before,
.ficon-link:before {
 content: "\f0c1";
}
.ficon-cloud:before {
 content: "\f0c2";
}
.ficon-flask:before {
 content: "\f0c3";
}
.ficon-cut:before,
.ficon-scissors:before {
 content: "\f0c4";
}
.ficon-copy:before,
.ficon-files-o:before {
 content: "\f0c5";
}
.ficon-paperclip:before {
 content: "\f0c6";
}
.ficon-save:before,
.ficon-floppy-o:before {
 content: "\f0c7";
}
.ficon-square:before {
 content: "\f0c8";
}
.ficon-navicon:before,
.ficon-reorder:before,
.ficon-bars:before {
 content: "\f0c9";
}
.ficon-list-ul:before {
 content: "\f0ca";
}
.ficon-list-ol:before {
 content: "\f0cb";
}
.ficon-strikethrough:before {
 content: "\f0cc";
}
.ficon-underline:before {
 content: "\f0cd";
}
.ficon-table:before {
 content: "\f0ce";
}
.ficon-magic:before {
 content: "\f0d0";
}
.ficon-truck:before {
 content: "\f0d1";
}
.ficon-pinterest:before {
 content: "\f0d2";
}
.ficon-pinterest-square:before {
 content: "\f0d3";
}
.ficon-google-plus-square:before {
 content: "\f0d4";
}
.ficon-google-plus:before {
 content: "\f0d5";
}
.ficon-money:before {
 content: "\f0d6";
}
.ficon-caret-down:before {
 content: "\f0d7";
}
.ficon-caret-up:before {
 content: "\f0d8";
}
.ficon-caret-left:before {
 content: "\f0d9";
}
.ficon-caret-right:before {
 content: "\f0da";
}
.ficon-columns:before {
 content: "\f0db";
}
.ficon-unsorted:before,
.ficon-sort:before {
 content: "\f0dc";
}
.ficon-sort-down:before,
.ficon-sort-desc:before {
 content: "\f0dd";
}
.ficon-sort-up:before,
.ficon-sort-asc:before {
 content: "\f0de";
}
.ficon-envelope:before {
 content: "\f0e0";
}
.ficon-linkedin:before {
 content: "\f0e1";
}
.ficon-rotate-left:before,
.ficon-undo:before {
 content: "\f0e2";
}
.ficon-legal:before,
.ficon-gavel:before {
 content: "\f0e3";
}
.ficon-dashboard:before,
.ficon-tachometer:before {
 content: "\f0e4";
}
.ficon-comment-o:before {
 content: "\f0e5";
}
.ficon-comments-o:before {
 content: "\f0e6";
}
.ficon-flash:before,
.ficon-bolt:before {
 content: "\f0e7";
}
.ficon-sitemap:before {
 content: "\f0e8";
}
.ficon-umbrella:before {
 content: "\f0e9";
}
.ficon-paste:before,
.ficon-clipboard:before {
 content: "\f0ea";
}
.ficon-lightbulb-o:before {
 content: "\f0eb";
}
.ficon-exchange:before {
 content: "\f0ec";
}
.ficon-cloud-download:before {
 content: "\f0ed";
}
.ficon-cloud-upload:before {
 content: "\f0ee";
}
.ficon-user-md:before {
 content: "\f0f0";
}
.ficon-stethoscope:before {
 content: "\f0f1";
}
.ficon-suitcase:before {
 content: "\f0f2";
}
.ficon-bell-o:before {
 content: "\f0a2";
}
.ficon-coffee:before {
 content: "\f0f4";
}
.ficon-cutlery:before {
 content: "\f0f5";
}
.ficon-file-text-o:before {
 content: "\f0f6";
}
.ficon-building-o:before {
 content: "\f0f7";
}
.ficon-hospital-o:before {
 content: "\f0f8";
}
.ficon-ambulance:before {
 content: "\f0f9";
}
.ficon-medkit:before {
 content: "\f0fa";
}
.ficon-fighter-jet:before {
 content: "\f0fb";
}
.ficon-beer:before {
 content: "\f0fc";
}
.ficon-h-square:before {
 content: "\f0fd";
}
.ficon-plus-square:before {
 content: "\f0fe";
}
.ficon-angle-double-left:before {
 content: "\f100";
}
.ficon-angle-double-right:before {
 content: "\f101";
}
.ficon-angle-double-up:before {
 content: "\f102";
}
.ficon-angle-double-down:before {
 content: "\f103";
}
.ficon-angle-left:before {
 content: "\f104";
}
.ficon-angle-right:before {
 content: "\f105";
}
.ficon-angle-up:before {
 content: "\f106";
}
.ficon-angle-down:before {
 content: "\f107";
}
.ficon-desktop:before {
 content: "\f108";
}
.ficon-laptop:before {
 content: "\f109";
}
.ficon-tablet:before {
 content: "\f10a";
}
.ficon-mobile-phone:before,
.ficon-mobile:before {
 content: "\f10b";
}
.ficon-circle-o:before {
 content: "\f10c";
}
.ficon-quote-left:before {
 content: "\f10d";
}
.ficon-quote-right:before {
 content: "\f10e";
}
.ficon-spinner:before {
 content: "\f110";
}
.ficon-circle:before {
 content: "\f111";
}
.ficon-mail-reply:before,
.ficon-reply:before {
 content: "\f112";
}
.ficon-github-alt:before {
 content: "\f113";
}
.ficon-folder-o:before {
 content: "\f114";
}
.ficon-folder-open-o:before {
 content: "\f115";
}
.ficon-smile-o:before {
 content: "\f118";
}
.ficon-frown-o:before {
 content: "\f119";
}
.ficon-meh-o:before {
 content: "\f11a";
}
.ficon-gamepad:before {
 content: "\f11b";
}
.ficon-keyboard-o:before {
 content: "\f11c";
}
.ficon-flag-o:before {
 content: "\f11d";
}
.ficon-flag-checkered:before {
 content: "\f11e";
}
.ficon-terminal:before {
 content: "\f120";
}
.ficon-code:before {
 content: "\f121";
}
.ficon-mail-reply-all:before,
.ficon-reply-all:before {
 content: "\f122";
}
.ficon-star-half-empty:before,
.ficon-star-half-full:before,
.ficon-star-half-o:before {
 content: "\f123";
}
.ficon-location-arrow:before {
 content: "\f124";
}
.ficon-crop:before {
 content: "\f125";
}
.ficon-code-fork:before {
 content: "\f126";
}
.ficon-unlink:before,
.ficon-chain-broken:before {
 content: "\f127";
}
.ficon-question:before {
 content: "\f128";
}
.ficon-info:before {
 content: "\f129";
}
.ficon-exclamation:before {
 content: "\f12a";
}
.ficon-superscript:before {
 content: "\f12b";
}
.ficon-subscript:before {
 content: "\f12c";
}
.ficon-eraser:before {
 content: "\f12d";
}
.ficon-puzzle-piece:before {
 content: "\f12e";
}
.ficon-microphone:before {
 content: "\f130";
}
.ficon-microphone-slash:before {
 content: "\f131";
}
.ficon-shield:before {
 content: "\f132";
}
.ficon-calendar-o:before {
 content: "\f133";
}
.ficon-fire-extinguisher:before {
 content: "\f134";
}
.ficon-rocket:before {
 content: "\f135";
}
.ficon-maxcdn:before {
 content: "\f136";
}
.ficon-chevron-circle-left:before {
 content: "\f137";
}
.ficon-chevron-circle-right:before {
 content: "\f138";
}
.ficon-chevron-circle-up:before {
 content: "\f139";
}
.ficon-chevron-circle-down:before {
 content: "\f13a";
}
.ficon-html5:before {
 content: "\f13b";
}
.ficon-css3:before {
 content: "\f13c";
}
.ficon-anchor:before {
 content: "\f13d";
}
.ficon-unlock-alt:before {
 content: "\f13e";
}
.ficon-bullseye:before {
 content: "\f140";
}
.ficon-ellipsis-h:before {
 content: "\f141";
}
.ficon-ellipsis-v:before {
 content: "\f142";
}
.ficon-rss-square:before {
 content: "\f143";
}
.ficon-play-circle:before {
 content: "\f144";
}
.ficon-ticket:before {
 content: "\f145";
}
.ficon-minus-square:before {
 content: "\f146";
}
.ficon-minus-square-o:before {
 content: "\f147";
}
.ficon-level-up:before {
 content: "\f148";
}
.ficon-level-down:before {
 content: "\f149";
}
.ficon-check-square:before {
 content: "\f14a";
}
.ficon-pencil-square:before {
 content: "\f14b";
}
.ficon-external-link-square:before {
 content: "\f14c";
}
.ficon-share-square:before {
 content: "\f14d";
}
.ficon-compass:before {
 content: "\f14e";
}
.ficon-toggle-down:before,
.ficon-caret-square-o-down:before {
 content: "\f150";
}
.ficon-toggle-up:before,
.ficon-caret-square-o-up:before {
 content: "\f151";
}
.ficon-toggle-right:before,
.ficon-caret-square-o-right:before {
 content: "\f152";
}
.ficon-euro:before,
.ficon-eur:before {
 content: "\f153";
}
.ficon-gbp:before {
 content: "\f154";
}
.ficon-dollar:before,
.ficon-usd:before {
 content: "\f155";
}
.ficon-rupee:before,
.ficon-inr:before {
 content: "\f156";
}
.ficon-cny:before,
.ficon-rmb:before,
.ficon-yen:before,
.ficon-jpy:before {
 content: "\f157";
}
.ficon-ruble:before,
.ficon-rouble:before,
.ficon-rub:before {
 content: "\f158";
}
.ficon-won:before,
.ficon-krw:before {
 content: "\f159";
}
.ficon-bitcoin:before,
.ficon-btc:before {
 content: "\f15a";
}
.ficon-file:before {
 content: "\f15b";
}
.ficon-file-text:before {
 content: "\f15c";
}
.ficon-sort-alpha-asc:before {
 content: "\f15d";
}
.ficon-sort-alpha-desc:before {
 content: "\f15e";
}
.ficon-sort-amount-asc:before {
 content: "\f160";
}
.ficon-sort-amount-desc:before {
 content: "\f161";
}
.ficon-sort-numeric-asc:before {
 content: "\f162";
}
.ficon-sort-numeric-desc:before {
 content: "\f163";
}
.ficon-thumbs-up:before {
 content: "\f164";
}
.ficon-thumbs-down:before {
 content: "\f165";
}
.ficon-youtube-square:before {
 content: "\f166";
}
.ficon-youtube:before {
 content: "\f167";
}
.ficon-xing:before {
 content: "\f168";
}
.ficon-xing-square:before {
 content: "\f169";
}
.ficon-youtube-play:before {
 content: "\f16a";
}
.ficon-dropbox:before {
 content: "\f16b";
}
.ficon-stack-overflow:before {
 content: "\f16c";
}
.ficon-instagram:before {
 content: "\f16d";
}
.ficon-flickr:before {
 content: "\f16e";
}
.ficon-adn:before {
 content: "\f170";
}
.ficon-bitbucket:before {
 content: "\f171";
}
.ficon-bitbucket-square:before {
 content: "\f172";
}
.ficon-tumblr:before {
 content: "\f173";
}
.ficon-tumblr-square:before {
 content: "\f174";
}
.ficon-long-arrow-down:before {
 content: "\f175";
}
.ficon-long-arrow-up:before {
 content: "\f176";
}
.ficon-long-arrow-left:before {
 content: "\f177";
}
.ficon-long-arrow-right:before {
 content: "\f178";
}
.ficon-apple:before {
 content: "\f179";
}
.ficon-windows:before {
 content: "\f17a";
}
.ficon-android:before {
 content: "\f17b";
}
.ficon-linux:before {
 content: "\f17c";
}
.ficon-dribbble:before {
 content: "\f17d";
}
.ficon-skype:before {
 content: "\f17e";
}
.ficon-foursquare:before {
 content: "\f180";
}
.ficon-trello:before {
 content: "\f181";
}
.ficon-female:before {
 content: "\f182";
}
.ficon-male:before {
 content: "\f183";
}
.ficon-gittip:before,
.ficon-gratipay:before {
 content: "\f184";
}
.ficon-sun-o:before {
 content: "\f185";
}
.ficon-moon-o:before {
 content: "\f186";
}
.ficon-archive:before {
 content: "\f187";
}
.ficon-bug:before {
 content: "\f188";
}
.ficon-vk:before {
 content: "\f189";
}
.ficon-weibo:before {
 content: "\f18a";
}
.ficon-renren:before {
 content: "\f18b";
}
.ficon-pagelines:before {
 content: "\f18c";
}
.ficon-stack-exchange:before {
 content: "\f18d";
}
.ficon-arrow-circle-o-right:before {
 content: "\f18e";
}
.ficon-arrow-circle-o-left:before {
 content: "\f190";
}
.ficon-toggle-left:before,
.ficon-caret-square-o-left:before {
 content: "\f191";
}
.ficon-dot-circle-o:before {
 content: "\f192";
}
.ficon-wheelchair:before {
 content: "\f193";
}
.ficon-vimeo-square:before {
 content: "\f194";
}
.ficon-turkish-lira:before,
.ficon-try:before {
 content: "\f195";
}
.ficon-plus-square-o:before {
 content: "\f196";
}
.ficon-space-shuttle:before {
 content: "\f197";
}
.ficon-slack:before {
 content: "\f198";
}
.ficon-envelope-square:before {
 content: "\f199";
}
.ficon-wordpress:before {
 content: "\f19a";
}
.ficon-openid:before {
 content: "\f19b";
}
.ficon-institution:before,
.ficon-bank:before,
.ficon-university:before {
 content: "\f19c";
}
.ficon-mortar-board:before,
.ficon-graduation-cap:before {
 content: "\f19d";
}
.ficon-yahoo:before {
 content: "\f19e";
}
.ficon-google:before {
 content: "\f1a0";
}
.ficon-reddit:before {
 content: "\f1a1";
}
.ficon-reddit-square:before {
 content: "\f1a2";
}
.ficon-stumbleupon-circle:before {
 content: "\f1a3";
}
.ficon-stumbleupon:before {
 content: "\f1a4";
}
.ficon-delicious:before {
 content: "\f1a5";
}
.ficon-digg:before {
 content: "\f1a6";
}
.ficon-pied-piper-pp:before {
 content: "\f1a7";
}
.ficon-pied-piper-alt:before {
 content: "\f1a8";
}
.ficon-drupal:before {
 content: "\f1a9";
}
.ficon-joomla:before {
 content: "\f1aa";
}
.ficon-language:before {
 content: "\f1ab";
}
.ficon-fax:before {
 content: "\f1ac";
}
.ficon-building:before {
 content: "\f1ad";
}
.ficon-child:before {
 content: "\f1ae";
}
.ficon-paw:before {
 content: "\f1b0";
}
.ficon-spoon:before {
 content: "\f1b1";
}
.ficon-cube:before {
 content: "\f1b2";
}
.ficon-cubes:before {
 content: "\f1b3";
}
.ficon-behance:before {
 content: "\f1b4";
}
.ficon-behance-square:before {
 content: "\f1b5";
}
.ficon-steam:before {
 content: "\f1b6";
}
.ficon-steam-square:before {
 content: "\f1b7";
}
.ficon-recycle:before {
 content: "\f1b8";
}
.ficon-automobile:before,
.ficon-car:before {
 content: "\f1b9";
}
.ficon-cab:before,
.ficon-taxi:before {
 content: "\f1ba";
}
.ficon-tree:before {
 content: "\f1bb";
}
.ficon-spotify:before {
 content: "\f1bc";
}
.ficon-deviantart:before {
 content: "\f1bd";
}
.ficon-soundcloud:before {
 content: "\f1be";
}
.ficon-database:before {
 content: "\f1c0";
}
.ficon-file-pdf-o:before {
 content: "\f1c1";
}
.ficon-file-word-o:before {
 content: "\f1c2";
}
.ficon-file-excel-o:before {
 content: "\f1c3";
}
.ficon-file-powerpoint-o:before {
 content: "\f1c4";
}
.ficon-file-photo-o:before,
.ficon-file-picture-o:before,
.ficon-file-image-o:before {
 content: "\f1c5";
}
.ficon-file-zip-o:before,
.ficon-file-archive-o:before {
 content: "\f1c6";
}
.ficon-file-sound-o:before,
.ficon-file-audio-o:before {
 content: "\f1c7";
}
.ficon-file-movie-o:before,
.ficon-file-video-o:before {
 content: "\f1c8";
}
.ficon-file-code-o:before {
 content: "\f1c9";
}
.ficon-vine:before {
 content: "\f1ca";
}
.ficon-codepen:before {
 content: "\f1cb";
}
.ficon-jsfiddle:before {
 content: "\f1cc";
}
.ficon-life-bouy:before,
.ficon-life-buoy:before,
.ficon-life-saver:before,
.ficon-support:before,
.ficon-life-ring:before {
 content: "\f1cd";
}
.ficon-circle-o-notch:before {
 content: "\f1ce";
}
.ficon-ra:before,
.ficon-resistance:before,
.ficon-rebel:before {
 content: "\f1d0";
}
.ficon-ge:before,
.ficon-empire:before {
 content: "\f1d1";
}
.ficon-git-square:before {
 content: "\f1d2";
}
.ficon-git:before {
 content: "\f1d3";
}
.ficon-y-combinator-square:before,
.ficon-yc-square:before,
.ficon-hacker-news:before {
 content: "\f1d4";
}
.ficon-tencent-weibo:before {
 content: "\f1d5";
}
.ficon-qq:before {
 content: "\f1d6";
}
.ficon-wechat:before,
.ficon-weixin:before {
 content: "\f1d7";
}
.ficon-send:before,
.ficon-paper-plane:before {
 content: "\f1d8";
}
.ficon-send-o:before,
.ficon-paper-plane-o:before {
 content: "\f1d9";
}
.ficon-history:before {
 content: "\f1da";
}
.ficon-circle-thin:before {
 content: "\f1db";
}
.ficon-header:before {
 content: "\f1dc";
}
.ficon-paragraph:before {
 content: "\f1dd";
}
.ficon-sliders:before {
 content: "\f1de";
}
.ficon-share-alt:before {
 content: "\f1e0";
}
.ficon-share-alt-square:before {
 content: "\f1e1";
}
.ficon-bomb:before {
 content: "\f1e2";
}
.ficon-soccer-ball-o:before,
.ficon-futbol-o:before {
 content: "\f1e3";
}
.ficon-tty:before {
 content: "\f1e4";
}
.ficon-binoculars:before {
 content: "\f1e5";
}
.ficon-plug:before {
 content: "\f1e6";
}
.ficon-slideshare:before {
 content: "\f1e7";
}
.ficon-twitch:before {
 content: "\f1e8";
}
.ficon-yelp:before {
 content: "\f1e9";
}
.ficon-newspaper-o:before {
 content: "\f1ea";
}
.ficon-wifi:before {
 content: "\f1eb";
}
.ficon-calculator:before {
 content: "\f1ec";
}
.ficon-paypal:before {
 content: "\f1ed";
}
.ficon-google-wallet:before {
 content: "\f1ee";
}
.ficon-cc-visa:before {
 content: "\f1f0";
}
.ficon-cc-mastercard:before {
 content: "\f1f1";
}
.ficon-cc-discover:before {
 content: "\f1f2";
}
.ficon-cc-amex:before {
 content: "\f1f3";
}
.ficon-cc-paypal:before {
 content: "\f1f4";
}
.ficon-cc-stripe:before {
 content: "\f1f5";
}
.ficon-bell-slash:before {
 content: "\f1f6";
}
.ficon-bell-slash-o:before {
 content: "\f1f7";
}
.ficon-trash:before {
 content: "\f1f8";
}
.ficon-copyright:before {
 content: "\f1f9";
}
.ficon-at:before {
 content: "\f1fa";
}
.ficon-eyedropper:before {
 content: "\f1fb";
}
.ficon-paint-brush:before {
 content: "\f1fc";
}
.ficon-birthday-cake:before {
 content: "\f1fd";
}
.ficon-area-chart:before {
 content: "\f1fe";
}
.ficon-pie-chart:before {
 content: "\f200";
}
.ficon-line-chart:before {
 content: "\f201";
}
.ficon-lastfm:before {
 content: "\f202";
}
.ficon-lastfm-square:before {
 content: "\f203";
}
.ficon-toggle-off:before {
 content: "\f204";
}
.ficon-toggle-on:before {
 content: "\f205";
}
.ficon-bicycle:before {
 content: "\f206";
}
.ficon-bus:before {
 content: "\f207";
}
.ficon-ioxhost:before {
 content: "\f208";
}
.ficon-angellist:before {
 content: "\f209";
}
.ficon-cc:before {
 content: "\f20a";
}
.ficon-shekel:before,
.ficon-sheqel:before,
.ficon-ils:before {
 content: "\f20b";
}
.ficon-meanpath:before {
 content: "\f20c";
}
.ficon-buysellads:before {
 content: "\f20d";
}
.ficon-connectdevelop:before {
 content: "\f20e";
}
.ficon-dashcube:before {
 content: "\f210";
}
.ficon-forumbee:before {
 content: "\f211";
}
.ficon-leanpub:before {
 content: "\f212";
}
.ficon-sellsy:before {
 content: "\f213";
}
.ficon-shirtsinbulk:before {
 content: "\f214";
}
.ficon-simplybuilt:before {
 content: "\f215";
}
.ficon-skyatlas:before {
 content: "\f216";
}
.ficon-cart-plus:before {
 content: "\f217";
}
.ficon-cart-arrow-down:before {
 content: "\f218";
}
.ficon-diamond:before {
 content: "\f219";
}
.ficon-ship:before {
 content: "\f21a";
}
.ficon-user-secret:before {
 content: "\f21b";
}
.ficon-motorcycle:before {
 content: "\f21c";
}
.ficon-street-view:before {
 content: "\f21d";
}
.ficon-heartbeat:before {
 content: "\f21e";
}
.ficon-venus:before {
 content: "\f221";
}
.ficon-mars:before {
 content: "\f222";
}
.ficon-mercury:before {
 content: "\f223";
}
.ficon-intersex:before,
.ficon-transgender:before {
 content: "\f224";
}
.ficon-transgender-alt:before {
 content: "\f225";
}
.ficon-venus-double:before {
 content: "\f226";
}
.ficon-mars-double:before {
 content: "\f227";
}
.ficon-venus-mars:before {
 content: "\f228";
}
.ficon-mars-stroke:before {
 content: "\f229";
}
.ficon-mars-stroke-v:before {
 content: "\f22a";
}
.ficon-mars-stroke-h:before {
 content: "\f22b";
}
.ficon-neuter:before {
 content: "\f22c";
}
.ficon-genderless:before {
 content: "\f22d";
}
.ficon-facebook-official:before {
 content: "\f230";
}
.ficon-pinterest-p:before {
 content: "\f231";
}
.ficon-whatsapp:before {
 content: "\f232";
}
.ficon-server:before {
 content: "\f233";
}
.ficon-user-plus:before {
 content: "\f234";
}
.ficon-user-times:before {
 content: "\f235";
}
.ficon-hotel:before,
.ficon-bed:before {
 content: "\f236";
}
.ficon-viacoin:before {
 content: "\f237";
}
.ficon-train:before {
 content: "\f238";
}
.ficon-subway:before {
 content: "\f239";
}
.ficon-medium:before {
 content: "\f23a";
}
.ficon-yc:before,
.ficon-y-combinator:before {
 content: "\f23b";
}
.ficon-optin-monster:before {
 content: "\f23c";
}
.ficon-opencart:before {
 content: "\f23d";
}
.ficon-expeditedssl:before {
 content: "\f23e";
}
.ficon-battery-4:before,
.ficon-battery:before,
.ficon-battery-full:before {
 content: "\f240";
}
.ficon-battery-3:before,
.ficon-battery-three-quarters:before {
 content: "\f241";
}
.ficon-battery-2:before,
.ficon-battery-half:before {
 content: "\f242";
}
.ficon-battery-1:before,
.ficon-battery-quarter:before {
 content: "\f243";
}
.ficon-battery-0:before,
.ficon-battery-empty:before {
 content: "\f244";
}
.ficon-mouse-pointer:before {
 content: "\f245";
}
.ficon-i-cursor:before {
 content: "\f246";
}
.ficon-object-group:before {
 content: "\f247";
}
.ficon-object-ungroup:before {
 content: "\f248";
}
.ficon-sticky-note:before {
 content: "\f249";
}
.ficon-sticky-note-o:before {
 content: "\f24a";
}
.ficon-cc-jcb:before {
 content: "\f24b";
}
.ficon-cc-diners-club:before {
 content: "\f24c";
}
.ficon-clone:before {
 content: "\f24d";
}
.ficon-balance-scale:before {
 content: "\f24e";
}
.ficon-hourglass-o:before {
 content: "\f250";
}
.ficon-hourglass-1:before,
.ficon-hourglass-start:before {
 content: "\f251";
}
.ficon-hourglass-2:before,
.ficon-hourglass-half:before {
 content: "\f252";
}
.ficon-hourglass-3:before,
.ficon-hourglass-end:before {
 content: "\f253";
}
.ficon-hourglass:before {
 content: "\f254";
}
.ficon-hand-grab-o:before,
.ficon-hand-rock-o:before {
 content: "\f255";
}
.ficon-hand-stop-o:before,
.ficon-hand-paper-o:before {
 content: "\f256";
}
.ficon-hand-scissors-o:before {
 content: "\f257";
}
.ficon-hand-lizard-o:before {
 content: "\f258";
}
.ficon-hand-spock-o:before {
 content: "\f259";
}
.ficon-hand-pointer-o:before {
 content: "\f25a";
}
.ficon-hand-peace-o:before {
 content: "\f25b";
}
.ficon-trademark:before {
 content: "\f25c";
}
.ficon-registered:before {
 content: "\f25d";
}
.ficon-creative-commons:before {
 content: "\f25e";
}
.ficon-gg:before {
 content: "\f260";
}
.ficon-gg-circle:before {
 content: "\f261";
}
.ficon-tripadvisor:before {
 content: "\f262";
}
.ficon-odnoklassniki:before {
 content: "\f263";
}
.ficon-odnoklassniki-square:before {
 content: "\f264";
}
.ficon-get-pocket:before {
 content: "\f265";
}
.ficon-wikipedia-w:before {
 content: "\f266";
}
.ficon-safari:before {
 content: "\f267";
}
.ficon-chrome:before {
 content: "\f268";
}
.ficon-firefox:before {
 content: "\f269";
}
.ficon-opera:before {
 content: "\f26a";
}
.ficon-internet-explorer:before {
 content: "\f26b";
}
.ficon-tv:before,
.ficon-television:before {
 content: "\f26c";
}
.ficon-contao:before {
 content: "\f26d";
}
.ficon-500px:before {
 content: "\f26e";
}
.ficon-amazon:before {
 content: "\f270";
}
.ficon-calendar-plus-o:before {
 content: "\f271";
}
.ficon-calendar-minus-o:before {
 content: "\f272";
}
.ficon-calendar-times-o:before {
 content: "\f273";
}
.ficon-calendar-check-o:before {
 content: "\f274";
}
.ficon-industry:before {
 content: "\f275";
}
.ficon-map-pin:before {
 content: "\f276";
}
.ficon-map-signs:before {
 content: "\f277";
}
.ficon-map-o:before {
 content: "\f278";
}
.ficon-map:before {
 content: "\f279";
}
.ficon-commenting:before {
 content: "\f27a";
}
.ficon-commenting-o:before {
 content: "\f27b";
}
.ficon-houzz:before {
 content: "\f27c";
}
.ficon-vimeo:before {
 content: "\f27d";
}
.ficon-black-tie:before {
 content: "\f27e";
}
.ficon-fonticons:before {
 content: "\f280";
}
.ficon-reddit-alien:before {
 content: "\f281";
}
.ficon-edge:before {
 content: "\f282";
}
.ficon-credit-card-alt:before {
 content: "\f283";
}
.ficon-codiepie:before {
 content: "\f284";
}
.ficon-modx:before {
 content: "\f285";
}
.ficon-fort-awesome:before {
 content: "\f286";
}
.ficon-usb:before {
 content: "\f287";
}
.ficon-product-hunt:before {
 content: "\f288";
}
.ficon-mixcloud:before {
 content: "\f289";
}
.ficon-scribd:before {
 content: "\f28a";
}
.ficon-pause-circle:before {
 content: "\f28b";
}
.ficon-pause-circle-o:before {
 content: "\f28c";
}
.ficon-stop-circle:before {
 content: "\f28d";
}
.ficon-stop-circle-o:before {
 content: "\f28e";
}
.ficon-shopping-bag:before {
 content: "\f290";
}
.ficon-shopping-basket:before {
 content: "\f291";
}
.ficon-hashtag:before {
 content: "\f292";
}
.ficon-bluetooth:before {
 content: "\f293";
}
.ficon-bluetooth-b:before {
 content: "\f294";
}
.ficon-percent:before {
 content: "\f295";
}
.ficon-gitlab:before {
 content: "\f296";
}
.ficon-wpbeginner:before {
 content: "\f297";
}
.ficon-wpforms:before {
 content: "\f298";
}
.ficon-envira:before {
 content: "\f299";
}
.ficon-universal-access:before {
 content: "\f29a";
}
.ficon-wheelchair-alt:before {
 content: "\f29b";
}
.ficon-question-circle-o:before {
 content: "\f29c";
}
.ficon-blind:before {
 content: "\f29d";
}
.ficon-audio-description:before {
 content: "\f29e";
}
.ficon-volume-control-phone:before {
 content: "\f2a0";
}
.ficon-braille:before {
 content: "\f2a1";
}
.ficon-assistive-listening-systems:before {
 content: "\f2a2";
}
.ficon-asl-interpreting:before,
.ficon-american-sign-language-interpreting:before {
 content: "\f2a3";
}
.ficon-deafness:before,
.ficon-hard-of-hearing:before,
.ficon-deaf:before {
 content: "\f2a4";
}
.ficon-glide:before {
 content: "\f2a5";
}
.ficon-glide-g:before {
 content: "\f2a6";
}
.ficon-signing:before,
.ficon-sign-language:before {
 content: "\f2a7";
}
.ficon-low-vision:before {
 content: "\f2a8";
}
.ficon-viadeo:before {
 content: "\f2a9";
}
.ficon-viadeo-square:before {
 content: "\f2aa";
}
.ficon-snapchat:before {
 content: "\f2ab";
}
.ficon-snapchat-ghost:before {
 content: "\f2ac";
}
.ficon-snapchat-square:before {
 content: "\f2ad";
}
.ficon-pied-piper:before {
 content: "\f2ae";
}
.ficon-first-order:before {
 content: "\f2b0";
}
.ficon-yoast:before {
 content: "\f2b1";
}
.ficon-themeisle:before {
 content: "\f2b2";
}
.ficon-google-plus-circle:before,
.ficon-google-plus-official:before {
 content: "\f2b3";
}
.ficon-fa:before,
.ficon-font-awesome:before {
 content: "\f2b4";
}
.ficon-handshake-o:before {
 content: "\f2b5";
}
.ficon-envelope-open:before {
 content: "\f2b6";
}
.ficon-envelope-open-o:before {
 content: "\f2b7";
}
.ficon-linode:before {
 content: "\f2b8";
}
.ficon-address-book:before {
 content: "\f2b9";
}
.ficon-address-book-o:before {
 content: "\f2ba";
}
.ficon-vcard:before,
.ficon-address-card:before {
 content: "\f2bb";
}
.ficon-vcard-o:before,
.ficon-address-card-o:before {
 content: "\f2bc";
}
.ficon-user-circle:before {
 content: "\f2bd";
}
.ficon-user-circle-o:before {
 content: "\f2be";
}
.ficon-user-o:before {
 content: "\f2c0";
}
.ficon-id-badge:before {
 content: "\f2c1";
}
.ficon-drivers-license:before,
.ficon-id-card:before {
 content: "\f2c2";
}
.ficon-drivers-license-o:before,
.ficon-id-card-o:before {
 content: "\f2c3";
}
.ficon-quora:before {
 content: "\f2c4";
}
.ficon-free-code-camp:before {
 content: "\f2c5";
}
.ficon-telegram:before {
 content: "\f2c6";
}
.ficon-thermometer-4:before,
.ficon-thermometer:before,
.ficon-thermometer-full:before {
 content: "\f2c7";
}
.ficon-thermometer-3:before,
.ficon-thermometer-three-quarters:before {
 content: "\f2c8";
}
.ficon-thermometer-2:before,
.ficon-thermometer-half:before {
 content: "\f2c9";
}
.ficon-thermometer-1:before,
.ficon-thermometer-quarter:before {
 content: "\f2ca";
}
.ficon-thermometer-0:before,
.ficon-thermometer-empty:before {
 content: "\f2cb";
}
.ficon-shower:before {
 content: "\f2cc";
}
.ficon-bathtub:before,
.ficon-s15:before,
.ficon-bath:before {
 content: "\f2cd";
}
.ficon-podcast:before {
 content: "\f2ce";
}
.ficon-window-maximize:before {
 content: "\f2d0";
}
.ficon-window-minimize:before {
 content: "\f2d1";
}
.ficon-window-restore:before {
 content: "\f2d2";
}
.ficon-times-rectangle:before,
.ficon-window-close:before {
 content: "\f2d3";
}
.ficon-times-rectangle-o:before,
.ficon-window-close-o:before {
 content: "\f2d4";
}
.ficon-bandcamp:before {
 content: "\f2d5";
}
.ficon-grav:before {
 content: "\f2d6";
}
.ficon-etsy:before {
 content: "\f2d7";
}
.ficon-imdb:before {
 content: "\f2d8";
}
.ficon-ravelry:before {
 content: "\f2d9";
}
.ficon-eercast:before {
 content: "\f2da";
}
.ficon-microchip:before {
 content: "\f2db";
}
.ficon-snowflake-o:before {
 content: "\f2dc";
}
.ficon-superpowers:before {
 content: "\f2dd";
}
.ficon-wpexplorer:before {
 content: "\f2de";
}
.ficon-meetup:before {
 content: "\f2e0";
}
.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
 position: static;
 width: auto;
 height: auto;
 margin: 0;
 overflow: visible;
 clip: auto;
}
@font-face {
	font-family: 'ap';
	src:url('/appimg/apfont/ap/ap.eot?pmlk9e');
	src:url('/appimg/apfont/ap/ap.eot?#iefixpmlk9e') format('embedded-opentype'),
 url('/appimg/apfont/ap/ap.ttf?pmlk9e') format('truetype'),
 url('/appimg/apfont/ap/ap.woff?pmlk9e') format('woff'),
 url('/appimg/apfont/ap/ap.svg?pmlk9e#ap') format('svg');
	font-weight: normal;
	font-style: normal;
}
.-ap, .ap{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'ap' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-uniF1D8:before {
 content: "\f1d8";
}
.icon-uniF1D0:before {
 content: "\f1d0";
}
.icon-uniF1D7:before {
 content: "\f1d7";
}
.icon-uniF1DE:before {
 content: "\f1de";
}
.icon-uniF183:before {
 content: "\f183";
}
.icon-uniF114:before {
 content: "\f114";
}
.icon-uniF156:before {
 content: "\f156";
}
.icon-uniF12C:before {
 content: "\f12c";
}
.icon-uniF11A:before {
 content: "\f11a";
}
.icon-uniF1AB:before {
 content: "\f1ab";
}
.icon-uniF10D:before {
 content: "\f10d";
}
.icon-uniF10F:before {
 content: "\f10f";
}
.icon-uniF101:before {
 content: "\f101";
}
.icon-uniF162:before {
 content: "\f162";
}
.icon-uniF15F:before {
 content: "\f15f";
}
.icon-uniF152:before {
 content: "\f152";
}
.icon-uniF149:before {
 content: "\f149";
}
.icon-uniF1AA:before {
 content: "\f1aa";
}
.icon-uniF111:before {
 content: "\f111";
}
.icon-uniF104:before {
 content: "\f104";
}
.icon-uniF193:before {
 content: "\f193";
}
.icon-uniF195:before {
 content: "\f195";
}
.icon-uniF196:before {
 content: "\f196";
}
.icon-uniF197:before {
 content: "\f197";
}
.icon-uniF198:before {
 content: "\f198";
}
.icon-uniF107:before {
 content: "\f107";
}
.icon-uniF13E:before {
 content: "\f13e";
}
.icon-uniF150:before {
 content: "\f150";
}
.icon-uniF148:before {
 content: "\f148";
}
.icon-uniF172:before {
 content: "\f172";
}
.icon-uniF14D:before {
 content: "\f14d";
}
.icon-uniF186:before {
 content: "\f186";
}
.icon-uniF127:before {
 content: "\f127";
}
.icon-uniF14B:before {
 content: "\f14b";
}
.icon-uniF1272:before {
 content: "\f128";
}
.icon-uniF12F:before {
 content: "\f12f";
}
.icon-uniF100:before {
 content: "\f100";
}
.icon-uniF129:before {
 content: "\f129";
}
.icon-uniF11B:before {
 content: "\f11b";
}
.icon-uniF116:before {
 content: "\f116";
}
.icon-uniF140:before {
 content: "\f140";
}
.icon-uniF12A:before {
 content: "\f12a";
}
.icon-uniF1072:before {
 content: "\f108";
}
.icon-uniF109:before {
 content: "\f109";
}
.icon-uniF10B:before {
 content: "\f10b";
}
.icon-uniF143:before {
 content: "\f143";
}
.icon-uniF10E:before {
 content: "\f10e";
}
.icon-uniF136:before {
 content: "\f136";
}
.icon-uniF146:before {
 content: "\f146";
}
.icon-uniF119:before {
 content: "\f119";
}
.icon-uniF15D:before {
 content: "\f15d";
}
.icon-uniF108:before {
 content: "\f10a";
}
.icon-uniF10D2:before {
 content: "\f110";
}
.icon-uniF11C:before {
 content: "\f11c";
}
.icon-uniF1522:before {
 content: "\f153";
}
.icon-uniF117:before {
 content: "\f117";
}
.icon-uniF110:before {
 content: "\f112";
}
.icon-uniF11F:before {
 content: "\f11f";
}
.icon-uniF132:before {
 content: "\f132";
}
.icon-uniF121:before {
 content: "\f121";
}
.icon-uniF10A:before {
 content: "\f10c";
}
.icon-uniF14A:before {
 content: "\f14a";
}
.icon-uniF11A2:before {
 content: "\f11d";
}
.icon-uniF159:before {
 content: "\f159";
}
.icon-uniF14F:before {
 content: "\f14f";
}
.icon-uniF13D:before {
 content: "\f13f";
}
.icon-uniF13B:before {
 content: "\f13b";
}
.icon-uniF106:before {
 content: "\f106";
}
.icon-ion-android-arrow-dropdown:before {
 content: "\f35f";
}
.icon-ion-android-arrow-dropleft:before {
 content: "\f361";
}
.icon-ion-android-arrow-dropright:before {
 content: "\f363";
}
.icon-ion-android-arrow-dropup:before {
 content: "\f365";
}
.icon-ion-android-checkbox-outline-blank:before {
 content: "\f372";
}
.icon-ion-android-checkbox-outline:before {
 content: "\f373";
}
.icon-ion-android-checkbox:before {
 content: "\f374";
}
.icon-ion-android-checkmark-circle:before {
 content: "\f375";
}
.icon-ion-android-close:before {
 content: "\f2d7";
}
.icon-ion-android-drafts:before {
 content: "\f384";
}
.icon-ion-android-pin:before {
 content: "\f3a3";
}
.icon-ion-bug:before {
 content: "\f2be";
}
.icon-ion-gear-a:before {
 content: "\f13d";
}
.icon-ion-ios-checkmark-outline:before {
 content: "\f3fe";
}
.icon-ion-ios-checkmark:before {
 content: "\f3ff";
}
.icon-ion-ios-close-outline:before {
 content: "\f405";
}
.icon-ion-ios-contact-outline:before {
 content: "\f419";
}
.icon-ion-ios-contact:before {
 content: "\f41a";
}
.icon-ion-ios-email-outline:before {
 content: "\f422";
}
.icon-ion-ios-email:before {
 content: "\f423";
}
.icon-ion-ios-gear:before {
 content: "\f43d";
}
.icon-ion-ios-grid-view-outline:before {
 content: "\f440";
}
.icon-ion-ios-keypad-outline:before {
 content: "\f44f";
}
.icon-ion-ios-keypad:before {
 content: "\f450";
}
.icon-ion-ios-pulse-strong:before {
 content: "\f492";
}
.icon-ion-ios-pulse:before {
 content: "\f493";
}
.icon-ion-ios-search-strong:before {
 content: "\f4a4";
}
.icon-ion-person-add:before {
 content: "\f211";
}
.icon-ion-person-stalker:before {
 content: "\f212";
}
.icon-ion-person:before {
 content: "\f213";
}
.icon-ion-ribbon-a:before {
 content: "\f348";
}
.icon-ion-ribbon-b:before {
 content: "\f349";
}
.icon-ion-social-buffer:before {
 content: "\f229";
}
.icon-ion-social-facebook:before {
 content: "\f231";
}
.icon-heart2:before {
 content: "\e630";
}
.icon-cloud2:before {
 content: "\e631";
}
.icon-star2:before {
 content: "\e632";
}
.icon-trash2:before {
 content: "\e636";
}
.icon-user2:before {
 content: "\e637";
}
.icon-settings2:before {
 content: "\e63a";
}
.icon-camera2:before {
 content: "\e63b";
}
.icon-tag2:before {
 content: "\e63c";
}
.icon-location3:before {
 content: "\e642";
}
.icon-bubble3:before {
 content: "\e644";
}
.icon-like2:before {
 content: "\e64a";
}
.icon-paperplane2:before {
 content: "\e64e";
}
.icon-data2:before {
 content: "\e651";
}
.icon-calendar22:before {
 content: "\e65b";
}
.icon-book:before {
 content: "\e900";
}
.icon-users:before {
 content: "\e906";
}
.icon-account_circle:before {
 content: "\e863";
}
.icon-apps:before {
 content: "\e5c3";
}
.icon-arrow_drop_down:before {
 content: "\e5c5";
}
.icon-arrow_drop_up:before {
 content: "\e5c7";
}
.icon-dashboard:before {
 content: "\e872";
}
.icon-donut_large:before {
 content: "\e944";
}
.icon-filter:before {
 content: "\e3d3";
}
.icon-folder_shared:before {
 content: "\e2c9";
}
.icon-folder_special:before {
 content: "\e61f";
}
.icon-grain:before {
 content: "\e3ea";
}
.icon-loyalty:before {
 content: "\e8c2";
}
.icon-pie_chart:before {
 content: "\e6c4";
}
.icon-show_chart:before {
 content: "\e6e1";
}
.icon-stars:before {
 content: "\e8d0";
}
.icon-style:before {
 content: "\e41d";
}
.icon-timeline:before {
 content: "\e948";
}
.icon-unfold_more:before {
 content: "\e5d7";
}
.icon-vibration:before {
 content: "\e62d";
}
.icon-times:before {
 content: "\e90b";
}
.icon-tick:before {
 content: "\e90f";
}
.icon-plus:before {
 content: "\e915";
}
.icon-minus:before {
 content: "\e952";
}
.icon-equals:before {
 content: "\e953";
}
.icon-chevron-right:before {
 content: "\e954";
}
.icon-chevron-left:before {
 content: "\e955";
}
.icon-th-small:before {
 content: "\e956";
}
.icon-th-menu:before {
 content: "\e957";
}
.icon-home:before {
 content: "\e95d";
}
.icon-arrow-forward:before {
 content: "\e95e";
}
.icon-arrow-back:before {
 content: "\e961";
}
.icon-location:before {
 content: "\e969";
}
.icon-link:before {
 content: "\e99d";
}
.icon-image:before {
 content: "\e99e";
}
.icon-star:before {
 content: "\e99f";
}
.icon-flash:before {
 content: "\e9b5";
}
.icon-chart-bar:before {
 content: "\e9ca";
}
.icon-eye:before {
 content: "\e9cb";
}
.icon-cog:before {
 content: "\e9cf";
}
.icon-pin:before {
 content: "\e9d6";
}
.icon-input-checked:before {
 content: "\e9d8";
}
.icon-world:before {
 content: "\e9e1";
}
.icon-flag:before {
 content: "\e9e2";
}
.icon-media-record:before {
 content: "\e9e8";
}
.icon-th-large-outline:before {
 content: "\e9f7";
}
.icon-equals-outline:before {
 content: "\ea1b";
}
.icon-th-small-outline:before {
 content: "\ea1c";
}
.icon-message:before {
 content: "\ea1d";
}
.icon-flash-outline:before {
 content: "\ea1f";
}
.icon-lock-closed-outline:before {
 content: "\ea20";
}
.icon-chart-bar-outline:before {
 content: "\ea21";
}
.icon-chart-area-outline:before {
 content: "\ea22";
}
.icon-pin-outline:before {
 content: "\ea23";
}
.icon-business-card:before {
 content: "\ea24";
}
.icon-flow-merge:before {
 content: "\ea25";
}
.icon-lightbulb:before {
 content: "\ea26";
}
.icon-contacts:before {
 content: "\ea27";
}
.icon-weather-cloudy:before {
 content: "\ea28";
}
.icon-social-facebook-circular:before {
 content: "\ea29";
}
.icon-paper-clip:before {
 content: "\e004";
}
.icon-mail6:before {
 content: "\e005";
}
.icon-ribbon:before {
 content: "\e009";
}
.icon-image4:before {
 content: "\e010";
}
.icon-clipboard3:before {
 content: "\e014";
}
.icon-clock3:before {
 content: "\e015";
}
.icon-cog4:before {
 content: "\e023";
}
.icon-stack-2:before {
 content: "\e033";
}
.icon-paper:before {
 content: "\e034";
}
.icon-circle-plus:before {
 content: "\e040";
}
.icon-circle-minus2:before {
 content: "\e041";
}
.icon-circle-check:before {
 content: "\e042";
}
.icon-circle-cross:before {
 content: "\e043";
}
.icon-square-plus:before {
 content: "\e044";
}
.icon-square-minus:before {
 content: "\e045";
}
.icon-square-check:before {
 content: "\e046";
}
.icon-square-cross:before {
 content: "\e047";
}
.icon-folder3:before {
 content: "\e059";
}
.icon-cloud3:before {
 content: "\e066";
}
.icon-cloud-upload3:before {
 content: "\e067";
}
.icon-cloud-download3:before {
 content: "\e068";
}
.icon-head:before {
 content: "\e074";
}
.icon-speech-bubble:before {
 content: "\e077";
}
.icon-reload:before {
 content: "\e080";
}
.icon-share5:before {
 content: "\e081";
}
.icon-bar-graph2:before {
 content: "\e090";
}
.icon-bar-graph-2:before {
 content: "\e091";
}
.icon-pie-graph:before {
 content: "\e092";
}
.icon-arrow-left3:before {
 content: "\e094";
}
.icon-arrow-right3:before {
 content: "\e095";
}
.icon-arrow-up3:before {
 content: "\e096";
}
.icon-arrow-down3:before {
 content: "\e097";
}
.icon-grid2:before {
 content: "\e103";
}
.icon-loader:before {
 content: "\e105";
}
.icon-plus3:before {
 content: "\e114";
}
.icon-minus3:before {
 content: "\e115";
}
.icon-check3:before {
 content: "\e116";
}
.icon-cross3:before {
 content: "\e118";
}
.icon-inbox2:before {
 content: "\e122";
}
.icon-outbox:before {
 content: "\e123";
}
.icon-file:before {
 content: "\e124";
}
.icon-open:before {
 content: "\e128";
}
.icon-ellipsis:before {
 content: "\e129";
}
.icon-adjust2:before {
 content: "\e39e";
}
.icon-airplay:before {
 content: "\e055";
}
.icon-arrow_back:before {
 content: "\e5c4";
}
.icon-arrow_downward:before {
 content: "\e5db";
}
.icon-arrow_forward:before {
 content: "\e5c8";
}
.icon-arrow_upward:before {
 content: "\e5d8";
}
.icon-attach_file:before {
 content: "\e226";
}
.icon-turned_in:before {
 content: "\e8fc";
}
.icon-turned_in_not2:before {
 content: "\e909";
}
.icon-call_missed:before {
 content: "\e0b4";
}
.icon-call_missed_outgoing:before {
 content: "\e0e4";
}
.icon-call_split:before {
 content: "\e0b6";
}
.icon-chat_bubble_outline:before {
 content: "\e0cb";
}
.icon-mode_edit:before {
 content: "\e256";
}
.icon-crop_original:before {
 content: "\e3c4";
}
.icon-crop_square:before {
 content: "\e3c6";
}
.icon-date_range:before {
 content: "\e9de";
}
.icon-insert_invitation:before {
 content: "\e250";
}
.icon-event_available:before {
 content: "\e61c";
}
.icon-event_busy:before {
 content: "\e61d";
}
.icon-event_note:before {
 content: "\e61e";
}
.icon-fiber_manual_record:before {
 content: "\e062";
}
.icon-get_app2:before {
 content: "\e9df";
}
.icon-file_upload:before {
 content: "\e2c6";
}
.icon-highlight_off:before {
 content: "\e9e4";
}
.icon-label2:before {
 content: "\ea03";
}
.icon-label_outline2:before {
 content: "\ea04";
}
.icon-lightbulb_outline:before {
 content: "\e9e5";
}
.icon-list4:before {
 content: "\ea05";
}
.icon-mail_outline:before {
 content: "\e0e1";
}
.icon-monetization_on:before {
 content: "\e263";
}
.icon-more_horiz:before {
 content: "\e5d3";
}
.icon-more_vert:before {
 content: "\e5d4";
}
.icon-photo_album:before {
 content: "\e411";
}
.icon-playlist_add_check:before {
 content: "\e065";
}
.icon-record_voice_over:before {
 content: "\e9e6";
}
.icon-slideshow:before {
 content: "\e41b";
}
.icon-today:before {
 content: "\ea06";
}
.icon-update:before {
 content: "\e932";
}
.icon-videocam:before {
 content: "\e04b";
}
.icon-web_asset:before {
 content: "\e06a";
}
.icon-error:before {
 content: "\e000";
}
.icon-error_outline:before {
 content: "\e001";
}
.icon-equalizer:before {
 content: "\e007";
}
.icon-loop:before {
 content: "\e00e";
}
.icon-mic3:before {
 content: "\e00f";
}
.icon-new_releases:before {
 content: "\e016";
}
.icon-play_arrow:before {
 content: "\e01b";
}
.icon-play_circle_filled:before {
 content: "\e01c";
}
.icon-play_circle_outline:before {
 content: "\e01d";
}
.icon-playlist_add:before {
 content: "\e01e";
}
.icon-recent_actors:before {
 content: "\e022";
}
.icon-replay:before {
 content: "\e025";
}
.icon-forum:before {
 content: "\e04d";
}
.icon-textsms:before {
 content: "\e061";
}
.icon-add:before {
 content: "\e069";
}
.icon-add_circle_outline:before {
 content: "\e06c";
}
.icon-content_paste:before {
 content: "\e073";
}
.icon-drafts:before {
 content: "\e075";
}
.icon-link3:before {
 content: "\e07b";
}
.icon-mail:before {
 content: "\e07c";
}
.icon-redo3:before {
 content: "\e07e";
}
.icon-report:before {
 content: "\e084";
}
.icon-access_time:before {
 content: "\e08e";
}
.icon-add_alarm:before {
 content: "\e08f";
}
.icon-data_usage:before {
 content: "\e09f";
}
.icon-now_widgets:before {
 content: "\e0ad";
}
.icon-insert_comment:before {
 content: "\e0e6";
}
.icon-insert_emoticon:before {
 content: "\e0e8";
}
.icon-insert_photo:before {
 content: "\e0eb";
}
.icon-mode_comment:before {
 content: "\e0ed";
}
.icon-attachment3:before {
 content: "\e0f7";
}
.icon-cloud_done:before {
 content: "\e0fa";
}
.icon-cloud_off:before {
 content: "\e0fc";
}
.icon-cloud_queue:before {
 content: "\e0fd";
}
.icon-cloud_upload:before {
 content: "\e0fe";
}
.icon-folder:before {
 content: "\e101";
}
.icon-folder_open:before {
 content: "\e102";
}
.icon-computer:before {
 content: "\e106";
}
.icon-desktop_mac:before {
 content: "\e107";
}
.icon-desktop_windows:before {
 content: "\e108";
}
.icon-keyboard_arrow_down:before {
 content: "\e10f";
}
.icon-keyboard_arrow_left:before {
 content: "\e110";
}
.icon-keyboard_arrow_right:before {
 content: "\e111";
}
.icon-keyboard_arrow_up:before {
 content: "\e112";
}
.icon-keyboard_backspace:before {
 content: "\e113";
}
.icon-keyboard_tab:before {
 content: "\e117";
}
.icon-laptop_chromebook:before {
 content: "\e11a";
}
.icon-security:before {
 content: "\e125";
}
.icon-device_hub:before {
 content: "\e130";
}
.icon-brightness_5:before {
 content: "\e13f";
}
.icon-camera_alt:before {
 content: "\e145";
}
.icon-filter_center_focus:before {
 content: "\e171";
}
.icon-filter_vintage:before {
 content: "\e177";
}
.icon-portrait:before {
 content: "\e1a7";
}
.icon-tune:before {
 content: "\e1ba";
}
.icon-wb_sunny:before {
 content: "\e1c0";
}
.icon-collections_bookmark:before {
 content: "\e1c1";
}
.icon-beenhere:before {
 content: "\e1c7";
}
.icon-layers2:before {
 content: "\e1d3";
}
.icon-local_mall:before {
 content: "\e1e4";
}
.icon-location_history:before {
 content: "\e1f2";
}
.icon-navigation:before {
 content: "\e1f5";
}
.icon-place:before {
 content: "\e1f7";
}
.icon-check2:before {
 content: "\e206";
}
.icon-close:before {
 content: "\e209";
}
.icon-fullscreen:before {
 content: "\e20c";
}
.icon-menu2:before {
 content: "\e20e";
}
.icon-more:before {
 content: "\e21f";
}
.icon-vpn_lock:before {
 content: "\e233";
}
.icon-group:before {
 content: "\e245";
}
.icon-group_add:before {
 content: "\e246";
}
.icon-mood:before {
 content: "\e248";
}
.icon-notifications:before {
 content: "\e24a";
}
.icon-notifications_none:before {
 content: "\e24b";
}
.icon-notifications_off:before {
 content: "\e24c";
}
.icon-notifications_active:before {
 content: "\e24d";
}
.icon-pages:before {
 content: "\e24f";
}
.icon-person:before {
 content: "\e253";
}
.icon-person_add:before {
 content: "\e254";
}
.icon-person_outline:before {
 content: "\e255";
}
.icon-public:before {
 content: "\e258";
}
.icon-school:before {
 content: "\e259";
}
.icon-share4:before {
 content: "\e25a";
}
.icon-whatshot:before {
 content: "\e25b";
}
.icon-star3:before {
 content: "\e260";
}
.icon-star_half:before {
 content: "\e261";
}
.icon-star_outline:before {
 content: "\e262";
}
.icon-add_shopping_cart:before {
 content: "\e269";
}
.icon-android2:before {
 content: "\e26e";
}
.icon-assessment:before {
 content: "\e271";
}
.icon-bookmark_outline:before {
 content: "\e27c";
}
.icon-cached:before {
 content: "\e27f";
}
.icon-change_history:before {
 content: "\e280";
}
.icon-code2:before {
 content: "\e284";
}
.icon-delete:before {
 content: "\e287";
}
.icon-done:before {
 content: "\e28a";
}
.icon-done_all:before {
 content: "\e28b";
}
.icon-explore:before {
 content: "\e28e";
}
.icon-extension:before {
 content: "\e28f";
}
.icon-favorite:before {
 content: "\e291";
}
.icon-favorite_outline:before {
 content: "\e292";
}
.icon-get_app:before {
 content: "\e298";
}
.icon-help2:before {
 content: "\e29b";
}
.icon-https:before {
 content: "\e2a1";
}
.icon-info:before {
 content: "\e2a2";
}
.icon-info_outline:before {
 content: "\e2a3";
}
.icon-input:before {
 content: "\e2a4";
}
.icon-label:before {
 content: "\e2a6";
}
.icon-label_outline:before {
 content: "\e2a7";
}
.icon-lock2:before {
 content: "\e2ab";
}
.icon-lock_open:before {
 content: "\e2ac";
}
.icon-lock_outline:before {
 content: "\e2ad";
}
.icon-note_add:before {
 content: "\e2b0";
}
.icon-open_in_browser:before {
 content: "\e2b1";
}
.icon-open_in_new:before {
 content: "\e2b2";
}
.icon-power_settings_new:before {
 content: "\e2c0";
}
.icon-query_builder:before {
 content: "\e2c2";
}
.icon-question_answer:before {
 content: "\e2c3";
}
.icon-search:before {
 content: "\e2ca";
}
.icon-settings:before {
 content: "\e2cb";
}
.icon-shopping_basket:before {
 content: "\e2de";
}
.icon-shopping_cart:before {
 content: "\e2df";
}
.icon-thumb_down:before {
 content: "\e2ed";
}
.icon-thumb_up:before {
 content: "\e2ee";
}
.icon-turned_in_not:before {
 content: "\e2f9";
}
.icon-visibility:before {
 content: "\e306";
}
.icon-card_giftcard:before {
 content: "\e308";
}
.icon-card_travel:before {
 content: "\e30a";
}
.icon-work:before {
 content: "\e30b";
}
.icon-help_outline:before {
 content: "\e30f";
}
.icon-reorder:before {
 content: "\e310";
}
.icon-chevron-down2:before {
 content: "\e6b1";
}
.icon-chevron-left22:before {
 content: "\e6b2";
}
.icon-chevron-right22:before {
 content: "\e6b3";
}
.icon-chevron-small-down:before {
 content: "\e6b4";
}
.icon-chevron-small-left:before {
 content: "\e6b5";
}
.icon-chevron-small-right:before {
 content: "\e6b6";
}
.icon-chevron-small-up:before {
 content: "\e6b7";
}
.icon-chevron-thin-down:before {
 content: "\e6b8";
}
.icon-chevron-thin-left:before {
 content: "\e6b9";
}
.icon-chevron-thin-right:before {
 content: "\e6ba";
}
.icon-chevron-thin-up:before {
 content: "\e6bb";
}
.icon-chevron-up2:before {
 content: "\e6bc";
}
.icon-chevron-with-circle-down:before {
 content: "\e6bd";
}
.icon-chevron-with-circle-left:before {
 content: "\e6be";
}
.icon-chevron-with-circle-right:before {
 content: "\e6bf";
}
.icon-chevron-with-circle-up:before {
 content: "\e6c0";
}
.icon-cloud4:before {
 content: "\e6c1";
}
.icon-controller-play:before {
 content: "\e6c6";
}
.icon-controller-record:before {
 content: "\e6c7";
}
.icon-controller-stop:before {
 content: "\e6c8";
}
.icon-dot-single:before {
 content: "\e6ca";
}
.icon-dots-three-horizontal:before {
 content: "\e6cb";
}
.icon-dots-three-vertical:before {
 content: "\e6cc";
}
.icon-dots-two-horizontal:before {
 content: "\e6cd";
}
.icon-dots-two-vertical:before {
 content: "\e6ce";
}
.icon-upload-to-cloud:before {
 content: "\e6e5";
}
.icon-adjust:before {
 content: "\e6e9";
}
.icon-back-in-time:before {
 content: "\e6f8";
}
.icon-bar-graph:before {
 content: "\e6fa";
}
.icon-beamed-note:before {
 content: "\e6fc";
}
.icon-block:before {
 content: "\e6ff";
}
.icon-book2:before {
 content: "\e700";
}
.icon-calendar4:before {
 content: "\e709";
}
.icon-camera4:before {
 content: "\e70a";
}
.icon-ccw:before {
 content: "\e70b";
}
.icon-check:before {
 content: "\e70d";
}
.icon-circle:before {
 content: "\e711";
}
.icon-code3:before {
 content: "\e716";
}
.icon-cog2:before {
 content: "\e717";
}
.icon-compass:before {
 content: "\e719";
}
.icon-credit-card:before {
 content: "\e71b";
}
.icon-credit:before {
 content: "\e71c";
}
.icon-cross2:before {
 content: "\e71d";
}
.icon-cw:before {
 content: "\e71f";
}
.icon-cycle:before {
 content: "\e720";
}
.icon-documents:before {
 content: "\e725";
}
.icon-drive:before {
 content: "\e727";
}
.icon-email:before {
 content: "\e72a";
}
.icon-export:before {
 content: "\e730";
}
.icon-flag3:before {
 content: "\e733";
}
.icon-flash2:before {
 content: "\e734";
}
.icon-forward2:before {
 content: "\e73b";
}
.icon-funnel:before {
 content: "\e73c";
}
.icon-game-controller:before {
 content: "\e73d";
}
.icon-globe:before {
 content: "\e73f";
}
.icon-graduation-cap:before {
 content: "\e740";
}
.icon-grid4:before {
 content: "\e741";
}
.icon-heart-outlined:before {
 content: "\e744";
}
.icon-heart4:before {
 content: "\e745";
}
.icon-help-with-circle:before {
 content: "\e746";
}
.icon-help:before {
 content: "\e747";
}
.icon-home2:before {
 content: "\e748";
}
.icon-image-inverted:before {
 content: "\e74a";
}
.icon-image5:before {
 content: "\e74b";
}
.icon-images:before {
 content: "\e74c";
}
.icon-infinity:before {
 content: "\e74e";
}
.icon-info-with-circle:before {
 content: "\e74f";
}
.icon-keyboard:before {
 content: "\e752";
}
.icon-laptop2:before {
 content: "\e756";
}
.icon-lifebuoy:before {
 content: "\e75a";
}
.icon-light-up:before {
 content: "\e75d";
}
.icon-line-graph:before {
 content: "\e75e";
}
.icon-link2:before {
 content: "\e75f";
}
.icon-list2:before {
 content: "\e760";
}
.icon-location-pin:before {
 content: "\e761";
}
.icon-location5:before {
 content: "\e762";
}
.icon-log-out:before {
 content: "\e765";
}
.icon-login:before {
 content: "\e766";
}
.icon-magnifying-glass:before {
 content: "\e769";
}
.icon-mail7:before {
 content: "\e76a";
}
.icon-map2:before {
 content: "\e76c";
}
.icon-medal:before {
 content: "\e76e";
}
.icon-menu3:before {
 content: "\e770";
}
.icon-message2:before {
 content: "\e771";
}
.icon-mic2:before {
 content: "\e772";
}
.icon-minus2:before {
 content: "\e773";
}
.icon-moon:before {
 content: "\e776";
}
.icon-new-message:before {
 content: "\e77a";
}
.icon-new:before {
 content: "\e77b";
}
.icon-news4:before {
 content: "\e77c";
}
.icon-note4:before {
 content: "\e77d";
}
.icon-notification:before {
 content: "\e77e";
}
.icon-old-phone:before {
 content: "\e780";
}
.icon-palette:before {
 content: "\e781";
}
.icon-paper-plane:before {
 content: "\e782";
}
.icon-phone4:before {
 content: "\e784";
}
.icon-pie-chart2:before {
 content: "\e785";
}
.icon-plus4:before {
 content: "\e787";
}
.icon-popup:before {
 content: "\e788";
}
.icon-print:before {
 content: "\e78c";
}
.icon-publish:before {
 content: "\e791";
}
.icon-quote:before {
 content: "\e792";
}
.icon-reply-all:before {
 content: "\e794";
}
.icon-reply:before {
 content: "\e795";
}
.icon-rss:before {
 content: "\e799";
}
.icon-ruler:before {
 content: "\e79a";
}
.icon-scissors:before {
 content: "\e79b";
}
.icon-share-alternitive:before {
 content: "\e79c";
}
.icon-share:before {
 content: "\e79d";
}
.icon-shield:before {
 content: "\e79f";
}
.icon-shopping-basket:before {
 content: "\e7a2";
}
.icon-shopping-cart:before {
 content: "\e7a3";
}
.icon-shuffle:before {
 content: "\e7a4";
}
.icon-signal:before {
 content: "\e7a5";
}
.icon-sound-mix:before {
 content: "\e7a6";
}
.icon-squared-cross:before {
 content: "\e7a9";
}
.icon-squared-minus:before {
 content: "\e7aa";
}
.icon-squared-plus:before {
 content: "\e7ab";
}
.icon-star-outlined:before {
 content: "\e7ac";
}
.icon-star4:before {
 content: "\e7ad";
}
.icon-suitcase:before {
 content: "\e7af";
}
.icon-swap:before {
 content: "\e7b0";
}
.icon-sweden:before {
 content: "\e7b1";
}
.icon-switch:before {
 content: "\e7b2";
}
.icon-tablet2:before {
 content: "\e7b3";
}
.icon-thumbs-down2:before {
 content: "\e7b9";
}
.icon-thumbs-up2:before {
 content: "\e7ba";
}
.icon-thunder-cloud:before {
 content: "\e7bb";
}
.icon-ticket:before {
 content: "\e7bc";
}
.icon-time-slot:before {
 content: "\e7bd";
}
.icon-typing:before {
 content: "\e7c3";
}
.icon-v-card:before {
 content: "\e7c8";
}
.icon-vinyl:before {
 content: "\e7ca";
}
.icon-wallet4:before {
 content: "\e7cc";
}
.icon-dropbox:before {
 content: "\e7d3";
}
.icon-evernote:before {
 content: "\e7d4";
}
.icon-google-drive:before {
 content: "\e7d7";
}
.icon-google-hangouts:before {
 content: "\e7d8";
}
.icon-icloud:before {
 content: "\e7da";
}
.icon-onedrive:before {
 content: "\e7dc";
}
.icon-paypal:before {
 content: "\e7dd";
}
.icon-picasa:before {
 content: "\e7de";
}
.icon-skype-with-circle:before {
 content: "\e7e4";
}
.icon-skype:before {
 content: "\e7e5";
}
.icon-soundcloud:before {
 content: "\e7e8";
}
.icon-spotify-with-circle:before {
 content: "\e7e9";
}
.icon-swarm:before {
 content: "\e7eb";
}
.icon-xing-with-circle:before {
 content: "\e7f1";
}
.icon-xing:before {
 content: "\e7f2";
}
.icon-yelp:before {
 content: "\e7f3";
}
.icon-dribbble:before {
 content: "\e7f5";
}
.icon-facebook-with-circle:before {
 content: "\e7f6";
}
.icon-facebook:before {
 content: "\e7f7";
}
.icon-flickr-with-circle:before {
 content: "\e7f8";
}
.icon-flickr:before {
 content: "\e7f9";
}
.icon-google:before {
 content: "\e7fd";
}
.icon-instagram:before {
 content: "\e7ff";
}
.icon-pinterest:before {
 content: "\e805";
}
.icon-tumblr:before {
 content: "\e80c";
}
.icon-twitter:before {
 content: "\e816";
}
.icon-youtube:before {
 content: "\e817";
}
.icon-alarm3:before {
 content: "\e858";
}
.icon-arrow-down:before {
 content: "\e878";
}
.icon-arrow-down-circle:before {
 content: "\e884";
}
.icon-arrow-left:before {
 content: "\e879";
}
.icon-arrow-left-circle:before {
 content: "\e885";
}
.icon-arrow-right:before {
 content: "\e87a";
}
.icon-arrow-right-circle:before {
 content: "\e886";
}
.icon-arrow-up:before {
 content: "\e877";
}
.icon-arrow-up-circle:before {
 content: "\e883";
}
.icon-book4:before {
 content: "\e828";
}
.icon-bookmark:before {
 content: "\e829";
}
.icon-briefcase:before {
 content: "\e84c";
}
.icon-bubble:before {
 content: "\e83f";
}
.icon-bug:before {
 content: "\e869";
}
.icon-calendar-full:before {
 content: "\e836";
}
.icon-camera:before {
 content: "\e826";
}
.icon-camera-video:before {
 content: "\e825";
}
.icon-cart:before {
 content: "\e82e";
}
.icon-chart-bars:before {
 content: "\e843";
}
.icon-checkmark-circle:before {
 content: "\e87f";
}
.icon-chevron-down3:before {
 content: "\e874";
}
.icon-chevron-down-circle:before {
 content: "\e888";
}
.icon-chevron-left3:before {
 content: "\e875";
}
.icon-chevron-left-circle:before {
 content: "\e889";
}
.icon-chevron-right3:before {
 content: "\e876";
}
.icon-chevron-right-circle:before {
 content: "\e88a";
}
.icon-chevron-up3:before {
 content: "\e873";
}
.icon-chevron-up-circle:before {
 content: "\e887";
}
.icon-circle-minus:before {
 content: "\e882";
}
.icon-cloud:before {
 content: "\e809";
}
.icon-cloud-check:before {
 content: "\e80d";
}
.icon-cloud-download:before {
 content: "\e80b";
}
.icon-cloud-upload:before {
 content: "\e80a";
}
.icon-code:before {
 content: "\e86a";
}
.icon-crop:before {
 content: "\e88b";
}
.icon-cross:before {
 content: "\e870";
}
.icon-cross-circle:before {
 content: "\e880";
}
.icon-database:before {
 content: "\e80e";
}
.icon-diamond:before {
 content: "\e845";
}
.icon-dice:before {
 content: "\e812";
}
.icon-download:before {
 content: "\e865";
}
.icon-drop:before {
 content: "\e804";
}
.icon-enter:before {
 content: "\e81f";
}
.icon-enter-down:before {
 content: "\e867";
}
.icon-envelope:before {
 content: "\e818";
}
.icon-exit:before {
 content: "\e820";
}
.icon-exit-up:before {
 content: "\e868";
}
.icon-file-add:before {
 content: "\e81e";
}
.icon-file-empty:before {
 content: "\e81d";
}
.icon-film-play:before {
 content: "\e824";
}
.icon-gift:before {
 content: "\e844";
}
.icon-heart:before {
 content: "\e813";
}
.icon-heart-pulse:before {
 content: "\e840";
}
.icon-inbox:before {
 content: "\e81a";
}
.icon-laptop:before {
 content: "\e83c";
}
.icon-laptop-phone:before {
 content: "\e83d";
}
.icon-layers:before {
 content: "\e88e";
}
.icon-license:before {
 content: "\e822";
}
.icon-line-spacing:before {
 content: "\e89c";
}
.icon-link5:before {
 content: "\e86b";
}
.icon-lock3:before {
 content: "\e80f";
}
.icon-magic-wand2:before {
 content: "\e803";
}
.icon-magnifier:before {
 content: "\e86f";
}
.icon-map:before {
 content: "\e834";
}
.icon-menu:before {
 content: "\e871";
}
.icon-menu-circle:before {
 content: "\e87e";
}
.icon-mic:before {
 content: "\e85e";
}
.icon-move:before {
 content: "\e87b";
}
.icon-music-note:before {
 content: "\e823";
}
.icon-paw:before {
 content: "\e84a";
}
.icon-pencil:before {
 content: "\e802";
}
.icon-phone-handset:before {
 content: "\e9d1";
}
.icon-pie-chart:before {
 content: "\e842";
}
.icon-plus-circle:before {
 content: "\e881";
}
.icon-pointer-down:before {
 content: "\e9bc";
}
.icon-pointer-left:before {
 content: "\e9be";
}
.icon-pointer-right:before {
 content: "\e9bd";
}
.icon-pointer-up:before {
 content: "\e8a6";
}
.icon-power-switch:before {
 content: "\e83e";
}
.icon-printer:before {
 content: "\e81c";
}
.icon-question-circle:before {
 content: "\e87d";
}
.icon-redo:before {
 content: "\e861";
}
.icon-screen:before {
 content: "\e839";
}
.icon-select:before {
 content: "\e852";
}
.icon-smartphone:before {
 content: "\e83a";
}
.icon-smile:before {
 content: "\e854";
}
.icon-sort-alpha-asc:before {
 content: "\e8a3";
}
.icon-sort-amount-asc:before {
 content: "\e8a4";
}
.icon-star5:before {
 content: "\e814";
}
.icon-star-empty2:before {
 content: "\e9bf";
}
.icon-star-half:before {
 content: "\e815";
}
.icon-sync:before {
 content: "\e862";
}
.icon-tablet:before {
 content: "\e83b";
}
.icon-tag:before {
 content: "\e82f";
}
.icon-text-align-center:before {
 content: "\e899";
}
.icon-text-align-justify:before {
 content: "\e89b";
}
.icon-text-align-left:before {
 content: "\e898";
}
.icon-text-align-right:before {
 content: "\e89a";
}
.icon-text-format:before {
 content: "\e890";
}
.icon-thumbs-down:before {
 content: "\e86e";
}
.icon-thumbs-up:before {
 content: "\e86d";
}
.icon-trash:before {
 content: "\e811";
}
.icon-undo:before {
 content: "\e860";
}
.icon-unlink:before {
 content: "\e86c";
}
.icon-upload:before {
 content: "\e866";
}
.icon-user6:before {
 content: "\e82a";
}
.icon-users3:before {
 content: "\e82b";
}
.icon-volume:before {
 content: "\e85d";
}
.icon-volume-high:before {
 content: "\e85a";
}
.icon-volume-low:before {
 content: "\e85c";
}
.icon-volume-medium:before {
 content: "\e85b";
}
.icon-warning:before {
 content: "\e87c";
}
.icon-plus42:before {
 content: "\e608";
}
.icon-user:before {
 content: "\ea2a";
}
.icon-checkmark:before {
 content: "\ea2b";
}
.icon-alarm:before {
 content: "\ea2c";
}
.icon-grid:before {
 content: "\ea2d";
}
.icon-forward:before {
 content: "\ea2e";
}
.icon-addressbook:before {
 content: "\ea2f";
}
.icon-calendar:before {
 content: "\f068";
}
.icon-chevron-down:before {
 content: "\f0a3";
}
.icon-chevron-left2:before {
 content: "\f0a4";
}
.icon-chevron-right2:before {
 content: "\f078";
}
.icon-chevron-up:before {
 content: "\f0a2";
}
.icon-comment:before {
 content: "\f02b";
}
.icon-diff-added:before {
 content: "\f06b";
}
.icon-file-directory:before {
 content: "\f016";
}
.icon-list-unordered:before {
 content: "\f061";
}
.icon-lock:before {
 content: "\f06a";
}
.icon-mail2:before {
 content: "\f03b";
}
.icon-mail-read:before {
 content: "\f03c";
}
.icon-plus2:before {
 content: "\f05d";
}
.icon-primitive-dot:before {
 content: "\f052";
}
.icon-repo:before {
 content: "\f001";
}
.icon-ruby:before {
 content: "\f047";
}
.icon-search2:before {
 content: "\f02e";
}
.icon-triangle-down:before {
 content: "\f05b";
}
.icon-triangle-left:before {
 content: "\f044";
}
.icon-triangle-right:before {
 content: "\f05a";
}
.icon-triangle-up:before {
 content: "\f0aa";
}
.icon-out:before {
 content: "\e90a";
}
.icon-in:before {
 content: "\e90c";
}
.icon-in-alt:before {
 content: "\e933";
}
.icon-home5:before {
 content: "\e934";
}
.icon-add2:before {
 content: "\e939";
}
.icon-subtract:before {
 content: "\e93b";
}
.icon-exclamation:before {
 content: "\e93c";
}
.icon-question2:before {
 content: "\e93d";
}
.icon-close2:before {
 content: "\e9aa";
}
.icon-cmd:before {
 content: "\e9b2";
}
.icon-forbid:before {
 content: "\e9b3";
}
.icon-envelope3:before {
 content: "\e9c8";
}
.icon-compose:before {
 content: "\e9c9";
}
.icon-trash3:before {
 content: "\ea07";
}
.icon-trash-alt:before {
 content: "\ea08";
}
.icon-grid3:before {
 content: "\ea09";
}
.icon-grid-alt:before {
 content: "\ea0a";
}
.icon-menu4:before {
 content: "\ea0b";
}
.icon-list5:before {
 content: "\ea0c";
}
.icon-gallery:before {
 content: "\ea0d";
}
.icon-clock4:before {
 content: "\ea0e";
}
.icon-attachment2:before {
 content: "\ea0f";
}
.icon-user3:before {
 content: "\ea10";
}
.icon-chat:before {
 content: "\ea11";
}
.icon-comments:before {
 content: "\ea12";
}
.icon-screen2:before {
 content: "\ea13";
}
.icon-googleplus:before {
 content: "\ea14";
}
.icon-pin2:before {
 content: "\ea15";
}
.icon-cloud6:before {
 content: "\ea16";
}
.icon-circle-full:before {
 content: "\ea17";
}
.icon-comment-alt2-stroke:before {
 content: "\e9f1";
}
.icon-comment-alt2-fill:before {
 content: "\e9f2";
}
.icon-mail5:before {
 content: "\e9f3";
}
.icon-pin3:before {
 content: "\ea18";
}
.icon-link4:before {
 content: "\ea19";
}
.icon-loop-alt1:before {
 content: "\ea1a";
}
.icon-left-quote:before {
 content: "\e9f4";
}
.icon-right-quote:before {
 content: "\e9f5";
}
.icon-pen:before {
 content: "\e9f9";
}
.icon-pen-alt-stroke:before {
 content: "\e9fa";
}
.icon-pen-alt-fill:before {
 content: "\e9fb";
}
.icon-pen-alt2:before {
 content: "\e9fc";
}
.icon-chart2:before {
 content: "\e9fd";
}
.icon-chart-alt:before {
 content: "\e9fe";
}
.icon-bars2:before {
 content: "\e9ff";
}
.icon-bars-alt:before {
 content: "\ea00";
}
.icon-unlock-stroke:before {
 content: "\ea01";
}
.icon-unlock-fill:before {
 content: "\ea02";
}
.icon-warning3:before {
 content: "\e60c";
}
.icon-envelope2:before {
 content: "\e60d";
}
.icon-picture2:before {
 content: "\e60e";
}
.icon-earth2:before {
 content: "\e60f";
}
.icon-bookmark2:before {
 content: "\e610";
}
.icon-calendar2:before {
 content: "\e611";
}
.icon-location2:before {
 content: "\e612";
}
.icon-gift2:before {
 content: "\e613";
}
.icon-flag2:before {
 content: "\e614";
}
.icon-bookmark3:before {
 content: "\e615";
}
.icon-atom:before {
 content: "\e616";
}
.icon-flame:before {
 content: "\f0d2";
}
.icon-gear:before {
 content: "\f02f";
}
.icon-gift3:before {
 content: "\f042";
}
.icon-stop3:before {
 content: "\f08f";
}
.icon-checkmark3:before {
 content: "\e617";
}
.icon-cog3:before {
 content: "\e600";
}
.icon-lightbulb2:before {
 content: "\e601";
}
.icon-hash:before {
 content: "\e602";
}
.icon-left-quote-alt:before {
 content: "\e609";
}
.icon-right-quote-alt:before {
 content: "\e60a";
}
.icon-book3:before {
 content: "\e603";
}
.icon-book-alt:before {
 content: "\e618";
}
.icon-image3:before {
 content: "\e619";
}
.icon-chart:before {
 content: "\e604";
}
.icon-bars:before {
 content: "\e61a";
}
.icon-clock2:before {
 content: "\e605";
}
.icon-star32:before {
 content: "\e606";
}
.icon-map-pin-fill:before {
 content: "\e607";
}
.icon-download5:before {
 content: "\e61b";
}
.icon-paperclip:before {
 content: "\e60b";
}
.icon-home4:before {
 content: "\e819";
}
.icon-home3:before {
 content: "\e821";
}
.icon-newspaper:before {
 content: "\e82c";
}
.icon-pencil3:before {
 content: "\e82d";
}
.icon-pencil22:before {
 content: "\e830";
}
.icon-eyedropper:before {
 content: "\e831";
}
.icon-image2:before {
 content: "\e832";
}
.icon-images2:before {
 content: "\e833";
}
.icon-camera5:before {
 content: "\e835";
}
.icon-music5:before {
 content: "\e838";
}
.icon-play:before {
 content: "\e841";
}
.icon-film:before {
 content: "\e846";
}
.icon-video-camera:before {
 content: "\e847";
}
.icon-spades:before {
 content: "\e9db";
}
.icon-clubs:before {
 content: "\e9dc";
}
.icon-diamonds:before {
 content: "\e848";
}
.icon-bullhorn:before {
 content: "\e849";
}
.icon-connection:before {
 content: "\e84b";
}
.icon-feed:before {
 content: "\e84d";
}
.icon-mic22:before {
 content: "\e84e";
}
.icon-book22:before {
 content: "\e84f";
}
.icon-books:before {
 content: "\e850";
}
.icon-file-text:before {
 content: "\e853";
}
.icon-profile:before {
 content: "\e855";
}
.icon-file-empty2:before {
 content: "\e856";
}
.icon-files-empty:before {
 content: "\e857";
}
.icon-file-text2:before {
 content: "\e859";
}
.icon-file-picture:before {
 content: "\e85f";
}
.icon-file-music:before {
 content: "\e88f";
}
.icon-file-play:before {
 content: "\e891";
}
.icon-file-video:before {
 content: "\e893";
}
.icon-file-zip:before {
 content: "\e894";
}
.icon-paste:before {
 content: "\e895";
}
.icon-stack4:before {
 content: "\e896";
}
.icon-folder2:before {
 content: "\e897";
}
.icon-folder-open:before {
 content: "\e89d";
}
.icon-folder-plus:before {
 content: "\e89e";
}
.icon-folder-minus:before {
 content: "\e89f";
}
.icon-folder-download:before {
 content: "\e8a0";
}
.icon-folder-upload:before {
 content: "\e8a1";
}
.icon-price-tag2:before {
 content: "\e8a2";
}
.icon-price-tags:before {
 content: "\e8a5";
}
.icon-barcode:before {
 content: "\e8a7";
}
.icon-qrcode:before {
 content: "\e8a8";
}
.icon-ticket2:before {
 content: "\e8a9";
}
.icon-cart2:before {
 content: "\e8aa";
}
.icon-coin-dollar:before {
 content: "\e8ab";
}
.icon-coin-euro:before {
 content: "\e8ac";
}
.icon-coin-pound:before {
 content: "\e8ad";
}
.icon-coin-yen:before {
 content: "\e8ae";
}
.icon-credit-card2:before {
 content: "\e8af";
}
.icon-calculator2:before {
 content: "\e8b0";
}
.icon-lifebuoy2:before {
 content: "\e8b1";
}
.icon-phone5:before {
 content: "\e8b2";
}
.icon-phone-hang-up:before {
 content: "\e8b3";
}
.icon-address-book:before {
 content: "\e8b4";
}
.icon-envelop:before {
 content: "\e8b5";
}
.icon-location6:before {
 content: "\e8b7";
}
.icon-location22:before {
 content: "\e8b8";
}
.icon-compass3:before {
 content: "\e8b9";
}
.icon-compass2:before {
 content: "\e8ba";
}
.icon-map3:before {
 content: "\e8bb";
}
.icon-map22:before {
 content: "\e8bc";
}
.icon-history2:before {
 content: "\e8bd";
}
.icon-clock6:before {
 content: "\e8be";
}
.icon-clock22:before {
 content: "\e8bf";
}
.icon-alarm2:before {
 content: "\e8c0";
}
.icon-bell2:before {
 content: "\e8c1";
}
.icon-calendar5:before {
 content: "\e8c3";
}
.icon-printer2:before {
 content: "\e8c4";
}
.icon-keyboard2:before {
 content: "\e8c5";
}
.icon-display4:before {
 content: "\e8c6";
}
.icon-laptop22:before {
 content: "\e8c7";
}
.icon-mobile3:before {
 content: "\e8c8";
}
.icon-mobile2:before {
 content: "\e8c9";
}
.icon-tablet22:before {
 content: "\e8ca";
}
.icon-tv5:before {
 content: "\e8cb";
}
.icon-drawer:before {
 content: "\e8cc";
}
.icon-drawer2:before {
 content: "\e8cd";
}
.icon-box-add:before {
 content: "\e8ce";
}
.icon-box-remove:before {
 content: "\e8cf";
}
.icon-drive2:before {
 content: "\e8d3";
}
.icon-database2:before {
 content: "\e8d4";
}
.icon-undo2:before {
 content: "\e8d5";
}
.icon-redo2:before {
 content: "\e8d6";
}
.icon-undo22:before {
 content: "\e8d7";
}
.icon-redo22:before {
 content: "\e8d8";
}
.icon-forward4:before {
 content: "\e8d9";
}
.icon-reply2:before {
 content: "\e8da";
}
.icon-bubble5:before {
 content: "\e8db";
}
.icon-bubbles:before {
 content: "\e8dc";
}
.icon-bubbles2:before {
 content: "\e8dd";
}
.icon-bubble2:before {
 content: "\e8de";
}
.icon-bubbles3:before {
 content: "\e8df";
}
.icon-bubbles4:before {
 content: "\e8e0";
}
.icon-user5:before {
 content: "\e8e1";
}
.icon-user-plus:before {
 content: "\e8e3";
}
.icon-user-minus:before {
 content: "\e8e4";
}
.icon-user-check:before {
 content: "\e8e5";
}
.icon-quotes-left:before {
 content: "\e8e7";
}
.icon-quotes-right:before {
 content: "\e8e8";
}
.icon-hour-glass2:before {
 content: "\e8e9";
}
.icon-spinner:before {
 content: "\e8ea";
}
.icon-spinner2:before {
 content: "\e8eb";
}
.icon-spinner3:before {
 content: "\e8ec";
}
.icon-spinner4:before {
 content: "\e8ed";
}
.icon-spinner6:before {
 content: "\e8ef";
}
.icon-spinner7:before {
 content: "\e8f0";
}
.icon-spinner8:before {
 content: "\e8f1";
}
.icon-spinner9:before {
 content: "\e8f2";
}
.icon-spinner11:before {
 content: "\e8f3";
}
.icon-enlarge:before {
 content: "\e8f6";
}
.icon-lock5:before {
 content: "\e8fa";
}
.icon-unlocked:before {
 content: "\e8fb";
}
.icon-cog22:before {
 content: "\e8fe";
}
.icon-aid-kit:before {
 content: "\e901";
}
.icon-bug2:before {
 content: "\e902";
}
.icon-pie-chart22:before {
 content: "\e903";
}
.icon-stats-dots:before {
 content: "\e904";
}
.icon-stats-bars:before {
 content: "\e905";
}
.icon-trophy2:before {
 content: "\e907";
}
.icon-gift4:before {
 content: "\e908";
}
.icon-fire4:before {
 content: "\e90d";
}
.icon-bin:before {
 content: "\e90e";
}
.icon-briefcase2:before {
 content: "\e910";
}
.icon-truck4:before {
 content: "\e911";
}
.icon-switch2:before {
 content: "\e912";
}
.icon-clipboard2:before {
 content: "\e913";
}
.icon-tree2:before {
 content: "\e917";
}
.icon-cloud5:before {
 content: "\e919";
}
.icon-cloud-check2:before {
 content: "\e91c";
}
.icon-download22:before {
 content: "\e91d";
}
.icon-upload22:before {
 content: "\e91e";
}
.icon-download3:before {
 content: "\e91f";
}
.icon-upload3:before {
 content: "\e920";
}
.icon-sphere:before {
 content: "\e921";
}
.icon-earth:before {
 content: "\e922";
}
.icon-link22:before {
 content: "\e923";
}
.icon-attachment22:before {
 content: "\e924";
}
.icon-bookmark22:before {
 content: "\e929";
}
.icon-bookmarks2:before {
 content: "\e92a";
}
.icon-sun:before {
 content: "\e92b";
}
.icon-contrast:before {
 content: "\e92c";
}
.icon-star-empty:before {
 content: "\e92d";
}
.icon-star-half2:before {
 content: "\e92e";
}
.icon-star-full:before {
 content: "\e92f";
}
.icon-heart5:before {
 content: "\e930";
}
.icon-heart-broken:before {
 content: "\e931";
}
.icon-happy:before {
 content: "\e935";
}
.icon-happy2:before {
 content: "\e936";
}
.icon-smile2:before {
 content: "\e937";
}
.icon-smile22:before {
 content: "\e938";
}
.icon-sad:before {
 content: "\e93a";
}
.icon-shocked:before {
 content: "\e93e";
}
.icon-neutral:before {
 content: "\e93f";
}
.icon-point-up:before {
 content: "\e940";
}
.icon-point-right:before {
 content: "\e941";
}
.icon-point-down:before {
 content: "\e942";
}
.icon-point-left:before {
 content: "\e943";
}
.icon-notification2:before {
 content: "\e945";
}
.icon-question:before {
 content: "\e946";
}
.icon-plus22:before {
 content: "\e947";
}
.icon-info2:before {
 content: "\e949";
}
.icon-cancel-circle:before {
 content: "\e94a";
}
.icon-blocked:before {
 content: "\e94b";
}
.icon-checkmark2:before {
 content: "\e94d";
}
.icon-checkmark22:before {
 content: "\e94e";
}
.icon-enter2:before {
 content: "\e94f";
}
.icon-exit2:before {
 content: "\e950";
}
.icon-play2:before {
 content: "\e951";
}
.icon-play3:before {
 content: "\e958";
}
.icon-pause2:before {
 content: "\e959";
}
.icon-stop2:before {
 content: "\e95a";
}
.icon-backward2:before {
 content: "\e95b";
}
.icon-forward3:before {
 content: "\e95c";
}
.icon-previous2:before {
 content: "\e95f";
}
.icon-next2:before {
 content: "\e960";
}
.icon-volume-high2:before {
 content: "\e962";
}
.icon-volume-medium2:before {
 content: "\e963";
}
.icon-volume-low2:before {
 content: "\e964";
}
.icon-volume-mute:before {
 content: "\e965";
}
.icon-volume-mute2:before {
 content: "\e966";
}
.icon-volume-increase:before {
 content: "\e967";
}
.icon-volume-decrease:before {
 content: "\e968";
}
.icon-loop2:before {
 content: "\e96a";
}
.icon-infinite:before {
 content: "\e96b";
}
.icon-shuffle2:before {
 content: "\e96c";
}
.icon-arrow-up-left2:before {
 content: "\e96d";
}
.icon-arrow-up2:before {
 content: "\e96e";
}
.icon-arrow-up-right2:before {
 content: "\e96f";
}
.icon-arrow-right2:before {
 content: "\e970";
}
.icon-arrow-down-right2:before {
 content: "\e971";
}
.icon-arrow-down2:before {
 content: "\e972";
}
.icon-arrow-down-left2:before {
 content: "\e973";
}
.icon-arrow-left2:before {
 content: "\e974";
}
.icon-circle-up:before {
 content: "\e975";
}
.icon-circle-right:before {
 content: "\e976";
}
.icon-circle-down:before {
 content: "\e977";
}
.icon-circle-left:before {
 content: "\e978";
}
.icon-tab:before {
 content: "\e979";
}
.icon-move-up:before {
 content: "\e97a";
}
.icon-move-down:before {
 content: "\e97b";
}
.icon-sort-alpha-asc2:before {
 content: "\e97c";
}
.icon-sort-alpha-desc:before {
 content: "\e97d";
}
.icon-sort-numeric-asc:before {
 content: "\e97e";
}
.icon-sort-numberic-desc:before {
 content: "\e97f";
}
.icon-sort-amount-asc2:before {
 content: "\e980";
}
.icon-sort-amount-desc:before {
 content: "\e981";
}
.icon-command:before {
 content: "\e982";
}
.icon-shift:before {
 content: "\e983";
}
.icon-ctrl:before {
 content: "\e984";
}
.icon-checkbox-checked:before {
 content: "\e986";
}
.icon-checkbox-unchecked:before {
 content: "\e987";
}
.icon-radio-checked:before {
 content: "\e988";
}
.icon-radio-checked2:before {
 content: "\e989";
}
.icon-radio-unchecked:before {
 content: "\e98a";
}
.icon-crop2:before {
 content: "\e98b";
}
.icon-ungroup:before {
 content: "\e98c";
}
.icon-scissors2:before {
 content: "\e98d";
}
.icon-filter2:before {
 content: "\e9bb";
}
.icon-table:before {
 content: "\e98e";
}
.icon-table2:before {
 content: "\e98f";
}
.icon-share3:before {
 content: "\e997";
}
.icon-new-tab:before {
 content: "\e998";
}
.icon-embed:before {
 content: "\e999";
}
.icon-embed2:before {
 content: "\e99a";
}
.icon-terminal:before {
 content: "\e99b";
}
.icon-share2:before {
 content: "\e99c";
}
.icon-google2:before {
 content: "\e9a0";
}
.icon-google-plus:before {
 content: "\e9a1";
}
.icon-google-plus2:before {
 content: "\e9a2";
}
.icon-google-plus3:before {
 content: "\e9a3";
}
.icon-google-drive2:before {
 content: "\e9a4";
}
.icon-facebook4:before {
 content: "\e9a5";
}
.icon-facebook2:before {
 content: "\e9a6";
}
.icon-facebook3:before {
 content: "\e9a7";
}
.icon-twitter4:before {
 content: "\e9a8";
}
.icon-twitter2:before {
 content: "\e9a9";
}
.icon-feed2:before {
 content: "\e9ab";
}
.icon-feed3:before {
 content: "\e9ac";
}
.icon-feed4:before {
 content: "\e9ad";
}
.icon-youtube5:before {
 content: "\e9ae";
}
.icon-youtube2:before {
 content: "\e9af";
}
.icon-youtube3:before {
 content: "\e9b0";
}
.icon-vimeo2:before {
 content: "\e9b4";
}
.icon-flickr5:before {
 content: "\e9b6";
}
.icon-flickr2:before {
 content: "\e9b7";
}
.icon-flickr3:before {
 content: "\e9b8";
}
.icon-picassa:before {
 content: "\e9b9";
}
.icon-dribbble4:before {
 content: "\e9ba";
}
.icon-dropbox2:before {
 content: "\e9c0";
}
.icon-onedrive2:before {
 content: "\e9c1";
}
.icon-github6:before {
 content: "\e9c2";
}
.icon-github2:before {
 content: "\e9c3";
}
.icon-github4:before {
 content: "\e9c5";
}
.icon-github5:before {
 content: "\e9c6";
}
.icon-wordpress:before {
 content: "\e9c7";
}
.icon-tumblr3:before {
 content: "\e9cc";
}
.icon-tumblr2:before {
 content: "\e9cd";
}
.icon-yahoo:before {
 content: "\e9ce";
}
.icon-apple:before {
 content: "\e9d0";
}
.icon-android:before {
 content: "\e9d2";
}
.icon-windows:before {
 content: "\e9d3";
}
.icon-windows8:before {
 content: "\e9d4";
}
.icon-soundcloud3:before {
 content: "\e9d5";
}
.icon-skype2:before {
 content: "\e9d7";
}
.icon-linkedin3:before {
 content: "\e9d9";
}
.icon-linkedin2:before {
 content: "\e9da";
}
.icon-delicious:before {
 content: "\e9dd";
}
.icon-stackoverflow:before {
 content: "\e9e0";
}
.icon-xing3:before {
 content: "\e9e3";
}
.icon-paypal4:before {
 content: "\e9e7";
}
.icon-paypal3:before {
 content: "\e9e9";
}
.icon-yelp2:before {
 content: "\e9ea";
}
.icon-file-pdf:before {
 content: "\e9eb";
}
.icon-file-openoffice:before {
 content: "\e9ec";
}
.icon-file-word:before {
 content: "\e9ed";
}
.icon-file-excel:before {
 content: "\e9ee";
}
.icon-libreoffice:before {
 content: "\e9ef";
}
.icon-html5:before {
 content: "\e9f0";
}
.icon-chrome:before {
 content: "\e9f6";
}
.icon-IE:before {
 content: "\e9f8";
}
.md-display{	
}
.md-display h1{
	font-size:28px;
	padding-bottom:10px;
	margin-top:10px;
}
.md-display h2{
	font-size:22px;
	padding-bottom:8px;
	margin-top:8px;
}
.md-display h3{
	font-size:20px;
	padding-bottom:15px;
	margin-top:6px;
}
.md-display h4{
	font-size:18px;
	padding-bottom:4px;
	margin-top:4px;
}
.md-display h5{
	font-size:16px;
	padding-bottom:4px;
	margin-top:4px;
}
.md-display h6{
	font-size:15px;
	padding-bottom:4px;
	margin-top:4px;
}
.md-display a{
	font-weight:normal;
}
.md-display a:hover{
	text-decoration:underline;
}
.md-display > div{
	padding-bottom:8px;
}
.md-display > div.md-hr{
	height:1px;
	padding:0 !important;
	background: rgba(0,0,0,0.1);
	margin:20px 0 20px 0;
}
.md-display .md-doc-link{
	cursor:pointer;
 color:#333;
	font-weight:normal;
	font-style:italic;
}
.md-display .md-doc-link:hover{
	color:#267cde;
	text-decoration:underline;
}
.md-display .md-doc-label{
	font-weight:bold;
 color:#555;
}
.md-display .md-fn-link{
	color:#267cde;
	font-weight:bold;
	cursor:pointer;
}
.md-display .md-fn-link:hover{
	text-decoration:underline;
}
.md-display .md-footnotes{
	position:relative;
	padding-top:30px;
}
.md-display .md-footnotes:before{
	position:absolute;
	width:30%;
	background-color: #ddd;
	height:1px;
	top:15px;
	content:"";
}
.md-display .md-footnotes .md-footnote{
	position:relative;
	font-family: Arial, san-serif;
	font-size:13px;
 color:#666;
	line-height:18px;
	padding-bottom:8px;
	padding-left:24px;
}
.md-display .md-footnotes .md-footnote .md-index{
	position:absolute;
	font-weight:bold;
	font-size:15px;
	top:0px;
	left:0px;
}
.md-display ul{
	list-style-type: square;
	margin-left:20px;
	margin-bottom:5px;
}
.md-display ol{
	list-style-type: decimal;
	margin-left:20px;
	margin-bottom:5px;
}
.md-display .md-ul li{
	padding-bottom:8px;
}
.md-display .md-def{
}
.md-display .md-def .dt{
	font-weight:bold;
	font-size:15px;
}
.md-display .md-def .dd{
	padding-left:30px;
	padding-top:4px;
	position:relative;
}
.md-display .md-def .dd:before{
	position:absolute;
	background: rgba(0,0,0,0.2);
	height:2px;
	width:13px;
	left:10px;
	top:13px;
	content:"";
}
.md-display .md-quote{
	font-size:16px;
	font-weight:300;
	padding-left:24px;
	padding-bottom:0px;
	margin-bottom:10px;
	border-left:5px solid #eee;
}
.md-display .md-quote .md-quote-by{
	padding-top:6px;
	font-weight:normal;
	font-size:15px;
}
.md-display .md-table{
	width:100%;
	margin-bottom:8px;
}
.md-display .md-table td{
	border:1px solid #e8e8e8;
	padding:8px 10px;
}
.md-display .md-table th{
	background-color: #f9f9f9;
	font-weight:bold;
	font-size:15px;
	padding:10px;
	border:1px solid #e8e8e8;
}
.md-display .md-image{
	text-align:center;
	overflow:hidden;
}
.md-display .md-image img{
	max-width:100%;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.05);
} 
.md-display .md-image .md-image-caption{
	padding-top:9px;
	padding-bottom:3px;
	font-size:15px;
	font-style:italic;
 color:#999;
}
.md-display .md-math{
	padding-bottom:10px;
}
.md-display .md-code{
	padding-bottom:10px;
}
.md-display pre.md-raw{
	padding:8px;
	background-color: #f8f8f8;
	font-family: Consolas, Courier New, Courier New, monospace;
	font-size:14px;
	line-height:22px;
	margin:8px 0;
	border:1px solid #eee;
}
.md-display .md-note{
	padding:13px 15px;
	font-size:16px;
	position:relative;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-bottom:8px;
}
.md-display .md-note .md-icode{
	background: rgba(255,255,255,0.5);
}
.md-display .md-note .md-note-icon{
	position:absolute;
	top:50%;
	left:15px;
}
.md-display .md-note.is-std{
	background-color: #F0F7FB;
	border:1px solid #c8e3f2;
}
.md-display .md-note.is-success{
	background-color: #E7F6F0;
	border:1px solid #9be3c7;
}
.md-display .md-note.is-success .md-note-icon{
	color:#21ce8b;
}
.md-display .md-note.is-neutral{
	background-color: #f6f6f6;
	border:1px solid #eee;
}
.md-display .md-note.is-neutral .md-note-icon{
	color:#999;
}
.md-display .md-note.is-dark{
	background-color: #444;
	border:1px solid #404040;
	color:#eee;
}
.md-display .md-note.is-dark .md-note-icon{
	color:#999;
}
.md-display .md-note.is-highlight{
	background-color: #FFF8DC;
	border:1px solid #ffefad;
}
.md-display .md-note.is-highlight .md-note-icon{
	color:#ffd21f;
}
.md-display .md-note.is-warning{
	background-color: #FAE9E8;
	border:1px solid #f3c1bf;
}
.md-display .md-note.is-warning .md-note-icon{
	color:#e7423a;
}
code .keyword {
	color:green;
}
code .operator {
	font-weight:bold;
}
code .quote {
	color:red;
}
code .comment {
	color:#a0a0a0;
}
.md-icode{
	font-family: Consolas, Courier New, Courier New, monospace;
	display:inline-block;
	background-color: #f3f3f3;
	padding:0 5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color:#359E00;
}
.md-code .codeheader{
	border-bottom:2px solid #eee;
	padding:8px 10px;
	background-color: #f8f8f8;
	position:relative;
	display:none;
}
.md-code .codeheader .buttons{
	position:absolute;
	right:0px;
}
.__codehl{
	background: rgba(0,0,0,0.05);
	font-family: Consolas, Courier New, Courier New, monospace;
	font-size:15px;
	position:relative;
	overflow:hidden;
	display:block;
	display: block;
	unicode-bidi: embed;
	font-family: monospace;
	white-space: pre;
}
.__icode{
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#28A4C7;
	display:inline-block;
	background-color: #f8f8f8;
	padding:0 4px;
}
.__codehl code{
	padding:4px 10px;
	display:block;
	margin-left:50px;
	line-height:22px !important;
	max-width:100%;
	font-size:14px;
	border:1px solid #eee;
	white-space:pre-wrap;
}
.__codehl .linenumbers{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:200%;
	background-color: #e6e6e6;
	padding-top:2px;
}
.__codehl .linenumbers .number{
	height:22px !important;
	padding:0;
	margin:0;
}
.__codehl .linenumbers .number-sep{
	display:block;
	height:3px;
}
.__codehl .linenumbers .number > div{
	text-align:right;
	padding-right:10px;
	color:#555;
	font-size:12px;
}
.__codehl > .codeheader .button{
	padding:3px 8px;
	border:1px solid #ccc;
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
 background: -moz-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f8f8f8));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f8f8f8));
 background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
 background: linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
	display:inline-block;
	font-family: Arial, san-serif;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__codehl *{
	font-family: Consolas, Courier New, Courier New, monospace;
}
.__codehl ol {
	list-style-type:decimal-leading-zero;
	margin-left:32px;
	padding:0px 0 0 15px;
}
.__codehl li {
	vertical-align:baseline;
	padding:3px 0;
	padding-left:10px;
	background-color: #f7f7f7;
}
.__codehl li.first{
	padding-top:15px;
}
.__codehl li.bottom{
	padding-bottom:15px;
}
.__codehl li span {
	color:black;
	vertical-align:baseline;
}
/* C# */
code.csharp span.quote {
	color:#a31515;
}
code.csharp span.keyword {
	color:#0000ff;
}
code.csharp span.comment {
	color:#008000;
}
/* VB */
code.vb span.comment {
	color:#008000;
}
code.vb span.keyword {
	color:#0000ff;
}
code.vb span.quote {
	color:#a31515;
}
/* PHP */
code.php.highlighted {
	color:#8484E8;
}
code.php span.keyword {
	color:rgb(36, 166, 36);
	font-weight:bold;
}
code.php span.operator {
	color:#00b400;
	font-weight:normal;
}
code.php span.quote {
	color:#E75A5A;
}
code.php span.comment {
	color:#FF8000;
}
.__codehlx *{
	color:#666 !important;
}
.__codehl.compact .linenumbers{
	display:none;
}
.__codehl.compact code{
	margin-left:0px;
}
/* File does not exists: [PRIVATE FILE] */

html, body{
	background-color: #e8e8e8;
	overflow:hidden;
	position:relative;
	height:100%;
}
#document{
	z-index:100;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
}
#pageerror{
	padding:50px 0;
	max-width:800px;
	margin:auto;
}
#pageerror .pageerror{
	padding:30px 30px;
	text-align:center;
	font-size:18px;
	background-color: #f3f3f3;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#pageerror .back{
	text-align:center;
	display:block;
	font-size:15px;
	padding:20px 0;
}
#master{
	position:absolute;
 padding:0;
	z-index:100;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	z-index:999;
}
#master-loader{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:99998;
	background-color:#fafafa;
}
#master-loader > .name{
	width:300px;
	margin:auto;
	padding-top:200px;
}
#master-loader > .name h1{
	font-size:36px;
	color:#257cdd;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-shadow:0 1px 2px #fff;
	text-align:center;
}
#master-loader > .name h1 span{
	font-size:50px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:normal;
	display:inline-block;
	padding:3px 20px 5px 20px;
	background-color: #257cdd;
	color:#fff;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	margin-right:5px;
	vertical-align:top;
	margin-top:-11px;
}
#master-loader > .name h2{
	text-align:center;
	font-weight:normal;
	color:#0a55a8;
	padding-top:25px;
	font-size:18px;
	text-shadow:0 1px 3px #fff;
}
#master-loader .loading{
	text-align:center;
	font-family: Arial, san-serif;
	text-shadow:0 1px 2px #fff;
	width:100%;
	font-size:13px;
 background-color: #f5f5f5;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee');
 background: -moz-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5),color-stop(100%,#eeeeee));
 background: -webkit-linear-gradient(top, color-stop(0%,#f5f5f5),color-stop(100%,#eeeeee));
 background: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
 background: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
 background: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
	border-top:1px solid #ddd;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:25px 0;
	color:#888;
	font-weight:bold;
}
#master-loader img{
	position:absolute;
	left:50%;
	margin-left:-27px;
	top:40%;
}
#pagew{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:800;
	background-color: #ecf5fd;
}
#pagescroll{
	bottom:0px;
	position:absolute;
	top:56px;
	left:0px;
	width:100%;
}
#page{
	position:relative;
	height:100%;
}
#page-main{
	width:70%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#page-side{
	width:30%;
}
#sideview{
	position:absolute;
	width:500px;
	top:48px;
	right:-1000px;
	bottom:0px;
	z-index:999;
	background-color: #fff;
}
#appdialog{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1999;
}
#ajax-load{
	position:fixed;
	bottom:0px;
	z-index:5999;
	width:100%;
	height:100%;
	display:none;
 left:0px;
}
#ajax-load div{
	display:none;
}
#ajax-load-2{
	position:fixed;
	top:0px;
	left:0px;
	z-index:29999;
	width:100%;
	height:100%;
	background-color: transparent;
	display:none;
}
#noscript{
 background-color: #f6f6f6;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee');
 background: -moz-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6),color-stop(100%,#eeeeee));
 background: -webkit-linear-gradient(top, color-stop(0%,#f6f6f6),color-stop(100%,#eeeeee));
 background: -o-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
 background: -ms-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
 background: linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
	border-bottom:1px solid #ddd;
	padding:13px 15px;
	color:#198700;
	text-align:center;
	font-size:15px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	display:block;
	width:100%;
}
#sgate{
	width:400px;
	margin:auto;
	padding-top:200px;
}
#sgate h1{
	color:#fff; @roboto 
	font-size:28px;
	font-weight:normal;
	text-align:center;
	padding-bottom:20px;
}
#sgate h1 span{
	color:#aaa;
	font-size:16px;
}
#sgate .input{
	padding:10px;
	border:1px solid #ddd;
	width:100%;
}
#sgate input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	width:100%;
	color:#fff;
	font-size:14px;
 @roboto;
}
#sgate .msg{
	text-align:center;
 color:#ddd;
	padding-bottom:20px;
}
#ptransit{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:3px;
	z-index:99999;
	display:none;
}
#ptransit .bar{
	position:absolute;
	height:3px;
	top:0px;
	width:100%;
}
#ptransit .bar .anim{
	height:3px;
	margin:auto;
	width:0px;
}
#context-tag-canvas .context-tag .item {
	height: 18px;
}
#apdialogs {
	z-index: 300;
}
#js-service-flow {
	min-height: 100%;
 overflow: auto;
}
#context-menu {
	z-index: 1000;
}
#context-menu-main {
	min-height: 30px !important;
}
#custom-selection .list.list-actions .li.selected {
	display: block !important;
}
#custom-selection .list.list-users .li.selected:after {
	top: 24px;
}
#custom-selection .list.list-users .li > .-ricon {
	top: 22px;
}
#page.print-page.-full {
	left: 0;
}

/* File does not exists: [PRIVATE FILE] */


*{
	padding: 0;
	margin: 0;
	font-family:inherit;
	font-size:inherit;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0.0px;
	text-rendering: geometricPrecision;
}
body, html{ 
	padding: 0;
	margin: 0;
	font-family: 'Roboto', 'Segoe UI', sans-serif;
	font-size:12px;
} 
body { 
	word-wrap: break-word;
}
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
a, .a{
	text-decoration:none;
	color:#267cde;
	font-weight:bold;
	cursor:pointer;
}
a:hover{
	color:#1e8fcf;
}
:focus {
	outline:none;
}
::-moz-focus-inner {
	border:0;
} 
ins
{
	text-decoration: none;
}
del,.del
{
	text-decoration: line-through;
	color:#f30
}
ol, ul {
	list-style: none;
}
img {
	border: none;
	overflow:hidden;
	font-size:10px;
	color: transparent;
 vertical-align: middle;
	/*For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images*/
 -ms-interpolation-mode: bicubic;
}
h5 {
	font-size:12px;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3, label {
	font-size:14px;
}
h4 {
	font-size:13px;
}
h6 {
	font-size:11px;
}
/*table*/
table{
	border-collapse:collapse;
	border-spacing:0;
}
table, th, td {
	vertical-align:middle;
}
textarea{
	resize: none;
}
.emo{
	vertical-align:middle;
	display:inline-block;
	margin-top:-2px;
}
.url{
	cursor:pointer;
}
.url.std:hover{
	text-decoration:underline;
}
.page-body .-pb-wrapper > .-list {
	padding: 20px;
}
.base-table tbody .value-cell .cell {
 font-size: 14px;
 padding-right: 20px;
 text-align: right;
}
.base-table tbody .value-cell .cur, .base-table tbody .value-cell .cur b {
 font-weight: 400;
 display: inline-block;
}
.tright {
	text-align:right;
}
.pr-20 {
	padding-right: 20px;
}
td.cell-last .cell {
 padding-right: 20px !important;
}
body.-embed-x #header {
	height: 0;
	top: -55px;
}
body.-embed-x #header .logo .text {
 margin-top: 54px;
 margin-left: -32px;
}
body.-embed-x .-mm-collapsed #header .logo .text {
	display:none;
}
body.-embed-x #pagew,
body.-embed-x #panel {
	top: 0;
}
body.-embed-x .base-pagination.-absolute .bp-exp {
 top: 63px;
}
body.-embed-x .service-listing-detail .base-pagination.-absolute .bp-exp {
	position: absolute;
 right: -200px;
 left: auto;
 min-width: fit-content;
 width: 100%;
 top: calc(100vh - 150px);
}
body.-embed-x .master-menu.main-menu {
	top: 36px;
}
body.-embed-x .-mm-collapsed .master-menu.main-menu {
	top: 12px;
}
body.-embed-x .master-menu .section {
	padding: 14px 12px 12px;
}
body.-embed-x .master-page.-no-menu {
 left: 0px;
 bottom: 8px;
 right: 8px;
 top: 8px;
 border-radius: 12px;
}
body.-embed-x .master-menu .smenu-section .section {
	padding: 0 12px;
}
body.-embed-x .master-menu.service-menu .ws-scroll.group-menu-items {
	top: 190px;
}
body.-embed-x .-not-admin .master-menu.service-menu .ws-scroll.group-menu-items {
 top: 164px;
}
.__apscrollbar_target {
 overflow-y: auto;
 overflow-x: hidden;
 inset: 0 !important;
}
.__apscrollbar_target::-webkit-scrollbar {
	width: 0px;
}
.-cmenu::-webkit-scrollbar {
	width: 2px;
}
.-cmenu {
	scrollbar-width: unset;
}
.-cmenu::-webkit-scrollbar {
	border-radius: 6px;
}
.-cmenu::-webkit-scrollbar {
	width: 10px;
}
.-cmenu::-webkit-scrollbar-thumb {
	border-radius: 6px;
}
.-cmenu::-webkit-scrollbar-thumb {
	border-radius: 6px;
}
.-cmenu::-webkit-scrollbar-track:hover {
	border-radius: 6px;
}
.-cmenu::-webkit-scrollbar-track {
	border-radius: 6px;
}
.-cmenu::-webkit-scrollbar-thumb {
	border-radius: 6px;
}
.-scmenu::-webkit-scrollbar {
	width: 2px;
}
.-scmenu {
	scrollbar-width: unset;
}
.-scmenu::-webkit-scrollbar {
	border-radius: 3px;
}
.-scmenu::-webkit-scrollbar {
	width: 4px;
}
.-scmenu::-webkit-scrollbar-thumb {
	border-radius: 3px;
}
.-scmenu::-webkit-scrollbar-thumb {
	border-radius: 3px;
}
.-scmenu::-webkit-scrollbar-track:hover {
	border-radius: 3px;
}
.-scmenu::-webkit-scrollbar-track {
	border-radius: 3px;
}
.-scmenu::-webkit-scrollbar-thumb {
	border-radius: 3px;
}
.date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial,sans-serif;font-weight:700;cursor:pointer;color:#303030;position:relative;z-index:2}.date-picker-wrapper{position:absolute;z-index:10999;border:1px solid #bfbfbf;background-color:#efefef;padding:5px 12px;font-size:12px;line-height:20px;color:#aaa;font-family:Arial,sans-serif;-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.5);box-shadow:3px 3px 10px rgba(0,0,0,.5);-webkit-box-sizing:initial;box-sizing:initial}.dp-clearfix{clear:both;height:0;font-size:0}.date-picker-wrapper.inline-wrapper{position:relative;-webkit-box-shadow:none;box-shadow:none;display:inline-block}.date-picker-wrapper.single-date{width:auto}.date-picker-wrapper.no-shortcuts{padding-bottom:12px}.date-picker-wrapper.no-topbar{padding-top:12px}.date-picker-wrapper .footer{font-size:11px;padding-top:3px}.date-picker-wrapper b{color:#666;font-weight:700}.date-picker-wrapper a{color:#6bb4d6;text-decoration:underline}.date-picker-wrapper .month-name{text-transform:uppercase}.date-picker-wrapper .select-wrapper{position:relative;overflow:hidden;display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper:hover{text-decoration:underline}.date-picker-wrapper .month-element{display:inline-block;vertical-align:middle}.date-picker-wrapper .select-wrapper select{position:absolute;margin:0;padding:0;left:0;top:-1px;font-size:inherit;font-style:inherit;font-weight:inherit;text-transform:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter:alpha(opacity=1);opacity:.01}.date-picker-wrapper .month-wrapper{border:1px solid #bfbfbf;border-radius:3px;background-color:#fff;padding:5px;cursor:default;position:relative;_overflow:hidden}.date-picker-wrapper .month-wrapper table{width:190px;float:left}.date-picker-wrapper .month-wrapper table.month2{width:190px;float:left}.date-picker-wrapper .month-wrapper table td,.date-picker-wrapper .month-wrapper table th{vertical-align:middle;text-align:center;line-height:14px;margin:0;padding:0}.date-picker-wrapper .month-wrapper table .day{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#ccc;cursor:default}.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999;cursor:default}.date-picker-wrapper .month-wrapper table .day.checked{background-color:#9cdbf7}.date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100;text-transform:uppercase}.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important}.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip{white-space:nowrap}.date-picker-wrapper .time label{white-space:nowrap}.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#333;cursor:pointer}.date-picker-wrapper .month-wrapper table .day.toMonth.hovering{background-color:#cdecfa}.date-picker-wrapper .month-wrapper table .day.lastMonth,.date-picker-wrapper .month-wrapper table .day.nextMonth{display:none}.date-picker-wrapper .month-wrapper table .day.real-today{background-color:#ffe684}.date-picker-wrapper .month-wrapper table .day.real-today.checked,.date-picker-wrapper .month-wrapper table .day.real-today.hovering{background-color:#70ccd5}.date-picker-wrapper table .caption{height:40px}.date-picker-wrapper table .caption>th:first-of-type,.date-picker-wrapper table .caption>th:last-of-type{width:27px}.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{padding:0 5px;cursor:pointer}.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover{background-color:#ccc;color:#fff}.date-picker-wrapper .gap{position:relative;z-index:1;width:15px;height:100%;background-color:red;font-size:0;line-height:0;float:left;top:-5px;margin:0 10px -10px;visibility:hidden;height:0}.date-picker-wrapper .gap .gap-lines{height:100%;overflow:hidden}.date-picker-wrapper .gap .gap-line{height:15px;width:15px;position:relative}.date-picker-wrapper .gap .gap-line .gap-1{z-index:1;height:0;border-left:8px solid #fff;border-top:8px solid #eee;border-bottom:8px solid #eee}.date-picker-wrapper .gap .gap-line .gap-2{position:absolute;right:0;top:0;z-index:2;height:0;border-left:8px solid transparent;border-top:8px solid #fff}.date-picker-wrapper .gap .gap-line .gap-3{position:absolute;right:0;top:8px;z-index:2;height:0;border-left:8px solid transparent;border-bottom:8px solid #fff}.date-picker-wrapper .gap .gap-top-mask{width:6px;height:1px;position:absolute;top:-1px;left:1px;background-color:#eee;z-index:3}.date-picker-wrapper .gap .gap-bottom-mask{width:6px;height:1px;position:absolute;bottom:-1px;left:7px;background-color:#eee;z-index:3}.date-picker-wrapper .selected-days{display:none}.date-picker-wrapper .drp_top-bar{line-height:1.4;position:relative;padding:10px 40px 10px 0}.date-picker-wrapper .drp_top-bar .error-top,.date-picker-wrapper .drp_top-bar .normal-top{display:none}.date-picker-wrapper .drp_top-bar .default-top{display:block}.date-picker-wrapper .drp_top-bar.error .default-top{display:none}.date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:red}.date-picker-wrapper .drp_top-bar.normal .default-top{display:none}.date-picker-wrapper .drp_top-bar.normal .normal-top{display:block}.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top{color:#333}.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0;top:6px;padding:3px 5px;margin:0;font-size:12px;border-radius:4px;cursor:pointer;color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');color:#fff;line-height:initial}.date-picker-wrapper .drp_top-bar .apply-btn.disabled{cursor:pointer;color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')}.date-picker-wrapper .time{position:relative}.date-picker-wrapper.single-month .time{display:block}.date-picker-wrapper .time input[type=range]{vertical-align:middle;width:129px;padding:0;margin:0;height:20px}.date-picker-wrapper .time1{width:180px;padding:0 5px;text-align:center}.time2{width:180px;padding:0 5px;text-align:center}.date-picker-wrapper .time1{float:left}.date-picker-wrapper .time2{float:right}.date-picker-wrapper .hour{text-align:right}.minute{text-align:right}.date-picker-wrapper .hide{display:none}.date-picker-wrapper .first-date-selected,.date-picker-wrapper .last-date-selected{background-color:#49e!important;color:#fff!important}.date-picker-wrapper .date-range-length-tip{position:absolute;margin-top:-4px;margin-left:-8px;-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);display:none;background-color:#ff0;padding:0 6px;border-radius:2px;font-size:12px;line-height:16px;-webkit-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-moz-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-ms-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));-o-filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3));filter:drop-shadow(0 0 3px rgba(0, 0, 0, .3))}.date-picker-wrapper .date-range-length-tip:after{content:'';position:absolute;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ff0;left:50%;margin-left:-4px;bottom:-4px}.date-picker-wrapper.two-months.no-gap .month1 .next,.date-picker-wrapper.two-months.no-gap .month2 .prev{display:none}.date-picker-wrapper .week-number{padding:5px 0;line-height:1;font-size:12px;margin-bottom:1px;color:#999;cursor:pointer}.date-picker-wrapper .week-number.week-number-selected{color:#49e;font-weight:700}
/* v2 */
.date-picker-v2-wrapper {
	position: absolute;
	z-index: 10999;
	background-color: white;
	padding: 14px;
	font-size: 12px;
	border-radius: 5px;
	line-height: 20px;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
	box-sizing: initial
}
.v2-dp-clearfix {
	clear: both;
	height: 0;
	font-size: 0
}
.date-picker-v2-wrapper.inline-wrapper {
	position: relative;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block
}
.date-picker-v2-wrapper.single-date {
	width: auto
}
.date-picker-v2-wrapper.no-shortcuts {
	padding-bottom: 12px
}
.date-picker-v2-wrapper.no-topbar {
	padding-top: 4px
}
.date-picker-v2-wrapper .footer {
	font-size: 11px;
	padding-top: 3px
}
.date-picker-v2-wrapper b {
	color: #666;
	font-weight: 700
}
.date-picker-v2-wrapper a {
	color: #6bb4d6;
	text-decoration: underline
}
.date-picker-v2-wrapper .month-name {
	text-transform: uppercase;
	color:#2F3139;
	font-size:14px;
}
.date-picker-v2-wrapper .select-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}
.date-picker-v2-wrapper .select-wrapper:hover {
	text-decoration: underline
}
.date-picker-v2-wrapper .month-element {
	display: inline-block;
	vertical-align: middle
}
.date-picker-v2-wrapper .select-wrapper select {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: -1px;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	text-transform: inherit;
	color: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border: 0;
	outline: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	opacity: .01
}
.date-picker-v2-wrapper .month-wrapper {
	background-color: #fff;
	cursor: default;
	position: relative;
	min-height: 220px;
}
.date-picker-v2-wrapper .month-wrapper table {
	width: 230px;
	float: left
}
.date-picker-v2-wrapper .month-wrapper table tbody {
	color:#2F3139;
}
.date-picker-v2-wrapper .month-wrapper table.month2 {
	width: 230px;
	float: left
}
.date-picker-v2-wrapper .month-wrapper table td,
.date-picker-v2-wrapper .month-wrapper table th {
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	margin: 0;
	padding: 0;
	min-width: 35px;
}
.date-picker-v2-wrapper .month-wrapper table .day {
	padding: 10px 0;
	line-height: 1;
	font-size: 12px;
	margin-bottom: 1px;
	color: #ccc;
	cursor: default
}
.date-picker-v2-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-v2-wrapper .month-wrapper table div.day.nextMonth {
	color: #999;
	cursor: default
}
.date-picker-v2-wrapper .month-wrapper table .day.checked {
	background-color: #9cdbf7
}
.date-picker-v2-wrapper .month-wrapper table .week-name {
	height: 20px;
	line-height: 20px;
	font-weight: 100;
	color:#7F8085;
}
.date-picker-v2-wrapper .month-wrapper table .week-name th::first-letter {
	text-transform: uppercase;
}
.date-picker-v2-wrapper .month-wrapper table .day.has-tooltip {
	cursor: help !important
}
.date-picker-v2-wrapper .month-wrapper table .day.has-tooltip .tooltip {
	white-space: nowrap
}
.date-picker-v2-wrapper .time label {
	white-space: nowrap
}
.date-picker-v2-wrapper .month-wrapper table .day.toMonth.valid {
	color: #333;
	cursor: pointer
}
.date-picker-v2-wrapper .month-wrapper table .day.toMonth.hovering {
	background-color: #cdecfa
}
.date-picker-v2-wrapper .month-wrapper table .day.lastMonth,
.date-picker-v2-wrapper .month-wrapper table .day.nextMonth {
	display: none
}
.date-picker-v2-wrapper .month-wrapper table .day.real-today {
	background-color: #ffe684
}
.date-picker-v2-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-v2-wrapper .month-wrapper table .day.real-today.hovering {
	background-color: #70ccd5
}
.date-picker-v2-wrapper table .caption {
	height: 40px
}
.date-picker-v2-wrapper table .caption>th:first-of-type,
.date-picker-v2-wrapper table .caption>th:last-of-type {
	width: 27px
}
.date-picker-v2-wrapper table .caption .next,
.date-picker-v2-wrapper table .caption .prev {
	padding: 3px 5px;
	cursor: pointer
}
.date-picker-v2-wrapper table .caption .next:hover,
.date-picker-v2-wrapper table .caption .prev:hover {
	background-color: #eeeeee;
}
.date-picker-v2-wrapper .gap {
	position: relative;
	z-index: 1;
	width: 15px;
	height: 100%;
	background-color: red;
	font-size: 0;
	line-height: 0;
	float: left;
	top: -5px;
	margin: 0 10px -10px;
	visibility: hidden;
	height: 0
}
.date-picker-v2-wrapper .gap .gap-lines {
	height: 100%;
	overflow: hidden
}
.date-picker-v2-wrapper .gap .gap-line {
	height: 15px;
	width: 15px;
	position: relative
}
.date-picker-v2-wrapper .gap .gap-line .gap-1 {
	z-index: 1;
	height: 0;
	border-left: 8px solid #fff;
	border-top: 8px solid #eee;
	border-bottom: 8px solid #eee
}
.date-picker-v2-wrapper .gap .gap-line .gap-2 {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	height: 0;
	border-left: 8px solid transparent;
	border-top: 8px solid #fff
}
.date-picker-v2-wrapper .gap .gap-line .gap-3 {
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 2;
	height: 0;
	border-left: 8px solid transparent;
	border-bottom: 8px solid #fff
}
.date-picker-v2-wrapper .gap .gap-top-mask {
	width: 6px;
	height: 1px;
	position: absolute;
	top: -1px;
	left: 1px;
	background-color: #eee;
	z-index: 3
}
.date-picker-v2-wrapper .gap .gap-bottom-mask {
	width: 6px;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 7px;
	background-color: #eee;
	z-index: 3
}
.date-picker-v2-wrapper .selected-days {
	display: none
}
.date-picker-v2-wrapper .drp_top-bar {
	line-height: 1.4;
	position: relative;
	padding: 10px 40px 10px 0
}
.date-picker-v2-wrapper .drp_top-bar .error-top,
.date-picker-v2-wrapper .drp_top-bar .normal-top {
	display: none
}
.date-picker-v2-wrapper .drp_top-bar .default-top {
	display: block
}
.date-picker-v2-wrapper .drp_top-bar.error .default-top {
	display: none
}
.date-picker-v2-wrapper .drp_top-bar.error .error-top {
	display: block;
	color: red
}
.date-picker-v2-wrapper .drp_top-bar.normal .default-top {
	display: none
}
.date-picker-v2-wrapper .drp_top-bar.normal .normal-top {
	display: block
}
.date-picker-v2-wrapper .drp_top-bar.normal .normal-top .selection-top {
	color: #333
}
.date-picker-v2-wrapper .drp_top-bar .apply-btn {
	position: absolute;
	right: 0;
	top: 6px;
	padding: 3px 5px;
	margin: 0;
	font-size: 12px;
	border-radius: 4px;
	cursor: pointer;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -moz-linear-gradient(top, #00adee, #0078a5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	color: #fff;
	line-height: initial
}
.date-picker-v2-wrapper .drp_top-bar .apply-btn.disabled {
	cursor: pointer;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')
}
.date-picker-v2-wrapper .time {
	position: relative
}
.date-picker-v2-wrapper.single-month .time {
	display: block
}
.date-picker-v2-wrapper .time input[type=range] {
	vertical-align: middle;
	width: 129px;
	padding: 0;
	margin: 0;
	height: 20px
}
.date-picker-v2-wrapper .time1 {
	width: 180px;
	padding: 0 5px;
	text-align: center
}
.time2 {
	width: 180px;
	padding: 0 5px;
	text-align: center
}
.date-picker-v2-wrapper .time1 {
	float: left
}
.date-picker-v2-wrapper .time2 {
	float: right
}
.date-picker-v2-wrapper .hour {
	text-align: right
}
.minute {
	text-align: right
}
.date-picker-v2-wrapper .hide {
	display: none
}
.date-picker-v2-wrapper .first-date-selected,
.date-picker-v2-wrapper .last-date-selected {
	background-color: #49e !important;
	color: #fff !important
}
.date-picker-v2-wrapper .date-range-length-tip {
	position: absolute;
	margin-top: -4px;
	margin-left: -8px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	display: none;
	background-color: #ff0;
	padding: 0 6px;
	border-radius: 2px;
	font-size: 12px;
	line-height: 16px;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
	-moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
	-ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
	-o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}
.date-picker-v2-wrapper .date-range-length-tip:after {
	content: '';
	position: absolute;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #ff0;
	left: 50%;
	margin-left: -4px;
	bottom: -4px
}
.date-picker-v2-wrapper.two-months.no-gap .month1 .next,
.date-picker-v2-wrapper.two-months.no-gap .month2 .prev {
	display: none
}
.date-picker-v2-wrapper .week-number {
	padding: 5px 0;
	line-height: 1;
	font-size: 12px;
	margin-bottom: 1px;
	color: #999;
	cursor: pointer
}
.date-picker-v2-wrapper .week-number.week-number-selected {
	color: #49e;
	font-weight: 700
}
.date-picker-v2-wrapper .more-input {
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 13px;
	margin: 20px 0;
}
.date-picker-v2-wrapper .add-time {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #000000;
	margin-bottom: 10px;
}
.date-picker-v2-wrapper .add-time label,
.date-picker-v2-wrapper .add-time input {
	font-size:13px;
	cursor:pointer;
}
.date-picker-v2-wrapper .more-input .wrapper {
	padding: 2px;
	width: calc(100% - 8px);
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	display: flex;
	align-items: center;
}
.date-picker-v2-wrapper .more-input .time {
	display: flex;
	position:relative;
	flex: 1;
}
.date-picker-v2-wrapper .more-input .time::before {
	content: ' ';
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background-color: #888888;
	width: 1px;
	height: 16px;
}
.date-picker-v2-wrapper .more-input input {
	flex: 1;
	padding: 8px;
	border: none;
	width: 100px;
}
.date-picker-v2-wrapper .more-input .time .time-box {
	position:absolute;
	padding: 3px;
	border-radius: 4px;
	background-color: white;
	box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
	z-index: 100;
	height: 200px;
}
.date-picker-v2-wrapper .more-input .time .time-box.deadline {
	top: 0;
	left: 0;
	transform: translateY(-100%);
}
.date-picker-v2-wrapper .more-input .time .time-box.start {
	top: 0;
	left: 0;
	transform: translateY(30px);
}
.date-picker-v2-wrapper .more-input .time .time-box .box {
	width: 100px;
	height: 200px;
	overflow-y: auto;
	scrollbar-width: thin;
}
.date-picker-v2-wrapper .more-input .time .time-box .option {
	padding: 3px 6px;
	color:#000000;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.date-picker-v2-wrapper .more-input .time .time-box .option span.-ap::before {
	display:none;
	color:#267CDE;
}
.date-picker-v2-wrapper .more-input .time .time-box .option:hover {
	background-color: #ECECEC;
}
.date-picker-v2-wrapper .more-input .time .time-box .option.active {
	color:#267CDE;
	background-color: #ECECEC;
}
.date-picker-v2-wrapper .more-input .time .time-box .option.active span.-ap::before {
	display:block;
}
.date-picker-v2-wrapper .more-actions {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 10px;
}
.date-picker-v2-wrapper .more-actions .base-button {
	height: unset;
	padding: 2px 10px;
}
.date-picker-v2-wrapper .more-actions .base-button.clear-btn {
	color:#6B6C72;
}
.date-picker-v2-wrapper .more-actions .base-button.clear-btn:hover {
	color:#267cde;
}
.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative}.sp-original-input-container input+.sp-add-on{position:absolute;left:0;top:0;bottom:0;border-top:none!important;border-bottom:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{padding-left:45px}.sp-original-input-container input+.sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}backgrou .sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:12px;width:12px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px;margin-bottom:10px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:200px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #ccc;color:#666;transition:color .3s,border-color .3s;vertical-align:middle;width:3rem;height:1.5rem}.sp-replacer.sp-active,.sp-replacer:hover{border:1px solid #666;color:#000}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{width:1rem;margin-left:.3rem}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container{padding-bottom:0}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{background-color:#3cab3b;color:#fff;margin-left:5px}.sp-container button:hover{opacity:.8}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==)}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
 box-sizing: border-box;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 13px;
 height: 100%;
 margin: 0px;
 position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
 visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
 pointer-events: none;
}
.ql-clipboard {
 left: -100000px;
 height: 1px;
 overflow-y: hidden;
 position: absolute;
 top: 50%;
}
.ql-clipboard p {
 margin: 0;
 padding: 0;
}
.ql-editor {
 box-sizing: border-box;
 line-height: 1.42;
 height: 100%;
 outline: none;
 overflow-y: auto;
 padding: 12px 15px;
 tab-size: 4;
 -moz-tab-size: 4;
 text-align: left;
 white-space: pre-wrap;
 word-wrap: break-word;
}
.ql-editor > * {
 cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
 margin: 0;
 padding: 0;
 counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
 padding-bottom:10px;
}
.ql-editor ol,
.ql-editor ul {
 padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
 list-style-type: none;
}
.ql-editor ul > li::before {
 content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
 pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
 pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
 color: #777;
 cursor: pointer;
 pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
 content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
 content: '\2610';
}
.ql-editor li::before {
 display: inline-block;
 white-space: nowrap;
 width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
 margin-left: -1.5em;
 margin-right: 0.3em;
 text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
 margin-left: 0.3em;
 margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
 padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
 padding-right: 1.5em;
}
.ql-editor ol li {
 counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
 counter-increment: list-0;
}
.ql-editor ol li:before {
 content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
 counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
 content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
 counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
 counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
 content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
 counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
 counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
 content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
 counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
 counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
 content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
 counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
 counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
 content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
 counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
 counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
 content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
 counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
 counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
 content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
 counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
 counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
 content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
 counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
 counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
 content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
 padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
 padding-left: 3em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
 padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
 padding-right: 3em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
 padding-left: 5em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
 padding-left: 5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
 padding-right: 5em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
 padding-right: 5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
 padding-left: 7em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
 padding-left: 7em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
 padding-right: 7em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
 padding-right: 7em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
 padding-left: 9em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
 padding-left: 9em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
 padding-right: 9em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
 padding-right: 9em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
 padding-left: 11em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
 padding-left: 11em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
 padding-right: 11em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
 padding-right: 11em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
 padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
 padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
 padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
 padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
 padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
 padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
 padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
 padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
 padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
 padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
 padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
 padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
 padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
 padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
 padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
 padding-right: 28.5em;
}
.ql-editor .ql-video {
 display: block;
 max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
 margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
 margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
 background-color: #000;
}
.ql-editor .ql-bg-red {
 background-color: #e60000;
}
.ql-editor .ql-bg-orange {
 background-color: #f90;
}
.ql-editor .ql-bg-yellow {
 background-color: #ff0;
}
.ql-editor .ql-bg-green {
 background-color: #008a00;
}
.ql-editor .ql-bg-blue {
 background-color: #06c;
}
.ql-editor .ql-bg-purple {
 background-color: #93f;
}
.ql-editor .ql-color-white {
 color: #fff;
}
.ql-editor .ql-color-red {
 color: #e60000;
}
.ql-editor .ql-color-orange {
 color: #f90;
}
.ql-editor .ql-color-yellow {
 color: #ff0;
}
.ql-editor .ql-color-green {
 color: #008a00;
}
.ql-editor .ql-color-blue {
 color: #06c;
}
.ql-editor .ql-color-purple {
 color: #93f;
}
.ql-editor .ql-font-serif {
 font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
 font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
 font-size: 0.75em;
}
.ql-editor .ql-size-large {
 font-size: 1.5em;
}
.ql-editor .ql-size-huge {
 font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
 direction: rtl;
 text-align: inherit;
}
.ql-editor .ql-align-center {
 text-align: center;
}
.ql-editor .ql-align-justify {
 text-align: justify;
}
.ql-editor .ql-align-right {
 text-align: right;
}
.ql-editor.ql-blank::before {
 color: rgba(0,0,0,0.6);
 content: attr(data-placeholder);
 left: 15px;
 pointer-events: none;
 position: absolute;
 right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
 clear: both;
 content: '';
 display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
 background: none;
 border: none;
 cursor: pointer;
 display: inline-block;
 float: left;
 height: 24px;
 padding: 3px 5px;
 width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
 float: left;
 height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
 outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
 display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
 color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
 fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
 stroke: #06c;
}
@media (pointer: coarse) {
 .ql-snow.ql-toolbar button:hover:not(.ql-active),
 .ql-snow .ql-toolbar button:hover:not(.ql-active) {
 color: #444;
 }
 .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
 .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
 .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
 .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
 fill: #444;
 }
 .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
 .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
 .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
 .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
 stroke: #444;
 }
}
.ql-snow {
 box-sizing: border-box;
}
.ql-snow * {
 box-sizing: border-box;
}
.ql-snow .ql-hidden {
 display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
 visibility: hidden;
}
.ql-snow .ql-tooltip {
 position: absolute;
 transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
 cursor: pointer;
 text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
 transform: translateY(-10px);
}
.ql-snow .ql-formats {
 display: inline-block;
 vertical-align: middle;
}
.ql-snow .ql-formats:after {
 clear: both;
 content: '';
 display: table;
}
.ql-snow .ql-stroke {
 fill: none;
 stroke: #444;
 stroke-linecap: round;
 stroke-linejoin: round;
 stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
 fill: none;
 stroke: #444;
 stroke-miterlimit: 10;
 stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
 fill: #444;
}
.ql-snow .ql-empty {
 fill: none;
}
.ql-snow .ql-even {
 fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
 stroke-width: 1;
}
.ql-snow .ql-transparent {
 opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
 display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
 display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
 display: none;
}
.ql-snow .ql-editor h1 {
 font-size: 2em;
}
.ql-snow .ql-editor h2 {
 font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
 font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
 font-size: 1em;
}
.ql-snow .ql-editor h5 {
 font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
 font-size: 0.67em;
}
.ql-snow .ql-editor a {
 text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
 border-left: 4px solid #ccc;
 padding:5px 0;
 padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
 background-color: #f0f0f0;
 border-radius: 3px;
}
.ql-snow .ql-editor pre {
 white-space: pre-wrap;
 margin-bottom: 20px;
 margin-top: 5px;
 padding: 5px 10px;
 color:#087a54;
	font-family: Consolas, Courier New, Courier New, monospace;
}
.ql-snow .ql-editor code {
 font-size: 85%;
 padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
 background-color: #23241f;
 color: #f8f8f2;
 overflow: visible;
}
.ql-snow .ql-editor img {
 max-width: 100%;
}
.ql-snow .ql-picker {
 color: #444;
 display: inline-block;
 float: left;
 font-size: 14px;
 font-weight: 500;
 height: 24px;
 position: relative;
 vertical-align: middle;
}
.ql-snow .ql-picker-label {
 cursor: pointer;
 display: inline-block;
 height: 100%;
 padding-left: 8px;
 padding-right: 2px;
 position: relative;
 width: 100%;
}
.ql-snow .ql-picker-label::before {
 display: inline-block;
 line-height: 22px;
}
.ql-snow .ql-picker-options {
 background-color: #fff;
 display: none;
 min-width: 100%;
 padding: 4px 8px;
 position: absolute;
 white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
 cursor: pointer;
 display: block;
 padding-bottom: 5px;
 padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
 color: #ccc;
 z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
 fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
 stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
 display: block;
 margin-top: -1px;
 top: 100%;
 z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
 width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
 padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
 right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
 padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
 height: 24px;
 width: 24px;
 padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
 padding: 3px 5px;
 width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
 border: 1px solid transparent;
 float: left;
 height: 16px;
 margin: 2px;
 padding: 0px;
 width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
 position: absolute;
 margin-top: -9px;
 right: 0;
 top: 50%;
 width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
 content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
 width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
 content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
 content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
 content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
 content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
 content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
 content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
 content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
 font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
 font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
 font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
 font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
 font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
 font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
 width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
 content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
 content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
 content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
 font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
 font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
 width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
 content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
 content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
 content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
 font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
 font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
 background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
 background-color: #000;
}
.ql-toolbar.ql-snow {
 border: 1px solid #ccc;
 box-sizing: border-box;
 padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats{
 margin-right: 15px;
	position:relative;
}
.ql-toolbar.ql-snow .ql-picker-label {
 border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
 border: 1px solid transparent;
 box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
 border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
 border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
 border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
 border-top: 0px;
}
.ql-snow .ql-tooltip {
 background-color: #fff;
 border: 1px solid #ccc;
 box-shadow: 0px 0px 5px #ddd;
 color: #444;
 padding: 5px 12px;
 white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
 content: "Visit URL:";
 line-height: 26px;
 margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
 display: none;
 border: 1px solid #ccc;
 font-size: 13px;
 height: 26px;
 margin: 0px;
 padding: 3px 5px;
 width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
 display: inline-block;
 max-width: 200px;
 overflow-x: hidden;
 text-overflow: ellipsis;
 vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
 border-right: 1px solid #ccc;
 content: 'Edit';
 margin-left: 16px;
 padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
 content: 'Remove';
 margin-left: 8px;
}
.ql-snow .ql-tooltip a {
 line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
 display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
 display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
 border-right: 0px;
 content: 'Save';
 padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
 content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
 content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
 content: "Enter video:";
}
.ql-snow a {
 color: #06c;
}
.ql-container.ql-snow {
 border: 1px solid #ccc;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
 clear: both;
 content: '';
 display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
 background: none;
 border: none;
 cursor: pointer;
 display: inline-block;
 float: left;
 height: 24px;
 padding: 3px 5px;
 width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
 float: left;
 height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
 outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
 display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
 color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
 fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
 stroke: #fff;
}
@media (pointer: coarse) {
 .ql-bubble.ql-toolbar button:hover:not(.ql-active),
 .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
 color: #ccc;
 }
 .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
 .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
 .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
 .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
 fill: #ccc;
 }
 .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
 .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
 .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
 .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
 stroke: #ccc;
 }
}
.ql-bubble {
 box-sizing: border-box;
}
.ql-bubble * {
 box-sizing: border-box;
}
.ql-bubble .ql-hidden {
 display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
 visibility: hidden;
}
.ql-bubble .ql-tooltip {
 position: absolute;
 transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
 cursor: pointer;
 text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
 transform: translateY(-10px);
}
.ql-bubble .ql-formats {
 display: inline-block;
 vertical-align: middle;
}
.ql-bubble .ql-formats:after {
 clear: both;
 content: '';
 display: table;
}
.ql-bubble .ql-stroke {
 fill: none;
 stroke: #ccc;
 stroke-linecap: round;
 stroke-linejoin: round;
 stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
 fill: none;
 stroke: #ccc;
 stroke-miterlimit: 10;
 stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
 fill: #ccc;
}
.ql-bubble .ql-empty {
 fill: none;
}
.ql-bubble .ql-even {
 fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
 stroke-width: 1;
}
.ql-bubble .ql-transparent {
 opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
 display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
 display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
 display: none;
}
.ql-bubble .ql-editor h1 {
 font-size: 2em;
}
.ql-bubble .ql-editor h2 {
 font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
 font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
 font-size: 1em;
}
.ql-bubble .ql-editor h5 {
 font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
 font-size: 0.67em;
}
.ql-bubble .ql-editor a {
 text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
 border-left: 4px solid #ccc;
 margin-bottom: 5px;
 margin-top: 5px;
 padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
 background-color: #f0f0f0;
 border-radius: 3px;
}
.ql-bubble .ql-editor pre {
 white-space: pre-wrap;
 margin-bottom: 5px;
 margin-top: 5px;
 padding: 5px 10px;
}
.ql-bubble .ql-editor code {
 font-size: 85%;
 padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
 background-color: #23241f;
 color: #f8f8f2;
 overflow: visible;
}
.ql-bubble .ql-editor img {
 max-width: 100%;
}
.ql-bubble .ql-picker {
 color: #ccc;
 display: inline-block;
 float: left;
 font-size: 14px;
 font-weight: 500;
 height: 24px;
 position: relative;
 vertical-align: middle;
}
.ql-bubble .ql-picker-label {
 cursor: pointer;
 display: inline-block;
 height: 100%;
 padding-left: 8px;
 padding-right: 2px;
 position: relative;
 width: 100%;
}
.ql-bubble .ql-picker-label::before {
 display: inline-block;
 line-height: 22px;
}
.ql-bubble .ql-picker-options {
 background-color: #444;
 display: none;
 min-width: 100%;
 padding: 4px 8px;
 position: absolute;
 white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
 cursor: pointer;
 display: block;
 padding-bottom: 5px;
 padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
 color: #777;
 z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
 fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
 stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
 display: block;
 margin-top: -1px;
 top: 100%;
 z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
 width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
 padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
 right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
 padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
 height: 24px;
 width: 24px;
 padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
 padding: 3px 5px;
 width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
 border: 1px solid transparent;
 float: left;
 height: 16px;
 margin: 2px;
 padding: 0px;
 width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
 position: absolute;
 margin-top: -9px;
 right: 0;
 top: 50%;
 width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
 content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
 width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
 content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
 content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
 content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
 content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
 content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
 content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
 content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
 font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
 font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
 font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
 font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
 font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
 font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
 width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
 content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
 content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
 content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
 font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
 font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
 width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
 content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
 content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
 content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
 font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
 font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
 font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
 background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
 background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
 margin: 8px 0px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
 margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
 margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
 border-color: #fff;
}
.ql-bubble .ql-tooltip {
 background-color: #444;
 border-radius: 25px;
 color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 content: " ";
 display: block;
 left: 50%;
 margin-left: -6px;
 position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
 border-bottom: 6px solid #444;
 top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
 border-top: 6px solid #444;
 bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
 display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
 visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
 display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
 background: transparent;
 border: none;
 color: #fff;
 font-size: 13px;
 height: 100%;
 outline: none;
 padding: 10px 20px;
 position: absolute;
 width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
 top: 10px;
 position: absolute;
 right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
 color: #ccc;
 content: "\D7";
 font-size: 16px;
 font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
 position: relative;
 white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
 background-color: #444;
 border-radius: 15px;
 top: -5px;
 font-size: 12px;
 color: #fff;
 content: attr(href);
 font-weight: normal;
 overflow: hidden;
 padding: 5px 15px;
 text-decoration: none;
 z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
 border-top: 6px solid #444;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 top: 0;
 content: " ";
 height: 0;
 width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
 left: 0;
 margin-left: 50%;
 position: absolute;
 transform: translate(-50%, -100%);
 transition: visibility 0s ease 200ms;
 visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
 visibility: visible;
}
.ql-bubble > .ql-editor{
	padding:0;
}
.ql-bubble > .ql-editor.ql-blank::before{
	left:0px;
}
/* CSS TASKLIST */
.ql-editor ul.task-list > li {
	pointer-events: none;
	position:relative;
}
.ql-editor ul.task-list > li::before {
	border: 1px solid;
	font-size:15px;
	position:absolute;
	text-align:center;
	cursor:pointer;
	height: 15px;
	width: 15px;
	content: " ";
	line-height: 1;
	color: inherit;
	pointer-events: all;
	vertical-align: middle;
}
.ql-editor ul.task-list > li.checked-true {
	text-decoration: line-through;
}
.ql-editor ul.task-list > li.checked-true::before {
	content: "✓";
}
/* END CSS TASKLIST */
/* File does not exists: [PRIVATE FILE] */

#context-tag-canvas{
	position:absolute;
	top:0px;
	left:-1px;
	width:0px;
	height:100%;
	z-index:1000001;
}
#context-tag{
	position:absolute;
	background-color: #fff;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
}
#context-tag-bottom{
	position:absolute;
	background-color: #fff;
	bottom:0px;
	left:0px;
	width:0px;
	height:0px;
}
#context-tag-canvas .context-tag .tags{
	width:360px;
	position:absolute;
	display:none;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:5px 4px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
	margin-top:30px;
	max-height:400px;
	overflow:auto;
}
#context-tag-canvas .context-tag .item{
	display:block;
	cursor:pointer;
	font-size:13px;
	position:relative;
	padding:8px 10px;
	margin:0 2px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding-left:40px;
	color:#888;
}
#context-tag-canvas .context-tag .item .sub{
	font-size:12px;
	font-weight:normal;
	opacity: 0.8; filter: alpha(Opacity:80);
}
#context-tag-canvas .context-tag .item.__tagactive{
	background-color: #f3f3f3;
	font-weight:bold;
 color:#111;
}
#context-tag-canvas .context-tag .item .image{
	position:absolute;
	overflow:hidden;
	width:24px;
	height:24px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	left:6px;
	top:5px;
}
#context-tag-canvas .context-tag .item .image img{
	width:24px;
	height:24px;
}
#context-tag-canvas .context-tag .tags.theme-dark{
	background-color: #323436;
	-moz-box-shadow: 0 2px 20px 0px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0 2px 20px 0px rgba(0,0,0,0.3);
 box-shadow: 0 2px 20px 0px rgba(0,0,0,0.3);
}
#context-tag-canvas .context-tag .tags.theme-dark .item{
	color: rgba(255,255,255,0.6);
}
#context-tag-canvas .context-tag .tags.theme-dark .item.__tagactive{
	background: rgba(255,255,255,0.1);
	color:#fff;
}
.flash-msg{
	width:300px;
	left:50%;
	margin-left:-150px;
	text-align:center;
	position:absolute;
	top:-80px;
	padding:15px 0;
	background-color: #FCFCCA;
	color:#111;
	font-size:15px;
	display:none;
	z-index:100001;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	-moz-box-shadow: 0 2px 13px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 13px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 13px 0px rgba(0,0,0,0.1);
}
.inline-tag:before{
	font-family:ap; content:"\e72a";
	font-size:12px;
 color:#aaa;
	display:inline-block;
	margin-right:2px;
}
.inline-tag:hover{
	text-decoration:underline;
}
.ui-menu.ui-autocomplete{
	background-color: #fff;
	-moz-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 8px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	border:1px solid rgba(0,0,0,0.1);
	overflow:hidden;
	position:absolute;
	z-index:10999;
}
.ui-autocomplete > li > a{
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.1);
	display:block;
	font-weight:normal;
}
.ui-autocomplete > li:last-child > a{
	border:none;
}
.ui-autocomplete > li >a.ui-state-hover, .ui-autocomplete > li >a:active{
	background-color: #f5f5f5;
}
.ui-datepicker{
	margin-left:0px;
	width:230px;
	border:none;
	-moz-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 8px 0px rgba(0,0,0,0.2);
	padding:0px;
}
.ui-datepicker td{
	padding:2px;
}
.ui-datepicker td a.ui-state-active{
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.ui-datepicker .ui-datepicker-header{
	padding:4px 0;
	background-color: #fff;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
.ui-datepicker .ui-datepicker-title{
	font-size:15px;
}
.ui-datepicker td.ui-datepicker-week-end{
	background-color: #f9f9f9;
}
.ui-datepicker th{
	border:none;
	background-color: #aaa;
	color:#fff;
	padding:0.5em 0.3em;
}
.ui-datepicker th span{
	font-size:13px;
 color:#fff;
	font-weight:bold;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	opacity: 0.7; filter: alpha(Opacity:70);
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.ui-datepicker td span, .ui-datepicker td a{
	font-size:13px;
}
.ap-inline-datepicker{
	position:absolute;
	display:none;
	top:20px;
	left:0px;
	z-index:999;
}
.ap-inline-datepicker-wrap.activated .ap-inline-datepicker{
	display:block;
}
.ap-inline-colors-wrap{
}
 .ap-inline-colors{
	position:absolute;
	display:none;
 border:1px solid #ddd;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 width:350px;
 background-color: #fff;
 min-height:50px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 top:36px;
 left:0px;
 z-index:888;
 padding:10px;
 }
 .ap-inline-colors .apir{
	position:absolute;
 left:10px;
 top:-8px;
 width: 0; height: 0;
 border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:8px solid #ddd;
 }
.ap-inline-colors .apir:after{
	position:absolute;
 top:1px;
 left:-7px;
 width: 0; height: 0;
 border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom:7px solid #fff;
 content:"";
 $arrow:
}
.ap-inline-colors .ap-inline-title{
	color:#aaa;
	text-transform:uppercase;
	font-size:11px;
	font-weight:500;
}
.ap-inline-colors .ap-inline-box{
	overflow:hidden;
	padding-top:10px;
	margin-right:-10px;
}
.ap-inline-colors .ap-inline-box .ap-color{
	width:26px;
	height:26px;
	float:left;
	display:block;
	position:relative;
	cursor:pointer;
	margin-right:10px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
} 
.ap-inline-colors .ap-inline-box .-bg-alt0{
	background-color: #ccc;
}
.ap-inline-colors .ap-inline-box .ap-color.selected:after{
	font-family:ap; content:"\e206";
	position:absolute;
 color:#fff;
	font-size:16px;
	top:5px;
	left:5px;
}
.trumbowyg-box, .trumbowyg-editor{
	border:none;
	margin-top:0px !important;
}
.trumbowyg-button-pane{
	background-color: transparent;
}
.trumbowyg-editor em{
	font-style:italic;
}
.basetable-wrapper{
	position:relative;
}
.basetable-wrapper table{
}
.basetable-wrapper .basetable thead, .basetable-wrapper .basetable tbody{
	position:relative;
	display:block;
	overflow:hidden;
}
.basetable-wrapper .basetable thead{
	z-index:1000;
}
.basetable-wrapper .basetable td, .basetable-wrapper .basetable th{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.basetable-wrapper .basetable td.-fl, .basetable-wrapper .basetable th.-fl{
	z-index:800;
	position:relative;
}
.basetable-wrapper .basetable td.-fl, .basetable-wrapper .basetable td.-fr{
}
.basetable-wrapper .basetable td.-fr, .basetable-wrapper .basetable th.-fr{
	background-color: #fff;
	position:absolute;
}
.basetable-wrapper .basetable td.-fr, .basetable-wrapper .basetable th.-fr{
	position:absolute !important;
	border-left:1px solid rgba(0,0,0,0.1);
}
.basetable-wrapper .basetable td.-fls{
	background-color: #f3f3f3;
}
.basetable-wrapper .area, .basetable-wrapper .wrapped{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.basetable-wrapper .wrapped > div{
	padding:6px 0px;
	margin:0 10px;
}
.basetable-wrapper th .bth-wrapper{
	height:25px;
	margin-top:5px;
}
.basetable-wrapper th .bth-wrapper .bth-search{
	position:absolute;
 color:#111;
	overflow:hidden;
	left:0px;
	right:0px;
	height:27px;
	bottom:0px;
	background-color: #f8f8f8;
	border-top:1px solid rgba(0,0,0,0.1);
}
.basetable-wrapper th .bth-wrapper .bth-search:before{
	font-family:FontAwesome; content:"\f0b0";
	position:absolute;
	font-size:12px;
 color:#aaa;
	left:10px;
	top:8px;
}
.basetable-wrapper th .bth-wrapper .bth-search input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.basetable-wrapper th .bth-wrapper .bth-search input{
	padding:4px 10px 6px 30px;
	font-size:13px;
}
.basetable-wrapper th .bth-wrapper .bth-search input:active, .basetable-wrapper th .bth-wrapper .bth-search input:focus{
	background: rgba(255,208,0,0.1);
}
.basetable-wrapper th.header{
	cursor:pointer;
}
.basetable-wrapper th.headerSortDown:after{
	font-family:ap; content:"\e112";
	position:absolute;
	font-size:14px;
	top:9px;
	right:10px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
.basetable-wrapper th.headerSortUp:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:14px;
	top:9px;
	right:10px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
.clear-fix:after{
	content:" ";
	clear:both;
	display:block;
}
.nobreak{
	white-space:nowrap;
}
.hr{ 
	width:100%;
	clear:both;
	height:1px;
	background-color: #ddd;
}
.full-mask{
	position:absolute; width:100%; height:100%; top:0px; left:0px;}
.pull-left{
	position:absolute; top:0px; left:0px;height:100%;}
.pull-right{
	position:absolute; top:0px; right:0px;height:100%;}
.pull-up{
	position:absolute; top:0px; left:0px;width:100%;}
.pull-down{
	position:absolute; bottom:0px; left:0px;width:100%;}
.top-left{
	position:absolute; top:0px; left:0px;}
.top-right{
	position:absolute; top:0px; right:0px;}
.strike{
	text-decoration:line-through
}
.text-1{color:#111; }
.text-2{color:#222; }
.text-3{color:#333; }
.text-4{color:#444; }
.text-5{color:#555; }
.text-6{color:#666; }
.text-7{color:#777; }
.text-8{color:#888; }
.text-9{color:#999; }
.text-10, .text-a{color:#aaa; }
.text-11, .text-b{color:#bbb; }
.text-12, .text-c{color:#ccc; }
.text-13, .text-d{color:#ddd; }
.text-link{color:#267cde; }
.text-gray{color:#999; }
.text-white{color:#fff; }
.border-cta{border:1px solid #17C286;}
.box-cta, .-bg-cta{background-color: #17C286;}
.box-cta-less, .-bg-cta-less{background-color: #e0f2ec;}
.box-cta-more, .-bg-cta-more{background-color: #065137;}
.box-cta-edge, .-bg-cta-edge{background: rgba(23,194,134,0.2); color: #0fa06e; border: 1px solid rgba(23,194,134,0.2);}
.box-cta-edge:hover, .-bg-cta-edge:hover{background: rgba(23,194,134,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-cta, .text-cta-hover:hover{color:#17C286; }
.text-cta-less{color:#37dda5; }
.text-cta-more{color:#0fa06e; }
.tag-cta{background-color: #d5eee6; color:#0b8d61;}
.tag-cta-more{background: rgba(23,194,134,0.7); color:#fff;}
.tag-cta-edge{box-shadow: inset 0 0 0 1px rgba(23,194,134,0.2); color:#17C286; background: rgba(23,194,134,0.1);}
.tag-cta-edge:hover{box-shadow: inset 0 0 0 1px #17C286; color:#fff; background: rgba(23,194,134,0.8);}
.fill-cta svg{
	fill:#13b27b;
}
.border-success{border:1px solid #42b814;}
.box-success, .-bg-success{background-color: #42b814;}
.box-success-less, .-bg-success-less{background-color: #e4f1df;}
.box-success-more, .-bg-success-more{background-color: #194c06;}
.box-success-edge, .-bg-success-edge{background: rgba(66,184,20,0.2); color: #34960d; border: 1px solid rgba(66,184,20,0.2);}
.box-success-edge:hover, .-bg-success-edge:hover{background: rgba(66,184,20,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-success, .text-success-hover:hover{color:#42b814; }
.text-success-less{color:#5edd2c; }
.text-success-more{color:#34960d; }
.tag-success{background-color: #dbeed3; color:#2d850a;}
.tag-success-more{background: rgba(66,184,20,0.7); color:#fff;}
.tag-success-edge{box-shadow: inset 0 0 0 1px rgba(66,184,20,0.2); color:#42b814; background: rgba(66,184,20,0.1);}
.tag-success-edge:hover{box-shadow: inset 0 0 0 1px #42b814; color:#fff; background: rgba(66,184,20,0.8);}
.fill-success svg{
	fill:#3ba710;
}
.border-error{border:1px solid #c34343;}
.box-error, .-bg-error{background-color: #c34343;}
.box-error-less, .-bg-error-less{background-color: #f1e8e8;}
.box-error-more, .-bg-error-more{background-color: #571212;}
.box-error-edge, .-bg-error-edge{background: rgba(195,67,67,0.2); color: #a92828; border: 1px solid rgba(195,67,67,0.2);}
.box-error-edge:hover, .-bg-error-edge:hover{background: rgba(195,67,67,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-error, .text-error-hover:hover{color:#c34343; }
.text-error-less{color:#ca6e6e; }
.text-error-more{color:#a92828; }
.tag-error{background-color: #eddfdf; color:#981f1f;}
.tag-error-more{background: rgba(195,67,67,0.7); color:#fff;}
.tag-error-edge{box-shadow: inset 0 0 0 1px rgba(195,67,67,0.2); color:#c34343; background: rgba(195,67,67,0.1);}
.tag-error-edge:hover{box-shadow: inset 0 0 0 1px #c34343; color:#fff; background: rgba(195,67,67,0.8);}
.fill-error svg{
	fill:#b93333;
}
.border-main{border:1px solid #267cde;}
.box-main, .-bg-main{background-color: #267cde;}
.box-main-less, .-bg-main-less{background-color: #e5ecf3;}
.box-main-more, .-bg-main-more{background-color: #0a325e;}
.box-main-edge, .-bg-main-edge{background: rgba(38,124,222,0.2); color: #1663ba; border: 1px solid rgba(38,124,222,0.2);}
.box-main-edge:hover, .-bg-main-edge:hover{background: rgba(38,124,222,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-main, .text-main-hover:hover{color:#267cde; }
.text-main-less{color:#5997dd; }
.text-main-more{color:#1663ba; }
.tag-main{background-color: #dce5f0; color:#1157a5;}
.tag-main-more{background: rgba(38,124,222,0.7); color:#fff;}
.tag-main-edge{box-shadow: inset 0 0 0 1px rgba(38,124,222,0.2); color:#267cde; background: rgba(38,124,222,0.1);}
.tag-main-edge:hover{box-shadow: inset 0 0 0 1px #267cde; color:#fff; background: rgba(38,124,222,0.8);}
.fill-main svg{
	fill:#1c70ce;
}
.border-orange{border:1px solid #ED6334;}
.box-orange, .-bg-orange{background-color: #ED6334;}
.box-orange-less, .-bg-orange-less{background-color: #f5ebe8;}
.box-orange-more, .-bg-orange-more{background-color: #6d2107;}
.box-orange-edge, .-bg-orange-edge{background: rgba(237,99,52,0.2); color: #d9430f; border: 1px solid rgba(237,99,52,0.2);}
.box-orange-edge:hover, .-bg-orange-edge:hover{background: rgba(237,99,52,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-orange, .text-orange-hover:hover{color:#ED6334; }
.text-orange-less{color:#e98765; }
.text-orange-more{color:#d9430f; }
.tag-orange{background-color: #f3e4df; color:#bf3a0c;}
.tag-orange-more{background: rgba(237,99,52,0.7); color:#fff;}
.tag-orange-edge{box-shadow: inset 0 0 0 1px rgba(237,99,52,0.2); color:#ED6334; background: rgba(237,99,52,0.1);}
.tag-orange-edge:hover{box-shadow: inset 0 0 0 1px #ED6334; color:#fff; background: rgba(237,99,52,0.8);}
.fill-orange svg{
	fill:#ed4f18;
}
.border-key{border:1px solid #F56433;}
.box-key, .-bg-key{background-color: #F56433;}
.box-key-less, .-bg-key-less{background-color: #f6ebe8;}
.box-key-more, .-bg-key-more{background-color: #722104;}
.box-key-edge, .-bg-key-edge{background: rgba(245,100,51,0.2); color: #e44209; border: 1px solid rgba(245,100,51,0.2);}
.box-key-edge:hover, .-bg-key-edge:hover{background: rgba(245,100,51,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-key, .text-key-hover:hover{color:#F56433; }
.text-key-less{color:#ef8864; }
.text-key-more{color:#e44209; }
.tag-key{background-color: #f4e4df; color:#c83907;}
.tag-key-more{background: rgba(245,100,51,0.7); color:#fff;}
.tag-key-edge{box-shadow: inset 0 0 0 1px rgba(245,100,51,0.2); color:#F56433; background: rgba(245,100,51,0.1);}
.tag-key-edge:hover{box-shadow: inset 0 0 0 1px #F56433; color:#fff; background: rgba(245,100,51,0.8);}
.fill-key svg{
	fill:#f54f16;
}
.border-hl{border:1px solid #FCD32D;}
.box-hl, .-bg-hl{background-color: #FCD32D;}
.box-hl-less, .-bg-hl-less{background-color: #f7f4e7;}
.box-hl-more, .-bg-hl-more{background-color: #765f01;}
.box-hl-edge, .-bg-hl-edge{background: rgba(252,211,45,0.2); color: #ecbd03; border: 1px solid rgba(252,211,45,0.2);}
.box-hl-edge:hover, .-bg-hl-edge:hover{background: rgba(252,211,45,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-hl, .text-hl-hover:hover{color:#FCD32D; }
.text-hl-less{color:#f4d760; }
.text-hl-more{color:#ecbd03; }
.tag-hl{background-color: #f5f1de; color:#cfa602;}
.tag-hl-more{background: rgba(252,211,45,0.7); color:#fff;}
.tag-hl-edge{box-shadow: inset 0 0 0 1px rgba(252,211,45,0.2); color:#FCD32D; background: rgba(252,211,45,0.1);}
.tag-hl-edge:hover{box-shadow: inset 0 0 0 1px #FCD32D; color:#fff; background: rgba(252,211,45,0.8);}
.fill-hl svg{
	fill:#fccd10;
}
.border-gray{border:1px solid #eee;}
.box-gray, .-bg-gray{background-color: #eee;}
.box-gray-less, .-bg-gray-less{$bg:;}
.box-gray-more, .-bg-gray-more{$bg:;}
.box-gray-edge, .-bg-gray-edge{background: rgba(238,238,238,0.2); color: ; border: 1px solid rgba(238,238,238,0.2);}
.box-gray-edge:hover, .-bg-gray-edge:hover{background: rgba(238,238,238,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-gray, .text-gray-hover:hover{color:#eee; }
.text-gray-less{@;}
.text-gray-more{@;}
.tag-gray{$bg:; color:;}
.tag-gray-more{background: rgba(238,238,238,0.7); color:#fff;}
.tag-gray-edge{box-shadow: inset 0 0 0 1px rgba(238,238,238,0.2); color:#eee; background: rgba(238,238,238,0.1);}
.tag-gray-edge:hover{box-shadow: inset 0 0 0 1px #eee; color:#fff; background: rgba(238,238,238,0.8);}
.fill-gray svg{
	fill:;
}
.border-xgray{border:1px solid #aaa;}
.box-xgray, .-bg-xgray{background-color: #aaa;}
.box-xgray-less, .-bg-xgray-less{$bg:;}
.box-xgray-more, .-bg-xgray-more{$bg:;}
.box-xgray-edge, .-bg-xgray-edge{background: rgba(170,170,170,0.2); color: ; border: 1px solid rgba(170,170,170,0.2);}
.box-xgray-edge:hover, .-bg-xgray-edge:hover{background: rgba(170,170,170,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-xgray, .text-xgray-hover:hover{color:#aaa; }
.text-xgray-less{@;}
.text-xgray-more{@;}
.tag-xgray{$bg:; color:;}
.tag-xgray-more{background: rgba(170,170,170,0.7); color:#fff;}
.tag-xgray-edge{box-shadow: inset 0 0 0 1px rgba(170,170,170,0.2); color:#aaa; background: rgba(170,170,170,0.1);}
.tag-xgray-edge:hover{box-shadow: inset 0 0 0 1px #aaa; color:#fff; background: rgba(170,170,170,0.8);}
.fill-xgray svg{
	fill:;
}
.border-dark{border:1px solid #444;}
.box-dark, .-bg-dark{background-color: #444;}
.box-dark-less, .-bg-dark-less{$bg:;}
.box-dark-more, .-bg-dark-more{$bg:;}
.box-dark-edge, .-bg-dark-edge{background: rgba(68,68,68,0.2); color: ; border: 1px solid rgba(68,68,68,0.2);}
.box-dark-edge:hover, .-bg-dark-edge:hover{background: rgba(68,68,68,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-dark, .text-dark-hover:hover{color:#444; }
.text-dark-less{@;}
.text-dark-more{@;}
.tag-dark{$bg:; color:;}
.tag-dark-more{background: rgba(68,68,68,0.7); color:#fff;}
.tag-dark-edge{box-shadow: inset 0 0 0 1px rgba(68,68,68,0.2); color:#444; background: rgba(68,68,68,0.1);}
.tag-dark-edge:hover{box-shadow: inset 0 0 0 1px #444; color:#fff; background: rgba(68,68,68,0.8);}
.fill-dark svg{
	fill:;
}
.border-yellow{border:1px solid #FFD000;}
.box-yellow, .-bg-yellow{background-color: #FFD000;}
.box-yellow-less, .-bg-yellow-less{background-color: #f5f2e2;}
.box-yellow-more, .-bg-yellow-more{background-color: #665400;}
.box-yellow-edge, .-bg-yellow-edge{background: rgba(255,208,0,0.2); color: #cda900; border: 1px solid rgba(255,208,0,0.2);}
.box-yellow-edge:hover, .-bg-yellow-edge:hover{background: rgba(255,208,0,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-yellow, .text-yellow-hover:hover{color:#FFD000; }
.text-yellow-less{color:#f5d53e; }
.text-yellow-more{color:#cda900; }
.tag-yellow{background-color: #f4efd8; color:#b39400;}
.tag-yellow-more{background: rgba(255,208,0,0.7); color:#fff;}
.tag-yellow-edge{box-shadow: inset 0 0 0 1px rgba(255,208,0,0.2); color:#FFD000; background: rgba(255,208,0,0.1);}
.tag-yellow-edge:hover{box-shadow: inset 0 0 0 1px #FFD000; color:#fff; background: rgba(255,208,0,0.8);}
.fill-yellow svg{
	fill:#e6be00;
}
.border-alt1{border:1px solid #267cde;}
.box-alt1, .-bg-alt1{background-color: #267cde;}
.box-alt1-less, .-bg-alt1-less{background-color: #e5ecf3;}
.box-alt1-more, .-bg-alt1-more{background-color: #0a325e;}
.box-alt1-edge, .-bg-alt1-edge{background: rgba(38,124,222,0.2); color: #1663ba; border: 1px solid rgba(38,124,222,0.2);}
.box-alt1-edge:hover, .-bg-alt1-edge:hover{background: rgba(38,124,222,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt1, .text-alt1-hover:hover{color:#267cde; }
.text-alt1-less{color:#5997dd; }
.text-alt1-more{color:#1663ba; }
.tag-alt1{background-color: #dce5f0; color:#1157a5;}
.tag-alt1-more{background: rgba(38,124,222,0.7); color:#fff;}
.tag-alt1-edge{box-shadow: inset 0 0 0 1px rgba(38,124,222,0.2); color:#267cde; background: rgba(38,124,222,0.1);}
.tag-alt1-edge:hover{box-shadow: inset 0 0 0 1px #267cde; color:#fff; background: rgba(38,124,222,0.8);}
.fill-alt1 svg{
	fill:#1c70ce;
}
.border-alt2{border:1px solid #7c32a1;}
.box-alt2, .-bg-alt2{background-color: #7c32a1;}
.box-alt2-less, .-bg-alt2-less{background-color: #ebe3ef;}
.box-alt2-more, .-bg-alt2-more{background-color: #330e47;}
.box-alt2-edge, .-bg-alt2-edge{background: rgba(124,50,161,0.2); color: #662089; border: 1px solid rgba(124,50,161,0.2);}
.box-alt2-edge:hover, .-bg-alt2-edge:hover{background: rgba(124,50,161,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt2, .text-alt2-hover:hover{color:#7c32a1; }
.text-alt2-less{color:#9a4fc0; }
.text-alt2-more{color:#662089; }
.tag-alt2{background-color: #e4d9ea; color:#5a197c;}
.tag-alt2-more{background: rgba(124,50,161,0.7); color:#fff;}
.tag-alt2-edge{box-shadow: inset 0 0 0 1px rgba(124,50,161,0.2); color:#7c32a1; background: rgba(124,50,161,0.1);}
.tag-alt2-edge:hover{box-shadow: inset 0 0 0 1px #7c32a1; color:#fff; background: rgba(124,50,161,0.8);}
.fill-alt2 svg{
	fill:#712996;
}
.border-alt3{border:1px solid #0bba88;}
.box-alt3, .-bg-alt3{background-color: #0bba88;}
.box-alt3-less, .-bg-alt3-less{background-color: #ddf2ec;}
.box-alt3-more, .-bg-alt3-more{background-color: #034c37;}
.box-alt3-edge, .-bg-alt3-edge{background: rgba(11,186,136,0.2); color: #07976d; border: 1px solid rgba(11,186,136,0.2);}
.box-alt3-edge:hover, .-bg-alt3-edge:hover{background: rgba(11,186,136,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt3, .text-alt3-hover:hover{color:#0bba88; }
.text-alt3-less{color:#1ee6ab; }
.text-alt3-more{color:#07976d; }
.tag-alt3{background-color: #d1efe6; color:#058560;}
.tag-alt3-more{background: rgba(11,186,136,0.7); color:#fff;}
.tag-alt3-edge{box-shadow: inset 0 0 0 1px rgba(11,186,136,0.2); color:#0bba88; background: rgba(11,186,136,0.1);}
.tag-alt3-edge:hover{box-shadow: inset 0 0 0 1px #0bba88; color:#fff; background: rgba(11,186,136,0.8);}
.fill-alt3 svg{
	fill:#09a97a;
}
.border-alt4{border:1px solid #4CAF50;}
.box-alt4, .-bg-alt4{background-color: #4CAF50;}
.box-alt4-less, .-bg-alt4-less{background-color: #e8efe8;}
.box-alt4-more, .-bg-alt4-more{background-color: #154f18;}
.box-alt4-edge, .-bg-alt4-edge{background: rgba(76,175,80,0.2); color: #319936; border: 1px solid rgba(76,175,80,0.2);}
.box-alt4-edge:hover, .-bg-alt4-edge:hover{background: rgba(76,175,80,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt4, .text-alt4-hover:hover{color:#4CAF50; }
.text-alt4-less{color:#73bd76; }
.text-alt4-more{color:#319936; }
.tag-alt4{background-color: #e0ebe0; color:#258b2a;}
.tag-alt4-more{background: rgba(76,175,80,0.7); color:#fff;}
.tag-alt4-edge{box-shadow: inset 0 0 0 1px rgba(76,175,80,0.2); color:#4CAF50; background: rgba(76,175,80,0.1);}
.tag-alt4-edge:hover{box-shadow: inset 0 0 0 1px #4CAF50; color:#fff; background: rgba(76,175,80,0.8);}
.fill-alt4 svg{
	fill:#3ea543;
}
.border-alt5{border:1px solid #473db8;}
.box-alt5, .-bg-alt5{background-color: #473db8;}
.box-alt5-less, .-bg-alt5-less{background-color: #e7e6f0;}
.box-alt5-more, .-bg-alt5-more{background-color: #161151;}
.box-alt5-edge, .-bg-alt5-edge{background: rgba(71,61,184,0.2); color: #30279e; border: 1px solid rgba(71,61,184,0.2);}
.box-alt5-edge:hover, .-bg-alt5-edge:hover{background: rgba(71,61,184,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt5, .text-alt5-hover:hover{color:#473db8; }
.text-alt5-less{color:#6c66c5; }
.text-alt5-more{color:#30279e; }
.tag-alt5{background-color: #deddec; color:#261e8e;}
.tag-alt5-more{background: rgba(71,61,184,0.7); color:#fff;}
.tag-alt5-edge{box-shadow: inset 0 0 0 1px rgba(71,61,184,0.2); color:#473db8; background: rgba(71,61,184,0.1);}
.tag-alt5-edge:hover{box-shadow: inset 0 0 0 1px #473db8; color:#fff; background: rgba(71,61,184,0.8);}
.fill-alt5 svg{
	fill:#3a32ac;
}
.border-alt6{border:1px solid #dbaa07;}
.box-alt6, .-bg-alt6{background-color: #dbaa07;}
.box-alt6-less, .-bg-alt6-less{background-color: #f4efe0;}
.box-alt6-more, .-bg-alt6-more{background-color: #584502;}
.box-alt6-edge, .-bg-alt6-edge{background: rgba(219,170,7,0.2); color: #b08a05; border: 1px solid rgba(219,170,7,0.2);}
.box-alt6-edge:hover, .-bg-alt6-edge:hover{background: rgba(219,170,7,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt6, .text-alt6-hover:hover{color:#dbaa07; }
.text-alt6-less{color:#edc22e; }
.text-alt6-more{color:#b08a05; }
.tag-alt6{background-color: #f1ebd4; color:#9b7903;}
.tag-alt6-more{background: rgba(219,170,7,0.7); color:#fff;}
.tag-alt6-edge{box-shadow: inset 0 0 0 1px rgba(219,170,7,0.2); color:#dbaa07; background: rgba(219,170,7,0.1);}
.tag-alt6-edge:hover{box-shadow: inset 0 0 0 1px #dbaa07; color:#fff; background: rgba(219,170,7,0.8);}
.fill-alt6 svg{
	fill:#c69b06;
}
.border-alt7{border:1px solid #FF6F22;}
.box-alt7, .-bg-alt7{background-color: #FF6F22;}
.box-alt7-less, .-bg-alt7-less{background-color: #f7ece6;}
.box-alt7-more, .-bg-alt7-more{background-color: #742900;}
.box-alt7-edge, .-bg-alt7-edge{background: rgba(255,111,34,0.2); color: #e85200; border: 1px solid rgba(255,111,34,0.2);}
.box-alt7-edge:hover, .-bg-alt7-edge:hover{background: rgba(255,111,34,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt7, .text-alt7-hover:hover{color:#FF6F22; }
.text-alt7-less{color:#f69058; }
.text-alt7-more{color:#e85200; }
.tag-alt7{background-color: #f5e5dd; color:#cb4800;}
.tag-alt7-more{background: rgba(255,111,34,0.7); color:#fff;}
.tag-alt7-edge{box-shadow: inset 0 0 0 1px rgba(255,111,34,0.2); color:#FF6F22; background: rgba(255,111,34,0.1);}
.tag-alt7-edge:hover{box-shadow: inset 0 0 0 1px #FF6F22; color:#fff; background: rgba(255,111,34,0.8);}
.fill-alt7 svg{
	fill:#ff5e06;
}
.border-alt8{border:1px solid #CF5555;}
.box-alt8, .-bg-alt8{background-color: #CF5555;}
.box-alt8-less, .-bg-alt8-less{background-color: #f3eaea;}
.box-alt8-more, .-bg-alt8-more{background-color: #631212;}
.box-alt8-edge, .-bg-alt8-edge{background: rgba(207,85,85,0.2); color: #c12929; border: 1px solid rgba(207,85,85,0.2);}
.box-alt8-edge:hover, .-bg-alt8-edge:hover{background: rgba(207,85,85,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt8, .text-alt8-hover:hover{color:#CF5555; }
.text-alt8-less{color:#d47c7c; }
.text-alt8-more{color:#c12929; }
.tag-alt8{background-color: #f0e2e2; color:#ad1f1f;}
.tag-alt8-more{background: rgba(207,85,85,0.7); color:#fff;}
.tag-alt8-edge{box-shadow: inset 0 0 0 1px rgba(207,85,85,0.2); color:#CF5555; background: rgba(207,85,85,0.1);}
.tag-alt8-edge:hover{box-shadow: inset 0 0 0 1px #CF5555; color:#fff; background: rgba(207,85,85,0.8);}
.fill-alt8 svg{
	fill:#ce3939;
}
.border-alt9{border:1px solid #ee5997;}
.box-alt9, .-bg-alt9{background-color: #ee5997;}
.box-alt9-less, .-bg-alt9-less{background-color: #f7ecf0;}
.box-alt9-more, .-bg-alt9-more{background-color: #7b0839;}
.box-alt9-edge, .-bg-alt9-edge{background: rgba(238,89,151,0.2); color: #ed1a73; border: 1px solid rgba(238,89,151,0.2);}
.box-alt9-edge:hover, .-bg-alt9-edge:hover{background: rgba(238,89,151,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);}
.text-alt9, .text-alt9-hover:hover{color:#ee5997; }
.text-alt9-less{color:#ec81ae; }
.text-alt9-more{color:#ed1a73; }
.tag-alt9{background-color: #f5e5ec; color:#d70f64;}
.tag-alt9-more{background: rgba(238,89,151,0.7); color:#fff;}
.tag-alt9-edge{box-shadow: inset 0 0 0 1px rgba(238,89,151,0.2); color:#ee5997; background: rgba(238,89,151,0.1);}
.tag-alt9-edge:hover{box-shadow: inset 0 0 0 1px #ee5997; color:#fff; background: rgba(238,89,151,0.8);}
.fill-alt9 svg{
	fill:#ed3a86;
}
.box-hm1{
	background-color: #f24a37;
}
.box-hm1-edge{
	background: rgba(242,74,55,0.1);
	box-shadow: inset 0 0 0 1px rgba(242,74,55,0.5);
	color:#e3200c;
}
.box-hm2{
	background-color: #f9c134;
}
.box-hm2-edge{
	background: rgba(249,193,52,0.15);
	box-shadow: inset 0 0 0 1px rgba(249,193,52,0.5);
	color:#eca806;
}
.box-hm3{
	background-color: #bce222;
}
.box-hm3-edge{
	background: rgba(188,226,34,0.15);
	box-shadow: inset 0 0 0 1px rgba(188,226,34,0.5);
	color:#9bbd13;
}
.box-hm4{
	background-color: #6de21f;
}
.box-hm4-edge{
	background: rgba(109,226,31,0.15);
	box-shadow: inset 0 0 0 1px rgba(109,226,31,0.5);
	color:#56bc13;
}
.box-hm5{
	background-color: #24d82d;
}
.box-hm5-edge{
	background: rgba(36,216,45,0.15);
	box-shadow: inset 0 0 0 1px rgba(36,216,45,0.5);
	color:#17b31e;
}
.-sq20{
	width:20px; height:20px;
	overflow:hidden;
}
.-sq40{
	width:40px; height:40px;
	overflow:hidden;
}
.-sq60{
	width:60px; height:60px;
	overflow:hidden;
}
.-sq80{
	width:80px; height:80px;
	overflow:hidden;
}
.-sq100{
	width:100px; height:100px;
	overflow:hidden;
}
.-sq120{
	width:120px; height:120px;
	overflow:hidden;
}
.-sq140{
	width:140px; height:140px;
	overflow:hidden;
}
.-sq160{
	width:160px; height:160px;
	overflow:hidden;
}
.-sq180{
	width:180px; height:180px;
	overflow:hidden;
}
.-sq200{
	width:200px; height:200px;
	overflow:hidden;
}
.-sq16{
	width:16px; height:16px;
	overflow:hidden;
}
.-sq24{
	width:24px; height:24px;
	overflow:hidden;
}
.-sq32{
	width:32px; height:32px;
	overflow:hidden;
}
.-sq64{
	width:64px; height:64px;
	overflow:hidden;
}
.-sq130{
	width:130px; height:130px;
	overflow:hidden;
}
.text-status0{color:#bbb; }
.text-status1{color:#f24a37; }
.text-status2{color:#f9c134; }
.text-status3{color:#bce222; }
.text-status4{color:#6de21f; }
.text-status5{color:#24d82d; }
.text-status6{color:#0fc118; }
.bg-status0{background-color: #bbb;}
.bg-status1{background-color: #f24a37;}
.bg-status2{background-color: #f9c134;}
.bg-status3{background-color: #bce222; }
.bg-status4{background-color: #6de21f;}
.bg-status5{background-color: #24d82d; }
.bg-status6{background-color: #0fc118; }
.bg-status0-less{background: rgba(187,187,187,0.1); @#888}
.bg-status1-less{background: rgba(242,74,55,0.1); color:#e41f0a; }
.bg-status2-less{background: rgba(249,193,52,0.1); color:#eda805; }
.bg-status3-less{background: rgba(188,226,34,0.1); color:#9cbf11; }
.bg-status4-less{background: rgba(109,226,31,0.1); color:#56be10; }
.bg-status5-less{background: rgba(36,216,45,0.1); color:#14b51c; }
.bg-status6-less{background-color: #0fc118; }
.space-5, .sep-5{
	display:block;height:5px;}
.lspace-5, .lsep-5{
	display:block;
	float:left;width:5px; height:1px;}
.space-10, .sep-10{
	display:block;height:10px;}
.lspace-10, .lsep-10{
	display:block;
	float:left;width:10px; height:1px;}
.space-15, .sep-15{
	display:block;height:15px;}
.lspace-15, .lsep-15{
	display:block;
	float:left;width:15px; height:1px;}
.space-20, .sep-20{
	display:block;height:20px;}
.lspace-20, .lsep-20{
	display:block;
	float:left;width:20px; height:1px;}
.space-30, .sep-30{
	display:block;height:30px;}
.lspace-30, .lsep-30{
	display:block;
	float:left;width:30px; height:1px;}
.space-50, .sep-50{
	display:block;height:50px;}
.lspace-50, .lsep-50{
	display:block;
	float:left;width:50px; height:1px;}
.space-100, .sep-100{
	display:block;height:100px;}
.lspace-100, .lsep-100{
	display:block;
	float:left;width:100px; height:1px;}
.w100{width:100px;}
.h100{heigh:100px;}
.w120{width:120px;}
.h120{heigh:120px;}
.w130{width:130px;}
.h130{heigh:130px;}
.w140{width:140px;}
.h140{heigh:140px;}
.w150{width:150px;}
.h150{heigh:150px;}
.w160{width:160px;}
.h160{heigh:160px;}
.w180{width:180px;}
.h180{heigh:180px;}
.w200{width:200px;}
.h200{heigh:200px;}
.w220{width:220px;}
.h220{heigh:220px;}
.w240{width:240px;}
.h240{heigh:240px;}
.w250{width:250px;}
.h250{heigh:250px;}
.w260{width:260px;}
.h260{heigh:260px;}
.w280{width:280px;}
.h280{heigh:280px;}
.w300{width:300px;}
.h300{heigh:300px;}
.w320{width:320px;}
.h320{heigh:320px;}
.w340{width:340px;}
.h340{heigh:340px;}
.w350360{width:350360px;}
.h350360{heigh:350360px;}
.w380{width:380px;}
.h380{heigh:380px;}
.w400{width:400px;}
.h400{heigh:400px;}
.w450{width:450px;}
.h450{heigh:450px;}
.w500{width:500px;}
.h500{heigh:500px;}
sup{
	vertical-align:super;
	opacity: 0.8; filter: alpha(Opacity:80);
}
/**
 * @desc CSS Class for xDialog
 */
.__wtdialog{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__wtdialog .__dialogwrapper{
	position:absolute;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
 box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.__wtdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__wtdialog .__dialogmain{
	float:left;
	position:relative;
	overflow:hidden;
	min-height:90px;
	min-width:280px;
	max-width:900px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	margin:auto;
}
.__wtdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid transparent;
	padding:10px;
}
.__wtdialog .__dialogtitle{
	color:#111;
	padding: 18px;
	position:relative;
	font-weight:normal;
	font-size:26px;
	text-align:center;
	background-color: #fff;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	border-bottom:3px solid #eee;
}
.__wtdialog .__dialogclose{
	position:absolute;
	cursor:pointer;
 color:#999;
	right:10px;
	top:10px;
	padding:6px 7px;
	border:1px solid transparent;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}
.__wtdialog .__dialogclose span{
	font-size:16px;
}
.__wtdialog .__dialogclose:hover{
	background-color: #fcfcfc;
	border:1px solid #ddd;
	color:#111;
}
.__wtdialog .__dialogbuttons{
	border-top:2px solid #e7e7e7;
	text-align:right;
	position:relative;
	background-color: #fff;
}
.__wtdialog .__dialogbuttons .button{
	text-align:center;
	cursor:pointer;
	padding:13px 0px;
	border:1px solid #e9e9e9;
	color:#444;
	font-size:15px;
}
.__wtdialog .__dialogbuttons .button:hover{
	color:#111;
	background-color: #fff;
}
.__wtdialog .__dialogbuttons .button:active, .__wtdialog .__dialogbuttons .button:focus{
	opacity: 0.8; filter: alpha(Opacity:80);
}
.__wtdialog .__dialogbuttons .button.hl{
	background-color: #1974d8;
	color:#fff;
	border:1px solid #0f6acd;
}
.__wtdialog .__dialogbuttons .button.hl:hover{
	background-color: #0058b8;
	color:#fff;
	border:1px solid #0053ae;
}
.__wtdialog .__dialogbuttons .button.er{
	color:#c65144;
	font-weight:bold;
	border:none;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
.__wtdialog .__dialogbuttons .button.er:hover{
	-moz-box-shadow: inset 0px 0px 10px #eee;
 -webkit-box-shadow: inset 0px 0px 10px #eee;
 box-shadow: inset 0px 0px 10px #eee;
	background-color: #f6f6f6;
}
.__wtdialog .__dialogbuttons .button.ss{
	color:#42b814;
	font-weight:bold;
	border:none;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
.__wtdialog .__dialogbuttons .button.ss:hover{
	-moz-box-shadow: inset 0px 0px 10px #eee;
 -webkit-box-shadow: inset 0px 0px 10px #eee;
 box-shadow: inset 0px 0px 10px #eee;
	background-color: #f6f6f6;
}
.__wtdialog .__dialogbuttons .button.confirm-button{
	float:left;
	width:50%;
}
.__wtdialog .__dialogbuttons .ss.confirm-button{
	position:absolute;
	top:0px;
	right:0px;
	border-left:1px solid #e7e7e7;
}
.__wtajaxdialog{
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.1);
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__wtajaxdialog .__dialogwrapper{
	position:absolute;
}
.__wtajaxdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__wtajaxdialog .__dialogtitle{
	display:none;
}
.__wtajaxdialog .__dialogcontent{
	border-top:1px solid trapsparent;
	padding:30px 40px;
	background: rgba(0,0,0,0.5);
	font-size:28px;
	color:#fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	text-align:center;
}
.__wtajaxdialog .__dialogcontent p{
	padding-top:10px;
	font-size:13px;
	font-weight:normal;
}
.__appdialog{
	width:100%;
	height:100%;
	background-image: url(https://static-gcdn.basecdn.net/service/image/dialog.png); background-repeat: repeat;
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__appdialog .__dialogwrapper{
	position:absolute;
	-moz-box-shadow:0px 10px 10px -2px #888;
 -webkit-box-shadow:0px 10px 10px -2px #888;
 box-shadow:0px 10px 10px -2px #888;
}
.__appdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__appdialog .__dialogmain{
	float:left;
	position:relative;
	background-color: #fafafa;
	min-height:90px;
	min-width:400px;
	max-width:900px;
	@corner:4px;
}
.__appdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid #fff;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	background-image: url(https://static-gcdn.basecdn.net/service/image/v2/bg1.png); background-repeat: repeat;
}
.__appdialog .__dialogtitle{
	color: #fff;
	padding: 11px 10px 11px 10px;
	position:relative;
	font-weight:normal;
	font-size:15px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	background-color: #316aaa;
	border-bottom:1px solid #155296;
}
.__appdialog .__dialogclose{
	position:absolute;
	cursor:pointer;
	font-size:16px;
	right:8px;
	top:8px;
	padding:3px 8px;
	opacity: 0.5; filter: alpha(Opacity:50);
	border:1px solid transparent;
	color:#fff;
}
.__appdialog .__dialogclose:hover{
	background: rgba(255,255,255,0.9);
	border:1px solid #1d589b;
	opacity: 1.0; filter: alpha(Opacity:100);
	color:#316aaa;
}
.__apalert .__dialogmain .__dialogtitle{
	display:none;
}
.__apalert .__apdialog{
	overflow:hidden;
	padding:25px 5px;
	padding-top:30px;
	max-width:500px;
	min-width:400px;
	padding-left:5px;
}
.__apalert .__apdialog table{
	width:100%;
	height:100%;
}
.__apalert .__apdialog .icon{
	vertical-align:middle;
	width:60px;
	padding-left:15px;
}
.__apalert .__apdialog .text{
	vertical-align:middle;
	font-weight:normal;
	font-size:15px;
	text-align:justify;
	color:#111;
	line-height:24px;
	padding-right:20px;
}
.__apalert .__apdialog .text strong{
	text-decoration:underline;
}
.__apalert .__apdialog .text *{
}
.__apalert .__apdialog .text ul{
	margin-left:20px;
	list-style-type: disc;
}
.__apdialog p{
	padding-bottom:10px;
	font-size:13px;
	font-weight:normal;
}
.__apdialog p.title{
	font-weight:bold;
	text-transform:uppercase;
 color:#333;
	font-size:15px;
}
.__mobiledialog{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__mobiledialog .__dialogwrapper{
	position:absolute;
	width:100%;
	height:100%;
}
.__mobiledialog .__dialogwrapper-inner{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
}
.__mobiledialog .__dialogmain{
	top:6px;
	right:6px;
	bottom:6px;
	left:6px;
	position:absolute;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #fff;
}
.__mobiledialog .__dialogcontent{
	min-height:30px;
	border-top:1px solid transparent;
	position:absolute;
	overflow:hidden;
	top:48px;
	bottom:0px;
	right:0px;
	left:0px;
}
.__mobiledialog .__dialogcontent .form-main{
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	bottom:64px;
	right:0px;
	overflow-y:scroll;
}
.__mobiledialog .__dialogcontent .form-main .form-scroll{
	padding:15px;
}
.__mobiledialog.fs .__dialogcontent{
	padding:0;
	padding-top:20px;
}
.__mobiledialog .__dialogtitle{
	font-size:20px;
	font-weight:normal;
	height:45px;
	border-bottom:1px solid #eee;
	padding-right:36px;
}
.__mobiledialog .__dialogtitle .title-1{
	padding:11px 15px;
	margin-right:10px;
	padding-right:0px;
}
.__mobiledialog .__dialogclose{
	position:absolute;
	cursor:pointer;
 color:#aaa;
	right:3px;
	top:-1px;
	padding:13px;
}
.__mobiledialog .__dialogclose span{
	font-size:20px;
}
.__mobiledialog .form-buttons{
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:15px;
	right:15px;
	padding:10px 0;
	border-top:1px solid #eee;
}
.__mobiledialog .form-buttons .button{
	padding:11px 0px;
	width:48%;
}
.__mobiledialog .form-buttons.-one .button{
	width:100%;
}
.__mobiledialog .form-buttons .button.ok{
	float:right;
}
.__mobiledialog .form-buttons .button.cancel{
	float:left;
}
.__mobiledialog .form-dialog .warning{
	background: rgba(217,108,108,0.2);
	padding:15px 20px;
	text-align:center;
	font-size:13px;
	font-style:italic;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-bottom:20px;
}
.__mobiledialog.float-opts .__dialogtitlewrap, .__mobiledialog.float-opts .__dialogclose{
	display:none;
}
.__mobiledialog.float-opts .__dialogcontent{
	padding:0;
}
.__mobiledialog.float-opts .opt{
	padding:13px 20px;
	border-bottom:1px solid #eee;
	position:relative;
}
.__mobiledialog.float-opts .opt.with-icon{
	padding-left:50px;
}
.__mobiledialog.float-opts .opt .ir{
	position:absolute;
	font-size:20px;
	top:10px;
	right:10px;
	padding:4px;
	color:#ddd;
}
.__mobiledialog.float-opts .opt .updown{
	position:absolute;
	top:10px;
	left:10px;
}
.__mobiledialog.float-opts .opt .updown div{
	padding:0px 4px;
	font-size:18px;
 color:#aaa;
	cursor:pointer;
	height:16px;
}
.__mobiledialog.float-opts .opt .updown div:hover{
	color:#111;
}
.__mobiledialog.float-opts .opt .label{
	font-size:16px;
	display:block;
	font-weight:bold;
}
.__mobiledialog.float-opts .opt .sublabel{
	color:#aaa;
	font-size:13px;
	padding-top:2px;
}
.__mobiledialog.float-opts .opt .icon{
	position:absolute;
	font-size:20px;
	font-weight:normal;
	top:18px;
	left:13px;
	color:#999;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.__mobiledialog.float-opts .opt:hover{
	background-color: #f8f8f8;
}
.__mobiledialog.float-opts .opt:hover .ir{
	color:#111;
}
.__mobiledialog.float-opts .opt .inputs{
	padding-bottom:8px;
}
.__mobiledialog.float-opts .opt .input{
	margin-top:13px;
	padding-bottom:2px;
}
.__mobiledialog.float-opts .opt .inputw{
	padding-right:13px;
}
.__mobiledialog.float-opts .opt .input input{
	font-size:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__mobiledialog.float-opts .opt .ok{
	width:19%;
	margin-top:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:7px 0;
	font-size:13px;
	font-weight:bold;
}
.__mobiledialog.float-opts .back{
	padding:10px 20px 10px 40px;
	background-color: #f9f9f9;
	position:relative;
	font-size:14px;
	text-align:center;
	border-top:1px solid #eee;
}
.__mobiledialog.float-opts .back .icon{
	font-size:16px;
	position:absolute;
	top:9px;
	left:15px;
}
.__mobiledialog.float-opts .back:hover{
	font-weight:bold;
 color:#111;
	background-color: #fff;
}
.simple-form h6{
	font-size:15px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:6px;
}
.simple-form input, .simple-form select, .simple-form textarea{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	background-color: #fff;
}
.simple-form input, .simple-form select, .simple-form textarea{
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	font-size:16px;
	padding:7px 9px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:3px;
	margin-bottom:8px;
}
.simple-form input.big{
	font-size:24px;
}
.simple-form .stroked{
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.simple-form .stroked > textarea, .simple-form .stroked > input{
	border:none;
}
.__fdialog{
	z-index:10000;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.6);
}
.__fdialog .__fdialogwrapper, .__dialogwrapperscroller{
	height:100%;
	overflow-y:scroll;
	position:relative;
}
.__fdialog .__dialogwrapper{
	position:absolute;
	padding-bottom:10px;
}
.__fdialog .__dialogwrapper-inner{
	margin:auto;
}
.__fdialog .__dialogmain{
	float:left;
	position:relative;
	min-height:90px;
	min-width:450px;
	max-width:900px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
}
.__fdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid transparent;
	padding:30px 20px;
}
.__fdialog.full-content .__dialogcontent{
	padding:0 0 20px 0;
}
.__fdialog.full-content .__dialogcontent .form-buttons{
	padding-left:20px;
	padding-right:20px;
}
.__fdialog.fs .__dialogcontent{
	padding:0;
	padding-top:20px;
}
.__fdialog .__dialogtitlewrap{
	color:#555;
	position:relative;
	padding:15px 18px;
	position:relative;
	font-weight:normal;
	text-align:center;
	background-color: #eee;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
}
.__fdialog .__dialogtitlerender{
	display:none;
}
.__fdialog .__dialogtitle{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	max-width:500px;
}
.__fdialog .__dialogtitlewrap.nd{
	border:none;
	padding-bottom:0px;
}
.__fdialog .__dialogtitle .title-1{
	text-transform:none;
	font-size:24px;
	font-weight:normal;
 color:#111;
	padding:0 50px;
}
.__fdialog .__dialogtitle .title-2{
	font-style:italic;
	font-size:14px;
 color:#999;
	font-weight:normal;
	padding:5px 0 0px 0;
	text-transform:none;
}
.__fdialog .__dialogclose{
	position:absolute;
	cursor:pointer;
 color:#aaa;
	right:10px;
	top:10px;
	padding:4px 5px;
	border:1px solid transparent;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
.__fdialog .__dialogclose span{
	font-size:16px;
}
.__fdialog .__dialogclose:hover{
	background-color: #D96C6C;
	color:#fff;
}
.__fdialog .form-buttons{
	overflow:hidden;
	padding-top:20px;
	border-top:1px dashed #ddd;
	margin-top:5px;
}
.__fdialog .form-buttons .button{
	padding:11px 0px;
	width:48%;
}
.__fdialog .form-buttons .button.ok{
	float:right;
}
.__fdialog .form-buttons .button.cancel{
	float:left;
}
.__fdialog .form-dialog .warning{
	background: rgba(217,108,108,0.2);
	padding:15px 20px;
	text-align:center;
	font-size:13px;
	font-style:italic;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-bottom:30px;
	margin-top:-10px;
}
.__fdialog.float-opts .__dialogtitlewrap, .__fdialog.float-opts .__dialogclose{
	display:none;
}
.__fdialog.float-opts .__dialogcontent{
	padding:0;
}
.__fdialog.float-opts .opt{
	padding:13px 20px;
	border-bottom:1px solid #eee;
	position:relative;
}
.__fdialog.float-opts .opt.with-icon{
	padding-left:50px;
}
.__fdialog.float-opts .opt .ir{
	position:absolute;
	font-size:20px;
	top:10px;
	right:10px;
	padding:4px;
	color:#ddd;
}
.__fdialog.float-opts .opt .updown{
	position:absolute;
	top:10px;
	left:10px;
}
.__fdialog.float-opts .opt .updown div{
	padding:0px 4px;
	font-size:18px;
 color:#aaa;
	cursor:pointer;
	height:16px;
}
.__fdialog.float-opts .opt .updown div:hover{
	color:#111;
}
.__fdialog.float-opts .opt .label{
	font-size:16px;
	display:block;
	font-weight:bold;
}
.__fdialog.float-opts .opt .sublabel{
	color:#aaa;
	font-size:13px;
	padding-top:2px;
}
.__fdialog.float-opts .opt .icon{
	position:absolute;
	font-size:20px;
	font-weight:normal;
	top:18px;
	left:13px;
	color:#999;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.__fdialog.float-opts .opt:hover{
	background-color: #f8f8f8;
}
.__fdialog.float-opts .opt:hover .ir{
	color:#111;
}
.__fdialog.float-opts .opt .inputs{
	padding-bottom:8px;
}
.__fdialog.float-opts .opt .input{
	margin-top:13px;
	padding-bottom:2px;
}
.__fdialog.float-opts .opt .inputw{
	padding-right:13px;
}
.__fdialog.float-opts .opt .input input{
	font-size:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.__fdialog.float-opts .opt .ok{
	width:19%;
	margin-top:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:7px 0;
	font-size:13px;
	font-weight:bold;
}
.__fdialog.float-opts .back{
	padding:10px 20px 10px 40px;
	background-color: #f9f9f9;
	position:relative;
	font-size:14px;
	text-align:center;
	border-top:1px solid #eee;
}
.__fdialog.float-opts .back .icon{
	font-size:16px;
	position:absolute;
	top:9px;
	left:15px;
}
.__fdialog.float-opts .back:hover{
	font-weight:bold;
 color:#111;
	background-color: #fff;
}
.__customdialog{
	height:100%;
	background: rgba(0,0,0,0.4);
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.__customdialog .__dialogwrapper{
	position:relative;
	float:left;
	padding-bottom:40px;
	-webkit-transition-property: top; -moz-transition-property: top;
 -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s;
 -o-transition-duration: 0.25s; transition-duration: 0.25s;
}
.__customdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__customdialog .__dialogtitle{
	display:none;
}
.__customdialog .__close_button{
	position:absolute;
	font-size:16px;
	text-align:center;
	cursor:pointer;
	right:10px;
	top:10px;
	border:1px solid rgba(0,0,0,0.1);
	background-color: #fff;
	width:24px;
	height:24px;
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
	z-index:999;
}
.__customdialog .__close_button span{
	display:block;
	padding-top:3px;
}
.__customdialog .__close_button:hover{
	background-color: #D96C6C;
	border:1px solid #D96C6C;
	color:#fff;
}
.__customdialog .__dialogcontent{
	padding:10px 20px;
	background-color: #fff;
	color:#333;
	font-size:15px;
	overflow:hidden;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 16px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 16px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 16px 0px rgba(0,0,0,0.2);
}
.__customdialog.-full .__dialogcontent{
	padding:0;
}
.__customdialog .__dialogcontent h2{
	font-size:22px;
	font-weight:normal;
	padding-bottom:13px;
	padding-top:15px;
}
.__customdialog .__dialogcontent p{
	padding-bottom:13px;
	font-size:14px;
	line-height:21px;
}
.__customdialog .__dialogcontent .buttons{
	overflow:hidden;
	padding-top:25px;
	padding-bottom:10px;
}
.__customdialog.-full-canvas .__dialogcontent{
	padding:0;
	background-color: transparent;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
.__customdialog.__emptydialog .__dialogwrapper-inner, .__customdialog.-full-canvas.__emptydialog .__dialogcontent{
	overflow:visible;
}
.__customdialog.-full-canvas .__dialogwrapperscroller{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background: rgba(0,0,0,0.9);
}
.__customdialog .list-actions .li:hover{
	font-weight:bold;
}
.__customdialog .list-actions .li:last-child{
	border:none;
}
.__customdialog .-dx-close{
	position:absolute;
	cursor:pointer;
	top:8px;
	right:10px;
	padding:5px 6px;
}
.__customdialog .-dx-close:before{
	font-family:ap; content:"\e209";
	font-size:16px;
	font-weight:normal;
}
.__customdialog .-dx-close:hover{
	color:#D96C6C;
}
.__customdialog .-dx-close.-wrap{
	border:none;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	padding:0;
	top:10px;
	right:10px;
	border:1px solid #eee;
	width:32px;
	height:32px;
	color:#ccc;
	-moz-border-radius: 17px;
 -webkit-border-radius: 17px;
 border-radius: 17px;
}
.__customdialog .-dx-close.-wrap:before{
	text-align:center;
	font-size:16px;
	display:block;
	margin-top:8px;
}
.__customdialog .-dx-close.-wrap:hover{
	color:#fff;
	background-color: #D96C6C;
	border:1px solid #D96C6C;
}
#custom-selection > .title{
	text-transform:uppercase;
	font-size:13px;
 color:#999;
	font-weight:bold;
	padding:13px 15px;
	border-bottom:1px solid #e6e6e6;
	background-color: #f6f6f6;
}
#custom-selection > .isearch{
	position:relative;
	border-bottom:2px solid #eee;
}
#custom-selection > .isearch:after{
	position:absolute;
	font-size:20px;
 color:#aaa;
	z-index:1000;
	font-family:ap; content:"\e2ca";
	left:10px;
	top:10px;
}
#custom-selection > .isearch input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#custom-selection > .isearch input{
	padding:10px 15px 10px 35px;
}
#custom-selection .buttons{
	border-top:2px solid #eee;
	margin:0;
	padding:15px 20px;
	background-color: #f8f8f8;
}
#custom-selection > .list-actions .li:last-child{
	border:none;
}
#custom-selection > .list-actions .li small{
	display:block;
	font-size:13px;
 color:#aaa;
	font-weight:normal;
	padding-top:4px;
}
#custom-selection > .list-icons{
	overflow:hidden;
	padding:10px;
}
#custom-selection > .list-icons .li{
	float:left;
	overflow:hidden;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:100px;
	height:100px;
	padding-top:20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#custom-selection > .list-icons .li img{
	width:48px;
	height:48px;
}
#custom-selection > .list-icons .li:hover{
	background: rgba(255,208,0,0.1);
}
.__fsdialog, .__fsdialog .__dialogwrapper, .__fsdialog .__dialogcontent, .__fsdialog .__apdialog{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.__customdialog, .__apdialog, .__fsdialog{
	z-index:1;
}
#base-master-fs-fs-dialog{
	background-color: transparent;
}
#base-master-fs{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:9998;
}
#base-master-fs .fs-closable{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
}
#base-master-fs .bfs-dx-layout{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:100;
}
/* File does not exists: [PRIVATE FILE] */


.js-dndicanvas{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:10002;
}
.js-dndicanvas.-dragover{
	display:block;
}
.dnd-mask{
	position:absolute;
	z-index:10002;
	background: rgba(255,255,255,0.8);
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.dnd-mask.-dark{
	background: rgba(0,0,0,0.6);
}
.-dragover .dnd-mask{
	display:block;
}
.dnd-mask .cancel{
	position:absolute;
	text-align:center;
	cursor:pointer;
 color:#999;
	top:20px;
	right:20px;
	width:80px;
	z-index:9999;
}
.dnd-mask .cancel .-ap{
	font-size:24px;
}
.dnd-mask .cancel .text{
	display:block;
	text-transform:uppercase;
	font-size:12px;
	padding-top:10px;
}
.dnd-mask .cancel:hover{
	color:#D96C6C;
}
.dnd-mask .dnd-main{
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-250px;
	width:100%;
}
.dnd-mask .dnd-main .inner{
	max-width:600px;
	margin:auto;
	text-align:center;
}
.dnd-mask .dnd-main .dnd-title{
	font-size:24px;
 color:#267cde;
}
.dnd-mask .dnd-main .dnd-image{
	padding-bottom:20px;
}
#fallback-notis{
	z-index:1000002;
	position:absolute;
	bottom:30px;
	left:30px;
	background-color: #fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	color:#999;
	width:300px;
	min-height:50px;
	border:2px solid rgba(0,0,0,0.1);
	cursor:pointer;
	display:none;
}
#fallback-notis .wrap{
	position:relative;
	padding:10px 15px 10px 60px;
}
#fallback-notis .wrap .image{
	position:absolute;
	overflow:hidden;
	top:10px;
	left:10px;
	width:40px;
	height:40px;
	background-color: #1663ba;
}
#fallback-notis .wrap .image img{
	width:40px;
	height:40px;
}
#fallback-notis .wrap .footer{
	font-size:11px;
 color:#999;
	opacity: 0.8; filter: alpha(Opacity:80);
}
#fallback-notis .wrap .title{
	font-size:15px;
 color:#111;
	padding-bottom:5px;
	max-height:60px;
	overflow:hidden;
}
#fallback-notis .wrap .sub-title{
	font-size:11px;
	padding-bottom:5px;
	max-height:20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#fallback-notis .wrap .content{
	padding-bottom:5px;
	color:#111;
}
.bcanvas{
	background: rgba(0,0,0,0.8);
	z-index:2998;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:none;
	overflow:hidden;
}
.bcanvas.__ontop{
	z-index:1000000;
}
.bcanvas > .eclose{
	width:0px;
	height:0px;
	position:absolute;
 color:#fff;
	cursor:pointer;
	display:none;
	top:0px;
	right:0px;
	border-top:50px solid #d88080;
	border-left:50px solid transparent;
	z-index:999;
}
.bcanvas > .eclose:hover{
	border-top:50px solid #d74f4f;
}
.bcanvas > .eclose span{
	display:inline-block;
	position:absolute;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	width:24px;
	height:24px;
	top:-45px;
	left:-25px;
}
.bcanvas > .-in{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
}
.bcanvas .__sidew{
	position:absolute;
	overflow:hidden;
	background-color: #fff;
	top:0px;
	bottom:0px;
	right:0px;
	width:360px;
}
.bcanvas.__simple .__sidew{
	display:none;
}
.bcanvas.__simple .__main{
	right:30px;
}
.bcanvas.__simple .__titlew{
	display:none;
}
.bcanvas.__simple .close{
	right:13px;
	top:13px;
}
.bcanvas.__simple .__content .__canvas{
	top:5px;
	left:5px;
	bottom:5px;
	right:5px;
}
#bside{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
}
#bside .__postbottom{
	display:none;
	position:absolute;
	z-index:999;
	bottom:0px;
	width:100%;
}
#bside.__bottomshowup .__postbottom{
	display:block;
}
#bside.__bottomshowup .comments{
	padding-bottom:50px;
}
#bside.__bottomshowup .comments textarea{
	display:none !important;
}
#bside .__postbottom .post{
	padding:15px;
	background-color: #f3f3f3;
	border-top:1px solid #eee;
	margin-right:8px;
}
#bside .__postbottom .post textarea{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	height:32px;
}
#bside .__postbottom .post textarea{
	width:100%;
	background-color: #fff;
	padding:4px 50px 7px 7px;
	border:1px solid #e8e8e8;
	font-size:15px;
 overflow-y:hidden;
}
#bside .__postbottom .post .textarea > .upload{
	position:absolute;
	display:block;
	cursor:pointer;
	font-size:16px;
 color:#ccc;
	font-weight:normal;
 top:16px;
 right:46px;
 padding:4px 4px;
 width:16px;
 height:16px;
}
#bside .__postbottom .post .textarea > .upload:hover{
 color:#267cde;
}
#bside .__postbottom .post .textarea > .upload input{
	position:absolute;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
 width:100%;
 height:100%;
 opacity: 0; filter: alpha(Opacity:0);
}
#bside .__postbottom .post .textarea > .emoji{
	position:absolute;
	display:block;
	cursor:pointer;
	font-size:16px;
 color:#ccc;
	font-weight:normal;
 top:17px;
 right:25px;
 padding:4px 4px;
 width:16px;
 height:16px;
}
#bside .__postbottom .post .textarea > .emoji:hover{
 color:#267cde;
}
#bside .__postbottom .post textarea:focus, #bside .__postbottom .post textarea:active{
 border:1px solid #ddd;
}
.bcanvas .close{
	text-align:center;
	font-size:24px;
	cursor:pointer;
	display:block;
	right:413px;
	top:46px;
	position:absolute;
	height:33px;
	width:33px;
	z-index:5999;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #D96C6C;
	color:#fff;
}
.bcanvas .close span{
	display:block;
	padding-top:4px;
}
.bcanvas .close:hover{
	background-color: #ddd;
	color:#D96C6C;
}
.bcanvas .__side .section{
	padding:15px;
	border-bottom:1px solid #eee;
}
.bcanvas .__titlew{
	position:absolute;
	top:0px;
	left:0px;
	height:64px;
	width:100%;
	z-index:999;
	background-color: #fff;
	border-bottom:2px solid #eee;
	color:#999;
}
.bcanvas .__title{
	padding-left:64px;
}
.bcanvas .__title.with-image{
	padding-left:66px;
}
.bcanvas .__title > .image{
	position:absolute;
	font-size:32px;
	text-align:center;
	top:8px;
	left:20px;
}
.bcanvas .__title h1{
	font-size:18px;
	font-weight:bold;
 color:#111;
	padding-top:11px;
	padding-right:230px;
}
.bcanvas .__title h3{
	font-size:12px;
 color:#888;
	font-weight:normal;
	padding-top:3px;
}
.bcanvas .__title h3 a, .bcanvas .__title h3 .a{
	font-weight:normal;
}
.bcanvas .__title h2 em, .bcanvas .__title .info b{
	color:#fff;
}
.bcanvas .__title .actions{
	right:60px;
	top:15px;
	position:absolute;
}
.bcanvas .__title .actions .action{
	font-size:24px;
	float:left;
	cursor:pointer;
 color:#aaa;
	position:relative;
	padding:3px 7px;
	margin-right:15px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.bcanvas .__title .actions .action .count{
	position:absolute;
	background-color: #D96C6C;
	color:#fff;
	font-size:11px;
	padding:4px 7px;
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
	top:-10px;
	right:-10px;
}
.bcanvas .__title .actions .action:hover{
	background-color: #267cde;
	color:#fff;
}
.bcanvas .__main{
	right:390px;
	top:30px;
	bottom:30px;
	left:30px;
	position:absolute;
	overflow:hidden;
	background-color: #f3f3f3;
}
.bcanvas .__apscrollbar{
	background: rgba(0,0,0,0.1);
	width:8px;
	top:2px;
	bottom:2px;
	right:0px;
}
.bcanvas .sinner{
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.bcanvas .__content{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:100%;
}
.bcanvas .mnav{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	top:40%;
	width:48px;
	height:48px;
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	background: rgba(0,0,0,0.9);
	color:#fff;
	font-size:16px;
	padding-top:13px;
	z-index:999;
	opacity: 0.5; filter: alpha(Opacity:50);
}
.bcanvas .mnav:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.bcanvas .mnav.-left{
	left:6px;
}
.bcanvas .mnav.-right{
	right:6px;
}
.bcanvas .__content > .sicons{
	color:rgba(255,255,255,0.5);
	width:64px;
	background: rgba(255,255,255,0.1);
	top:64px;
}
.bcanvas .__content > .sicons .icon{
	display:block;
	text-align:center;
	cursor:pointer;
	font-size:20px;
	padding:20px 0;
}
.bcanvas .__content > .sicons .icon:hover, .bcanvas .__content > .sicons .icon.active{
	color:#fff;
	background: rgba(0,0,0,0.2);
}
.bcanvas .__content .__canvas{
	position:absolute;
	bottom:0px;
	right:0px;
	top:64px;
	left:0px;
}
.bcanvas .__content .__canvas .embed-full{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.bcanvas .__content .__canvas .embed-20{
	position:absolute;
	overflow:hidden;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
}
.bcanvas .__content .__canvas .embed-16{
	position:absolute;
	overflow:hidden;
	top:16px;
	left:16px;
	right:16px;
	bottom:16px;
}
.bcanvas .__content .__canvas .embed-list{
	position:absolute;
	top:20px;
	right:60px;
	left:60px;
	bottom:20px;
}
.bcanvas .__content .__canvas .nav{
	width:40px;
	padding:8px 0;
	border:1px solid #17C286;
	-moz-border-radius: 21px;
 -webkit-border-radius: 21px;
 border-radius: 21px;
	text-align:center;
	position:absolute;
	font-size:20px;
 color:#17C286;
	cursor:pointer;
	top:45%;
	margin-top:-20px;
	z-index:999;
	background-color: #fff;
}
.bcanvas .__content .__canvas .nav:hover{
	background-color: #17C286;
	color:#fff;
}
.bcanvas .__content .__canvas .nav.-left{
	left:10px;
}
.bcanvas .__content .__canvas .nav.-right{
	right:10px;
}
.bcanvas .__content .__canvas .image{
	overflow:hidden;
	height:100%;
}
.bcanvas .__content .__canvas .image img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	display:block;
	margin:auto;
}
.bcanvas.extended .__sidew, .bcanvas.extended .close, .bcanvas.extended .__titlew{
	display:none;
}
.bcanvas.extended .__main{
	right:0px;
	top:0px;
	left:0px;
	bottom:0px;
}
.bcanvas.extended .__content .__canvas{
	top:0px;
}
.bcanvas.extended > .eclose{
	display:block;
}
.bcanvas.extended .__content .__canvas .embed-20{
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
	background-color: #fff;
}
.mobile-full-screen{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:3999;
	background-color: #fff;
}
.screen-back{
	background-color: #267cde;
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	height:50px;
	right:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:17px;
	font-weight:500;
 color:#fff;
	padding:15px 20px 15px 50px;
}
.screen-back:before{
	font-family:ap; content:"\e209";
	position:absolute;
	font-size:20px;
	top:15px;
	left:20px;
	color: rgba(255,255,255,0.6);
}
.mobile-full-screen .screen-tabs{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: #111;
	display:flex;
	z-index:6999;
	color: rgba(255,255,255,0.5);
}
.mobile-full-screen .screen-tabs .tab{
	flex:1;
	padding:13px 0;
	text-align:center;
	font-size:13px;
}
.mobile-full-screen .screen-tabs .tab.active{
	font-weight:500;
 color:#fff;
	background: rgba(255,255,255,0.1);
}
.mobile-full-screen .screen-pages{
	position:absolute;
	top:50px;
	left:0px;
	right:0px;
	bottom:50px;
	overflow-y:scroll;
}
.mobile-full-screen .screen-pages .screen-page{
	display:none;
}
.mobile-full-screen .screen-pages .screen-page.active{
	display:block;
}
.fileviewer-mobile{
	height:360px;
	background-color: #f3f3f3;
	position:relative;
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.fileviewer-mobile .view-trigger{
	position:absolute;
	top:35%;
	left:0px;
	right:0px;
}
.fileviewer-mobile .view-trigger > div{
	max-width:300px;
	text-align:center;
	padding:10px 0;
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin:auto;
	color:#267cde;
	font-weight:500;
	font-size:13px;
	margin-bottom:10px;
}
.fileviewer-mobile .view-trigger > a{
	display:block;
	font-weight:normal;
 color:#aaa;
	padding:8px 0;
}
.fileviewer-mobile .view-trigger > a:hover{
	color:#267cde;
	text-decoration:underline;
}
/* File does not exists: [PRIVATE FILE] */

#canvas-special{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}
#canvas-special .mask{
	background: rgba(255,255,255,0.1);
	z-index:1;
}
#canvas-special .main{
	width:720px;
	position:absolute;
	text-align:center;
	z-index:100;
	left:50%;
	margin-left:-300px;
	top:15%;
}
#canvas-special .main .title{
	font-size:32px;
	@@success.color 
	font-weight:bold;
}
#canvas-special .main .content{
	font-size:15px;
	padding:20px 0;
	color:#111;
}
#canvas-special .main .buttons{
	overflow:hidden;
	padding-top:20px;
}
#canvas-special .main .buttons .button{
	padding:13px 0px;
	width:48%;
	font-size:18px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#canvas-special .main .buttons .button .sublabel{
	font-style:italic;
	font-size:13px;
	padding-top:2px;
}
#canvas-special .main .buttons .button.button-0{
	float:left;
}
#canvas-special .main .buttons .button.button-1{
	float:right;
}
.apppages{
	position:relative;
	font-size:15px;
 color:#999;
}
.apppages.-right{
	text-align:right;
}
.apppages.-center{
	text-align:center;
}
.apppages .icons {
	font-weight:normal;
	font-size:16px;
	display:inline-block;
	overflow:hidden;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	vertical-align:-10px;
	margin-left:15px;
}
.apppages .icons > *{
	float:left;
	cursor:pointer;
	overflow:hidden;
	padding:8px 10px;
	border:1px solid transparent;
}
.apppages .icons > div:hover{
}
.apppages .icons > div.next:hover, .apppages .icons > div.prev:hover{
	color:#267cde;
	border:1px solid #ddd;
	-moz-border-radius: 22px;
 -webkit-border-radius: 22px;
 border-radius: 22px;
	background-color: #fff;
}
.apppages .icons > div.next.disabled, .apppages .icons > div.prev.disabled{
	opacity: 0.7; filter: alpha(Opacity:70);
	color:#aaa;
	background-color: #fff;
	-moz-border-radius: 22px;
 -webkit-border-radius: 22px;
 border-radius: 22px;
}
.apppages .icons div.label{
	font-size:14px;
 color:#888;
	padding:7px 20px;
}
.base-pagination.-dark .apppages .icons > div.next, .base-pagination.-dark .apppages .icons > div.prev{
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.5);
	border:1px solid rgba(255,255,255,0.15);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-pagination.-dark .apppages .icons > div.next:hover, .base-pagination.-dark .apppages .icons > div.prev:hover{
	background: rgba(255,255,255,0.2);
	color:#fff;
}
.base-pagination.-dark .apppages .icons > div.next.disabled, .base-pagination.-dark .apppages .icons > div.prev.disabled{
	background-color: transparent;
	color: rgba(255,255,255,0.3);
	border:1px solid rgba(255,255,255,0.1);
}
.base-pagination.-dark .pag:hover{
	color: rgba(255,255,255,0.9);
	background: rgba(255,255,255,0.1);
}
.base-pagination.-dark .pag.active{
	background-color: #267cde;
	color:#fff;
}
.base-pagination.-dark .pag-nav{
	color: rgba(255,255,255,0.8);
}
.base-pagination.-dark .pag-nav:hover{
	color:#fff;
	background: rgba(255,255,255,0.1);
}
.base-pagination.-dark .pag-nav.-disabled, .base-pagination.-dark .pag-nav.-disabled:hover{
	background-color: transparent;
	color: rgba(255,255,255,0.3);
}
.base-pagination.-dark .bp-exp em{
	color: rgba(255,255,255,0.8);
}
.sc-box{
	border:1px solid #eee;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:13px;
}
.sc-box > .-title{
	background-color: #f8f8f8;
	padding:10px 15px;
	font-size:17px;
	font-weight:normal;
	border-bottom:1px solid #eee;
}
.sc-actions{
}
.sc-actions .action{
	float:left;
	margin-left:13px;
}
.sc-actions .action.button{
	cursor:pointer;
	font-size:14px;
	padding:9px 15px;
}
.sc-actions .action.search{
	position:relative;
}
.sc-actions .action.search:after{
	content: "\f002";
	font-family:FontAwesome;
	font-size:14px;
	position:absolute;
 color:#888;
	right:10px;
	top:9px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
.sc-actions .action.search input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	font-size:14px;
}
.sc-actions .action.search input{
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	padding:7px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
}
.sc-actions .action.search.transparent{
	padding-left:10px;
}
.sc-actions .action.search.transparent:after{
	left:0px;
	right:auto;
}
.sc-actions .action.search.transparent input{
	border:none;
}
.sc-actions .action.icon{
	cursor:pointer;
	font-size:14px;
 color:#888;
	padding:7px 11px;
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.sc-actions .action.icon:hover{
	color:#111;
}
.sc-actions .action.more{
	cursor:pointer;
	font-size:14px;
 color:#888;
	padding:9px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.sc-actions .action.more:hover{
	color:#111;
	background: rgba(0,0,0,0.05);
}
.sc-actions .action.dd{
	padding:7px 28px 7px 10px;
	font-size:14px;
	position:relative;
	cursor:pointer;
}
.sc-actions .action.dd:hover{
	color:#267cde;
	background-color: #f3f3f3;
}
.sc-actions .action.dd:after{
	content:"\f107";
	font-family:FontAwesome;
	color:#aaa;
	font-size:14px;
	position:absolute;
	right:10px;
	top:9px;
}
.sc-actions .tabs{
	float:left;
 color:#888;
	margin-left:13px;
}
.sc-actions .tabs > .title{
	font-size:18px;
	font-weight:bold;
	float:left;
	padding:5px 30px 0 0;
}
.sc-actions .tabs .tab{
	float:left;
	cursor:pointer;
	font-size:14px;
	padding:7px 0px;
}
.sc-actions .tabs .tab .-ap{
	vertical-align:-2px;
}
.sc-actions .tabs .tab.active{
	font-weight:bold;
	color:#267cde;
}
.sc-actions .tabs .tab-sep{
	float:left;
	font-size:11px;
	border-left:1px dotted #ccc;
	width:1px;
	height:13px;
	margin:0 13px;
	margin-top:10px;
}
.sc-actions .onoff{
	width:55px;
	height:26px;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
	position:relative;
	cursor:pointer;
	margin-top:5px;
}
.sc-actions .onoff.on{
	background-color: #17C286;
}
.sc-actions .onoff.off{
	background-color: #ddd;
}
.sc-actions .onoff.on:before{
	content:" ";
	width:20px;
	height:20px;
	top:3px;
	left:3px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	background-color: #fff;
	display:block;
	position:absolute;
}
.sc-actions .onoff.off:before{
	content:" ";
	width:20px;
	height:20px;
	top:3px;
	right:3px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	background-color: #fff;
	display:block;
	position:absolute;
}
.sc-actions .action.next{
	font-size:18px;
 color:#999;
	cursor:pointer;
	padding:6px 10px;
}
.sc-actions .action.next:hover{
	color:#111;
}
.sc-actions.align-left .action, .sc-actions.align-left .tabs{
	margin-right:13px;
	margin-left:0px;
}
.sc-textbox{
	font-size:14px;
}
.sc-textbox h1{
	font-size:30px;
	font-weight:normal;
	padding:0;
	padding-bottom:10px;
}
.sc-textbox h2{
	font-size:24px;
	font-weight:normal;
	padding:0;
	padding-bottom:8px;
}
.sc-textbox h3{
	font-size:20px;
	font-weight:normal;
	padding:0;
	padding-bottom:6px;
}
.sc-textbox h4{
	font-size:17px;
	font-weight:normal;
	padding:0;
	padding-bottom:5px;
}
.sc-textbox h5{
	font-size:15px;
	font-weight:normal;
	padding:0;
	padding-bottom:4px;
}
.sc-textbox p{
	padding-bottom:8px;
}
.sc-textbox ul{
	list-style-type:disc;
	margin-left:20px;
	margin-top:5px;
}
.sc-textbox ul li{
	padding-bottom:5px;
	font-size:13px;
}
.sc-textbox blockquote{
	margin-top:13px;
	margin-bottom:13px;
	background: rgba(0,0,0,0.04);
	padding:8px 15px 8px 50px;
	font-style:italic;
	position:relative;
	line-height:22px;
	border-left:4px solid rgba(0,0,0,0.1);
}
.sc-textbox blockquote:before{
	content:"\f10d";
	font-family:FontAwesome;
	font-size:20px;
	position:absolute;
 color:#ccc;
	top:13px;
	left:15px;
	font-style:normal;
}
.sc-textbox .featured{
	font-style:italic;
	font-size:17px;
 color:#666;
	padding-bottom:15px;
	padding-top:7px;
}
.-infobox{
	position:absolute;
	text-align:center;
	display:none;
	left:50%;
	z-index:100;
}
.-infobox.-up{
	bottom:100%;
	margin-bottom:10px;
}
.-infobox.-up:before{
	position:absolute;
	content:"";
	width: 0; height: 0;
 border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid rgba(0,0,0,0.9);
	left:50%;
	bottom:-5px;
	margin-left:-5px;
}
.-infobox.-down{
	top:100%;
	margin-top:10px;
}
.-infobox.-down:before{
	position:absolute;
	content:"";
	width: 0; height: 0;
 border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom:5px solid rgba(0,0,0,0.9);
	left:50%;
	top:-5px;
	margin-left:-5px;
}
.-infobox.-w200{
	width:200px;
	margin-left:-100px;
}
.-infobox.-w300{
	width:300px;
	margin-left:-150px;
}
.-infobox.-w100{
	width:100px;
	margin-left:-50px;
}
.-infobox .-box{
	padding:4px 5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(0,0,0,0.9);
	display:inline-block;
	font-size:12px;
	text-align:center;
	color:rgba(255,255,255,0.8)
}
.-infobox .-box.-std{
	padding:8px 10px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}
.-infobox .-box > p{
	text-align:left;
	padding:3px 5px;
}
.-infobox .-box > p.thick{
	color: rgba(255,255,255,0.95);
	font-weight:500;
}
.-infobox.-align-left{
	right:-8px;
	left:auto;
}
.-infobox.-align-left .-box{
	margin:0;
	float:right;
} 
.-infobox.-align-left.-up:before{
	left:auto;
	right:10px;
	margin-left:0;
}
.-info{
	background: rgba(0,0,0,0.9);
	position:absolute;
	display:none;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.-infow:hover .-info, .-infow:hover .-infobox{
	display:block;
}
.-info.full{
	width:100%;
}
.-info.w200{
	width:200px;
}
.-info.w160{
	width:160px;
}
.-info.w130{
	width:130px;
}
.-info.align-right, .-info.right{
	right:0px;
}
.-info.align-left, .-info.left{
	left:0px;
}
.-info > .-box{
	padding:4px 8px;
	color:#ddd;
	font-size:12px;
	display:block;
}
.-info.down .-arrow{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid rgba(0,0,0,0.9);
	position:absolute;
	top:-6px;
}
.-info.down .-arrow.center{
	left:50%;
	margin-left:-3px;
}
.-info.down .-arrow.left{
	left:13px;
}
.-info.down .-arrow.right{
	right:13px;
}
.-info .-box ul{
	text-transform:none;
	text-align:left;
	margin-left:15px;
}
.-info .-box ul li{
	list-style-type:square;
	padding-bottom:4px;
}
.-info.up .-arrow{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid rgba(0,0,0,0.9);
	position:absolute;
	bottom:-6px;
}
.-info.up .-arrow.center{
	left:50%;
	margin-left:-3px;
}
.-info.up .-arrow.left{
	left:13px;
}
.-info.up .-arrow.right{
	right:13px;
}
.-info.left .-arrow{
	width: 0; height: 0;
 border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:6px solid rgba(0,0,0,0.9);
	position:absolute;
}
.-info.left .-arrow{
	top:50%;
	right:-6px;
	margin-top:-6px;
}
.-info > .-title{
	font-weight:bold;
	font-size:13px;
	display:block;
 color:#fff;
	padding-bottom:4px;
}
.-cmenu{
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
	z-index:888;
	font-weight:normal;
	font-size:13px;
}
.-cmenu.rounded{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
}
.-cmenu.-padding{
	padding:4px 6px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.-cmenu.-padding:before{
	content:"";
	position:absolute;
	bottom:-10px;
	left:0px;
	width:100%;
	height:10px;
}
.-cmenu.-padding.-scroll-fit, .-cmenu.-scroll-fit{
	padding:1px 0;
}
.-cmenu.-scroll-fit .-cmenu-scroll{
	padding:4px 6px;
}
.-cmenu .-cmenu-filter{
	border-bottom:1px solid #eee;
}
.-cmenuw .-cmenu, .-cmenuw-active .-cmenu{
	display:none;
	position:absolute;
 color:#333;
}
.-cmenuw-active.active .-cmenu{
	display:block;
}
.-cmenuw .-cmenu.-rounded{
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.-cmenuw .-cmenu:before{
	position:absolute;
	top:-4px;
	left:0px;
	width:100%;
	height:5px;
	content:"";
}
.-cmenuw .-cmenu.-down:after{
	position:absolute;
	bottom:-10px;
	left:0px;
	width:100%;
	height:10px;
	content:"";
}
.-cmenuw:hover .-cmenu, .-cmenuw.shown .-cmenu{
	display:block;
}
.-cmenu .-item-sep{
	background-color: #f3f3f3;
	height:1px;
	display:block;
	margin:4px 0;
}
.-cmenu .-item-sep.hidden{
	display:none;
}
.-cmenu > .-title{
	display:block;
	position:relative;
	padding:11px 15px;
	font-size:16px;
}
.-cmenu .-arrow{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid #fff;
	position:absolute;
	top:-6px;
	left:30px;
}
.-cmenu .-arrow-br{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid #fff;
	position:absolute;
	bottom:-6px;
	right:13px;
}
.-cmenu .-arrow-bl{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid #fff;
	position:absolute;
	bottom:-6px;
	left:13px;
}
.-cmenu .-item-filter{
	position:relative;
	padding:10px 15px 13px 42px;
	border-bottom:2px solid rgba(0,0,0,0.1);
	margin-bottom:10px;
}
.-cmenu .-item-filter input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.-cmenu .-item-filter input{
	font-size:13px;
}
.-cmenu .-item-filter:before{
	font-family:ap; content:"\f162";
	position:absolute;
	font-size:14px;
	top:11px;
	left:15px;
}
.-cmenu .-item{
	padding:10px 15px 10px 42px;
	font-size:13px;
	position:relative;
	cursor:pointer;
 color:#555;
	text-align:left;
	display:block;
}
.-cmenu .-item.hidden{
	display:none;
}
.-cmenu .-item.active{
	font-weight:bold;
 color:#111;
}
.-cmenu.-no-icon .-item{
	padding-left:15px;
}
.-cmenu.-no-icon .-item.checked{
	font-weight:500;
 color:#34960d;
	background: rgba(66,184,20,0.1);
}
.-cmenu.-no-icon .-item.checked:after{
	font-family:ap; content:"\e206";
	color:#42b814;
	position:absolute;
	right:10px;
	top:10px;
}
.-cmenu .-item > .-icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
	top:9px;
	left:15px;
}
.-cmenu .-item > .-icon.ap-f14, .-cmenu.-padding .-item > .-icon.ap-f14{
	font-size:14px;
	top:9px;
}
.-cmenu .-item > .-icon.-big{
	top:8px;
}
.-cmenu .-item > .-icon.-small{
	font-size:14px;
	top:11px;
}
.-cmenu .-item > .-ricon{
	position:absolute;
	font-size:14px;
 color:#aaa;
	right:15px;
	top:10px;
}
.-cmenu .-item .sub{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	opacity: 0.6; filter: alpha(Opacity:60);
}
.-cmenu .-item:hover{
	background-color: #f3f3f3;
	color:#000;
}
.-cmenu .-item.search{
	padding:0;
	border-top:1px solid #eee;
}
.-cmenu .-item.search:after{
	content:"\f002";
	position:absolute;
	font-size:14px;
 color:#aaa;
	top:10px;
	right:15px;
	font-family:FontAwesome;
}
.-cmenu .-item.search input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.-cmenu .-item.search input{
	padding:10px 15px;
	font-size:15px;
}
.-cmenu.-padding .-subtitle{
	text-transform:uppercase;
	font-size:11px;
	font-weight:500;
 color:#aaa;
	padding:1px 15px;
	margin-top:13px;
}
.-cmenu.-padding .-item{
	padding-top:7px;
	padding-bottom:7px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-top:3px;
}
.-cmenu.-padding .-item > .-icon{
	top:6px;
}
.-cmenu.-padding .-item > .-icon.-big{
}
.-cmenu.-padding .-item:hover{
	background: rgba(38,124,222,0.8);
	color:#fff;
}
.-cmenu.-padding .-item.red:hover{
	background: rgba(195,67,67,0.1);
	color:#D96C6C;
}
.-cmenu.-padding .-item:hover > .-icon{
	color:#fff;
}
.-cmenu .-item.-submenu{
}
.-cmenu .-item.-submenu:after{
	font-family:ap; content:"\e6b3";
	position:absolute;
	font-size:14px;
	right:8px;
	top:9px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
.-cmenu .-item.-submenu .submenu{
	position:absolute;
	display:none;
	background-color: #fff;
	padding:4px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	left:100%;
	top:0px;
	width:200px;
}
.-cmenu .-item.-submenu.-left .submenu{
	right:100%;
	left:auto;
}
.-cmenu .-item .submenu:before{
	position:absolute;
	left:-30px;
	top:-30px;
	bottom:-30px;
	right:-30px;
	content:"";
}
.-cmenu .-item.-submenu:hover .submenu{
	display:block;
}
.-cmenu.-padding > .-title{
	border-bottom:1px solid #eee;
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:300;
 color:#888;
	font-size:14px;
	text-align:left;
	padding:9px 15px;
}
.-ddw{
	position:relative;
	cursor:pointer;
}
.-ddw:hover{
	z-index:999;
	background-color: #f3f3f3;
}
.-ddw:hover:after{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: #f3f3f3;
	height:1px;
	content:"";
}
.-ddw:before{
	position:absolute;
 color:#aaa;
 top:6px;
 right:6px;
 padding:2px;
 font-family:ap; content:"\f35f";
	font-size:16px;
}
.-ddlist{
	position:absolute;
	display:none;
	border:1px solid #ddd;
	left:-1px;
	margin-right:-1px;
	min-width:200px;
	top:100%;
	background-color: #f3f3f3;
	margin-top:-1px;
	-moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
}
.-ddw:hover .-ddlist{
	display:block;
}
.-ddlist .-item{
	margin:0 10px;
	padding:9px 0;
	border-top:1px solid rgba(0,0,0,0.1);
}
.-ddlist .-item:first-child{
	border:none;
}
.-ddlist .-item:hover{
	color:#267cde;
	cursor:pointer;
}
#image-dialog-previewer{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.8);
	z-index:10000;
}
#image-dialog-previewer .image-actions{
	right:10px;
	top:10px;
	position:absolute;
}
#image-dialog-previewer .image-actions .action{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	float:right;
	color: rgba(255,255,255,0.8);
	padding-top:8px;
	width:36px;
	height:36px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(0,0,0,0.5);
	margin-left:20px;
}
#image-dialog-previewer .image-actions .image-close{
	background-color: #c34343;
	color:#fff;
}
#image-dialog-previewer .image-actions .action:hover{
	background-color: #267cde;
	color:#fff;
}
#image-dialog-previewer .image-wrap .img{
	display:inline-block;
}
#image-dialog-previewer .js-tool-zoom{
	font-size:16px;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.5);
	max-width: fit-content;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 16px;
}
#image-dialog-previewer .js-tool-zoom input{
	font-size:16px;
	color: rgba(255,255,255,0.8);
	background-color: transparent;
	max-width: 50px;
	-moz-appearance: textfield;
	border: none;
	box-shadow: none;
	text-align: center;
}
#image-dialog-previewer .js-tool-zoom input::-webkit-inner-spin-button{
	-webkit-appearance: none;
 margin: 0;
}
#image-dialog-previewer .js-tool-zoom input::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
#image-dialog-previewer .js-tool-zoom .vertical-center{
	display: flex;
	align-items: center;
}
#image-dialog-previewer .js-tool-zoom .icon{
	position: absolute;
	left: 0;
	right: 0;
}
#image-dialog-previewer .js-tool-zoom .js-tool-zin{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.5);
	margin-left:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:36px;
	height:36px;
}
#image-dialog-previewer .js-tool-zoom .js-tool-zout{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	color: rgba(255,255,255,0.8);
	background: rgba(0,0,0,0.5);
	margin-right:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:36px;
	height:36px;
}
#image-dialog-previewer .js-tool-zoom .-picon {
	padding: 0px;
}
#happy-new-year{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.8);
	z-index:10000;
}
#happy-new-year .image-actions{
	right:10px;
	top:10px;
	position:absolute;
}
#happy-new-year .image-actions .action{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	float:right;
	color: rgba(255,255,255,0.8);
	padding-top:8px;
	width:36px;
	height:36px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(0,0,0,0.5);
	margin-left:20px;
}
#happy-new-year .image-actions .image-close{
	background-color: #c34343;
	color:#fff;
}
##happy-new-year .image-actions .action:hover{
	background-color: #267cde;
	color:#fff;
}
#happy-new-year .image-wrap{
	position:absolute;
	top:55px;
	left:50px;
	right:50px;
	bottom:50px;
	text-align:center;
}
##happy-new-year .image-wrap .img{
	display:inline-block;
	max-width:100%;
	height:100%;
}
##happy-new-year .image-wrap .img img{
	max-width:100%;
	max-height:100%;
}
.ui-profile{
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position:relative;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.5);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.5);
	min-height:200px;
}
.ui-profile .uip-close{
	position:absolute;
	font-size:20px;
 color:#aaa;
	cursor:pointer;
	right:10px;
	top:10px;
	padding:6px;
	z-index:888;
}
.ui-profile .uip-close:hover{
	color:#D96C6C;
}
.ui-profile .uip-header{
	padding:15px 20px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.ui-profile .uip-header .uip-image{
	position:absolute;
	overflow:hidden;
	width:100px;
	height:100px;
	top:15px;
	left:20px;
	-moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
	background: rgba(0,0,0,0.1);
}
.ui-profile .uip-header .uip-image img{
	width:100px;
	height:100px;
}
.ui-profile .uip-header .uip-main{
	padding-left:120px;
}
.ui-profile .uip-header .uip-name{
	font-size:20px;
	font-weight:500;
}
.ui-profile .uip-header .uip-subtitle{
	font-size:15px;
 color:#888;
	padding-top:3px;
	padding-bottom:5px;
}
.ui-profile .uip-header .uip-row{
	position:relative;
	padding-top:10px;
	padding-left:30px;
}
.ui-profile .uip-header .uip-row .uip-icon{
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:0px;
	top:10px;
}
.ui-profile .uip-header .uip-row .uip-rn{
	font-size:13px;
	font-weight:500;
 color:#999;
	display:inline-block;
	padding-bottom:4px;
	width:110px;
}
.ui-profile .uip-header .uip-row .uip-rc{
	display:inline-block;
}
.ui-profile .uip-body{
	padding:20px;
}
.ui-profile .uip-body .uip-row{
}
.ui-profile .uip-buttons{
	padding:15px 10px;
	display:flex;
	border-top:1px solid rgba(0,0,0,0.1);
	background-color: #f9f9f9;
}
.ui-profile .uip-buttons > div{
	flex:1;
	margin:0 10px;
}
.ui-profile .uip-buttons .btn{
	text-align:center;
	font-weight:500;
	font-size:12px;
	cursor:pointer;
	padding:10px 15px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(255,255,255,0.5);
}
.ui-profile .uip-buttons .btn.is-ok{
	background: rgba(66,184,20,0.8);
	color:#fff;
}
.ui-profile .uip-buttons .btn.is-ok:hover{
	background-color: #3ba710;
}
#noti-xspace {
 display: flex;
 align-items: center;
 position: fixed;
 top: 70px;
 left: 50%;
 transform: translate(-50%, -50%);
 padding: 16px;
 background: linear-gradient(to right, #1250AE, #2269D6);
 color: #FFFFFF;
 border-radius: 6px;
 z-index: 10000;
 height: 60px;
 width: 96%;
}
#noti-xspace.hidden {
	display:none;
}
#noti-xspace .popup-left {
 width: 60px;
}
#noti-xspace .popup-left img{
 width: 60px;
 height: 60px;
}
#noti-xspace .popup-center {
 margin-left: 16px;
}
#noti-xspace .popup-right {
 width: fit-content;
 margin-left: auto;
}
#noti-xspace .popup-right .close-button {
 font-size: 14px;
 width: 67px;
 height: 36px;
 color: #FFFFFF;
 border: none;
 background-color: transparent;
 margin-right: 16px;
 cursor: pointer;
}
#noti-xspace .popup-right .view-button {
 background-color: #F3F5F7;
 width: 143px;
 height: 36px;
 border-radius: 6px;
 border: none;
 font-size: 14px;
 cursor: pointer;
 font-weight: 500;
}
#noti-xspace .popup-right button:hover {
 text-decoration: underline;
}
/* CSS DIALOG HAPPLY BIRTHDAY */
#__apdialog_dialog-happy-birthday .__dialogwrapper-inner {
	-moz-border-radius: 14px;
 -webkit-border-radius: 14px;
 border-radius: 14px;
	overflow:hidden;
}
#__apdialog_dialog-happy-birthday .__close_button {
	background: url('data:image/svg+xml,<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 1.00049L1.00002 5.00047" stroke="white" stroke-linecap="round"/><path d="M1 1.00055L4.99998 5.00053" stroke="white" stroke-linecap="round"/></svg>');
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	padding: 1px;
	height: 18px;
	width: 18px;
	transition: all 0.25s ease-in-out;
	background-size: 12px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#__apdialog_dialog-happy-birthday .__close_button:hover {
	background-color: rgb(255 255 255 / 30%);
}
#__apdialog_dialog-happy-birthday .__close_button .icon-close::before {
	content: '';
}
#dialog-happy-birthday {
	min-height: 750px;
	font-size:16px;
	color:#000;
	background: linear-gradient(140deg, rgba(225, 238, 250, 1) 13%, rgba(255, 255, 255, 1) 23%, rgba(235, 241, 255, 1) 67%, rgba(181, 216, 247, 1) 100%);
}
#dialog-happy-birthday p {
	font-size: inherit;
	text-align:justify;
}
#dialog-happy-birthday .base-image {
	display:block;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	overflow:hidden;
}
#dialog-happy-birthday .base-image img {
	width: 100%;
	height: auto;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
#dialog-happy-birthday .text-linear {
	background: linear-gradient(to right, #001B8A 0%, #005DE2 24%, #0036BE 47%, #0151C3 77%, #001B8A 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 600;
}
#dialog-happy-birthday .title {
	font-size: 1.5em;
	padding: 33px 0px 24px 0px;
	font-weight: bold;
}
#dialog-happy-birthday .base-button {
	border:1px solid #1250AE;
	-moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border-radius: 25px;
	display:block;
	padding: 10px 30px;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
	width: fit-content;
	height: auto;
	font-size:18px;
	position:relative;
	padding-right: 45px;
	background: linear-gradient(115deg, #072148 10%, #1250AE 98%);
}
#dialog-happy-birthday .base-button:hover {
	background-color: #0a377d;
	border:1px solid #0a377d;
}
#dialog-happy-birthday .base-button::after {
	position:absolute;
	right: 20px;
	content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="12px" viewBox="0 0 8 12" version="1.1"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 6.566406 6.566406 C 6.878906 6.253906 6.878906 5.746094 6.566406 5.433594 L 1.472656 0.34375 C 1.160156 0.03125 0.65625 0.03125 0.34375 0.34375 C 0.03125 0.65625 0.03125 1.160156 0.34375 1.472656 L 4.867188 6 L 0.34375 10.527344 C 0.03125 10.839844 0.03125 11.34375 0.34375 11.65625 C 0.65625 11.96875 1.160156 11.96875 1.472656 11.65625 Z M 6 5.199219 L 4 5.199219 L 4 6.800781 L 6 6.800781 Z M 6 5.199219 "/></g></svg>');
}
/* DIALOG */
#dialog-happy-birthday .--header {
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	-webkit-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
}
#dialog-happy-birthday .--body {
	padding: 0px 48px;
}
#dialog-happy-birthday .--footer {
	position:relative;
	margin-top: 25px;
}
#dialog-happy-birthday .--footer .container-content {
	position:absolute;
	z-index: 5;
	top: 0;
	left: 0;
	height: 100%;
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -ms-flexbox;	/* TWEENER - IE 10 */
	display: -webkit-flex;	/* NEW - Chrome */
	justify-content: start;
	align-items: center;
	padding-left: 48px;
}
#dialog-happy-birthday .--footer .container-content .title {
	font-size: 1.8em;
	padding-bottom: 17px;
}
#m_2factor{
	max-width:800px;
	margin:auto;
}
#require-2fa #m_2factor{
	padding:0px;
}
#m_2factor .box{
	background: rgba(66,184,20,0.1);
	border:2px solid rgba(66,184,20,0.5);
}
#m_2factor .box .header{
	padding:15px 100px 15px 80px;
	border-bottom:1px solid rgba(66,184,20,0.4);
	position:relative;
}
#m_2factor .box .header:before{
	font-family:ap; content:"\e2ab";
	color:#42b814;
	position:absolute;
	left:20px;
	top:20px;
	font-size:48px;
}
#m_2factor .box .header .status{
	position:absolute;
	right:15px;
	top:15px;
}
#m_2factor .box .header .status select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#m_2factor .box .header .status select{
	background-color: #42b814;
	color:#fff;
	font-weight:500;
	font-size:12px;
	padding:6px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#m_2factor .box .header h1{
	font-weight:500;
	font-size:24px;
 color:#2d850a;
}
#m_2factor .box .header .subtitle{
	padding-top:5px;
	font-size:13px;
	font-weight:normal;
	color:#2a8c03;
	line-height:18px;
}
#m_2factor .box .code-verify{
	padding:20px;
	position:relative;
}
#m_2factor .box .code-verify .input{
	margin-right:250px;
}
#m_2factor .box .code-verify .input input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#m_2factor .box .code-verify .input input{
	border:1px solid rgba(0,0,0,0.1);
	font-size:20px;
 color:#267cde;
	background-color: #fff;
	padding:9px 15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#m_2factor .box .code-verify .save{
	position:absolute;
	right:20px;
	top:20px;
	padding:13px 20px;
	text-align:center;
 color:#fff;
	font-weight:500;
	font-size:14px;
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #267cde;
}
#m_2factor .box .code-verify .save:hover{
	background-color: #42b814;
}
#m_2factor .body{
	text-align:center;
	background-color: #fff;
	padding:50px;
}
#m_2factor .body .help{
	color:#aaa;
	font-size:12px;
	font-weight:300;
	padding-bottom:15px;
}
#set-2fa-policy-dx .form.form-inline .label {
	width: 260px;
}
#require-2fa .base-icon{
	position: relative;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: red;
	margin-bottom: 20px;
}
#require-2fa .base-icon .ap-icon{
	font-size: 50px;
}


/* CSS DIALOG MASSIVE NOTIFICATION */
#__apdialog_dialog-massive-xspace {
	.__dialogwrapper-inner {
 -moz-border-radius: 14px;
 -webkit-border-radius: 14px;
 border-radius: 14px;
	overflow:hidden;
	}
	.__close_button {
 background: url('data:image/svg+xml,<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 1.00049L1.00002 5.00047" stroke="white" stroke-linecap="round"/><path d="M1 1.00055L4.99998 5.00053" stroke="white" stroke-linecap="round"/></svg>');
 border: none;
 background-repeat: no-repeat;
 background-position: center;
 padding: 1px;
 height: 18px;
 width: 18px;
 transition: all 0.25s ease-in-out;
 background-size: 12px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 &:hover {
 background-color: rgb(255 255 255 / 30%);
 }
 .icon-close::before {
 content: '';
 }
	}
}
/* CSS COMMON COMPONENT */
#dialog-massive-xspace {
	min-height: 750px;
	font-size:16px;
	color:#000;
	background: linear-gradient(140deg, rgba(225, 238, 250, 1) 13%, rgba(255, 255, 255, 1) 23%, rgba(235, 241, 255, 1) 67%, rgba(181, 216, 247, 1) 100%);
	p {
 font-size: inherit;
	text-align:justify;
	}
	.base-image {
	display:block;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	overflow:hidden;
 img {
 width: 100%;
 height: auto;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }
	}
	.text-linear {
 background: linear-gradient(to right, #001B8A 0%, #005DE2 24%, #0036BE 47%, #0151C3 77%, #001B8A 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-weight: 600;
	}
	.title {
 font-size: 1.5em;
 padding: 33px 0px 24px 0px;
 font-weight: bold;
	}
	.base-button {
 border:1px solid #1250AE;
 -moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border-radius: 25px;
	display:block;
 padding: 10px 30px;
 transition: all 0.2s ease-in-out;
 -webkit-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
 -moz-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
 box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
 width: fit-content;
 height: auto;
	font-size:18px;
	position:relative;
 padding-right: 45px;
 background: linear-gradient(115deg, #072148 10%, #1250AE 98%);
 }
.base-button:hover{
 background-color: #0a377d;
 border:1px solid #0a377d;
 }
	.base-button::after {
	position:absolute;
 right: 20px;
 top: 50%;
 transform: translateY(-50%);
 content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="12px" viewBox="0 0 8 12" version="1.1"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 6.566406 6.566406 C 6.878906 6.253906 6.878906 5.746094 6.566406 5.433594 L 1.472656 0.34375 C 1.160156 0.03125 0.65625 0.03125 0.34375 0.34375 C 0.03125 0.65625 0.03125 1.160156 0.34375 1.472656 L 4.867188 6 L 0.34375 10.527344 C 0.03125 10.839844 0.03125 11.34375 0.34375 11.65625 C 0.65625 11.96875 1.160156 11.96875 1.472656 11.65625 Z M 6 5.199219 L 4 5.199219 L 4 6.800781 L 6 6.800781 Z M 6 5.199219 "/></g></svg>');
	}
	.w-200 {
 width: 200px;
	}
	.pl-45 {
 padding-left: 45px;
	}
}
/* CSS DIALOG */
#dialog-massive-xspace {
	.--header {
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 -webkit-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
 -moz-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
 box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, .4);
	}
	.--body {
 padding: 0px 48px;
	}
	.--footer {
	position:relative;
 margin-top: 25px;
 .container-content {
	position:absolute;
 z-index: 5;
 top: 0;
 left: 0;
 height: 100%;
 display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
 display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
 display: -webkit-box;	/* OLD - iOS 6-, Safari 3.1-6 */
 display: -ms-flexbox;	/* TWEENER - IE 10 */
 display: -webkit-flex;	/* NEW - Chrome */
 justify-content: start;
 align-items: center;
 padding-left: 48px;
 }
 .title {
 font-size: 1.8em;
 padding-bottom: 17px;
 }
	}
}
#dialog-massive-xspace[context='upgrade_home_to_xspace'] {
	.--footer {
 .base-image {
	position:absolute;
 right: 0;
 top: calc(100% - 55px);
 width: 200px;
 }
	}
}


#notification-request{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.5);
	z-index:99999;
}
#notification-request .main{
	background-color: #FFF59D;
	position:absolute;
	width:300px;
	padding:20px;
	top:20px;
	left:60px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:13px;
 color:#555;
	cursor:pointer;
}
#notification-request .main .text{
	line-height:20px;
}
#notification-request .main b, #notification-request .main .a{
	color:#111;
	font-weight:500;
}
#notification-request .main:after{
	width: 0; height: 0;
 border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:8px solid #FFF59D;
	position:absolute;
	top:-8px;
	left:30px;
	content:"";
}
#notification-request .ok{
	display:inline-block;
 color:#fff;
	font-weight:500;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	width:100px;
	background-color: #42b814;
	margin-top:20px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:11px 0;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
#notification-request .ok:hover{
	background-color: #267cde;
}
#context-menu{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1000001;
	overflow-y:scroll;
	overflow-x:hidden;
}
#context-menu-close{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}
#context-menu .context-menu-slider{
}
#context-menu-main{
	position:absolute;
	background-color: #fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	width:300px;
	min-height:50px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	z-index:200;
	border:1px solid rgba(0,0,0,0.1);
}
#context-menu .menu{
	padding:2px;
}
#context-menu .menu .-profile{
	padding:15px 15px 10px 72px;
	border-bottom:2px solid #eee;
	position:relative;
}
#context-menu .menu .-profile .avatar{
	position:absolute;
	top:15px;
	left:15px;
}
#context-menu .menu .-profile p{
	font-weight:normal;
	font-size:13px;
 color:#888;
	padding-bottom:6px;
}
#context-menu .menu .-profile p.-big{
	font-weight:bold;
	font-size:15px;
 color:#111;
}
#context-menu .menu .cover{
	padding:15px 0px 10px 45px;
	margin:0 15px;
	border-bottom:2px solid #eee;
	position:relative;
	margin-bottom:10px;
}
#context-menu .menu .cover .avatar{
	position:absolute;
	overflow:hidden;
	top:15px;
	left:0px;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#context-menu .menu .cover .avatar img{
	width:100%;
	height:100%;
}
#context-menu .menu .cover .name{
	font-size:14px;
 color:#111;
	font-weight:500;
	padding-bottom:6px;
}
#context-menu .menu .cover .info{
	font-size:12px;
 color:#999;
	font-weight:normal;
}
#context-menu .menu .item{
	padding:10px 20px 10px 40px;
	position:relative;
	cursor:pointer;
	font-size:13px;
 color:#333;
}
#context-menu .menu .item.-no-icon{
	padding-left:20px;
}
#context-menu .menu .item:hover{
	background-color: #f5f5f5;
	color:#000;
}
#context-menu .menu .item .icon{
	font-size:16px;
	position:absolute;
 color:#999;
	top:8px;
	left:16px;
}
#context-menu .menu .item-sep{
	height:1px;
	background-color: #ccc;
	margin:10px 20px;
}
#context-menu-main.compact{
	width:240px;
	border:1px solid rgba(0,0,0,0.2);
	padding:15px 0;
}
#context-menu-main.compact .menu .item{
	padding:8px 10px 8px 32px;
	margin:0 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#context-menu-main.compact .menu .item .icon{
	font-size:14px;
	top:7px;
	left:10px;
}
#context-menu-main.compact .menu .item:hover{
	color:#1663ba;
	background: rgba(38,124,222,0.1);
}
#context-general{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:8888;
}
#context-general .top{
	z-index:200;
}
#context-general .context-close{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}
#context-general .context-main{
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
}
#context-general .context-real{
	z-index:201;
}
#deadline-picker{
	width:600px;
	overflow:hidden;
}
#deadline-picker .tabs{
	background-color: #eee;
	width:200px;
	float:left;
	height:320px;
}
#deadline-picker .tabs h3{
	font-weight:300;
	padding:13px;
	font-size:20px;
}
#deadline-picker .tabs .tab{
	color:#888;
	display:block;
	position:relative;
	cursor:pointer;
	padding:13px 13px 13px 45px;
}
#deadline-picker .tabs .tab:hover{
	font-weight:bold;
 color:#17C286;
}
#deadline-picker .tabs .tab:before{
	font-family:ap; content:"\e964";
	position:absolute;
	font-size:16px;
	font-weight:normal;
	top:15px;
	left:13px;
	opacity: 0.6; filter: alpha(Opacity:60);
}
#deadline-picker .tabs .tab.active{
	background-color: #fff;
	color:#17C286;
	font-weight:bold;
}
#deadline-picker .tabs .tab.active:before{
	font-family:ap; content:"\e963";
	opacity: 1.0; filter: alpha(Opacity:100);
}
#deadline-picker .custom{
	position:absolute;
	left:201px;
	right:0px;
	height:320px;
	top:0px;
	background-color: #fff;
}
#deadline-picker .custom .box{
	padding:20px;
}
#deadline-picker .custom .box h1{
	font-weight:300;
	font-size:20px;
	padding-bottom:20px;
}
#deadline-picker .canvas{
	margin-left:201px;
	height:320px;
}
#deadline-picker .canvas .ft{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding-top:100px;
}
#deadline-picker .canvas .ft em{
	display:block;
	font-weight:300;
	color:#17C286;
	padding-top:15px;
	font-size:32px;
}
#deadline-picker .footer{
	clear:both;
	padding:15px;
	overflow:hidden;
	border-top:1px solid rgba(0,0,0,0.1);
}
#deadline-picker .footer .button{
	padding:10px 30px;
	float:right;
}
.list-emotions{
	overflow:hidden;
	padding:10px;
}
.list-emotions .item{
	float:left;
	cursor:pointer;
}
.list-emotions .item > .inner{
	margin:5px;
	text-align:center;
	padding:8px 0 10px 0;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #f9f9f9;
	height:20px;
}
.list-emotions .item > .inner.-full{
	padding:6px;
	width:36px;
	height:36px;
}
.list-emotions .item > .inner:hover{
	background-color: #eee;
}

.text-editor{
	line-height:22px;
	font-size:15px;
}
.text-editor.-sm{
	font-size:14px;
}
.text-editor, .text-editor *{
	tab-size: 4;
}
.text-editor p, .text-editor h1, .text-editor h2, .text-editor ul, .text-editor ol{
	padding-bottom:10px;
}
.text-editor img{
	max-width:100%;
}
.text-editor h1{
	font-size:22px;
	font-weight:normal;
	line-height:26px;
	margin-top:10px;
}
.text-editor h1.ql-align-right{
	text-align:right;
}
.text-editor h1.ql-align-center{
	text-align:center;
}
.text-editor h1.ql-align-justify{
	text-align:justify;
}
.text-editor h2{
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin-top:8px;
}
.text-editor h2.ql-align-right{
	text-align:right;
}
.text-editor h2.ql-align-center{
	text-align:center;
}
.text-editor h2.ql-align-justify{
	text-align:justify;
}
.text-editor p.ql-align-right{
	text-align:right;
}
.text-editor p.ql-align-center{
	text-align:center;
}
.text-editor p.ql-align-justify{
	text-align:justify;
}
.__customdialog .__dialogcontent .text-editor h2{
	font-size:17px;
	font-weight:bold;
	padding-top:0px;
}
.__customdialog .__dialogcontent .text-editor p{
	line-height:20px;
	padding-bottom:10px;
}
.text-editor h3, .text-editor h4{
	font-size:17px;
	font-weight:500;
	line-height:22px;
	padding-bottom:10px;
	padding-top:2px;
}
.text-editor h4{
	font-size:15px;
}
.text-editor .icode{
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#0fa06e;
	display:inline-block;
	font-weight:500;
	background-color: #f8f8f8;
	padding:1px 4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.text-editor pre{
	background-color: #363636;
	color: rgba(255,255,255,0.8);
	padding:10px;
	margin-bottom:10px;
	font-family: Consolas, Courier New, Courier New, monospace;
	margin-top:5px;
}
.text-editor pre > .CodeMirror{
	background-color: #eee;
	margin:-10px -10px -10px -10px;
	border:1px solid rgba(0,0,0,0.05);
	padding:10px 15px;
}
.text-editor pre.hljs{
	max-height:400px;
}
.text-editor span.math{
	text-align:center;
	display:block;
}
.text-editor.-smaller{
	font-size:14.5px;
	line-height:21px;
}
.text-editor.-smaller p{
	line-height:21px;
}
.text-editor ul, .text-editor ol{
	padding-left:5px;
}
.text-editor ul{
	list-style-type:square;
}
.text-editor li{
	padding-bottom:6px;
	padding-left:5px;
}
.text-editor ol{
	list-style-type:decimal-leading-zero;
}
.text-editor li::before{
	content:"\25CF";
	width:1.2em;
	display:inline-block;
	white-space:nowrap;
	margin-right: 0.4em;
 text-align: right;
}
.text-editor li{
	list-style:none;
}
.text-editor li.ql-indent-1{
	padding-left:3em;
}
.text-editor li.ql-indent-2{
	padding-left:5em;
}
.text-editor li.ql-indent-3{
	padding-left:7em;
}
.text-editor li.ql-indent-4{
	padding-left:9em;
}
.text-editor li.ql-indent-5{
	padding-left:11em;
}
.text-editor ol, .text-editor ul{
	counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.text-editor ol li{
	counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.text-editor ol li{
	counter-increment:list-0;
}
.text-editor ol li:before{
	content: counter(list-0, decimal) '. ';
}
.text-editor ol li.ql-indent-1{
	counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.text-editor ol li.ql-indent-1{
	counter-increment:list-1;
}
.text-editor ol li.ql-indent-1:before{
	content: counter(list-1, lower-alpha) '. ';
}
.text-editor ol li.ql-indent-2{
	counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.text-editor ol li.ql-indent-2{
	counter-increment:list-2;
}
.text-editor ol li.ql-indent-2:before{
	content: counter(list-2, lower-roman) '. ';
}
.text-editor ol li.ql-indent-3{
	counter-reset:list-4 list-5 list-6 list-7 list-8 list-9
}
.text-editor ol li.ql-indent-3{
	counter-increment:list-3;
}
.text-editor ol li.ql-indent-3:before{
	content: counter(list-3, decimal) '. ';
}
.text-editor ol li.ql-indent-4{
	counter-increment:list-4;
}
.text-editor ol li.ql-indent-4:before{
	content: counter(list-4, lower-alpha) '. ';
}
.text-editor blockquote{
	font-size:17px;
	font-style:italic;
	padding-left:20px;
	position:relative;
	padding-bottom:10px;
}
.text-editor blockquote:before{
	position:absolute;
	top:0px;
	bottom:10px;
	left:0px;
	width:5px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.text-editor a{
	font-weight:normal;
 color:#267cde;
}
.text-editor a:hover{
	text-decoration:underline;
}
.__apdialog .ql-editor p{
	margin-bottom:0px;
}
.ql-toolbar.ql-snow .ql-formats:after{
	position:absolute;
	top:5px;
	bottom:5px;
	width:1px;
	right:-8px;
	background-color: #ddd;
	content:"";
}
.ql-toolbar.ql-snow .ql-formats:last-child{
	margin-right:5px;
}
.ql-toolbar.ql-snow .ql-formats:last-child:after{
	display:none;
}
.ql-toolbar.ql-snow{
	border-bottom:1px solid #ddd;
}
.ql-editor ul > li::before{
	content:"\25CF";
	width:1em;
}
.ql-editor li:not(.ql-direction-rtl)::before{
	margin-left:-1.3em;
}
.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6{
	padding-bottom:10px;
	padding-top:2px;
}
.ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote{
	font-size:14px;
}
.ql-editor ol, .ql-editor ul{
	padding-left:0px;
}
.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl){
	padding-left:1.3em;
}
.ql-snow .ql-editor h1{
	font-size:22px;
	font-weight:300;
	padding-top:10px;
}
.ql-snow .ql-editor h2{
	font-size:17px;
	margin-bottom:2px;
}
.ql-editor{
	tab-size: 4;
	-moz-tab-size: 4;
	-o-tab-size: 4;
}
.ql-snow .ql-editor sub, .text-editor sub{
	vertical-align:sub;
	font-size: 90%;
	color:#34960d;
}
.ql-editor ol > li, .ql-editor ul > li{
	margin-bottom:8px;
}


.forced-hidden{
	display:none !important;
}
.-editor-fit .ql-editor{
	height:auto;
	overflow:visible;
}
.std-editor{	
}
.std-editor p{
	padding-top:8px;
}
.std-editor ul{
	margin-left:15px;
	list-style-type:square;
}
.std-editor li{
	padding:8px 0 0px 0;
}
.process-bar{
	position:relative;
	margin-top:10px;
	padding-right:100px;
}
.process-bar.-no-text{
	padding-right:0px;
}
.process-bar > .-text{
	position:absolute;
	overflow:hidden;
	width:100px;
	text-align:right;
	right:0px;
	top:-6px;
}
.process-bar > .-text > .action{
	cursor:pointer;
}
.process-bar > .-text > .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.-process{
	height:6px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position:relative;
	overflow:hidden;
	background: rgba(0,0,0,0.1);
}
.-process > .-bar{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
}
.-ontop{
	z-index:100;
}
.-checkbox{
	width:20px;
	height:20px;
	position:relative;
	padding:0;
}
.-checkbox.-checked{
	border:2px solid #42b814;
}
.-checkbox.-checked:after{
	content:"\e206";
	font-family:ap;
	position:absolute;
 color:#42b814;
	text-align:center;
	font-size:18px;
	width:100%;
	top:1px;
	left:0px;
}
.-checkbox.-closed{
	border:2px solid #D96C6C;
}
.-checkbox.-closed:after{
	content:"\e209";
	font-family:ap;
	position:absolute;
 color:#D96C6C;
	text-align:center;
	font-size:18px;
	width:100%;
	top:1px;
	left:0px;
}
.-checkbox.-unchecked{
	border:2px solid #ddd;
	cursor:pointer;
}
.-checkbox.-unchecked:after{
	width:10px;
	height:10px;
	background-color: #eee;
	position:absolute;
	top:5px;
	left:5px;
	content:" ";
}
.-checkbox.-unchecked:hover{
	border:2px solid #aaa;
}
.-radio{
	width:18px;
	height:18px;
	position:relative;
	padding:0;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	background-color: #fff;
}
.-radio.-checked{
	border:1px solid #42b814;
	background-color: #fff;
}
.-radio.-checked:after{
	width:8px;
	height:8px;
	background-color: #42b814;
	position:absolute;
	top:4px;
	left:4px;
	content:" ";
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.-radio.-unchecked{
	border:1px solid #ccc;
	cursor:pointer;
}
.-radio.-unchecked:after{
	width:8px;
	height:8px;
	background-color: #ddd;
	position:absolute;
	top:5px;
	left:5px;
	content:" ";
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.-radio.-unchecked:hover, .choice:hover .-radio.-unchecked{
	border:1px solid #aaa;
}
.box.-fileembed{
	position:relative;
	padding:5px 20px 5px 90px;
	min-height:60px;
}
.box.-fileembed:hover{
}
.box.-fileembed > .-image{
	left:0px;
	top:5px;
}
.box.-fileembed > .-name{
	font-weight:bold;
	font-size:15px;
}
.box.-fileembed > .-name > b:hover{
	color:#267cde;
	text-decoration:underline;
}
.box.-fileembed > .-meta{
	font-size:13px;
	font-weight:normal;
 color:#888;
	padding-top:4px;
}
.box.-fileembed > .-meta > .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.box.-full-image{	
	padding-bottom:10px;
}
.box.-full-image > .-canvas{
	height:240px;
	width:100%;
	overflow:hidden;
}
.box.-full-image > .-canvas img{
	display:block;
	cursor:pointer;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
@-webkit-keyframes move{
 0% {
	background-position: 0 0;
 }
 100% {
	background-position: 50px 50px;
 }
}
@keyframes move {
 0% {
	background-position: 0 0;
 }
 100% {
	background-position: 50px 50px;
 }
}
.candy.-white{
	background-image: linear-gradient(
	-45deg, 
	rgba(255, 255, 255, .3) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(255, 255, 255, .3) 50%, 
	rgba(255, 255, 255, .3) 75%, 
	transparent 75%, 
	transparent
 );
}
.candy.-black{
	background-image: linear-gradient(
	-45deg, 
	rgba(0, 0, 0, .05) 25%, 
	transparent 25%, 
	transparent 50%, 
	rgba(0, 0, 0, .05) 50%, 
	rgba(0, 0, 0, .05) 75%, 
	transparent 75%, 
	transparent
 );
}
.candy{
 position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
 z-index: 1;
 background-size: 50px 50px;
 animation: move 4s linear infinite;
 overflow: hidden;
}
.candy.-small{
 background-size: 13px 13px;
 animation: move 8s linear infinite;
}
.__customdialog.-full .__dialogcontent{
	padding:0;
}
#custom-settings > .title{
	text-align:center;
	display:block;
	text-transform:uppercase;
	font-size:15px;
 color:#999;
	font-weight:bold;
	padding:13px 0;
	border-bottom:1px solid #ddd;
	background-color: #f3f3f3;
}
.list.-settings{
}
.list.-settings > .li{
	margin:0px 20px;
	border-bottom:1px solid #eee;
	padding:25px 0;
	position:relative;
 color:#111;
	font-size:15px;
}
.list.-settings > .li:last-child{
	border:none;
}
.list.-settings > .li:hover{
	color:#000;
}
.list.-settings > .li > .title{
	margin-right:300px;
}
.list.-settings > .li > .title small{
	color:#999;
	font-size:13px;
	font-weight:normal;
}
.list.-settings > .li > .value{
	position:absolute;
	right:0px;
	top:15px;
}
.list.-settings > .li > .value .select, .list.-settings > .li > .value .input{
	width:270px;
}
.list.-settings > .li > .value .hint{
	font-size:13px;
	font-style:italic;
 color:#888;
	padding-top:3px;
	padding-bottom:5px;
}
.list.-settings > .li > .value .select select.std{
	border:none;
	background-color: #eee;
	font-size:15px;
	font-weight:bold;
}
.list.-settings > .li > .value .input input.std{
	font-weight:normal;
	font-size:15px;
	border:1px solid #ccc;
	background-color: #fff;
}
.reaction-wrapper{
	position:relative;
}
.reaction-wrapper .reaction-me{
	width:17px;
	height:13px;
	position:relative;
	display:inline-block;
}
.reaction-wrapper .reaction-me img{
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	top:1px;
}
.reaction-wrapper .reacted{
	color:#2a91d6;
}
.reaction-wrapper .reacted.re-love, .reaction-wrapper .reacted.re-care{
	color:#D96C6C;
}
.reaction-wrapper .reacted.re-haha, .reaction-wrapper .reacted.re-wow{
	color:#cda900;
}
.reaction-wrapper .reacted.re-sad, .reaction-wrapper .reacted.re-angry{
	color:#cda900;
}
.reaction-wrapper .reaction-area{
	position:absolute;
	display:none;
}
.reaction-wrapper .reaction-area::before{
 content: ".";
 opacity: 0;
 display: block;
 width: 60px;
 height: 30px;
 position: absolute;
 top: -30px;
 left: -10;
}
.reaction-wrapper:hover, .reaction-wrapper:active{
}
.reaction-wrapper:hover .reaction-area, .reaction-wrapper:active .reaction-area{
	display:block;
}
.reaction-wrapper .reaction-area .reaction-box{
	position: absolute;
	width: 315px;
	height: 52px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
	border-radius: 28px;
	left: -6px;
	bottom: 22px;
	z-index:200;
}
.reaction-wrapper .reaction-area .reaction-box .reaction-icon{
	width: 36px;
	height: 36px;
	display:block;
	float:left;
	position:relative;
	cursor:pointer;
	border-radius: 20px;
	margin: 8px -1px 0 8px;
	text-align: center;
	transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.reaction-wrapper .reaction-area .reaction-box .reaction-icon label{
	padding: 3px 5px 3px 5px;
	position:absolute;
	top: -24px;
	left:3px;
	border-radius: 10px;
	font-size: 11px;
	white-space: nowrap;
	color: #FFF;
	background: #333;
	visibility: hidden;
}
.reaction-wrapper .reaction-area .reaction-box .reaction-icon .reaction-img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.reaction-wrapper .reaction-area .reaction-box .reaction-icon img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.reaction-wrapper .reaction-area:hover .reaction-box, .reaction-wrapper .reaction-area:active .reaction-box{
	display:block;
}
.reaction-wrapper .reaction-area:hover .reaction-box .reaction-icon:hover{
 transform: scale(1.3);
}
.reaction-wrapper .reaction-area .reaction-box .reaction-icon:hover label{
 visibility: visible;
}
.reaction-list{
}
.reaction-list .reaction-item{
	display:inline-block;
	padding:1px 3px;
}
.reaction-list .reaction-item .reaction-img{
	display:inline-block;
	position:relative;
}
.reaction-list .reaction-item .reaction-img img{
	width:16px;
	height:16px;
}
.reaction-list .reaction-item .reaction-img .reaction-count{
	display:inline-block;
	font-weight:500;
	font-size:12px;
	padding-left:3px;
	vertical-align:-2px;
}
.reaction-list .reaction-item .reaction-users{
	position:absolute;
	display:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,0.9);
	bottom:22px;
	right:-9px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:2px 10px;
	width:110px;
	color: rgba(255,255,255,0.7);
}
.reaction-list .reaction-item .reaction-users:after{
	width: 0; height: 0;
 border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid rgba(0,0,0,0.9);
	position:absolute;
	right:10px;
	bottom:-5px;
	content:"";
}
.reaction-list .reaction-item:hover .reaction-users{
	display:block;
}
.reaction-list .reaction-item .reaction-users .reaction-user{
	padding:5px 0px;
}
.reaction-list .reaction-item .reaction-users .reaction-user:hover{
	color:#fff;
}
.scale-small .reaction-wrapper .reaction-area .reaction-box{
	width:270px;
	height:48px;
	bottom:20px;
}
.scale-small .reaction-wrapper .reaction-area .reaction-box .reaction-icon{
	width:30px;
	height:30px;
	border-radius: 15px;
}
.scale-small .reaction-wrapper .reaction-area .reaction-box .reaction-icon label{
	position:absolute;
	margin-left:-20px;
}
.reaction-full-list{	
}
.reaction-full-list .rf-wrapper{
	position:relative;
	display:inline-block;
}
.reaction-full-list .rf-wrapper svg{
	width:100%;
	height:100%;
}
.reaction-full-list .rf-wrapper .reaction-users{
	position:absolute;
	display:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,0.9);
	bottom:22px;
	left:0px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:4px 10px;
	width:130px;
	color: rgba(255,255,255,0.7);
}
.reaction-full-list .rf-wrapper .reaction-users:after{
	width: 0; height: 0;
 border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid rgba(0,0,0,0.9);
	position:absolute;
	left:10px;
	bottom:-5px;
	content:"";
}
.reaction-full-list .rf-wrapper:hover .reaction-users{
	display:block;
}
.reaction-full-list .rf-wrapper .reaction-users .reaction-user{
	padding:5px 30px 5px 0px;
	position:relative;
}
.reaction-full-list .rf-wrapper .reaction-users .reaction-user .r-icon{
	position:absolute;
	right:0px;
	top:4px;
	width:16px;
	height:16px;
}
.reaction-full-list .rf-display{
}
.reaction-full-list .rf-display .fo{
	display:inline-block;
	vertical-align:bottom;
}
.reaction-full-list .rf-display .fo .r-icon{
	display:inline-block;
	position:relative;
	width:12px;
	height:14px;
}
.reaction-full-list .rf-display .r-icon:before{
	content:"";
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	width:20px;
	height:20px;
	border:2px solid #fff;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	top:-1px;
	left:-2px;
}
.reaction-full-list .rf-display .fo .r-icon img{
	position:absolute;
	width:16px;
	height:16px;
	top:1px;
}
.reaction-full-list .rf-display .fnames{
	display:inline;
	padding-left:8px;
}
.fe-compact{
}
.fe-compact .fe-users{
	height:32px;
}
.fe-compact .fe-users .fe-avatar{
	display:inline-block;
	float:left;
}
.fe-compact .fe-users .fe-actions{
	float:left;
}
.fe-compact .fe-users .fe-action{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
	font-size:12px;
 color:#999;
	position:relative;
	height:32px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	border:1px dashed #ccc;
	padding:6px 10px;
	margin-left:10px;
}
.fe-compact .fe-users .fe-action:hover{
	border:1px solid #267cde;
	color:#267cde;
}
.fe-standard{
	position:relative;
}
.fe-standard .fe-title{
	padding-bottom:15px;
	padding-top:5px;
	position:relative;
}
.fe-standard .fe-title .fe-label{
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
}
.fe-standard .fe-title .fe-side{
	position:absolute;
	right:0px;
	top:-5px;
}
.fe-standard .fe-title .fe-side .fe-action{
	float:left;
 color:#888;
	position:relative;
	padding:6px 10px;
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
	border:1px dashed #ddd;
	margin-left:10px;
}
.fe-standard .fe-title .fe-side .fe-action:hover{
	background-color: #267cde;
	color:#fff;
	border:1px solid #267cde;
}
.fe-standard .fe-users{
}
.fe-standard .fe-users:after{
	display:block;
	width:1px;
	content:"";
	clear:both;
}
.fe-standard .fe-users .fe-avatar{
	display:inline-block;
	float:left;
}
.__customdialog.-strong-alert{
	background: rgba(0,0,0,0.9);
}
.__customdialog.-strong-alert .__dialogwrapper, .__customdialog.-strong-alert .__dialogwrapper .__dialogcontent{
	background-color: #c34343;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.3);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.3);
}
.__customdialog.-strong-alert.-strong-critical .__dialogwrapper, .__customdialog.-strong-alert .__dialogwrapper .__dialogcontent{
	background-color: transparent;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
}
#confirm-delete{
	text-align:center;
}
#confirm-delete-box{
	padding:40px;
}
#confirm-delete .icon{
	text-align:center;
	height:100px;
}
#confirm-delete .icon img{
	height:100px;
}
#confirm-delete .cd-title{
	font-weight:500;
 color:#fff;
	font-size:28px;
	text-transform:uppercase;
	padding:20px 0;
	margin-top:10px;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}
#confirm-delete .cd-explain{
	font-size:14px;
	font-weight:500;
	color: rgba(255,255,255,0.8);
	line-height:22px;
}
#confirm-delete .cd-explain-more{
	padding-top:20px;
	color:#FFD000;
	font-size:14px;
	margin:0 40px;
	line-height:22px;
}
#confirm-delete .buttons{
	overflow:hidden;
	margin-top:40px;
	padding-bottom:0px;
}
#confirm-delete .buttons .button{
	width:49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
	font-size:14px;
	padding:13px 15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	min-height:43px;
	border:2px solid transparent;
}
#confirm-delete .buttons .button.cancel{
	background-color: #fff;
	color:#c34343;
}
#confirm-delete .buttons .button.cancel:hover{
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
}
#confirm-delete .buttons .button.danger{
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	color:#fff;
	font-weight:500;
	border:2px solid #fff;
	opacity: 0.4; filter: alpha(Opacity:40);
	cursor:wait;
}
#confirm-delete .buttons .button.danger.ready{
	opacity: 1.0; filter: alpha(Opacity:100);
	cursor:pointer;
	background: rgba(0,0,0,0.1);
}
#confirm-delete .buttons .button.danger.ready:hover{
	background-color: #a92828;
	border:2px solid transparent;
	color:#fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
}
#confirm-delete-box.-critical .cd-explain-more{
	color: rgba(255,255,255,0.7);
}
#confirm-delete-box.-critical .icon{
	height:80px;
	padding-top:10px;
}
#confirm-delete-box.-critical .base-icon{
	width:64px;
	height:64px;
	margin:auto;
	position:relative;
}
#confirm-delete-box.-critical .base-icon svg{
	fill:rgba(255,255,255,0.8);
	width:64px;
	height:64px;
}
#confirm-delete-box.-critical .buttons .button.cancel{
	color:#267cde;
}
#confirm-delete-box.-critical .buttons .button.danger.ready:hover{
	background-color: #fff;
	color:#267cde;
}
#__apdialog_custom-tagmanager.__customdialog .__dialogwrapper-inner{
	overflow:visible;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#__apdialog_custom-tagmanager.__customdialog .__dialogcontent{
	overflow:visible;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#tagmanager{
	position:relative;
}
#tagmanager .-close{
	position:absolute;
	font-size:16px;
	cursor:pointer;
 color:#aaa;
	z-index:900;
	right:10px;
	top:5px;
	padding:10px;
}
#tagmanager .-close:hover{
	color:#c34343;
}
#tagmanager .title{
	font-size:20px;
	font-weight:500;
	padding:15px 20px;
	border-bottom:1px solid #ddd;
}
#tagmanager .body{
}
#tagmanager .body .no-tag{
	font-size:13px;
	font-style:italic;
 color:#aaa;
	text-align:center;
}
#tagmanager .body .list{
	overflow:hidden;
	padding:20px 20px 20px 20px;
}
#tagmanager .body .list .tag{
	float:left;
	position:relative;
	overflow:hidden;
	font-size:13px;
	padding:4px 30px 4px 16px;
	margin-right:10px;
	margin-bottom:10px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	max-width: 160px;
}
#tagmanager .body .list .tag .remove{
	position:absolute;
	cursor:pointer;
	right:6px;
	top:4px;
}
#tagmanager .body .list .tag .name:hover{
	text-decoration:underline;
}
#tagmanager .body .list .tag .square{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:10px;
}
#tagmanager .body .list .tag.-bg-alt0-less{
	background-color: #eee;
}
#tagmanager .body .list .tag.-bg-alt0-less .square{
	background-color: #ccc;
}
#tagmanager .body .tag-add{
	position:relative;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
	padding:15px 20px 18px 20px;
	background-color: #f3f3f3;
	border-top:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
}
#tagmanager .body .tag-add .square{
	position:absolute;
	cursor:pointer;
	top:15px;
	left:20px;
	width:32px;
	height:32px;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
#tagmanager .body .tag-add .square em{
	width:32px;
	height:32px;
	display:block;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
#tagmanager .body .tag-add .square .-bg-alt0{
	background-color: #ccc;
}
#tagmanager .body .tag-add .ip{
	position:relative;
	z-index:999;
	height:32px;
}
#tagmanager .body .tag-add .ip input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#tagmanager .body .tag-add .ip input{
	border:1px solid #ddd;
	padding:7px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	height:32px;
}
#tagmanager .body .tag-add .submit{
	position:absolute;
	right:20px;
	top:15px;
	background-color: #42b814;
	color:#fff;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:8px;
	width:80px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
	height:32px;
}
#tagmanager .body .tag-add.active .submit, #tagmanager .body .tag-add.active .square{
	opacity: 1.0; filter: alpha(Opacity:100);
}
#tagmanager .body .tag-add.active{
	padding-left:60px;
	padding-right:110px;
}
#tagmanager .body .tag-add.active .ip input{
	border:1px solid #ccc;
}
.master-filters{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:24999;
	width:300px;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	display:none;
}
.master-filters .title{
	position:relative;
	font-size:16px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 0px;
	border-bottom:1px solid #eee;
	margin:0 20px;
	height:55px;
}
.master-filters .close{
	font-size:16px;
 color:#aaa;
	position:absolute;
	cursor:pointer;
	right:10px;
	top:10px;
	padding:4px;
}
.master-filters .close:hover{
	color:#c34343;
}
.master-filters .body{
	position:absolute;
	top:55px;
	bottom:100px;
	left:0px;
	right:0px;
}
.master-filters .body .section{
	border-bottom:1px solid #eee;
	padding:15px 0px 30px 0;
	margin:0 20px;
	position:relative;
}
.master-filters .body .section .label{
	margin-top:5px;
	padding:10px 0;
	font-size:12px;
 color:#999;
}
.master-filters .body .section input, .master-filters .body .section textarea, .master-filters .body .section select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.master-filters .body .section input, .master-filters .body .section textarea, .master-filters .body .section select{
	padding:6px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1);
	font-size:14px;
}
.master-filters .footer{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	bottom:0px;
	height:100px;
	left:20px;
	right:20px;
	background-color: #fff;
	border-top:1px solid #eee;
	padding:15px 0px;
}
.master-filters .footer .update{
	background-color: #f3f3f3;
	color:#267cde;
	font-weight:500;
	text-align:center;
	cursor:pointer;
	font-size:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:9px 0;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.master-filters .footer .update:hover{
	background-color: #267cde;
	color:#fff;
}
#socket-disconnected{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	height:50px;
	background-color: #c34343;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 20px;
	z-index:99999;
	color: rgba(255,255,255,0.6);
}
#socket-disconnected:before{
	font-family:ap; content:"\e2a3";
	font-size:24px;
	position:absolute;
	left:20px;
	top:11px;
}
#socket-disconnected .txt{
	font-size:13px;
	text-align:center;
	padding:6px 80px 0 20px;
}
#socket-disconnected .cta{
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:7px 15px;
	position:absolute;
	font-weight:500;
 color:#D96C6C;
	text-transform:uppercase;
	font-size:12px;
	right:20px;
	top:11px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
}
#socket-disconnected .cta:hover{
	background: rgba(0,0,0,0.2);
	color:#fff;
}
@keyframes fadeIn {
	0% {
 opacity: 0;
	}
	100% {
 opacity: 1;
	}
}
#socket-error{
	opacity: 1;
	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
	display: flex;
 position: absolute;
 right: 0px;
	left: 0px;
	margin: auto;
	width: 220px;
	justify-content: center;
 top: 20px;
 z-index: 99999;
 background-color: #545454;
 padding: 8px 10px;
	border-radius: 6px
}
#socket-error .txt{
	color: #fff;
}
#socket-error .refresh{
	color: #85bcff;
	margin-left: 10px;
	font-weight: 700;
}
#socket-error .close{
	margin-left: 10px;
	font-weight: 700;
	padding-top: 1px;
}
.base-string-complete{
	padding:5px;
}
.base-string-complete .ui-menu-item{
}
.base-string-complete .ui-menu-item > div{
	padding:6px 10px;
	display:block;
	font-size:13px;
}
.base-string-complete .ui-menu-item > div:hover{
	background-color: #f6f6f6;
	color:#267cde;
}
.ui-overflow-fixed{
	overflow:hidden;
	position:relative;
}
.ui-overflow-fixed.extended{
	max-height:none !important;
}
.ui-overflow-fixed .overflow-btn{
	cursor:pointer;
	position:absolute;
	text-align:center;
	left:0px;
	bottom:0px;
	right:0px;
	padding:20px 0 10px 0;
}
.ui-overflow-fixed .overflow-btn:hover{
	color:#267cde;
	text-decoration:underline;
}





.orgchart{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.orgchart > .zoom{
	position:absolute;
	overflow:hidden;
	top:13px;
	left:13px;
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
 background: -moz-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f8f8f8));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f8f8f8));
 background: -o-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
 background: linear-gradient(top, #ffffff 0%,#f8f8f8 100%);
	border:1px solid #ddd;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	z-index:8000;
}
.orgchart > .zoom span{
	padding:3px 5px;
	font-size:20px;
	float:left;
	display:block;
	cursor:pointer;
}
.orgchart > .zoom span.-first{
	border-right:1px solid #eee;
}
.orgchart > .zoom span:hover{
	background-color: #fff;
}
.orgchart-canvas{
	width:100%;
	position:relative;
}
.orgchart-canvas .wrap, .orgchart-canvas .nodes{
	position:absolute;
}
.orgchart-canvas .wrap{
	left:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.orgchart-canvas .nodes{
	height:100%;
	top:0px;
	left:0px;
	right:0px;
}
.orgchart-canvas .nodes .-line{
	position:absolute;
	height:2px;
	top:-30px;
	background-color: #aaa;
}
.orgchart-canvas .nodew{
	position:absolute;
	cursor:pointer;
	z-index:3000;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.orgchart-canvas .nodew > .node{
} 
.orgchart-canvas .nodew > .node .cbt{
	position:absolute;
	text-align:center;
 color:#888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left:50%;
	bottom:-40px;
	margin-left:-8px;
	border:1px solid rgba(0,0,0,0.15);
	background-color: #fff;
	width:18px;
	height:18px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	z-index:2888;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.orgchart-canvas .nodew > .node .cbt:hover{
	border:1px solid #267cde;
	color:#267cde;
}
.orgchart-canvas .nodew > .node .cbt:after{
	content:"\002d";
}
.orgchart-canvas .wrap.-collapsed > .nodew > .node .cbt{
	bottom:-8px;
	background-color: #267cde;
	color:#fff;
}
.orgchart-canvas .wrap.-collapsed > .nodew > .node .cbt:after{
	content:"\002b";
}
.orgchart-canvas .wrap.-collapsed > .nodew:after{
	display:none;
}
.orgchart-canvas .nodew:before{
	position:absolute;
	content:"";
	background-color: #aaa;
	left:50%;
	top:-30px;
	height:30px;
	width:1px;
}
.orgchart-canvas .nodew:after{
	position:absolute;
	content:"";
	background-color: #aaa;
	left:50%;
	bottom:-31px;
	height:30px;
	width:1px;
}
.orgchart-canvas .nodew.-leaf:after{
	display:none;
}


.list.list-actions{
}
.list.list-actions .li{
	position:relative;
	cursor:pointer;
	display:block;
 color:#111;
	font-weight:normal;
	font-size:14px;
	padding:15px 0 15px 50px;
	padding-right:32px;
}
.list.list-actions.no-icon .li{
	padding-left:20px;
}
.list.list-actions .li:hover{
	background-color: #f6f6f6;
}
.list.list-actions .li > .-icon{
	position:absolute;
	font-size:16px;
	top:13px;
	left:15px;
}
.list.list-actions .li > .-icon.-big{
	font-size:24px;
}
.list.list-actions .li > .-icon .-ap.-big{
	font-size:20px;
	display:inline-block;
	margin-top:-3px;
}
.list.list-actions .li > .-icon .-ap.-xl{
	font-size:24px;
	display:inline-block;
	margin-top:-4px;
}
.list.list-actions .li > .__file{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	opacity: 0; filter: alpha(Opacity:0);
	z-index:100;
}
#custom-selection .list.list-actions .li.selected{
	background: rgba(66,184,20,0.1);
	color:#34960d;
}
#custom-selection .list.list-actions .li.selected:after{
	font-family:ap; content:"\e94d";
	color:#42b814;
	position:absolute;
	font-size:16px;
	right:20px;
	top:20px;
}
.list.list-actions.-border .li{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.list.list-actions.-border .li-sep{
	padding:8px 20px;
	text-transform:uppercase;
	font-size:11px;
 color:#999;
	background-color: #f3f3f3;
	$botton:rgba(0,0,0,0.05);
}
.list.list-actions.-border .li .actions{
	position:absolute;
	font-weight:normal;
 color:#888;
	right:10px;
	top:10px;
}
.list.list-actions.-border .li .actions .action{
	display:inline-block;
	font-size:12px;
	padding:6px;
}
.list.list-actions.-border .li .actions .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.list-actions.-border .li > .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.list-actions.-border.-mlist .li{
	padding-left:50px;
}
.list.list-actions .li > .-ricon{
	font-size:12px;
 color:#999;
	position:absolute;
	display:none;
	left:15px;
	top:14px;
}
.list.list-actions.-mlist .li.selected > .-ricon{
	background-color: #42b814;
	border:1px solid #3ba710;
}
.list.list-actions .li.selected > .-ricon .-select:before{
	color:#fff;
	font-family:ap; content:"\ea2b";
	position:absolute;
	top:3px;
	left:3px;
}
.list.list-actions.-border .li > .icon{
	position:absolute;
 color:#888;
	left:15px;
	top:15px;
}
.list.list-actions.-mlist .li > .-ricon{
	width:18px;
	height:18px;
	border-top:1px solid #ccc; border-right:1px solid #bbb; border-left:1px solid #ccc; border-bottom:1px solid #bbb;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	background: rgba(255,255,255,0.6);
	display:block;
}
.list.list-actions .li > .sub{
	font-size:13px;
	font-weight:normal;
 color:#999;
	padding-top:3px;
}
.list.list-actions .li > .image{
	position:absolute;
	top:17px;
	left:15px;
}
.list.list-actions .li > .image img{
	width:32px;
	height:32px;
}
.list.list-actions.with-image .li{
	padding-left:60px;
}
.list.list-actions.with-image .li.-no-info{
	padding-top:22px;
	padding-bottom:22px;
}
.list.list-actions .li.-sep{
	padding:0;
	height:1px;
	background: rgba(0,0,0,0.1);
	border-bottom:0px solid transparent;
}
.list.list-actions .li .fileapi{
	z-index:100;
	opacity:0;
}
.list.list-actions .li .fileapi input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.list.list-actions .li .fileapi input{
	display:block; width:100%; height:100%;
}
#custom-selection .filev2-actions{
	padding:13px 15px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
#custom-selection .filev2-actions .filev2-info{
	font-size:18px;
	font-weight:normal;
}
#custom-selection .filev2-actions .filev2-add{
	text-transform:uppercase;
	font-weight:500;
	font-size:12px;
 color:#267cde;
	position:absolute;
	cursor:pointer;
	right:15px;
	top:15px;
	padding:3px 0;
}
#custom-selection .filev2-actions .filev2-add .-url:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.list-action-boxes{
	margin-right:-1px;
	margin-bottom:-1px;
	background-color: #eee;
	overflow:hidden;
}
.list.list-action-boxes .li{
	width:200px;
	margin-right:1px;
	margin-bottom:1px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	padding:20px;
	height:180px;
	background-color: #fff;
}
.list.list-action-boxes .li .-icon{
	max-width:120px;
	height:120px;
	margin:auto;
}
.list.list-action-boxes .li img{
	max-width:100%;
}
.list.list-action-boxes .li .label{
	font-size:14px;
 color:#888;
}
.list.list-action-boxes .li:hover{
	background: rgba(255,208,0,0.1);
	color:#111;
	font-weight:500;
}
.list.list-action-boxes .li:hover .label{
	color:#111;
}
#custom-dialog > .-close, .__apdialog > .-close, #custom-selection > .title > .-close{
	position:absolute;
	cursor:pointer;
 color:#aaa;
	right:13px;
	top:13px;
	border:1px solid rgba(0,0,0,0.1);
	width:30px;
	height:30px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:normal;
}
#custom-selection > .title > .-close{
	top:6px;
	border:none;
	width:28px;
	height:28px;
}
#custom-dialog > .-close:before, .__apdialog > .-close:before, #custom-selection > .title > .-close:before{
	font-family:ap; content:"\f2d7";
	font-size:16px;
	position:absolute;
	right:9px;
	top:6px;
}
#custom-dialog > .-close:hover, .__apdialog > .-close:hover, #custom-selection > .title > .-close:hover{
	background: rgba(195,67,67,0.8);
	color:#fff;
}


.button{
	text-align:center;
	cursor:pointer;
	display:block;
	font-size:14px;
	position:relative;
	padding-top:7px;
	padding-bottom:7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button.mat{
	-moz-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 8px 0px rgba(0,0,0,0.1);
}
.button.-flex{
	padding-left:16px;
	padding-right:16px;
}
.button.-rounded{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.button.-circled{
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
.button.-rounded-more{
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.button.-stroked{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.button.-border{
	border:1px solid rgba(0,0,0,0.15);
}
.button.-cta{ 
	background-color: #17C286;
	color:#fff;
} 
.button.-cta.-border{
	border:1px solid #13b27b;
}
.button.-cta:hover{ 
	background-color: #13b27b;
}
.button.-edge.-cta{
	color:#17C286;
	border:1px solid #17C286;
	background-color: #fff;
}
.button.-edge.-cta:hover{
	background-color: #17C286;
	color:#fff;
}
.button.-success{ 
	background-color: #42b814;
	color:#fff;
} 
.button.-success.-border{
	border:1px solid #3ba710;
}
.button.-success:hover{ 
	background-color: #3ba710;
}
.button.-edge.-success{
	color:#42b814;
	border:1px solid #42b814;
	background-color: #fff;
}
.button.-edge.-success:hover{
	background-color: #42b814;
	color:#fff;
}
.button.-main{ 
	background-color: #267cde;
	color:#fff;
} 
.button.-main.-border{
	border:1px solid #1c70ce;
}
.button.-main:hover{ 
	background-color: #1c70ce;
}
.button.-edge.-main{
	color:#267cde;
	border:1px solid #267cde;
	background-color: #fff;
}
.button.-edge.-main:hover{
	background-color: #267cde;
	color:#fff;
}
.button.-error{ 
	background-color: #c34343;
	color:#fff;
} 
.button.-error.-border{
	border:1px solid #b93333;
}
.button.-error:hover{ 
	background-color: #b93333;
}
.button.-edge.-error{
	color:#c34343;
	border:1px solid #c34343;
	background-color: #fff;
}
.button.-edge.-error:hover{
	background-color: #c34343;
	color:#fff;
}
.button.-key{ 
	background-color: #F56433;
	color:#fff;
} 
.button.-key.-border{
	border:1px solid #f54f16;
}
.button.-key:hover{ 
	background-color: #f54f16;
}
.button.-edge.-key{
	color:#F56433;
	border:1px solid #F56433;
	background-color: #fff;
}
.button.-edge.-key:hover{
	background-color: #F56433;
	color:#fff;
}
.button.-hl{ 
	background-color: #FCD32D;
	color:#fff;
} 
.button.-hl.-border{
	border:1px solid #fccd10;
}
.button.-hl:hover{ 
	background-color: #fccd10;
}
.button.-edge.-hl{
	color:#FCD32D;
	border:1px solid #FCD32D;
	background-color: #fff;
}
.button.-edge.-hl:hover{
	background-color: #FCD32D;
	color:#fff;
}
.button.-gradient{
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1');
 background: -moz-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f1f1f1));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f1f1f1));
 background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
 background: linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
	font-weight:normal;
 color:#555;
}
.button.-gradient:hover{
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
 background: -moz-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: linear-gradient(top, #ffffff 0%,#ffffff 100%);
}
.button.-default{
	background-color: #fff;
}
.button.-default:hover{
	background-color: #f3f3f3;
}
.button.-passive{
	background-color: #eee;
	color:#888;
}
.button.-passive-1{
	background-color: #e7e7e7;
	color:#777;
}
.button.-passive-2{
	background-color: #ddd;
	color:#666;
}
.button.-with-icon-left > .-icon, .button.-with-icon-right > .-icon{
	font-weight:normal;
	position:absolute;
	text-align:center;
	font-size:14px;
	height:100%;
	top:0px;
	width:36px;
}
.button.-with-icon > .-icon{
	font-size:16px;
	display:inline-block;
	vertical-align:-1px;
	margin-right:5px;
}
.button > .-icon.-dark{
	background: rgba(0,0,0,0.1);
}
.button.-with-icon-left > .-icon span, .button.-with-icon-right > .-icon span{
	display:inline-block;
	margin-top:9px;
}
.button.-with-icon-left{
	padding-left:36px;
}
.button.-with-icon-left > .-icon{
	left:0px;
	border-right:1px solid rgba(0,0,0,0.1);
}
.button.-with-icon-right{
	padding-right:36px;
}
.button.-with-icon-right > .-icon{
	right:0px;
	border-left:1px solid rgba(0,0,0,0.1);
}
.button > .-icon.-no-stroked{
	border:none !important;
}
.button.-with-icon-left.-flex{
	padding-left:52px;
}
.button.-with-icon-right.-flex{
	padding-right:52px;
}
.button.-hover{
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
.button.-big{
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.button.-big.-circled{
	-moz-border-radius: 22px;
 -webkit-border-radius: 22px;
 border-radius: 22px;
}
.button.-big > .-icon{
	font-size:16px;
}
.button.-big > .-icon span{
	margin-top:11px;
}
.button.-big.-with-icon-left > .-icon, .button.-big.-with-icon-right > .-icon{
	width:40px;
}
.onoff{
	width:55px;
	height:26px;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
	position:relative;
	cursor:pointer;
	margin-top:5px;
}
.onoff{
	position:relative;
}
.onoff.-on{
	background-color: #42b814;
}
.onoff.-success.-on{
	background-color: #42b814;
}
.onoff.-key.-on{
	background-color: #F56433;
}
.onoff.-hl.-on{
	background-color: #FCD32D;
}
.onoff.-off{
	background-color: #ddd;
}
.onoff.-on:before{
	content:" ";
	width:20px;
	height:20px;
	top:3px;
	right:3px;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	background-color: #fff;
	display:block;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.onoff.-off:before{
	content:" ";
	width:20px;
	height:20px;
	top:3px;
	left:3px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	background-color: #fff;
	display:block;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.onoff.-small{
	width:40px;
	height:20px;
}
.onoff.-small.-on:before, .onoff.-small.-off:before{
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
}
.onoff.-tiny{
	width:36px;
	height:12px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.onoff.-tiny.-on:before, .onoff.-tiny.-off:before{
	width:18px;
	height:18px;
	-moz-border-radius: 9px;
 -webkit-border-radius: 9px;
 border-radius: 9px;
	top:-3px;
	border:1px solid rgba(0,0,0,0.2);
	left:-1px;
}
.onoff.-tiny.-on:before{
	right:-1px;
	left:auto;
}
.buttons.switch{
	background-color: #f3f3f3;
	color:#666;
}
.buttons.switch.-white{
	background-color: #fff;
}
.buttons.switch.-rounded{
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	overflow:hidden;
}
.buttons.switch.-circled{
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	overflow:hidden;
}
.buttons.switch > .button{
	float:left;
	padding:8px 13px;
}
.buttons.switch > .button:hover{
	color:#111;
}
.buttons.switch > .button > .-icon{
	display:inline-block;
	font-size:14px;
	margin-right:7px;
}
.buttons.switch > .button.active{
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
 -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
 box-shadow: inset 0px 0px 10px rgba(0,0,0,0.05);
	background-color: #eee;
	font-weight:bold;
 color:#111;
}
.buttons.switch > .button.active.-dark{
	background-color: #777;
	color:#fff;
}
.buttons.switch.-sep > .button{
	border-right:1px solid #e5e5e5;
}
.buttons.switch.-sep > .button:last-child{
	border:none;
}
.buttons.switch.-icons > .button{
	font-size:16px;
	padding:8px 12px;
}
.buttons.switch.-small > .button{
	padding:5px 9px;
	font-size:14px;
}
.button-pags.size-0 .button{
	padding:5px 9px;
}
.button-pags.size-2 .button{
	padding:10px 15px;
}
.button-pags.isolated .button.ord-first, .button-pags.isolated .button.ord-last{
	width:32px;
	height:32px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	border:1px solid #ddd;
	padding:0;
	text-align:center;
}
.button-pags.isolated .button.ord-first .button-icon, .button-pags.isolated .button.ord-last .button-icon{
	margin-top:7px;
	font-size:16px;
}
.button-dd{
	padding:8px 18px;
	position:relative;
 color:#fff;
	font-size:13px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	border:1px solid rgba(0,0,0,0.3);
	background: rgba(255,255,255,0.1);
}
.button-dd .main{
	padding-right:28px;
	cursor:pointer;
}
.button-dd .main .icon{
	position:absolute;
	text-align:center;
	right:0px;
	top:0px;
	height:100%;
	width:30px;
	border-left:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 0 3px 3px 0;
 -webkit-border-radius: 0 3px 3px 0;
 border-radius: 0 3px 3px 0;
}
.button-dd .main .icon span{
	padding-top:10px;
	display:inline-block;
}
.button-dd .opts{
	position:absolute;
	display:none;
	font-weight:normal;
	right:0px;
	top:30px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	width:200px;
	color:#888;
	padding:5px;
}
.button-dd:hover .opts{
	display:block;
}
.button-dd .opts .opt{
	display:block;
	cursor:pointer;
	padding:8px 15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.button-dd .opts .opt:hover{
	background-color: #f3f3f3;
	color:#111;
}
.button-dd .opts .sep{
	height:2px;
	background-color: #eee;
	margin:5px 0;
}
.buttons.-two > .button{
	width:49%;
	float:left;
}
.buttons.-two >.-first{
	float:left;
}
.buttons.-two > .-second{
	float:right;
}
.buttons.-three > .button{
	width:32%;
}
.buttons.-three >.-first{
	float:left;
}
.buttons.-three > .-second{
	float:left;
	margin-left:2%;
}
.buttons.-three > .-third{
	float:right;
}
.buttons.-tabs{
	overflow:hidden;
	position:relative;
	background-color: #eee;
}
.buttons.-tabs > .button{
	overflow:hidden;
	position:relative;
 color:#999;
	text-transform:uppercase;
	font-size:12px;
	padding:10px 0;
	margin:0;
}
.buttons.-tabs > .button.active{
	font-weight:bold;
 color:#111;
	background-color: #fff;
}
.buttons.-tabs > .button:hover{
	color:#267cde;
}
.buttons.-three.-tabs > .button{
	width:33.3%;
}
.buttons.-two.-tabs > .button{
	width:50%;
}
.buttons.-tabs > .button > .-ap{
	display:inline-block;
	font-size:16px;
	font-weight:normal;
	vertical-align:-2px;
	margin-right:5px;
}
.buttons.-tabs.-small{
	font-size:14px;
}
.buttons.-tabs.-small > .button{
	padding:6px 0;
}
.button.-disabled, .button.-disabled:hover{
	opacity: 0.6; filter: alpha(Opacity:60);
	cursor:no-drop;
}


.avatar{
}
.avatar .c{
	text-align:center;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	width:100%;
	height:100%;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:1px dashed rgba(0,0,0,0.4);
	color: rgba(0,0,0,0.4);
}
.avatar .user-icon{
	text-align:center;
	font-size:16px;
	width:100%;
	height:100%;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:1px dashed rgba(0,0,0,0.4);
	color: rgba(0,0,0,0.4);
}
.avatar .user-icon > span{
	position:absolute;
	font-size:16px;
	text-align:center;
	left:1px;
	right:0px;
	top:50%;
	margin-top:-8px;
}
.avatar .user-add{
	width:100%;
	height:100%;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:1px dashed rgba(0,0,0,0.4);
	color: rgba(0,0,0,0.4);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-size:16px;
	cursor:pointer;
}
.avatar .user-add:after{
	font-family:ap; content:"\f05d";
	display:block;
	text-align:center;
	padding-top:3px;
}
.avatar .user-add.user6:after{
	font-family:ap; content:"\e82a";
	font-size:12px;
}
.avatar.avatar-32 .user-add:after{
	padding-top:7px;
}
.avatar .user-add:hover{
	border-color:#267cde;
	color:#267cde;
	background-color: #fff;
}
.avatar >.image{
	overflow:hidden;
}
.avatar > .-signal{
	position:absolute;
	bottom:-5px;
	right:-5px;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	color:#fff;
	font-size:10px;
	text-align:center;
}
.avatar > .-signal .-ap{
	display:inline-block;
	padding-top:3px;
}
.avatar.-online{
	position:relative;
	overflow:visible;
}
.avatar.-online:after{
	content:"";
	width:8px;
	height:8px;
	border:1px solid #fff;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	position:absolute;
	right:-4px;
	top:-4px;
	background-color: #42b814;
	z-index:100;
}
.avatar.shadowed{
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
}
.avatar.effect-blur{
	opacity: 0.8; filter: alpha(Opacity:80);
}
.avatar.effect-blur:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.avatar.rounded > .image, .avatar.-rounded .image, .avatar.-rounded .more{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
}
.avatar .-icon{
	color:#fff;
	text-align:center;
	display:block;
}
.avatar .avatar-render{
	position:absolute;
	width: 0;
	height: 0;
}
.avatar .avatar-text{
	text-align:center;
	display:block;
	font-family:Comic Sans MS, cursive;
}
.avatar > .more{
	position:absolute;
 color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	cursor:pointer;
	overflow:hidden;
	background: rgba(0,0,0,0.5);
	z-index:999;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.avatar > .more span{
	position:absolute;
	font-size:16px;
	text-align:center;
	top:50%;
	left:0px;
	width:100%;
	height:16px;
	margin-top:-8px;
	vertical-align:middle;
}
.avatar:hover > .more{
	background-color: #42b814;
}
.avatar > .more.-big span{
	font-size:32px;
	width:32px;
	height:32px;
	margin-left:-16px;
	margin-top:-16px;
}
.avatar > .txt{
	text-align:center;
 color:#fff;
	text-transform:uppercase;
}
.avatar.avatar-40 > .txt{
	padding-top:11px;
	font-size:16px;
}
.avatar.avatar-48 > .txt{
	padding-top:12px;
	font-size:18px;
}
.avatar.avatar-64 > .txt{
	padding-top:15px;
	font-size:24px;
}
.avatar.avatar-24{
	width:24px;
	height:24px;
}
.avatar.avatar-24.-circled, .avatar.avatar-24.-circled > .more, .avatar.avatar-24.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-24 img{
	width:24px;
	height:24px;
}
.avatar.avatar-24 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-24 .tavatar{
	width:24px;
	height:24px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar.avatar-30{
	width:30px;
	height:30px;
}
.avatar.avatar-30.-circled, .avatar.avatar-30.-circled > .more, .avatar.avatar-30.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-30 img{
	width:30px;
	height:30px;
}
.avatar.avatar-30 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-30 .tavatar{
	width:30px;
	height:30px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar.avatar-32{
	width:32px;
	height:32px;
}
.avatar.avatar-32.-circled, .avatar.avatar-32.-circled > .more, .avatar.avatar-32.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-32 img{
	width:32px;
	height:32px;
}
.avatar.avatar-32 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-32 .tavatar{
	width:32px;
	height:32px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar.avatar-40{
	width:40px;
	height:40px;
}
.avatar.avatar-40.-circled, .avatar.avatar-40.-circled > .more, .avatar.avatar-40.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-40 img{
	width:40px;
	height:40px;
}
.avatar.avatar-40 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-40 .tavatar{
	width:40px;
	height:40px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar.avatar-48{
	width:48px;
	height:48px;
}
.avatar.avatar-48.-circled, .avatar.avatar-48.-circled > .more, .avatar.avatar-48.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-48 img{
	width:48px;
	height:48px;
}
.avatar.avatar-48 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-48 .tavatar{
	width:48px;
	height:48px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar.avatar-64{
	width:64px;
	height:64px;
}
.avatar.avatar-64.-circled, .avatar.avatar-64.-circled > .more, .avatar.avatar-64.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-64 img{
	width:64px;
	height:64px;
}
.avatar.avatar-64 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-64 .tavatar{
	width:64px;
	height:64px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar.avatar-80{
	width:80px;
	height:80px;
}
.avatar.avatar-80.-circled, .avatar.avatar-80.-circled > .more, .avatar.avatar-80.-circled > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.avatar.avatar-80 img{
	width:80px;
	height:80px;
}
.avatar.avatar-80 .-icon{
	font-size:16px;
	margin-top:5px;
}
.avatar.avatar-80 .tavatar{
	width:80px;
	height:80px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.avatar-box{
	position:absolute;
}
.avatar-box > .image{
	position:absolute;
	overflow:hidden;
}
.avatar-box > .image img{
	width:auto;
	height:100%;
}
.avatar-box.-one > .image{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.avatar-box.-two > .image.-first{
	top:0px;
	left:0px;
	width:50%;
	height:100%;
}
.avatar-box.-two > .image.-second{
	top:0px;
	left:50%;
	width:50%;
	height:100%;
	border-left:1px solid #fff;
}
.avatar-box.-three > .image.-first{
	top:0px;
	left:0px;
	width:50%;
	height:100%;
}
.avatar-box.-three > .image.-second{
	top:0px;
	left:50%;
	width:50%;
	height:50%;
	border-left:1px solid #fff;
}
.avatar-box.-three > .image.-third{
	top:50%;
	left:50%;
	width:50%;
	height:50%;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
.avatar-box.-four > .image.-first{
	top:0px;
	left:0px;
	width:50%;
	height:50%;
}
.avatar-box.-four > .image.-second{
	top:0px;
	left:50%;
	width:50%;
	height:50%;
	border-left:1px solid #fff;
}
.avatar-box.-four > .image.-third{
	top:50%;
	left:50%;
	width:50%;
	height:50%;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}
.avatar-box.-four > .image.-forth{
	top:50%;
	left:0%;
	width:50%;
	height:50%;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}
.avatar-box > .image > .mask{
	background: rgba(0,0,0,0.5);
	color:#fff;
	position:absolute;
	top:0px; left:0px; width:100%; height:100%;
}
.avatar-box > .image > .mask span{
	display:block;
	float:left;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	height:11px;
	left:0px;
	width:100%;
	top:50%;
	margin-top:-6px;
}
.-tavatar{
	text-align:center;
}
.-tavatar .-txt{
	color:#fff;
	display:block;
	text-transform:uppercase;
}


/* File does not exists: [PRIVATE FILE] */



input.-phw::-webkit-input-placeholder{
	color:rgba(255,255,255,0.7);
}
input.-phw::-moz-placeholder{
	color:rgba(255,255,255,0.7);
}
input.-phw:-moz-placeholder{
	color:rgba(255,255,255,0.7);
}
input.-phw:-ms-input-placeholder{
	color:rgba(255,255,255,0.7);
}
.form{}
.form .row{
	padding-bottom:15px;
}
.form .label{
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
}
.form .label small{
	font-size:13px;
	font-weight:normal;
 color:#999;
	display:inline-block;
	padding-left:9px;
}
.form .label .sublabel{
	font-weight:normal;
	font-size:12px;
 color:#999;
	text-align:justify;
	padding-top:2px;
}
.form .input{
	position:relative;
}
.form .input.-fake{
	color:#999;
	font-size:inherit;
	cursor:text;
}
.form .input input, .form .input textarea, .form .input input, .form .select select{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	font-size:15px;
	width:100%;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .select select{
 background-color: #f9f9f9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f3f3f3');
 background: -moz-linear-gradient(top, #f9f9f9 0%,#f3f3f3 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9),color-stop(100%,#f3f3f3));
 background: -webkit-linear-gradient(top, color-stop(0%,#f9f9f9),color-stop(100%,#f3f3f3));
 background: -o-linear-gradient(top, #f9f9f9 0%,#f3f3f3 100%);
 background: -ms-linear-gradient(top, #f9f9f9 0%,#f3f3f3 100%);
 background: linear-gradient(top, #f9f9f9 0%,#f3f3f3 100%);
}
.form .select select:hover{
	-moz-box-shadow:inset 1px 6px 6px rgba(0,0,0,0.02);
 -webkit-box-shadow:inset 1px 6px 6px rgba(0,0,0,0.02);
 box-shadow:inset 1px 6px 6px rgba(0,0,0,0.02);
}
.form .input input, .form .input textarea, .form .select select, input.std, textarea.std, select.std{
	display:block;
	border-top:1px solid #d3d3d3; border-right:1px solid #ccc; border-left:1px solid #d3d3d3; border-bottom:1px solid #ccc;
	padding:6px 8px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;
	width:100%;
}
.form .select select, .form select.std{
 background-color: #eeeeee;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f6f6f6');
 background: -moz-linear-gradient(top, #fafafa 0%,#f6f6f6 50%,#eeeeee 51%,#f6f6f6 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa),color-stop(50%,#f6f6f6),color-stop(51%,#eeeeee),color-stop(100%,#f6f6f6));
 background: -webkit-linear-gradient(top, color-stop(0%,#fafafa),color-stop(50%,#f6f6f6),color-stop(51%,#eeeeee),color-stop(100%,#f6f6f6));
 background: -o-linear-gradient(top, #fafafa 0%,#f6f6f6 50%,#eeeeee 51%,#f6f6f6 100%);
 background: -ms-linear-gradient(top, #fafafa 0%,#f6f6f6 50%,#eeeeee 51%,#f6f6f6 100%);
 background: linear-gradient(top, #fafafa 0%,#f6f6f6 50%,#eeeeee 51%,#f6f6f6 100%);
	cursor:pointer;
	display:block;
}
.form .select select:hover, .form select.std:hover{
 background-color: #f9f9f9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9');
 background: -moz-linear-gradient(top, #f9f9f9 0%,#f9f9f9 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9),color-stop(100%,#f9f9f9));
 background: -webkit-linear-gradient(top, color-stop(0%,#f9f9f9),color-stop(100%,#f9f9f9));
 background: -o-linear-gradient(top, #f9f9f9 0%,#f9f9f9 100%);
 background: -ms-linear-gradient(top, #f9f9f9 0%,#f9f9f9 100%);
 background: linear-gradient(top, #f9f9f9 0%,#f9f9f9 100%);
}
.form .input input:focus, .form .input textarea:focus, .form .select select.std:focus, input.std:focus, textarea.std:focus{
	-moz-box-shadow: 0px 0px 8px rgba(66,184,20,0.3);
 -webkit-box-shadow: 0px 0px 8px rgba(66,184,20,0.3);
 box-shadow: 0px 0px 8px rgba(66,184,20,0.3);
	border-color:rgba(66,184,20,0.7);
}
.form .input input.std.-readonly{
	background-color: #f3f3f3;
}
.form .input .input-fake{
	display:block;
	font-size:15px;
	border-top:1px solid #d3d3d3; border-right:1px solid #ccc; border-left:1px solid #d3d3d3; border-bottom:1px solid #ccc;
	padding:6px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #eee;
}
.form .input.masked input{
	border:none;
}
.form .input .mask{
	background: rgba(0,0,0,0.1);
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .input .icon-left{
	padding-top:8px;
	padding-left:8px;
}
.form .half{
	width:48.5%;
}
.form .filelink{
	padding-top:6px;
}
.form .filelink a{
	font-weight:normal;
}
.form .filelink a:hover{
	text-decoration:underline;
}
.form .list.checkboxes{	
}
.form .list.checkboxes .li{
	padding-bottom:8px;
	font-size:15px;
}
.form .list.checkboxes .li:last-child{
	padding:0;
}
.form .list.checkboxes .li input{
	vertical-align: -1px;
	margin-right: 5px;
}
.form .info{
	color:#888;
	padding-top:5px;
}
.form .input.icon-right .icon{
	position:absolute;
	right:7px;
	top:7px;
	opacity: 0.7; filter: alpha(Opacity:70);
}
.form .input-list{
}
.form .radio-list{
}
.form .radio-list .radio{
	padding-bottom:6px;
	font-size:15px;
}
.form .radio-list .radio:last-child{
	border:none;
}
.form .radio-list .radio input{
	vertical-align:-2px;
}
.form .radio-list.formated .radio{
	position:relative;
	padding-left:20px;
}
.form .radio-list.formated .radio:before{
	content:"\f10c";
	font-family:FontAwesome;
	color:#aaa;
	position:absolute;
	font-size:14px;
	top:2px;
	left:0px;
}
.form .radio-list.formated .radio.checked:before{
	color:#42b814;
	content:"\f058";
}
.form .radio-list.formated .checkbox{
	position:relative;
	font-size:15px;
	padding-left:20px;
	padding-bottom:6px;
}
.form .radio-list.formated .checkbox:before{
	content:"\f096";
	font-family:FontAwesome;
	color:#aaa;
	position:absolute;
	font-size:14px;
	top:3px;
	left:0px;
}
.form .radio-list.formated .checkbox.checked:before{
	color:#42b814;
	content:"\f14a";
}
.form .fi-extra{
	font-size:13px;
 color:#888;
	padding-top:10px;
}
.form .fi-extra b{
	font-weight:500;
 color:#333;
}
.form .fi-extra code{
	display:inline-block;
	font-family: Consolas, Courier New, Courier New, monospace;
	padding:2px 4px;
	background: rgba(66,184,20,0.1);
	color:#34960d;
}
.form .fi-extra .url{
	color:#267cde;
}
.form .fi-extra .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.form .upload-box{
	position:relative;
	overflow:hidden;
}
.form .upload-box .upload-area{
	background-color: #ddd;
	width:50px;
	height:50px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	text-align:center;
	float:left;
	cursor:pointer;
}
.form .upload-box .upload-area .icon{
	font-size:16px;
 color:#666;
	padding-top:13px;
}
.form .upload-box .upload-message{
	color:#888;
	margin-left:65px;
	padding-top:10px;
}
.form .squares{
	overflow:hidden;
}
.form .squares .square{
	padding:3px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid #fff;
	float:left;
	cursor:pointer;
	margin-right:10px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.form .squares .square.active{
	border:1px solid #ddd;
	opacity: 1.0; filter: alpha(Opacity:100);
}
.form .squares .square div{
	width:16px;
	height:16px;
}
.form .squares .square.alt-1 div{
	background-color: #267cde;
}
.form .squares .square.alt-2 div{
	background-color: #7c32a1;
}
.form .squares .square.alt-3 div{
	background-color: #0bba88;
}
.form .row-sep{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
 color:#666;
	margin:5px 0 25px 0;
	text-align:center;
	position:relative;
}
.form .row-sep .render{
	position:absolute;
	background-color: #eee;
	height:2px;
	top:9px;
	left:0px;
	width:100%;
}
.form .row-sep em{
	background-color: #fff;
	display:inline-block;
	position:relative;
	font-weight:bold;
	padding:0 20px;
}
.form .wrapper{
	padding:30px 20px 20px 20px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #f3f3f3;
	margin-bottom:20px;
	position:relative;
}
.form .wrapper > .wtitle{
	display:inline-block;
	position:absolute;
	top:-10px;
	left:20px;
	border:1px solid #ddd;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:3px 10px;
	font-size:12px;
	text-transform:uppercase;
 color:#888;
}
.form.form-inline{	
}
.form.form-inline .row{
	padding-bottom:18px;
}
.form.form-inline .row.-note{
	background-color: #f3f3f3;
	text-align:center;
	font-style:italic;
	font-size:13px;
 color:#888;
	padding:13px 20px;
	margin-bottom:25px;
}
.form.form-inline .label{
	float:left;
	font-weight:500;
	font-size:14px;
	width:180px;
	padding:0;
}
.form.form-inline .label code{
	display:inline-block;
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#D96C6C;
	background: rgba(0,0,0,0.05);
	border:1px solid rgba(195,67,67,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:1px 3px;
}
.form.form-inline .sub-label{
	color:#888;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	padding-top:8px;
}
.form.form-inline .extra{
	font-size:14px;
	font-weight:normal;
	padding:5px 0;
}
.form.form-inline .extra{
	margin-left:200px;
}
.form.form-inline .extra .a{
	color:#999;
	font-weight:normal;
}
.form.form-inline .extra .a:hover{
	color:#267cde;
	text-decoration:underline;
}
.form.form-inline .row > .data{
	margin-left:200px;
	margin-bottom:5px;
}
.form .row-hr{
	height:2px;
	margin:10px 0 15px 0;
	position:relative;
}
.form .row-hr.-dotted{
	border-top:2px dotted #ccc;
}
.form .row-hr .hr-label{
	position:absolute;
	top:-9px;
	left:50%;
	width:130px;
	margin-left:-60px;
	background-color: #fff;
	color:#42b814;
	text-transform:uppercase;
	font-weight:500;
	text-align:center;
}
.form.form-inline .data .link{
	font-size:13px;
 color:#ccc;
	padding-top:5px;
	padding-bottom:3px;
}
.form.form-inline .data .link .action{
	color:#555;
	font-weight:normal;
	cursor:pointer;
	font-style:italic;
}
.form.form-inline .data .link .-ap{
	display:inline-block;
	vertical-align:-2px;
}
.form.form-inline .data .link .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.form.buttons-hidden .buttons{
	display:none;
}
.form .row.-ishidden{
	display:none !important;
}
.form.-flat{
}
.form.-flat .row{
	position:relative;
}
.form.-flat .row.-plain{
	padding-top:0px;
	margin-bottom:5px;
	margin-top:-5px;
}
.form.-flat .row.-plain .a{
	font-weight:normal;
}
.form.-flat .row.-plain .a:hover{
	text-decoration:underline;
}
.form.-flat .row.-custom{
}
.form.-flat .row.-custom .exp{
	background: rgba(255,208,0,0.1);
	border:1px solid rgba(255,208,0,0.3);
	padding:10px 15px;
	margin-bottom:5px;
	font-size:13px;
	font-weight:300;
 color:#de5a5a;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form.-flat .row.-iscolor.-empty-label{
	margin-top:-3px;
}
.form.-flat .row.-note{
	position:relative;
 color:#D96C6C;
	padding:0;
	padding-left:15px;
	margin-bottom:20px;
	border-left:4px solid #D96C6C;
}
.form.-flat .row.-no-padding{
	padding-top:0px;
	margin-top:-5px;
	position:relative;
}
.form.-flat .label{
	font-weight:500;
	font-size:12px;
 color:#333;
	position:relative;
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
	padding-bottom:5px;
}
.form.-flat .label .-required{
	position:absolute;
	right:0px;
	top:-2px;
} 
.form.-flat .row .label.-empty{
	display:none;
}
.form.-flat .extra{
	margin-left:0px;
}
.form.-flat .data, .form.-flat .input-group{
	margin-left:0px;
	position:relative;
}
.form .data .-ip-prefix{
	position:absolute;
 color:#42b814;
	display:block;
	font-weight:500;
	left: 30px;
	padding-top:10px;
}
.form .data .-ip-prefix:before{
	font-family:FontAwesome; content:"\f023";
	position:absolute;
	font-size:14px;
 color:#3ba710;
	left:-18px;
	top:10px;
}
.form.-flat .label.-empty ~ .input-group{
	margin-top:3px;
} 
.form.-flat .input-editor{
	margin-top:8px;
}
.form.-flat .input-filebox-wrapper{
	margin-top:6px;
	padding-bottom:4px;
}
.form.-flat .input-cover-wrapper{
	margin-top:6px;
	padding-bottom:4px;
}
.form.-flat .data.list-radio{
	margin-top:10px;
}
.form.-flat .note{
	font-size:13px;
	font-weight:300;
 color:#943d3d;
	position:relative;
	padding-top:8px;
	padding-left:20px;
	padding-bottom:6px;
}
.form.-flat .note:before{
	font-family:ap; content:"\e30f";
	position:absolute;
 color:#ccc;
	font-size:16px;
	top:7px;
	left:0px;
}
.form.-flat .wrapper{
	margin-top:15px;
}
.form.-flat .input input.std, .form.-flat .input textarea.std, .form.-flat .select select.std, .form.-flat .input input, .form.-flat .input textarea, .form.-flat .select select{
	border:none;
	border-bottom:1px dotted #ccc;
	padding:7px 9px;
	padding-left:0px;
	background-color: transparent;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
 background-color: transparent;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent');
 background: -moz-linear-gradient(top, transparent 0%,transparent 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent),color-stop(100%,transparent));
 background: -webkit-linear-gradient(top, color-stop(0%,transparent),color-stop(100%,transparent));
 background: -o-linear-gradient(top, transparent 0%,transparent 100%);
 background: -ms-linear-gradient(top, transparent 0%,transparent 100%);
 background: linear-gradient(top, transparent 0%,transparent 100%);
}
.form.-flat .-date-icon{
	margin-top:4px;
}
.form.-flat .input-autocomplete-wrapper{
	padding-top:4px;
}
.form.-flat .input-autocomplete-wrapper .base-search input{
	font-size:14px;
}
.form.-flat .input input.std:focus, .form.-flat .input textarea.std:focus, .form.-flat .select select.std:focus{
	border-bottom:1px solid #267cde;
}
.form.-flat .input .input-fake{
	border:none;
	background-color: transparent;
	border-bottom:1px dotted #ccc;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	color:#999;
	padding-left:0px;
}
.form.-flat .input .input-fake:after{
	content:"\2714";
	position:absolute;
	font-size:13px;
	right:10px;
	top:6px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.form.-flat .-big .input input.std, .form.-flat .-big .select select{
	font-size:24px;
}
.form.-flat .row .form-org-picker{
}
.form.-flat .row.-isorgchart .label{
	top:0px;
}
.form.-flat .note-frame{
	margin-top:8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form.-flat .note-toolbar{
	background-color: #fcfcfc;
	border-bottom:1px solid #f3f3f3;
}
.form.-flat .note-btn-group .note-btn{
	border:none;
	background-color: transparent;
}
.form.-flat .note-toolbar>.note-btn-group{
	border-right:0px solid rgba(0,0,0,0.1);
	background-color: transparent;
}
.form.-flat .-big .input-group .input .input-fake{
	border:none;
	border-left:4px solid #ddd;
	background-color: #f8f8f8;
	padding:10px 10px;
	margin-top:6px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
.form.-flat .list.checkboxes{
	border:1px solid #ddd;
	margin:5px 0 10px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form.-flat .list.checkboxes .li{
	padding:9px 10px 9px 38px;
	border-bottom:1px solid #eee;
	display:block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:relative;
	cursor:pointer;
	font-size:14px;
}
.form.-flat .list.checkboxes .li input{
	position:absolute;
	cursor:pointer;
	opacity: 0; filter: alpha(Opacity:0);
	width:0px;
	height:0px;
}
.form.-flat .list.checkboxes .li .checkmark{
	position:absolute;
	width:17px;
	height:17px;
	background-color: #ddd;
	top:8px;
	left:10px;
}
.form.-flat .list.checkboxes .li input:checked ~ .checkmark{
	background: rgba(38,124,222,0.9);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
} 
.form.-flat .list.checkboxes .li input:checked ~ .checkmark:before{
	position:absolute;
 color:#fff;
	font-size:12px;
	font-weight:500;
	content:"\2714";
	top:0px;
	left:3px;
}
.form.-flat .list.checkboxes .li:hover input:checked ~ .checkmark{
	background-color: #267cde;
}
.form.-flat .list.checkboxes.-simple{
	border:none;
	overflow:hidden;
}
.form.-flat .list.checkboxes.-simple .li{
	border:none;
	margin:0 -10px;
}
.form.-flat .list.checkboxes.-simple .liw.-compact{
	float:left;
	width:50%;
}
.form .row .-ischeckbox label{
	padding:1px 10px 2px 26px;
	display:block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:relative;
	cursor:pointer;
	font-size:14px;
	margin-top:2px;
}
.form .row .-ischeckbox label input{
	position:absolute;
	cursor:pointer;
	opacity: 0; filter: alpha(Opacity:0);
	width:0px;
	height:0px;
}
.form .row .-ischeckbox label .checkmark{
	position:absolute;
	width:17px;
	height:17px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3);
	top:0px;
	left:0px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.form .row .-ischeckbox.-ratio label .checkmark{
	-moz-border-radius: 9px;
 -webkit-border-radius: 9px;
 border-radius: 9px;
}
.form .row .-ischeckbox label input:checked ~ .checkmark{
	background: rgba(38,124,222,0.9);
	box-shadow: inset 0 0 0 0px transparent;
}
.form .row .-ischeckbox label input:checked ~ .checkmark:before{
	position:absolute;
 color:#fff;
	font-size:10px;
	font-weight:500;
	content:"\2714";
	top:1px;
	left:4px;
	text-shadow:0 1px 1px rgba(0,0,0,0.2);
}
.form .row .-ischeckbox label:hover input:checked ~ .checkmark{
	background-color: #267cde;
}
.form.-flat .row.compact .list.checkboxes{
	overflow:hidden;
	padding:5px;
}
.form.-flat .row.compact .list.checkboxes .li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	overflow:hidden;
	width:50%;
	border:none;
}
.__fdialog .-flat .form-buttons{
	border:none;
	padding-top:15px;
}
.form .button.haft{
	width:48%;
}
.form .colors{
	overflow:hidden;
}
.form .colors .options{
	overflow:hidden;
}
.form .colors .options .opt{
	float:left;
	cursor:pointer;
	padding:4px;
	-moz-border-radius: 17px;
 -webkit-border-radius: 17px;
 border-radius: 17px;
	border:1px solid transparent;
	margin-right:4px;
	opacity: 0.6; filter: alpha(Opacity:60);
}
.form .colors .options .opt .square{
	width:24px;
	height:24px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	position:relative;
}
.form .colors .options .opt .square:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	border-top:24px solid transparent;
	border-left:24px solid rgba(255,255,255,0.1);
}
.form .colors .options .opt:hover{
	border:1px solid #ddd;
}
.form .colors .options .opt.selected{
	opacity: 1.0; filter: alpha(Opacity:100);
	border:1px solid #ccc;
}
.form .list-radio{
}
.form.-flat .-islist .label.-empty{
	display:none;
}
.form .list-radio .list-wrap{
	background-color: #f8f8f8;
	border:1px solid #eee;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:20px 20px 5px 20px;
	margin-bottom:5px;
}
.form .list-radio .options{
	font-size:14px;
 color:#333;
}
.form .list-radio .options .opt{
	display:block;
	position:relative;
	cursor:pointer;
	padding-left:27px;
	padding-bottom:13px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.form .list-radio .options .opt:hover{
	text-decoration:underline;
}
.form .-compact .list-radio .options .opt{
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:46%;
}
.form .-compact .list-radio .options .opt:first-child{
	width:54%;
}
.form .list-radio .options .opt .sublabel{
	font-weight:normal;
	color:#888;
	padding-top:4px;
}
.form .list-radio .options .opt .circle{
	position:absolute;
	top:0px;
	left:0px;
	width:12px;
	height:12px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	border:2px solid #bbb;
}
.form .list-radio .options .opt .circle .cin{
	position:absolute;
	width:6px;
	height:6px;
	top:3px;
	left:3px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .list-radio .options .opt.selected{
	font-weight:bold;
 color:#111;
}
.form .list-radio .options .opt.selected .circle{
	border-color:#42b814;
}
.form .list-radio .options .opt.selected .circle .cin{
	background-color: #42b814;
}
.form .input.real-display{
	margin-top:-2px;
	font-weight:normal;
	font-size:15px;
}
.form .row.-html{
	padding-bottom:20px;
	text-align:center;
}
.form .row.-html .link{
	color:#aaa;
	cursor:pointer;
	font-size:13px;
	text-transform:uppercase;
	display:inline-block;
	padding:5px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .row.-html .link:hover{
	color:#267cde;
	background-color: #f3f3f3;
}
.form .row-subtitle{
	margin-bottom:-5px;
	padding-top:15px;
	text-align:left;
	border-top:1px solid #eee;
	text-transform:uppercase;
	font-size:11px;
 color:#42b814;
	text-transform:uppercase;
}
.form .input-group .gi{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:15px;
}
.form .input-group .data{
}
.form .input-group .data.-ischeckbox{
	margin-top:5px;
}
.form .input-group .gi:first-child{
	padding-left:0px;
}
.iform{
	font-size:15px;
}
.form.form-inline .input-group{
	margin-left:200px;
}
.iform .buttons{
	overflow:hidden;
	padding-top:18px;
}
.iform .buttons .button{
	width:49%;
	padding:10px 0;
	border-style:solid;
	border-width:1px;
}
.upload-form{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
	z-index:999;
}
.upload-form .upload-placeholder{
	font-weight:300;
	position:absolute;
 color:#aaa;
	font-size:15px;
	text-align:center;
	top:50%;
	left:20px;
	right:20px;
	margin-top:-10px;
}
.upload-form .upload-icon{
	position:absolute;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	font-size:32px;
	text-align:center;
	margin-left:-16px;
	margin-top:-16px;
	color:#fff;
	display:none;
}
.nomask .upload-form:hover{
	background:transparent;
}
.upload-form .upload-preview{
}
.upload-form .upload-preview img{
	max-width:100%;
}
.upload-form:hover .upload-icon{
}	
.upload-form input{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity: 0; filter: alpha(Opacity:0);
	z-index:999;
}
.form .list-checkbox{
	padding:13px 0 7px 0;
	border-top:1px dashed #ddd;
	position:relative;
	cursor:pointer;
}
.form .row:first-child .list-checkbox{
	border:none;
}
.form .list-checkbox .checkbox-ui{
	position:absolute;
	text-align:center;
	width:20px;
	height:20px;
	top:16px;
	left:15px;
}
.form .list-checkbox .checkbox-ui .square{
	width:20px;
	height:20px;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .list-checkbox .checkbox-label{
	margin-left:55px;
	padding-right:20px;
}
.form .list-checkbox .checkbox-label .checkbox-main{
	font-size:16px;
	font-weight:bold;
 color:#111;
}
.form .list-checkbox .checkbox-label .checkbox-sub{
	font-size:13px;
	font-style:italic;
 color:#888;
	padding-top:2px;
}
.form .list-checkbox .checkbox-ui span{
	display:block;
	font-size:16px;
	margin-top:2px;
}
.form .list-checkbox .checkbox-ui .square.active{
	display:block;
	border:1px solid #42b814;
	color:#42b814;
}
.js_xform_wrap{
	position:relative;
}
.xform-inline{
	position:relative;
	z-index:999;
	background-color: #fffdf2;
}
.xform-inline .close{
	position:absolute;
	font-size:16px;
 color:#aaa;
	cursor:pointer;
	top:8px;
	right:8px;
	padding:6px;
}
.xform-inline input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.form .input .form-icons{
	position:absolute;
	display:none;
	top:100%;
	margin-top:-2px;
	left:0px;
	right:0px;
	background-color: #fff;
	max-height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	z-index:9999;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .input.active .form-icons{
	display:block;
}
.form .input .form-icons .form-icon{
	padding:10px;
	border-top:1px solid #eee;
	cursor:pointer;
}
.form .input .form-icons .form-icon img{
	width:20px;
	height: 20px;
	display:inline-block;
	margin-right:6px;
}
.form .input .form-icons .form-icon:hover{
	background-color: #267cde;
	color:#fff;
}
.form .select-m{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
}
.form .select-m .option{
	padding:12px 15px 12px 45px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:14px;
 color:#888;
	position:relative;
	cursor:pointer;
}
.form .select-m .option:hover{
	background: rgba(66,184,20,0.1);
	color:#111;
}
.form .select-m .option:before{
	position:absolute;
	width:16px;
	height:16px;
	border:1px solid rgba(0,0,0,0.2);
	top:11px;
	left:15px;
	content:"";
	background-color: #fff;
}
.form .select-m .option.active{
	font-weight:500;
 color:#42b814;
}
.form .select-m .option.active:before{
	background: rgba(66,184,20,0.8);
	border:1px solid rgba(0,0,0,0.1);
}
.form .select-m .option.active:after{
	position:absolute;
 color:#fff;
	font-family:ap; content:"\e206";
	top:12px;
	left:16px;
}
.ui-custom-filter{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:6666;
	background: rgba(0,0,0,0.1);
}
.ui-custom-filter .wrap{
	background-color: #fff;
	top:0px;
	right:0px;
	bottom:0px;
	width:400px;
	background-color: #fff;
	position:absolute;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
}
.ui-custom-filter .header{
	padding:8px 10px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.ui-custom-filter .header.active{
	background: rgba(255,208,0,0.1);
}
.ui-custom-filter .header input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.ui-custom-filter .header input{
	padding:10px;
}
.ui-custom-filter .header .edit-icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
	right:36px;
	top:8px;
	padding:8px;
}
.ui-custom-filter .header .edit-icon:hover{
	color:#267cde;
}
.ui-custom-filter .header .close{
	position:absolute;
	font-size:17px;
	cursor:pointer;
 color:#aaa;
	right:8px;
	top:8px;
	padding:8px;
}
.ui-custom-filter .header .close:hover{
	color:#267cde;
}
.ui-custom-filter .header .color{
	width:20px;
	height:20px;
	position:absolute;
	cursor:pointer;
	top:17px;
	left:20px;
}
.ui-custom-filter .header .color .s{
	display:block;
	width:20px;
	height:20px;
}
.ui-custom-filter .header .color .s.-bg-alt0{
	background: rgba(0,0,0,0.5);
}
.ui-custom-filter .header .txt{
	font-weight:500;
	font-size:16px;
 color:#34960d;
	padding-left:30px;
}
.ui-custom-filter .body{
	padding:20px;
}
.ui-custom-filter .select-fx{ 
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:20px;
}
.ui-custom-filter .select-fx .select-top{
	padding-bottom:15px;
}
.ui-custom-filter .select-fx select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.ui-custom-filter .select-fx select{
	background-color: #f8f8f8;
	border:1px solid rgba(0,0,0,0.15);
	padding:8px 10px;
	font-size:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.ui-custom-filter .select-fx select:active, .ui-custom-filter .select-fx select:focus{
	border:1px solid #267cde;
	background-color: #fff;
}
.ui-custom-filter .select-fx input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.ui-custom-filter .select-fx input{
	background-color: #ffff;
	border:1px solid rgba(0,0,0,0.15);
	padding:8px 10px;
	font-size:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:36px;
}
.ui-custom-filter .select-fx .select-create{
}
.ui-custom-filter .select-fx .select-create .select{
	width:25%;
	float:left;
}
.ui-custom-filter .select-fx .select-create .input{
	width:48%;
	float:left;
	margin-left:2%;
}
.ui-custom-filter .select-fx .select-create .button{
	background-color: #267cde;
	float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
 color:#fff;
	font-weight:500;
	width:23%;
	height:35px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:9px 0;
}
.ui-custom-filter .query{
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#D96C6C;
	padding:10px 15px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	background: rgba(255,208,0,0.1);
}
.ui-custom-filter .display{
}
.ui-custom-filter .display .item{
	padding:10px 0 5px 16px;
	position:relative;
}
.ui-custom-filter .display .item:before{
	position:absolute;
	top:15px;
	left:0px;
	width:5px;
	height:5px;
	background: rgba(0,0,0,0.5);
	content:"";
}
.ui-custom-filter .display .item em{
	font-style:italic;
 color:#34960d;
}
.ui-custom-filter .display .item .val{
	color:#D96C6C;
}
.ui-custom-filter .display .item .remove{
	position:absolute;
	font-size:14px;
	cursor:pointer;
	display:none;
	right:0px;
	top:4px;
	padding:6px;
}
.ui-custom-filter .display .item:hover .remove{
	display:block;
}
.ui-custom-filter .display .item .remove:hover{
	color:#D96C6C;
}
.ui-custom-filter .footer{
	position:absolute;
	overflow:hidden;
	bottom:0px;
	left:0px;
	right:0px;
	padding:20px;
	padding-bottom:50px;
	background-color: #f8f8f8;
	border-top:1px solid #eee;
}
.ui-custom-filter .footer > div{
	text-align:center;
	font-weight:500;
 color:#fff;
	cursor:pointer;
	font-size:13px;
	padding:11px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.ui-custom-filter .footer .apply{
	background-color: #267cde;
}
.ui-custom-filter .footer > div.save{
	background-color: #42b814;
}
.ui-custom-filter .footer > div.cancel{
	margin-top:10px;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	color:#888;
}
.ui-custom-filter .footer > div.cancel:hover{
	background-color: #c34343;
	color:#fff;
}
.ui-custom-filter .footer .save:hover, .ui-custom-filter .footer .apply:hover{
	background-color: #34960d;
	color:#fff;
}
.embed-title{
	position:relative;
	background-color: #1663ba;
	padding:13px 15px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-weight:normal;
	font-size:16px;
 color:#fff;
}
.embed-title .embed-close{
	font-size:16px;
	position:absolute;
	cursor:pointer;
	padding:8px;
	top:6px;
	right:10px;
	color: rgba(255,255,255,0.5);
}
.embed-title .embed-close:hover{
	color:#fff;
}
.line-inputs{
	background-color: #fff;
}
.line-input{
	position:relative;
	font-size:13px;
	padding:0 0px;
}
.line-input .line-actions{
	position:absolute;
	font-size:11px;
	display:none;
	right:10px;
	top:3px;
}
.line-input:hover .line-actions{
	display:block;
}
.line-input .line-actions .-action{
	display:inline-block;
	cursor:pointer;
	padding:3px 5px;
}
.line-input .line-actions .-action:hover{
	text-decoration:underline;
}
.line-input:after{
	font-family:FontAwesome; content:"\f111";
	position:absolute;
 color:#aaa;
	top:12px;
	left:3px;
	font-size:8px;
}
.line-input textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.line-input textarea, .form .input .line-inputs textarea{
	overflow:hidden;
	height:32px;
	padding:7px 0px 7px 20px !important;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	border:none;
}
.form.form-inline .input .line-inputs textarea{
	border-bottom:1px solid #eee;
}
.line-input textarea:active, .line-input textarea:focus{
	color:#267cde; color:#0b8d61;
	border-bottom:1px solid #eee;
	padding-top:6px;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
}
.form.form-inline .input .line-inputs textarea:active, .form.form-inline .input .line-inputs textarea:focus{
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
}
.line-input.last{
	font-size:14px;
}
.line-input.last textarea{
	padding:8px 0px 8px 20px !important;
	height:40px;
	border:none !important;
}
.line-input.last textarea:active, .line-input.last textarea:focus{
	border:none;
	color:#111;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
}
.line-input.last:before{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:1px;
	background-color: #eee;
	content:"";
}
.line-input.last:after{
	font-family:FontAwesome; content:"\f196";
	font-size:14px;
	top:10px;
	left:2px;
}
.form .row .line-inputs{
	margin-top:10px;
	border:1px solid rgba(0,0,0,0.1);
	padding:0 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .row .line-inputs .line-input.last:before{
	display:none;
}
.form .row.-upper{
	margin-top:5px;
	padding-top:0px;
}
.form .row.-upper.-closer{
	margin-top:-4px;
}
.form .row.-upper.-istags{
	margin-top:-13px;
	padding-bottom:10px;
}
.form .row.-upper .label.-empty{
	display:none;
}
.form .row.-upper .data{
}
.form .form-org-picker .form-org-users{
	max-height:250px;
	border:1px solid rgba(0,0,0,0.1);
	padding-left:20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fafafa;
}
.form .form-org-picker .form-org-users .fo-node{
	position:relative;
}
.form .form-org-picker .form-org-users .fo-node:before{
	position:absolute;
	top:35px;
	left:0px;
	bottom:12px;
	width:1px;
	content:"";
	background: rgba(0,0,0,0.1);
}
.form .form-org-picker .form-org-users .fo-node.level-0:before{
	left:20px;
}
.form .form-org-picker .form-org-users .fo-node.level-1:before{
	left:20px;
}
.form .form-org-picker .form-org-users .fo-node.level-2:before{
	left:40px;
}
.form .form-org-picker .form-org-users .fo-node.level-3:before{
	left:60px;
}
.form .form-org-picker .form-org-users .fo-group{
	font-weight:500;
	cursor:pointer;
}
.form .form-org-picker .form-org-users .fo-user{
	padding:5px 0 5px 0;
	cursor:pointer;
}
.form .form-org-picker .form-org-users .fo-user:hover{
	color:#267cde;
	text-decoration:underline;
}
.form .form-org-picker .form-org-users .fo-user .level{
	position:relative;
	padding-left:35px;
}
.form .form-org-picker .form-org-users .fo-user .level:before{
	position:absolute;
	left:0px;
	top:7px;
	width:8px;
	height:2px;
	background-color: #ddd;
	content:"";
}
.form .form-org-picker .form-org-users .fo-user .level.level-1{
	margin-left:20px;
}
.form .form-org-picker .form-org-users .fo-user .level.level-2{
	margin-left:40px;
}
.form .form-org-picker .form-org-users .fo-user .level.level-3{
	margin-left:60px;
}
.form .form-org-picker .form-org-users .fo-user .level.level-4{
	margin-left:80px;
}
.form .form-org-picker .form-org-users .fo-user .level.level-5{
	margin-left:100px;
}
.form .form-org-picker .form-org-users .fo-user .fo-cb{
	position:absolute;
	top:1px;
	left:15px;
	width:12px;
	height:12px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	border:1px solid rgba(0,0,0,0.2);
}
.form .form-org-picker .form-org-users .fo-user .fo-username{
	color:#aaa;
	font-size:12px;
}
.form .form-org-picker .form-org-users .fo-user.selected{
	color:#34960d;
}
.form .form-org-picker .form-org-users .fo-user.selected .fo-cb{
	background-color: #42b814;
	border:1px solid rgba(0,0,0,0.05);
}
.form .form-org-picker .form-org-users .fo-user.selected .fo-cb:before{
	font-family:ap; content:"\2714";
	color:#fff;
	font-size:10px;
	position:absolute;
	left:2px;
	top:-1px;
}
.form .form-org-picker .form-org-users .fo-group{
	padding:8px 0 8px 0;
	cursor:pointer;
}
.form .form-org-picker .form-org-users .fo-group:hover{
	text-decoration:underline;
 color:#267cde;
}
.form .form-org-picker .form-org-users .fo-group .level{
	position:relative;
	padding-left:15px;
}
.form .form-org-picker .form-org-users .fo-group .level.level-1{
	margin-left:20px;
}
.form .form-org-picker .form-org-users .fo-group .level.level-2{
	margin-left:40px;
}
.form .form-org-picker .form-org-users .fo-group .level.level-3{
	margin-left:60px;
}
.form .form-org-picker .form-org-users .fo-group .fo-cb{
	position:absolute;
	top:0px;
	left:-7px;
	width:12px;
	height:12px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	border:1px solid rgba(0,0,0,0.2);
	background-color: #fff;
}
.form .form-org-picker .form-org-users .fo-subodes{
	position:relative;
	overflow:hidden;
}
.form .form-org-picker .form-org-users .fo-group.selected{
	color:#34960d;
}
.form .form-org-picker .form-org-users .fo-group.selected .fo-cb{
	background-color: #42b814;
	border:1px solid rgba(0,0,0,0.05);
}
.form .form-org-picker .form-org-users .fo-group.selected .fo-cb:before{
	font-family:ap; content:"\2714";
	color:#fff;
	font-size:10px;
	position:absolute;
	left:2px;
	top:-1px;
}
.form .selected-tags{
	position:relative;
	font-size:13px;
 color:#888;
	cursor:text;
}
.form .selected-tags .ctags{
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:4px;
	position:relative;
}
.form .selected-tags .ctags:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:16px;
 color:#888;
	right:8px;
	top:8px;
}
.form .selected-tags .none{
	color:#267cde;
	cursor:pointer;
	padding-bottom:4px;
}
.form .selected-tags .none:hover{
	text-decoration:underline;
}
.form .selected-tags .value{
	max-width: 160px;
	display:inline-block;
	position:relative;
	font-size:11px;
	text-transform:uppercase;
	padding:2px 5px 3px 18px;
	margin-right:5px;
	margin-bottom:2px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.form .selected-tags .value .square{
	position:absolute;
	width:9px;
	left:0px;
	top:0px;
	bottom:0px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.form .selected-tags .value .square.-bg-alt0{
	background: rgba(0,0,0,0.2);
}
.form .selected-tags-wrapper{
	position:relative;
}
.form .fi-tags{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	left:0px;
	top:28px;
	right:0px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	z-index:999;
	padding:6px;
	border:1px solid rgba(0,0,0,0.1);
}
.form .fi-tags .tags_box{
	max-height:200px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.form .selected-tags-wrapper.taglist-activated .fi-tags{
	display:block;
}
.form .fi-tags .r{
	position:absolute;
	left:-3000px;
	right:-3000px;
	top:-3000px;
	bottom:-3000px;
}
.form .fi-tags .fi-tag{
	position:relative;
	cursor:pointer;
	padding:8px 20px 8px 32px;
	margin-bottom:1px;
}
.form .fi-tags .fi-tag .square{
	position:absolute;
	width:15px;
	height:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	top:10px;
	left:10px;
}
.form .fi-tags .fi-tag .add-icon{
	position:absolute;
	top:8px;
	left:8px;
}
.form .fi-tags .fi-tag .add-icon:after{
	font-family:ap; content:"\f05d";
	font-size:16px;
 color:#aaa;
}
.form .fi-tags .fi-tag .square.-bg-alt0{
	background-color: #ccc;
}
.form .fi-tags .fi-tag:hover{
	background-color: #fafafa;
}
.form .fi-tags .fi-tag.selected{
	font-weight:500;
	background: rgba(66,184,20,0.1);
}
.form .fi-tags .fi-tag.selected:after{
	font-family:ap; content:"\f374";
	color:#42b814;
	font-size:16px;
	position:absolute;
	right:8px;
	top:8px;
}
.improve-select{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position:relative;
}
.form .improve-select{
	margin-top:4px;
}
.row .select-currencies {
	margin-left: 6px;
	width: 90px;
}
.row .select-currencies select {
	height: 34px;
}
.row .select-currencies .improve-select {
	margin-top: 0px;
	height: 32px;
}
.row .select-currencies .improve-select .is-box {
	width: 130px
}
.improve-select .is-display{
	padding:8px 8px;
	position:relative;
	cursor:pointer;
	font-size:14px;
}
.improve-select .is-display .is-itag{
	display:inline-block;
	font-size:12px;
	padding:3px 4px;
	background: rgba(38,124,222,0.1);
	box-shadow: inset 0 0 0 1px rgba(38,124,222,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-right:4px;
	margin-bottom:2px;
}
.improve-select .is-display em{
	color:#aaa;
}
.improve-select .is-display:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:16px;
	right:8px;
	top:8px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.improve-select .is-box{
	position:absolute;
	overflow:hidden;
	display:none;
	top:100%;
	left:-1px;
	right:-1px;
	margin-top:-1px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	z-index:999;
}
.improve-select.active .is-box{
	display:block;
}
.improve-select .is-box .is-search{
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.improve-select .is-box .is-search:after{
	font-family:ap; content:"\f162";
	font-size:13px;
	position:absolute;
 color:#999;
	top:10px;
	left:10px;
}
.improve-select .is-box .is-search input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.improve-select .is-box .is-search input{
	padding:8px 8px 8px 30px !important;
	font-size:14px;
	-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.03);
 -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.03);
 box-shadow:inset 1px 1px 1px rgba(0,0,0,0.03);
	background-color: #fafafa;
	border:none !important;
	margin:0px !important;
}
.improve-select .is-box .is-search input:active, .improve-select .is-box .is-search input:focus{
	background: rgba(255,208,0,0.1);
}
.improve-select .is-box .is-scroll{
	max-height:200px;
}
.improve-select .is-box .is-label{
	font-size:12px;
	text-transform:uppercase;
 color:#111;
	font-weight:500;
	padding:13px 8px 8px 8px;
	border-bottom:1px solid #ddd;
}
.improve-select .is-box .is-items{
	padding:8px 10px;
}
.improve-select .is-box .is-item{
	padding:8px 8px 8px 36px;
	cursor:pointer;
	font-size:13px;
	position:relative;
 color:#888;
	border-bottom:1px dashed rgba(0,0,0,0.05);
}
.improve-select .is-box .is-item:before{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:14px;
	height:14px;
	border:1px solid rgba(0,0,0,0.2);
	top:8px;
	left:10px;
	content:"";
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	background-color: #fff;
}
.improve-select .is-box .is-item:hover{
	color:#000;
	background: rgba(38,124,222,0.1);
}
.improve-select .is-box .is-item.active{
	background-color: #267cde;
	color:#fff;
	font-weight:500;
}
.improve-select .is-box .is-item.active{
	color:#42b814;
	background: rgba(66,184,20,0.1);
}
.improve-select .is-box .is-item.active:before{
	border:1px solid #42b814;
	background: rgba(66,184,20,0.6);
}
.improve-select .is-box .is-item.active:after{
	font-family:ap; content:"\e116";
	color:#42b814;
	position:absolute;
	font-size:16px;
	right:8px;
	top:8px;
}
.improve-select .is-close{
	display:inline-block;
 color:#888;
	text-transform:uppercase;
	font-weight:500;
	font-size:11px;
	cursor:pointer;
	margin:0 0 8px 10px;
	padding:8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.improve-select .is-close:hover{
	color:#267cde;
	text-decoration:underline;
	background-color: #fafafa;
}
.form.form-inline .row > .data .unit-text em{
	font-size:9px;
	background-color: #bbb;
	-moz-box-shadow:inset 1px 5px 5px rgba(0,0,0,0.02);
 -webkit-box-shadow:inset 1px 5px 5px rgba(0,0,0,0.02);
 box-shadow:inset 1px 5px 5px rgba(0,0,0,0.02);
	text-shadow:0 1px 3px rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.7);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	display:inline-block;
	text-align:center;
	overflow:hidden;
	padding:3px 5px;
	margin-top:-3px;
	min-width:24px;
}
.form.form-inline .row > .data .unit-text em > span{
	display:block;
}
.form .row .icon-picker-v2{
	position:absolute;
	right:6px;
	bottom:24px;
}
.form .row .icon-picker-v2 .form-v2-icon-canvas{
	left:-240px;
}
.form .row .inline-icon-picker{
	position:absolute;
	right:0px;
	bottom:25px;
}
.form .row .inline-icon-picker .icon-display{
	width:24px;
	height:24px;
	display:block;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	background: rgba(0,0,0,0.1);
	padding:2px;
}
.form .row .inline-icon-picker.-no-bg .icon-display{
	background-color: transparent;
}
.form .row .inline-icon-picker .icon-display .base-emoji-inline{
	font-size:20px;
	position:absolute;
	top:-2px;
	left:-2px;
}
.form .row .inline-icon-picker .icon-display .base-emoji-inline img{
	width:20px;
	height:20px;
}
.form .row .inline-icon-picker .icon-display > .base-icon{
	top:2px;
	left:2px;
	width:20px;
	height:20px;
}
.form .row .inline-icon-picker .icon-display > .base-icon svg{
	width:20px;
	height:20px;
}
.form .row .inline-icon-picker .icon-display .icx{
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:24px;
	height:24px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
}
.form .row .inline-icon-picker .icon-display img{
	width:16px;
	height:16px;
}
.form .row .inline-icon-picker .sx-icons{
	overflow:hidden;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	background-color: #fff;
	width:380px;
	min-height:50px;
	padding:10px;
	right:0px;
	top:25px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.1);
	z-index:999;
}
.form .row .inline-icon-picker.active .sx-icons{
	display:block;
}
.form .row .inline-icon-picker .sx-icons .sx-icon{
	float:left;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:30px;
	height:30px;
	padding-top:5px;
}
.form .row .inline-icon-picker .sx-icons .sx-icon:hover{
	background-color: #f3f3f3;
}
.form.-flat .quill-wrapper.ql-bubble{
	border:1px solid rgba(0,0,0,0.2);
	padding:8px 9px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.form.-flat .quill-wrapper.ql-bubble .ql-editor.ql-blank::before{
	left:9px;
	top:11px;
}
.form.-flat .row.-issep{
	height:30px;
	padding-bottom:10px;
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	overflow:hidden;
}
.form.-flat .row.-issep .label{
	font-size:11px;
	text-transform:uppercase;
 color:#999;
	position:relative;
	float:left;
}
.form.-flat .row.-issep .label:after{
	left:115%;
	top:6px;
	width:1000px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
	position:absolute;
}
.adv-search-opts{
	position:absolute;
 color:#333;
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
	padding:10px 10px;
	width:250px;
	z-index:999;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.adv-search-opts .adv-opt-sep{
	padding-top:13px;
	padding-bottom:13px;
	position:relative;
	overflow:hidden;
}
.adv-search-opts .adv-opt-sep em{
	display:inline-block;
	position:relative;
	text-transform:uppercase;
 color:#aaa;
	font-size:11px;
}
.adv-search-opts .adv-opt-sep em:after{
	position:absolute;
	left:110%;
	top:7px;
	height:1px;
	width:1000px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.adv-search-opts .adv-opt{
	padding:8px 10px;
	cursor:pointer;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:3px;
}
.adv-search-opts .adv-opt.-picon{
	padding-left:50px;
}
.adv-search-opts .adv-opt .adv-opt-title{
	font-weight:500;
	font-size:14px;
}
.adv-search-opts .adv-opt .adv-opt-info{
	font-size:12px;
 color:#888;
	padding-top:4px;
}
.adv-search-opts .adv-opt .adv-opt-icon{
	position:absolute;
	width:20px;
	height:20px;
	top:8px;
	left:10px;
}
.adv-search-opts .adv-opt .adv-opt-icon svg{
	width:20px;
	height:20px;
}
.adv-search-opts .adv-opt:hover{
	background-color: #f8f8f8;
}
.adv-search-opts .adv-opt.active{
	background-color: #267cde;
	color:#fff;
}
.adv-search-opts .adv-opt.active .adv-opt-info{
	color: rgba(255,255,255,0.6);
}
.adv-search-opts .adv-opt.active .adv-opt-icon svg{
	fill:#fff;
}
.form-v2-icon .form-v2-icon-canvas{
	display:none;
}
.form-v2-icon.active .form-v2-icon-canvas{
	display:block;
}
.form-v2-icon .form-v2-icon-display{
	width:32px;
	height:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background-color: #eee;
}
.form-v2-icon .form-v2-icon-display .icon-picked{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:block;
	text-align:center;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:8px;
}
.form-v2-icon .form-v2-icon-display svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.form-v2-icon-canvas{
	background-color: #fff;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:640px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	z-index:999;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:20px;
}
.form-v2-icon-canvas .fic-body{
	position:relative;
}
.form-v2-icon-canvas .fic-icons{
	border-right:1px solid rgba(0,0,0,0.1);
	overflow:hidden;
	margin-right:160px;
}
.form-v2-icon-canvas .fic-icons .icon-opt{
	float:left;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	margin-right:4px;
	margin-bottom:4px;
	padding-top:8px;
}
.form-v2-icon-canvas .fic-icons .icon-opt:hover{
	background: rgba(38,124,222,0.1);
}
.form-v2-icon-canvas .fic-icons .icon-opt svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.form-v2-icon-canvas .fic-side{
	position:absolute;
	right:0px;
	top:0px;
	width:140px;
}
.form-v2-icon-canvas .fic-side .fic-subtitle{
	font-size:15px;
	font-weight:500;
	padding-bottom:8px;
}
.form-v2-icon-canvas .fic-side .sp-original-input-container{
	display:block;
	position:relative;
	min-height:20px;
}
.form-v2-icon-canvas .fic-side .sp-colorize-container{
	display:block;
	position:absolute;
	height:22px;
	width:24px !important;
	border:none !important;
	top:4px;
	left:4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	overflow:hidden;
}
.form-v2-icon-canvas .fic-side .sp-colorize{
	height:21px;
	background-color: #eee;
}
.form-v2-icon-canvas .fic-side input.color-picker{
	width:80px;
	padding:5px 8px 5px 45px;
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	font-size:15px;
	font-weight:500;
	position:relative;
	background-color: transparent;
}
.form-v2-icon-canvas .fic-side li{
	padding:6px 0 6px 24px;
	position:relative;
	font-size:13px;
 color:#999;
	cursor:pointer;
}
.form-v2-icon-canvas .fic-side li .c{
	position:absolute;
	width:16px;
	height:16px;
	background-color: #ccc;
	top:5px;
	left:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.form-v2-icon-canvas .fic-side li .c.-solid{
	background-color: #267cde;
}
.form-v2-icon-canvas .fic-side li .c.-subtle{
	background: rgba(38,124,222,0.2);
}
.form-v2-icon-canvas .fic-side li.active{
	font-weight:500;
 color:#267cde;
}
.form-v2-icon-canvas .fic-side li.active:after{
	font-family:ap; content:"\e116";
	position:absolute;
 color:#42b814;
	font-size:16px;
	right:0px;
	top:5px;
}
.form-v2-icon-canvas .fic-footer{
	border-top:1px solid #eee;
	padding-top:20px;
}
.form-v2-icon-canvas .fic-footer .fic-continue{
	background-color: #267cde;
	font-weight:500;
 color:#fff;
	font-size:14px;
	display:inline-block;
	cursor:pointer;
	padding:7px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form-v2-color-wrapper{
	position:absolute;
	right:10px;
	bottom:28px;
	width:24px;
	height:24px;
}
.form-v2-color-wrapper:before{
	position:absolute;
	left:-13px;
	top:-0px;
	bottom:-0px;
	width:2px;
	background: rgba(0,0,0,0.08);
	content:"";
}
.form-v2-color-wrapper .selected-color{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color: #eee;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.form-v2-color-wrapper .form-v2-color-board{
	position:absolute;
	display:none;
	width:420px;
	height:260px;
	top:22px;
	right:-10px;
}
.form-v2-color-wrapper.active .form-v2-color-board{
	display:block;
}
.form-v2-color-wrapper .selected-color .base-icon{
	top:3px;
	left:4px;
	display:none;
}
.form-v2-color-wrapper .selected-color.-empty .base-icon{
	display:block;
}
.form-v2-color-wrapper .selected-color.-empty{
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	background-color: #fff;
}
.form .fx-container-box, .form.-flat .row.fx-container-box{
	padding:15px 15px 15px 15px;
	margin-bottom:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.2);
	background-color: #f6f6f6;
}
.form .fx-container-box:hover{
	background-color: #fafafa;
}
.form .fx-container-box .-cb-title{
	text-transform:uppercase;
	font-size:12px;
	font-weight:500;
 color:#888;
	position:relative;
	padding-left:20px;
}
.form .fx-container-box .-cb-title:before{
	font-family:FontAwesome; content:"\f196";
	position:absolute;
	font-size:14px;
	font-weight:normal;
	top:0px;
	left:0px;
}
.form .fx-container-box .-cb-title span:hover{
	text-decoration:underline;
}
.form .fx-container-box .-cb-title:after{
	font-family:ap; content:"\e111";
	position:absolute;
	font-weight:normal;
	font-size:16px;
 color:#888;
	right:0px;
	top:0px;
}
.form .fx-container-box .-cb-body{
	display:none;
}
.form .fx-container-box.activated, .form.-flat .row.fx-container-box.activated{
	border:1px solid rgba(0,0,0,0.1);
	padding:15px 20px;
	background-color: #f9f9f9;
}
.form .fx-container-box.activated .-cb-body{
	display:block;
}
.form .fx-container-box.activated .-cb-title{
	color:#42b814;
	padding-left:0px;
	padding-bottom:15px;
}
.form .fx-container-box.activated .-cb-title:before{
	display:none;
}
.form .fx-container-box.activated .-cb-title:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
}
.form .row .toast-ui-wrapper{
	margin-top:5px;
}
/* Styles for multiple file upload component */
.form .input.data .fi {
 width: 100%;
 position: relative;
}
.form .input.data .fi input[type="file"] {
 margin-bottom: 10px;
 display: block;
 width: 100%;
}
.form .input.data .fi.multiple .selected-files {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 8px;
	padding-top: 40px;
}
.form .input.data .fi.multiple{
	min-height: 32px;
}
.form .input.data .fi.multiple .fi-picker {
	position:absolute;
	display:block;
	height: 32px;
	width: 180px;
	max-width: 180px;
}
.form .input.data .fi.multiple .fi-picker input[type="file"] {
	position:absolute;
	display:block;
	margin-bottom: 10px;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 32px;
	opacity: 0;
	z-index: 9;
}
.form .input.data .fi.multiple .fi-picker:hover .base-button{
	border: 1px solid #42b814;
	color: #42b814;
}
.form .input.data .fi.multiple .fi-picker .base-button {
	position:absolute;
	display:block;
	z-index: 1;
	height: 100%;
	max-height: 32px;
	max-width: 180px;
}
.form .input.data .fi.multiple .fi-picker .base-button .-icon .ap-icon {
	width: 14px;
	height: 14px;
	font-size: 14px;
}
.form .input.data .fi.multiple .fi-picker .base-button .-txt {
	font-size: 13px;
	font-weight: 500;
}
.form .input.data .fi.multiple .fi-picker .base-button.-picon {
 padding-left: 30px;
}
.form .input.data .fi.multiple .file-item {
 background: #f5f5f5;
 border: 1px solid #e0e0e0;
 border-radius: 3px;
 padding: 6px 10px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.form .input.data .fi.multiple .file-item .file-icon {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 8px;
}
.form .input.data .fi.multiple .file-item .file-icon img {
	width: 100%;
	height: 100%;
}
.form .input.data .fi.multiple .file-name {
 flex-grow: 1;
 font-size: 12px;
	max-width: 75%;
 word-break: break-all;
}
.form .input.data .fi.multiple .file-remove {
 color: #ff4d4f;
 cursor: pointer;
 font-weight: bold;
 font-size: 18px;
 margin-left: 10px;
 padding: 0 5px;
}
.form .input.data .fi.multiple .file-remove:hover {
 color: #ff7875;
}


.custom-form-design{
	background-color: #f9f9f9;
}
.custom-form-design > .buttons{
	margin:15px 20px 0px 30px;
	padding-top:10px !important;
}
.custom-form-design > .buttons .cancel{
	color:#999;
	text-align:center;
	padding:10px 0;
	margin-top:20px;
}
.custom-form-design > .buttons .cancel:hover{
	color:#111;
	text-decoration:underline;
}
.custom-form-design h1{
	font-weight:300;
	text-align:center;
	font-size:24px;
	padding-bottom:20px;
	border-bottom:1px dotted #ddd;
	margin-bottom:20px;
}
.custom-form-design .form{
	padding:20px;
	border-bottom:2px solid #e5e5e5;
	background-color: #fff;
}
.custom-form-design .results{
	padding:20px;
}
.custom-form-design .results .title{
	text-transform:uppercase;
	font-size:16px;
	text-align:center;
	padding-bottom:20px;
}
.embed.-cform{
}
.embed.-cform > .item{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	position:relative;
	padding:13px 15px;
	margin-bottom:5px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.embed.-cform > .item:last-child{
	margin:0;
}
.embed.-cform > .item .name{
	font-size:16px;
	font-weight:normal;
}
.embed.-cform > .item .ph{
	font-size:12px;
 color:#999;
	padding-top:4px;
}
.embed.-cform > .item .type{
	position:absolute;
	font-size:12px;
 color:#999;
	text-transform:uppercase;
	right:15px;
	top:15px;
}
.embed.-cform > .item .values{
	font-style:italic;
	font-size:13px;
	padding-top:5px;
}
#base-master-dialog{
}
#base-master-dialog .header{
	background-color: #1157a5;
	padding:15px 30px;
	color: rgba(255,255,255,0.7);
}
#base-master-dialog .header .side{
	position:absolute;
	right:13px;
	top:13px;
}
#base-master-dialog .header .side .close{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	padding:8px;
	width:34px;
	height:34px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#base-master-dialog .header .side .close:hover{
	color:#fff;
	background: rgba(0,0,0,0.2);
}
#base-master-dialog .header .title{
	font-size:22px;
	font-weight:bold;
 color:#fff;
}
#base-master-dialog .header .tabs{
	color: rgba(255,255,255,0.5);
}
#base-master-dialog .header .tabs .tab{
	font-size:13px;
	float:left;
	cursor:pointer;
	position:relative;
	padding:15px 0 3px 0;
	margin-right:28px;
}
#base-master-dialog .header .tabs .tab.-picon{
	padding-left:18px;
}
#base-master-dialog .header .tabs .tab .icon{
	font-size:14px;
	position:absolute;
	left:0px;
	top:15px;
}
#base-master-dialog .header .tabs .tab:hover{
	color:#fff;
}
#base-master-dialog .header .tabs .tab.active{
	color:#fff;
	font-weight:500;
}
#base-master-dialog .body{
	position:relative;
	background-color: #f9f9f9;
	min-height:720px;
}
#base-master-dialog .fields-sidebar{
	position:absolute;
	right:0px;
	top:0px;
	width:270px;
	bottom:0px;
}
#base-master-dialog .fields-sidebar .row-lists{
	padding:15px;
}
#base-master-dialog .fields-sidebar .row-lists .li{
	padding:10px 10px 10px 64px;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:5px;
	cursor:move;
}
#base-master-dialog .fields-sidebar .row-lists .li .micon{
	top:19px;
	left:15px;
}
#base-master-dialog .fields-sidebar .row-lists .li .icon{
	position:absolute;
	left:30px;
	top:10px;
	width:16px;
	height:16px;
}
#base-master-dialog .fields-sidebar .row-lists .li .icon svg{
	width:24px;
	height:24px;
	fill:currentcolor;
}
#base-master-dialog .fields-sidebar .row-lists .li .name{
	font-size:14px;
	font-weight:500;
}
#base-master-dialog .fields-sidebar .row-lists .li .info{
	font-size:12px;
 color:#999;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	margin-top:4px;
}
#base-master-dialog .fields-sidebar .row-lists .li:hover{
	background: rgba(255,255,255,0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
 box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
	color:#267cde;
}
#base-master-dialog .fields-sidebar .sidebar-header{
	margin:0 15px;
	padding-top:20px;
	padding-left:10px;
}
#base-master-dialog .fields-sidebar .sidebar-header .title{
	font-size:18px;
	font-weight:500;
}
#base-master-dialog .fields-sidebar .sidebar-header .info{
	font-size:12px;
 color:#888;
	padding-top:3px;
}
#base-master-dialog .fields-preview{
	margin-right:270px;
	padding:20px 30px 30px 30px;
	background-color: #fff;
	border-right:1px solid rgba(0,0,0,0.1);
	min-height:720px;
}
#base-master-dialog .fields-preview .box{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#base-master-dialog .fields-preview .box .empty-state{
	padding:50px 0;
	text-align:center;
}
#base-master-dialog .fields-preview .box .empty-state svg{
	width:64px;
	height:64px;
	fill:#aaa;
}
#base-master-dialog .fields-preview .box .empty-state .add{
	display:block;
	font-size:15px;
	text-align:center;
	padding:10px;
	margin-top:10px;
}
#base-master-dialog .fields-preview .box .empty-state .add:hover{
	color:#267cde;
	text-decoration:underline;
}
#base-master-dialog .fields-preview .box .fields-group{
}
#base-master-dialog .fields-preview .box .fg-header{
	padding:8px 15px 8px 40px;
	background-color: #f8f8f8;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
#base-master-dialog .fields-preview .box .fg-header:before{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:18px;
	left:15px;
	top:8px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
#base-master-dialog .fields-preview .box .fg-header code{
	position:absolute;
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#34960d;
	font-weight:normal;
	right:15px;
	top:8px;
}
#base-master-dialog .fields-preview .box .fields-group.-collapsed .fg-header:before{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
#base-master-dialog .fields-preview .box .fields-group.-collapsed .fg-body{
	display:none;
}
#base-master-dialog .fields-preview .field{
	position:relative;
	padding:13px 20px 5px 60px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#base-master-dialog .fields-preview .field:hover{
	background-color: #fafafa;
}
#base-master-dialog .fields-preview .field.-checkbox{
	width:auto;
	height:auto;
}
#base-master-dialog .fields-preview .field .drag-handler{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:45px;
	z-index:999;
	cursor:move;
}
#base-master-dialog .fields-preview .field .field-key{
	position:relative;
	font-size:13px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	padding-top:4px;
	padding-bottom:10px;
	padding-right:60px;
}
#base-master-dialog .fields-preview .field .field-key em{
	font-size:11px;
	font-weight:500;
 color:#888;
	text-transform:uppercase;
}
#base-master-dialog .fields-preview .field .field-key code{
	color:#3ba710;
	font-weight:500;
	font-family: Consolas, Courier New, Courier New, monospace;
}
#base-master-dialog .fields-preview .field .field-key .-ftype{
	position:absolute;
	font-size:10px;
	text-transform:uppercase;
	font-weight:500;
 color:#34960d;
	padding:3px 0px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	right:0px;
	top:4px;
}
#base-master-dialog .fields-preview .field .field-key .-ph{
	color:#888;
	display:inline;
}
#base-master-dialog .fields-preview .field .field-key code.url:hover{
	color:#267cde;
	text-decoration:underline;
}
#base-master-dialog .fields-preview .field .field-key .type{
	position:absolute;
 color:#aaa;
	text-transform:uppercase;
	font-size:10px;
	display:none;
	right:0px;
	top:8px;
}
#base-master-dialog .fields-preview .field:hover .field-key .type{
	display:block;
}
#base-master-dialog .fields-preview .field .field-attrs{
}
#base-master-dialog .fields-preview .field .field-attrs .attrs{
	overflow:hidden;
}
#base-master-dialog .fields-preview .field .field-attrs .attr{
	width:50%;
	padding-bottom:10px;
	position:relative;
	float:left;
}
#base-master-dialog .fields-preview .field .field-attrs .attr em{
	font-size:11px;
	font-weight:500;
 color:#888;
	text-transform:uppercase;
}
#base-master-dialog .fields-preview .field .field-attrs .attr span{
	display:inline-block;
	position:relative;
	font-size:13px;
}
#base-master-dialog .fields-preview .field .field-attrs .attr span:before{
	font-family:FontAwesome; content:"\f040";
	position:absolute;
	font-size:12px;
 color:#aaa;
	display:none;
	right:-18px;
	top:1px;
}
#base-master-dialog .fields-preview .field .field-attrs .attr span.url:hover{
	color:#267cde;
	text-decoration:underline;
}
#base-master-dialog .fields-preview .field .field-attrs .attr:hover span:before{
	display:block;
}
#base-master-dialog .fields-preview .field .status{
	position:absolute;
	left:25px;
	top:45px;
}
#base-master-dialog .fields-preview .field .icon{
	position:absolute;
	left:20px;
	top:13px;
}
#base-master-dialog .fields-preview .field .icon svg{
	width:16px;
	height:16px;
}
#base-master-dialog .fields-preview .field .name{
	position:relative;
	font-weight:500;
	font-size:15px;
	padding-bottom:2px;
	margin-right:130px;
}
#base-master-dialog .fields-preview .field .group-name{
	position:absolute;
	right:20px;
	top:46px;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
 color:#888;
	background-color: #f6f6f6;
	padding:3px 5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#base-master-dialog .fields-preview .field .ph{
	font-size:13px;
 @tfont color:#999;
	padding-bottom:5px;
}
#base-master-dialog .fields-preview .field .side{
	position:absolute;
	display:none;
	right:10px;
	top:13px;
	z-index:888;
}
#base-master-dialog .fields-preview .field:hover .side{
	display:block;
}
#base-master-dialog .fields-preview .field .side .action{
	font-weight:500;
	font-size:11px;
	float:left;
	text-transform:uppercase;
	cursor:pointer;
 color:#999;
	padding:5px 10px;
}
#base-master-dialog .fields-preview .field .side .action:hover{
	color:#267cde;
	text-decoration:underline;
}
#base-master-dialog .fields-preview .field .side .edit{
	color:#fff;
	cursor:pointer;
}
#base-master-dialog .fields-preview .field .side svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
#base-master-dialog .fields-preview .field:hover .side .edit{
	color:#aaa;
}
#base-master-dialog .fields-preview .field .side .edit:hover{
	color:#267cde;
}
#base-master-dialog .fields-preview .field .opts{
	position:relative;
}
#base-master-dialog .fields-preview .field .opts .opt{
	padding:8px 0 8px 32px;
	position:relative;
	font-size:14px;
	cursor:pointer;
}
#base-master-dialog .fields-preview .field .opts .opt .move{
	position:absolute;
 color:#aaa;
	top:8px;
	left:-20px;
	opacity: 0; filter: alpha(Opacity:0);
}
#base-master-dialog .fields-preview .field .opts .opt .move svg{
	fill:currentcolor;
}
#base-master-dialog .fields-preview .field .opts .opt:hover .move{
	opacity: 1.0; filter: alpha(Opacity:100);
}
#base-master-dialog .fields-preview .field .opts .opt .cb{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:18px;
	height:18px;
	border:1px solid #aaa;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	left:0px;
	top:7px;
}
#base-master-dialog .fields-preview .field .opts .opt .cb:before{
	position:absolute;
	width:10px;
	height:10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	top:3px;
	left:3px;
	content:"";
}
#base-master-dialog .fields-preview .field .opts .opt:hover{
	color:#111;
}
#base-master-dialog .fields-preview .field .opts .opt:hover .cb{
	border-color:#999;
}
#base-master-dialog .fields-preview .field .opts .opt:hover .cb:before{
	background-color: #ddd;
}
#base-master-dialog .fields-preview .field.-select-m .opts .opt .cb, #base-master-dialog .fields-preview .field.-select-m .opts .opt .cb:before{
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#base-master-dialog .fields-preview .field.ui-sortable-helper{
	background-color: #ffffee;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
#base-master-dialog .fields-preview .field.-locked:after{
}
#base-master-dialog .fields-preview .field.-locked .icon svg{
	fill:#42b814;
}
#base-master-dialog .header .cta{
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
	position:absolute;
 color:#fff;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	padding:9px 13px 9px 30px;
	right:13px;
	top:51px;
}
#base-master-dialog .header .cta:before{
	position:absolute;
	font-size:16px;
	font-family:ap; content:"\f05d";
	left:13px;
	top:7px;
}
#base-master-dialog .header .cta:hover{
	text-decoration:underline;
	color:#fff;
}
#base-master-dialog .header .cta.-dd{
	padding-right:32px;
}
#base-master-dialog .header .cta.-dd:after{
	font-family:ap; content:"\f05b";
	position:absolute;
	font-size:14px;
	right:13px;
	top:8px;
}
#base-master-dialog .header .cta.-dd .-cmenu{
	top:30px;
	text-transform:none;
}
#base-master-dialog .fields-preview .ui-droppable-active, #base-master-dialog .fields-preview .ui-droppable-hover{
	overflow:hidden;
}
#base-master-dialog .fields-preview .li.ui-draggable{
	height:60px;
	width:100% !important;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.05);
	background-color: #ffffee;
} 
#base-master-dialog .fields-preview .li.ui-draggable > *{
	opacity:0;
}
#base-master-dialog .fields-preview .li.ui-draggable > .name{
	text-align:center;
	font-weight:500;
	font-size:13px;
	opacity: 1.0; filter: alpha(Opacity:100);
}
#base-master-dialog .fields-preview .relative > .ui-sortable-placeholder{
	opacity: 1.0; filter: alpha(Opacity:100);
	background-color: #ffffee;
	height:60px;
	width:100% !important;
	border-bottom:1px solid rgba(0,0,0,0.1);
	visibility:visible !important;
}
#base-master-dialog .body.-st .fields-preview{
	margin:0;
	background-color: #f1f1f1;
}
#base-master-dialog .body.-st .fields-preview .box{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
	overflow:hidden;
}
#base-master-dialog .header.-st .tabs .tab.active:before{
	background-color: #f1f1f1;
}
#base-master-dialog .body.-st .fields-sidebar{
	display:none;
}
#base-master-dialog .micon{
	position:absolute;
	width:2px;
	height:2px;
	background: rgba(0,0,0,0.4);
}
#base-master-dialog .micon:before, #base-master-dialog .micon:after, #base-master-dialog .micon div:before, #base-master-dialog .micon div:after{
	position:absolute;
	left:0px;
	width:2px;
	height:2px;
	background: rgba(0,0,0,0.4);
	content:"";
}
#base-master-dialog .micon div{
	position:absolute;
	width:2px;
	height:2px;
	background: rgba(0,0,0,0.3);
	left:4px;
	top:0px;
}
#base-master-dialog .micon:before, #base-master-dialog .micon div:before{
	top:-4px;
}
#base-master-dialog .micon:after, #base-master-dialog .micon div:after{
	top:4px;
}
.cf-filler-canvas{
	padding:20px;
}
.cf-filler-canvas .field{
	position:relative;
	padding:30px 20px 30px 60px;
	border-bottom:1px dotted rgba(0,0,0,0.1);
}
.cf-filler-canvas .field .status{
	position:absolute;
 color:#c34343;
	font-weight:500;
	right:25px;
	top:35px;
}
.cf-filler-canvas .field .status b{
	color:#c34343;
}
.cf-filler-canvas .field .counter{
	position:absolute;
	font-size:15px;
	font-weight:500;
	left:20px;
	top:33px;
}
.cf-filler-canvas .field .name{
	position:relative;
	font-weight:normal;
	font-size:17px;
 @tfont;
	padding-bottom:4px;
	margin-right:130px;
}
.cf-filler-canvas .field .ph{
	font-size:13px;
 @tfont color:#999;
	padding-bottom:5px;
}
.cf-filler-canvas .field .opts{
	position:relative;
	padding-top:6px;
}
.cf-filler-canvas .field .opts .opt{
	padding:8px 0 8px 32px;
	position:relative;
	font-size:14px;
	cursor:pointer;
 color:#444;
}
.cf-filler-canvas .field .opts.-compact .opt{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:50%;
	padding-right:8px;
}
.cf-filler-canvas .field .opts .opt:hover{
	color:#111;
}
.cf-filler-canvas .field .opts .opt .cb{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:18px;
	height:18px;
	border:1px solid #aaa;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	left:0px;
	top:7px;
}
.cf-filler-canvas .field .opts .opt .cb:before{
	position:absolute;
	width:10px;
	height:10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	top:3px;
	left:3px;
	content:"";
}
.cf-filler-canvas .field .opts .opt:hover{
	color:#111;
}
.cf-filler-canvas .field .opts .opt:hover .cb{
	border-color:#999;
}
.cf-filler-canvas .field .opts .opt:hover .cb:before{
	background-color: #ddd;
}
.cf-filler-canvas .field.-is-select-m .opts .opt .cb, .cf-filler-canvas .field.-is-select-m .opts .opt .cb:before{
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.cf-filler-canvas .field .opts .opt.selected{
	font-weight:500;
 color:#111;
}
.cf-filler-canvas .field .opts .opt.selected .cb{
	border-color:#42b814;
}
.cf-filler-canvas .field .opts .opt.selected .cb:before{
	background-color: #42b814;
}
.cf-filler-canvas .field .input{
	margin-top:10px;
}
.cf-filler-canvas .field .input .input-editor, .cf-filler-canvas .field .input .input-rating{
	padding-top:6px;
}
.cf-filler-canvas .field .input .input-rating{
	padding-bottom:6px;
}
.cf-filler-canvas .field .input .input-table{
	padding-top:2px;
}
.cf-filler-canvas .field .input input, .cf-filler-canvas .field .input textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.cf-filler-canvas .field .input input, .cf-filler-canvas .field .input textarea{
	font-size:15px;
	padding:9px 10px;
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(255,255,255,0.6);
}
.cf-filler-canvas .field .input textarea{
	min-height:80px;
}
.cf-filler-canvas .field .input input:focus, .cf-filler-canvas .field .input textarea:focus,
	.cf-filler-canvas .field .input input:active, .cf-filler-canvas .field .input textarea:active{
	background-color: #fff;
	border:1px solid rgba(38,124,222,0.7);
	-moz-box-shadow: 0px 0px 3px rgba(38,124,222,0.3);
 -webkit-box-shadow: 0px 0px 3px rgba(38,124,222,0.3);
 box-shadow: 0px 0px 3px rgba(38,124,222,0.3);
}
.base-cf-preview{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
}
.base-cf-preview .field{
	padding:16px 20px 16px 58px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.base-cf-preview .field.-checkbox{
	width:auto;
	height:auto;
}
.base-cf-preview .field .side{
	display:none;
}
.base-cf-preview .field .icon{
	position:absolute;
	left:20px;
	top:17px;
}
.base-cf-preview .field .icon svg{
	width:16px;
	height:16px;
}
.base-cf-preview .field .name{
	font-size:15px;
}
.base-cf-preview .field .ph{
	font-size:13px;
 color:#888;
	padding-top:4px;
}
.base-cf-preview .field .field-key{
	display:none;
}
.base-cf-preview .field .field-attrs{
	@hiddenl
}
.base-cf-preview .field .opts{
	position:relative;
	margin-top:10px;
}
.base-cf-preview .field .opts .opt{
	padding:8px 0 8px 32px;
	position:relative;
	font-size:14px;
	cursor:pointer;
}
.base-cf-preview .field .opts .opt .move{
	display:none;
}
.base-cf-preview .field .opts .opt .cb{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:18px;
	height:18px;
	border:1px solid #aaa;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	left:0px;
	top:7px;
}
.base-cf-preview .field .opts .opt .cb:before{
	position:absolute;
	width:10px;
	height:10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	top:3px;
	left:3px;
	content:"";
}
.base-cf-preview .field .opts .opt:hover{
	color:#111;
}
.base-cf-preview .field .opts .opt:hover .cb{
	border-color:#999;
}
.base-cf-preview .field .opts .opt:hover .cb:before{
	background-color: #ddd;
}
.base-cf-preview .field.-select-m .opts .opt .cb, .base-cf-preview .field.-select-m .opts .opt .cb:before{
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-cf-preview.url .field:hover{
	background: rgba(38,124,222,0.1);
}
.base-cform-preview.-borderless .base-cf-preview{
	background-color: transparent;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
	border:none;
	margin:0 -20px;
}
.base-cform-preview.-borderless .base-cf-preview .field{
	border:none;
}
.base-cform-preview.-borderless .base-cf-preview .field:hover{
	background-color: #f3f3f3;
}


.table{
	display:block;
}
.table table{
	width:100%;
}
.table table td{
	vertical-align:top;
}
.table .-sub{	
	font-size:90%;
	color:#888;
}
.table td .-sub{
	padding-top:4px;
}
.table.-simple th{
	padding:8px;
	text-align:left;
}
.table.-simple td{
	padding:10px 8px;
	text-align:left;
}
.table.-simple th{
	border-bottom:2px solid #eee;
}
.table.-simple td{
	border-bottom:1px solid #eee;
}
.table.-simple.-no-border td{
	border:none;
}





@-moz-keyframes showhide{ 
	0% {opacity: 1.0;}
 50% {opacity: 0.3;}
 100% {opacity: 1.0;} }
	@-webkit-keyframes showhide{ 
	0% {opacity: 1.0;}
 50% {opacity: 0.3;}
 100% {opacity: 1.0;} }
	@-ms-keyframes showhide{ 
	0% {opacity: 1.0;}
 50% {opacity: 0.3;}
 100% {opacity: 1.0;} }
	@keyframes showhide{ 
	0% {opacity: 1.0;}
 50% {opacity: 0.3;}
 100% {opacity: 1.0;} }
@-moz-keyframes typing{ 
	0% {opacity: 1.0;}
	5% {opacity: 1.0;}
 40% {opacity: 0.0;}
 60% {opacity: 0.0;}
 95% {opacity: 1.0;}
 100% {opacity: 1.0;} }
	@-webkit-keyframes typing{ 
	0% {opacity: 1.0;}
	5% {opacity: 1.0;}
 40% {opacity: 0.0;}
 60% {opacity: 0.0;}
 95% {opacity: 1.0;}
 100% {opacity: 1.0;} }
	@-ms-keyframes typing{ 
	0% {opacity: 1.0;}
	5% {opacity: 1.0;}
 40% {opacity: 0.0;}
 60% {opacity: 0.0;}
 95% {opacity: 1.0;}
 100% {opacity: 1.0;} }
	@keyframes typing{ 
	0% {opacity: 1.0;}
	5% {opacity: 1.0;}
 40% {opacity: 0.0;}
 60% {opacity: 0.0;}
 95% {opacity: 1.0;}
 100% {opacity: 1.0;} }
@-ms-keyframes showpending{
 0% {opacity: 1.0;}
 50% {opacity: 0.6;}
 100% {opacity: 1.0;}
}
@-moz-keyframes showpending {
 0% {opacity: 1.0;}
 50% {opacity: 0.6;}
 100% {opacity: 1.0;}
}
@-webkit-keyframes showpending {
 0% {opacity: 1.0;}
 50% {opacity: 0.6;}
 100% {opacity: 1.0;}
}
@keyframes showpending {
 0% {opacity: 1.0;}
 50% {opacity: 0.6;}
 100% {opacity: 1.0;}
}
/* Buzz Out */
@-webkit-keyframes kf-buzz-out{
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
 }
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
 }
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
 }
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
 }
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
 }
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
 }
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
 }
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
 }
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
 }
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
 }
}
/* Noticable Out */
@-webkit-keyframes noticable {
 0% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
 }
 50% {
 -webkit-transform: scale(1.3);
 transform: scale(1.5);
 }
 90% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
 }
}
@keyframes noticable{
 0% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
 }
 50% {
 -webkit-transform: scale(1.3);
 transform: scale(1.5);
 }
 90% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
 }
}
/* Push */
@-webkit-keyframes kf-push { 
 50% {
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
 }
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 }
}
@keyframes kf-push{
 50% {
 -webkit-transform: scale(0.8);
 transform: scale(0.8);
 }
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
 }
}
.anim-showhide{
 animation-name: showhide;
	animation-duration: 1s;
	animation-iteration-count: 4s;
	animation-timing-function: linear;
	-webkit-animation-name: showhide;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 4s;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: showhide;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 4s;
	-moz-animation-timing-function: linear;
	-ms-animation-name: showhide;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 4s;
	-ms-animation-timing-function: linear;
}
.anim-showhide-inf{
 animation-name: showhide;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: showhide;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: showhide;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: showhide;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.anim-showhide-typing{
 animation-name: typing;
	animation-duration: 1.3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
	-webkit-animation-name: typing;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: typing;
	-moz-animation-duration: 1.3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in;
	-ms-animation-name: typing;
	-ms-animation-duration: 1.3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: ease-in;
}
.anim-pending-inf{
 animation-name: showpending;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: showpending;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: showpending;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: showpending;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.anim-highlight{
 animation-name: showhide;
	animation-duration: 2s;
	animation-iteration-count: 10s;
	animation-timing-function: linear;
	-webkit-animation-name: showhide;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 10s;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: showhide;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 10s;
	-moz-animation-timing-function: linear;
	-ms-animation-name: showhide;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: 10s;
	-ms-animation-timing-function: linear;
}
.anim-spin-inf{
 -webkit-animation:spin 1s linear infinite;
 -moz-animation:spin 1s linear infinite;
 animation:spin 1s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


#internal-excel{
}
#internal-excel .col-note{
	background: rgba(66,184,20,0.1);
	color:#34960d;
	padding:8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin:15px 0 15px 0;
}
#internal-excel .col-note .url{
	font-weight:500;
}
#internal-excel .col-note .url:hover{
	text-decoration:underline;
}
#internal-excel .excel-inline-wrapper{
	max-height:360px;
	margin-top:3px;
	border:1px solid rgba(0,0,0,0.3);
}
#internal-excel .excel-cols{
}
#internal-excel .ui-col{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:11px 0 11px 90px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#internal-excel .ui-col:hover{
	background-color: #fafafa;
}
#internal-excel .ui-col.ui-sortable-helper{
	display:block;
	background-color: #ffffee;
	height:40px;
}
#internal-excel .ui-col .col-label{
	font-size:13px;
}
#internal-excel .ui-col .col-key{
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#aaa;
	font-size:12px;
	position:absolute;
	right:10px;
	top:11px;
}
#internal-excel .ui-col .col-info{
	font-size:11px;
 color:#999;
	padding-top:4px;
}
#internal-excel .ui-col .sicon{
	cursor:move;
	position:absolute;
	font-weight:500;
 color:#17C286;
	font-size:12px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:0px;
	left:0px;
	bottom:0px;
	padding-left:40px;
	padding-top:11px;
}
#internal-excel .ui-col .sicon:after{
	position:absolute;
	left:72px;
	top:10px;
	bottom:10px;
	width:3px;
	background-color: #eee;
	content:"";
}
#internal-excel .ui-col .sicon:before{
	font-family:ap; content:"\f12f";
	font-size:16px;
	position:absolute;
 color:#aaa;
	top:10px;
	left:15px;
}
#internal-excel .excel-table-canvas{
	border:1px solid rgba(0,0,0,0.3);
	border-top:none;
	margin-bottom:5px;
	position:relative;
	height:300px;
}
#internal-excel .excel-table-canvas .excel-canvas{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
#internal-excel .excel-table-title{
	text-align:center;
	font-size:16px;
	font-weight:500;
 color:#fff;
	padding:9px 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
	background-color: #1c70ce;
	margin-top:15px;
}
#internal-excel .excel-table{
	position:relative;
	overflow:hidden;
}
#internal-excel .excel-table .thead{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f3f3f3;
	border-bottom:1px solid rgba(0,0,0,0.2);
	height:28px;
	z-index:999;
}
#internal-excel .excel-table .thead .th{
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:28px;
	font-weight:500;
 color:#3ba710;
	font-size:11px;
	text-transform:uppercase;
	padding:8px 0 8px 10px;
}
#internal-excel .excel-table .thead .th:after{
	position:absolute;
	top:0px;
	right:0px;
	height:3000px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
#internal-excel .excel-table .tbody{
	position:relative;
}
#internal-excel .excel-table .tbody .tr-group{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:6px 10px;
	background-color: #fafafa;
	font-weight:500;
	font-size:12px;
	text-transform:uppercase;
 color:#888;
}
#internal-excel .excel-table .tbody .tr{
	border-bottom:1px solid rgba(0,0,0,0.1);
	min-height:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
#internal-excel .excel-table .tbody .tr .td{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	padding:10px 10px 10px 10px;
}
#internal-excel .excel-table .tbody .tr .td.index{
	font-weight:500;
 color:#34950e;
}


.app-prefs{
}
.app-prefs .pref{
	position:relative;
	padding:10px 50px 10px 0;
	border-top:1px solid #eee;
}
.app-prefs .pref.-p32{
	padding-left:40px;
}
.app-prefs .pref .pref-icon{
	position:absolute;
	font-size:24px;
	top:10px;
	left:0px;
	fill:#888;
}
.app-prefs .pref.-on .pref-icon{
	fill:#42b814;
}
.app-prefs .pref .pref-icon svg{
	width:24px;
	height:24px;
}
.app-prefs .pref .pref-value{
	position:absolute;
	right:0px;
	top:6px;
}
.app-prefs .pref .pref-name{
	font-size:13px;
	font-weight:500;
}
.app-prefs .pref .pref-info{
	font-size:12px;
 color:#999;
	padding-top:3px;
} 
.user-roles-wrapper{
	position:relative;
}
.user-roles{
	background-color: #fff;
}
.user-roles .ur{
	border-bottom:4px solid #e5e5e5;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.user-roles .ur .ur-header{
	position:relative;
	cursor:pointer;
	padding:15px 0 15px 65px;
	border-bottom:1px solid #eee;
	background-color: #fafafa;
}
.user-roles .ur .ur-header:after{
	font-family:ap; content:"\e6b1";
	position:absolute;
	font-size:16px;
 color:#aaa;
	right:20px;
	top:20px;
}
.user-roles .ur .ur-header .ur-image{
	position:absolute;
	overflow:hidden;
	border-radius:50%;
	width:32px;
	height:32px;
	top:15px;
	left:20px;
}
.user-roles .ur .ur-header .ur-image img{
	width:32px;
	height:32px;
}
.user-roles .ur .ur-header .ur-title{
	font-size:14px;
	font-weight:500;
	padding-bottom:3px;
}
.user-roles .ur .ur-header .ur-info{
	font-size:12px;
 color:#999;
}
.user-roles .ur-body{
	overflow:hidden;
}
.user-roles .uri{
	padding:10px 20px;
	border-top:1px solid #eee;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.user-roles .uri .uri-name{
	font-size:13px;
	font-weight:500;
}
.user-roles .uri .uri-key{
	position:absolute;
	right:150px;
	top:15px;
	background: rgba(66,184,20,0.1);
	padding:4px 6px;
	font-weight:500;
	text-transform:uppercase;
	font-size:11px;
 color:#2d850a;
	text-align:center;
	min-width:50px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
.user-roles .uri .uri-info{
	font-size:12px;
 color:#999;
	padding-top:4px;
}
.user-roles .uri .uri-value{
	position:absolute;
	right:20px;
	top:15px;
}
.user-roles .uri .uri-value select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.user-roles .uri .uri-value select{
	padding:3px 0px 3px 15px;
	font-size:12px;
	font-weight:500;
}
.user-roles .ur.-collapsed .ur-header:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
.user-roles .ur.-collapsed .ur-body{
	display:none;
}
.role-tables .super-table-extra{
	display:none;
}


#picker{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
#picker.has-items{
	top:45px;
}
#picker-menu{
	position:absolute;
	left:0px;
	width:220px;
	top:0px;
	bottom:0px;
	background-color: #eee;
}
#picker-menu:before{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	background: rgba(0,0,0,0.1);
	width:1px;
	content:"";
}
#picker-body{
	position:absolute;
	left:220px;
	top:0px;
	bottom:0px;
	right:0px;
}
#picker-menu{
}
#picker-menu .header{
	padding:15px 20px 15px 64px;
	position:relative;
}
#picker-menu .header .icon{
	position:absolute;
	top:16px;
	left:20px;
	width:32px;
	height:32px;
}
#picker-menu .header .icon .image{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#picker-menu .header .icon .timage{
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	line-height:32px;
	font-size:11px;
	font-weight:500;
	text-align:center;
 color:#fff;
}
#picker-menu .header .icon .timage.-bg-alt0{
	background: rgba(0,0,0,0.6);
	color:#fff;
}
#picker-menu .header .icon img{
	width:32px;
	height:32px;
}
#picker-menu .header .title{
	font-size:15px;
	font-weight:500;
}
#picker-menu .header .info{
	font-size:12px;
 color:#888;
	padding-top:3px;
}
#picker-menu .header .info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
#picker-menu .search{
	margin:0 20px;
	padding:5px 0;
	position:relative;
}
#picker-menu .search:after{
	font-family:ap; content:"\f162";
	position:absolute;
	font-size:14px;
 color:#888;
	left:10px;
	top:14px;
}
#picker-menu .search input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#picker-menu .search input{
	background-color: #fff;
	padding:8px 10px 8px 30px;
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#picker-menu .canvas{
	padding-top:15px;
}
#picker-menu .canvas.scrollable{
	padding-top:0px;
	position:absolute;
	overflow:hidden;
	top:120px;
	left:0px;
	bottom:0px;
	right:0px;
}
#picker-menu .subtitle{
	font-size:16px;
	font-weight:300;
 color:#aaa;
	padding:8px 20px;
}
#picker-menu .item-sep{
	margin:20px 20px 5px 20px;
	height:1px;
	background: rgba(0,0,0,0.1);
}
#picker-menu .item{
	padding:8px 8px 8px 20px;
	position:relative;
	cursor:pointer;
 color:#666;
	font-size:13px;
	font-weight:500;
}
#picker-menu .item:hover{
	background: rgba(255,255,255,0.5);
}
#picker-menu .item.-p16{
	padding-left:45px;
}
#picker-menu .item .icon{
	position:absolute;
	left:20px;
	top:8px;
	width:16px;
	height:16px;
}
#picker-menu .item .icon svg{
	width:14px;
	height:14px;
	fill:currentcolor;
}
#picker-menu .item.active{
	background-color: #267cde;
	color:#fff;
}
#picker-menu .item.-dd{
	padding-right:24px;
}
#picker-menu .item.-dd:hover{
	background-color: transparent;
}
#picker-menu .item.-dd:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:15px;
	right:10px;
	top:8px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
#picker-menu .item .mask{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:32px;
	z-index:999;
}
#picker-menu .item .sublist{
	font-weight:normal;
	position:relative;
	padding:8px 0px 5px 0;
}
#picker-menu .item .sublist:before{
	left:-20px;
	top:13px;
	bottom:13px;
	width:3px;
	background: rgba(0,0,0,0.1);
	content:"";
	position:absolute;
}
#picker-menu .item .sublist .li{
	padding:4px 0 4px 13px;
	font-size:13px;
	position:relative;
}
#picker-menu .item .sublist .li:after{
	position:absolute;
	font-size:13px;
	font-family:ap; content:"\e111";
	top:5px;
	left:-3px;
}
#picker-menu .item.-dd.-collapsed:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
#picker-menu .item.-dd.-collapsed .sublist{
	display:none;
}
#picker-menu .item .sublist .li:hover{
	color:#111;
	text-decoration:underline;
}
#picker-menu .item .sublist .li.active{
	color:#267cde;
	font-weight:500;
}
#picker-menu .item .sublist .li.active:before{
	position:absolute;
	left:-20px;
	top:5px;
	bottom:5px;
	width:3px;
	background-color: #267cde;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	content:"";
	z-index:888;
}
#picker-main{
	overflow:hidden;
}
#picker-main .header{
	padding:13px 25px;
	border-bottom:1px solid #eee;
}
#picker-main .header .title{
	font-size:22px;
	font-weight:500;
}
#picker-main .header .subtitle{
	font-size:13px;
 color:#888;
	padding-top:4px;
}
#picker-main .picker-items{
	padding:0 25px;
}
#picker-main .picker-items .item{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px solid rgba(0,0,0,0.05);
	padding:13px 100px 13px 50px;
}
#picker-main .picker-items .item:hover{
	color:#267cde;
}
#picker-main .picker-items .item .icon{
	position:absolute;
	left:0px;
	top:15px;
	width:24px;
	height:24px;
}
#picker-main .picker-items .item .icon svg{
	width:20px;
	height:20px;
}
#picker-main .picker-items .item .name{
	font-size:15px;
	font-weight:normal;
	position:relative;
	padding-bottom:6px;
}
#picker-main .picker-items .item .name .url:hover{
	text-decoration:underline;
}
#picker-main .picker-items .item .info{
	font-size:12px;
 color:#888;
	font-weight:normal;
	position:relative;
}
#picker-main .picker-items .item .info em{
	color:#333;
}
#picker-main .picker-items .item .side{
	position:absolute;
	top:15px;
	right:0px;
}
#picker-main .picker-items .item .side .cta{
	border:2px solid #eee;
	color:#888;
	cursor:pointer;
	font-weight:500;
	padding:7px 13px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
#picker-main .picker-items .item:hover .side .cta{
	border-color:#267cde;
	color:#267cde;
}
#picker-main .picker-items .item .side .cta:hover{
	background-color: #267cde;
	color:#fff;
}
#picker-main .picker-items .item .picked{
	position:absolute;
	display:none;
	right:0px;
	top:13px;
	padding:8px 10px 8px 20px;
	font-weight:500;
	font-size:13px;
 color:#42b814;
}
#picker-main .picker-items .item .picked:before{
	font-family:ap; content:"\e206";
	position:absolute;
	font-size:16px;
	top:8px;
	left:0px;
}
#picker-main .picker-items .item .picked:hover{
	text-decoration:underline;
}
#picker-main .picker-items .item .hidden-content{
	display:none;
	font-size:13px;
	padding:10px 0 15px 0;
}
#picker-main .picker-items .item.active .hidden-content{
	display:block;
}
#picker-main .picker-items .item.-picked{
	color:#42b814;
	font-weight:500;
	z-index:100;
}
#picker-main .picker-items .item.-picked .picked{
	display:block;
}
#picker-main .picker-items .item.-picked .side{
	display:none;
}
#picker-main .picker-items .item.-picked:before{
	position:absolute;
	top:-1px;
	bottom:-1px;
	left:-25px;
	right:-25px;
	content:"";
	background-color: #f0fceb;
	border-top:1px solid #c7e6ba;
	border-bottom:1px solid #c7e6ba;
}
#picker-main .picker-cards .card{
	margin:0px 2.3% 20px 0px;
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	width:31%;
	height:180px;
	border:1px solid rgba(0,0,0,0.13);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
	background-color: #fafafa;
}
#picker-main .picker-cards .card:hover{
	color:#267cde;
	border:1px solid #267cde;
	background-color: #fff;
}
#picker-main .picker-cards .card .icon{
	position:absolute;
	left:20px;
	top:15px;
	width:24px;
	height:24px;
}
#picker-main .picker-cards .card .image{
	height:120px;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#picker-main .picker-cards .card .image img{
	width:100%;
	height:120px;
}
#picker-main .picker-cards .card .name{
	font-size:13px;
	font-weight:500;
	padding:10px 15px 8px 15px;
}
#picker-main .picker-cards .card .info{
	padding:0px 15px 0 15px;
	font-size:12px;
 color:#888;
}
#picker-main .picker-cards .card .info em{
	color:#333;
}
#picker-picked{
	position:absolute;
	display:none;
 color:#34960d;
	top:0px;
	left:0px;
	right:0px;
	height:45px;
	background-color: #f0fceb;
	border-bottom:1px solid rgba(66,184,20,0.5);
	z-index:888;
}
#picker-picked .header{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 20px;
	height:50px;
}
#picker-picked .header .title{
	position:relative;
	font-size:15px;
	font-weight:500;
	display:inline-block;
	padding:3px 0;
	padding-left:20px;
}
#picker-picked .header .title:before{
	font-family:ap; content:"\f05a";
	position:absolute;
	font-size:12px;
	top:5px;
	left:0px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
#picker-picked .header .cta{
	background-color: #42b814;
	padding:7px 13px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	text-transform:uppercase;
	font-weight:500;
 color:#fff;
	position:absolute;
	right:10px;
	top:8px;
	font-size:11.5px;
}
#picker-picked .header .cta:hover{
	background-color: #34960d;
	color:#fff;
}


.form-improve-select-v2 .improve-select .is-box {
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	top: calc(100% + 5px);
	border: none;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
	padding: 4px;
}
.form-improve-select-v2 .improve-select .is-box .is-items {
	padding: 0;
	margin-top: 4px;
}
.form-improve-select-v2 .improve-select .is-box .is-search {
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border: none;
}
.form-improve-select-v2 .improve-select .is-box .is-search::after {
	color:#5B5B5B;
	font-weight: 600;
}
.form-improve-select-v2 .improve-select .is-box .is-search input:focus {
	background-color: #fafafa;
}
.form-improve-select-v2 .improve-select .is-box .is-items .is-item {
	color:#5B5B5B;
	border-bottom: none;
}
.form-improve-select-v2 .improve-select .is-box .is-items .is-item.active {
	color:#5B5B5B;
	background-color: unset;
}
.form-improve-select-v2 .improve-select .is-box .is-items .is-item.active::after {
	color:#5B5B5B;
}
.form-improve-select-v2 .improve-select .is-box .is-items .is-item:hover {
	color:#242424;
	background-color: #F5F5F5;
}
.form-improve-select-v2 .improve-select .is-box .is-item:before {
	display: none;
}
.form-improve-select-v2 .improve-select .is-box .is-item.active:after {
	left: 8px;
}
.form-improve-select-v2 .improve-select .is-box .is-search input {
	padding-left: 36px !important;
	background-color: #F7F7F7;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	color:#757575;
	box-shadow: unset;
}
/* Tagger */
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-users {
	scrollbar-width: thin;
	margin-top: 2px;
}
.form-inline-tagger-v2 .ap-inline-tagger {
	padding: 4px;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-sb {
	margin: 0;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-sb:after {
	left: 6px;
	font-weight: 600;
	color:#3A3A3A;
	top: 5px;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-sb input {
	padding: 8px;
	padding-left: 34px;
	background-color: #F7F7F7;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	font-size:14px;
	border-bottom: unset;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-user {
	padding-left: 70px;
	position:relative;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-user .api-context {
	height: 35px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-user .api-context .api-name {
	padding-bottom: 0;
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-user .avatar {
	left: 35px;
	top: 50%;
	transform: translateY(-50%);
}
.form-inline-tagger-v2 .ap-inline-tagger .ap-tagger .api-user.active::after {
	font-family: ap;
	content: "\e116";
	color: #5B5B5B;
	position: absolute;
	font-size: 16px;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
}

.box.comments{
	background-color: #fff;
	font-size:13px;
	position:relative;
}
.user-comments > .comment{
	padding:12px 15px 12px 60px;
	position:relative;
	border-bottom:1px solid transparent;
}
.user-comments > .comment.animated{
	background: rgba(248,248,170,0.3);
}
.user-comments > .comment.animated:before{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:4px;
	background: rgba(248,248,170,0.6);
	content:"";
}
.user-comments > .comment .image{
	position:absolute;
	overflow:hidden;
	top:12px;
	left:15px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.user-comments > .comment > .actions{
	position:absolute;
	display:none;
	right:0px;
	top:4px;
}
.user-comments.-wide > .comment > .actions{
	right:0px;
}
.user-comments > .comment:hover > .actions{
	display:block;
}
.user-comments > .comment > .actions .action{
	font-size:12px;
 color:#aaa;
	cursor:pointer;
	padding:3px 4px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.user-comments > .comment > .actions .base-button-dd .-cmenu{
	right: 0px;
}
.user-comments > .comment > .actions .action:hover{
	color:#fff;
	background-color: #267cde;
}
.user-comments > .comment > .text{
	padding-right:20px;
}
.user-comments > .comment > .text > .message.-alt{
	font-size:13px;
 color:#999;
	margin-left:-2px;
}
.user-comments > .comment > .text-attm{
	margin:8px 0 8px 0;
	padding-left:10px;
	font-size:13px;
 color:#888;
	font-family: Consolas, Courier New, Courier New, monospace;
	border-left:3px solid #eee;
}
.user-comments > .comment .info{
	padding-top:4px;
	font-size:12px;
 color:#888;
	position:relative;
}
.user-comments > .comment .info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.user-comments > .comment .info .lb2{
	display:inline-block;
 color:#fff;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	background: rgba(38,124,222,0.9);
	vertical-align:1px;
	margin:0 1px 0 2px;
}
.user-comments > .comment .info .lb2 .-ap{
	font-size:10px;
	display:block;
	padding-top:2px;
	padding-left:3px;
}
.user-comments > .comment .info > .action{
	color:#267cde;
	cursor:pointer;
	font-weight:normal;
}
.user-comments > .comment .info .link{
	cursor:pointer;
}
.user-comments > .comment .info .link:hover{
	color:#267cde;
	text-decoration:underline;
}
.user-comments > .comment .info .comment-reactions{
	position:absolute;
	right:0px;
	top:3px;
}
.user-comments > .comment > .text .url{
	font-weight:normal;
	color:#267cde;
}
.user-comments > .comment > .text b.url{
	font-weight:bold;
}
.user-comments > .comment > .text .url:hover{
	text-decoration:underline;
}
.user-comments > .comment > .text img.emo{
	max-width:15px;
	max-height:15px;
	vertical-align:bottom;
}
.user-comments > .comment.-is-new{
	background: rgba(255,208,0,0.1);
}
.user-comments > .comment .is-new{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:3px;
	background: rgba(66,184,20,0.8);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.user-comments > .comment .new-tag{
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	position:relative;
 color:#42b814;
	padding-bottom:3px;
	padding-left:16px;
}
.user-comments > .comment .new-tag .new-icon{
	color:#42b814;
	position:absolute;
	font-size:16px;
	left:0px;
	top:-3px;
}
.user-comments > .comment .preview-image{
	overflow:hidden;
	margin-top:10px;
	margin-bottom:6px;
	max-width:80%;
}
.user-comments > .comment .preview-image img{
	max-width:100%;
}
.user-comments > .comment .att-images .ai-thumb{
	max-width: 160px;
	max-height: 160px;
}
.user-comments > .comment .att-images .ai-thumb{
	max-width: 160px;
	max-height: 160px;
}
.user-comments > .comment .att-images .ai-thumb .-img{
	max-width: 160px;
	max-height: 160px;
}
.user-comments > .comment > .attachment{
	margin-top:5px;
	position:relative;
	overflow:hidden;
	margin-bottom:5px;
}
.user-comments > .comment > .attachment.simple{
	border-left:4px solid rgba(0,0,0,0.1);
	padding-left:13px;
}
.user-comments > .comment > .attachment > .cover{
	float:left;
	overflow:hidden;
	width:160px;
	max-height:130px;
}
.user-comments > .comment > .attachment > .cover img{
	width:100%;
}
.user-comments > .comment > .attachment.with-cover .-text{
	margin-left:180px;
}
.user-comments > .comment > .attachment.with-cover.small > .cover{
	width:80px;
	max-height:60px;
}
.user-comments > .comment > .attachment.with-cover.small .-text{
	margin-left:100px;
}
.user-comments > .comment > .attachment a{
	font-size:16px;
	font-weight:normal;
}
.user-comments > .comment > .attachment .desc{
	font-size:13px;
	padding-top:4px;
	color:#888;
}
.user-comments > .comment > .attachment .att-gif{
	padding:4px 0;
}
.user-comments > .comment > .attachment .att-gif img{
	max-width:200px;
}
.box.comments .arrow{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid #F5F6F7;
	position:absolute;
	display:none;
	left:30px;
	top:-6px;
}
.box.comments > .more{
	padding:6px 15px 6px 15px;
	color:#267cde;
	position:relative;
	display:none;
	border-bottom:1px solid #fff;
}
.box.comments > .more .pointer .-ap{
	vertical-align:-1px;
}
.box.comments > .more .pointer:hover{
	color:#267cde;
	text-decoration:underline;
}
.box.comments > .more .info{
	position:absolute;
	font-weight:normal;
 color:#999;
	font-size:11px;
	right:15px;
	top:7px;
}
.user-comments > .comment .sub-comments{
	padding:13px 10px 0 10px;
	display:none;
}
.user-comments > .comment .sub-comments > .box.comments{
	background-color: #f3f3f3;
	font-size:13px !important;
	margin:0 -10px 0 -10px;
}
.user-comments > .comment .sub-comments .user-comments > .comment{
	font-size:13px !important;
	border-bottom:1px solid #fff;
	padding-left:50px;
}
.user-comments > .comment .sub-comments .user-comments > .comment > .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	width:24px;
	height:24px;
}
.user-comments > .comment .sub-comments .user-comments > .comment > .image img{
	width:24px;
	height:24px;
}
.user-comments > .comment .sub-comments .user-comments .post textarea{
	font-size:14px !important;
}
.user-comments > .comment .sub-comments .box.comments > .more .info{
	top:4px;
}

.box.comments .post{
	padding:15px;
	position:relative;
}
.box.comments .post .textarea{
	position:relative;
	width: calc(100% - 40px);
	border-radius: 4px;
}
.box.comments .post .textarea textarea{
	border-radius: 4px;
}
.box.comments .post .textarea .__ajaxshow{
	color:#ccc;
}
.box.comments .post .textarea .__ajaxshow > span{
}
.box.comments .post .textarea > .comment-file{
	padding-top:6px;
	font-size:12px;
 color:#888;
}
.box.comments .post .textarea > .comment-file em{
	color:#111;
}
.box.comments .post .send{
	min-height: 36px;
	height: 36px;
	max-width: 30px;
	padding: 8px 17px 8px 17px;
	border-radius: 4px;
}
.box.comments .post .send .-icon{
	top: 8px;
	left: 7px;
}
.box.comments .attachments-comment{
	margin-top: 12px;
	display: grid;
	grid-gap: 10px;
	margin-bottom: 12px;
}
.box.comments .attachments-comment.grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-gap: 10px;
}
.box.comments .attachments-comment.grid .file-item {
 width: 100%;
 box-sizing: border-box;
	overflow: hidden;
}
@media (max-width: 1024px) {
 .box.comments .attachments-comment.grid {
 grid-template-columns: 1fr;
 max-width: 100%;
 }
 .box.comments .attachments-comment.grid .file-item {
 max-width: 100%;
 }
}
.box.comments .selected-files {
 margin-top: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}
.box.comments .file-item {
 background: #fdfdfd;
 border: 1px solid #e0e0e0;
 border-radius: 3px;
 padding: 6px 10px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.box.comments .file-item .file-icon {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-right: 8px;
}
.box.comments .file-item .file-icon img {
	width: 100%;
	height: 100%;
}
.box.comments .file-name {
 flex-grow: 1;
 font-size: 12px;
 word-break: break-all;
	color: #2a2a2a;
	text-overflow: ellipsis;
}
.box.comments .file-name:hover{
	color: #267cde;
	text-decoration: underline;
}
.box.comments .file-remove {
 color: #ff4d4f;
 cursor: pointer;
 font-weight: bold;
 font-size: 18px;
 margin-left: 10px;
 padding: 0 5px;
}
.box.comments .file-remove:hover {
 color: #ff7875;
}
.box.comments .post .textarea > .upload{
	position:absolute;
	display:block;
	cursor:pointer;
	font-size:16px;
 color:#aaa;
	font-weight:normal;
	top:4px;
	right:59px;
	padding:4px 4px;
	width:16px;
	height:16px;
}
.box.comments .post .textarea > .upload:hover{
	color:#267cde;
}
.box.comments .post .textarea > .upload input{
	position:absolute;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	width:100%;
	height:100%;
	opacity: 0; filter: alpha(Opacity:0);
}
.box.comments .post .textarea > .emoji{
	position:absolute;
	display:block;
	cursor:pointer;
	font-size:16px;
 color:#aaa;
	font-weight:normal;
	top:4px;
	right:6px;
	padding:4px 6px;
	width:20px;
	height:20px;
}
.box.comments .post .textarea > .emoji:hover{
	color:#267cde;
}
.box.comments .post .textarea > .sticker{
	position:absolute;
	display:block;
	cursor:pointer;
	font-size:16px;
 color:#aaa;
	font-weight:normal;
	top:4px;
	right:30px;
	padding:4px 6px;
	width:20px;
	height:20px;
}
.box.comments .post .textarea > .sticker:hover{
	color:#267cde;
}
.box.comments .post textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.box.comments .post textarea{
	background-color: #fff;
	padding:7px 9px;
	padding-right:80px;
	height:32px;
	border:1px solid #e8e8e8;
	min-height:36px;
}
.box.comments .post textarea:focus, .box.comments .post textarea:active{
	border: 1px solid rgba(38, 124, 222, 0.75);
	box-shadow: 0px 0px 3px rgba(38, 124, 222, 0.3);
}
.box.comments .disabled{
	padding:15px 15px;
}
.box.comments .disabled .inner{
	background-color: #f3f3f3;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position:relative;
 color:#888;
	font-size:13px;
	padding:10px 15px 10px 35px;
}
.box.comments .disabled .inner .base-icon{
	position:absolute;
	float:left;
	top:9px;
	left:13px;
}


.comment-logs{
	padding:0 15px;
}
.comment-logs .comment-log{
	padding:10px 0 5px 32px;
	position:relative;
}
.comment-logs .comment-log .c-avatar{
	position:absolute;
	overflow:hidden;
	left:0px;
	top:10px;
	width:24px;
	height:24px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	background: rgba(0,0,0,0.1);
}
.comment-logs .comment-log .c-avatar img{
	width:100%;
	height:100%;
}
.comment-logs .comment-log .c-display{
 color:#888;
	font-size:12px;
 line-height:18px;
}
.comment-logs .comment-log .c-display .time{
	color:#aaa;
}
.comment-logs .comment-log .c-display b, .comment-logs .comment-log .c-display em, .comment-logs .comment-log .c-display .url{
	color:#111;
	font-weight:normal;
}
.comment-logs .comment-log .c-display em{
	font-weight:500;
}
.comment-logs .c-date{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:6px 0;
	font-weight:normal;
	text-transform:uppercase;
 color:#111;
	font-size:11px;
	margin-top:5px;
}


.inline-comments{
	margin-top:15px;
}
.inline-comments .user-comments, .inline-comments .user-comments, .inline-comments .post{
	background-color: #f3f3f3;
}
.inline-comments .user-comments > .info{
	display:none;
}
.user-comments.-adaptive{
	padding:0;
	background-color: transparent;
}
.user-comments.-adaptive > .post{
	padding:15px 0;
}
.user-comments.-adaptive > .post textarea{
	height:50px;
	padding:10px;
	font-size:14px;
}
.user-comments.-adaptive > .comment{
	padding:13px 0px 13px 45px;
	border:none;
}
.user-comments.-adaptive > .comment .image{
	left:0px;
}
.user-comments.-wide{
	background-color: transparent;
}
.user-comments.-wide h1{
	font-size:20px;
	font-weight:normal;
	padding-bottom:6px;
}
.user-comments.-wide > .info{
	display:none;
}
.user-comments.-wide > .comment{
	font-size:15px;
	padding-left:45px;
	border-bottom:1px solid #eee;
}
.user-comments.-wide > .comment> .image{
	left:0px;
	top:15px;
}
.user-comments.-wide > .post{
	padding:20px 0;
}
.user-comments.-wide > .post textarea{
	height:36px;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #f7f7f7;
}
.user-comments.-wide > .more{
	padding:6px 0;
}
.user-comments.-edge{
	background-color: transparent;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.user-comments.-edge .comment > .text{
	color:#666;
}
.user-comments.-edge .comment{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.user-comments.-edge .comment > .text .url{
	color:#267cde;
	font-weight:500;
}
.user-comments.-edge .comment .info > .action{
	color:#267cde;
}
.user-comments.-edge > .post{
	padding:3px;
	background-color: #f3f3f3;
}
.user-comments.-edge > .post textarea{
	border:none;
	color:#111;
	background-color: transparent;
}
.user-comments.-edge > .more{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:10px 15px;
}


.base-comments-area.-darkmode .box.comments, .list.-posts > .li > .post-comments > .base-comments-area.-darkmode > .box.comments{
	background-color:transparent !important;
	color: rgba(255,255,255,0.7);
}
.base-comments-area.-darkmode .user-comments > .comment{
	border-bottom:0px solid transparent;
}
.base-comments-area.-darkmode .user-comments > .comment > .text .url, .base-comments-area.-darkmode .user-comments > .comment > .text b.url{
	color: rgba(255,255,255,0.9);
}
.base-comments-area.-darkmode .user-comments > .comment .message a, .base-comments-area.-darkmode .user-comments > .comment .attachment a{
	color: rgba(255,255,255,0.8);
	font-weight:500;
}
.base-comments-area.-darkmode .user-comments > .comment > .attachment.simple{
	border-color:rgba(255,255,255,0.3);
}
.base-comments-area.-darkmode .user-comments > .comment .info{
	color: rgba(255,255,255,0.5);
}
.base-comments-area.-darkmode .user-comments > .comment .info .url:hover{
	color:#fff;
	text-decoration:underline;
}
.base-comments-area.-darkmode .box.comments > .post textarea{
	border:0px solid transparent;
	background: rgba(255,255,255,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color: rgba(255,255,255,0.9);
}
.base-comments-area.-darkmode .box.comments > .post textarea::-webkit-input-placeholder{
	color: rgba(255,255,255,0.7);
}
 .post textarea::-moz-placeholder{
	color: rgba(255,255,255,0.7);
}
 .post textarea:-moz-placeholder{
	color: rgba(255,255,255,0.7);
}
 .post textarea:-ms-input-placeholder{
	color: rgba(255,255,255,0.7);
}
.base-comments-area.-darkmode .box.comments > .post .textarea > .emoji:hover, .base-comments-area.-darkmode .box.comments .post .textarea > .sticker:hover, .base-comments-area.-darkmode .box.comments > .post .textarea > .upload:hover{
	color:#fff;
}
.base-comments-area.-darkmode .box.comments > .more{
	border-bottom:1px solid rgba(255,255,255,0.1);
	padding-bottom:13px;
	margin-top:5px;
}
.base-comments-area.-darkmode .user-comments > .comment .sub-comments .box.comments .post{
	padding-top:10px;
	padding-bottom:0px;
}
.base-comments-area.-darkmode .user-comments > .comment .sub-comments{
	padding-top:5px;
}
.base-comments-area.-darkmode .user-comments > .comment .sub-comments .box.comments{
	background-color:transparent !important;
	margin-left:-25px;
	margin-right:-10px;
}
.base-comments-area.-darkmode .user-comments > .comment .sub-comments .user-comments > .comment{
	border-color:transparent;
	padding-bottom:4px;
}
.base-comments-area.-darkmode .user-comments > .comment.-is-new{
	background: rgba(255,255,255,0.1);
}
.base-comments-area.-darkmode .box.comments > .more{
	color: rgba(255,255,255,0.85);
}
.base-comments-area.-darkmode .box.comments > .more:hover .pointer{
	color:#fff;
}
.base-comments-area.-darkmode .box.comments .disabled .inner{
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.4);
	border:1px solid rgba(255,255,255,0.15);
}

/* File does not exists: [PRIVATE FILE] */

.list.-kr-balls{
	overflow:hidden;
}
.list.-kr-balls > .li{
	float:left;
	position:relative;
	overflow:hidden;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	background-color: #ddd;
	margin-right:8px;
}
.list.-kr-balls > .li > .complete{
	position:absolute;
	height:16px;
	background-color: #42b814;
	top:0px;
	left:0px;
}
.list.-keyresults{
}
.list.-keyresults > .li{
	background: rgba(0,0,0,0.15);
	position:relative;
	color:#fff;
	overflow:hidden;
	margin-bottom:20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.-keyresults > .li > .complete{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	background-color: #42b814;
}
.list.-keyresults > .li > .main{
	position:relative;
	padding:4px 8px;
	z-index:100;
	text-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.list.-keyresults > .li > .main .name{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-bottom:3px;
}
.list.-checklists{	
}
.list.-checklists > .li{
	position:relative;
	padding-bottom:20px;
	padding-left:32px;
}
.list.-checklists > .li .icon{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
	width:24px;
	height:24px;
}
.list.-checklists > .li .check{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
	width:17px;
	height:17px;
	border:2px solid rgba(0,0,0,0.3);
	background-color: #fff;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.list.-checklists > .li .name{
	font-size:15px;
}
.list.-checklists > .li .info{
	color:#888;
	font-size:12px;
	padding-top:4px;
}
.list.-checklists > .li.checkable:hover .check{
	border:2px solid #42b814;
}
.list.-checklists > .li .check:hover{
	border:2px solid #666;
}
.list.-checklists > .li.-checked{
	color:#42b814;
}
.list.-checklists > .li.-checked .check{
	background-color: #42b814;
	border:2px solid #42b814;
}
.list.-checklists > .li.-checked .check:before{
	font-family:ap; content:"\e28a";
	color:#fff;
	font-size:16px;
	display:block;
}
.list.-checklists.-white > .li{
	color:#eee;
}
#checklist-edit{
}
#checklist-edit h1{
	border-bottom:1px dashed #eee;
	padding:5px 0 15px 0;
	font-weight:500;
	font-size:20px;
}
#checklist-edit .item{	
}
#checklist-edit .item .row-hidden{
	display:none;
}
#checklist-edit .item.editing .row-hidden{
	display:block;
	background-color: #f3f3f3;
	padding:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:10px;
}
#checklist-edit .item.editing .real{
	display:none;
}
#checklist-edit .more{
	border-top:1px dashed #ccc;
	padding-top:15px;
}
#checklist-edit .item .real{
	position:relative;
	padding:10px 0 10px 30px;
}
#checklist-edit .item .real .icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
	top:11px;
	left:0px;
}
#checklist-edit .item .real .name{
	font-size:17px;
	font-weight:normal;
	cursor:pointer;
}
#checklist-edit .item .real .actions{
	font-size:12px;
 color:#aaa;
	padding-top:3px;
}
#checklist-edit .item .real .actions .a{
	font-weight:normal;
 color:#888;
}
#checklist-edit .item .real .actions .a:hover{
	text-decoration:underline;
 color:#267cde;
}
#checklist-edit .item .row{
}
#checklist-edit .item .buttons{
	margin-top:5px;
	padding-top:5px;
	padding-bottom:0px;
}
#checklist-edit .cancel{
	padding-top:15px;
	margin-top:25px;
	text-align:center;
}
#checklist-edit .cancel span{
	cursor:pointer;
 color:#aaa;
}
#checklist-edit .cancel span:hover{
	text-decoration:underline;
}
#fileapp{
	background-color: #fff;
}
#fileapp > .canvas{
}
#fileapp .files{
	margin-left:300px;
}
#fileapp .files > .box{
	background-color: #fff;
	border-left:1px solid #ddd;
}
#fileapp.full .files{
	margin:0;
}
#fileapp.full .files .box{
	border:none;
}
#fileapp.full .side{
	display:none;
}
#fileapp .files > .box > .title{
	position:relative;
	font-size:18px;
 color:#888;
	text-transform:uppercase;
	padding:13px 0px;
	border-bottom:2px solid #eee;
	display:none;
}
#fileapp .files > .box > .title em{
	font-weight:bold;
 color:#111;
	font-size:24px;
}
#fileapp .files > .box > .title .action{
	position:absolute;
	float:right;
	font-size:13px;
	font-weight:bold;
 color:#888;
	top:6px;
	right:15px;
	text-transform:none;
}
#fileapp .files > .box > .title .action > .filter{
	float:left;
	position:relative;
	cursor:pointer;
 color:#888;
	font-weight:normal;
	padding:12px 32px 12px 12px;
}
#fileapp .files > .box > .title .action > .filter > b{
	color:#111;
}
#fileapp .files > .box > .title .action > .filter:before{
	font-family:ap; content:"\e6b1";
	position:absolute;
	right:6px;
	top:11px;
	color:#bbb;
	font-size:16px;
	font-weight:normal;
}
#fileapp .side{
	float:left;
	width:300px;
}
#fileapp .files .list-files > .li{
}
.list.list-folders{
}
.list.list-folders .li{
	padding:11px 15px 11px 50px;
	position:relative;
	font-size:15px;
	cursor:pointer;
}
.list.list-folders .li:hover{
	font-weight:bold;
}
.list.list-folders .li > .icon{
	position:absolute;
	float:left;
	font-size:24px;
 color:#999;
	font-weight:normal;
	top:7px;
	left:16px;
}
.list.list-folders .li.-title, .list.list-folders .li.-title:hover{
	padding-top:30px;
	text-transform:uppercase;
	font-size:13px;
 color:#999;
	font-weight:normal;
	padding-left:15px;
}
.list.list-folders .li.active{
	font-weight:bold;
}
.list.list-files{
}
.list.list-files .li{
	position:relative;
	cursor:pointer;
	padding:13px 15px 10px 64px;
	border-bottom:1px solid rgba(0,0,0,0.05);
}
.list.list-files .li:hover{
	font-weight:bold;
 color:#267cde;
	background-color: #f9f9f9;
}
.list.list-files .li .icon{
	position:absolute;
	left:13px;
	top:15px;
}
.list.list-files .li .icon img{
	max-width:32px;
}
.list.list-files .li .icon.-fi{
	font-size:16px;
 color:#fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.list-files .li .text{
	font-size:16px;
	min-height:40px;
}
.list.list-files .li .text .sub{
	display:block;
	font-size:13px;
 color:#888;
	font-weight:normal;
	padding-top:4px;
}
.list.list-files .li .text .sub .a{
	font-weight:normal;
}
.list.list-files.-no-border .li{
	border:none;
	padding-left:50px;
	padding-top:0px;
	padding-bottom:20px;
}
.list.list-files.-no-border .li .icon{
	left:0px;
	top:5px;
}
.list.list-files.-no-border .li:hover{
	background-color: transparent;
	color:#267cde;
	font-weight:bold;
}
.list.list-simple-files{
}
.list.list-simple-files .li{
	position:relative;
	cursor:pointer;
	padding:13px 15px 11px 50px;
	border-bottom:1px solid #eee;
}
.list.list-simple-files .li:hover{
	background-color: #f6f6f6;
}
.list.list-simple-files .li:last-child{
	border:none;
}
.list.list-simple-files .li > .-icon{
	position:absolute;
	font-size:16px;
	left:15px;
	top:13px;
}
.list.list-simple-files .li > .-icon img{
	width:20px;
}
.list.list-simple-files .li > .-actions{
	position:absolute;
	top:6px;
	right:10px;
}
.list.list-simple-files .li > .-actions .-action{
	display:block;
	float:left;
	font-size:16px;
	font-weight:normal;
 color:#aaa;
	padding:5px 10px;
}
.list.list-simple-files .li > .-actions .-action:hover{
	color:#111;
}
.list.list-simple-files .li > .-text{
	font-size:15px;
	font-weight:normal;
	min-height:20px;
	margin-right:60px;
}
.list.list-simple-files .li > .-text .sub{
	display:block;
	font-size:12px;
 color:#888;
	font-weight:normal;
	padding-top:3px;
}
.list.list-simple-files .li > .-text .sub .a{
	font-weight:normal;
}
.list.list-simple-files .li input[type=file]{
	display:none;
}
.box.files{
	position:relative;
}
.box.files > .button{
	position:absolute;
	font-size:13px;
	right:0px;
	top:-5px;
	padding:7px 13px;
	z-index:100;
	color:#888;
}
.box.files > .button:hover{
	color:#111;
	background-color: #eee;
}
.box.files > h1{
	font-size:20px;
	font-weight:normal;
	padding-bottom:6px;
}
.box.files > h1 small{
	color:#999;
	font-weight:300;
}
.inline-file-preview{
	position:relative;
	font-size:16px;
	padding:4px 0 4px 23px;
}
.inline-file-preview > .icon{
	position:absolute;
	font-size:16px;
 color:#ccc;
	top:6px;
	left:0px;
}
.inline-file-preview .name{
	cursor:pointer;
	margin-right:130px;
}
.inline-file-preview .name:hover{
	color:#267cde;
	text-decoration:underline;
}
.inline-file-preview .download{
	position:absolute;
	font-size:12px;
	font-weight:normal;
 color:#999;
	cursor:pointer;
	display:none;
	right:0px;
	top:7px;
}
.inline-file-preview .download:hover{
	text-decoration:underline;
 color:#267cde;
}
.inline-file-preview:hover .download{
	display:block;
}
.inline-file-preview.-image{
	padding-left:0px;
}
.inline-file-preview .preview-image{
	margin-top:4px;
	overflow:hidden;
}
.inline-file-preview .preview-image img{
	max-width:100%;
}
#image-dialog-previewer{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.8);
	z-index:10000;
}
#image-dialog-previewer .image-actions{
	right:10px;
	top:10px;
	position:absolute;
}
#image-dialog-previewer .image-actions .action{
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	float:right;
	position:relative;
	color: rgba(255,255,255,0.6);
	width:36px;
	height:36px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(0,0,0,0.5);
	border:1px solid rgba(255,255,255,0.15);
	margin-left:10px;
}
#image-dialog-previewer .image-actions .action .base-icon{
	position:absolute;
	top: 9px;
	left: 9px;
}
#image-dialog-previewer .image-actions .action:hover{
	background-color: #267cde;
	color:#fff;
}
#image-dialog-previewer .image-actions .action .-cmenu{
	position:absolute;
	right:0px;
	top:40px;
}
#image-dialog-previewer .image-wrap{
	position:absolute;
	top:50px;
	left:0px;
	right:0px;
	align-items: center;
 display: flex;
 justify-content: center;
	bottom:50px;
	text-align:center;
}
#image-dialog-previewer .image-wrap.img{
	display:inline-block;
	position:relative;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	opacity: 0; filter: alpha(Opacity:0);
}	
#image-dialog-previewer .image-wrap.img.-active{
	opacity: 1; filter: alpha(Opacity:100);
}
#image-dialog-previewer .image-wrap.img img{
	cursor:grab;
}
#image-dialog-previewer .image-wrap .base-ajax-loader{
	position:absolute;
	top:50%;
	left:50%;
	color: rgba(255,255,255,0.3);
}
#image-dialog-previewer .image-wrap.-active .base-ajax-loader{
	display:none;
}
#image-dialog-previewer .image-wrap.-active .img{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.box.box-survey{
	position:relative;
}
.box.box-survey.-voted:before{
	content:"\e206";
	font-family:ap;
	position:absolute;
	right:10px;
	top:10px;
	color:#42b814;
	font-size:24px;
}
.box.box-survey > .__ajaxshow > span{
	left:100%;
	top:100%;
	margin-left:-32px;
	margin-top:-32px;
	color:#ccc;
}
.box.-survey-question{
}
.box.-survey-question > .title{
	font-size:15px;
	font-weight:bold;
	padding-bottom:13px;
}
.box.-survey-question > .cover{
	padding-bottom:13px;
}
.box.-survey-question > .cover img{
	max-width:100%;
} 
.box.-survey-question > .choices{	
}
.box.-survey-question > .choices> .choice{
	padding-bottom:15px;
	padding-left:32px;
	cursor:pointer;
	font-size:14px;
	padding-top:1px;
}
.box.-survey-question > .choices> .choice:hover{
	color:#42b814;
}
.box.-survey-question > .choices> .choice.voted, .box.-survey-question > .choices> .choice.voted:hover{
	color:#111;
}
.box.-survey-question > .choices> .choice.-checked, .box.-survey-question > .choices> .choice.-checked:hover{
	color:#42b814;
	font-weight:bold;
}
.box.-survey-question > .choices> .choice > .-radio{
	position:absolute;
	top:2px;
}
.box.-survey-question > .submit{
	overflow:hidden;
	padding-top:8px;
}
.box.-survey-question > .submit .button{
	padding:7px 16px;
	float:left;
}
.box.-survey-question > .submit .button.more{
	margin-left:10px;
	color:#888;
}
.box.-survey-question > .submit .txt{
	font-size:12px;
	font-style:italic;
 color:#888;
}
.box.-survey-question > .submit .txt .action{
	font-weight:normal;
}
#base-panel{
	background-color: #161a1e;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:48px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
	z-index:8999;
}
#base-panel > .full-mask{
	background: rgba(0,0,0,0.1);
}
#base-panel .items{
	position:relative;
	z-index:1000;
}
#base-panel .footer{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}
#base-panel .item{
	font-size:24px;
	cursor:pointer;
	position:relative;
	color: rgba(255,255,255,0.3);
	padding:2px 0;
}
#base-panel .item.-flat{
	padding:0;
}
#base-panel .item .count{
	font-size:11px;
 color:#fff;
	position:absolute;
	text-align:center;
	background: rgba(217,108,108,0.8);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	right:4px;
	top:8px;
	padding:2px 3px;
	z-index:100;
	min-width:13px;
	font-weight:300;
}
#base-panel .item:hover .icon{
	opacity: 1.0; filter: alpha(Opacity:100);
	color:#fff;
}
#base-panel .item .image{
	height:51px;
	overflow:hidden;
	padding:0;
}
#base-panel .item .image .inner{
	width:32px;
	height:32px;
	margin:auto;
	overflow:hidden;
	margin-top:10px;
}
#base-panel .item .image img{
	width:32px;
	height:32px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	display:block;
}
#base-panel .item .icon{
	overflow:hidden;
	display:block;
	position:relative;
	font-size:24px;
	text-align:center;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:11px 0;
	margin-bottom:2px;
}
#base-panel .item .icon > span{
	display:block;
}
#base-panel .item.active{
	color:#fff;
	background: rgba(0,0,0,0.2);
}
#base-panel .item.active .icon{
	opacity: 1.0; filter: alpha(Opacity:100);
}
#base-panel .item .icon .-ap{
	position:relative;
	z-index:100;
}
#base-panel .item .info{
	position:absolute;
	display:none;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:4px 8px;
	left:53px;
	top:15px;
	white-space: nowrap;
	font-size:12px;
	color:#888;
}
#base-panel .item:hover .info{
	display:block;
}
#base-panel .item .actions{
	width:200px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:6px;
	position:absolute;
	top:10px;
	left:45px;
	font-size:13px;
 color:#888;
	text-align:left;
	z-index:1000;
	display:none;
}
#base-panel .item:hover .actions{
	display:block;
}
#base-panel .item .actions .r{
	position:absolute;
	width: 0; height: 0;
 border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:6px solid #fff;
	top:9px;
	left:-6px;
}
#base-panel .item .actions .action{
	display:block;
	padding:8px 13px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
#base-panel .item .actions .action:hover{
	background: rgba(38,124,222,0.8);
	color:#fff;
}
#base-apps{
	position:absolute;
	display:none;
	top:0px;
	left:48px;
	right:0px;
	bottom:0px;
	z-index:7999;
}
#base-apps > .-canvas{
	background: rgba(0,0,0,0.1);
}
#base-apps .arrow{
	position:absolute;
	z-index:100;
	width: 0; height: 0;
 border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:8px solid #fff;
	top:20px;
	left:12px;
}
#base-apps .top{
	position:relative;
	height:69px;
	padding:0 20px;
	border-bottom:1px dotted #eee;
}
#base-apps .top .search{
	position:absolute;
	right:20px;
	top:15px;
	width: 40%;
}
#base-apps .top .search input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	border:1px solid #e6e6e6;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 10px;
	font-size:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	width: 100%;
	opacity: 0.9;
}
#base-apps .top .search input:hover{
	opacity: 1.0;
}
#base-apps .top .user{
	padding-left:0px;
	position:relative;
	padding-top:15px;
}
#base-apps .top .user.legacy{
	padding-left:10px;
	position:relative;
	padding-top:15px;
}
#base-apps .top .user.legacy .name{
	font-size:16px;
	font-weight:normal;
	font-weight:300;
	padding-bottom:4px;
}
#base-apps .top .user.legacy .info{
	color:#888;
	font-size:13px;
}
#base-apps .top .user.legacy .info a{
	font-weight:normal;
}
#base-apps .top .user.legacy .info a:hover{
	color:#1663ba;
	text-decoration:underline;
}
#base-apps .top .user.legacy .image{
	position:absolute;
	overflow:hidden;
	top:15px;
	left:0px;
	width:36px;
	height:36px;
	-moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
}
#base-apps .top .user.legacy .image img{
	width:36px;
	height:36px;
}
#base-apps .top .user.legacy .name{
	font-size:16px;
	font-weight:normal;
	font-weight:300;
	padding-bottom:4px;
}
#base-apps .top .user .base-button.-pdd{
	width: 45%;
	height: 34px;
}
#base-apps .top .user .-cmenu{
	width: calc(100% - 10px) !important;
	top: 34px !important;
	left: 0px !important;
	padding-bottom: 6px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#base-apps .top .user .-cmenu .-item{
	padding-top: 16px;
	padding-bottom: 8px;
	min-height: 22px;
}
#base-apps .top .user .-cmenu-icon{
	top: 13px !important;
	width: 18px;
	height: 18px;
}
#base-apps .top .user .-cmenu-icon .ap-icon{
	font-size: 16px;
}
#base-apps .top .user .name{
	font-size:14px;
	font-weight:normal;
	font-weight:300;
	position:relative;
	padding-bottom:4px;
	left: 32px;
}
#base-apps .top .user .info{
	color:#888;
	font-size:13px;
	position:relative;
	left: 40px;
}
#base-apps .top .user .info a{
	font-weight:normal;
}
#base-apps .top .user .info a:hover{
	color:#1663ba;
	text-decoration:underline;
}
#base-apps .top .user .image{
	position:absolute;
	overflow:hidden;
	left:10px;
	top:4px;
	width: 24px;
	height:24px;
	-moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
}
#base-apps .top .user-info{
	color:#3c3c3c;
	padding-top: 10px;
	padding-bottom: 10px;
}
#base-apps .top .user-info .image{
	top: 14px;
	width: 28px;
	height: 28px;
}
#base-apps .top .user .image img{
	width:24px;
	height:24px;
}
#base-apps .top .user-info .image img{
	width:28px;
	height:28px;
}
#base-apps .top .user-info .name{
	font-size:14px;
	left: 40px;
}
#base-apps .top .user-info .email{
	font-size:12px;
	position:relative;
	left: 40px;
	font-weight: 400;
}
#base-apps .top .user-info:hover{
	background-color: #f3f3f3;
}
#base-apps .top .user-info:hover{
	background-color: #f3f3f3;
}
#base-apps .top .base-button .-cmenu .-item.-submenu.-left .submenu {
 right: 100%;
	left: 100%;
	width: 100% !important;
	margin-left: 0px;
	top: -4px !important;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #e9e9e9 #f9f9f9;
	max-height: 80vh;
}
#base-apps .top .base-button .-cmenu .-item.-submenu.-left .submenu * {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#base-apps .top .user .-cmenu .-item.system.hoverable:hover {
	color: #3c3c3c;
	border-radius: 8px;
	background-color: #f3f3f3 !important;
}
#base-apps .top .user .-cmenu .-item.user-info:hover {
	color: #3c3c3c;
	border-radius: 8px;
	background-color: #f3f3f3 !important;
}
#base-apps .top .user .-cmenu .-item:hover {
	background-color: #f3f3f3 !important;
	border-radius: 10px;
	color: #267cde;
}
#base-apps .top .user .-cmenu .-item.red:hover {
	-webkit-box-shadow:inset 0px 0px 0px 1px #cfcfcf;
 -moz-box-shadow:inset 0px 0px 0px 1px #cfcfcf;
 box-shadow:inset 0px 0px 0px 1px #cfcfcf;
	color: red;
	border-radius: 8px;
	background-color: #f3f3f3 !important;
}
#base-apps .top #user-organizations .-item {
 padding-left: 64px;
	padding-right: 40px;
	padding-top: 15px;
	padding-bottom: 8px;
	width: unset;
}
#base-apps .top #user-organizations .-item.user-info {
 padding-top: 8px;
	margin-left: 0px;
	padding-left: 64px;
	padding-bottom: 6px;
	line-height: 18px;
}
#base-apps .top .dot {
	height: 8px;
	width: 8px;
	background-color: rgba(195, 91, 91, 1);
	border-radius: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
}
#switch-organizations-options {
	position: relative;
}
#switch-organizations-options .dot {
	top: 12px !important;
	left: 24px;
}
#base-apps .top .base-button #user-organizations img.system {
 width:28px;
	height:28px;
	border-radius: 50%;
	position: absolute;
	left: 26px;
	top: 10px;
}
#base-apps .top .base-button #user-organizations img.usr {
 width:28px;
	height:28px;
	border-radius: 50%;
	position: absolute;
	left: 26px;
	top: 10px;
}
#base-apps .top .base-button #user-organizations .unread {
 width:20px;
	height:20px;
	border-radius: 50%;
	position: absolute;
	background: rgba(195, 91, 91, 0.8);
	text-align: center;
	color: #fff;
	line-height: 20px;
 font-size: 11px;
	right: 24px;
	top: 13px;
}
#base-apps .top .base-button #user-organizations .title{
	color: #6c6c6c !important;
 padding-left: 10px;
 padding-top: 20px;
 padding-bottom: 20px;
	font-weight: 500;
}
#base-apps .top .base-button #user-organizations .base-icon {
 width:16px;
	height:16px;
	position: absolute;
	left: 2px;
	top: 14px;
}
#base-apps .top .base-button #user-organizations .user-info .base-icon {
	top: 16px !important;
}
#base-apps .top .base-button .-cmenu .-item.-submenu:after{
	top:16px;
}
#base-apps .footer{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	border-top:1px solid rgba(0,0,0,0.1);
	height:50px;
	background-color: #f6f6f6;
}
#base-apps .footer .prefs{
	padding:11px 20px;
}
#base-apps .footer .prefs .pref{
	padding:7px 13px;
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.2);
	float:left;
	position:relative;
 color:#666;
	cursor:pointer;
	margin-right:10px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#base-apps .footer .prefs .pref:hover{
	border:1px solid rgba(0,0,0,0.3);
	color:#000;
}
#base-apps .footer .prefs .pref > em{
	color:#111;
	font-weight:500;
}
#base-apps .footer .prefs .pref.-dd{
	padding-right:30px;
}
#base-apps .footer .prefs .pref.-dd:after{
	font-family:ap; content:"\e6b1";
	position:absolute;
	font-size:13px;
	right:13px;
	opacity: 0.6; filter: alpha(Opacity:60);
}
#base-apps .footer .prefs .pref .-cmenu{
	bottom:28px;
	width:160px;
	left:-1px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	border:1px solid rgba(0,0,0,0.2);
}
#base-apps .footer .beta{
	display:inline-block;
 color:#D96C6C;
	font-weight:500;
	font-size: 7px;
	vertical-align:super;
}
#base-apps .footer .links{
	padding:0px 20px 6px 20px;
	font-weight:300;
	font-size:11px;
 color:#888;
}
#base-apps .footer .links a{
	font-weight:normal;
 color:#888;
}
#base-apps .footer .links a:hover{
	text-decoration:underline;
 color:#267cde;
}
#base-apps .footer .colors{
	position:absolute;
	right:20px;
	top:13px;
}
#base-apps .footer .colors .color{
	float:left;
	position:relative;
	cursor:pointer;
	width:22px;
	height:22px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	opacity: 0.7; filter: alpha(Opacity:70);
	margin-left:8px;
}
#base-apps .footer .colors .color .r{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#base-apps .footer .colors .color .r:before{
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(0,0,0,0.1);
	top:7px;
	left:7px;
}
#base-apps .footer .colors .color.active{
	opacity: 0.8; filter: alpha(Opacity:80);
	margin-left:10px;
	margin-right:2px;
}
#base-apps .footer .colors .color.active:before{
	font-family:ap; content:"\e116";
	position:absolute;
 color:#fff;
	font-size:14px;
	top:4px;
	left:4px;
}
#base-apps .footer .colors .color.active:after{
	border:1px solid #267cde;
	position:absolute;
	content:"";
	top:-5px;
	left:-5px;
	width:30px;
	height:30px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
#base-apps .footer .colors .color:hover, #base-apps .footer .colors .color.active:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}
#base-apps .box{
	background-color: #fff;
	width:770px;
	top:10px;
	left:20px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
	position:absolute;
	z-index:99;
	bottom:20px;
}
#base-apps .box .sb{
	position:absolute;
	overflow:hidden;
	top:70px;
	bottom:75px;
	left:0px;
	right:0px;
}
#base-apps .box .inner{
	padding:10px 0 20px 20px;
	overflow:hidden;
}
#base-apps .box .inner .app-group{
	overflow:hidden;
	position:relative;
	clear:both;
	padding-bottom:15px;
	margin-bottom:15px;
}
#base-apps .box .inner .app-group .g-header{
	position:relative;
	padding:10px 0;
	margin-bottom:10px;
}
#base-apps .box .inner .app-group .g-header:after{
	position:absolute;
	font-size:16px;
 color:#bbb;
	font-family:ap; content:"\e10f";
	left:0px;
	top:10px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
#base-apps .box .inner .app-group .g-header.no-arrow:after{
	content: "" !important;
}
#base-apps .box .inner .app-group:before{
	position:absolute;
	left:20px;
	right:20px;
	bottom:0px;
	height:1px;
	content:"";
	border-bottom:1px dotted rgba(0,0,0,0.1);
}
#base-apps .box .inner .app-group .g-header .g-title{
	display:inline-block;
	font-weight:500;
	font-size:18px;
	position:relative;
	background-color: #fff;
	padding-right:20px;
	padding-left:24px;
}
#base-apps .box .inner .app-group .g-header .g-title:hover{
	color:#267cde;
	text-decoration:underline;
}
#base-apps .box .inner .app-group .g-header .g-info{
	padding-top:6px;
	padding-left:24px;
	color:#aaa;
}
#base-apps .box .inner .app-group .g-header .g-resource{
	font-size:14px;
	padding-top:6px;
	padding-left:24px;
	padding-right:50px;
}
#base-apps .box .inner .g-body .item{
	width:130px;
	height:130px;
	float:left;
	text-align:center;
 color:#666;
	position:relative;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-right:20px;
	margin-bottom:10px;
}
#base-apps .box .inner .g-body .item .image{
	display:block;
	padding-top:13px;
}
#base-apps .box .inner .g-body .item .image img{
	width:64px;
	height:64px;
}
#base-apps .box .inner .g-body .item .text{
	display:block;
	font-size:15px;
	font-weight:300;
	padding-top:10px;
	margin:0 10px;
}
#base-apps .box .inner .g-body .item .text em{
	font-size:11px;
	font-weight:normal;
	display:block;
	padding-top:3px;
}
#base-apps .box .inner .g-body .item:hover{
	background-color: #f3f3f3;
	color:#267cde;
}
#base-apps .box .inner .g-body .item.active .text{
	font-weight:500;
 color:#111;
}
#base-apps .box .inner .g-body .item.active:after{
	position:absolute;
	left:30px;
	right:30px;
	height:1px;
	bottom:0px;
	background: rgba(0,0,0,0.1);
	content:"";
}
#base-apps .box .inner .g-body .item.active:hover:after{
	display:none;
}
#base-apps .box .inner .g-body .item-xl{
	width:110px;
	height:80px;
	float:left;
	text-align:center;
 color:#666;
	position:relative;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
#base-apps .box .inner .g-body .item-xl .image{
	display:block;
	padding-top:5px;
}
#base-apps .box .inner .g-body .item-xl .image img{
	width:56px;
}
#base-apps .box .inner .g-body .item-xl .text{
	display:block;
	font-size:16px;
	font-weight:300;
	padding-top:5px;
	text-align: left;
}
#base-apps .box .inner .g-body .item-xl .text em{
	font-size:13px;
	font-weight:normal;
	display:block;
	padding-top:3px;
}
#base-apps .box .inner .g-body .item-xl .text{
	font-weight:500;
 color:#111;
}
#base-apps .box .inner .g-body .item-xl:hover:after{
	display:none;
}
#base-apps .box .inner .g-body .g-explore{
	text-align:center;
	padding:10px 0;
}
#base-apps .box .inner .g-body .g-explore a{
	display:inline-block;
	position:relative;
	font-size:15px;
 color:#aaa;
	font-weight:normal;
	padding:5px 0 10px 0;
}
#current-subscription-info.app-group{
	padding-bottom: 0px !important;
}
#current-subscription-usage.app-group{
	padding-bottom: 0px !important;
}
#base-apps .box .inner .g-body .g-explore a:before{
	font-family:ap; content:"\e970";
	position:absolute;
	font-size:16px;
	left:-24px;
	top:6px;
}
#base-apps .box .inner .g-body .g-explore a:hover{
	color:#267cde;
	text-decoration:underline;
}
#base-apps .box .inner .app-group.-collapsed .g-body{
	display:none;
}
#base-apps .box .inner .app-group.-collapsed .g-header .g-title{
	color:#666;
}
#base-apps .box .inner .app-group.-collapsed .g-header:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
#base-apps.hoz{
	left:0px;
	top:55px;
	bottom:0px;
}
#base-apps.hoz .arrow{
	top:-6px;
	right:30px;
	left:auto;
	width: 0; height: 0;
 border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:8px solid #fff;
	display:none;
}
#base-apps.hoz .box{
	top:0px;
	right:0px;
	left:auto;
	width:620px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
#float-action{
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:8000;
}
#float-action .main-action{
	background-color: #42b814;
	width:60px;
	height:60px;
	-moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	font-size:24px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
#float-action .main-action .-ap{
	display:block;
	padding-top:17px;
}
#float-action .main-action:hover{
	background-color: #267cde; transform: rotate(360deg); -ms-transform: rotate(360deg);
 -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
}
#float-action .actions{
	position:absolute;
	bottom:60px;
	right:-250px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
	opacity: 0; filter: alpha(Opacity:0);
}
#float-action .actions .action{
	display:block;
	cursor:pointer;
 color:#fff;
	position:relative;
	text-align:center;
	width:60px;
	height:60px;
	margin-bottom:20px;
}
#float-action .actions .action .icon{
	width:50px;
	height:50px;
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
	-moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border-radius: 25px;
	margin:auto;
	background-color: #42b814;
}
#float-action .actions .action .-ap{
	display:block;
	font-size:24px;
	padding-top:13px;
}
#float-action .actions .action .text{
	white-space: nowrap;
	background: rgba(0,0,0,0.8);
	color:rgba(255,255,255,0.8);
	padding:2px 10px;
	position:absolute;
	right:60px;
	top:16px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#float-action .actions .action:hover .icon{
	background-color: #267cde; transform: rotate(330deg); -ms-transform: rotate(330deg);
 -webkit-transform: rotate(330deg); -o-transform: rotate(330deg);
 -moz-transform: rotate(330deg);
}
#float-action.multi:hover .actions{
	right:5px;
	opacity: 1.0; filter: alpha(Opacity:100);
}
#ajax-load-2{
	position:fixed;
	top:0px;
	left:0px;
	z-index:29999;
	width:100%;
	height:100%;
	background-color: transparent;
	display:none;
}
#ajax-load-2 > div{
	position:absolute;
	font-size:16px;
	bottom:10px;
	right:15px;
	color:#fff;
	overflow:hidden;
	background: rgba(0,0,0,0.7);
	padding:6px 5px;
	height:20px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#ajax-load-2 .spinner{
	width: 40px;
	height: 20px;
	text-align: center;
	display:block;
}
#ajax-load-2 .spinner > div {
 background: rgba(255,255,255,0.3);
 height: 100%;
 width: 5px;
	display:inline-block;
 -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
 animation: sk-stretchdelay 1.2s infinite ease-in-out;
 margin:0 1px;
}
#ajax-load-2 .spinner .rect2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
#ajax-load-2 .spinner .rect3 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
#ajax-load-2 .spinner .rect4 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
@-webkit-keyframes sk-stretchdelay {
 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
 20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
 0%, 40%, 100% { 
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
 } 20% { 
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
 }
}
#ajax-load{
	position:fixed;
	bottom:0px;
	z-index:5999;
	width:100%;
	height:100%;
	display:none;
 left:0px;
}
#ajax-load div{
	display:none;
}
#noscript{
 background-color: #f6f6f6;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#eeeeee');
 background: -moz-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6),color-stop(100%,#eeeeee));
 background: -webkit-linear-gradient(top, color-stop(0%,#f6f6f6),color-stop(100%,#eeeeee));
 background: -o-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
 background: -ms-linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
 background: linear-gradient(top, #f6f6f6 0%,#eeeeee 100%);
	border-bottom:1px solid #ddd;
	padding:13px 15px;
	color:#198700;
	text-align:center;
	font-size:15px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	display:block;
	width:100%;
}
html.dark, html.dark body{
	background-color: #333;
}
#sgate{
	width:400px;
	margin:auto;
	padding-top:200px;
}
#sgate h1{
	color:#fff; @roboto 
	font-size:28px;
	font-weight:normal;
	text-align:center;
	padding-bottom:20px;
}
#sgate h1 span{
	color:#aaa;
	font-size:16px;
}
#sgate .input{
	padding:10px;
	border:1px solid #ddd;
	width:100%;
}
#sgate input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	width:100%;
	color:#fff;
	font-size:14px;
 @roboto;
}
#sgate .msg{
	text-align:center;
 color:#ddd;
	padding-bottom:20px;
}
#ptransit{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:3px;
	z-index:99999;
	display:none;
}
#ptransit .bar{
	position:absolute;
	height:3px;
	top:0px;
	width:100%;
}
#ptransit .bar .anim{
	height:3px;
	margin:auto;
	width:0px;
}
#base-panel.ext{
	width:80px;
	background-color: #21272d;
}
#base-panel.ext.-more{
	width:90px;
}
#base-panel.ext .item{
	text-align:center;
	padding:4px 0;
}
#base-panel.ext .item.-avatar{
	padding:2px 0;
}
#base-panel.ext .item .info{
	position:relative;
	top:auto;
	left:auto;
	background-color: transparent;
	display:block;
	font-size:11px;
	text-transform:uppercase;
	padding-top:0px;
	padding-bottom:15px;
	margin-top:-2px;
}
#base-panel.ext.-more .item .info{
	text-transform:none;
	font-size:12px;
}
#base-panel.ext .item.active .info{
	font-weight:bold;
	display:block;
 color:#fff;
}
#base-apps.ext, #base-notis.ext{
	left:80px;
}
#base-apps.ext.-more, #base-notis.ext.-more{
	left:90px;
}
#base-sysdemo{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	min-height:48px;
	background: rgba(195,67,67,0.85);
	z-index:9999;
}
#base-sysdemo .close{
	position:absolute;
	cursor:pointer;
	font-size:20px;
	top:0px;
	bottom:0px;
	right:0px;
	width:60px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(255,255,255,0.5);
	padding-top:12px;
}
#base-sysdemo .close:hover{
	background-color: #b93333;
	color:#fff;
}
#base-sysdemo .txt{
	padding:16px 20px 16px 60px;
	color: rgba(255,255,255,0.8);
	font-weight:300;
	font-size:14px;
	position:relative;
	margin-right:250px;
}
#base-sysdemo .txt em{
	font-weight:500;
 color:#fff;
}
#base-sysdemo .txt .icon{
	position:absolute;
 color:#fff;
	left:20px;
	top:10px;
	font-size:20px;
}
#base-sysdemo .side{
	background-color: #42b814;
	position:absolute;
	right:60px;
	top:0px;
	bottom:0px;
}
#base-sysdemo .side .cta{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:16px 20px;
	color:#fff;
	font-weight:500;
	font-size:14px;
	cursor:pointer;
}
#base-sysdemo .side .cta .-ap{
	font-size:16px;
	display:inline-block;
	margin-right:6px;
	vertical-align:-1px;
}
#base-sysdemo .side:hover{
	background-color: #267cde;
}
.-close-mask{
	position:absolute;
	display:none;
	top:-1000px; left:-1000px; height:2000px; width:2000px
}
.activated .-close-mask{
	display:block;
}
.ap-inline-tagger{
	text-transform:none;
	position:absolute;
	display:none;
	top:29px;
	left:0px;
	width:270px;
	background-color: #fff;
	z-index:5888;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.ap-inline-tagger.-compact{
	width:220px;
}
.ap-inline-tagger-wrap.activated .ap-inline-tagger{
	display:block;
}
.ap-inline-tagger .ap-tagger{
	text-align:left;
}
.ap-inline-tagger .api-title{
	padding:9px 14px;
	font-weight:500;
	font-size:15px;
 color:#42b814;
	border-bottom:1px solid rgba(0,0,0,0.1);
	background-color: #f9f9f9;
}
.ap-inline-tagger .ap-tagger .api-sb{
	position:relative;
	margin:0 15px;
	margin-bottom:15px;
}
.ap-inline-tagger .ap-tagger .api-sb:after{
	font-family:ap; content:"\F162";
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:1px;
	top:7px;
	padding:5px;
}
.ap-inline-tagger .ap-tagger .api-sb input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.ap-inline-tagger .ap-tagger .api-sb input{
	padding:11px 0 11px 35px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.ap-inline-tagger .ap-tagger .api-users{
	max-height:250px;
	overflow-y:scroll;
}
.ap-inline-tagger .ap-tagger .api-user{
	position:relative;
	font-size:13px;
 color:#888;
	font-weight:normal;
	padding:10px 15px 10px 50px;
}
.ap-inline-tagger .ap-tagger .api-user .avatar{
	position:absolute;
	top:10px;
	left:15px;
}
.ap-inline-tagger .ap-tagger .api-user .api-name{
	font-weight:500;
	font-size:14px;
 color:#111;
	padding-bottom:4px;
}
.ap-inline-tagger .ap-tagger .api-user:hover{
	color:#111;
	background-color: #f3f3f3;
}
.ap-inline-tagger .ap-tagger .api-user.selected{
	background-color: #267cde;
	color: rgba(255,255,255,0.6);
}
.ap-inline-tagger .ap-tagger .api-user.selected .api-name{
	color:#fff;
}
.ap-inline-tagger .ap-tagger .api-footer{
	border-top:1px solid rgba(0,0,0,0.1);
}
.ap-inline-tagger .ap-tagger .api-footer > div{
	padding:10px 15px;
	color:#888;
	font-size:12px;
	cursor:pointer;
}
.ap-inline-tagger .ap-tagger .api-footer > div:hover{
	color:#267cde;
	text-decoration:underline;
}
.ap-inline-tagger .ap-tagger .api-tags{
	padding:8px;
	text-transform:none;
}
.ap-inline-tagger .ap-tagger .api-tag{
	position:relative;
	font-size:13px;
 color:#888;
	padding:8px 10px 8px 35px;
	margin-bottom:2px;
}
.ap-inline-tagger .ap-tagger .api-tag.-selected{
	background: rgba(66,184,20,0.1);
}
.ap-inline-tagger .ap-tagger .api-tag.-selected:after{
	font-family:ap; content:"\e116";
	color:#42b814;
	font-size:14px;
	position:absolute;
	right:8px;
	top:8px;
}
.ap-inline-tagger .ap-tagger .api-tag .square{
	position:absolute;
	left:10px;
	top:9px;
	width:13px;
	height:13px;
}
.ap-inline-tagger .ap-tagger .api-tag .square.-bg-alt0{
	background: rgba(0,0,0,0.15);
}
.ap-inline-tagger .ap-tagger .api-tag .avatar{
	position:absolute;
	top:10px;
	left:15px;
}
.ap-inline-tagger .ap-tagger .api-tag .api-name{
	font-weight:500;
	font-size:14px;
 color:#111;
	padding-bottom:4px;
}
.ap-inline-tagger .ap-tagger .api-tag:hover{
	color:#111;
	background-color: #f3f3f3;
}
.ap-inline-tagger .ap-tagger .api-tag.selected{
	background-color: #267cde;
	color: rgba(255,255,255,0.6);
}
.ap-inline-tagger .ap-tagger .api-tag.selected .api-name{
	color:#fff;
}
.ap-inline-tagger .ap-tagger .api-tag .api-txt p{
	display:block;
	padding-top:4px;
	font-size:12px;
 color:#999;
}
.ui-menu-item-wrapper{
}
.ap-acx{
	display:block;
	cursor:pointer;
	padding:10px;
}
.ap-acx .ap-acx-square{
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:-4px;
	margin-right:6px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.ap-acx .ap-acx-square.-bg-alt0{
	background-color: #ccc;
}
#expiring{
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:55px;
	background-color: #c34343;
	color:#fff;
}
#expiring .box{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:55px;
}
#expiring .box .title{
	padding:18px 20px;
	color: rgba(255,255,255,0.7);
	font-weight:300;
	font-size:13px;
	margin-right:100px;
}
#expiring .box .title .icon{
	color:#fff;
	font-size:16px;
	display:inline-block;
	vertical-align:-2px;
}
#expiring .box .title em{
	color:#fff;
}
#expiring .box .close{
	position:absolute;
	cursor:pointer;
	font-weight:500;
	font-size:13px;
	text-transform:uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:18px 25px;
	right:0px;
	top:0px;
	bottom:0px;
	color: rgba(255,255,255,0.8);
}
#expiring .box .close:hover{
	color:#fff;
	background: rgba(0,0,0,0.2);
}
.base-load-wrapper{
	overflow:hidden;
}
.base-load-wrapper .bl-header{
	padding:15px 20px;
	font-size:17px;
	font-weight:500;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.1);
	background-color: #267cde;
	color: rgba(255,255,255,0.8);
}
.base-load-wrapper .bl-header .base-bc{
	padding-left:20px;
	position:relative;
	cursor:pointer;
	font-size:13px;
	color: rgba(255,255,255,0.9);
	padding-top:2px;
}
.base-load-wrapper .bl-header .base-bc:before{
	font-family:FontAwesome; content:"\f0c9";
	opacity: 0.8; filter: alpha(Opacity:80);
	position:absolute;
	font-size:14px;
	left:0px;
	top:2px;
}
.base-load-wrapper .bl-header .base-bc .base-bc-item.url:hover{
	color:#fff;
	text-decoration:underline;
} 
.base-load-wrapper .bl-header .bl-title{
	padding-left:20px;
	position:relative;
	cursor:pointer;
	color: rgba(255,255,255,0.9);
}
.base-load-wrapper .bl-header .bl-title:before{
	font-family:ap; content:"\e6b2";
	opacity: 0.8; filter: alpha(Opacity:80);
	position:absolute;
	font-size:16px;
	left:0px;
	top:2px;
}
.base-load-wrapper .bl-header .bl-title:hover{
	color:#fff;
}
.base-load-wrapper .bl-header .bl-close{
	position:absolute;
	font-size:16px;
	cursor:pointer;
	right:15px;
	top:10px;
	padding:6px;
	color: rgba(255,255,255,0.6);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-load-wrapper .bl-header .bl-close:hover{
	color:#fff;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
}
.-dx-obj-v2 .base-load-wrapper, .-dx-obj-v2.__customdialog .__dialogwrapper-inner, .-dx-obj-v2.__customdialog .__dialogcontent{
	overflow:visible;
}
 .-dx-obj-v2.__customdialog .__dialogwrapper{
 -moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
 }
 .-dx-obj-v2.__customdialog .__dialogcontent{
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	font-size:13px;
}

.base-emoji-canvas{
	position:absolute;
	z-index:100000;
	background-color: #fff;
	width:456px;
	min-height:200px;
	top:20px;
	right:20px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-emoji-canvas.__ontop{
	z-index:199999;
}
.base-emoji-canvas .be-header{
	height:36px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:2px 10px;
}
.base-emoji-canvas .be-header .be-tab{
	position:relative;
	float:left;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
 color:#999;
	width:30px;
	height:36px;
}
.base-emoji-canvas .be-header .be-tab.-text{
	font-size:13px;
	text-align:center;
	width:auto;
	padding:10px 6px;
	margin-right:8px;
}
.base-emoji-canvas .be-header .be-tab:hover{
	color:#111;
}
.base-emoji-canvas .be-header .be-tab .base-icon{
	width:20px;
	height:20px;
	left:8px;
	top:7px;
}
.base-emoji-canvas .be-header .be-tab .base-icon svg{
	width:20px;
	height:20px;
}
.base-emoji-canvas .be-header .be-tab.active{
	color:#111;
	font-weight:500;
}
.base-emoji-canvas .be-header .be-tab.active:before{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-3px;
	height:3px;
	background-color: #267cde;
	content:"";
}
.base-emoji-canvas .be-header .close{
	position:absolute;
	font-size:16px;
 color:#aaa;
	cursor:pointer;
	right:8px;
	top:0px;
	padding:10px;
}
.base-emoji-canvas .be-header .close:hover{
	color:#c34343;
}
.base-emoji-canvas .be-search{
	padding:10px 15px;
	position:relative;
}
.base-emoji-canvas .be-search .base-button{
	position:absolute;
	text-align:center;
	right:15px;
	top:10px;
	width:80px;
}
.base-emoji-canvas .be-search.-wb{
	padding-right:105px;
}
.base-emoji-canvas .be-body{
	position:relative;
	height:240px;
}
.base-emoji-canvas .be-body.-ext{
	height:292px;
}
.base-emoji-canvas .be-body .be-body-inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-emoji-canvas .be-body .be-group{
	overflow:hidden;
	padding:10px 15px;
}
.base-emoji-canvas .be-body .be-group .base-title{
	font-size:13px;
	font-weight:500;
	padding-bottom:10px;
}
.base-emoji-canvas .be-body .be-emoji{
	float:left;
	font-size:20px;
	cursor:pointer;
	height:26px;
	padding:6px 0;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	min-width:37px;
}
.base-emoji-canvas .be-body .be-emoji:hover{
	background: rgba(38,124,222,0.08);
}
.base-emoji-canvas .be-body .be-emoji .symbol{
	display:block;
	text-align:center;
	padding:0 5px;
}
.base-emoji-canvas .be-body .be-emoji .symbol img{
	width:24px;
	height:24px;
}
.base-emoji-canvas .be-body .be-items.-sm .be-emoji{
	min-width:32px;
	height:26px;
	padding:2px 0;
}
.base-emoji-canvas .be-body .be-items.-sm .be-emoji .symbol{
	padding:0 4px;
}
.base-emoji-canvas .be-body .be-items.-sm .be-emoji .symbol img{
	width:18px;
	height:18px;
}
.base-emoji-canvas .be-footer{
	background-color: #f7f7f7;
	padding:10px 15px;
	border-top:1px solid rgba(0,0,0,0.1);
	height:32px;
	position:relative;
}
.base-emoji-canvas .be-footer .be-add{
	position:absolute;
	right:15px;
	top:10px;
}
.base-emoji-canvas .be-footer .be-add .base-button{
	float:left;
	background-color: #fff;
}
.base-emoji-canvas .be-footer .be-guide{
	font-size:13px;
 color:#999;
	position:absolute;
	top:18px;
}
.base-emoji-canvas .be-footer .selected-emoji{
	position:relative;
	display:none;
	padding-left:40px;
}
.base-emoji-canvas .be-footer .selected-emoji .emoji{
	position:absolute;
	width:30px;
	height:30px;
	top:0px;
	left:0px;
}
.base-emoji-canvas .be-footer .selected-emoji .emoji img{
	width:100%;
	height:100%;
}
.base-emoji-canvas .be-footer .selected-emoji .emj-name{
	display:block;
	font-weight:500;
	font-size:13px;
	padding-bottom:3px;
}
.base-emoji-canvas .be-footer .selected-emoji .emj-scode{
	font-size:12px;
 color:#888;
}
.base-emoji-canvas .be-footer.active .be-guide{
	display:none;
}
.base-emoji-canvas .be-footer.active .selected-emoji{
	display:block;
}
.base-emoji-canvas .be-page{
	display:none;
}
.base-emoji-canvas .be-page.active{
	display:block;
}
.base-emoji-canvas .be-gifs{
	overflow:hidden;
}
.base-emoji-canvas .js-page-giphy-random .be-search .base-search{
	width: 310px;
}
.base-emoji-canvas .js-page-giphy-random .be-search .base-button{
	width: 100px;
}
.base-emoji-canvas .be-gifs .bgif{
	width:20%;
	height:70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	cursor:pointer;
	padding:5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:10px;
}
.base-emoji-canvas .be-gifs .bgif img{
	max-width:100%;
	max-height:60px;
}
.base-emoji-canvas .be-gifs .bgif:hover{
	background-color: #f3f3f3;
}
.base-emoji-canvas .ggifs{
	padding:0 15px;
	overflow:hidden;
	min-height:160px;
	margin-right:-10px;
}
.base-emoji-canvas .ggifs .base-flag-message{
	font-size:12px;
	color: #2d850a;
}
.base-emoji-canvas .ggifs .ggif{
	float:left;
	cursor:pointer;
	overflow:hidden;
	height:100px;
	margin-bottom:10px;
	margin-right:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-emoji-canvas .ggifs .ggif img{
	height:100px;
}
.base-emoji-canvas .load-more{
	padding:10px 0 10px 20px;
	margin-top:10px;
	text-align:center;
	cursor:pointer;
}
.base-emoji-canvas .load-more:hover{
	text-decoration:underline;
}
.base-emoji-canvas .brand{
	padding:20px;
	text-align:center;
	clear:both;
	margin-top:10px;
}
.base-emoji-canvas .brand img{
	max-width:150px;
}
.base-emoji-canvas .brand .-brand-white{
	display:none;
}
.base-emoji-canvas.-darkmode{
	background: rgba(17,17,17,0.9);
	color: rgba(255,255,255,0.7);
}
.base-emoji-canvas.-darkmode .be-header{
	border-bottom:1px solid rgba(255,255,255,0.1);
}
.base-emoji-canvas.-darkmode .be-search .base-button{
	border:none;
}
.base-emoji-canvas.-darkmode .be-header .be-tab:hover{
	color:#fff;
}
.base-emoji-canvas.-darkmode .be-header .be-tab.active{
	color:#fff;
}
.base-emoji-canvas.-darkmode .be-body .be-group .base-title{
}
.base-emoji-canvas.-darkmode .base-search input{
	border:0px solid transparent;
	background: rgba(255,255,255,0.1);
	color:#fff;
}
.base-emoji-canvas.-darkmode .be-footer{
	background-color: transparent;
	border-top:1px solid rgba(255,255,255,0.1);
}
.base-emoji-canvas.-darkmode .be-footer .be-add .base-button{
	background: rgba(255,255,255,0.1);
	border:none;
}
.base-emoji-canvas.-darkmode .brand .-brand-white{
	display:inline-block;
}
.base-emoji-canvas.-darkmode .brand .-brand-dark{
	display:none;
}


.base-icon-picker-canvas{
	position:absolute;
	z-index:100000;
	background-color: #fff;
	width:380px;
	min-height:200px;
	top:20px;
	right:20px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-icon-picker-canvas .bip-header{
	border-bottom:1px solid #eee;
	position:relative;
}
.base-icon-picker-canvas .bip-header .close{
	font-size:16px;
	position:absolute;
	cursor:pointer;
 color:#888;
	padding:4px 6px;
	right:10px;
	top:12px;
}
.base-icon-picker-canvas .bip-header .close:hover{
	color:#c34343;
}
.base-icon-picker-canvas .base-title{
	padding:16px 0px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	margin:0 15px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-icon-picker-canvas.-ready .base-title{
	text-align:left;
}
.base-icon-picker-canvas .ready{
	position:absolute;
	display:none;
	right:40px;
	top:10px;
}
.base-icon-picker-canvas.-ready .ready{
	display:block;
}
.base-icon-picker-canvas .ready > div{
	float:left;
	margin-left:10px;
}
.base-icon-picker-canvas .ready .base-iconbox{
	position:relative;
}
.base-icon-picker-canvas .bip-more-color{
	padding:0 15px 15px 15px;
}
.base-icon-picker-canvas .bip-more-color .base-button{
	display:inline-block;
	font-weight:500;
}
.base-icon-picker-canvas .bip-bg-picker{
	padding:15px 15px 5px 15px;
	margin-right:-10px;
	overflow:hidden;
}
.base-icon-picker-canvas .bip-bg-picker .bg-item{
	width:30px;
	height:30px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	position:relative;
	border:2px solid rgba(0,0,0,0.05);
	margin-right:10px;
	margin-bottom:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	opacity: 0.9; filter: alpha(Opacity:90);
}
.base-icon-picker-canvas .bip-bg-picker .bg-item.active{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.base-icon-picker-canvas .bip-bg-picker .bg-item.active:after{
	font-family:FontAwesome; content:"\f00c";
	position:absolute;
	font-size:14px;
 color:#fff;
	top:6px;
	left:6px;
}
.base-icon-picker-canvas .bip-bg-picker .bg-item.-light.active:after{
	color:#111;
}
.base-icon-picker-canvas .bip-body{
	position:relative;
	height:222px;
	border-top:1px solid #eee;
	background-color: #fafafa;
}
.base-icon-picker-canvas .bip-icons{
	position:relative;
	overflow:hidden;
	padding:15px 10px 15px 15px;
}
.base-icon-picker-canvas .bip-icons .icon-opt{
	width:28px;
	height:28px;
	margin:0 4px 4px 0;
	float:left;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#333;
	position:relative;
	overflow:hidden;
	padding:6px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-icon-picker-canvas .bip-icons .icon-opt .-bg{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:none;
}
.base-icon-picker-canvas .bip-icons .icon-opt .svg{
	position:relative;
}
.base-icon-picker-canvas .bip-icons .icon-opt svg{
	width:16px;
	height:16px;
	fill:currentcolor;
	position:relative;
}
.base-icon-picker-canvas .bip-icons .icon-opt:hover{
	background-color: #f3f3f3;
	color:#111;
}
.base-icon-picker-canvas .bip-icons .icon-opt.active{
	background-color: #eee;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.base-icon-picker-canvas .bip-icons .icon-opt.active .-bg{
	display:block;
}
.base-icon-picker-canvas .bip-icons .icon-opt.active.-dark{
	color:#fff;
}


#base-notis{
	position:absolute;
	display:none;
	left:48px;
	top:0px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.6);
	z-index:999;
}
#base-notis-items{
	overflow:hidden;
}
#base-notis.hoz{
	left:0px;
	top:55px;
}
#base-notis.hoz .-arrow{
	display:none;
}
#base-notis.hoz .list.notis-canvas{
	right:0px;
	left:auto;
	width:600px;
	position:absolute;
}
.list.notis-canvas{
	background-color: #fff;
	-moz-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 5px 0px rgba(0,0,0,0.1);
	width:40%;
	min-width:500px;
	z-index:6000;
	color:#575757;
	position:relative;
	height:100%;
}
.list.notis-canvas > .-arrow{
	width: 0; height: 0;
 border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:8px solid #fff;
	position:absolute;
	top:-8px;
	right:30px;
}
.notis-canvas .nc-header{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:85px;
	padding:13px 20px 0 20px;
	color: #575757 !important;
	border-bottom:2px solid rgba(0,0,0,0.1);
}
.notis-canvas .nc-header .base-title{
	font-size:20px;
 color:#333;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:bold;
	max-width: 200px;
	z-index:100;
}
.notis-canvas .nc-header .mark-read{
	position:absolute;
	cursor:pointer;
	font-size:12px;
	font-weight:500;
 color:#707070;
	font-weight: 300;
	right:20px;
	top:18px;
}
.notis-canvas .nc-header .mark-read:hover{
	text-decoration:underline;
	color:#222;
}
.notis-canvas .nc-header .base-tabs{
	margin-top:8px;
	height:32px;
}
.notis-canvas .nc-header .base-tabs .base-tab{
	margin-right:25px;
	height:35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
 color:#999;
}
.notis-canvas .nc-header .base-tabs .base-tab .beta{
	display:inline-block;
 color:#D96C6C;
	font-weight:500;
	font-size: 7px;
	vertical-align:super;
}
.notis-canvas .nc-header .base-tabs .base-tab em{
	display:inline-block;
 color:#575757;
	font-size:11px;
	font-weight:500;
	text-align:center;
	background-color: #eee;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:2px 4px;
	margin-left:4px;
	vertical-align:2px;
	min-width:10px;
}
.notis-canvas .nc-header .base-tabs .base-tab:hover{
	color:#222;
}
.notis-canvas .nc-header .base-tabs .base-tab.active{
	color:#267cde;
}
.notis-canvas .nc-header .base-tabs .base-tab.active:before{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-5px;
	background-color: #267cde;
	height:2px;
	content:"";
}
.notis-canvas .nc-header .base-tabs .base-tab.active em{
	background-color: #267cde;
	color:#fff;
}
.notis-canvas .nc-header .base-tabs .base-tab.-pdd:after{
	right:0;
	top:55%;
}
.notis-canvas .nc-header .nc-filter{
	cursor:pointer;
	font-size:12px;
	padding:6px 20px 6px 24px;
	font-weight: 500;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #ffffff;
	border:1px solid rgba(0,0,0,0.15);
	white-space: nowrap;
	position: relative;
	width: auto;
}
.notis-canvas .nc-header .nc-filter:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.notis-canvas .nc-header .nc-filter.-cmenuw.more:hover > .-cmenu{
	display: block !important;
}
.notis-canvas .nc-header .nc-filter .js-value{
	text-align: center;
}
.notis-canvas .nc-header .nc-filter.-cmenuw.more:hover > .-cmenu{
	display: block !important;
}
.notis-canvas .nc-header .nc-filter.-cmenuw.more:hover .-cmenu{
	display: none;
}
.notis-canvas .nc-header .nc-filter.-cmenuw.more:hover .-cmenu.-padding.more-card{
	padding: 10px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	width: auto !important;
}
.notis-canvas .nc-header .nc-filter.-cmenuw.more{
	padding: 2px 12px 0px 12px;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
}
.notis-canvas .nc-header .-cmenuw.more .filter-counter{
	background: rgba(195, 91, 91, 0.8);
	border-radius: 100%;
	width: 16px;
	height: 16px;
	position: absolute;
	font-size: 8pt;
	color: white;
	text-align: center;
	line-height: 16px;
	top: -6px;
}
.notis-canvas .nc-header .-cmenu{
	top:30px;
	right:0;
}
.notis-canvas .nc-header .-cmenu.-padding .-item > .-cmenu-icon{
	top:5px;
}
.notis-canvas .notis-items-w{
	position:absolute;
	overflow:hidden;
	top:85px;
	bottom:48px;
	left:0px;
	right:0px;
}
.notis-canvas .notis-scroll{
	position:absolute;
	overflow:hidden;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
}
.list.notis-canvas .datesep{
	padding:10px;
	position:relative;
	font-weight:bold;
	font-size:13px;
 color:#111;
	cursor:pointer;
}
.list.notis-canvas .datesep:before{
	position:absolute;
	top:20px;
	left:100px;
	right:100px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.list.notis-canvas .datesep.-collapsed:before{
	left:130px;
}
.list.notis-canvas .datesep .count{
	display:none;
 color:#fff;
	background: rgba(38,124,222,0.7);
	padding:2px 6px; margin-left:5px;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
.list.notis-canvas .datesep.-collapsed .count{
	display:inline-block;
}
.list.notis-canvas .datesep .d{
	position:relative;
	display:inline-block;
 color:#999;
	background-color: #fff;
	padding: 3px 6px;
}
.list.notis-canvas .datesep:hover .d{
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	background: rgba(38,124,222,0.5);
	color:#fff;
	transition: background-color 0.1s ease;
}
.list.notis-canvas .datesep .diff{
	color:#aaa;
	position:absolute;
	font-weight:normal;
	font-size:12px;
	right:0px;
	top:8px;
	background-color: #fff;
	padding:5px 25px;
}
.list.notis-canvas .li{
	position:relative;
	cursor:pointer;
	padding:10px 15px 10px 80px;
	margin-bottom:1px;
}
.list.notis-canvas .li:before{
	font-family:ap; content:"\e6b6";
	position:absolute;
	font-size:20px;
	right:15px;
	top:15px;
	color:rgba(0,0,0,0.2);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.list.notis-canvas .li:hover:before{
	font-size:30px;
	top:10px;
	right:10px;
	color: rgba(0,0,0,0.5);
}
.list.notis-canvas .li.unread{
	background-color: #e8f2f7;
}
.list.notis-canvas .li.unread:hover{
	background-color: #F5FCFF;
	transition: background-color 0.1s ease;
}
.list.notis-canvas .li > .avatar{
	top:15px;
	left:15px;
	position:absolute;
}
.list.notis-canvas .li > .text{
	font-size:15px;
	position:relative;
	min-height:50px;
	padding-right:13px;
	padding-top:2px;
}
.list.notis-canvas .li > .text .-title b, .list.notis-canvas .li > .text .-title em{
	font-weight:500;
 color:#000;
}
.list.notis-canvas .li > .text .appicon{
	position:absolute;
	right:0px;
	bottom:3px;
}
.list.notis-canvas .li > .text .appicon img{
	width:16px;
	height:16px;
}
.list.notis-canvas .li > .text .info{
	color:#888;
	font-size:12px;
	padding-top:5px;
}
.list.notis-canvas .li > .text .body{
	font-size:16px;
 color:#111;
	position:relative;
	margin-top:9px;
	padding-left:16px;
	margin-bottom:5px;
	font-weight:300;
}
.list.notis-canvas .li > .text .body:before{
	content:"";
	font-family:ap;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:4px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background: rgba(0,0,0,0.1);
}
.list.notis-canvas .li > .text .info span{
	color:#aaa;
	font-size:14px;
	display:inline-block;
	width:14px;
	margin-right:3px;
	vertical-align:-1px;
}
.list.notis-canvas .li .subitem{
	margin-top:5px;
	padding-left:15px;
	font-size:12px;
	position:relative;
}
.list.notis-canvas .li .subitem:before{
	position:absolute;
	width:6px;
	height:1px;
	background: rgba(0,0,0,0.2);
	content:"";
	left:0px;
	top:4px;
}
.list.notis-canvas .li .subitem:after{
	position:absolute;
	width:4px;
	height:1px;
	background: rgba(0,0,0,0.2);
	content:"";
	left:2px;
	top:8px;
}
.list.notis-canvas .li .subitem .sname{
	margin-right:40px;
}
.list.notis-canvas .li .subitem .stime{
	font-size:11px;
	position:absolute;
	right:1px;
	top:0px;
}
.list.notis-canvas .-more{
	text-align:center;
	display:block;
	font-weight:normal;
	font-size:13px;
	cursor:pointer;
	position:absolute;
	padding:16px 0;
	background-color: #f3f3f3;
	bottom:0px;
	left:0px;
	width:100%;
}
.list.notis-canvas .-more:hover{
	color:#267cde;
	font-weight:bold;
	background-color: #f9f9f9;
}
.list.notis-canvas .li .na-wrapper{
	display:inline-block;
	margin-top:2px;
}
.list.notis-canvas .li .na-wrapper .actions{
	color:#aaa;
	display:none;
	margin-left:4px;
}
.list.notis-canvas .li.notis:hover .na-wrapper .actions{
	display:inline-block;
}
.list.notis-canvas .li .na-wrapper .actions .action{
	cursor:pointer;
	position:relative;
	display:inline-block;
	margin-right:4px;
	min-width:14px;
	height:14px;
}
.list.notis-canvas .li .na-wrapper .actions .action:hover .ap-icon .-ap{
	font-size:18px;
	transition: 100ms ease-out;
}
.list.notis-canvas .li .na-wrapper .actions .pin.hl{
	color: #FFD000;
}
.filters-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.notis-canvas .nc-header #base-notis-app:before{
	font-family:ap; content:"\e5c3";
	position:absolute;
	font-size:14px;
	left:6px;
	top:58%;
	margin-top:-9px;
}
.notis-canvas .nc-header #base-notis-app:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:14px;
	right:4px;
	top:60%;
	margin-top:-9px;
}
.notis-canvas .nc-header #base-notis-status-filter{
	line-height: 14px;
	color: #575757;
}
.notis-canvas .nc-header #base-notis-status-filter:before{
	font-family:ap; content:"\e042";
	position:absolute;
	font-size:14px;
	left:6px;
	top:58%;
	margin-top:-9px;
}
.notis-canvas .nc-header #base-notis-status-filter:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:14px;
	right:4px;
	top:60%;
	margin-top:-9px;
}
.notis-canvas .nc-header #base-notis-status-filter:hover .-cmenu{
	display: block !important;
}
.notis-canvas .nc-header #base-notis-tenants .user-icon{
	width: 14px;
	height: 14px;
	position: absolute;
	left: 6px;
}
.notis-canvas .nc-header #base-notis-tenants:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:14px;
	right:4px;
	top:60%;
	margin-top:-9px;
}
#base-notis-tenants .-item.user-info {
	padding-top: 8px;
	margin-left: 0px;
	padding-left: 64px;
	padding-bottom: 6px;
	line-height: 18px;
}
#base-notis-tenants .profile-name{
	padding-right: 30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#base-notis-tenants img.system {
	width:28px;
	height:28px;
	border-radius: 50%;
	position: absolute;
	left: 26px;
	top: 10px;
}
#base-notis-tenants .unread {
	width:16px;
	height:16px;
	border-radius: 50%;
	position: absolute;
	background: rgba(195, 91, 91, 0.8);
	text-align: center;
	color: #fff;
	line-height: 16px;
	font-size: 9px;
	right: 8px;
	top: 6px;
}
#base-notis-tenants .title{
	color: #6c6c6c !important;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: 500;
}
#base-notis-tenants .base-icon {
	width: 18px;
	height: 18px;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
}
#base-notis-tenants .tenant-group{
	padding-top: 6px;
	padding-bottom: 6px;
}
#base-notis-tenants .tenant-group .-img-icon{
	border-radius: 50%;
}
#base-notis-tenants .tenant-name{
	font-weight: 500;
	margin-left: 8px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 90%;
}
#base-notis .nc-header .scroll-y{
	scrollbar-width: auto !important;
}
#base-notis .nc-header .scroll-y::-webkit-scrollbar{
	width: 3px !important;
}
#base-notis .nc-header .scroll-y::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 3px;
}
#base-notis .nc-header .scroll-y::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
#base-notis .nc-header .scroll-y::-webkit-scrollbar-thumb:hover {
	background: rgba(0, 0, 0, 0.3);
}


#reminder-canvas-wrapper{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:0px;
	z-index:2001;
	background: rgba(0,0,0,0.1);
	z-index:9000;
}
#reminder-button{
	position:absolute;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:60px;
	height:60px;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#267cde', endColorstr='#448ad9');
 background-color:#267cde;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#267cde), to(#448ad9));
 background-image: -webkit-linear-gradient(-45deg, #267cde, #448ad9);
 background-image:	-moz-linear-gradient(-45deg, #267cde, #448ad9);
 background-image: -ms-linear-gradient(-45deg, #267cde, #448ad9);
 background-image: -o-linear-gradient(-45deg, #267cde, #448ad9);
 background-image: linear-gradient(-45deg, #267cde, #448ad9);
	-moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
	bottom:20px;
	left:100px;
}
#reminder-button:before{
	position:absolute;
	width:46px;
	height:46px;
	border:7px solid rgba(0,0,0,0.02);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	top:0px;
	left:0px;
	content:"";
}
#reminder-button:hover:before{
	border:7px solid rgba(0,0,0,0.05);
}
#reminder-button .count{
	position:absolute;
 color:#fff;
	text-align:center;
	top:-4px;
	right:-8px;
	font-size:11px;
	font-weight:500;
	width:24px;
	height:24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #c34343;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:5px;
	-moz-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 1px 0px rgba(0,0,0,0.1);
}
#reminder-button .count.hl{
 animation-name: noticable;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
	-webkit-animation-name: noticable;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-name: noticable;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in;
	-ms-animation-name: noticable;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: ease-in;
}
#reminder-button .icon{
	position:absolute;
	font-size:20px;
 color:#fff;
	text-align:center;
	top:18px;
	left:0px;
	right:0px;
}
#reminder-button .icon svg{
	width:24px;
	height:24px;
	fill:#fff;
}
#reminder-button:hover{
}
#reminder-round{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
#reminder-canvas{
	position:absolute;
	display:none;
	width:380px;
	height:500px;
	bottom:100px;
	left:80px;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.13);
 -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.13);
 box-shadow: 0px 0px 30px rgba(0,0,0,0.13);
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#reminder-canvas-wrapper.active #reminder-canvas{
	display:block;
}
#reminder-canvas:after{
	width: 0; height: 0;
 border-left: 10px solid transparent; border-right: 10px solid transparent; border-top:10px solid #fff;
	position:absolute;
	bottom:-9px;
	left:40px;
	content:"";
}
#reminder-canvas .reminder-header{
	padding:15px 15px 0px 15px;
	background-color: #1663ba;
	-moz-border-radius: 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
	height:85px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
#reminder-canvas .reminder-header .reminder-close{
	position:absolute;
	font-size:16px;
	cursor:pointer;
	color: rgba(255,255,255,0.5);
	right:10px;
	top:10px;
	padding:8px;
	z-index:999;
}
#reminder-canvas .reminder-header .reminder-close:hover{
	color:#fff;
}
#reminder-canvas .reminder-header .title{
	font-size:18px;
	font-weight:500;
 color:#fff;
}
#reminder-canvas .reminder-header .tabs{
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	color: rgba(255,255,255,0.5);
	bottom:0px;
	left:0px;
	right:0px;
}
#reminder-canvas .reminder-header .tabs .tab{
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	padding:13px 0;
	width:33.3%;
}
#reminder-canvas .reminder-header .tabs .tab .icon{
	font-size:14px;
	display:inline-block;
	margin-right:4px;
}
#reminder-canvas .reminder-header .tabs .tab:hover{
	color:#fff;
}
#reminder-canvas .reminder-header .tabs .tab.active{
	font-weight:500;
 color:#fff;
}
#reminder-canvas .reminder-header .tabs .tab.active:before{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:3px;
	background-color: #fff;
	content:"";
}
#reminder-canvas .reminder-body{
	position:absolute;
	top:85px;
	left:0px;
	right:0px;
	bottom:80px;
}
#reminder-canvas .reminder-body .tab{
	display:none;
}
#reminder-canvas .reminder-body .tab.active{
	display:block;
}
#reminder-canvas .reminder-body .tab .notice{
	padding:12px 15px;
	color:#b93333;
	text-transform:uppercase;
	font-weight:500;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:12px;
}
#reminder-canvas .reminder-body .tab .notice .count{
	position:absolute;
	right:10px;
	top:9px;
	background-color: #c34343;
	color:#fff;
	font-size:11px;
	font-weight:500;
	padding:2px 4px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#reminder-canvas .reminder-body .tab .section-title{
	padding:12px 15px 12px 36px;
	color:#aaa;
	text-transform:uppercase;
	font-weight:500;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:11px;
	position:relative;
	background-color: #f9f9f9;
}
#reminder-canvas .reminder-body .tab .section-title:before{
	font-family:ap; content:"\f061";
	position:absolute;
	font-size:16px;
	top:10px;
	left:15px;
}
#reminder-canvas .reminder-body .tab .section-title .count{
	position:absolute;
	right:10px;
	top:9px;
	background-color: #fff;
	color:#D96C6C;
	font-size:11px;
	font-weight:500;
	padding:2px 4px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1);
}
#reminder-canvas .reminder-footer{
	position:absolute;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
 color:#888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	left:0px;
	right:0px;
	bottom:0px;
	height:35px;
	border-top:1px solid rgba(0,0,0,0.1);
	background-color: #fff;
	padding:9px 0;
	-moz-border-radius: 0 0 5px 5px;
 -webkit-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
}
#reminder-canvas .reminder-footer .icon{
	font-size:14px;
}
#reminder-canvas .reminder-footer:hover{
	color:#267cde;
	background: rgba(38,124,222,0.1);
}
#reminder-items .tab .ritems{
	animation: fadeIn 0.2s ease-in-out;
}
#reminder-items .item{
	padding:13px 20px 13px 36px;
	border-bottom:1px solid #eee;
	position:relative;
	cursor:pointer;
}
#reminder-items .item:hover{
	font-weight:500;
	background: rgba(38,124,222,0.1);
	transition: background-color 0.2s ease;
}
#reminder-items .item .actions{
	position:absolute;
	font-weight:normal;
	font-size:12px;
 color:#aaa;
	display:none;
	right:20px;
	top:30px;
	z-index:101;
}
#reminder-items .item:hover .actions{
	display:block;
}
#reminder-items .item .actions .action{
	cursor:pointer;
}
#reminder-items .item .actions .action:hover{
	color:#267cde;
	text-decoration:underline;
}
#reminder-items .item .mask{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:100;
}
#reminder-items .item .trigger{
	position:absolute;
	font-size:16px;
 color:#aaa;
	right:10px;
	top:11px;
}
#reminder-items .item .trigger .appicon{
	position:absolute;
	left:-20px;
	top:-2px;
	width:16px;
	height:16px;
}
#reminder-items .item .trigger .appicon img{
	width:16px;
	height:16px;
}
#reminder-items .item .name{
	font-size:14px;
 color:#111;
	margin-right:60px;
	display: block; display: -webkit-box;
	max-height: 34px;
	font-size: 14px; line-height: 17px; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
#reminder-items .item .info{
	font-size:11px;
 color:#aaa;
	font-weight:normal;
	padding-top:3px;
}
#reminder-items .item.overdue-1 .info .time{
	color:#D96C6C;
}
#reminder-items .item.overdue-1 .info .hidden{
	display:inline-block;
}
#reminder-items .item .dot{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:14px;
	height:14px;
	top:15px;
	left:13px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background-color: #fff;
}
#reminder-items .item.state--1 .dot{
	background-color: #267cde;
 animation-name: showhide;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: showhide;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: showhide;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: showhide;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
#reminder-items .item.state-1{
	color:#42b814;
}
#reminder-items .item.state-1 .name{
	color:#42b814;
	text-decoration:line-through;
}
#reminder-items .item.state-1 .dot{
	background-color: #42b814;
}
#reminder-items .only-meaningful .meaningful-0{
	display:none;
}
#reminder-calendar-wrappers{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background: rgba(0,0,0,0.2);
	z-index:9002;
}
#reminder-calendar{
	position:absolute;
	top:30px;
	left:30px;
	right:30px;
	bottom:85px;
	overflow:hidden;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
 box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
#reminder-calendar .header{
	height:50px;
	border-bottom:2px solid rgba(0,0,0,0.1);
	position:relative;
}
#reminder-calendar .header .icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
	top:15px;
	left:20px;
}
#reminder-calendar .header .title{
	padding:13px 20px 13px 45px;
	font-weight:500;
	font-size:18px;
}
#reminder-calendar .header .title span{
	cursor:pointer;
}
#reminder-calendar .header .title span:hover{
	color:#267cde;
	text-decoration:underline;
}
#reminder-calendar .header .tabs{
	position:absolute;
	overflow:hidden;
 color:#aaa;
	cursor:pointer;
	width:200px;
	border:1px solid rgba(0,0,0,0.1);
	background-color: #f8f8f8;
	left:50%;
	margin-left:-100px;
	top:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#reminder-calendar .header .tabs:after{
	position:absolute;
	top:0px;
	bottom:0px;
	left:50%;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
#reminder-calendar .header .tabs .tab{
	float:left;
	text-align:center;
	width:50%;
	padding:8px 0;
}
#reminder-calendar .header .tabs .tab.active{
	background-color: #fff;
	color:#267cde;
	font-weight:500;
}
#reminder-calendar .header .side{
	position:absolute;
	right:90px;
	top:8px;
}
#reminder-calendar .header .side .item{
	float:left;
	font-size:15px;
 color:#aaa;
	padding:9px 10px;
}
#reminder-calendar .header .side .item em{
	font-weight:500;
 color:#111;
}
#reminder-calendar .header .side .item.nav{
	font-size:24px;
	cursor:pointer;
 color:#aaa;
	padding:2px 5px;
	border:1px solid transparent;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-right:6px;
}
#reminder-calendar .header .side .item.nav:hover{
	color:#111;
	border:1px solid #ddd;
	background-color: #fafafa;
}
#reminder-calendar .header .close{
	position:absolute;
	font-size:24px;
 color:#aaa;
	cursor:pointer;
	right:18px;
	top:2px;
	padding:8px;
}
#reminder-calendar .header .close:before{
	position:absolute;
	left:-13px;
	top:12px;
	bottom:12px;
	width:2px;
	background: rgba(0,0,0,0.1);
	content:"";
}
#reminder-calendar .header .close:hover{
	color:#D96C6C;
}
#reminder-calendar .body{
	position:absolute;
	overflow:hidden;
	top:52px;
	left:0px;
	right:0px;
	bottom:0px;
}
#reminder-calendar .body .day{
	width:14.28%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	position:relative;
	border-left:1px solid rgba(0,0,0,0.1);
	height:100%;
}
#reminder-calendar .body .day.day-0{
	border:none;
}
#reminder-calendar .body .dheader{
	height:80px;
	border-bottom:1px solid #eee;
	background: rgba(243,243,243,0.5);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#reminder-calendar .body .dheader .w{
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
 color:#999;
	padding-top:10px;
}
#reminder-calendar .body .dheader .d{
	padding-top:3px;
	font-weight:300;
	font-size:22px;
 color:#444;
}
#reminder-calendar .body .dbody{
	position:absolute;
	top:81px;
	left:0px;
	right:0px;
	bottom:0px;
}
#reminder-calendar .body .dbody:before{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	height:1px;
	background-color: #eee;
	content:"";
}
#reminder-calendar .body .ditems{
	position:relative;
	overflow:hidden;
	height:50%;
}
#reminder-calendar .body .ditems .item{
	padding:4px 50px 4px 25px;
	position:relative;
	cursor:pointer;
	margin:2px 4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#reminder-calendar .body .ditems .item .c{
	position:absolute;
	background-color: #ccc;
	width:10px;
	height:10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	left:6px;
	top:6px;
}
#reminder-calendar .body .ditems .item .time{
	position:absolute;
	font-weight:500;
	font-size:11px;
	right:8px;
	top:5px;
}
#reminder-calendar .body .ditems .item .name{
	display: block; display: -webkit-box;
	max-height: 16px;
	font-size: 12px; line-height: 16px; -webkit-line-clamp: 1;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
#reminder-calendar .body .ditems .item:hover{
	background: rgba(38,124,222,0.1);
}
#reminder-calendar .body .ditems .item:hover .name{
	text-decoration:underline;
 color:#267cde;
}
#reminder-calendar .body .ditems .item.meaningful-1{
	background: rgba(38,124,222,0.1);
	color:#267cde;
	font-weight:500;
}
#reminder-calendar .body .ditems .item.state-1 .c{
	background-color: #42b814;
}
#reminder-calendar .body .ditems .item.state-1 .name{
	color:#42b814;
	text-decoration:line-through;
}
#reminder-calendar .body .ditems .item.state--1:hover{
	background: rgba(237,99,52,0.1);
	color:#ED6334;
}
#reminder-calendar .body .ditems .item.state--1:hover .name{
	color:#ED6334;
}
#reminder-calendar .body .ditems .item.state--1 .c{
	background-color: #ED6334;
 animation-name: showhide;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: showhide;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: showhide;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: showhide;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
#reminder-calendar .body .ditems .item.state--1 .time{
	color:#ED6334;
}
#reminder-calendar .body .ditems .item.state-0 .c{
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#reminder-calendar.meaningful .body .ditems .item.meaningful-0{
	display:none;
}
#reminder-calendar .body .day.today{
	background: rgba(38,124,222,0.05);
}
#reminder-calendar .body .day.today .dheader{
	border-bottom:3px solid rgba(38,124,222,0.4);
	background: rgba(38,124,222,0.1);
}
#reminder-calendar .body .day.today .dheader .w, #reminder-calendar .body .day.today .dheader .d{
	color:#267cde;
}
#reminder-canvas .reminder-extra-footer{
	position:absolute;
	bottom:35px;
	left:0px;
	right:0px;
	height:50px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 10px;
	z-index:99999;
	border-top:1px solid rgba(0,0,0,0.1);
	overflow: hidden;
}
#reminder-canvas .reminder-extra-footer:before{
	font-family:ap; content:"\e2a3";
	font-size:18px;
 color:#42b814;
	position:absolute;
	left:10px;
	top:10px;
}
#reminder-canvas .reminder-extra-footer .txt{
	font-size:14px;
	font-weight:500;
 color:#D96C6C;
	padding:6px 20px 0 20px;
	margin-left: 5px;
}
#reminder-canvas .reminder-extra-footer .info{
	font-size:11px;
 color:#aaa;
	font-weight:normal;
	padding-top:3px;
	margin-left: 26px;
}
#reminder-canvas .reminder-extra-footer .cta{
	background: rgba(38,124,222,0.8);
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:7px 15px;
	position:absolute;
 color:#fff;
	text-transform:uppercase;
	font-size:10px;
	right:10px;
	top:12px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
}
#reminder-canvas .reminder-extra-footer .cta:hover{
	background: rgba(0,0,0,0.1);
	color:#267cde;
	font-weight:500;
}
#lookback-video-dx .bl-header{
	height: 15px;
	padding: 6px;
}
.base-lookback-video-wrapper .video-btn{
	display:block;
	width: 100%;
	text-align:center;
	bottom: 0px;
	height: 50px;
	padding: 10px 15px;
}
.base-lookback-video-wrapper .video-btn .btn-wrapper .download{
	display:inline-block;
}
.base-lookback-video-wrapper .video-btn .btn-wrapper .cta{
	background: rgba(38,124,222,0.8);
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:7px 15px;
	color:#fff;
	text-transform:uppercase;
	font-weight:500;
	font-size:12px;
	left:10px;
	top:10px;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.1);
}
.base-lookback-video-wrapper .video-btn .btn-wrapper .social{
	display:inline-block;
}
.base-lookback-video-wrapper .video-btn .btn-wrapper .social-btn{
	font-size:28px;
 color:#267cde;
	position:relative;
	top: 6px;
}


#base-calendar{
	background-color: #fff;
	z-index:1000;
	top:0px;
	left:48px;
	right:0px;
	bottom:0px;
	position:absolute;
	display:none;
}
#base-calendar > .title{
	background-color: #fff;
	padding:18px 15px 18px 15px;
	font-size:20px;
 color:#111;
	position:relative;
	font-weight:300;
	-moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
	z-index:1000;
	position:relative;
}
#base-calendar > .title > .slide{
	position:absolute;
	font-size:13px;
	right:10px;
	top:13px;
	width:250px;
}
#cal-top{
	height:32px;
}
#cal-top > .title{
	text-align:center;
 color:#888;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:8px;
}
#cal-top > .nav{
	position:absolute;
 color:#aaa;
	font-size:16px;
	cursor:pointer;
	top:4px;
	padding:4px;
}
#cal-top > .nav:hover{
	color:#267cde;
}
#cal-top > .nav.-next{
	right:6px;
}
#cal-top > .nav.-next:before{
	font-family:ap; content:"\e6ba";
}
#cal-top > .nav.-prev{
	left:6px;
}
#cal-top > .nav.-prev:before{
	font-family:ap; content:"\e6b9";
}
.icon-square-uncheck{
	width:15px;
	height:15px;
	border:2px solid #aaa;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	display:block;
	margin:2px 1px;
}
.icon-square-uncheck.text-error{
	border-color:#c57373;
}
.icon-square-uncheck.text-main, .icon-square-uncheck.text-link{
	border-color:#6098d6;
}
.icon-square-uncheck:hover{
	border-color:#42b814;
}
.list.-tasks{
}
.list.-tasks > .li{
	position:relative;
	padding-left:50px;
	padding-top:15px;
	padding-bottom:15px;
}
.list.-tasks > .li .-featured{
	position:absolute;
	width:3px;
	height:100%;
	top:0px;
	left:0px;
	background-color: #42b814;
}
.list.-tasks > .li:hover{
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#f3f3f3');
 background-color:#ffffff;
 background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f3f3f3));
 background-image: -webkit-linear-gradient(left, #ffffff, #f3f3f3);
 background-image:	-moz-linear-gradient(left, #ffffff, #f3f3f3);
 background-image: -ms-linear-gradient(left, #ffffff, #f3f3f3);
 background-image: -o-linear-gradient(left, #ffffff, #f3f3f3);
 background-image: linear-gradient(left, #ffffff, #f3f3f3);
}
.list.-tasks > .li > .icon{
	position:absolute;
	font-size:24px;
	top:11px;
	left:15px;
	width:32px;
}
.list.-tasks > .li > .checkboxes{
	position:absolute;
	top:11px;
	left:15px;
	width:96px;
	z-index:1000;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.list.-tasks > .li > .checkboxes .item{
	cursor:pointer;
	float:left;
	font-size:24px;
	margin-right:8px;
}
.list.-tasks > .li > .name{
	font-size:17px;
	cursor:pointer;
	margin-right:450px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.list.-tasks > .li > .name .extra{
	font-size:13px;
 color:#999;
	display:none;
}
.list.-tasks > .li > .name .extra b{
	font-weight:normal;
 color:#444;
}
.list.-tasks > .li > .name:hover{
	color:#267cde;
}
.list.-tasks > .li > .due{
	position:absolute;
 color:#999;
	right:360px;
	top:16px;
}
.list.-tasks > .li > .tags{
	position:absolute;
	right:165px;
	top:13px;
	width:110px;
}
.list.-tasks > .li > .tags2{
	position:absolute;
	text-align:center;
	right:275px;
	top:13px;
	width:80px;
}
.list.-tasks > .li .tag{
	padding:5px 13px;
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
	display:inline-block;
}
.list.-tasks > .li > .user{
	position:absolute;
	width:140px;
	right:10px;
	top:9px;
}
.list.-tasks > .li > .user .uname{
	position:absolute;
 color:#888;
	left:43px;
	top:9px;
	right:0px;
}
.list.-tasks > .li > .user .uname b{
	color:#888;
	font-weight:normal;
}
.list.-tasks > .li > .status .state .-ap{
	font-size:16px;
	font-weight:normal;
	display:inline-block;
	vertical-align:-2px;
}
.list.-tasks > .li > .status .state{
	font-weight:bold;
	display:block;
	padding-top:3px;
}
.list.-tasks > .li .users{
	position:absolute;
	right:0px;
	top:2px;
}
.list.-tasks > .li .users .user{
	float:left;
	overflow:hidden;
	width:24px;
	height:24px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-left:8px;
}
.list.-tasks > .li .users .user img{
	width:24px;
	height:24px;
}
.list.-tasks > .li .users .user .more{
	background-color: #267cde;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	width:24px;
	height:24px;
	padding-top:3px;
}
.list.-tasks > .li.-operational:hover > .icon{
	display:none;
}
.list.-tasks > .li.-operational:hover > .checkboxes{
	display:block;
	opacity: 1; filter: alpha(Opacity:100);
}
.list.-tasks > .li.-operational:hover .name{
	margin-left:60px;
}
.list.-tasks.-auto > .li{
	border-bottom:1px solid #eee;
	padding-bottom:13px;
	margin-bottom:13px;
}
.list.-tasks.-auto > .li:last-child{
	border:none;
	margin-bottom:0px;
}
.embed.-task{
	padding:0 15px;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border-left:3px solid #ddd;
}
.embed.-task > .image{
	position:absolute;
	overflow:hidden;
	display:none;
	width:64px;
	height:64px;
	left:15px;
	top:15px;
}
.embed.-task > .li{
	overflow:hidden;
	position:relative;
	padding-top:10px;
	padding-left:96px;
}
.embed.-task > .li .label{
	font-size:13px;
 color:#999;
	position:absolute;
	line-height:18px;
	top:13px;
	left:0px;
}
.embed.-task > .title{
	font-size:18px;
}
#tasks-canvas{
	padding:20px;
}
#tasks-canvas .-task{
	border-bottom:1px solid #eee;
	margin-top:15px;
	padding-bottom:15px;
}
#taskbox{
	position:absolute;
	right:0px;
	top:60px;
	bottom:0px;
	left:0px;
	z-index:100;
}
#task-cal{
	position:relative;
	background-color: #fff;
	z-index:1000;
}
#task-day{
	position:absolute;
	top:34px;
	left:0px;
	width:100%;
	bottom:0px;
	overflow:hidden;
}
#task-cal{
}
#task-cal > .layout{
	position:absolute;
	top:33px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow-y:auto;
}
#task-cal .row{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #e5e5e5;
}
#task-cal .row.-today{
	background: rgba(66,184,20,0.1);
	font-weight:bold;
}
#task-cal .row > .day{
	width:16%;
	font-weight:300;
	font-size:18px;
	float:left;
	position:relative;
	cursor:pointer;
}
#task-cal .row > .day:hover{
	background: rgba(0,0,0,0.05);
}
#task-cal .wrap{
	padding:15px 15px 15px 15px;
}
#task-cal .row > .day .-date{
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	display:block;
 color:#999;
	padding-top:5px;
}
#task-cal .row > .col{
	height:100px;
}
#task-cal .row > .col > .col-w{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	overflow-y:auto;
}
#task-cal .row > .col > .col-w > div{
	padding-top:3px;
	padding-bottom:3px;
}
#task-cal .date{
	width:20%;
}
#task-cal .-morning, #task-cal .-afternoon{
	position:relative;
	float:left;
	width:42%;
}
#task-cal .-morning:after{
	position:absolute;
	right:0px;
	top:0px;
	width:1px;
	height:100%;
	border-right:1px dotted rgba(0,0,0,0.15);
	content:"";
}
#task-cal .-morning:before{
	position:absolute;
	left:-1px;
	top:0px;
	width:1px;
	height:100%;
	border-right:1px dotted rgba(0,0,0,0.15);
	content:"";
}
#task-cal .item{
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin:1px 5px 1px 5px;
	padding:5px 5px;
	padding-left:64px;
	padding-right:80px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#task-cal .item.-closed{
	display:none;
}
#task-cal .item:hover{
	background: rgba(38,124,222,0.1);
}
#task-cal .item .-time{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	top:5px;
	left:27px;
	width:50px;
}
#task-cal .item .-sign{
	position:absolute;
	top:5px;
	left:8px;
}
#task-cal .item.-success{
	color:#42b814;
}
#task-cal .item.-error{
	color:#c34343;
}
#task-cal .item .-sign .-circle{
	width:10px;
	height:10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	background-color: #ccc;
	margin-top:1px;
	margin-left:2px;
	display:block;
}
#task-cal .item .-sign .-circle.-active{
	background-color: #267cde;
}
#task-cal .item .-sign .-icon{
	display:block;
 color:#fff;
	text-align:center;
	background-color: #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	width:14px;
	height:14px;
}
#task-cal .item .-sign .-icon.-success{
	background-color: #42b814;
}
#task-cal .item .-sign .-icon.-error{
	background: rgba(195,67,67,0.8);
}
#task-cal .item .-sign .-ap{
	font-size:12px;
	display:block;
	padding-top:1px;
}
#task-cal .item .-name{
}
#task-cal .item .label{
	position:absolute;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	top:5px;
	right:5px;
	padding:1px 3px;
	background: rgba(0,0,0,0.4);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color:#fff;
}
#task-cal .item.-active .label{
	background-color: #267cde;
}
#task-cal .item.-done .label{
	background-color: #42b814;
}
#task-cal .item .avatar{
	display:block;
	position:absolute;
	overflow:hidden;
	font-weight:normal;
 color:#888;
	font-size:12px;
	width:80px;
	height:16px;
	right:3px;
	top:3px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
#task-cal .item .avatar b{
	font-weight:normal;
}
#task-cal .item .avatar img{
	width:16px;
	height:16px;
}
.list.-tasks.-compact > .li{
	padding-left:36px;
}
.list.-tasks.-compact > .li .-featured{
	display:none;
}
.list.-tasks.-compact > .li > .name{
	font-size:16px;
}
.list.-tasks.-compact > .li > .name .extra{
	display:inline;
}
.list.-tasks.-compact > .li .user{
	width:32px;
	height:32px;
	overflow:hidden;
}
.list.-tasks.-compact > .li .tags, .list.-tasks.-compact > .li .tags2{
	display:none;
}
.list.-tasks.-compact > .li > .checkboxes, .list.-tasks.-compact > .li > .icon{
	left:0px;
}
.list.-tasks.-compact > .li > .due{
	right:50px;
	opacity: 0; filter: alpha(Opacity:0);
}
.list.-tasks.-compact > .li > .name{
	margin-right:60px;
}
.list.-tasks.-compact > .li:hover{
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#f5f5f5', endColorstr='#ffffff');
 background-color:#f5f5f5;
 background-image: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#ffffff));
 background-image: -webkit-linear-gradient(left, #f5f5f5, #ffffff);
 background-image:	-moz-linear-gradient(left, #f5f5f5, #ffffff);
 background-image: -ms-linear-gradient(left, #f5f5f5, #ffffff);
 background-image: -o-linear-gradient(left, #f5f5f5, #ffffff);
 background-image: linear-gradient(left, #f5f5f5, #ffffff);
}


#base-star{
	background-color: #fff;
	z-index:1001;
	top:0px;
	left:48px;
	right:0px;
	bottom:0px;
	position:absolute;
}
#base-star > .base-app-title{
	background-color: #fff;
	padding:18px 15px 18px 15px;
	font-size:20px;
 color:#111;
	position:relative;
	font-weight:300;
	-moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
	z-index:1000;
	position:relative;
}


.etaskform{
	position:relative;
}
.etaskform .rf{
	padding:10px 50px 10px 32px;
	font-size:13px;
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:text;
}
.etaskform .rf:before{
	font-family:ap; content:"\e787";
	position:absolute;
	font-size:20px;
 color:#aaa;
	top:7px;
	left:10px;
}
.etaskform .rf .textarea{
	position:relative;
 color:#999;
}
.etaskform > .r{
	position:relative;
}
.etaskform .einput{
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.etaskform .einput:before{
	font-family:ap; content:"\e787";
	position:absolute;
	font-size:20px;
 color:#aaa;
	top:7px;
	left:10px;
}
.etaskform .einput .minput input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.etaskform .einput .minput input{
	padding:10px 50px 10px 32px;
	font-size:13px;
}
.etaskform .extra-data{
	border-top:1px solid rgba(0,0,0,0.1);
	background-color: #fafafa;
	height:36px;
}
.etaskform .extra-data.-last{
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.etaskform .extra-data .elem{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	width:33.3%;
	padding:4px 10px;
}
.etaskform.-wework .extra-data{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.etaskform .extra-data .elem:after{
	position:absolute;
	width:2px;
	right:0px;
	top:15px;
	height:2px;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	content:"";
}
.etaskform .extra-data .elem:before{
	position:absolute;
	width:2px;
	right:0px;
	top:20px;
	height:2px;
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	content:"";
}
.etaskform .extra-data .elem.last:before, .etaskform .extra-data .elem.last:after{
	display:none;
}
.etaskform .extra-data .elem .icon{
	font-size:14px;
 color:#aaa;
	position:absolute;
	top:10px;
	left:13px;
}
.etaskform .extra-data .elem > input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.etaskform .extra-data .elem > input{
	padding:5px;
	padding-left:22px;
	font-size:13px !important;
}
.etaskform .extra-data .elem .elabel{
	font-size:11px;
	font-weight:500;
 color:#aaa;
	position:absolute;
	text-transform:uppercase;
	left:32px;
	top:9px;
}
.etaskform .extra-data .elem .eselect{
	margin-left:20px;
}
.etaskform .extra-data .elem .eselect select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.etaskform .extra-data .elem .eselect select{
	padding:3px 0 3px 55px;
	font-size:13px;
}
.etaskform .extra-data .elem .eselect .improve-select{
	padding:0px 0 0px 55px;
	border:none;
}
.etaskform .extra-data .elem .eselect .improve-select .is-display{
	padding:3px 0;
	font-size:13px;
}
.etaskform .extra-data.-mobile .elem .elabel{
	display:none;
}
.etaskform .extra-data.-mobile .elem .eselect .improve-select, .etaskform .extra-data.-mobile .elem .eselect select{
	padding-left:0px;
}
.etaskform .extra-data.-mobile .elem .improve-select.active .is-box{
	right:auto;
	width:270px;
}
.etaskform .einput .extra-footer{
	clear:both;
	padding:10px;
}
.etaskform .einput .extra-footer .ef-button{
	padding:8px 10px;
	display:inline-block;
 color:#aaa;
	cursor:pointer;
	margin-right:10px;
}
.etaskform .einput .extra-footer .ef-button.-cta{
	background-color: #42b814;
	color:#fff;
	font-weight:500;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.etaskform .einput .extra-footer .ef-button.-cta:hover{
	background-color: #267cde;
	color:#fff;
}
.etaskform .einput .extra-footer .ef-button.-cancel:hover{
	color:#267cde;
	text-decoration:underline;
}
.etaskform.active .einput{
	border:1px solid rgba(38,124,222,0.8);
	-moz-box-shadow: 0px 0px 6px rgba(38,124,222,0.2);
 -webkit-box-shadow: 0px 0px 6px rgba(38,124,222,0.2);
 box-shadow: 0px 0px 6px rgba(38,124,222,0.2);
}
.etaskform .esubmit{
	position:absolute;
	cursor:pointer;
	right:5px;
	top:3px;
	padding:7px;
	width:16px;
	height:16px;
	opacity: 0.4; filter: alpha(Opacity:40);
}
.etaskform .esubmit img{
	width:16px;
	height:16px;
}
.etaskform .esubmit:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.etasklist{
	padding-top:8px;
}
.etasklist .etask-detail{
	border-bottom:1px dotted #ddd;
	padding:13px 80px 13px 32px;
	position:relative;
}
.etasklist .etask-detail:last-child{
	border:none;
}
.etasklist .etask-detail .etask-user{
	position:absolute;
 color:#888;
	right:0px;
	top:10px;
	padding-left:30px;
}
.etasklist .etask-detail .etask-user img{
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	top:0px;
	left:0px;
}
.etasklist .etask-detail .etask-user span{
	display:block;
	padding-top:3px;
}
.etasklist .etask-detail .echeckbox{
	border:1px solid #bbb;
	position:absolute;
	cursor:pointer;
	width:16px;
	height:16px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	top:11px;
	left:0px;
}
.etasklist .etask-detail .etask-name{
	font-size:14px;
	cursor:pointer;
	margin-right:150px;
}
.etasklist .etask-detail .no-assign{
	font-style:italic;
 color:#aaa;
	font-size:12px;
	position:absolute;
	right:0px;
	top:13px;
}
.etasklist .etask-detail .etask-deadline{
	position:absolute;
	font-size:11px;
 color:#aaa;
	top:11px;
	right:90px;
}
.etasklist .etask-detail .etask-deadline > span{
	display:block;
	border:1px solid #e5e5e5;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	padding:2px 5px;
}
.etasklist .etask-detail.status-1 .echeckbox{
	background: rgba(66,184,20,0.8);
	border:1px solid #42b814;
}
.etasklist .etask-detail.status-1 .echeckbox:after{
	font-family:ap; content:"\ea2b";
	color:#fff;
	position:absolute;
	font-size:12px;
	top:2px;
	left:1px;
}
.etasklist .etask-detail.status-1 .etask-name{
	font-weight:500;
 color:#42b814;
	text-decoration:line-through;
}
.etaskform .r{
	display:none;
}
.etaskform.activated .rf{
	display:none;
}
.etaskform.activated .r{
	display:block;
}


.etaskform-v2{
	position:relative;
	z-index: 999;
	background-color: white;
	margin-top: 10px;
}
/* FAKE */
.etaskform-v2 .rf{
	padding:10px 50px 10px 25px;
	font-size:13px;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	border: 1px solid #ddd;
	padding-left: 35px;
}
.etaskform-v2 .rf .-add {
	color:#3A3A3A;
	left: 9px;
	top: 5px;
}
.etaskform-v2 .rf .-add .ap-icon {
	font-size:20px;
}
.etaskform-v2 .rf .textarea{
	position:relative;
	font-size:13px;
}
.etaskform-v2 > .r{
	position:relative;
}
.etaskform-v2 .einput{
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding: 4px 8px;
	padding-bottom: 0px;
}
.etaskform-v2 .einput .minput input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.etaskform-v2 .einput .minput input{
	border: none;
	font-weight: 400;
	font-size: 16px;
	padding: 14px;
	padding-bottom: 16px;
}
.etaskform-v2 .extra-data{
	display: flex;
	flex-wrap: wrap;
}
.etaskform-v2 .extra-data .elem{
	min-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	flex: 1;
	padding: 0 10px 10px;
	font-size:13px;
}
.etaskform-v2 .extra-data .elem .base-icon.-icon.-tt {
	top: 4px;
}
.etaskform-v2 .extra-data .elem .icon{
	font-size:14px;
 color:#aaa;
	position:absolute;
	top:10px;
	left:13px;
}
.etaskform-v2 .extra-data .elem > input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.etaskform-v2 .extra-data .elem > input{
	padding:5px;
	padding-left: 30px;
	font-size:13px !important;
}
.etaskform-v2 .extra-data .elem .elabel{
	font-size:11px;
	font-weight:500;
 color:#aaa;
	position:absolute;
	text-transform:uppercase;
	left:32px;
	top:9px;
}
.etaskform-v2 .extra-data .elem .eselect{
	margin-left: 30px;
}
.etaskform-v2 .extra-data .elem .eselect select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.etaskform-v2 .extra-data .elem .eselect select{
	padding:3px 0 3px 55px;
	font-size:13px;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select{
	border: 1px solid #fff;
	width: fit-content;
	padding: 3px 5px;
	margin-left: -5px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding-right: 22px;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select.active{
	border: 1px solid rgba(30, 136, 229, 1);
	box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.3);
	padding-right: 5px;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select:hover{
	background-color: #F5F5F5;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select.active .is-display:after{
	display:none;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select .is-display{
	padding:3px 0;
	font-size:13px;
	max-width: 250px;
	color:#3A3A3A;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select .is-display:after{
	right: -20px;
	top: 5px;
}
.etaskform-v2 .extra-data .elem .eselect .improve-select .is-box{
	width: 300px;
}
.etaskform-v2 .extra-data.-mobile .elem .elabel{
	display:none;
}
.etaskform-v2 .extra-data.-mobile .elem .eselect .improve-select, .etaskform-v2 .extra-data.-mobile .elem .eselect select{
	padding-left:0px;
}
.etaskform-v2 .extra-data.-mobile .elem .improve-select.active .is-box{
	right:auto;
	width:270px;
}
/* BUTTON */
.etaskform-v2 .einput .extra-footer{
	position:relative;
	clear:both;
	padding: 10px 0;
	border-top:1px solid rgba(0,0,0,0.1);
	margin-top: 45px;
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
	font-size:13px;
	z-index: 0;
}
.etaskform-v2 .einput .extra-footer .ef-button{
	padding: 4px 10px;
	display:inline-block;
 color:#3A3A3A;
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border: 1px solid #ddd;
	font-weight: 500;
}
.etaskform-v2 .einput .extra-footer .ef-button.-cta{
	background-color: #1E88E5;
	color:#fff;
	font-weight:500;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.etaskform-v2 .einput .extra-footer .ef-button.-cta:hover{
	background-color: #267cde;
	color:#fff;
}
.etaskform-v2 .einput .extra-footer .ef-button.-cancel:hover{
	color:#267cde;
	border: 1px solid #267cde;
}
.etaskform-v2.active .einput{
	border:1px solid rgba(38,124,222,0.8);
	-moz-box-shadow: 0px 0px 6px rgba(38,124,222,0.2);
 -webkit-box-shadow: 0px 0px 6px rgba(38,124,222,0.2);
 box-shadow: 0px 0px 6px rgba(38,124,222,0.2);
}
.etaskform-v2 .esubmit{
	position:absolute;
	cursor:pointer;
	right:5px;
	top:3px;
	padding:7px;
	width:16px;
	height:16px;
	opacity: 0.4; filter: alpha(Opacity:40);
}
.etaskform-v2 .esubmit img{
	width:16px;
	height:16px;
}
.etaskform-v2 .esubmit:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.etasklist-v2{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.etasklist-v2 .etask-detail{
	border-bottom:1px solid #eee;
	padding: 13px 100px 13px 40px;
	position:relative;
}
.etasklist-v2 .etask-detail:last-child {
	border-bottom: none;
}
.etasklist-v2 .etask-detail .etask-user{
	position:absolute;
 color:#888;
	right: 10px;
	top: 12px;
	padding-left:30px;
	max-width: 50px;
}
.etasklist-v2 .etask-detail .etask-user img{
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	top:0px;
	left:0px;
}
.etasklist-v2 .etask-detail .etask-user span{
	display:block;
	padding-top: 1.5px;
}
.etasklist-v2 .etask-detail .echeckbox{
	border:1px solid #bbb;
	position:absolute;
	cursor:pointer;
	width:16px;
	height:16px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	top:13px;
	left: 10px;
}
.etasklist-v2[data-valid-linkto="1"] .etask-detail .echeckbox {
	cursor: not-allowed;
}
.etasklist-v2 .etask-detail.status-1 .echeckbox:after {
	font-family: ap;
	content: "\ea2b";
	color: #fff;
	position: absolute;
	font-size: 12px;
	top: 2px;
	left: 1.5px;
}
.etasklist-v2 .etask-detail .etask-name{
	font-size:14px;
	cursor:pointer;
	margin-right: 110px;
}
.etasklist-v2 .etask-detail .no-assign{
	font-style:italic;
 color:#aaa;
	font-size:12px;
	position:absolute;
	right: 10px;
	top:13px;
}
.etasklist-v2 .etask-detail .etask-deadline{
	position:absolute;
	font-size:11px;
 color:#aaa;
	top: 12px;
	right: 100px;
}
.etasklist-v2 .etask-detail .etask-deadline > span{
	display:block;
	border:1px solid #e5e5e5;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	padding:2px 5px;
}
.etasklist-v2 .etask-detail.status-1 .echeckbox{
	background: rgba(66,184,20,0.8);
	border:1px solid #42b814;
}
.etasklist-v2 .etask-detail.status-1 .etask-name{
	font-weight:500;
 color:#42b814;
	text-decoration:line-through;
}
/* CHANGE STATE */
.etaskform-v2 .r{
	display:none;
}
.etaskform-v2.activated-v2 .rf{
	display:none;
}
.etaskform-v2.activated-v2 .r{
	display:block;
}
/* Pick user */
.etaskform-v2 .extra-data .elem .es-assignee {
	margin-left: 30px;
	background-color: #F7F7F7;
	border: 1px solid #DDDDDD;
	color:#757575;
	height: 28px;
	width: fit-content;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	padding: 0 10px;
	min-height: 24px;
	display: inline-flex;
	gap: 3px;
	align-items: center;
}
.etaskform-v2 .extra-data .elem .es-assignee:hover {
	background-color: #eeeeee;
}
.etaskform-v2 .extra-data .elem .es-assignee #assignee-wrapper {
	display: flex;
	max-width: 200px;
	align-items: center;
}
.etaskform-v2 .extra-data .elem .es-assignee #assignee-wrapper .es-user {
	display: flex;
	align-items: center;
	gap: 6px;
	overflow: hidden;
	height: 100%;
}
.etaskform-v2 .extra-data .elem .es-assignee #assignee-wrapper .es-user .base-avatar {
	width: 16px;
	height: 16px;
}
.etaskform-v2 .extra-data .elem .es-assignee #assignee-wrapper .es-user .base-avatar .avatar-image {
	display: flex;
	align-items: center;
}
.etaskform-v2 .extra-data .elem .es-assignee #assignee-wrapper .es-user .name {
	font-size: 13px;
	font-weight: 400;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center;
}
.etaskform-v2 .extra-data .elem .es-assignee .close-user {
	padding: 0px 0px;
	align-self: center;
	color:#5B5B5B;
	right: -4px;
	position:relative;
	top: -1.5px;
}
.etaskform-v2 .extra-data .elem .es-assignee .blank {
	padding: 6px;
	margin-left: -6px;
	margin-right: -6px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	color:#757575;
}
/* Date picker */
.etaskform-v2 .extra-data .elem .es-deadline-options {
	display: flex;
	align-items: center;
	margin-left: 24px;
	cursor: pointer;
	width: fit-content;
	padding: 6px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.etaskform-v2 .extra-data .elem .es-deadline-options:hover {
	background-color: #F5F5F5;
}
.etaskform-v2 .extra-data .elem .es-deadline-options .option {
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	min-height: 24px;
	gap: 3px;
	display: flex;
	align-items: center;
	cursor: pointer;
	position:relative;
	padding: 0px 5px;
	margin: 0px 5px;
}
.etaskform-v2 .extra-data .elem .es-deadline-options .option .base-icon {
	left: -2px;
	top: -5px;
	padding-top: 9px;
	color:#888;
	position:relative;
}
.etaskform-v2 .extra-data .elem .es-deadline-options .option.-b::before {
	content: ' ';
	position:absolute;
	width: 1px;
	height: 16px;
	background-color: #DDDDDD;
	right: -5px;
	top: 7px;
}
.etaskform-v2 .extra-data .elem .es-deadline-options .due {
	color:#757575;
}
.etaskform-v2 .extra-data .elem .es-deadline-options .option:hover {
	background-color: #F5F5F5;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.etaskform-v2 .extra-data .elem .es-value-deadline {
	margin-left: 19px;
	margin-top: 4px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.etaskform-v2 .extra-data .elem .es-value-deadline:hover .close-deadline {
	display:block;
}
.etaskform-v2 .extra-data .elem .es-value-deadline .alias {
	display: flex;
	align-items: center;
	gap: 4px;
	color:#3A3A3A;
	margin-left: 11px;
	margin-top: 2px;
	cursor:pointer;
}
.etaskform-v2 .extra-data .elem .es-value-deadline .alias .-text {
	color:#757575;
}
.etaskform-v2 .extra-data .elem .es-value-deadline .base-datepicker-v2 {
	display:none;
}
.etaskform-v2 .extra-data .elem .es-value-deadline .close-deadline {
	padding: 0px 0px;
	align-self: center;
	color:#5B5B5B;
	position:relative;
	margin-top: -2px;
	display:none;
}
/* More */
.etaskform-v2 .es-row-more {
	display: flex;
	align-items: center;
	gap: 0px;
	padding-top: 12px;
	position:absolute;
	top: -42px;
	left: 0px;
	font-size:13px;
	min-height: 26px;
}
.etaskform-v2 .es-row-more .-more {
	padding: 0px;
	border: unset;
	margin-left: 0;
	margin-right: 14px;
	min-height: 26px;
	background-color: unset;
	gap: 3px;
	display: inline-flex;
}
.etaskform-v2 .es-row-more .inner-wr {
	color:#757575;
	width: unset;
	padding-top: 0;
	display: inline-flex;
	align-items: center;
	padding: 0 6px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	font-weight: 400;
	cursor: pointer;
	position:relative;
}
.etaskform-v2 .es-row-more .inner-wr:hover {
	background-color: #F5F5F5;
}
.etaskform-v2 .es-row-more .inner-wr .base-icon {
	position:relative;
	margin-right: 2px;
}
.etaskform-v2 .es-row-more .inner-wr.-before::before {
	content: ' ';
	position:absolute;
	width: 1px;
	height: 16px;
	background-color: #DDDDDD;
	right: -9px;
}
/* Desc */
.etaskform-v2 .es-row-desc {
	margin-left: 10px;
	margin-top: -4px;
}
.etaskform-v2 .es-row-desc .tt-wrapper .base-icon {
	margin-top: 12px;
}
.etaskform-v2 .es-desc {
	background-color: white;
	margin-left: 20px;
	margin-top: -1px;
	max-width: calc(100% - 30px);
	padding: 0px;
	border: unset;
}
.etaskform-v2 .es-desc .fr-input {
	padding: 0;
	width: 100%;
	background: #fff;
	border-radius: 8px;
}
.etaskform-v2 .es-desc .fr-input .js-textarea-editor {
	display: flex;
	flex-direction: column-reverse;
}
.etaskform-v2 .fr-input .js-textarea-editor .ql-container{
	height: unset !important;
	-moz-border-radius: 7px 7px 0 0;
 -webkit-border-radius: 7px 7px 0 0;
 border-radius: 7px 7px 0 0;
	padding: 4px;
	background-color: #F7F7F7;
	border: none;
}
.etaskform-v2 .fr-input .js-textarea-editor .ql-container .ql-editor {
	line-height: 1.7;
	overflow-y: unset;
	scrollbar-width: thin;
	padding: 8px;
	background-color: white;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	font-family: 'Roboto', 'Arial', 'sans-serif';
	color:#3A3A3A;
}
.etaskform-v2 .ql-snow .ql-fill,
.etaskform-v2 .ql-snow .ql-stroke.ql-fill {
	fill: #757575;
}
.etaskform-v2 .ql-snow .ql-stroke {
	stroke: #757575;
}
.etaskform-v2 .fr-input .js-textarea-editor .ql-container .ql-editor.ql-blank::before {
	left: 12px;
	font-size:13px;
	font-family: 'Roboto', 'Arial', 'sans-serif';
	line-height: unset;
	color:#757575;
}
.etaskform-v2 .fr-input .js-textarea-editor .ql-container .ql-editor p {
	padding-bottom: 0;
	@f13px;
}
.etaskform-v2 .ql-snow.ql-toolbar button, .etaskform-v2 .ql-snow .ql-toolbar button {
	height: 21px;
	width: 21px;
}
.etaskform-v2 .ql-toolbar.ql-snow {
	padding: 3px;
	border: none;
	border-radius: 0 0 5px 5px;
	background-color: #F7F7F7;
	margin-bottom: 10px;
}
/* Followers */
.etaskform-v2 .es-row-followers {
	position:relative;
	display:none;
	margin-left: 10px;
	margin-bottom: 12px;
	z-index: 1;
}
.etaskform-v2 .es-row-followers .tt-wrapper .base-icon {
	padding-top: 4px;
}
.etaskform-v2 .es-value-followers {
	background-color: unset;
	margin-left: 30px;
}
.etaskform-v2 .es-value-followers .-followers {
	display: flex;
	align-items: center;
	color:#757575;
	padding: 6px;
	margin-left: -6px;
	border-radius: 5px;
	font-size:13px;
	width: fit-content;
	height: 30px;
	box-sizing: border-box;
}
.etaskform-v2 .es-value-followers .-followers:hover {
	background-color: #F7F7F7;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.etaskform-v2 .followers-zone {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 0px;
	margin-left: -2px;
}
.etaskform-v2 .followers-zone .followers-list {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 2px 4px;
	padding-left: 10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.etaskform-v2 .followers-zone .followers-list:hover {
	cursor:pointer;
	background-color: #F7F7F7;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.etaskform-v2 .followers-zone .followers-list .avatar {
	margin-left: -8px;
	background-color: #fff;
	border: 1px solid #fff;
}
.etaskform-v2 .followers-zone .followers-add {
	color:#2F3139;
	font-size: 18px;
	cursor:pointer;
	padding: 0 2px 0 2px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	border-radius: 50%;
	border: 2px dashed #E3E3E4;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.etaskform-v2 .followers-zone .followers-add .icon-add {
	margin-top: 1px;
}
/* Files */
.etaskform-v2 .es-row-attach {
	display: flex;
	margin-left: 10px;
	display:none;
}
.etaskform-v2 .es-row-attach .es-value-attach {
	width: calc(100% - 65px);
	padding: 0px;
	border: unset;
	background-color: unset;
	color:#7F8085;
	margin-left: 30px;
}
.etaskform-v2 .es-row-attach .attach-zone {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 5px;
}
.etaskform-v2 .es-row-attach .attach-zone .-add {
	position:relative;
	display: flex;
	font-size:13px;
	align-items: center;
	gap: 4px;
	width: fit-content;
	cursor:pointer;
	padding: 4px;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	font-weight: 500;
	color:#3A3A3A;
}
.etaskform-v2 .es-row-attach .attach-zone .-add .base-icon {
	padding: 0;
	position:relative;
}
.etaskform-v2 .es-row-attach .attach-zone .attach-info {
	display:none;
}
.etaskform-v2 .es-row-attach .attach-zone .atts {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 12px;
}
.etaskform-v2 .es-row-attach .attach-zone .atts.scs {
	margin-bottom: 10px;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4px 8px;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .file-remove {
	margin-top: -5px;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .info-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .info-wrapper .file-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size:13px;
	font-weight: 400;
	max-width: 160px;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .info-wrapper .file-info .name {
	color:#3A3A3A;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .info-wrapper .file-info .size {
	color:#8F8F8F;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .file-remove .base-icon {
	color:#3A3A3A;
}
.etaskform-v2 .es-row-attach .attach-zone .atts .att .base-icon {
	padding-top: 0;
	position:relative;
}
.etaskform-v2 .es-row-attach .attach-zone .upload-form input {
	cursor:pointer;
}
.etaskform-v2 .es-row-attach .js-task-attach {
	display:none;
}
.etaskform-v2 .es-row-attach .tt-wrapper .base-icon {
	padding-top: 2px;
}


.box.-postform .buttons .cancel:hover{
	color:#c34343;
	text-decoration:underline;
}
.box.-postform .form.-modern .buttons{
	display:block;
}
.box.-postform .form.-modern form{
	display:none;
}
.box.-postform .form.-modern .mform{
	position:relative;
	display:block;
	margin-bottom:-10px;
}
.box.-postform .form.-modern .mform .mc{
	position:relative;
	height:58px;
	background: rgba(0,0,0,0.03);
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:text;
	-moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.03);
 -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.03);
 box-shadow: inset 0px 0px 2px rgba(0,0,0,0.03);
}
.box.-postform .form.-modern .mform .mc:hover{
	background: rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.05);
 -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.05);
 box-shadow: inset 0px 0px 3px rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.15);
}
.box.-postform .form.-modern .mform .mc .mavatar{
	position:absolute;
	overflow:hidden;
	top:13px;
	left:16px;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.box.-postform .form.-modern .mform .mc .mavatar img{
	width:32px;
	height:32px;
}
.box.-postform .form.-modern .mform .mtext{
	font-size:14px;
 color:#888;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	padding:13px 16px 13px 60px;
}
.box.-postform .form.-modern .mform .mtext > div{
	padding-top:7px;
}
.box.-postform .form.-modern .mform .mside{
	position:absolute;
	right:15px;
	top:13px;
}
.box.-postform .form.-modern .mform .mside .base-action{
	padding-left:32px;
}
.box.-postform .form.-modern .mform .mside .base-action:hover{
	text-decoration:underline;
}
.box.-postform .form.-modern.-activated form{
	display:block;
}
.box.-postform .form.-modern.-activated .mform{
	display:none;
}


.base-feedback-list {
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	overflow: hidden;
	margin-bottom: 20px;
}
.base-feedback-list .feedback-list-item {
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	padding: 13px 360px 13px 0px;
	border-bottom: 1px solid #ececec;
}
.base-feedback-list .feedback-list-item:last-child{
	border-bottom: none;
}
.base-feedback-list .feedback-list-item .item-main .name {
	font-size:14px;
 color:#2a2e45;
	padding-top: 2px;
}
.base-feedback-list .feedback-list-item .item-main:hover .name{
	color:#267cde;
	cursor:pointer;
	transition: all 0.3s;
}
.base-feedback-list .feedback-list-item .item-side{
	position:absolute;
	right: 0px;
	top: 15px;
}
.base-feedback-list .feedback-list-item .metatype .base-title{
	font-size:13px;
	font-weight:500;
 color:#666;
}
.base-feedback-list .feedback-list-item .feedback-rating {
	position:relative;
	padding-left: 25px;
}
.base-feedback-list .feedback-list-item .feedback-rating .emoji{
	position:absolute;
	left: 0;
	top: 0;
}
.base-feedback-list .feedback-list-item .feedback-rating .label{
	color:#444;
	padding-top: 2px;
}
.base-feedback-list .feedback-list-item .since {
	font-size:12px;
 color:#999;
	padding-top: 2px;
}
.base-feedback-list .efeedback-header {
	color:#888;
	padding: 8px 0;
}
.base-feedback-list .efeedback-header .btn {
	color:#267cde;
}
.base-feedback-list .empty-state{
	color:#888;
	padding: 8px 0;
}
.base-feedback-list .empty-state .url{
	color:#267cde;
}
.base-feedback-list .empty-state .url:hover{
	font-weight:500;
}


#base-search {
	display:none;
}
#base-search > .-canvas {
 background:rgba(0,0,0,0.6);
	z-index:101;
}
#base-search .box{
	position:relative;
	background-color: #f8f8f8;
	width:850px;
	top:48px;
	margin: 0 auto;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	border:1px solid #ccc;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
}
#base-search .top{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #dcdcdc;
}
#base-search .top .search-input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
 color:#888;
	font-size:20px;
	background-color: #fff;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	padding: 12px 20px 10px 54px;
	border:none;
	width:100%;
}
#base-search .top .search-clear{
	position:absolute;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	right:20px; top:14px;
	width:21px;height:22px;
	background-color: #ccc;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	padding: 4px 4px;
}
#base-search .top .search-clear::before{
	font-family:ap; content:"\e209";
	color:#fff;
	font-size:14px;
}
#base-search .top .search-clear:hover{
	background-color: #aaa;
}
#base-search .top .search-input::placeholder{
	color:#ccc;
}
#base-search .top::before{
	position:absolute; top:13px; left:14px;
	font-size:30px;
 color:#aaa;
	font-family:ap; content:"\e2ca";
}
#base-search .sb{
	position:relative;
}
#base-search .sb .search-tabs{
	padding: 5px 15px 0 15px;
	margin-bottom: 10px;
	background-color: #fff;
	border-bottom:1px solid #eee;
}
#base-search .sb .search-tabs .base-tab{
	margin-right:13px;
}
#base-search .sb .search-tabs .active{
	border-bottom:1px solid #111;
}
#base-search .sb .search-filters{
	padding: 0 15px;
	margin: 10px 0;
}
#base-search .sb .base-filter{
	margin-right: 10px;
	margin-bottom: 5px;
}
#base-search .sb .base-filter.active{
	border:1px solid #267cde;
}
#base-search .sb .base-filter .js-value{
	font-weight:bold;
}
#base-search .sb .base-filter .-cmenu{
	right:none; left:0;
}
#base-search .sb .base-filter.f-chip::after{
	content:"";
	display:block;
 background-color: #aaa;
	right:14px;
 top:12px;
	width:6px;
	height:6px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#base-search .sb .base-filter.f-chip.active::after{
	background-color: #267cde;
}
#base-search .sb .sort-filter{
	position:relative;
	margin-right: 20px;
	color:#999;
	border: none !important;
}
#base-search .sb .sort-filter .filter-sep{
	position:absolute;
	background-color: #ddd;
	height:100%;
	width:1px;
	right:-5px;top:0;
}
#base-search .sb .sort-filter .js-value{
	font-weight:400;
}
#base-search .footer{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	border-top:1px solid rgba(0,0,0,0.1);
	height:50px;
	background-color: #f6f6f6;
}
#base-search .result-list{
	padding: 0 15px 12px;
	margin-top: 8px;
	position:relative;
}
#base-search .result-list .result-item{
 margin-bottom: 8px;
}
#base-search .result-list .result-item.active{
	background: rgba(38,124,222,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#base-search .result-list .result-item:active{
	background: rgba(38,124,222,0.1);
}
#base-search .result-list .group-title{
	margin: 20px 0 15px 10px;
	font-weight:bold;
	font-size:16px;
 color:#555;
}
#base-search .result-more{
	margin: 20px;
}
#base-search .result-more .m-title{
	margin:auto;
	width: fit-content;
	text-transform:uppercase;
	font-size:13px;
 color:#aaa;
	cursor:pointer;
}
#base-search .result-more .m-title:hover{
	text-decoration:underline;
 color:#888;
}
#base-search .search-universal{
	overflow-y: auto;
	mảgin-bottom:20px
}
#base-search .search-universal .base-empty-state.-md .-icon{
	width:300px;height:300px;
}
#base-search .search-universal .base-empty-state.search-info{
	margin:0 20px;
}
#base-search .search-universal .base-empty-state.-inline-display{
	padding:12px;
	padding-left:40px;
}
#base-search .search-universal .base-empty-state.-inline-display .-icon{
	top:11px;
}
#base-search .search-subresults{
	margin-bottom:10px;
}
#base-search .search-subresults .result-list{
	padding: 0 20px;
}
#base-search .subresult-header{
}
#base-search .subresult-header{
	position:relative;
	font-size:13px;
	margin:15px 20px 6px;
}
#base-search .subresult-title{
	color:#888;
}
#base-search .subresult-more{
	color: rgba(25,116,216,0.6);
	font-size:13px;
	margin:10px 20px;
}
#base-search .subresult-more:hover{
	color:#1974d8;
}

#base-search > .-canvas.-inline {
 background:transparent;
}
#base-search > .-inline .box{
	position:absolute;
	width:100%;
	-moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}
#base-search > .-inline .box .search-tabs{
	padding: 2px 8px 0;
	margin-bottom:0;
}
#base-search > .-inline .box .search-tabs .base-tab{
	font-size:12px;
}
#base-search > .-inline .search-filters{
	padding:0 8px;
	margin:8px 0;
}
#base-search > .-inline .search-subresults{
	margin-bottom:5px;
}
#base-search > .-inline .result-list{
	padding:0 5px;
}
#base-search > .-inline .subresult-header{
	margin:20px 10px 3px;
	font-size:12px;
}
#base-search > .-inline .subresult-more{
	color: rgba(25,116,216,0.6);
	font-size:12px;
	margin:3px 10px;
}
#base-search > .-inline .base-empty-state.-inline-display{
	padding: 6px;
 padding-left: 40px;
}
#base-search > .-inline .base-empty-state.-inline-display .-icon{
	left:5px;top:4px;
	width:fit-content;
	height:fit-content;
}



.ui-autocomplete.ui-team-autocomplete{
	max-height: 294px;
}
.ui-autocomplete.ui-team-autocomplete::-webkit-scrollbar-thumb{
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	height: 98px;
}
.team-option{
	position:relative;
	padding-left: 40px;
}
.team-option .team-image{
	position:absolute;
	overflow: hidden;
	width: 32px; height: 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	left: 0px;
}
.team-option .team-image .avatar > .-avatar-text{
	padding-top: 8px !important;
}
.team-option .team-image img,
.team-option .team-image svg{
	width: 100%;
	height: 100%;
}
.team-option .team-name{
	font-size:13px;
	font-weight:500;
 color:#242424;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	padding-bottom: 4px;
	height: 16px;
}
.team-option .team-info{
	vertical-align: baseline;
	color:#888;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	height: 14px;
}


.base-select-followers {
	position:absolute;
	display:none;
	top: 30px;
	left: 20px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	background: #fff;
	display: flex;
	flex-direction: column;
	padding: 4px;
	border: 1px solid #eee;
	width: 300px;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
}
.base-select-followers .header {
	padding: 10px;
	background-color: #F7F7F7;
	font-weight: 600;
	color:#2F3139;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	font-size:14px;
}
.base-select-followers .body {
	max-height: 240px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 2px;
	scrollbar-width: thin;
	display: flex;
	flex-direction: column;
}
.base-select-followers .item {
	position:relative;
	user-select: none;
	width: 100%;
	display: flex;
	align-items: center;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	padding: 8px 12px;
	color:#2F3139;
}
.base-select-followers .base-icon-inline {
	margin-top: 2px;
	margin-left: 20px;
}
.base-select-followers .item .handle {
	color:#888;
	display:none;
	position:absolute;
	top: 10px;
	left: 2px;
	cursor: grab;
}
.base-select-followers .item:hover {
	background-color: #f3f3f3;
}
.base-select-followers .item:hover .handle {
	display:block;
}
.base-select-followers .item .name,
.base-select-followers .item .-title {
	font-size:14px;
	padding: 0 4px 0 8px;
	display: block;
	max-width: 190px;
}
.base-select-followers .item .-title {
	color:#999A9E;
	font-size:13px;
}
.base-select-followers .subheader {
	position:relative;
	box-sizing: border-box;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	width: 100%;
}
.base-select-followers .subheader:before {
	font-family: ap;
	content: "\f162";
	font-size:13px;
	position:absolute;
	left: 12px;
	top: 11px;
	font-weight: 600;
}
.base-select-followers .subheader .search .input {
	overflow: hidden;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	background-color: #F7F7F7;
	padding: 4px 0;
	color:#757575;
}
.base-select-followers .subheader .search input {
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin: 0;
	border: none;
	background: transparent;
	font-size: 14px;
	padding: 6px 9px;
	padding-left: 34px;
}
.base-select-followers .full-mask-tab {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor:pointer;
}
.base-select-followers .user-image {
	width: 24px;
	height: 24px;
	padding-left: 30px;
	min-width: 24px;
}
.base-select-followers .user-image img {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-select-followers .user-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	height: 36px;
	flex: 1;
}
.base-select-followers .check-icon .base-icon.tick svg {
	fill: none !important;
}
.base-select-followers .check-icon {
	position:relative;
	height: 100%;
}
.base-select-followers .check-icon .base-icon {
	top: 50%;
	transform: translateY(-50%);
}
/* Remove */
.base-remove-followers {
	position:absolute;
	display:none;
	top: 30px;
	left: 20px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	background: #fff;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
	display: flex;
	flex-direction: column;
	border: 1px solid #eee;
	width: 300px;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
}
.base-remove-followers .header {
	padding: 10px 10px 10px 20px;
	color:#2F3139;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	font-size:14px;
	font-weight: 600;
}
.base-remove-followers .body {
	max-height: 230px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 2px;
	scrollbar-width: thin;
	display: flex;
	flex-direction: column;
}
.base-remove-followers .user-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	height: 36px;
	flex: 1;
}
.base-remove-followers .item {
	position:relative;
	user-select: none;
	width: 100%;
	display: flex;
	align-items: center;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	padding: 8px;
	margin: 2px 0;
	color:#2F3139;
}
.base-remove-followers .base-icon-inline {
	margin-top: 2px;
	margin-left: 20px;
}
.base-remove-followers .item .handle {
	color:#888;
	display:none;
	position:absolute;
	top: 10px;
	left: 2px;
	cursor: grab;
}
.base-remove-followers .item:hover .handle {
	display:block;
}
.base-remove-followers .item .name,
.base-remove-followers .item .-title {
	font-size:14px;
	padding: 0 4px 0 8px;
	display: block;
	max-width: 190px;
}
.base-remove-followers .item .-title {
	color:#999A9E;
	font-size:13px;
}
.base-remove-followers .user-image {
	width: 24px;
	height: 24px;
	padding-left: 8px;
	min-width: 24px;
}
.base-remove-followers .user-image img {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-remove-followers .close-icon .base-icon.tick svg {
	fill: none !important;
}
.base-remove-followers .close-icon {
	position:absolute;
	height: 100%;
	left: 250px;
	top: 0;
	bottom: 0;
}
.base-remove-followers .close-icon .base-icon.remove-followers {
	padding: 5px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	color:#000000;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.base-remove-followers .close-icon .base-icon {
	top: 50%;
	transform: translateY(-50%);
}
.base-remove-followers .close-icon .base-icon.remove-followers:hover {
	background-color: #F7F7F7;
}


/*
	Desc: default is hidden, when hovering over the .transparent-scrollbar show scrollbar
	Note: create for XSpace Scroll Widget Embed
*/
 .transparent-scrollbar #document-x.scroll-y {
	scrollbar-width: unset;
}
.transparent-scrollbar #document-x.scroll-y::-webkit-scrollbar {
	width: 5px !important;
}
.transparent-scrollbar #document-x.scroll-y::-webkit-scrollbar-track,
.transparent-scrollbar #document-x.scroll-y::-webkit-scrollbar-track:hover,
.transparent-scrollbar #document-x.scroll-x::-webkit-scrollbar-track,
.transparent-scrollbar #document-x.scroll-x::-webkit-scrollbar-track:hover {
	display:none;
}
.transparent-scrollbar #document-x.scroll-y::-webkit-scrollbar-thumb,
.transparent-scrollbar #document-x.scroll-x::-webkit-scrollbar-thumb {
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	background-color: transparent;
}
.transparent-scrollbar:hover #document-x.scroll-y::-webkit-scrollbar-thumb,
.transparent-scrollbar:hover #document-x.scroll-x::-webkit-scrollbar-thumb {
	background-color: #ddd;
}
.transparent-scrollbar #document-x.scroll-y::-webkit-scrollbar-thumb:hover,
.transparent-scrollbar #document-x.scroll-x::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}

/* ── Player container ────────────────────────────────────────────────── */
.base-video-player{
	position:relative;
	background:#000;
	line-height:0;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	overflow:hidden;
	width:100%;
}
.base-video-player + .base-video-player{
	margin-top:8px;
}
/* ── Video.js wrapper ────────────────────────────────────────────────── */
/* Fixed 16:9 container so fill:true has a stable height to work with.
 The player never jumps on metadata load; non-16:9 videos letterbox inside. */
.base-video-player .bvp-vjs-wrap{
	width:100%;
	aspect-ratio:16/9;
	display:block;
	background:#000;
}
.base-video-player .bvp-vjs-wrap .video-js{
	width:100%;
	height:100%;
}
/* Remove rounded corners — container handles it */
.base-video-player .video-js{
	-moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}
/* ── Fullscreen: restore cursor ──────────────────────────────────────── */
/* VJS sets cursor:none when vjs-user-inactive in fullscreen.
 The JS keep-alive timer handles control visibility; this just ensures
 the cursor stays visible so the user can interact with the controls. */
.video-js.vjs-fullscreen.vjs-user-inactive {
 cursor: default !important;
}
/* ── Download button in controlbar ───────────────────────────────────── */
.base-video-player .vjs-dl-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:3em;
	height:100%;
	cursor:pointer;
	color:rgba(255,255,255,0.75);
	transition:color 0.15s ease;
	text-decoration:none;
	flex-shrink:0;
}
.base-video-player .vjs-dl-btn:hover{
	color:#fff;
}
/* ── Quality selector ────────────────────────────────────────────────── */
.base-video-player .vjs-q-wrap{
	position:relative;
	display:inline-flex;
	align-items:center;
}
.base-video-player .vjs-q-btn{
	display:inline-flex;
	align-items:center;
	height:100%;
	padding:0 8px;
	background:none;
	border:none;
	cursor:pointer;
	color:rgba(255,255,255,0.75);
	font-size:12px;
	font-weight:500;
	white-space:nowrap;
	transition:color 0.15s ease;
	line-height:1;
}
.base-video-player .vjs-q-btn:hover{
	color:#fff;
}
.base-video-player .vjs-q-label{
	pointer-events:none;
}
.base-video-player .vjs-q-menu{
	position:absolute;
	bottom:calc(100% + 6px);
	right:0;
	background:rgba(20,20,20,0.95);
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	padding:4px 0;
	min-width:80px;
	display:none;
	box-shadow:0 4px 16px rgba(0,0,0,0.6);
	z-index:9999;
}
.base-video-player .vjs-q-menu.-open{
	display:block;
}
.base-video-player .vjs-q-opt{
	display:block;
	padding:7px 16px;
	color:rgba(255,255,255,0.72);
	font-size:13px;
	cursor:pointer;
	white-space:nowrap;
	line-height:1;
	transition:background 0.1s ease;
}
.base-video-player .vjs-q-opt:hover{
	background:rgba(255,255,255,0.1);
	color:#fff;
}
.base-video-player .vjs-q-opt.-active{
	color:#fff;
	font-weight:500;
}
/* ── Cover / thumbnail ───────────────────────────────────────────────── */
.base-video-player .video-cover{
	position:relative;
	width:100%;
	aspect-ratio:16/9;
	background:#111;
	cursor:pointer;
	overflow:hidden;
	display:block;
	line-height:0;
}
.base-video-player .video-cover .video-thumb{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.base-video-player .video-cover .video-play-btn{
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	width:60px;
	height:60px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background:rgba(0,0,0,0.55);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background 0.2s ease, transform 0.15s ease;
	pointer-events:none;
}
.base-video-player .video-cover .video-play-btn::after{
	content:'';
	display:block;
	width:0;
	height:0;
	border-style:solid;
	border-width:11px 0 11px 20px;
	border-color:transparent transparent transparent rgba(255,255,255,0.95);
	margin-left:4px;
}
.base-video-player .video-cover:hover .video-play-btn{
	background:rgba(0,0,0,0.75);
	transform:translate(-50%,-50%) scale(1.1);
}
.base-video-player .video-cover .video-duration{
	position:absolute;
	bottom:8px;
	right:8px;
	background:rgba(0,0,0,0.72);
	color:#fff;
	font-size:12px;
	font-weight:500;
	padding:2px 6px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	line-height:1.5;
	pointer-events:none;
	letter-spacing:0.02em;
}
.base-video-player .video-cover .video-views{
	position:absolute;
	bottom:8px;
	left:8px;
	background:rgba(0,0,0,0.72);
	color:rgba(255,255,255,0.85);
	font-size:12px;
	padding:2px 6px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	line-height:1.5;
	pointer-events:none;
}
/* ── Download button on cover ────────────────────────────────────────── */
.base-video-player .video-dl-cover-btn{
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background:rgba(0,0,0,0.55);
	display:flex;
	align-items:center;
	justify-content:center;
	color:rgba(255,255,255,0.85);
	opacity:0;
	transition:opacity 0.2s ease, background 0.2s ease;
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
}
.base-video-player:hover .video-dl-cover-btn{
	opacity:1;
}
.base-video-player .video-dl-cover-btn:hover{
	background:rgba(0,0,0,0.82);
	color:#fff;
}
/* ── Polling / failed states ─────────────────────────────────────────── */
.base-video-player .base-video-failed{
	color:rgba(255,255,255,0.7);
	font-size:13px;
	padding:32px 24px;
	text-align:center;
	line-height:1.5;
	width:100%;
}
.base-video-polling,
.base-video-failed{
	background:#1a1a2e;
	padding:48px 24px;
	text-align:center;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
.base-video-polling .bvp-spinner{
	width:36px;
	height:36px;
	margin:0 auto 20px auto;
	border:3px solid rgba(255,255,255,0.15);
	border-top-color:rgba(255,255,255,0.8);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	animation:bvp-spin 0.8s linear infinite;
}
@keyframes bvp-spin{
	to{ transform:rotate(360deg); }
}
.base-video-polling .bvp-title,
.base-video-failed .bvp-title{
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin-bottom:8px;
}
.base-video-polling .bvp-subtitle,
.base-video-failed .bvp-subtitle{
	font-size:13px;
	color:rgba(255,255,255,0.5);
}
.base-video-failed .bvp-icon-error{
	font-size:28px;
	color:#e74c3c;
	margin-bottom:12px;
}
.base-video-polling .bvp-progress{
	width:200px;
	height:4px;
	background:rgba(255,255,255,0.15);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin:16px auto 0 auto;
	overflow:hidden;
}
.base-video-polling .bvp-progress .bvp-progress-bar{
	height:100%;
	background:#4dabf7;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	transition:width 0.3s ease;
}

#msg-root{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:19990;
	height:0px;
}
#msg-panel{
	right:30px;
}
#msg-root .msg-boxes{
	right: 315px;
	left:0px;
	position:absolute;
	height:0px;
	bottom:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
#msg-root.collapsed .msg-boxes{
	right:245px;
}


.channel-image{
	position:absolute;
	width:36px;
	height:36px;
	top:9px;
	left:15px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
}
.channel-image .image .single{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	width:36px;
	height:36px;
}
.channel-image .image .single img{
	width:36px;
	height:36px;
}
.channel-image .avatars .avatar{
	overflow:hidden;
	position:absolute;
}
.channel-image .avatars .avatar img{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.channel-image .avatars.-three{
}
.channel-image .avatars.-three .-first{
	width:36px;
	height:36px;
	top:0px;
	left:0px;
}
.channel-image .avatars.-three .-second{
	top:0px;
	left:18px;
	width:18px;
	height:18px;
	z-index:100;
}
.channel-image .avatars.-three .-third{
	top:18px;
	left:18px;
	width:18px;
	height:18px;
	z-index:101;
}
.channel-image .avatars.-four{
}
.channel-image .avatars.-four .-first{
	width:18px;
	height:18px;
	top:0px;
	left:0px;
}
.channel-image .avatars.-four .-second{
	top:0px;
	left:18px;
	width:18px;
	height:18px;
	z-index:100;
}
.channel-image .avatars.-four .-third{
	top:18px;
	left:18px;
	width:18px;
	height:18px;
	z-index:101;
}
.channel-image .avatars.-four .-forth{
	top:18px;
	left:0px;
	width:18px;
	height:18px;
	z-index:101;
}
.channel-image .avatars .mask{
	text-align:center;
	font-size:11px;
	text-align:center;
 color:#fff;
	position:absolute;
	font-weight:300;
	background: rgba(38,124,222,0.6);
	height:18px;
	width:18px;
	top:0px;
	left:0px;
}
.channel-image .avatars .mask span{
	display:block;
	padding-top:3px;
}
.channel-image .avatars .avatar.-br:after{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:1px;
	background: rgba(255,255,255,0.3);
	content:"";
	z-index:100;
}
.channel-image .avatars .avatar.-bl:after{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:1px;
	background: rgba(255,255,255,0.3);
	content:"";
	z-index:100;
}
.channel-image .avatars .avatar.-bb:before{
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	height:1px;
	background: rgba(255,255,255,0.3);
	content:"";
	z-index:100;
}
.channel-image .full-mask{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.channel-image .box-text{
	font-weight:500;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	padding-top:8px;
	position:relative;
	width:36px;
	height:36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(255,255,255,0.7);
}


#msg-root .msg-channel{
	position:absolute;
	bottom:0px;
	height:350px;
	width:270px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 6px rgba(0,0,0,0.1);
	background-color: #fff;
	-moz-border-radius: 3px 3px 0px 0;
 -webkit-border-radius: 3px 3px 0px 0;
 border-radius: 3px 3px 0px 0;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.screen-hd #msg-root .msg-channel{
	height:370px;
}
#msg-root .msg-channel.is-channel{
	right:0px;
}
#msg-root .msg-channel:before{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
	content:"";
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#msg-root .msg-channel .channel-header{
	background-color: #37404b;
	-moz-border-radius: 3px 3px 0px 0;
 -webkit-border-radius: 3px 3px 0px 0;
 border-radius: 3px 3px 0px 0;
	color: rgba(255,255,255,0.8);
	height:36px;
	position:relative;
	z-index:500;
}
#msg-root .msg-channel.active .channel-header{
	background-color: #267cde;
}
#msg-root #msg-panel.msg-channel .channel-header{
	background-color: #267cde;
}
#msg-root .msg-channel .channel-header .title{
	font-size:15px;
	font-weight:500;
 color:#fff;
	padding:8px 15px;
}
#msg-root #msg-panel.msg-channel .channel-header .title{
	margin-right:100px;
}
#msg-root .msg-channel .channel-header .title.-online{
	padding-left:28px;
}
#msg-root .msg-channel .channel-header .title.-online:after{
	width:8px;
	height:8px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #42b814;
	position:absolute;
	content:"";
	top:13px;
	left:13px;
}
#msg-root .msg-channel .channel-header .title span:hover{
	text-decoration:underline;
}
#msg-root .msg-channel .channel-header .title .count{
	background-color: #D96C6C;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	min-width:12px;
	padding:1px 2px;
	font-size:12px;
 color:#fff;
	font-weight:normal;
	display:inline-block;
	text-align:center;
	margin-right:6px;
}
#msg-root .msg-channel .channel-header .title .channel-explain{
	width:150px;
	position:absolute;
	display:none;
	bottom:27px;
	left:10px;
}
#msg-root .msg-channel .channel-header .title:hover .channel-explain{
	display:block;
}
#msg-root .msg-channel.collapsed .channel-header .title:hover .channel-explain{
	display:none;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cr{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid #222;
	position:absolute;
	width:0px;
	height:0px;
	left:20px;
	bottom:0px;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus{
	padding:4px 6px;
	background-color: #222;
	margin-bottom:5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus .li{
	font-size:13px;
	font-weight:normal;
	padding:2px 2px 2px 20px;
	position:relative;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus .li:after{
	width:8px;
	height:8px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	background: rgba(255,255,255,0.2);
	position:absolute;
	left:6px;
	top:6px;
	content:"";
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus .li.-online:after{
	background-color: #42b814;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus .li.-more:after{
	display:none;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus .li.-more{
	color: rgba(255,255,255,0.8);
	cursor:pointer;
	padding:4px 4px 4px 20px;
}
#msg-root .msg-channel .channel-header .title .channel-explain .cus .li.-more:hover{
	color:#fff;
	text-decoration:underline;
}
#msg-root #msg-panel.msg-channel .channel-header .title{
	cursor:pointer;
}
#msg-root #msg-panel.msg-channel .channel-header .title .channel-explain{
	font-size:12px;
	display:none;
	font-weight:normal;
	width:100px;
}
#msg-root #msg-panel.msg-channel.collapsed .channel-header .title:hover .channel-explain{
	display:block;
}
#msg-root .msg-channel .channel-header .icons{
	position:absolute;
	font-size:14px;
	right:8px;
	top:3px;
}
#msg-root .msg-channel .channel-header .icon{
	float:left;
	cursor:pointer;
	display:block;
	position:relative;
	padding:5px;
	color: rgba(255,255,255,0.5);
	margin-left:2px;
}
#msg-root .msg-channel .channel-header .icon:hover{
	color:#fff;
}
#msg-root .msg-channel .channel-header .icon .hexp{
	position:absolute;
	display:none;
	left:-9px;
	bottom:30px;
	max-width:200px;
}
#msg-root .msg-channel .channel-header .icon:hover .hexp{
	display:block;
}
#msg-root .msg-channel .channel-header .icon .hexp:after{
	position:absolute;
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid #222;
	left:13px;
	bottom:-5px;
	content:"";
}
#msg-root .msg-channel .channel-header .icon .hexp .txt{
	display:inline-block;
	font-size:12px;
	min-width:30px;
	background-color: #222;
	padding:4px 6px;
	color: rgba(255,255,255,0.7);
	white-space:nowrap;
}
#msg-root .msg-channel .tabs{
	height:34px;
	background-color: #267cde;
	overflow:hidden;
	position:relative;
	z-index:888;
}
#msg-root .msg-channel .tabs .tab{
	float:left;
	text-align:center;
	cursor:pointer;
	width:33.3333%;
	padding:8px 0;
	font-size:13px;
	font-weight:500;
	height:34px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: rgba(255,255,255,0.5);
}
#msg-root .msg-channel .tabs .tab:hover{
	color:#fff;
}
#msg-root .msg-channel .tabs .tab.active{
	font-weight:500;
 color:#fff;
}
#msg-root .msg-channel .panel-search{
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
#msg-root .msg-channel .panel-search input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#msg-root .msg-channel .panel-search input{
	padding:10px 15px 10px 36px;
	font-size:13px;
}
#msg-root .msg-channel .panel-search:after{
	font-family:ap; content:"\f146";
	position:absolute;
	font-size:14px;
 color:#aaa;
	top:11px;
	left:15px;
}
#msg-root .msg-channel .sections{
	position:absolute;
	top:70px;
	left:1px;
	right:1px;
	bottom:0px;
}
#msg-root .msg-channel .sections .section{
	display:none;
}
#msg-root .msg-channel .sections .section.active{
	display:block;
}
#msg-root .msg-channel .sections .item{
	padding:18px 15px 18px 64px;
	position:relative;
	cursor:pointer;
	border-bottom:1px solid rgba(0,0,0,0.05);
}
#msg-root .msg-channel .sections .item .signal{
	position:absolute;
	width:10px;
	height:10px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	right:15px;
	top:22px;
}
#msg-root .msg-channel .sections .item .signal.-online{
	background: rgba(66,184,20,0.8);
}
#msg-root .msg-channel .sections .item .signal.-offline{
	background: rgba(221,221,221,0.8);
}
#msg-root .msg-channel .sections .item:hover{
	background: rgba(243,243,243,0.5);
}
#msg-root .msg-channel .sections .item .name{
	font-size:14px;
}
#msg-root .msg-channel .sections .item.is-channel{
	padding-top:11px;
	padding-bottom:11px;
}
#msg-root .msg-channel .sections .item .unread-count{
	background: rgba(195,67,67,0.8);
	color:#fff;
	font-size:11px;
	font-weight:500;
	text-align:center;
	position:absolute;
	text-align:center;
	display:none;
	padding:2px 2px;
	top:10px;
	right:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:12px;
}
#msg-root .msg-channel .sections .item .channel-lm{
	position:relative;
	margin-top:4px;
}
#msg-root .msg-channel .sections .item .channel-lm .msg{
	font-size:11px;
 color:#888;
	margin-right:20px;
}
#msg-root .msg-channel .sections .item .channel-lm .tinyavt{
	position:absolute;
	overflow:hidden;
	width:12px;
	height:12px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	right:-3px;
	top:0px;
}
#msg-root .msg-channel .sections .item .channel-lm .tinyavt img{
	width:12px;
	height:12px;
	display:block;
}
#msg-root .msg-channel .sections .item.-unread{
	background: rgba(38,124,222,0.1);
}
#msg-root .msg-channel .sections .item.-unread .unread-count{
	display:block;
}
#msg-root .msg-channel .sections .item.-unread .name{
	font-weight:500;
	margin-right:30px;
}
#msg-root .msg-channel .sections .sep{
	border-bottom:1px solid rgba(0,0,0,0.05);
	text-transform:uppercase;
	font-size:11px;
 color:#aaa;
	font-weight:500;
	padding:5px 15px;
	background-color: #f8f8f8;
}
#msg-root .msg-channel.collapsed{
	height:36px;
	width: 200px;
	bottom:-2px;
}
#msg-root .msg-channel.is-channel.collapsed{
	width: 180px;
}
#msg-root .msg-channel.collapsed .sections, #msg-root .msg-channel.collapsed .channel-form{
	display:none;
}
#msg-root .collapsed.is-channel .channel-header{
	background: rgba(0,0,0,0.7);
}
#msg-root .collapsed.is-channel .channel-header .hide-on-collapsed{
	display:none;
}
#msg-root .msg-channel.collapsed.is-channel .channel-header .title{
	margin-right:67px !important;
	padding-right:0px;
}
#msg-root .msg-channel .channel-body{
	position:absolute;
	top:36px;
	left:1px;
	right:1px;
	bottom:64px;
	background-color: #f3f3f3;
	z-index:800;
}
#msg-root .msg-channel .channel-body .new_message_trigger{
	position:absolute;
	bottom:15px;
	left:25%;
	right:25%;
	background-color: #ffffee;
	border:1px solid #f7eccb;
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
	text-align:center;
	font-weight:500;
	font-size:11px;
 color:#856e2c;
	cursor:pointer;
	display:none;
	padding:6px 0;
}
#msg-root .msg-channel.has_new_message .channel-body .new_message_trigger{
	display:block;
}
#msg-root .msg-channel .channel-useradd{
	position:absolute;
	top:36px;
	left:1px;
	right:1px;
	z-index:801;
	background-color: #fff;
	display:none;
}
#msg-root .msg-channel .channel-useradd.active{
	display:block;
}
#msg-root .msg-channel .channel-useradd .panel-search{
	border-bottom:1px solid rgba(0,0,0,0.15);
}
#msg-root .msg-channel .channel-useradd .submit{
	background-color: #267cde;
	position:absolute;
 color:#fff;
	font-weight:500;
	font-size:13px;
	cursor:pointer;
	top:5px;
	right:5px;
	padding:5px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#msg-root .msg-channel .channel-useradd .submit:hover{
	background-color: #42b814;
}
#msg-root .msg-channel .channel-useradd .panel-search input{
	padding-right:70px;
}
#msg-root .msg-channel .channel-form{
	position:absolute;
	left:1px;
	right:1px;
	bottom:0px;
}
#msg-root .msg-channel .channel-messages{
	padding-bottom:15px;
}
#msg-root .msg-channel .channel-seens{
	position:absolute;
	right:10px;
	left:50px;
	bottom:8px;
	height:12px;
	overflow:hidden;
}
#msg-root .msg-channel .channel-seens .avatars{
	overflow:hidden;
}
#msg-root .msg-channel .channel-seens .avatars .avatar{
	float:right;
	overflow:hidden;
	width:12px;
	height:12px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	margin-left:3px;
}
#msg-root .msg-channel .channel-seens .avatars .avatar img{
	width:12px;
	height:12px;
	display:block;
}
#msg-root .msg-channel .channel-create{
	position:absolute;
	top:35px;
	left:1px;
	right:1px;
	z-index:777;
	background-color: #fff;
	border-bottom:1px solid rgba(0,0,0,0.1);
	z-index:900;
}
#msg-root .msg-channel .channel-create .label{
	position:absolute;
	font-size:12px;
	left:15px;
	top:11px;
	color:#888;
	font-weight:normal;
}
#msg-root .msg-channel .channel-create .input{
	margin-left:40px;
}
#msg-root .msg-channel .channel-create .input input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#msg-root .msg-channel .channel-create .input input{
	padding:9px 0;
	font-size:14px;
}
#msg-root .msg-channel.smart-create .channel-body{
	bottom:40px;
}
#msg-root .msg-channel.smart-create .channel-form{
}
#msg-root .msg-channel.smart-create .msg-form .textarea{
	overflow-y:hidden;
}
#msg-root .msg-channel.smart-create .msg-form .textarea .inputw{
	padding-top:5px;
	padding-right:50px;
	padding-left:15px;
}
#msg-root .msg-channel.smart-create .msg-form .textarea textarea{
	height:24px;
	overflow:hidden;
	padding-top:6px;
}
#msg-root .msg-channel.smart-create .msg-form .smart-send{
	font-weight:500;
 color:#267cde;
	font-size:13px;
	position:absolute;
	cursor:pointer;
	padding:8px 15px;
	top:6px;
	right:0px;
}
#msg-root .msg-channel.smart-create .msg-form .smart-send:hover{
	text-decoration:underline;
}
#msg-panel .channel-gsearch{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color: #267cde;
	color:#fff;
	z-index:888;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
}
#msg-panel .channel-gsearch .input{
	position:relative;
}
#msg-panel .channel-gsearch:before{
	font-family:ap; content:"\f146";
	position:absolute;
	font-size:14px;
	top:10px;
	left:15px;
}
#msg-panel .channel-gsearch .input input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#msg-panel .channel-gsearch .input input{
	font-size:13px;
 color:#fff;
	padding:9px 40px 9px 40px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
#msg-panel .channel-gsearch .input input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.5);
}
gsearch .input input::-moz-placeholder{
	color: rgba(255,255,255,0.5);
}
gsearch .input input:-moz-placeholder{
	color: rgba(255,255,255,0.5);
}
gsearch .input input:-ms-input-placeholder{
	color: rgba(255,255,255,0.5);
}
#msg-panel .channel-gsearch .close{
	position:absolute;
	font-size:12px;
	cursor:pointer;
	right:10px;
	top:5px;
	padding:5px;
	z-index:999;
	color: rgba(255,255,255,0.3);
}
#msg-panel .channel-gsearch .close:hover{
	color:#fff;
}


.msg-form{
	position:relative;
	background-color: #fff;
	min-height:36px;
	z-index:888;
	border-top:1px solid rgba(0,0,0,0.2);
}
.msg-form.disabled{
	font-size:14px;
	height: 67px !important;
	color: #999;
	display: flex;
}
.msg-form .wrapper{
	position:relative;
}
.msg-form.disabled .wrapper{
	position:relative;
	padding: 8px 13px;
	margin:auto;
}
.msg-form .wrapper:before{
	content:"";
	position:absolute;
	width:0px;
	left:50%;
	top:-2px;
	height:2px;
	background-color: #267cde;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.msg-form.active .wrapper:before{
	width:100%;
	left:0px;
}
.msg-form .textarea{
	position:relative;
	overflow:hidden;
	max-height:130px;
	overflow-y:auto;
}
.msg-form .textarea .inputw{
	overflow:hidden;
	padding:32px 0px 8px 0px;
}
.msg-form .textarea .arrow{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid #fff;
	position:absolute;
}
.msg-form .textarea .arrow-back{
	width: 0; height: 0;
 border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom:7px solid #ccc;
	position:absolute;
	left:-1px;
	top:-1px;
}
.msg-form .textarea .input{
	padding:0 0px 0 15px;
}
.msg-form .textarea .input .help{
	padding:8px 15px;
	border-top:1px solid #eee;
	color:#D96C6C;
	font-size:13px;
	font-style:italic;
	background-color: #f8f8f8;
}
.msg-form .textarea .input .help .icon{
	font-size:14px;
	display:inline-block;
	margin-right:5px;
	vertical-align:-1px;
}
.msg-form .textarea input[name=name]{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	font-size:20px;
	display:none;
	padding:10px 15px;
	border-bottom:1px solid #eee;
}
.msg-form .textarea textarea{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.msg-form .textarea textarea{
	overflow:hidden;
}
.msg-form .textarea textarea{
	font-size:14px;
	line-height:20px;
	background-color: transparent;
	height:26px;
	width:100%;
}
.msg-form .textarea textarea::-webkit-input-placeholder{
	color:#aaa;
}
form .textarea textarea::-moz-placeholder{
	color:#aaa;
}
form .textarea textarea:-moz-placeholder{
	color:#aaa;
}
form .textarea textarea:-ms-input-placeholder{
	color:#aaa;
}
.msg-form .submit{
	position:relative;
	display:none;
	min-height:48px;
	border-top:1px solid #eee;
	-moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
	background-color: #f5f5f5;
}
.msg-form.active{
	background-color: #fff;
}
.msg-form.active .submit{
	display:none;
}
.msg-form .option{
	font-size:24px;
 color:#999;
	position:absolute;
	cursor:pointer;
	display:none;
	padding:13px;
	top:7px;
	left:3px;
	z-index:1000;
}
.msg-form .ctas-w{
	position:absolute;
	font-size:24px;
 color:#999;
	left:0px;
	top:0px;
	right:0px;
	height:30px;
	background-color: #fff;
	z-index:999;
	padding:0 6px;
}
.msg-form .ctas{
	left:6px;
	top:0px;
	right:-10px;
	position:absolute;
}
.msg-form .action{
	float:left;
	cursor:pointer;
	position:relative;
	font-size:18px;
 color:#858585;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	z-index:1000;
	padding:4px 8px 3px 8px;
	width:30px;
	height:29px;
}
.msg-form .action .-cmenu{
	bottom:30px;
	right:10px;
}
.msg-form .action > .base-icon{
	top:6px;
	width:16px;
	height:16px;
}
.msg-form .action-wrapper{
	padding:0px;
}
.msg-form .action:hover{
	color:#42b814;
}
.msg-form .smiley-wrapper{
	font-size:16px;
 color:#999;
	float:right;
	z-index:1000;
	position:relative;
}
.msg-form .smiley-wrapper .smiley-closable{
	position:absolute;
	display:none;
	top:-2000px;
	left:-2000px;
	width:4000px;
	height:4000px;
}
.msg-form .smiley-wrapper.active .smiley-closable{
	display:block;
} 
.msg-form .smiley{
	top:0px;
}
.msg-form .att{
	overflow:hidden;
}
.msg-form .topic{
}
.msg-form .send{
	font-size:16px;
 color:#999;
	position:absolute;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	top:10px;
	right:10px;
	width:32px;
	height:32px;
	z-index:999;
}
@-ms-keyframes msgtyping{
	0%{transform:translateY(0px)}
	28%{transform:translateY(-6px)}
	44%{transform:translateY(0px)}
}
@-moz-keyframes msgtyping {
 0%{transform:translateY(0px)}
	28%{transform:translateY(-6px)}
	44%{transform:translateY(0px)}
}
@-webkit-keyframes msgtyping {
 0%{transform:translateY(0px)}
	28%{transform:translateY(-6px)}
	44%{transform:translateY(0px)}
}
@keyframes msgtyping {
 0%{transform:translateY(0px)}
	28%{transform:translateY(-6px)}
	44%{transform:translateY(0px)}
}
@-ms-keyframes dotsh {0%{opacity: 0;} 50%{opacity: 1.0;}}
@-moz-keyframes dotsh {0%{opacity: 0;} 50%{opacity: 1.0;}}
@-webkit-keyframes dotsh {0%{opacity: 0;} 50%{opacity: 1.0;}}
@keyframes dotsh {0%{opacity: 0;} 50%{opacity: 1.0;}}
@-ms-keyframes dotsh2 {0%{opacity: 0;} 50%{opacity: 0.0;} 100%{opacity:1.0}}
@-moz-keyframes dotsh2 {0%{opacity: 0;} 50%{opacity: 0.0;} 100%{opacity:1.0}}
@-webkit-keyframes dotsh2 {0%{opacity: 0;} 50%{opacity: 0.0;} 100%{opacity:1.0}}
@keyframes dotsh2 {0%{opacity: 0;} 50%{opacity: 0.0;} 100%{opacity:1.0}}
.channel-typing{
	position:relative;
	display:none;
	padding:0px 0 12px 0;
	padding-left:55px;
	margin-left:15px;
	margin-top:-5px;
}
.channel-typing .icon{
	left:10px;
	top:0px;
	position:absolute;
}
.channel-typing .bubbles{
	position:absolute;
	left:0px;
	top:0px;
}
.channel-typing .bubbles .box{
	background: rgba(38,124,222,0.15);
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 0;
	padding-left:4px;
	width:45px;
}
.channel-typing .bubbles .box:after{
	content:"";
	width: 0; height: 0;
 border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left:3px solid rgba(38,124,222,0.15);
	position:absolute;
	left:45px;
	top:12px;
}
.channel-typing .bubbles .b{
 animation-name: msgtyping;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: msgtyping;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: msgtyping;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-name: msgtyping;
	-ms-animation-duration: 1.5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: ease-in-out;
	background: rgba(38,124,222,0.8);
	border-radius:50%;
	height:5px;
	width:5px;
	margin-right:4px;
	vertical-align:middle;
	display:inline-block;
}
.channel-typing .bubbles .b.b2{
	-webkit-animation-delay:200ms;
}
.channel-typing .bubbles .b.b3{
	-webkit-animation-delay:400ms;
}
.channel-typing .text{
	font-weight:300;
 color:#999;
	font-size:13px;
}
.channel-typing .text .av{
	display:inline-block;
	width:20px;
	height:20px;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	margin-right:6px;
	vertical-align:-5px;
}
.channel-typing .text .av img{
	width:20px;
	height:20px;
	display:block;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.channel-typing .text em{
	font-weight:300;
 color:#666;
}
.channel-typing .text .dots{
	display:inline-block;
	position:relative;
	width:2px;
	height:2px;
	margin-left:6px;
	vertical-align:2px;
}
.channel-typing .text .dots span{
	width:2px;
	height:2px;
	background: rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0px;
}
.channel-typing .text .dots:before{
	content:"";
	width:2px;
	height:2px;
	background: rgba(0,0,0,0.5);
	left:6px;
	top:0px;
	position:absolute;
 animation-name: dotsh;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: dotsh;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: dotsh;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: dotsh;
	-ms-animation-duration: 1.2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.channel-typing .text .dots:after{
	content:"";
	width:2px;
	height:2px;
	background: rgba(0,0,0,0.5);
	left:12px;
	top:0px;
	position:absolute;
 animation-name: dotsh2;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: dotsh2;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: dotsh2;
	-moz-animation-duration: 1.2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: dotsh2;
	-ms-animation-duration: 1.2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}


.msg-stickers{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:310px;
	height:400px;
	background-color: #fff;
	font-size:15px;
 color:#999;
	display:none;
	left:-257px;
	bottom:42px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.msg-stickers:before{
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	position:absolute;
	content:"";
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
	background-color: #fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.msg-stickers .msg-selection-canvas{
	position:absolute;
	overflow:hidden;
	top:45px;
	bottom:5px;
	left:0px;
	right:0px;
}
.msg-stickers .triangle{
	width: 0; height: 0;
 border-left: 8px solid transparent; border-right: 8px solid transparent; border-top:8px solid rgba(0,0,0,0.2);
	position:absolute;
	top:100%;
	left:264px;
	margin-top:0px;
	z-index:888;
}
.msg-stickers .triangle:after{
	width: 0; height: 0;
 border-left: 7px solid transparent; border-right: 7px solid transparent; border-top:7px solid #fff;
	position:absolute;
	z-index:100;
	content:"";
	top:-8px;
	left:-7px;
}
.msg-stickers .nav{
	position:absolute;
	font-size:16px;
	cursor:pointer;
	z-index:800;
	top:4px;
	padding:6px 8px;
	background: rgba(255,255,255,0.4);
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
.msg-stickers .nav.prev{
	left:-38px;
}
.msg-stickers .nav.next{
	right:-38px;
}
.msg-stickers .nav:hover{
	background-color: #fff;
	color:#267cde;
}
.msg-stickers .header{
	background-color: #fff;
	height:42px;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	overflow:hidden;
	position:relative;
	border-bottom:3px solid #267cde;
	color: rgba(0,0,0,0.5);
}
.msg-stickers .sticker-set-slider{
	position:absolute;
	top:0px;
	left:0px;
	width:2000px;
	height:42px;
}
.msg-stickers .header .item{
	float:left;
	position:relative;
	text-align:center;
	cursor:pointer;
	padding:12px 0px;
	width:80px;
}
.msg-stickers .header .item:hover{
	background: rgba(38,124,222,0.7);
	color:#fff;
}
.msg-stickers .header .item.active{
	background-color: #fff;
	z-index:100;
	font-weight:500;
 color:#333;
	background-color: #267cde;
	color:#fff;
}
.msg-stickers .selection{
	padding:5px;
}
.msg-stickers .selection .item{
	width:40px;
	height:40px;
	overflow:hidden;
	float:left;
	text-align:center;
	cursor:pointer;
}
.msg-stickers .selection .item .img{
	width:32px;
	height:32px;
	padding-top:4px;
	padding-left:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
.msg-stickers .selection .item img{
	height:32px;
	width: 32px;
	display:block;
}
.msg-stickers .selection .item:hover .img{
	background-color: #f8f8f8;
}


.channel-messages{
	padding-bottom:5px;
}
.channel-messages .message{
	padding:8px 0px 5px 0;
	position:relative;
	margin-bottom:2px;
	margin-top:6px;
}
.channel-messages .message > .wrapper{
	margin:0 15px;
	position:relative;
}
.channel-messages .message:hover{
}
.channel-messages .message .image{
	position:absolute;
	width:32px;
	height:32px;
	overflow:hidden;
	top:0px;
	left:-5px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
.channel-messages .message .image img{
	width:32px;
	height:32px;
}
.channel-messages .message .content{
	padding-left:40px;
}
.channel-messages .message .content .header{
	padding-bottom:4px;
	font-size:14px;
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
}
.channel-messages .message .content .header em{
	font-weight:500;
	cursor:pointer;
 color:#267cde;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.channel-messages .message .content .header em.url:hover{
	text-decoration:underline;
}
.channel-messages .message .content .header .bottype{
	background-color: #f3f3f3;
	color:#888;
	text-transform:uppercase;
	display:inline-block;
	padding:1px 3px;
	margin-left:4px;
	vertical-align:1px;
	font-size:9px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.channel-messages .message .content .header .username{
	font-weight:300;
 color:#aaa;
	display:inline-block;
}
.channel-messages .message .content .header .time{
	display:inline-block;
 color:#aaa;
	text-transform:uppercase;
	margin-left:5px;
	white-space: nowrap;
}
.channel-messages .message .content .header .actions{
	color:#aaa;
	display:none;
	margin-left:4px;
}
.channel-messages .message .content .header .actions .action{
	cursor:pointer;
	position:relative;
	margin-right:4px;
}
.channel-messages .message .content .action .actiontt{
	position:absolute;
	display:none;
	bottom:20px;
	width:120px;
	text-align:center;
	left:50%;
	margin-left:-60px;
}
.channel-messages .message .content .action:hover .actiontt{
	display:block;
}
.channel-messages .message .content .action .actiontt .ttb{
	display:inline-block;
	background: rgba(0,0,0,0.8);
	padding:4px 8px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	font-size:12px;
	color:rgba(255,255,255,0.8);
}
.channel-messages .message .content .action .actiontt:before{
	width: 0; height: 0;
 border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:4px solid rgba(0,0,0,0.8);
	position:absolute;
	left:50%;
	bottom:-4px;
	margin-left:-4px;
	content:"";
}
.channel-messages .message .content .action.hl{
	color:#FFD000;
}
.channel-messages .message:hover .content .header .actions{
}
.channel-messages .message .content .body{
	font-size:13px;
 color:#222;
	line-height:20px;
}
.channel-messages .message .content .body .msg-body{
}
.channel-messages .message .content img.emo{
	max-height:16px;
	aspect-ratio: 1 / 1;
	height: auto;
	width: auto;
	object-fit: cover;
}
.channel-messages .message .content .body .msg-body .msg-tag{
	display:inline-block;
	font-size:12px;
	display:inline-block;
	cursor:pointer;
	padding:2px 0px;
	color:#1663ba;
	text-transform:uppercase;
	line-height:11px;
	vertical-align:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.channel-messages .message .content .body .msg-body .msg-tag:hover{
	color:#267cde;
	text-decoration:underline;
}
.channel-messages .message .content .body .msg-body .inline-tag{
	color: #267cde;
	display:inline-block;
	position:relative;
	padding-left:16px;
}
.channel-messages .message .content .body .msg-body .inline-tag:before{
	font-family:ap; content:"\e72a";
	position:absolute;
	font-size:12px;
	left:0px;
	top:-1px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.channel-messages .message .content .body .msg-body .inline-tag:hover{
	text-decoration:underline;
 color:#1c70ce;
}
.channel-messages .message .content .body .log{
	color:#888;
}
.channel-messages .message .content .body .log .msg-icx{
	display:inline-block;
}
.channel-messages .message .content .body .log .msg-icx img{
	height:16px;
}
.channel-messages .message .content .body .log .msg-ix{
	display:inline-block;
	font-size:14px;
	vertical-align:0px;
	margin-right:3px;
}
.channel-messages .message .content .body .log .msg-ix.-fill{
	width:14px;
	height:14px;
	-moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 border-radius: 7px;
	color:#fff;
	font-size:10px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:1px;
	vertical-align:1px;
}
.channel-messages .message .content .body .log em{
	color:#111;
	font-weight:normal;
}
.channel-messages .message .content .body .log .fwd-txt em{
	font-weight:500;
	cursor:pointer;
 color:#267cde;
}
.channel-messages .message .content .body .log .url{
	color:#267cde;
	font-weight:normal;
}
.channel-messages .message .content .body .log .url:hover{
	text-decoration:underline;
}
.channel-messages .message .content .body .sticker{
	padding-top:8px;
	overflow:hidden;
}
.channel-messages .message .content .body .sticker img{
	max-height:160px;
}
.channel-messages .message .linked, .channel-messages .message .linked-time{
	display:none;
}
.channel-messages .message.-leading{
	margin-bottom:0px;
}
.channel-messages .message.-linked{
	padding:0px 0 2px 0;
	margin-bottom:3px;
	margin-top:-3px;
}
.channel-messages .message.-linked .image{
	display:none;
}
.channel-messages .message.-linked .content .header{
	display:none;
}
.channel-messages .message.-linked .linked{
	position:absolute;
	font-size:16px;
 color:#aaa;
	left:0px;
	top:2px;
}
.channel-messages .message.-linked .linked .action{
	cursor:pointer;
	display:inline-block;
	position:relative;
	margin-right:4px;
}
.channel-messages .message.-linked .linked-time{
	position:absolute;
	font-size:12px;
 color:#aaa;
	text-transform:uppercase;
	left:-5px;
	top:3px;
	max-width:36px;
}
.channel-messages .message.-linked:hover .linked-time{
	display:block;
}
.channel-messages .message .reaction-list{
	height:16px;
	padding-top:2px;
}
.channel-messages .message .reaction-list.rc-0{
	display:none;
}
.channel-messages .message .reaction-list .reaction-item{
	padding-left:0px;
	padding-bottom:0px;
	padding-right:6px;
}
.channel-messages .message .body-wrapper{
	position:relative;
}
.channel-messages .message .msg-reaction-button{
	position:absolute;
	font-size:16px;
 color:#aaa;
	right:0px;
	top:0px;
	opacity: 0; filter: alpha(Opacity:0);
}
.channel-messages .message:hover .msg-reaction-button{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.channel-messages .message .reaction-wrapper .reaction-area .reaction-box{
	left:auto;
	right:-35px;
}
.channel-messages .message .attachments{
	margin-bottom:0px;
}
.channel-messages .message .att{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:8px;
	max-width:680px;
}
.channel-messages .message .att .att-icon{
	position:absolute;
	width:32px;
	height:32px;
	top:0px;
	left:0px;
	color:#aaa;
}
.channel-messages .message .att .att-icon .-ap{
	font-size:48px;
}
.channel-messages .message .att .att-image{
	position:relative;
	width:100%;
	max-height:180px;
	overflow:hidden;
	top:0px;
	left:20px;
	max-height:100%;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.channel-messages .message .att .att-image .img{
	margin-right:15px;
	background: rgba(0,0,0,0.05);
}
.channel-messages .message .att .att-image img{
	width:100%;
}
.channel-messages .message .att .att-box{
	padding-right:32px;
	padding-left:20px;
}
.channel-messages .message .att .att-cover{
	max-width:480px;
	max-height:360px;
	margin-bottom:10px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	overflow:hidden;
}
.channel-messages .message .att .att-cover img{
	max-width:100%;
}
.channel-messages .message .att .att-title{
	font-size:15px;
	font-weight:normal;
	padding-bottom:5px;
}
.channel-messages .message .att .att-title a, .channel-messages .message .att .att-title .a{
	font-weight:normal;
	font-weight:300;
	display:block;
	display: block; display: -webkit-box;
	max-height: 36px;
	font-size: 15px; line-height: 18px; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
.channel-messages .message .att .att-title a, .channel-messages .message .att .att-title .a:hover{
	text-decoration:underline;
 color:#267cde;
}
.channel-messages .message .att .att-title .topic-url:hover {
	text-decoration:underline;
 color:#267cde;
}
.channel-messages .message .att .att-title .topic-url {
	color:#267cde;
}
.channel-messages .message .att .att-text{
	color:#333;
	line-height:20px;
	margin-bottom:7px;
	display: block; display: -webkit-box;
	max-height: 64px;
	font-size: 13px; line-height: 16px; -webkit-line-clamp: 4;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
.channel-messages .message .att .att-text b{
	font-weight:500;
}
.channel-messages .message .att .att-features{
	overflow:hidden;
}
.channel-messages .message .att .att-features .feature{
	margin-bottom:10px;
}
.channel-messages .message .att .att-features .feature.-s{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.channel-messages .message .att .att-features .feature.-xs{
	clear:both;
}
.channel-messages .message .att .att-features .feature .label{
	font-weight:normal;
	font-size:11px;
 color:#aaa;
	display:block;
	text-transform:uppercase;
	padding-bottom:3px;
}
.channel-messages .message .att .att-features .feature .value{
	font-size:14px;
	font-weight:300;
 color:#111;
}
.channel-messages .message .att .att-features .feature .value .msg-shape{
	width:16px;
	height:16px;
	display:inline-block;
	margin-top:2px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.channel-messages .message .att .att-features .feature .value .msg-shape.shape-cirlce{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.channel-messages .message .att .att-footer{
	padding-bottom:7px;
	font-size:12px;
	font-weight:normal;
 color:#999;
}
.channel-messages .message .att .att-footer a, .channel-messages .message .att .att-footer .a, .channel-messages .message .att .att-footer .url{
	font-size:12px;
	font-weight:normal;
 color:#666;
}
.channel-messages .message .-att-reminder .att-footer:last-child .-more {
	color:#ccc;
	padding-top: 4px;
}
.channel-messages .message .-att-reminder .att-footer:last-child .-more.url:hover {
	color: #fff !important;
}
.channel-messages .message .att .att-footer a:hover, .channel-messages .message .att .att-footer .a:hover, .channel-messages .message .att .att-footer .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.channel-messages .message .att .att-footer .att-footer-icon{
	display:inline-block;
	text-align:center;
	font-size:14px;
 color:#bbb;
	margin-right:6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.channel-messages .message .att .att-video{
	position:relative;
	max-height:90px;
	margin-bottom:7px;
}
.channel-messages .message .att .att-video .video-screen{
	max-height:90px;
	background-color: #eee;
	overflow:hidden;
}
.channel-messages .message .att .att-video .video-screen img{
	width:100%;
}
.channel-messages .message .att .att-video .link-button{
	position:absolute;
	font-size:24px;
	right:10px;
	bottom:10px;
}
.channel-messages .message .att .att-video .link-button a{
	color:#fff;
}
.channel-messages .message .att .att-video .link-button a:hover{
	color:#267cde;
}
.channel-messages .message .att .att-video .video-mask{
	background: rgba(0,0,0,0.1);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.channel-messages .message .att:hover .att-video .video-mask{
	background: rgba(0,0,0,0.2);
}
.channel-messages .message .att .att-video .play-button{
	position:absolute;
	display:none;
	top:50%;
	left:50%;
	width:72px;
	height:72px;
	margin-top:-40px;
	margin-left:-36px;
}
.channel-messages .message .att .att-video .play-button .button-fix{
	width:48px;
	height:48px;
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	background-color: #fff;
	position:absolute;
	top:18px;
	left:13px;
}
.channel-messages .message .att .att-video .play-button .button{
	font-size:72px;
	color:#267cde;
	text-align:center;
	position:relative;
	-moz-border-radius: 36px;
 -webkit-border-radius: 36px;
 border-radius: 36px;
	width:72px;
	height:72px;
}
.channel-messages .message .att .att-video .play-button:hover .button{
	color:#42b814;
}
.channel-messages .message .att .att-display-file{
	margin-bottom:8px;
	max-width:600px;
	max-height:400px;
	overflow:hidden;
	margin-right:10px;
}
.channel-messages .message .att .att-display-file img{
	max-width:100%;
}
.channel-messages .message .att div:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
}
.channel-messages .message .att.-fileatt{
	margin-left:0px;
}
.channel-messages .message .att.-fileatt .att-box{
	margin-left:0px;
	padding-left:0px;
}
.channel-messages .message .att.-with-image .att-box{
	margin-top:4px;
}
.channel-messages .message .att.-with-file-icon .att-box{
	padding:0px 15px 5px 45px;
	margin-right:20px;
}
.channel-messages .message .att.-with-file-icon .att-file-icon{
	position:absolute;
	top:0px;
	left:0px;
	font-size:24px;
}
.channel-messages .message .att .att-r{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:4px;
	background-color: #ddd;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.channel-messages .message .att.-with-icon{
	margin-left:0px;
	max-width:680px;
}
.channel-messages .message .att.-with-icon .att-box{
	padding-left:85px;
	position:relative;
}
.channel-messages .message .att.-with-icon .att-file-icon{
	position:absolute;
	top:0px;
	left:15px;
}
.channel-messages .message .att.-with-small-icon{
	margin-left:0px;
	max-width:680px;
}
.channel-messages .message .att.-with-small-icon .att-box{
	padding-left:50px;
	position:relative;
}
.channel-messages .message .att.-with-small-icon .att-file-icon{
	position:absolute;
	top:0px;
	left:15px;
}
.channel-messages .message .att .att-collapse{
	position:absolute;
	font-size:14px;
 color:#aaa;
	cursor:pointer;
	display:none;
	text-align:center;
	right:0px;
	top:0px;
	padding:1px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	width:16px;
	height:16px;
}
.channel-messages .message:hover .att .att-collapse, .channel-messages .message .att.-collapsed .att-collapse{
	display:block;
}
.channel-messages .message .att.-collapsed .att-collapse .-ap{
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.channel-messages .message .att.-collapsed{
	padding-left:0px !important;
}
.channel-messages .message .att.-collapsed .att-title{
	padding-bottom:0px;
}
.channel-messages .message .att.-collapsed .att-box{
	margin-left:0px !important;
	padding-left:0px !important;
	background-color:transparent !important;
	border:none !important;
	padding:0px 40px 0px 0px !important;
}
.channel-messages .message .att.-collapsed .att-box .att-cover, .channel-messages .message .att.-collapsed .att-box .att-r, .channel-messages .message .att.-collapsed .att-box .att-file-icon, .channel-messages .message .att.-collapsed .att-box .att-icon, .channel-messages .message .att.-collapsed .att-box .att-features{
	display:none;
}
.channel-messages .message .att .att-collapse:hover{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.3);
}
.channel-messages .ds{
	text-align:center;
	position:relative;
	overflow:hidden;
	padding:10px 0;
	margin:5px 40px;
}
.channel-messages .ds .date{
	display:inline-block;
	font-weight:500;
	position:relative;
}
.channel-messages .ds .date:before{
	left:120%;
	width:1000px;
	height:1px;
	top:7px;
	background: rgba(0,0,0,0.05);
	content:"";
	position:absolute;
}
.channel-messages .ds .date:after{
	right:120%;
	width:1000px;
	height:1px;
	top:7px;
	background: rgba(0,0,0,0.05);
	content:"";
	position:absolute;
}
.channel-messages .message .att-reminder .att .att-footer .base-avatars {
	display:inline-block;
}
.channel-messages .message .att-reminder .att .att-footer .base-avatars .inline-avatar {
	border: none;
	width: 30px;
	height: 30px;
}
.channel-messages .message .att-reminder .att .att-footer .base-avatars .inline-avatar .-img {
	width: 24px;
	height: 24px;
}
.channel-messages .message .att-reminder .att .att-footer .-bis-icon {
	margin-top: 1px;
}
.channel-messages .message .att-reminder .att .att-footer:has(.base-avatars) .mg {
	vertical-align: 16px;
}


#call-canvas{
	position:absolute;
	top:0%;
	left:0%;
	right:0%;
	bottom:0%;
	background: rgba(0,0,0,0.9);
	z-index:10001;
}
#call-canvas.ext{
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
#call-canvas .canvas{
	position:relative;
	height:100%;
	width:100%;
}
#call-canvas .canvas .loading{
	text-align:center;
	position:absolute;
	font-size:20px;
	top:40%;
	left:100px;
	right:100px;
	color:rgba(255,255,255,0.5);
}
#call-canvas .canvas .in{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
#remote-media{
	height:100%;
	width:100%;
	text-align:center;
	position:relative;
}
#my-media{
	position:absolute;
	top:15px;
	left:15px;
	width:160px;
	height:90px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
#call-canvas .canvas.loading #my-media{
	width:320px;
	height:240px;
}
#my-media video, #remote-media video{
	height:100% !important;
	max-width:100%;
	margin:auto;
}
#call-canvas .buttons{
	position:absolute;
	text-align:center;
	bottom:0px;
	left:0px;
	right:0px;
	background: rgba(0,0,0,0.5);
	height:80px;
}
#call-canvas .buttons .bt{
	display:inline-block;
 color:#17C286;
	font-size:24px;
	cursor:pointer;
	width:50px;
	height:50px;
	-moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border-radius: 25px;
	margin:15px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:10px;
	position:relative;
}
#call-canvas .buttons .bt:hover{
	background-color: #17C286;
	color:#fff;
}
#call-canvas .buttons .bt .signal{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	display:none;
}
#call-canvas .buttons .bt.disabled{
	background-color: #D96C6C;
	color:#fff;
}
#call-canvas .buttons .bt.disabled .signal{
	display:block;
}
#call-canvas .buttons .bt.disabled .signal:after{
	position:absolute;
	top:24px;
	left:0px;
	right:0px;
	height:2px;
	background-color: #fff;
	content:"";
}
#call-canvas .buttons .bt.-er{
	background-color: #D96C6C;
	color:#fff;
}
#call-canvas .buttons .bt.-er:hover{
	background-color: #d62f2f;
}
@-webkit-keyframes ringing{
 0% {-webkit-transform:rotate(0deg);}
 4% {-webkit-transform:rotate(-45deg);}
 8% {-webkit-transform:rotate(0deg);}
 12% {-webkit-transform:rotate(-45deg);}
 16% {-webkit-transform:rotate(0deg);}
 20% {-webkit-transform:rotate(-45deg);}
 24% {-webkit-transform:rotate(0deg);}
 100% {-webkit-transform:rotate(0deg);}
}
@keyframes ringing{
 0% {transform:rotate(0deg);}
 4% {transform:rotate(-45deg);}
 8% {transform:rotate(0deg);}
 12% {transform:rotate(-45deg);}
 16% {transform:rotate(0deg);}
 20% {transform:rotate(-45deg);}
 24% {transform:rotate(0deg);}
 100% {transform:rotate(0deg);}
}
.ring-animation{
	display:block;
	font-size:20px;
	width:24px;
	height:24px;
	color:#fff;
	position:relative;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.ring-animation:before{
	position:absolute;
	left:-10px;
	bottom:-10px;
	right:-8px;
	top:-8px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background-color: #42b814;
	content:"";
}
.ring-animation div{
	display: inline-block;
 width: 24px;
 height: 24px;
 -webkit-animation: ringing 3000ms linear infinite;
 animation: ringing 3000ms linear infinite;
	position:relative;
}


#msg-root .message .block-wrapper{
	padding-top:8px;
	color: #333;
	position:relative;
}
#msg-root .message .block-wrapper .block.-color{
	padding-left:16px;
	position:relative;
}
#msg-root .message .block-wrapper .block-icon{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
}
#msg-root .message .block-wrapper .block-icon .block-icon-bar{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#msg-root .message .block-wrapper .block-title{
	padding-bottom:5px;
	font-size:15px;
	font-weight:500;
}
#msg-root .message .block-wrapper .block-title .url{
	color:#1663ba;
}
#msg-root .message .block-wrapper .block-title .url:hover{
	text-decoration:underline;
}
#msg-root .message .block-wrapper .block-content{
	font-size:14px;
	padding-bottom:4px;
}
#msg-root .message .block-wrapper .block-content .url, #msg-root .message .block-wrapper .block-fields .url{
	color:#267cde;
}
#msg-root .message .block-wrapper .block-content .url:hover, #msg-root .message .block-wrapper .block-fields .url:hover{
	text-decoration:underline;
}
#msg-root .message .block-wrapper .block-fields{
	overflow:hidden;
}
#msg-root .message .block-wrapper .block-fields .block-row{
	position:relative;
	padding-top:8px;
}
#msg-root .message .block-wrapper .block-fields .block-row .block-row-label{
	font-weight:500;
	font-size:11px;
	text-transform:uppercase;
 color:#999;
}
#msg-root .message .block-wrapper .block-fields .block-row .block-row-value{
	font-size:14px;
	padding-top:3px;
}


.channel-messages .message .content .body .text-editor{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 2px rgba(0,0,0,0.08);
	padding:6px 15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:4px;
}


.reply-block{
	background-color: #eaeaea;
	display:inline-block;
 color:#666;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	padding:5px 8px;
	margin-top:2px;
}


.forward-dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px;
	border-bottom: 1px solid #e1e5e9;
}
.forward-dialog-header h3 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #2c3e50;
}
.close-button {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #6c757d;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: background-color 0.2s ease;
}
.close-button:hover {
	background-color: #f8f9fa;
	color: #495057;
}
.forward-options {
	padding: 8px 12px 12px;
	max-height: 60vh;
	overflow-y: auto;
}
.forward-option {
	display: flex;
	align-items: center;
	border: 1px solid #e0e0e0;
 border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.2s ease;
	margin-bottom: 4px;
	padding: 4px 8px 4px 0;
}
.forward-option.topic-option .expand-placeholder {
	width: 10px;
}
.forward-option:hover {
	background-color: #f8f9fa;
}
.forward-option-icon {
	margin-right: 12px;
	font-size: 16px;
	width: 20px;
	text-align: center;
}
.forward-option-text {
	flex: 1;
	padding-right: 12px;
}
.forward-option-text div{
	width: 376px;
	overflow: hidden;
	text-overflow: ellipsis;
 white-space: nowrap;
}
.topic-option .forward-option-text div{
	width: 334px;
}
.topic-option .forward-option-text {
	font-size: 12px;
}
.forward-option-icon.topic-icon .base-icon,
button.redirect-button .base-icon {
	position: relative;
}
.forward-option-text div:first-child {
	font-weight: 500;
	color: #2c3e50;
	margin-bottom: 2px;
}
.forward-option-description {
	font-size: 13px;
	color: #6c757d;
}
.forward-channel-group {
	margin-bottom: 8px;
}
.forward-topics-container {
	margin-left: 18px;
	border-left: 2px solid #e1e5e9;
	padding-left: 10px;
}
.expand-button {
	margin-left: auto;
	font-size: 14px;
	color: #6c757d;
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px 12px;
	border-radius: 4px;
	transition: background-color 0.2s ease;
}
.expand-button:hover {
	background-color: #f8f9fa;
}
.expand-placeholder {
	width: 28px;
	margin-right: 8px;
}
.redirect-button {
	border: none;
	padding: 6px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	margin-left: auto;
	text-align: center;
	width: 24px;
	height: 24px;
}
.channel-option {
	cursor: default;
}
.topic-option {
	margin-top: 4px;
	cursor: default;
}
.forward-search-container {
	margin-bottom: 16px;
}
.forward-search-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease;
}
.forward-search-input:focus {
	border-color: #007bff;
	box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.forward-option-text .search-highlight-text {
	background-color: #fff3cd !important;
	color: #856404 !important;
	font-weight: 600 !important;
}


.att-location-static-map{
	margin-bottom:15px;
}
.att-location-static-map img{
	max-width:100%;
}


.message.-log2{
	margin:0 50px;
	padding:4px 0;
}
.message .msg-log{
	margin:0 20px;
	text-align:center;
	color: #888;
}
.message .msg-log{
}
.message .msg-log .url{
	color:#333;
}
.message .msg-log .url:hover{
	text-decoration:underline;
}
.message .msg-log .log-user{
	font-weight:500;
}


.base-poll{
}
.base-poll .poll-header{	
}
.base-poll .poll-header .base-title{
	font-size:15px;
	font-weight:500;
	padding-bottom:6px;
}
.base-poll .poll-header .base-title .url:hover{
	text-decoration:underline;
}
.base-poll .poll-header .base-info{
	position:relative;
 color:#888;
	padding-left:20px;
}
.base-poll .poll-header .base-info .-icon-info{
	left:-2px;
	top:-1px;
}
.base-poll .poll-header .base-info{
}
.base-poll .poll-header .base-info .url{
	color:#267cde;
	font-weight:500;
}
.base-poll .poll-header .base-info .url:hover{
	text-decoration:underline;
}
.base-poll .poll-opts{
	margin-top:5px;
}
.base-poll .poll-main .poll-opts.-voting{
	display:none;
}
.base-poll .poll-main.-show-voting .poll-opts.-voting{
	display:block;
}
.base-poll .poll-main.-show-voting .poll-opts.-results{
	display:none;
}
.base-poll .poll-opts .opts{
	padding:10px 0;
}
.base-poll .poll-opts .poll-opt{
	position:relative;
	border:1px solid rgba(0,0,0,0.1);
	font-size:14px;
	margin-bottom:8px;
	margin-right:130px;
}
.base-poll .poll-opts .poll-opt:hover{
	background-color: #f8f8f8;
}
.base-poll .poll-opts .poll-opt .po-main{
	position:relative;
	padding:10px 10px 10px 40px;
}
.base-poll .poll-opts .poll-opt .po-main .po-content{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-poll .poll-opts .poll-opt .po-main .po-count{
	position:absolute;
	right:10px;
	top:11px;
	font-size:12px;
 color:#999;
}
.base-poll .poll-opts .poll-opt .po-checkbox{
	position:absolute;
	width:18px;
	height:18px;
	border:1px solid rgba(0,0,0,0.2);
	background-color: #fff;
	top:9px;
	left:10px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-poll .poll-opts .poll-opt.-sa .po-checkbox{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-poll .poll-opts .poll-opt.-voted{
	font-weight:500;
	border:1px solid rgba(38,124,222,0.4);
}
.base-poll .poll-opts .poll-opt.-voted .po-checkbox{
	background-color: #267cde;
	border:1px solid #267cde;
}
.base-poll .poll-opts .poll-opt.-voted .po-checkbox:before{
	width:4px;
	height:8px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	content:"";
	position:absolute;
	top:2px;
	left:6px;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(45deg); -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
}
.base-poll .poll-opts.-results .poll-opt .po-main{
}
.base-poll .poll-opts.-results .poll-opt .po-checkbox{
	display:none;
}
.base-poll .poll-opts.-results .poll-opt.-nv:before{
	top:13px;
	left:14px;
	width:8px;
	height:8px;
	background: rgba(0,0,0,0.1);
	content:"";
	position:absolute;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-poll .poll-opts.-results .poll-opt.-sa.-nv:before{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-poll .poll-opts.-results .poll-opt.-voted:before{
	width:4px;
	height:8px;
	border-bottom:2px solid #267cde;
	border-right:2px solid #267cde;
	content:"";
	position:absolute;
	top:11px;
	left:16px;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(45deg); -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
}
.base-poll .poll-opts .poll-opt .po-percentage{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-poll .poll-opts .poll-opt .po-percentage .pop-fill{
	background: rgba(0,0,0,0.08);
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
}
.base-poll .poll-opts .poll-opt .po-voted{
	left:103%;
	width:120px;
	top:8px;
	position:absolute;
}
.base-poll .poll-action-container{
	position:relative;
	padding:0 100px 15px 0px;
}
.base-poll .poll-action-container .poll-vote{
	background-color: #267cde;
	font-weight:500;
 color:#fff;
	font-size:13px;
	display:inline-block;
	cursor:pointer;
	padding:8px 13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-poll .poll-action-container .poll-vote:hover{
	background-color: #42b814;
}
.base-poll .poll-action-container .poll-vote-cancel{
	background-color: #f3f3f3;
	color:#888;
	display:inline-block;
	padding:8px 13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-left:5px;
}
.base-poll .poll-action-container .poll-vote-cancel:hover{
	color:#111;
	background-color: #eee;
}
.base-poll .poll-action-container .poll-vote-hint{
	position:absolute;
	font-size:12px;
 color:#888;
	right:0px;
	top:9px;
}
.base-poll .poll-footer{
	font-size:12px;
 color:#999;
}
.base-poll .poll-footer > span{
	color:#333;
}
.base-poll .poll-footer > span.url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-poll .poll-footer .-cmenu{
	bottom:24px;
	top:auto;
}
.list-msgs .message .att.-att-poll .att-box{
	padding-right:0px;
}
.base-poll.-dark{
	color: rgba(255,255,255,0.6);
}
.base-poll.-dark .poll-header .base-title{
	color: rgba(255,255,255,0.9);
}
.base-poll.-dark .poll-header .base-info .url{
	color: rgba(255,255,255,0.9);
}
.base-poll.-dark .poll-opts .poll-opt{
	border:1px solid rgba(255,255,255,0.1);
}
.base-poll.-dark .poll-opts .poll-opt.-voted{
	color:#fff;
}
.base-poll.-dark .poll-opts .poll-opt:hover{
	background: rgba(0,0,0,0.1);
	border:1px solid rgba(255,255,255,0.2);
}
.base-poll.-dark .poll-opts .poll-opt .po-percentage .pop-fill{
	background: rgba(255,255,255,0.1);
}
.base-poll.-dark .poll-opts .poll-opt .po-checkbox{
	border:1px solid rgba(255,255,255,0.1);
}
.base-poll.-dark .base-avatars.-sm .inline-avatar{
	border-color:rgba(0,0,0,0.2);
}
.base-poll.-dark .poll-footer > span{
	color: rgba(255,255,255,0.8);
}
.base-poll.-dark .poll-footer > span.url:hover{
	color:#fff;
}
.base-poll.-dark .poll-opts.-results .poll-opt.-voted:before{
	border-color:rgba(255,255,255,0.7);
}
.base-poll.-dark .poll-opts.-results .poll-opt.-nv:before{
	background: rgba(255,255,255,0.1);
}
.channel-messages .message .att.-att-poll .att-box{
	padding-right:0px;
}
.base-poll .base-info{
	padding-left:0px !important;
}
.base-poll .base-info .base-icon{
	display:none;
}
.base-poll .poll-opts .poll-opt{
	margin-right:0px;
}
.base-poll .poll-opts .poll-opt .po-voted, .base-poll .poll-opts .poll-opt .po-count{
	display:none;
}
.base-poll .poll-opts .poll-opts .poll-opt .po-main{
	padding-right:40px;
}
.base-poll .poll-action-container{
	padding-right:0px;
}
.base-poll .poll-action-container .poll-vote{
	display:block;
	text-align:center;
	margin-bottom:6px;
}
.base-poll .poll-action-container .poll-vote-hint{
	position:relative;
	right:auto;
	left:0px;
	top:auto;
}
.base-poll .poll-footer{
	padding-top:6px;
}


.att-images{
	margin-top:8px;
	margin-right:-1%;
	position:relative;
}
.att-images .ai-thumb{
	float:left;
	position:relative;
	width:49%;
	margin-right:1%;
	margin-bottom:5px;
}
.att-images .ai-thumb:before{
	display:block;
	content:"";
	height:1px;
	padding-bottom:100%;
}
.att-images .ai-thumb .-img{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.att-images .ai-thumb .-img img{
	width:100%;
	height:100%;
}
.att-images .ai-thumb .-img-hd{
	position:absolute;
 color:#fff;
	text-align:center;
	font-size:11px;
	left:10px;
	bottom:10px;
	background: rgba(0,0,0,0.9);
	padding:2px 5px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.att-images .ai-thumb .-img-hd:hover{
	background-color: #42b814;
	color:#fff;
}


/* Animation for avatar ring */
@keyframes talk-avatar-ring {
 0% { box-shadow: 0 0 0 0 rgba(206, 229, 207, 0.7); }
 70% { box-shadow: 0 0 0 15px rgba(115, 132, 116, 0); }
 100% { box-shadow: 0 0 0 0 rgba(76,175,80,0); }
}
/* Talk modal container */
#talk-modal {
 display: block;
 position: fixed;
 z-index: 9999;
 bottom: 20px;
 right: 20px;
 background-color: transparent;
}
/* Modal content */
#talk-modal .talk-modal-content {
 width: 300px;
 background-color: #333;
 border-radius: 8px;
 text-align: center;
 padding: 20px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/* Header section */
#talk-modal .talk-header {
 margin-bottom: 15px;
}
#talk-modal .talk-title {
 color: white;
 font-size: 15px;
 font-weight: 500;
 display: flex;
 align-items: center;
 justify-content: center;
}
#talk-modal .talk-logo {
 height: 20px;
 width: 20px;
 margin-right: 10px;
}
#talk-modal .talk-beta-label {
 font-size: 10px;
	color: rgb(38, 124, 222);
 padding: 4px 6px;
 margin-left: 2px;
}
/* Avatar section */
#talk-modal .talk-avatar-container {
 position: relative;
 width: 120px;
 height: 120px;
 margin: 0 auto 15px;
 border-radius: 50%;
 background-color: #333;
 display: flex;
 align-items: center;
 justify-content: center;
}
#talk-modal .talk-avatar-anim {
 animation: talk-avatar-ring 1.2s infinite;
 border-radius: 50%;
}
#talk-modal .talk-avatar {
 width: 100px;
 height: 100px;
 overflow: hidden;
 border-radius: 50%;
}
#talk-modal .talk-avatar img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
#talk-modal .talk-avatar-icon {
 position: absolute;
 bottom: 12px;
 right: 12px;
 background-color: #4CAF50;
 height: 24px;
 width: 24px;
 border-radius: 50%;
}
#talk-modal .talk-avatar-icon img {
 width: 24px;
 height: 24px;
}
/* User info section */
#talk-modal .talk-user-name {
 margin-bottom: 5px;
}
#talk-modal .talk-user-name h3 {
 margin: 0;
 color: white;
 font-size: 16px;
	font-weight: 500;
}
#talk-modal .talk-call-status {
 margin-bottom: 20px;
}
#talk-modal .talk-call-status p {
 margin: 0;
 color: #999;
 font-size: 14px;
}
/* Buttons section */
#talk-modal .talk-buttons {
 display: flex;
 gap: 10px;
}
#talk-modal .talk-btn {
 flex: 1;
 padding: 10px;
 color: white;
 border: none;
 border-radius: 5px;
	font-weight: 500;
	font-size: 13px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: row;
}
#talk-modal .talk-btn-reject {
 background-color: #FF4141;
}
#talk-modal .talk-btn-accept {
 background-color: #4CAF50;
}
#talk-modal .talk-btn .base-icon {
 margin-right: 5px;
 margin-bottom: 2px;
 position: relative;
}


/* Animation for avatar ring */
@keyframes talk-avatar-ring {
 0% { box-shadow: 0 0 0 0 rgba(206, 229, 207, 0.7); }
 70% { box-shadow: 0 0 0 15px rgba(115, 132, 116, 0); }
 100% { box-shadow: 0 0 0 0 rgba(76,175,80,0); }
}
/* Talk modal container */
#talk-modal {
 display: block;
 position: fixed;
 z-index: 9999;
 bottom: 20px;
 right: 20px;
 background-color: transparent;
}
/* Modal content */
#talk-modal .talk-modal-content {
 width: 300px;
 background-color: #333;
 border-radius: 8px;
 text-align: center;
 padding: 20px;
 box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
/* Header section */
#talk-modal .talk-header {
 margin-bottom: 15px;
}
#talk-modal .talk-title {
 color: white;
 font-size: 15px;
 font-weight: 500;
 display: flex;
 align-items: center;
 justify-content: center;
}
#talk-modal .talk-logo {
 height: 20px;
 width: 20px;
 margin-right: 10px;
}
#talk-modal .talk-beta-label {
 font-size: 10px;
	color: rgb(38, 124, 222);
 padding: 4px 6px;
 margin-left: 2px;
}
/* Avatar section */
#talk-modal .talk-avatar-container {
 position: relative;
 width: 120px;
 height: 120px;
 margin: 0 auto 15px;
 border-radius: 50%;
 background-color: #333;
 display: flex;
 align-items: center;
 justify-content: center;
}
#talk-modal .talk-avatar-anim {
 animation: talk-avatar-ring 1.2s infinite;
 border-radius: 50%;
}
#talk-modal .talk-avatar {
 width: 100px;
 height: 100px;
 overflow: hidden;
 border-radius: 50%;
}
#talk-modal .talk-avatar img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
#talk-modal .talk-avatar-icon {
 position: absolute;
 bottom: 12px;
 right: 12px;
 background-color: #4CAF50;
 height: 24px;
 width: 24px;
 border-radius: 50%;
}
#talk-modal .talk-avatar-icon img {
 width: 24px;
 height: 24px;
}
/* User info section */
#talk-modal .talk-user-name {
 margin-bottom: 5px;
}
#talk-modal .talk-user-name h3 {
 margin: 0;
 color: white;
 font-size: 16px;
	font-weight: 500;
}
#talk-modal .talk-call-status {
 margin-bottom: 20px;
}
#talk-modal .talk-call-status p {
 margin: 0;
 color: #999;
 font-size: 14px;
}
/* Buttons section */
#talk-modal .talk-buttons {
 display: flex;
 gap: 10px;
}
#talk-modal .talk-btn {
 flex: 1;
 padding: 10px;
 color: white;
 border: none;
 border-radius: 5px;
	font-weight: 500;
	font-size: 13px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: row;
}
#talk-modal .talk-btn-reject {
 background-color: #FF4141;
}
#talk-modal .talk-btn-accept {
 background-color: #4CAF50;
}
#talk-modal .talk-btn .base-icon {
 margin-right: 5px;
 margin-bottom: 2px;
 position: relative;
}


.box.-postform{
	background-color: #fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:13px 0px;
	position:relative;
}
.box.-postform.-stroked{
	background-color: #f3f3f3;
}
.box.-postform .user{
	position:relative;
	font-size:13px;
	padding-bottom:20px;
	z-index:100;
}
.box.-postform .user .avatar{
	position:absolute;
	top:-3px;
	left:0px;
}
.box.-postform .user .name{
	padding-left:55px;
}
.box.-postform .user .name em{
	font-weight:500;
	font-size:14px;
}
.box.-postform .user .name .info{
	color:#999;
	font-size:12px;
	padding-top:3px;
}
.box.-postform .actions{
	position:absolute;
	z-index:100;
	top:13px;
	right:0px;
}
.box.-postform .actions > .action{
	float:left;
 color:#888;
	cursor:pointer;
	font-size:13px;
	position:relative;
	padding:8px;
}
.box.-postform .actions > .action .info{
	position:absolute;
	font-size:12px;
	display:none;
	text-align:center;
	left:50%;
	bottom:40px;
	width:100px;
	margin-left:-50px;
}
.box.-postform .actions > .action .info:after{
	content:"";
	width: 0; height: 0;
 border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:4px solid rgba(0,0,0,0.8);
	position:absolute;
	bottom:-4px;
	left:50%;
	margin-left:-4px;
}
.box.-postform .actions > .action .info span{
	white-space: nowrap;
	display:inline-block;
	font-weight:normal;
	text-align:center;
	color:rgba(255,255,255,0.6);
	padding:4px 6px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background: rgba(0,0,0,0.8);
}
.box.-postform .actions > .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.box.-postform .actions > .action:hover .info{
	display:block;
}
.box.-postform .textarea{
	display:block;
	position:relative;
	font-size:15px;
	background-color: #f9f9f9;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	min-height:50px;
	-moz-box-shadow:inset 1px 2px 2px #eee;
 -webkit-box-shadow:inset 1px 2px 2px #eee;
 box-shadow:inset 1px 2px 2px #eee;
}
.box.-postform .textarea .rg{
}
.box.-postform .textarea .r{
}
.box.-postform .textarea textarea{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.box.-postform .textarea textarea{
	padding:10px;
	min-height:36px;
	line-height:22px;
}
.box.-postform .buttons{
	padding-top:13px;
	display:none;
}
.box.-postform .buttons .cancel{
	color:#999;
	font-size:13px;
	cursor:pointer;
	padding:9px 0;
}
.box.-postform .buttons .button{
	width:100px;
	padding:7px 0;
	font-weight:500;
}
.box.-postform .buttons .cancel .-ap{
	font-size:16px;
	display:inline-block;
	vertical-align:-1px;
}
.box.-postform.writing .buttons{
	display:block;
}
.box.-postform.writing .actions{
	display:none;
}


.postbox-header{
	padding:30px 0 10px 0;
	font-size:16px;
	font-weight:500;
	border-bottom:1px solid #eee;
}
.postbox-loadmore{
	padding:30px 0 50px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
 color:#999;
	cursor:pointer;
}
.postbox-loadmore:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts{
	padding-bottom:20px;
}
.list.-posts > .li{
	position:relative;
	padding:20px 0px;
	border-bottom:1px solid #eee;
}
.list.-posts > .li > .-dd, .list.-posts > .li > .-di{
	font-size:16px;
 color:#bbb;
	cursor:pointer;
	padding:10px;
	position:absolute;
	display:none;
	right:2px;
	top:2px;
	z-index:1000;
}
.list.-posts > .li > .-dd:before{
	font-family:ap; content:"\e6b1";
}
.list.-posts > .li:hover > .-dd, .list.-posts > .li:hover > .-di{
	display:block;
}
.list.-posts > .li:first-child{
}
.list.-posts > .li > .__ajaxshow > .__icon{
	left:auto;
	right:20px;
	top:20px;
	color:#ccc;
}
.list.-posts > .li > .title{
	position:relative;
	font-size:15px;
	padding-left:72px;
	margin:0px 0px 0 0px;
}
.list.-posts > .li > .title .avatar{
	left:0px;
}
.list.-posts > .li > .title .name{
	font-size:15px;
 color:#aaa;
}
.list.-posts > .li > .title .name b{
	color:#333;
}
.list.-posts > .li > .title .name b.url, .list.-posts > .li > .title .name a{
	color:#267cde;
	cursor:pointer;
	font-weight:500;
}
.list.-posts > .li > .title .info{
	font-size:13px;
 color:#999;
	padding-top:3px;
}
.list.-posts > .li > .text{
	font-size:15px;
	line-height:22px;
	margin:10px 0px 0 0px;
	padding-left:72px;
}
.list.-posts > .li > .text.-no-data{
	display:none;
}
.list.-posts > .li > .text .url{
	color:#267cde;
}
.list.-posts > .li > .text > .embed{
	padding-top:8px;
	padding-bottom:8px !important;
}
.list.-posts > .li > .text > p, .list.-posts > .li > .text > div{
	padding-bottom:8px;
}
.list.-posts > .li > .text > p:last-child, .list.-posts > .li > .text > div:last-child{
	padding-bottom:0px;
}
.list.-posts > .li > .text ul{
	margin-left:20px;
	list-style-type:disc;
}
.list.-posts > .li > .text ul li{
	padding-bottom:5px;
}
.list.-posts > .li > .text .ifile{
	padding:10px 15px 0px 50px;
	border:1px solid #f3f3f3;
	border-left:3px solid #eee;
	margin-top:10px;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fafafa;
}
.list.-posts > .li > .text .ifile .ifileicon{
	position:absolute;
	left:15px;
	top:13px;
}
.list.-posts > .li > .text .ifile .name{
	cursor:pointer;
}
.list.-posts > .li > .text .ifile .name:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .text .ifile .actions{
	overflow:hidden;
 color:#aaa;
	font-size:10px;
	padding-top:2px;
	padding-bottom:5px;
}
.list.-posts > .li > .text .ifile .actions .action{
	display:inline-block;
	cursor:pointer;
 color:#333;
	font-size:12px;
}
.list.-posts > .li > .text .ifile .actions .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .text .ifile-image{
}
.list.-posts > .li > .text .ifile-image img{
	max-width:100%;
}
.list.-posts > .li > .footer{
	font-size:13px;
 color:#888;
	margin:5px 0px 0 72px;
	padding:10px 0px 5px 0;
	position:relative;
}
.list.-posts > .li > .footer .subaction:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .footer .action{
	font-weight:normal;
 color:#267cde;
}
.list.-posts > .li > .footer .button{
	padding:6px 50px 6px 10px;
	display:inline-block;
	background-color: #f3f3f3;
}
.list.-posts > .li > .footer .like{
}
.list.-posts > .li > .footer .comment{
	font-weight:bold;
	cursor:pointer;
}
.list.-posts > .li > .footer .comment:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .footer .count{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	padding:2px 7px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #fff;
	margin:0 6px 0 5px;
	text-decoration:none;
	border:1px solid rgba(0,0,0,0.1);
}
.list.-posts > .li > .footer .post-reactions{
	position:absolute;
	right:0px;
	top:10px;
}
.list.-posts > .li > .post-comments{
	display:none;
	margin-top:5px;
	margin-left:72px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.-posts > .li > .post-comments > .base-comments-area > .box.comments{
	background-color: #f3f3f3;
}
.list.-posts > .li > .post-comments > .box.comments > .more{
	border-bottom:1px solid #fff;
	display:none;
}
.list.-posts > .li > .post-comments > .base-comments-area > .box.comments .comment{
	border-bottom:1px solid #fff;
}
.list.-posts > .li > .post-comments > .box.comments > .post{
}
.list.-posts > .li.-log{
	border:none;
	background-color: #f8f8f8;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	position:relative;
 color:#666;
	padding:10px 15px 10px 110px;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
}
.list.-posts > .li.-log > .time{
	position:absolute;
 color:#999;
	font-size:12px;
	left:15px;
	top:10px;
}
.list.-posts > .li.-log b{
	color:#111;
}
.list.-posts.-simple > .li{
	border:none;
	padding-bottom:20px;
	padding-top:15px;
	margin-bottom:0px;
	margin-top:20px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	padding-left:0px;
}
.list.-posts.-simple > .li{
	background-color: #fff;
	border-bottom:1px solid #eee;
	padding-right:20px;
	padding-top:10px;
}
.list.-posts.-simple > .li > .title{
	margin-top:0;
	margin-left:0px;
}
.list.-posts.-simple > .li > .title .info{
	position:absolute;
	font-size:12px;
	right:30px;
	top:0px;
}
.list.-posts.-simple > .li > .text{
	margin-left:56px;
}
.list.-posts.-simple > .li > .footer{
	border:none;
	padding-left:56px;
	padding-top:3px;
	background-color: transparent;
}
.list.-posts.-simple > .li > .post-comments{
	border:none;
	margin-left:56px;
	margin-bottom:10px;
	margin-right:0px;
}
.list.-posts.-simple > .li > .post-comments> .box.comments{
	padding:0 15px 10px 15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #f3f3f3;
}
.list.-posts.-timeline > .li{
	padding:20px 20px 20px 20px;
	border-left:2px solid #eee;
	margin-left:100px;
	margin-top: 0px;
	margin-bottom:20px;
	border:none;
	background-color: #f7f7f7;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.-posts.-timeline > .li:before{ 
	position:absolute;
	top:0px;
	left:-26px;
	width:1px;
	height:100%;
	content:"";
	background-color: #f7f7f7;
	padding-bottom:20px;
}
.list.-posts.-timeline > .li > .title .name{
	color:#999;
	margin-right:13px;
}
.list.-posts.-timeline > .li > .title:before{
	content:"";
	position:absolute;
	width: 0; height: 0;
 border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:8px solid #f7f7f7;
	left:-27px;
	top:10px;
}
.list.-posts.-timeline .title .info{
	position:absolute;
	right:auto;
	left:-125px;
	font-size:18px;
 color:#111;
	top:0px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:4px 8px;
}
.list.-posts.-timeline .title .info:before{
	content:"";
	right:-23px;
	top:10px;
	border:2px solid #ddd;
	width:8px;
	height:8px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	background-color: #fff;
	display:block;
	position:absolute;
}
.list.-posts.-timeline .title .info em{
	display:block;
	text-transform:uppercase;
	font-size:12px;
 color:#888;
	padding-top:4px;
}
.list.-posts.-timeline > .li > .text, .list.-posts.-timeline > .li > .footer{
	margin-left:56px;
}
.list.-posts.-timeline > .li > .footer{
	border:none;
	padding-top:0px;
}
.list.-posts.-timeline > .li > .post-comments{
	padding:0 0px 0px 0px;
	border:none;
	margin-left:56px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-top:0px;
}
.list.-posts .post .title{
	width: calc(100% - 100px);
}
.list.-posts .post .post-actions{
	position:absolute;
	display:none;
	right:0px;
	top:8px;
}
.list.-posts > .li:hover > .post-actions{
	display:block;
}
.list.-posts .post .post-actions .base-button-dd .-cmenu{
	right: 0px;
}


.base-posts.-dark .box.-postform{
	background-color: transparent;
}
.base-posts.-dark .box.-postform .form.-modern .mform .mc{
	border: 1px transparent;
	color: rgba(255,255,255,0.4);
	background: rgba(255,255,255,0.1);
}
.base-posts.-dark .box.-postform .form.-modern .mform .mside .base-action:hover{
	color: rgba(255,255,255,0.9);
}
.base-posts.-dark .box.-postform .form.-modern.-activated form{
	color: rgba(255,255,255,0.7);
}
.base-posts.-dark .box.-postform .user .name em{
	color: rgba(255,255,255,0.9);
}
.base-posts.-dark .box.-postform .actions > .action:hover{
	color: rgba(255,255,255,0.9);
}
.base-posts.-dark .box.-postform .textarea{
	border:none;
	background-color: transparent;
	box-shadow: inset 0 0 0 0px transparent;
}
.base-posts.-dark .box.-postform .textarea textarea{
	background: rgba(255,255,255,0.1);
	color:#fff;
}
.base-posts.-dark .box.-postform .textarea textarea::-webkit-input-placeholder{
	color: rgba(255,255,255,0.8);
}
postform .textarea textarea::-moz-placeholder{
	color: rgba(255,255,255,0.8);
}
postform .textarea textarea:-moz-placeholder{
	color: rgba(255,255,255,0.8);
}
postform .textarea textarea:-ms-input-placeholder{
	color: rgba(255,255,255,0.8);
}
.base-posts.-dark .postbox-header{
	color: rgba(255,255,255,0.8);
	border-color:rgba(255,255,255,0.1);
}
.base-posts.-dark .list.-posts > .li{
	color: rgba(255,255,255,0.7);
	border-color:rgba(255,255,255,0.1);
}
.base-posts.-dark .list.-posts > .li > .title .name b.url, .base-posts.-dark .list.-posts > .li > .title .name a{
	color: rgba(255,255,255,0.9);
}
.base-posts.-dark .list.-posts > .li > .title .name b.url:hover, .base-posts.-dark .list.-posts > .li > .title .name a:hover{
	color:#fff;
	text-decoration:underline;
}
.base-posts.-dark .list.-posts > .li > .footer .comment:hover{
	color:#fff;
}
.base-posts.-dark .list.-posts > .li > .footer .count{
	background: rgba(255,255,255,0.1);
	border:1px solid transparent;
}
.base-posts.-dark .list.-posts > .li > .text .ifile{
	background: rgba(0,0,0,0.1);
	border:none;
}
.base-posts.-dark .list.-posts > .li > .text .ifile .actions .action{
	color: rgba(255,255,255,0.8);
}
.base-posts.-dark .list.-posts > .li > .text .ifile .actions .action:hover{
	color:#fff;
}
.base-posts.-dark .list.-posts > .li > .text .ifile .name:hover{
	color:#fff;
}
.base-posts.-dark .list.-posts > .li > .post-comments{
	margin-left:57px;
	padding-bottom:0px;
}
.base-posts.-dark .list.-posts > .li > .post-comments > .base-comments-area > .box.comments .comment{
	border:none;
}
.base-posts.-dark .postbox-loadmore:hover{
	color: rgba(255,255,255,0.8);
}

/* File does not exists: [PRIVATE FILE] */

.list.-kr-balls{
	overflow:hidden;
}
.list.-kr-balls > .li{
	float:left;
	position:relative;
	overflow:hidden;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	background-color: #ddd;
	margin-right:8px;
}
.list.-kr-balls > .li > .complete{
	position:absolute;
	height:16px;
	background-color: #42b814;
	top:0px;
	left:0px;
}
.list.-keyresults{
}
.list.-keyresults > .li{
	background: rgba(0,0,0,0.15);
	position:relative;
	color:#fff;
	overflow:hidden;
	margin-bottom:20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.-keyresults > .li > .complete{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	background-color: #42b814;
}
.list.-keyresults > .li > .main{
	position:relative;
	padding:4px 8px;
	z-index:100;
	text-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.list.-keyresults > .li > .main .name{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-bottom:3px;
}
.list.-checklists{	
}
.list.-checklists > .li{
	position:relative;
	padding-bottom:20px;
	padding-left:32px;
}
.list.-checklists > .li .icon{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
	width:24px;
	height:24px;
}
.list.-checklists > .li .check{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
	width:17px;
	height:17px;
	border:2px solid rgba(0,0,0,0.3);
	background-color: #fff;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.list.-checklists > .li .name{
	font-size:15px;
}
.list.-checklists > .li .info{
	color:#888;
	font-size:12px;
	padding-top:4px;
}
.list.-checklists > .li.checkable:hover .check{
	border:2px solid #42b814;
}
.list.-checklists > .li .check:hover{
	border:2px solid #666;
}
.list.-checklists > .li.-checked{
	color:#42b814;
}
.list.-checklists > .li.-checked .check{
	background-color: #42b814;
	border:2px solid #42b814;
}
.list.-checklists > .li.-checked .check:before{
	font-family:ap; content:"\e28a";
	color:#fff;
	font-size:16px;
	display:block;
}
.list.-checklists.-white > .li{
	color:#eee;
}
#checklist-edit{
}
#checklist-edit h1{
	border-bottom:1px dashed #eee;
	padding:5px 0 15px 0;
	font-weight:500;
	font-size:20px;
}
#checklist-edit .item{	
}
#checklist-edit .item .row-hidden{
	display:none;
}
#checklist-edit .item.editing .row-hidden{
	display:block;
	background-color: #f3f3f3;
	padding:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:10px;
}
#checklist-edit .item.editing .real{
	display:none;
}
#checklist-edit .more{
	border-top:1px dashed #ccc;
	padding-top:15px;
}
#checklist-edit .item .real{
	position:relative;
	padding:10px 0 10px 30px;
}
#checklist-edit .item .real .icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
	top:11px;
	left:0px;
}
#checklist-edit .item .real .name{
	font-size:17px;
	font-weight:normal;
	cursor:pointer;
}
#checklist-edit .item .real .actions{
	font-size:12px;
 color:#aaa;
	padding-top:3px;
}
#checklist-edit .item .real .actions .a{
	font-weight:normal;
 color:#888;
}
#checklist-edit .item .real .actions .a:hover{
	text-decoration:underline;
 color:#267cde;
}
#checklist-edit .item .row{
}
#checklist-edit .item .buttons{
	margin-top:5px;
	padding-top:5px;
	padding-bottom:0px;
}
#checklist-edit .cancel{
	padding-top:15px;
	margin-top:25px;
	text-align:center;
}
#checklist-edit .cancel span{
	cursor:pointer;
 color:#aaa;
}
#checklist-edit .cancel span:hover{
	text-decoration:underline;
}
.list.-timelines{
	overflow:hidden;
}
.list.-timelines > .li{
	position:relative;
	padding-bottom:24px;
	padding-left:120px;
	min-height:40px;
	border-bottom:1px solid #e5e5e5;
}
.list.-timelines > .li:last-child{
	border:none;
}
.list.-timelines > .li:before{
	position:absolute;
	content:"";
	width:2px;
	top:0px;
	height:110%;
	left:76px;
	background-color: #e5e5e5;
}
.list.-timelines > .li .icon{
	position:absolute;
	top:15px;
	left:60px;
	width:36px;
	height:36px;
	background-color: #267cde;
	font-size:20px;
	text-align:center;
	font-weight:bold;
 color:#888; color:#fff;
	-moz-border-radius: 18px;
 -webkit-border-radius: 18px;
 border-radius: 18px;
}
.list.-timelines > .li .icon.-normal{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	color:#267cde;
	background-color: #fff;
}
.list.-timelines > .li .icon.-good{
	background-color: #42b814;
	color:#fff;
}
.list.-timelines > .li .icon.-bad{
	background-color: #c34343;
	color:#fff;
}
.list.-timelines > .li .icon.-good{
	background-color: #42b814;
}
.list.-timelines > .li .icon.-bad{
	background-color: #c34343;
}
.list.-timelines > .li .icon > .-ap{
	display:block;
	padding-top:7px;
}
.list.-timelines > .li .icon.-small{
	font-size:16px;
 color:#fff;
	background-color: #267cde;
	width:24px;
	height:24px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	left:65px;
}
.list.-timelines > .li .icon.-small .-ap{
	padding-top:4px;
}
.list.-timelines > .li > .time{
	position:absolute;
	top:15px;
	left:0px;
}
.list.-timelines > .li > .time .d{
	display:block;
	text-transform:uppercase;
 color:#999;
	font-size:11px;
}
.list.-timelines > .li > .time .h{
	font-size:16px;
	padding-top:2px;
}
.list.-timelines > .li > .name{
	display:block;
	font-size:15px;
	font-weight:300;
	padding-bottom:5px;
	padding-top:16px;
	line-height:20px;
}
.list.-timelines > .li > .info{
	color:#999;
	font-size:12px;
}
.list.-timelines > .li > .info b{
	color:#111;
	cursor:pointer;
	font-weight:normal;
	font-size:13px;
}
.box.-postform{
	background-color: #fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:13px 0px;
	position:relative;
}
.box.-postform.-stroked{
	background-color: #f3f3f3;
}
.box.-postform .user{
	position:relative;
	font-size:13px;
	padding-bottom:20px;
	z-index:100;
}
.box.-postform .user .avatar{
	position:absolute;
	top:-3px;
	left:0px;
}
.box.-postform .user .name{
	padding-left:55px;
}
.box.-postform .user .name em{
	font-weight:500;
	font-size:14px;
}
.box.-postform .user .name .info{
	color:#999;
	font-size:12px;
	padding-top:3px;
}
.box.-postform .actions{
	position:absolute;
	z-index:100;
	top:13px;
	right:0px;
}
.box.-postform .actions > .action{
	float:left;
 color:#888;
	cursor:pointer;
	font-size:13px;
	position:relative;
	padding:8px;
}
.box.-postform .actions > .action .info{
	position:absolute;
	font-size:12px;
	display:none;
	text-align:center;
	left:50%;
	bottom:40px;
	width:100px;
	margin-left:-50px;
}
.box.-postform .actions > .action .info:after{
	content:"";
	width: 0; height: 0;
 border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:4px solid rgba(0,0,0,0.8);
	position:absolute;
	bottom:-4px;
	left:50%;
	margin-left:-4px;
}
.box.-postform .actions > .action .info span{
	white-space: nowrap;
	display:inline-block;
	font-weight:normal;
	text-align:center;
	color:rgba(255,255,255,0.6);
	padding:4px 6px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background: rgba(0,0,0,0.8);
}
.box.-postform .actions > .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.box.-postform .actions > .action:hover .info{
	display:block;
}
.box.-postform .textarea{
	display:block;
	position:relative;
	font-size:15px;
	background-color: #f9f9f9;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	min-height:50px;
	-moz-box-shadow:inset 1px 2px 2px #eee;
 -webkit-box-shadow:inset 1px 2px 2px #eee;
 box-shadow:inset 1px 2px 2px #eee;
}
.box.-postform .textarea .rg{
}
.box.-postform .textarea .r{
}
.box.-postform .textarea textarea{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.box.-postform .textarea textarea{
	padding:10px;
	min-height:36px;
	line-height:22px;
}
.box.-postform .buttons{
	padding-top:13px;
	display:none;
}
.box.-postform .buttons .cancel{
	color:#999;
	font-size:13px;
	cursor:pointer;
	padding:9px 0;
}
.box.-postform .buttons .button{
	width:100px;
	padding:7px 0;
	font-weight:500;
}
.box.-postform .buttons .cancel .-ap{
	font-size:16px;
	display:inline-block;
	vertical-align:-1px;
}
.box.-postform.writing .buttons{
	display:block;
}
.box.-postform.writing .actions{
	display:none;
}
.postbox-header{
	padding:30px 0 10px 0;
	font-size:16px;
	font-weight:500;
	border-bottom:1px solid #eee;
}
.postbox-loadmore{
	padding:30px 0 50px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
 color:#999;
	cursor:pointer;
}
.postbox-loadmore:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts{
	padding-bottom:20px;
}
.list.-posts > .li{
	position:relative;
	padding:20px 0px;
	border-bottom:1px solid #eee;
}
.list.-posts > .li > .-dd, .list.-posts > .li > .-di{
	font-size:16px;
 color:#bbb;
	cursor:pointer;
	padding:10px;
	position:absolute;
	display:none;
	right:2px;
	top:2px;
	z-index:1000;
}
.list.-posts > .li > .-dd:before{
	font-family:ap; content:"\e6b1";
}
.list.-posts > .li:hover > .-dd, .list.-posts > .li:hover > .-di{
	display:block;
}
.list.-posts > .li:first-child{
}
.list.-posts > .li > .__ajaxshow > .__icon{
	left:auto;
	right:20px;
	top:20px;
	color:#ccc;
}
.list.-posts > .li > .title{
	position:relative;
	font-size:15px;
	padding-left:72px;
	margin:0px 0px 0 0px;
}
.list.-posts > .li > .title .avatar{
	left:0px;
}
.list.-posts > .li > .title .name{
	font-size:15px;
 color:#aaa;
}
.list.-posts > .li > .title .name b{
	color:#333;
}
.list.-posts > .li > .title .name b.url, .list.-posts > .li > .title .name a{
	color:#267cde;
	cursor:pointer;
	font-weight:500;
}
.list.-posts > .li > .title .info{
	font-size:13px;
 color:#999;
	padding-top:3px;
}
.list.-posts > .li > .text{
	font-size:15px;
	line-height:22px;
	margin:10px 0px 0 0px;
	padding-left:72px;
}
.list.-posts > .li > .text.-no-data{
	display:none;
}
.list.-posts > .li > .text .url{
	color:#267cde;
}
.list.-posts > .li > .text > .embed{
	padding-top:8px;
	padding-bottom:8px !important;
}
.list.-posts > .li > .text > p, .list.-posts > .li > .text > div{
	padding-bottom:8px;
}
.list.-posts > .li > .text > p:last-child, .list.-posts > .li > .text > div:last-child{
	padding-bottom:0px;
}
.list.-posts > .li > .text ul{
	margin-left:20px;
	list-style-type:disc;
}
.list.-posts > .li > .text ul li{
	padding-bottom:5px;
}
.list.-posts > .li > .text .ifile{
	padding:10px 15px 0px 50px;
	border:1px solid #f3f3f3;
	border-left:3px solid #eee;
	margin-top:10px;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fafafa;
}
.list.-posts > .li > .text .ifile .ifileicon{
	position:absolute;
	left:15px;
	top:13px;
}
.list.-posts > .li > .text .ifile .name{
	cursor:pointer;
}
.list.-posts > .li > .text .ifile .name:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .text .ifile .actions{
	overflow:hidden;
 color:#aaa;
	font-size:10px;
	padding-top:2px;
	padding-bottom:5px;
}
.list.-posts > .li > .text .ifile .actions .action{
	display:inline-block;
	cursor:pointer;
 color:#333;
	font-size:12px;
}
.list.-posts > .li > .text .ifile .actions .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .text .ifile-image{
}
.list.-posts > .li > .text .ifile-image img{
	max-width:100%;
}
.list.-posts > .li > .footer{
	font-size:13px;
 color:#888;
	margin:5px 0px 0 72px;
	padding:10px 0px 5px 0;
	position:relative;
}
.list.-posts > .li > .footer .subaction:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .footer .action{
	font-weight:normal;
 color:#267cde;
}
.list.-posts > .li > .footer .button{
	padding:6px 50px 6px 10px;
	display:inline-block;
	background-color: #f3f3f3;
}
.list.-posts > .li > .footer .like{
}
.list.-posts > .li > .footer .comment{
	font-weight:bold;
	cursor:pointer;
}
.list.-posts > .li > .footer .comment:hover{
	color:#267cde;
	text-decoration:underline;
}
.list.-posts > .li > .footer .count{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	padding:2px 7px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	background-color: #fff;
	margin:0 6px 0 5px;
	text-decoration:none;
	border:1px solid rgba(0,0,0,0.1);
}
.list.-posts > .li > .footer .post-reactions{
	position:absolute;
	right:0px;
	top:10px;
}
.list.-posts > .li > .post-comments{
	display:none;
	margin-top:5px;
	margin-left:72px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.-posts > .li > .post-comments > .base-comments-area > .box.comments{
	background-color: #f3f3f3;
}
.list.-posts > .li > .post-comments > .box.comments > .more{
	border-bottom:1px solid #fff;
	display:none;
}
.list.-posts > .li > .post-comments > .base-comments-area > .box.comments .comment{
	border-bottom:1px solid #fff;
}
.list.-posts > .li > .post-comments > .box.comments > .post{
}
.list.-posts > .li.-log{
	border:none;
	background-color: #f8f8f8;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	position:relative;
 color:#666;
	padding:10px 15px 10px 110px;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
}
.list.-posts > .li.-log > .time{
	position:absolute;
 color:#999;
	font-size:12px;
	left:15px;
	top:10px;
}
.list.-posts > .li.-log b{
	color:#111;
}
.list.-posts.-simple > .li{
	border:none;
	padding-bottom:20px;
	padding-top:15px;
	margin-bottom:0px;
	margin-top:20px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	padding-left:0px;
}
.list.-posts.-simple > .li{
	background-color: #fff;
	border-bottom:1px solid #eee;
	padding-right:20px;
	padding-top:10px;
}
.list.-posts.-simple > .li > .title{
	margin-top:0;
	margin-left:0px;
}
.list.-posts.-simple > .li > .title .info{
	position:absolute;
	font-size:12px;
	right:30px;
	top:0px;
}
.list.-posts.-simple > .li > .text{
	margin-left:56px;
}
.list.-posts.-simple > .li > .footer{
	border:none;
	padding-left:56px;
	padding-top:3px;
	background-color: transparent;
}
.list.-posts.-simple > .li > .post-comments{
	border:none;
	margin-left:56px;
	margin-bottom:10px;
	margin-right:0px;
}
.list.-posts.-simple > .li > .post-comments> .box.comments{
	padding:0 15px 10px 15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #f3f3f3;
}
.list.-posts.-timeline > .li{
	padding:20px 20px 20px 20px;
	border-left:2px solid #eee;
	margin-left:100px;
	margin-top: 0px;
	margin-bottom:20px;
	border:none;
	background-color: #f7f7f7;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.list.-posts.-timeline > .li:before{ 
	position:absolute;
	top:0px;
	left:-26px;
	width:1px;
	height:100%;
	content:"";
	background-color: #f7f7f7;
	padding-bottom:20px;
}
.list.-posts.-timeline > .li > .title .name{
	color:#999;
	margin-right:13px;
}
.list.-posts.-timeline > .li > .title:before{
	content:"";
	position:absolute;
	width: 0; height: 0;
 border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right:8px solid #f7f7f7;
	left:-27px;
	top:10px;
}
.list.-posts.-timeline .title .info{
	position:absolute;
	right:auto;
	left:-125px;
	font-size:18px;
 color:#111;
	top:0px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:4px 8px;
}
.list.-posts.-timeline .title .info:before{
	content:"";
	right:-23px;
	top:10px;
	border:2px solid #ddd;
	width:8px;
	height:8px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	background-color: #fff;
	display:block;
	position:absolute;
}
.list.-posts.-timeline .title .info em{
	display:block;
	text-transform:uppercase;
	font-size:12px;
 color:#888;
	padding-top:4px;
}
.list.-posts.-timeline > .li > .text, .list.-posts.-timeline > .li > .footer{
	margin-left:56px;
}
.list.-posts.-timeline > .li > .footer{
	border:none;
	padding-top:0px;
}
.list.-posts.-timeline > .li > .post-comments{
	padding:0 0px 0px 0px;
	border:none;
	margin-left:56px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-top:0px;
}
.list.-posts .post .title{
	width: calc(100% - 100px);
}
.list.-posts .post .post-actions{
	position:absolute;
	display:none;
	right:0px;
	top:8px;
}
.list.-posts > .li:hover > .post-actions{
	display:block;
}
.list.-posts .post .post-actions .base-button-dd .-cmenu{
	right: 0px;
}

div.-inline{
	display:inline-block;
}
.-absfit, .-abs-fit{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:10;
}
.base-col.-fit .base-user-name, .base-col.-fit .base-title, .base-col.-fit > span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	display:block;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}
.thick{ 
	font-weight:500;
}
.ap-icon{
	font-size:16px;
}
.-ficon{
	font-size:14px;
}
.-idot{
	width:8px;
	height:8px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	display:block;
	margin-top:4px;
}
.-icon svg{
	fill:currentcolor;
}
.-uppercase{
	text-transform:uppercase;
}
.-cmenu.-padding .-item.-pavatar{
	padding-left:36px;
}
.-cmenu.-padding .-item > .base-avatar{
	position:absolute;
	left:10px;
	top:4px;
}
.-cmenu.-padding .-item.-with-icon{
	padding-left:35px;
}
.-cmenu.-padding .-item > .-cmenu-icon{
	position:absolute;
	left:10px;
	top:7px;
	width:16px;
	height:16px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.-cmenu.-padding .-item > .-cmenu-icon svg{
	width:16px;
	height:16px;
}
.-cmenu.-padding .-item > .-cmenu-icon img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.-icon-svg svg{
	fill:currentcolor;
}
.-edge-svg svg{
	fill:none !important;
	stroke: currentcolor !important;
}
.base-line{
	height:1px;
	background-color: #eee;
}
.base-backup{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}


.base-url:hover{
	color:#267cde;
	text-decoration:underline;
}
.-base-invisible{
	opacity: 0; filter: alpha(Opacity:0);
}
.-base-visible{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.abs-fit{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-back{
	position:relative;
	font-size:16px;
 color:#888;
}
.base-back:hover{
	color:#111;
}
.base-back .-icon-caret:before{
	font-family:ap; content:"\e6b2";
	position:absolute;
}
.base-back .-icon-arrow:before{
	font-family:ap; content:"\e974";
	position:absolute;
}
.base-none{
}
.base-none.-fit{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-value{
	position:relative;
	font-size:14px;
}
.base-value .bi-unit{
	position:absolute;
	font-weight:normal;
 color:#888;
	font-size:90%;
	padding-left:5px;
}
.base-value.-lg{
	font-size:16px;
	font-weight:500;
}
.base-change{
	position:relative;
	font-size:13px;
	padding-left:20px;
}
.base-change .ci-icon{
	position:absolute;
	left:0px;
	top:0px;
}
.base-change .ci-icon.-up:before{
	font-family:ap; content:"\e5d8";
	position:absolute;
 color:#42b814;
	font-size:16px;
}
.base-change .ci-icon.-down:before{
	font-family:ap; content:"\e5db";
	position:absolute;
 color:#c34343;
	font-size:16px;
}
.base-info-row{
	padding:8px 0;
	position:relative;
}
.base-info-row.-picon{
	padding-left:24px;
}
.base-info-row .bi-label{
	font-size:13px;
 color:#999;
	padding-bottom:4px;
}
.base-info-row .bi-sublabel{
	font-size:12px;
 color:#aaa;
	padding-bottom:4px;
}
.base-info-row > .-icon{
	position:absolute;
	top:7px;
	left:0px;
}
.base-info-row > .-icon svg{
	width:16px;
	height:16px;
}
.base-info-row.-fit{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-info-row .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-info-rows{
	border-bottom:1px solid #eee;
	padding:15px 0;
}
.base-info-rows .bi-rows-title{
	font-weight:500;
	font-size:15px;
	padding-bottom:3px;
}
.base-istats{
}
.base-istats .base-istat{
	position:relative;
	padding:6px 0;
}
.base-istats .base-istat.-picon{
	padding-left:48px;
}
.base-istats .base-istat .base-icon, .base-istats .base-istat .base-iconbox{
	position:absolute;
	left:0px;
	top:5px;
}
.base-istats .base-istat .bi-label{
	font-size:13px;
	font-weight:500;
	padding-bottom:4px;
}
.base-progress{
	position:relative;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:12px;
	padding-top:3px;
}
.base-progress .progress-bar{
	background: rgba(0,0,0,0.1);
	position:relative;
	overflow:hidden;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:6px;
}
.base-progress .progress-bar .-completed{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	background-color: #1c70ce;
}
.base-collapsable_header{
	padding:8px 0;
}
.base-collapsable_header .title{
	position:relative;
	font-size:15px;
 color:#34960d;
	padding-right:20px;
}
.base-collapsable_header .title:after{
	font-family:ap; content:"\e5c5";
	position:absolute;
	font-size:20px;
 color:#999;
	right:0px;
	top:-2px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.base-collapsable_header .title:hover{
	text-decoration:underline;
}
.-collapsed > .base-collapsable_header .title:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
.base-title-sep{
	position:relative;
	overflow:hidden;
}
.base-title-sep em{
	position:relative;
	display:inline-block;
}
.base-title-sep em:after{
	position:absolute;
	left:110%;
	top:50%;
	margin-top:-1px;
	width:2000px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.base-link{
	cursor:pointer;
}
.base-link:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-link.-with-icon{
	position:relative;
	display:inline-block;
	padding-left:18px;
}
.base-link.-with-icon .-link-icon{
	position:absolute;
	left:0px;
	top:0px;
}
.base-flatten-json{
	max-width:1000px;
	margin:auto;
	padding:20px 20px 0 20px;
}
.base-flatten-json .-wrapper{
	background-color: #fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
}
.base-flatten-json .title{
	font-size:16px;
	font-weight:500;
	padding:15px 20px;
	border-bottom:1px solid #eee;
}
.base-flatten-json .content{
	padding:15px 20px;
	background-color: #fafafa;
}
.base-flatten-json pre{
	font-family: Consolas, Courier New, Courier New, monospace;
}


.base-icon{
	position:absolute;
	width:16px;
	height:16px;
}
.base-icon.-fit{
	position:absolute;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
}
.base-icon.-lg{
	width:24px;
	height:24px;
}
.base-icon.-xl{
	width:32px;
	height:32px;
}
.base-icon svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.base-icon.-fixed-size svg{
	width:100%;
	height:100%;
}
.base-icon.-el svg, .base-icon.-el > img{
	width:20px;
	height:20px;
}
.base-icon.-lg svg, .base-icon.-lg > img{
	width:24px;
	height:24px;
}
.base-icon.-xl svg, .base-icon.-xl > img{
	width:32px;
	height:32px;
}
.base-icon-inline{
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
}
.base-icon-inline.-sm{
	width:13px;
	height:13px;
	margin-right:3px;
}
.base-icon-inline.-sm .base-icon{
	top:1px;
}
.base-icon-inline.-sm svg{
	width:14px;
	height:14px;
}
.base-iconbox{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	width:24px;
	height:24px;
	padding-top:4px;
}
.base-iconbox.-lg{
	width:32px;
	height:32px;
	font-size:16px;
}
.base-iconbox.-lg .ap-icon{
	margin-top:0px;
}
.base-iconbox.-el{
	width:30px;
	height:30px;
}
.base-iconbox .-bi{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:4px;
}
.base-iconbox.-lg .-bi{
	padding-top:10px;
}
.base-iconbox.-el .-bi{
	padding-top:7px;
}
.base-iconbox .ap-icon{
	display:block;
	margin-top:-2px;
}
.base-iconbox svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.base-iconbox.-square .-bi{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-iconbox.-lg{
	position:absolute;
	width:36px;
	height:36px;
}
.base-iconbox.-xl{
	position:absolute;
	width:40px;
	height:40px;
}
.base-iconbox.-xl .-bi{
	padding-top:9px;
}
.base-iconbox.-xl svg{
	width:20px;
	height:20px;
}
.base-iconbox.-xxl{
	position:absolute;
	width:60px;
	height:60px;
}
.base-iconbox.-xxl .-bi{
	padding-top:13px;
}
.base-iconbox.-xxl svg{
	width:32px;
	height:32px;
}
.base-iconbox.-xxl{
	position:absolute;
	width:85px;
	height:85px;
}
.base-iconbox.-xxl .-bi{
	padding-top:20px;
}
.base-iconbox.-xxl svg{
	width:48px;
	height:48px;
}
.base-dot{
	width:12px;
	height:12px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background-color: #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.base-dot.-sm{
	width:10px;
	height:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.base-dot.-lg{
	width:16px;
	height:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.base-icon-stat{
	position:relative;
	padding-left:18px;
}
.base-icon-stat.url:hover{
	text-decoration:underline;
}
.base-icon-stat.-icon-is-ap, .base-icon-stat.icon-svg{
	padding-left:22px;
}
.base-icon-stat .-bis-icon{
	position:absolute;
 color:#aaa;
	left:0px;
	margin-top:-1px;
}
.base-icon-stat.-icon-is-ap .-bis-icon, .base-icon-stat.icon-svg .-bis-icon{
	margin-top:-2px;
}
.base-icon-stat .-bis-icon svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.base-icon-stat.-sm .-bis-icon{
	margin-top:1px;
}
.base-icon-stat.-sm .-bis-icon svg{
	width:12px;
	height:12px;
}
.base-icon-stat .-bis-count{
	font-weight:500;
}
.url:hover .base-icon-stat .-bis-count{
	color:#267cde;
	text-decoration:underline;
}
.base-icon-stat.-el{
	font-size:15px;
	padding-left:23px;
}
.base-icon-stat.-el .-bis-icon{
	margin-top:0px;
}
.base-icon-stat.-el .-bis-icon svg{
	width:16px;
	height:16px;
}
.base-icon-stat.-lg{
	font-size:15px;
	padding-left:26px;
}
.base-icon-stat.-lg .-bis-icon{
	margin-top:-1px;
}
.base-icon-stat.-lg .-bis-icon svg{
	width:18px;
	height:18px;
}
.base-shape{
	position:relative;
}
.base-shape > .-bs-inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-shape > .-bs-inner .shape-square{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-shape.-rounded > .-bs-inner .shape-square{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-shape > .-bs-inner .shape-circle{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-ficon{
	position:absolute;
}
.base-ficon.-sm{
	width:14px;
	height:14px;
	font-size:14px;
}
.base-ficon img{
	width:100%;
	height:100%;
}
.base-ficon.-nm{
	width:16px;
	height:16px;
}
.base-ficon.-lg{
	width:32px;
	height:32px;
}


.base-avatar{
	position:relative;
	width:32px;
	height:32px;
}
.base-avatar.-el{
	width:36px;
	height:36px;
}
.base-avatar.-lg{
	width:40px;
	height:40px;
}
.base-avatar.-xl{
	width:64px;
	height:64px;
}
.base-avatar.-xxl{
	width:80px;
	height:80px;
}
.base-avatar.-sm{
	width:20px;
	height:20px;
}
.base-avatar .avatar-image, .base-avatar > .-avatar-text{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
}
.base-avatar.-square .avatar-image, .base-avatar.-square > .-avatar-text{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-avatar .avatar-image .invalid-avatar{
	background: rgba(0,0,0,0.1);
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-avatar img{
	width:100%;
	height:100%;
}
.base-avatar .avatar-icon{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
 color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:8px;
}
.base-avatar .avatar-icon svg{
	fill:currentcolor;
	width:16px;
	height:16px;
}
.base-avatar > .-avatar-text{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	padding-top:8px;
}
.base-avatar.-sm > .-avatar-text{
	font-size:11px;
	padding-top:4px;
}
.base-avatar.-el > .-avatar-text{
	font-size:14px;
	padding-top:10px;
}
.base-avatar.-lg > .-avatar-text{
	font-size:15px;
	padding-top:10px;
}
.base-avatar.-xl > .-avatar-text{
	font-size:20px;
	padding-top:18px;
}
.base-avatar.-xxl > .-avatar-text{
	font-size:24px;
	padding-top:24px;
}
.base-avatar.-sm .avatar-icon{
	padding-top:3px;
}
.base-avatar.-sm .avatar-icon svg{
	width:14px;
	height:14px;
}
.base-avatar.-el .avatar-icon{
	padding-top:9px;
}
.base-avatar.-el .avatar-icon svg{
}
.base-avatar.-lg .avatar-icon{
	padding-top:10px;
}
.base-avatar.-lg .avatar-icon svg{
	width:20px;
	height:20px;
}
.base-avatar.-xl .avatar-icon{
	padding-top:13px;
}
.base-avatar.-xl .avatar-icon svg{
	width:32px;
	height:32px;
}
.base-avatar.-xxl .avatar-icon{
	padding-top:15px;
}
.base-avatar.-xxl .avatar-icon svg{
	width:48px;
	height:48px;
}
.base-avatar.-fit{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width:auto;
	height:auto;
}
.base-avatar.-fit > .-avatar-text{
	padding-top:7px;
	font-size:12px;
}
.base-avatar.-online:after{
	position:absolute;
	right:-4px;
	top:-2px;
	width:10px;
	height:10px;
	background-color: #42b814;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	content:"";
	border:3px solid #fff;
}
.base-avatars-wrap-center{
	text-align:center;
}
.base-avatars-wrap-center .base-avatars{
	display:inline-block;
}
.base-avatars{
	padding-left:10px;
}
.base-avatars .inline-avatar{
	float:left;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	margin-left:-10px;
	margin-bottom:5px;
	border:3px solid #fff;
}
.base-avatars.-separate{
	padding-left:0px;
	margin-left:-4px;
}
.base-avatars.-separate .inline-avatar{
	border-color:transparent;
	margin-left:4px;
	border:none !important;
	width:26px;
	height:26px;
}
.base-avatars .inline-avatar > .-img{
	width:26px;
	height:26px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	position:relative;
}
.base-avatars .inline-avatar.-online:after{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left:-1px;
	top:-1px;
	width:10px;
	height:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background-color: #42b814;
	content:"";
	border:2px solid #fff;
}
.base-avatars .inline-avatar > .-img img{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.base-avatars .inline-avatar > .-more{
	width:26px;
	height:26px;
	text-align:center;
 color:#fff;
	font-weight:500;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	padding-top:6px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-avatars .inline-avatar > .url.-more:hover{
	background: rgba(38,124,222,0.9);
	color:#fff;
}
.base-avatars .inline-avatar > .-cmenu{
	top:28px !important;
}
.base-avatars .inline-avatar > .-cmenu .-item:hover{
	background: rgba(38,124,222,0.1);
}
.base-avatars.-none{
	padding-left:0px;
}
.cell .base-avatars.-none{
	padding-top:7px;
}
.base-avatars .base-none{
	color:#999;
}
.base-avatars .inline-avatar-subtle .ia-name{
	padding-left:28px;
	padding-top:8px;
}
.base-avatars.-sm .inline-avatar{
	width:24px;
	height:24px;
	border:2px solid #fff;
	margin-left:-6px;
}
.base-avatars.-sm .inline-avatar > .-img{
	width:20px;
	height:20px;
}
.base-avatars.-sm .inline-avatar > .-more{
	width:20px;
	height:20px;
	padding-top:3px;
}
.base-avatars.-sm.-separate .inline-avatar{
	margin-left:4px;
	width:20px;
	height:20px;
}
.base-avatars.-xs .inline-avatar{
	width:20px;
	height:20px;
	border:2px solid #fff;
}
.base-avatars.-xs .inline-avatar > .-img{
	width:16px;
	height:16px;
}
.base-avatars.-xs .inline-avatar > .-more{
	width:16px;
	height:16px;
	padding-top:2px;
	font-size:10px;
}
.base-avatars.-lg{
	padding-left:13px;
}
.base-avatars.-lg .inline-avatar{
	margin-left:-13px;
	width:40px;
	height:40px;
	border:4px solid #fff;
}
.base-avatars.-lg .inline-avatar > .-img{
	width:32px;
	height:32px;
}
.base-avatars.-lg .inline-avatar > .-more{
	width:32px;
	height:32px;
	padding-top:3px;
}
.base-user-add{
	position:relative;
 color:#666;
	padding:9px 0 9px 50px;
	margin:4px 0;
}
.base-user-add .ua-icon{
	border:1px dashed rgba(0,0,0,0.2);
	width:32px;
	height:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	position:absolute;
	font-size:16px;
	left:0px;
	top:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:6px;
}
.base-user-add .ua-label{
	font-size:13px;
	font-weight:500;
}
.base-user-add:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-users .d-count{
	margin-top:6px;
	opacity: 0.8; filter: alpha(Opacity:80);
}


.base-block{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.base-block.-picon{
	padding-left:32px;
}
.base-block.-pavatar{
	padding-left:45px;
}
.base-block.-pavatar-lg{
	padding-left:50px;
}
.base-block.-pavatar.-compact{
	padding-left:26px;
}
.base-block .block-title, .base-block > .base-title{
	font-size:15px;
}
.base-block .base-title.-sm, .base-block .block-title.-sm{
	font-size:14px;
}
.base-block .base-title.-xs, .base-block .block-title.-xs{
	font-size:13px;
}
.base-block .block-title.url:hover, .base-block .block-title .url:hover, .base-block > .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-block .block-info, .base-block .base-info, .base-block .text-sub{
	padding-top:4px;
	color:#888;
}
.base-block.-fit > .base-title, .base-block.-fit > .base-info{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-block .block-info em{
	color:#444;
}
.base-block > .-icon, .base-block > .-avatar, .base-block > .base-avatar, .base-block > .base-icon, .base-block > .base-iconbox{
	position:absolute;
	left:0px;
	top:0px;
}
.base-block > .-icon svg{
	width:16px;
	height:16px;
}
.base-block.-pavatar.-compact .base-avatar{
	width:20px;
	height:20px;
}
.base-block.-pavatar.-compact > .base-title{
	font-size:inherit;
	padding-top:2px;
}
.base-block.-sm > .base-title{
	font-size:14px;
}


.base-button{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	padding:8px 12px 8px 12px;
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:32px;
}
.base-button.-borderless{
	border:none !important;
}
.base-button.-lg{
	padding-top:10px;
	padding-bottom:10px;
	height:36px;
}
.base-button.-sm{
	padding-top:7px;
	padding-bottom:7px;
	height:30px;
	font-size:90%;
}
.base-button.-sm .-icon{
	top:5px;
}
.base-button.-picon{
	padding-left:32px;
}
.base-button.-picon.-icon-only{
	padding-left:27px;
}
.base-button.-picon.-icon-only .-icon{
	left:11px;
	width:16px;
	display:block;
	text-align:center;
}
.base-button.-pricon{
	padding-right:32px;
}
.base-button.-pdd{
	padding-right:32px;
}
.base-button .-txt{
	font-weight:500;
}
.base-button .-prefix, .base-button .-suffix{
	position:absolute;
	width:16px;
	height:16px;
	top:5px;
}
.base-button .-suffix{
	right:8px;
}
.base-button .-dd-icon:after{
	font-family:FontAwesome; content:"\f0dd";
	font-size:14px;
}
.base-button:hover{
	border:1px solid #267cde;
	color:#267cde;
}
.base-button.-special{
	border:1px solid #267cde;
	font-weight:500;
 color:#267cde;
	text-align:center;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
.base-button.-special:hover{
	background-color: #267cde;
	color:#fff;
}
.base-button.-uppercase{
	font-weight:500;
}
.base-button.-cta{
	background-color: #267cde;
	color:#fff;
}
.base-button.-cta:hover{
	background-color: #42b814;
	border-color:#3ba710;
}
.base-button.-success{
	background-color: #42b814;
	color:#fff;
}
.base-button.-success:hover{
	background-color: #3ba710;
	border-color:#379f0e !important;
}
.base-button.-error{
	background-color: #bf4444;
	color:#fff;
}
.base-button.-error:hover{
	background-color: #b93333;
	border-color:#b12e2e !important;
}
.base-button.-warning{
	background-color: #fdd100;
	color:#fff;
}
.base-button.-warning:hover{
	background-color: #f3c800;
	border-color:#e6be00 !important;
}
.base-button.-disabled{
	background: rgba(238,238,238,0.5);
	color:#888;
}
.base-button.-disabled:hover{
	background: rgba(248,248,248,0.5);
	border:1px solid #ddd;
}
.base-button.-link{
	border:1px solid transparent;
	text-align:center;
 color:#267cde;
}
.base-button.-link:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-button.-subtle{
	border:1px solid transparent;
	text-align:center;
 color:#999;
}
.base-button.-subtle:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-button .-cmenu{
	width:180px;
	top:32px;
	right:0px;
	text-transform:none;
}
.base-button .-icon{
	position:absolute;
	top:6px;
	left:8px;
}
.base-button .-icon .fa-icon{
	padding-top:2px;
	padding-left:2px;
	display:block;
}
.base-button .-icon .-icon-svg{
	display:block;
	padding-top:1px;
}
.base-button .-icon .-icon-svg svg{
	width:16px;
	height:16px;
}
.base-button .-icon .ap-icon{
	display:block;
	text-align:center;
	width:16px;
	height:16px;
}
.base-button .-ricon{
	position:absolute;
	top:5px;
	right:8px;
}
.base-button.-fit{
	padding-left:0px;
	padding-right:0px;
}
.base-button.-fit.-picon{
	padding-left:26px;
}
.base-button.-fit .-icon{
	top:6px;
}
.base-button-more{
	padding:6px 8px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	cursor:pointer;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	height:32px;
}
.base-button-more:hover{
	background-color: #f8f8f8;
}
.base-button-dd{
	padding:7px 8px;
	font-size:16px;
 color:#aaa;
	cursor:pointer;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-button-dd.-stroked{
	border:1px solid rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:32px;
}
.base-button-dd:hover{
	background-color: #f3f3f3;
	color:#267cde;
}
.base-button-dd.-sm{
	padding:5px 7px;
}
.base-button-dd .-cmenu{
	top:30px;
}
.base-selected-button{
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display:none;
	padding:8px 38px 8px 32px;
	border:1px solid rgba(0,0,0,0.15);
	background-color: #267cde;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:32px;
	color: rgba(255,255,255,0.8);
}
.base-selected-button b{
	font-weight:500;
 color:#fff;
}
.base-selected-button.-none{
	display:none;
}
.base-selected-button:after{
	font-family:FontAwesome; content:"\f0d7";
	position:absolute;
	font-size:14px;
	right:12px;
	top:8px;
}
.base-selected-button .-icon{
	position:absolute;
	top:6px;
	left:10px;
}
.base-selected-button .-suffix{
	position:absolute;
	right:28px;
	top:7px;
	bottom:7px;
	width:1px;
	background: rgba(255,255,255,0.3);
}
.base-selected-button .-cmenu{
	top:30px;
	display:none;
	position:absolute;
}
.base-selected-button:hover .-cmenu{
	display:block;
}


.base-actions{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-action{
	float:left;
}
.base-action{
	font-size:12px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	cursor:pointer;
	padding:7px 13px;
	height:27px;
}
.base-action.-inline{
	padding:0;
	height:auto;
	float:none;
}
.base-actions .base-action{
	border-left:1px solid rgba(0,0,0,0.1);
}
.base-actions .base-action:first-child{
	border:none;
}
.base-action.-pdd{
	padding:6px 8px;
}
.base-action.-lg{
	padding-top:8px;
	padding-bottom:8px;
	font-size:13px;
	height:29px;
}
.base-action.-lg > .-icon{
	top:8px;
}
.base-action .-cmenu{
	right:0px;
	top:27px;
	text-transform:none;
}
.base-action.-picon{
	padding-left:30px;
}
.base-action.-link{
	color:#267cde;
	border:1px transparent;
}
.base-action .-icon{
	position:absolute;
 color:#888;
	top:6px;
	left:10px;
}
.base-action.-inline.-picon{
	padding-left:24px;
}
.base-action.-inline .-icon{
	left:0px;
	top:0px;
}
.base-action .-icon .ap-icon{
	margin-top:-2px;
	display:block;
}
.base-action .-icon .-icon-svg svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.base-action.-lg{
	height:30px;
}
.base-action.-lg.-pdd{
	padding:7px 10px;
}
.base-action:hover{
	color:#267cde;
}
.base-action.-picon.-icon-only{
	width:36px;
	padding-left:10px;
}
.base-actions.-borderless{
	border:none;
}
.base-actions.-borderless .base-action{
	border:none;
}
.base-actions.-borderless .base-action:hover{
	text-decoration:underline;
}
.base-actions.-borderless .base-action:after{
	position:absolute;
	top:15%;
	bottom:15%;
	right:0px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.base-actions.-borderless .base-action:last-child:after, .base-actions.-borderless .base-action.-pdd:after{
	display:none;
}
.base-actions.-cta{
	background-color: #267cde;
}
.base-actions.-cta .base-action{
	color: rgba(255,255,255,0.9);
}
.base-actions.-cta .base-action:hover{
	color:#fff;
	background: rgba(0,0,0,0.1);
}


.base-label{
	position:relative;
}
.base-label.-picon{
	padding-left:20px;
}
.base-label.-picon.-icon-is-fa{
	padding-left:18px;
}
.base-label .-icon{
	position:absolute;
	left:0px;
	top:0px;
	width:14px;
	height:14px;
}
.base-label .-icon > .-icon-svg{
	display:block;
}
.base-label .-icon > .-icon-svg svg{
	width:100%;
	height:100%;
}
.base-label .-icon .ap-icon{
	margin-top:-2px;
	display:block;
}
.base-label.-picon.-lg{
	padding-left:24px;
}
.base-label.-lg .-icon{
	width:16px;
	height:16px;
}


.base-tag{
	display:inline-block;
	font-size:12px;
 color:#111;
	padding:5px 8px;
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
	background-color: #f1f1f1;
}
.base-tag.-fill-dark{
	color: rgba(255,255,255,0.9);
}
.base-tag.-fill-white{
}
.base-tag > .-tag-inner{
	position:relative;
}
.base-tag.-picon > .-tag-inner{
	padding-left:16px;
}
.base-tag .tag-icon{
	position:absolute;
	left:0px;
	top:0px;
}
.base-tag .tag-icon svg{
	width:12px;
	height:12px;
}
.base-tag.-noticable{
	border:1px solid rgba(0,0,0,0.08);
}
.base-tag.-noticable:hover{
	border:1px solid #267cde;
	color:#267cde;
	background-color: #fff;
}
.base-tag.-sm{
	padding-top:3px;
	padding-bottom:3px;
}
.base-tag.url:hover{
	color:#fff;
}
.base-special-tag{
	text-transform:uppercase;
	font-weight:500;
	display:inline-block;
	font-size:11px;
	padding:3px 6px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-special-tag.-circled{
	-moz-border-radius: 13px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
}
.base-special-tag.-edge{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.base-special-tag.-sm{
	padding:2px 5px;
}


.text-title{
	font-size:14px;
}
.text-sub{
	font-size:12px;
 color:#888;
}
.base-text .url:hover, .base-text.url:hover{
	color:#267cde;
	text-decoration:underline;
}
.text-flag{
	display:inline-block;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:4px 4px;
}
.text-index{
	font-weight:500;
 color:#888;
	font-size:13px;
}
.text-status{
	font-weight:500;
}
.text-status.-padding{
	padding:6px 0;
}
.text-box{
	text-align:center;
	font-weight:500;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:6px 6px;
}
.text-box.-inline{
	display:inline-block;
}
.text-box.-picon{
	padding-left:30px;
}
.text-box.-sm{
	font-size:11px;
	text-transform:uppercase;
	padding:5px 6px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-info code{
	font-family: Consolas, mono;
	color:#34960d;
}
.text-code{
	display:block;
 color:#34960d;
	position:relative;
	font-weight:bold;
	font-family: Consolas, mono;
}
.text-code.-fit{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.text-limit{}
.text-limit{
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-explain{
	color:#999;
}
.text-explain:hover{
	color:#333;
}
.text-editable{
	padding-right:30px;
	position:relative;
}
.text-editable .-edit-icon{
	position:absolute;
 color:#aaa;
	display:none;
	right:0px;
	top:0px;
	padding:2px;
	width:20px;
	height:20px;
}
.text-editable .-edit-icon:hover{
	color:#267cde;
}
.text-editable:hover .-edit-icon{
	display:block;
}
.text-dot{
}
.text-dot .-td-inner{
	display:inline-block;
	position:relative;
	padding-left:15px;
}
.text-dot .-dot{
	position:absolute;
	width:10px;
	height:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	left:0px;
	top:2px;
}
.text-dd .tdd-inner{
	padding-right:16px;
}
.text-dd .tdd-inner .tdd-label{
	cursor:pointer;
}
.text-dd .tdd-inner .tdd-label:hover{
	text-decoration:underline;
}
.text-dd .tdd-inner:after{
	font-family:ap; content:"\f35f";
	position:absolute;
	font-size:16px;
	right:2px;
	top:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.text-dd .tdd-inner.active:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
.text-dd .tdd-inner .-cmenu{
	position:absolute;
	top:20px;
}
.text-ie{
	position:relative;
}
.text-ie .tie-ip{
	position:relative;
	font-size:13px;
}
.text-ie .tie-display{
}
.text-ie .tie-display .-signal{
	position:relative;
	display:none;
	width:14px;
	height:14px;
	margin-left:4px;
}
.text-ie:hover .tie-display .-signal{
	display:inline-block;
}
.text-ie .tie-ip input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.text-ie .tie-ip input{
	padding:8px 10px;
	background-color: #f3f3f3;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:14px;
}
.text-ie .tie-ip .tie-actions{
	position:absolute;
	overflow:hidden;
	right:8px;
	top:2px;
	z-index:1;
}
.text-ie .tie-ip .tie-actions > div{
	height:16px;
	min-width:16px;
	padding:6px;
	position:relative;
	float:right;
	cursor:pointer;
	font-weight:500;
}
.text-ie .tie-ip .tie-actions > div.tie-save:hover{
	text-decoration:underline;
 color:#267cde;
}
.text-ie .tie-ip .tie-actions > div.tie-cancel{
	color:#888;
}
.text-ie .tie-ip .tie-actions > div.tie-cancel .base-icon{
	top:5px;
}
.text-ie .tie-ip{
	display:none;
}
.text-ie.-active .tie-ip{
	display:block;
}
.text-ie.-active .tie-display{
	display:none;
}
.text-badge{
	color:#fff;
	display:inline-block;
	font-weight:500;
	text-align:center;
	font-size:11px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:3px 4px;
	opacity: 0.9; filter: alpha(Opacity:90);
	min-width:10px;
}
.text-badge.hidden{
	display:none;
}
.text-badge:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
}


.base-photo.-fixed-ratio{
	position:relative;
}
.base-photo.-fixed-ratio .-fixed-adjust{
	position:relative;
}
.base-photo.-fixed-ratio .-fixed-inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
}
.base-photo.-fixed-ratio .-fixed-inner > .base-image{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-photo.-fixed-ratio .-fixed-inner img{
	width:100%;
	min-height:100%;
}
.base-photo.-fit{
	position:relative;
}
.base-photo.-fit > .base-image{
	display:block;
	width:100%;
}
.base-photo.-fit img{
	max-width:100%;
}
.base-photo.-fit > .base-image img{
	width:100%;
}
.base-photo .-mask{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
 color:#fff;
	text-align:center;
	font-weight:normal;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	background: rgba(0,0,0,0.5);
	text-shadow:0 1px 5px rgba(0,0,0,0.2);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-photo .-mask .-txt{
	bottom:10px;
	right:10px;
	position:absolute;
	display:block;
}
.base-photo .-mask .-txt .-lb{
	padding:4px 8px;
	display:inline-block;
	background: rgba(0,0,0,0.5);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.base-photo:hover .-mask{
	background: rgba(0,0,0,0.75);
}
.base-photo:hover .-mask .-txt .-lb{
	background: rgba(255,255,255,0.2);
}
.base-gallery{
	overflow:hidden;
}
.base-gallery .base-photo:after{
	position:absolute;
	left:-3px;
	right:-3px;
	top:-3px;
	bottom:-3px;
	border:3px solid #fff;
	content:"";
}
.base-cover{
	position:relative;
	overflow:hidden;
}
.base-cover > .-bc-ration{
	position:relative;
}
.base-cover .-fill{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-cover .-bg{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-cover .bc-content{
	position:absolute;
	top:50px;
	right:50px;
	left:50px;
	bottom:50px;
}
.base-cover .-di{
	position:absolute;
 color:#fff;
	left:0px;
	right:0px;
	top:50%;
}
.base-cover.-fit{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}


.base-tooltip{
	position:absolute;
	text-align:center;
	left:0px;
	right:0px;
	bottom:100%;
	margin-bottom:12px;
	display:none;
	font-size:13px;
}
div:hover > .base-tooltip, .tooltip-container:hover .base-tooltip{
	display:block;
}
.base-tooltip > .-bt-inner{
	display:inline-block;
	position:relative;
	min-width:60px;
	background: rgba(0,0,0,0.9);
	color: rgba(255,255,255,0.8);
	padding:2px 4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.08);
}
.base-tooltip > .-bt-inner .-bt-arrow{
	position:absolute;
	left:50%;
	bottom:-6px;
	margin-left:-6px;
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid rgba(0,0,0,0.9);
}
.base-tooltip > .-bt-inner > .-bt-content em{
	font-weight:500;
 color:#fff;
}
.base-tooltip.-tt-down{
	bottom:auto;
	top:100%;
	margin-top:10px;
	margin-bottom:0;
}
.base-tooltip.-tt-down > .-bt-inner .-bt-arrow{
	top:-6px;
	bottom:auto;
	border:none;
}
.base-tooltip.-tt-down > .-bt-inner .-bt-arrow{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:6px solid rgba(0,0,0,0.9);
}
.super-cell .base-tooltip.-tt-down{
	z-index:1;
}
.base-tooltip.-comfort > .-bt-inner{
	padding:6px 8px;
}
.base-tooltip.-tt-inline > .-bt-inner{
}
.base-tooltip.-sm{
	font-size:12px;
}


.base-avatar{
	position:relative;
	width:32px;
	height:32px;
}
.base-avatar.-el{
	width:36px;
	height:36px;
}
.base-avatar.-lg{
	width:40px;
	height:40px;
}
.base-avatar.-xl{
	width:64px;
	height:64px;
}
.base-avatar.-xxl{
	width:80px;
	height:80px;
}
.base-avatar.-sm{
	width:20px;
	height:20px;
}
.base-avatar .avatar-image, .base-avatar > .-avatar-text{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
}
.base-avatar.-square .avatar-image, .base-avatar.-square > .-avatar-text{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-avatar .avatar-image .invalid-avatar{
	background: rgba(0,0,0,0.1);
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-avatar img{
	width:100%;
	height:100%;
}
.base-avatar .avatar-icon{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
 color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:8px;
}
.base-avatar .avatar-icon svg{
	fill:currentcolor;
	width:16px;
	height:16px;
}
.base-avatar > .-avatar-text{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	padding-top:8px;
}
.base-avatar.-sm > .-avatar-text{
	font-size:11px;
	padding-top:4px;
}
.base-avatar.-el > .-avatar-text{
	font-size:14px;
	padding-top:10px;
}
.base-avatar.-lg > .-avatar-text{
	font-size:15px;
	padding-top:10px;
}
.base-avatar.-xl > .-avatar-text{
	font-size:20px;
	padding-top:18px;
}
.base-avatar.-xxl > .-avatar-text{
	font-size:24px;
	padding-top:24px;
}
.base-avatar.-sm .avatar-icon{
	padding-top:3px;
}
.base-avatar.-sm .avatar-icon svg{
	width:14px;
	height:14px;
}
.base-avatar.-el .avatar-icon{
	padding-top:9px;
}
.base-avatar.-el .avatar-icon svg{
}
.base-avatar.-lg .avatar-icon{
	padding-top:10px;
}
.base-avatar.-lg .avatar-icon svg{
	width:20px;
	height:20px;
}
.base-avatar.-xl .avatar-icon{
	padding-top:13px;
}
.base-avatar.-xl .avatar-icon svg{
	width:32px;
	height:32px;
}
.base-avatar.-xxl .avatar-icon{
	padding-top:15px;
}
.base-avatar.-xxl .avatar-icon svg{
	width:48px;
	height:48px;
}
.base-avatar.-fit{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	width:auto;
	height:auto;
}
.base-avatar.-fit > .-avatar-text{
	padding-top:7px;
	font-size:12px;
}
.base-avatar.-online:after{
	position:absolute;
	right:-4px;
	top:-2px;
	width:10px;
	height:10px;
	background-color: #42b814;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	content:"";
	border:3px solid #fff;
}
.base-avatars-wrap-center{
	text-align:center;
}
.base-avatars-wrap-center .base-avatars{
	display:inline-block;
}
.base-avatars{
	padding-left:10px;
}
.base-avatars .inline-avatar{
	float:left;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	margin-left:-10px;
	margin-bottom:5px;
	border:3px solid #fff;
}
.base-avatars.-separate{
	padding-left:0px;
	margin-left:-4px;
}
.base-avatars.-separate .inline-avatar{
	border-color:transparent;
	margin-left:4px;
	border:none !important;
	width:26px;
	height:26px;
}
.base-avatars .inline-avatar > .-img{
	width:26px;
	height:26px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	position:relative;
}
.base-avatars .inline-avatar.-online:after{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left:-1px;
	top:-1px;
	width:10px;
	height:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background-color: #42b814;
	content:"";
	border:2px solid #fff;
}
.base-avatars .inline-avatar > .-img img{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
}
.base-avatars .inline-avatar > .-more{
	width:26px;
	height:26px;
	text-align:center;
 color:#fff;
	font-weight:500;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,0.7);
	padding-top:6px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-avatars .inline-avatar > .url.-more:hover{
	background: rgba(38,124,222,0.9);
	color:#fff;
}
.base-avatars .inline-avatar > .-cmenu{
	top:28px !important;
}
.base-avatars .inline-avatar > .-cmenu .-item:hover{
	background: rgba(38,124,222,0.1);
}
.base-avatars.-none{
	padding-left:0px;
}
.cell .base-avatars.-none{
	padding-top:7px;
}
.base-avatars .base-none{
	color:#999;
}
.base-avatars .inline-avatar-subtle .ia-name{
	padding-left:28px;
	padding-top:8px;
}
.base-avatars.-sm .inline-avatar{
	width:24px;
	height:24px;
	border:2px solid #fff;
	margin-left:-6px;
}
.base-avatars.-sm .inline-avatar > .-img{
	width:20px;
	height:20px;
}
.base-avatars.-sm .inline-avatar > .-more{
	width:20px;
	height:20px;
	padding-top:3px;
}
.base-avatars.-sm.-separate .inline-avatar{
	margin-left:4px;
	width:20px;
	height:20px;
}
.base-avatars.-xs .inline-avatar{
	width:20px;
	height:20px;
	border:2px solid #fff;
}
.base-avatars.-xs .inline-avatar > .-img{
	width:16px;
	height:16px;
}
.base-avatars.-xs .inline-avatar > .-more{
	width:16px;
	height:16px;
	padding-top:2px;
	font-size:10px;
}
.base-avatars.-lg{
	padding-left:13px;
}
.base-avatars.-lg .inline-avatar{
	margin-left:-13px;
	width:40px;
	height:40px;
	border:4px solid #fff;
}
.base-avatars.-lg .inline-avatar > .-img{
	width:32px;
	height:32px;
}
.base-avatars.-lg .inline-avatar > .-more{
	width:32px;
	height:32px;
	padding-top:3px;
}
.base-user-add{
	position:relative;
 color:#666;
	padding:9px 0 9px 50px;
	margin:4px 0;
}
.base-user-add .ua-icon{
	border:1px dashed rgba(0,0,0,0.2);
	width:32px;
	height:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	position:absolute;
	font-size:16px;
	left:0px;
	top:0px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:6px;
}
.base-user-add .ua-label{
	font-size:13px;
	font-weight:500;
}
.base-user-add:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-users .d-count{
	margin-top:6px;
	opacity: 0.8; filter: alpha(Opacity:80);
}


.base-filter{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	border:1px solid rgba(0,0,0,0.1);
	padding:8px 30px 8px 32px;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-filter.-no-icon{
	padding-left:12px;
}
.base-filter.borderless{
	border:1px solid transparent;
	background-color: transparent;
}
.base-filter:hover{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.base-filter.borderless:hover{
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.08);
	background: rgba(0,0,0,0.02);
}
.base-filter .bf-icon{
	position:absolute;
	font-size:14px;
 color:#999;
	left:13px;
	top:7px;
}
.base-filter .bf-icon svg{
	width:14px;
	height:14px;
	position:absolute;
	top:1px;
	left:-1px;
	fill:currentcolor;
}
.base-filter:after{
	position:absolute;
	font-size:16px;
	font-family:ap; content:"\e10f";
	right:10px;
	top:8px;
}
.base-filter .-cmenu{
	position:absolute;
	right:0px;
	top:30px;
	width:180px;
	max-height:500px;
	overflow-x:hidden;
	overflow-y:auto;
}
.base-filter .-cmenu::-webkit-scrollbar{
	width: 8px;
}
.base-filter .-cmenu::-webkit-scrollbar-thumb{
	background: #aaa;
}
.base-filter .-cmenu::-webkit-scrollbar-track{
	background-color: #ddd;
}
.base-filter .-cmenu::-webkit-scrollbar-track:hover{
	background: rgba(0,0,0,0.2);
}
.base-filter .filter-opt-sep{
	height:1px;
	background: rgba(0,0,0,0.1);
	margin:10px 10px;
}
.base-filter.-lg{
	font-size:14px;
}
.base-x-filters .base-filter{
	float:left;
}
.base-x-filters.-borderless .base-filter{
	background-color: transparent;
	border:1px solid transparent;
}
.base-x-filters .base-filter.-right{
	float:right;
}
.base-filter-list .bf-header{
	font-size:16px;
	font-weight:500;
	position:relative;
	padding-bottom:10px;
}
.base-filter-list.-dd .bf-header:after{
	font-family:ap; content:"\e10f";
	font-size:16px;
	position:absolute;
 color:#999;
	right:0px;
	top:1px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-filter-list.-dd.-collapsed .bf-header:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
.base-filter-list.-dd.-collapsed .bf-header{
	text-decoration:underline;
}
.base-filter-list.-dd.-collapsed .bf-body{
	display:none;
}
.base-filter-list .base-filter-opt{
	padding:8px 0px 8px 24px;
	color:#999;
	cursor:pointer;
	position:relative;
	font-size:13px;
}
.base-filter-list .base-filter-opt:hover{
	color:#111;
}
.base-filter-list .base-filter-opt.active{
	color:#111;
	font-weight:500;
}
.base-filter-list .base-filter-opt:before{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:16px;
	height:16px;
	border:1px solid rgba(0,0,0,0.3);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	content:"";
	left:0px;
	top:7px;
	background-color: #fff;
}
.base-filter-list.-is-radio .base-filter-opt:before{
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
.base-filter-list .base-filter-opt.active:before{
	background-color: #1663ba;
	border:1px solid rgba(0,0,0,0.1);
}
.base-filter-list .base-filter-opt.active:after{
	content:"\2714";
	color:#fff;
	position:absolute;
	font-weight:500;
	left:4px;
	top:8px;
	font-size:9px;
}
.base-filter-list .filter-add{
	color:#aaa;
	font-style:italic;
	position:relative;
}
.filter-user{
	position:relative;
}
.filter-user > .fu-comp{
	position:relative;
}
.filter-user > .fu-comp:before{
	font-family:ap; content:"\e82a";
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:13px;
	top:8px;
}
.filter-user > .fu-comp .fu-input{
	height:32px;
}
.filter-user > .fu-comp .fu-cancel{
	position:absolute;
	right:0px;
	top:0px;
	width:20px;
	height:16px;
}
.filter-user > .fu-comp .fu-cancel > .base-icon{
	top:6px !important;
	left:2px !important;
}
.filter-user > .fu-comp input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.filter-user > .fu-comp input{
	padding:8px 10px 8px 36px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:13px;
	height:32px;
	background: rgba(255,255,255,0.6);
}
.filter-user.-borderless > .fu-comp input{
	border:1px solid transparent;
}
.filter-user > .fu-comp input:active, .filter-user > .fu-comp input:focus{
	-moz-box-shadow: 0px 0px 6px rgba(38,124,222,0.3);
 -webkit-box-shadow: 0px 0px 6px rgba(38,124,222,0.3);
 box-shadow: 0px 0px 6px rgba(38,124,222,0.3);
	border:1px solid rgba(38,124,222,0.7);
	background-color: #fff;
}
.filter-daterange{
	min-width: 170px;
}
.filter-daterange .fd-comp{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	height:32px;
	padding-left:74px;
	padding-right:24px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(255,255,255,0.6);
}
.filter-daterange .fd-comp:hover{
	border:1px solid rgba(0,0,0,0.15);
	background: rgba(255,255,255,0.9);
}
.filter-daterange .fd-comp:before{
	font-family:ap; content:"\f108";
	position:absolute;
	font-size:16px;
 color:#aaa;
	left:13px;
	top:7px;
}
.filter-daterange .fd-comp .fd-label{
	padding:8px 0;
	left: 37px;
	position:absolute;
	font-size:13px;
}
.filter-daterange .fd-comp .fd-value{
	padding:8px 0;
	font-size:13px;
}
.filter-daterange .fd-comp .fd-value .base-none{
	color:#aaa;
}
.filter-daterange .fd-comp .fd-value .text-daterange{
	font-weight:500;
}
.filter-daterange .fd-comp .fd-cancel{
	position:absolute;
	width:20px;
	height:30px;
	right:0px;
	top:0px;
}
.filter-daterange .fd-comp .fd-cancel > .base-icon{
	top:6px !important;
	left:2px !important;
}
.filter-daterange.-not-chosen .fd-comp .fd-cancel{
	display:none;
}
.filter-daterange.-not-chosen .fd-value{
	right:10px;
}
.filter-daterange .bf-header, .filter-user .bf-header{
	font-size:16px;
	font-weight:500;
	padding-bottom:8px;
}
.filter-date{
}
.filter-date .fd-comp{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	height:32px;
	padding-left:37px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background: rgba(255,255,255,0.6);
}
.filter-date .fd-comp:hover{
	border:1px solid rgba(0,0,0,0.15);
	background: rgba(255,255,255,0.9);
}
.filter-date .fd-comp input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.filter-date .fd-comp input{
	padding:8px 10px 8px 0px;
	height:30px;
}
.filter-date .fd-comp .fd-cancel{
	position:absolute;
	width:20px;
	height:30px;
	right:0px;
	top:0px;
}
.filter-date .fd-comp .fd-cancel > .base-icon{
	top:6px !important;
	left:2px !important;
}
.filter-date .fd-comp > .-ft-icon{
	width:16px;
	height:16px;
	position:absolute;
 color:#888;
	left:13px;
	top:6px;
}
.filter-date .fd-comp > .-ft-icon svg{
	width:16px;
	height:16px;
}
#side-layout .filters .item.item-add:after{
	position:absolute;
	font-size:15px;
	right:0px;
	top:10px;
	content:"+";
}
#side-layout .filters .item.item-add:hover{
	text-decoration:underline;
 color:#267cde;
}


.base-switch{
	position:relative;
	cursor:pointer;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	width:32px;
	height:12px;
}
.base-switch:after{
	position:absolute;
	content:"";
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	top:-2px;
}
.base-switch.-on{
	background: rgba(66,184,20,0.2);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.base-switch.-on:after{
	right:0px;
	background: rgba(66,184,20,0.9);
}
.base-switch.-off{
	background-color: #eee;
	-moz-box-shadow: inset 0px 0px 10px #e5e5e5;
 -webkit-box-shadow: inset 0px 0px 10px #e5e5e5;
 box-shadow: inset 0px 0px 10px #e5e5e5;
}
.base-switch.-off:after{
	left:0px;
	background-color: #bbb;
}


.base-empty-state{
	padding:50px 20px;
	text-align:center;
 color:#aaa;
}
.base-empty-state .-icon{
	width:48px;
	height:48px;
	margin:auto;
	color:#888;
	margin-bottom:20px;
}
.base-empty-state .-icon svg{
	width:100%;
	height:100%;
}
.base-empty-state .-icon .ap-icon{
	font-size:32px;
}
.base-empty-state .-title{
	font-size:20px;
	font-weight:500;
 color:#111;
	padding-bottom:10px;
}
.base-empty-state.-fill{
	background: rgba(238,238,238,0.2);
}
.base-empty-state .base-buttons{
	text-align:center;
	font-size:13px;
	padding-top:20px;
}
.base-empty-state .base-buttons .base-button{
	text-align:center;
	display:inline-block;
}
.base-empty-state .-text .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-empty-state.-sm{
	padding:20px;
}
.base-empty-state.-sm .-title{
	font-size:16px;
}
.base-empty-state.-sm .-text{
	font-size:12px;
	line-height:18px;
}
.base-empty-state.-sm .-icon{
	width:32px;
	height:32px;
	margin-bottom:12px;
}
.base-empty-state.-inline-display{
	text-align:left;
	padding:20px 20px 20px 40px;
	position:relative;
}
.base-empty-state.-inline-display .-icon{
	position:absolute;
	left:0px;
	top:22px;
}
.base-empty-state.-inline-display .-icon svg{
	width:24px;
	height:24px;
}
.base-empty-state.-inline-display .-title{
	padding-bottom:6px;
	font-size:15px;
	font-weight:normal;
}
.base-empty-state.-inline-display.-sm{
	padding-top:12px;
	padding-bottom:12px;
}
.base-empty-state.-inline-display.-sm .-icon{
	top:12px;
}


@keyframes skeleton-loading {
	0% { background: rgba(136,136,136,0.2); }
	100% { background: rgba(136,136,136,0.4); }
}
.skeleton-entity{
	position:absolute;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	animation:skeleton-loading 1s linear infinite;
}


.base-sections{
	position:relative;
}
.base-sections .base-section{
	display:none;
}
.base-sections .base-section.active{
	display:block;
}
.base-section.-fill-white{
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.05);
 box-shadow: 0px 0px 3px rgba(0,0,0,0.05);
	margin-bottom:20px;
}
.base-section .section-header{
	padding:15px 20px;
	position:relative;
}
.base-section .section-header.-pavatar{
	padding-left:70px;
}
.base-section .section-header > .-inner{
	position:relative;
}
.base-section .section-header.-collapsible{
	padding-left:45px;
}
.base-section .section-header .triangle{
	position:absolute;
	font-size:14px;
 color:#aaa;
	cursor:pointer;
	left:20px;
	top:15px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-section .section-header .triangle:hover{
	color:#111;
}
.base-section.-collapsed .section-header .triangle{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.base-section.-collapsed > div:not(.section-header){
	display:none;
}
.base-section .section-header .base-side{
	position:absolute;
	right:0px;
	top:0px;
}
.base-section .section-header .base-side .-cmenu{
	right:0px;
}
.base-section .section-header .base-side > div{
	position:relative;
	float:left;
	margin-left:20px;
}
.base-section .section-header .base-title{
	font-size:16px;
	font-weight:500;
}
.base-section .section-header .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-section .section-header .base-info, .base-section .section-header .base-subtitle{
	font-size:13px;
 color:#999;
	padding-top:4px;
}
.base-section .section-header > .-inner > .base-icon{
	position:absolute;
	left:0px;
	top:0px;
}
.base-section .section-footer{
	padding:16px 20px;
	font-size:12px;
 color:#888;
	border-top:1px solid rgba(0,0,0,0.1);
	background-color: #fbfbfb;
}
.base-section .section-footer .url:hover{
	color:#267cde;
	text-decoration:underline;
}


.base-tabs{
	position:relative;
}
.base-tabs:after{
	content:"";
	display:block;
	clear:both;
}
.base-tabs .base-tab{
	position:relative;
	float:left;
	font-size:13px;
	cursor:pointer;
	font-weight:normal;
 color:#888;
	padding:8px 0px;
	margin-right:10px;
}
.base-tabs .base-tab.-picon{
	padding-left:24px;
}
.base-tabs .base-tab .base-icon{
	left:0px;
}
.base-tabs .base-tab:hover{
	color:#267cde;
}
.base-tabs .base-tab.active{
	font-weight:500;
 color:#111;
}
.base-tabs .base-tab.-pdd .-tab-inner{
	padding-right:20px;
}
.base-tabs .base-tab.-pdd:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	font-size:16px;
	right:10px;
	top:50%;
	margin-top:-9px;
}
.base-itabs{
	color:#888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:32px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-itabs .base-tab{
	padding:8px 10px;
	float:left;
	position:relative;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#ccc;
	height:32px;
}
.base-itabs .tab:after{
	position:absolute;
	top:8px;
	bottom:8px;
	width:1px;
	right:0px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.base-itabs .base-tab.-picon{
	padding-left:28px;
}
.base-itabs .base-tab .icon{
	top:9px;
	left:10px;
	font-size:14px;
}
.base-itabs .base-tab svg{
	width:14px;
	height:14px;
	fill:currentcolor;
}
.base-itabs .base-tab.-last:after, .base-itabs .base-tab:last-child:after{
	display:none;
}
.base-itabs .base-tab.active{
	background-color: #fff;
	color:#111;
	font-weight:500;
}
.base-itabs > .base-icon{
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
	padding:8px 13px;
	width:auto;
}
.base-itabs > .base-icon.-ic-icon-svg{
	padding-top:7px;
}
.base-itabs > .base-icon:after{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.base-itabs > .base-icon:last-child:after{
	display:none;
}
.base-itabs > .base-icon.active{
	background-color: #fff;
	color:#111;
}
.base-itabs.-sm{
	height:26px;
}
.base-itabs.-sm > .base-icon{
	padding:5px 8px;
}
.base-itabs.-borderless{
	border:none;
}
.base-itabs.-borderless > .base-icon:after{
	top:6px;
	bottom:6px;
}


.base-bc{
	color:#888;
	position:relative;
}
.base-bc > .-icon{
	position:absolute;
}
.base-bc.-with-icon .base-bc-inner{
	padding-left:24px;
}
.base-bc .base-bc-item{
	float:left;
	position:relative;
	margin-right:20px;
}
.base-bc .base-bc-item:after{
	position:absolute;
	top:1px;
	right:-10px;
	height:11px;
	width:1px;
	content:"";
	background: rgba(0,0,0,0.3);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(20deg); -ms-transform: rotate(20deg);
 -webkit-transform: rotate(20deg); -o-transform: rotate(20deg);
 -moz-transform: rotate(20deg);
}
.base-bc .base-bc-item:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-bc .base-bc-item:last-child:after{
	display:none;
}
.base-bc.-stacked .base-bc-item{
	float:none;
	position:relative;
 @clearfix;
	margin-bottom:8px;
}
.base-bc.-stacked .base-bc-item > span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-bc.-stacked .base-bc-item:after{
	right:auto;
	left:-16px;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(0deg); -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg); -o-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
	width:6px;
	height:9px;
	top:-2px;
	-moz-border-radius: 0 0 0 2px;
 -webkit-border-radius: 0 0 0 2px;
 border-radius: 0 0 0 2px;
	background-color: transparent;
	border-left:1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.base-bc.-stacked .base-bc-item:nth-child(1):after{
	display:none;
}
.base-bc.-stacked .base-bc-item:last-child:after{
	display:block;
}
.base-bc.-stacked .base-bc-item:nth-child(2){
	margin-left:20px;
}
.base-bc.-stacked .base-bc-item:nth-child(3){
	margin-left:40px;
}
.base-bc.-stacked .base-bc-item:nth-child(4){
	margin-left:60px;
}
.base-bc.-stacked .base-bc-item:nth-child(5){
	margin-left:80px;
}
.base-bc.-stacked .base-bc-item:nth-child(6){
	margin-left:100px;
}
.base-bc.-stacked .base-bc-item:nth-child(7){
	margin-left:120px;
}


.row-info{
	position:relative;
}
.row-info .rinner{
	position:relative;
	padding:3px 0;
}
.row-info .rinner .base-icon{
	font-size:12px;
	position:absolute;
 color:#888;
	top:3px;
	left:0px;
}
.row-info.-picon .rinner{
	padding-left:23px;
}


.base-list{
}
.base-list .list-item{
	position:relative;
	border-top:1px solid #eee;
}
.base-list .list-item .li-container{
	padding:10px 0;
	position:relative;
}
.base-list.-compact .list-item .li-container{
	padding-bottom:8px;
}
.base-list .list-item.-comfort{
	padding-top:3px;
	padding-bottom:3px;
}
.base-list .list-item.-super-comfort{
	padding-top:5px;
	padding-bottom:5px;
}
.base-list .list-item.-super-comfort .li-container{
	margin-left:20px;
}
.base-list .list-item.-super-comfort .li-container .list-icon{
	left:-10px;
}
.base-list .list-item .li-container > .title, .base-list .list-item .li-container> .base-title{
	font-size:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-list.-compact .list-item .li-container > .title, .base-list.-compact .list-item .li-container> .base-title{
	font-size:13px;
	font-weight:normal;
	padding-bottom:4px;
}
.base-list .list-item .li-container > .title.-lg, .base-list .list-item .li-container> .base-title.-lg{
	font-size:17px;
}
.base-list .list-item .li-container > .title .url:hover, .base-list .list-item .li-container > .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-list .list-item .li-container> .info, .base-list .list-item .li-container> .base-info{
	padding-top:4px;
	font-size:12px;
 color:#888;
}
.base-list .list-item.-comfort .li-container> .info, .base-list .list-item.-comfort .li-container> .base-info{
	padding-top:6px;
}
.base-list .list-item .li-container> .base-info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-list .list-item .li-container> .info em, .base-list .list-item .li-container> .base-info em{
	color:#111;
}
.base-list .list-item.-picon .li-container{
	padding-left:30px;
}
.base-list.-compact .list-item.-picon .li-container{
	padding-left:24px;
}
.base-list .list-item.-pavatar .li-container{
	padding-left:50px;
}
.base-list .list-item .list-icon, .base-list .list-item .li-container > .base-avatar, .base-list .list-item .li-container > .base-iconbox, .base-list .list-item .li-container > .base-icon, .base-list .list-item .li-container > .base-shape{
	position:absolute;
	left:0px;
	top:10px;
}
.base-list .list-item .list-icon{
	top:12px;
}
.base-list .list-item .list-icon svg{
	width:16px;
	height:16px;
}
.base-list .list-item .list-icon .-idot{
	margin-left:4px;
}
.base-list .list-item .-cmenu{
	position:absolute;
	right:0px;
	top:30px;
}
.base-list .list-item .li-container > .base-side{
	position:absolute;
	font-size:13px;
	right:0px;
	top:10px;
}
.base-list .list-item .li-container > .base-side > div{
	float:left;
	margin-left:20px;
}
.base-list .list-item .li-container > .base-side > div.base-avatars.-none .base-none{
	padding-top:8px;
}
.base-list .list-item .li-container > .base-side > div.base-button-dd{
	margin-left:40px;
}
.base-list .list-item .base-lines{
	color:#888;
}
.base-list .list-item .base-lines > div{
	font-size:13px;
	padding-bottom:6px;
}
.base-list .list-item .base-lines b, .base-list .list-item .base-lines em, .base-list .list-item .base-lines .url{
	font-weight:500;
 color:#111;
}
.base-list .list-item .base-lines .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-list .list-item.-padding{
	padding-left:20px;
	padding-right:20px;
}
.base-list.-borderless .list-item, .base-list .list-item.-borderless{
	border:none;
}
.base-list.-comfort .list-item .li-container{
	padding-top:13px;
	padding-bottom:13px;
}
.base-list.-comfort .list-item .li-container > .base-side, .base-list.-comfort .list-item .li-container > .base-avatar{
	top:13px;
}
.base-list.-sortable .list-icon{
	cursor:move;
}
.base-list .ui-sortable-placeholder, .base-list .ui-sortable-placeholder > *{
	min-height:50px;
	height:50px;
	background-color: #fff;
}
.base-list .ui-sortable-helper{
	display: block;
	background-color: #ffffee;
	border-bottom:1px solid rgba(0,0,0,0.1);
	height:50px;
}
.base-list .list-footer{
	padding:16px 0;
	position:relative;
	font-size:13px;
 color:#999;
	text-align:right;
}
.base-list .list-footer em{
	color:#111;
}
.base-list .list-footer .base-side{
	position:absolute;
 color:#333;
	left:0px;
	top:8px;
}
.base-list .list-footer .base-side .base-button{
	border:none;
	margin-left:-2px;
	font-weight:500;
}
.base-list .list-footer .base-side .base-button:hover{
	text-decoration:underline;
}
.base-list .list-header{
	padding:15px 20px;
	position:relative;
}
.baseui-dialog .base-list .list-header{
	padding:0px 0 20px 0;
}
.base-list .list-header .base-side{
	position:absolute;
	top:3px;
	right:0px;
}
.base-list .list-header .base-side > div{
	float:left;
	margin-left:15px;
}
.base-list .list-header .base-side .-cmenu{
	right:0px;
}
.base-list .list-header .base-title{
	font-size:20px;
}
.base-list .list-header .base-info{
	padding-top:4px;
	font-size:13px;
 color:#999;
}
.base-list .list-header .-lh-inner{
	position:relative;
}
.base-list .list-header.-pavatar .-lh-inner{
	padding-left:50px;
}
.base-list .list-header .base-iconbox{
	position:absolute;
	left:0px;
	top:0px;
}
.list-inline{
	position:relative;
}
.list-inline .-li-main{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.list-inline .-li-main .-li-navs{
	position:absolute;
	right:0px;
	top:-2px;
}
.list-inline .-li-main .-li-navs .-nav{
	position:relative;
	float:left;
	font-size:11px;
	cursor:pointer;
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-left:2px;
	padding:2px 3px;
}
.list-inline .-li-main .-li-items{
	margin-right:40px;
	position:relative;
}
.list-inline .-li-main .-li-items > *{
	display:none;
}
.list-inline .-li-main .-li-items > .visible{
	display:block;
}
.list-inline.-singular .-li-navs{
	display:none;
}
.list-inline.-singular .-li-items{
	margin-right:0;
}


.base-carousel{
	position:relative;
}
.base-carousel > .bc-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
}
.base-carousel .bc-main .bc-nav{
	position:absolute;
	font-size:20px;
	text-align:center;
	cursor:pointer;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	background: rgba(0,0,0,0.1);
	color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:7px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	z-index:888;
	opacity: 0; filter: alpha(Opacity:0);
}
.base-carousel:hover .bc-main .bc-nav{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.base-carousel .bc-main .bc-nav.-left{
	left:0px;
}
.base-carousel .bc-main .bc-nav.-right{
	right:0px;
}
.base-carousel .bc-main .bc-nav:hover{
	background-color: #267cde;
	zoom:1.2;
}
.base-carousel .bc-main > .bc-items{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-carousel .bc-main > .bc-items .bc-slider{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:10000px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-carousel .bc-main > .bc-items .carousel-item{
	position:relative;
	float:left;
	padding:0 15px;
}
.base-carousel .bc-main > .bc-items .bc-slider .base-empty-state{
	display:none;
}
.base-carousel.-fit .bc-nav{
	display:none;
}
.base-carousel.-fit .bc-footer{
	text-align:center;
}
.base-carousel.-fit .bc-footer .bc-dot{
	text-align:center;
	display:inline-block;
	padding:2px 4px;
}
.base-carousel.-fit .bc-footer .bc-dot .dot-icon{
	width:10px;
	height:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(0,0,0,0.1);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
	display:block;
}
.base-carousel.-fit .bc-footer .bc-dot.active .dot-icon{
	background-color: #267cde;
	-moz-box-shadow:inset 1px 3px 3px rgba(0,0,0,0.08);
 -webkit-box-shadow:inset 1px 3px 3px rgba(0,0,0,0.08);
 box-shadow:inset 1px 3px 3px rgba(0,0,0,0.08);
}
.base-carousel.-fit .bc-main > .bc-items .carousel-item{
}
.base-carousel.-fit .bc-main > .bc-items .carousel-item.active{
}
.base-carousel.-no-items .bc-wrapper{
	height:auto !important;
}
.base-carousel.-no-items .bc-main > .bc-items{
	width:auto;
	bottom:auto;
	right:0px;
	position:relative;
}
.base-carousel.-no-items .bc-main > .bc-items .bc-slider{
	width:auto;
	bottom:auto;
	right:0px;
	position:relative;
}
.base-carousel.-no-items .bc-main > .bc-items .bc-slider .base-empty-state{
	display:block;
	margin:0 -15px;
}
.base-carousel.-no-items .bc-main .bc-nav{
	display:none;
}


.base-cards-wrapper{
	position:relative;
}
.base-cards{
	position:relative;
}
.base-cards .base-card{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	width:25%;
}
.base-cards.-cols-3 .base-card{
	width:33.3%;
}
.base-cards .base-card > .-bc-inner{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:0px;
	right:20px;
	bottom:0px;
	left:0px;
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:15px 20px;
}
.base-cards .base-card.-no-fill > .-bc-inner{
	border:none;
	background-color: transparent;
}
.base-cards .base-card.-fit > .-bc-inner{
	padding:0;
}
.base-cards .base-card.-auto-height > .-bc-inner{
	position:relative;
	bottom:auto;
	right:auto;
	margin-right:20px;
}
.base-cards .base-card .base-side{
	position:absolute;
	right:10px;
	top:10px;
	z-index:10;
}
.base-cards .base-card .base-side .-cmenu{
	right:0px;
}
.base-cards .base-card .card-header{
	position:relative;
	padding-bottom:20px;
}
.base-cards .base-card .card-header.-picon{
	padding-left:24px;
}
.base-cards .base-card .card-header.-pavatar{
	padding-left:48px;
}
.base-cards .base-card .card-header > .base-title{
	font-weight:500;
	font-size:15px;
}
.base-cards .base-card .card-header > .base-title.-lg{
	font-size:18px;
}
.base-cards .base-card .card-header > .base-title .url{
	color:#1663ba;
}
.base-cards .base-card .card-header > .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-cards .base-card .card-header > .base-info{
	font-size:12px;
 color:#aaa;
	padding-top:6px;
}
.base-cards .base-card .card-header > .base-icon, .base-cards .base-card .card-header > .base-avatar, .base-cards .base-card .card-header > .base-iconbox{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.base-cards .base-card .display-field{
	padding-bottom:16px;
}
.base-cards .base-card .display-field .field-value{
	font-size:13px;
}
.base-cards .base-card .display-field .field-label{
	font-size:11px;
	text-transform:uppercase;
 color:#aaa;
	padding-bottom:2px;
}
.base-cards .base-card .display-field .base-tags .base-tag{
	margin-bottom:4px;
}
.base-cards .base-card .card-footer.-sticky{
	position:absolute;
	left:20px;
	right:20px;
	bottom:15px;
}
.base-cards .base-card .card-footer .base-actions{
	border:none;
	position:relative;
	border-top:1px solid #eee;
	padding-top:10px;
}
.base-cards .base-card .card-footer .base-actions .base-action{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	width:50%;
}
.base-cards .base-card .card-footer .base-actions .base-action:hover{
	text-decoration:underline;
}
.base-cards.-gap-20{
	margin-right:-20px;
}
.base-cards.-gap-20 .base-card{
	margin-bottom:20px;
}
.base-cards.-gap-20 .base-card > .-bc-inner{
	right:20px;
}
.base-cards .base-empty-state .-icon{
	width:36px;
	height:36px;
	color:#ccc;
}
.base-cards .base-card.-comfort .card-header{
	border-bottom:2px dotted #eee;
	padding-bottom:15px;
	margin-bottom:8px;
}
.base-cards .base-card.-comfort .card-header .base-title{
	font-size:17px;
	font-weight:500;
	padding-bottom:3px;
}
.base-cards .base-card.-comfort .card-header .base-info{
	font-size:13px;
}
.base-cards .base-card.-comfort .card-body{
	padding-top:10px;
}
.base-cards .base-card.-comfort .display-field .field-label{
	color:#42b814;
	font-size:11px;
}


.base-flag-message{
	padding:13px 20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:14px;
	position:relative;
}
.base-flag-message.-picon{
	padding-left:48px;
}
.base-flag-message .-title{
	font-weight:500;
	padding-bottom:6px;
}
.base-flag-message .-icon{
	position:absolute;
	left:20px;
	top:13px;
}
.base-flag-message .-icon svg{
	width:16px;
	height:16px;
}
.base-flag-message .bf-cta{
	position:absolute;
	text-transform:uppercase;
	font-weight:500;
	right:10px;
	top:7px;
	padding:6px 10px;
}
.base-flag-message .bf-cta:before{
	font-family:ap; content:"\e970";
	position:absolute;
	font-size:16px;
	left:-18px;
	top:6px;
}
.base-flag-message .bf-cta:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-flag-message .base-side{
	position:absolute;
	right:20px;
	top:5px;
}
.base-message{
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-message.-colorful{
	padding:12px 16px;
}
.base-message .bm-inner-wrapper{
	position:relative;
}
.base-message.-picon{
	padding-left:32px;
}
.base-message.-pavatar{
	padding-left:60px;
}
.base-message.-pavatar-lg{
	padding-left:64px;
}
.base-message.-pavatar-xl{
	padding-left:70px;
}
.base-message.-picon .bm-inner-wrapper{
	padding-left:30px;
}
.base-message .bm-inner-wrapper > .-icon{
	position:absolute;
	font-size:16px;
	left:0px;
}
.base-message.-pavatar .bm-inner > .base-icon{
	top:4px;
}
.base-message.-pavatar .bm-inner > .base-iconbox, .base-message.-pavatar .bm-inner > .base-icon{
	left:-45px;
}
.base-message.-pavatar-xl .bm-inner > .base-iconbox{
	position:absolute;
	left:-55px;
}
.base-message.-pavatar-lg .bm-inner > .base-iconbox, .base-message.-pavatar-lg .bm-inner > .base-avatar{
	position:absolute;
	left:-50px;
}
.base-message.-pavatar-lg .bm-inner > .base-avatar{
	left:-48px;
	top:2px;
}
.base-message.-pavatar-lg .bm-inner > .base-icon{
	left:-48px;
	top:3px;
	width:36px;
}
.base-message .base-title{
	font-size:15px;
	font-weight:500;
}
.base-message .base-title .url:hover{
	text-decoration:underline;
}
.base-message .base-subtitle{
	padding-top:4px;
	font-size:13px;
}
.base-message .base-row{
	padding-top:8px;
}
.base-message.-fill .base-button{
	margin-top:10px;
	display:inline-block;
 color:#fff;
	background: rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.1);
}
.base-message.-fill .base-button:hover{
	background: rgba(0,0,0,0.2);
	color:#fff;
}
.base-message.-colorful.-fill{
	color: rgba(255,255,255,0.8);
}
.base-message.-colorful.-fill .base-title{
	color:#fff;
}
.base-message.-colorful.-fill .base-info-row .bi-label{
	color: rgba(255,255,255,0.8);
	font-weight:500;
}
.base-message.-colorful.-fill .base-info-row .bi-value{
	font-size:15px;
 color:#fff;
}


.base-pagination{
	position:relative;
	font-size:13px;
 color:#999;
	padding:20px;
}
.base-pagination .bp-wrapper{
	position:relative;
	height:32px;
	font-size:13px;
 color:#999;
}
.base-pagination .bp-panel{
	overflow:hidden;
}
.base-pagination .bp-exp{
	position:absolute;
	right:0px;
	top:8px;
}
.base-pagination .bp-exp em{
	color:#111;
}
.base-pagination .pag-trunc{
	font-size:12px;
 color:#888;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:8px 10px;
	height:30px;
}
.base-pagination .pag{
	float:left;
	cursor:pointer;
	overflow:hidden;
 color:#888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
	text-align:center;
	padding:7px 9px;
	margin:0 2px;
	border:1px solid transparent;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:30px;
	min-width:30px;
}
.base-pagination .pag:hover{
	color:#267cde;
	background: rgba(38,124,222,0.1);
}
.base-pagination .pag.active{
	background-color: #267cde;
	color:#fff;
}
.base-pagination .pag-nav{
	float:left;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#111;
	height:30px;
	padding:6px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-pagination .pag-nav:hover{
	background: rgba(38,124,222,0.1);
	color:#267cde;
}
.base-pagination .pag-nav.-disabled, .base-pagination .pag-nav.-disabled:hover{
	background-color: transparent;
	color:#ccc;
}


.base-search{
	position:relative;
}
.base-search:after{
	font-family:ap; content:"\f162";
	position:absolute;
	font-size:13px;
	right:10px;
	top:10px;
}
.base-search input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.base-search input{
	height:32px;
	padding:8px 32px 8px 10px;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-search.-borderless input{
	border:none;
}
.base-search.-ac:after{
	left:10px;
	right:auto;
}
.base-search.-ac input{
	padding-left:32px;
}
.base-search.-ac .ac-cancel{
	position:absolute;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	right:2px;
	top:2px;
	width:24px;
	height:24px;
	padding:5px 3px;
}
.base-search.-ac.-activated .ac-cancel{
	display:block;
}
.base-search.-ac:before{
	font-family:FontAwesome; content:"\f110";
	position:absolute;
	display:none;
	font-size:14px;
	right:12px;
	top:10px;
 animation-name: spin;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
}
.base-search.-ac.-on-searching:before{
	display:block;
}
.base-search.-ac.-on-searching .ac-cancel, .base-search.-ac.-on-searching.-activated .ac-cancel{
	display:none;
}
.base-search.-icon-left input{
	padding-left:32px;
	padding-right:10px;
}
.base-search.-icon-left:after{
	left:10px;
	right:auto;
}
.base-search.-lg input{
	height:36px;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:13px;
	font-size:14px;
}
.base-search.-lg:after{
	font-size:14px;
	top:12px;
	right:13px;
}
.base-search.-xl input{
	height:36px;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:13px;
	font-size:15px;
}
.base-search.-xl:after{
	font-size:16px;
	top:13px;
	right:15px;
}
.base-search.-xl input{
	height:42px;
	padding-top:11px;
	padding-bottom:11px;
	padding-left:15px;
	font-size:18px;
}


.base-configs{
}
.base-configs{
	background-color: #fff;
	position:relative;
}
.base-configs .opt{
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
	padding:13px 0;
}
.base-configs .opt:last-child{
	border:none;
}
.base-configs .opt .title{
	font-size:12px;
 color:#aaa;
	padding-bottom:5px;
}
.base-configs .opt .value{
	font-weight:500;
	font-size:15px;
}
.base-configs .opt:after{
	font-family:ap; content:"\e10f";
	font-size:20px;
	position:absolute;
 color:#888;
	right:10px;
	top:13px;
}


.base-spinner{
	position:relative;
	margin:auto;
}
.base-spinner .-bs-wrapper{
	margin:auto;
	position:relative;
}
.base-spinner .-bs-inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.base-spinner .-bs-inner,
.base-spinner .-bs-inner:after{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.base-spinner .-bs-inner{
	font-size:10px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
	}
	100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
	}
	100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
	}
}


.dev-todo{
	text-align:center;
	padding:20px 0;
}
.dev-todo .base-title{
	font-size:16px;
	font-weight:500;
	padding-bottom:6px;
}
.dev-todo .base-content{
	font-size:13px;
 color:#888;
}


.base-cform.display-values{
	position:relative;
	overflow:hidden;
}
.base-cform.display-values .bcf-row{
	position:relative;
	padding-bottom:20px;
}
.base-cform.display-values .bcf-row .bcf-label{
	font-size:13px;
 color:#888;
	padding-bottom:6px;
}
.base-cform.display-values .bcf-row .bcf-value{
	font-size:14px;
}
.base-cform.display-values .bcf-row .bcf-inner{
}
.base-cform.display-values .bcf-row .bcf-inner.-pcounter{
	position:relative;
	padding-left:32px;
}
.base-cform.display-values .bcf-row .bcf-inner.-pcounter .-counter{
	font-family: Consolas, Courier New, Courier New, monospace;
	font-size:13px;
	font-weight:500;
	position:absolute;
	left:0px;
	top:0px;
	opacity: 0.7; filter: alpha(Opacity:70);
}
.base-cform.display-values.-compact > .-dv-wrapper{
	overflow:hidden;
	margin-right:-20px;
}
.base-cform.display-values.-compact .bcf-row{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:20px;
}
.base-cform.display-values.-compact .bcf-row.-type-textarea{
	display:block;
	clear:both;
	width:100%;
}
.base-cform.display-values.-compact .bcf-row.-type-text .bcf-value, .base-cform.display-values.-compact .bcf-row.-type-select .bcf-value{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}


.base-stars{
}
.base-stars .base-star-single{
	float:left;
	position:relative;
 color:#ccc;
	width:16px;
	height:16px;
	font-size:16px;
	margin-right:3px;
}
.base-stars .base-star-single > .-bs{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-stars .base-star-single.-filled > .-bs.-simple{
	color: #FFD000;
}
.base-stars .base-star-single .-filled{
	color: #FFD000;
}
.base-stars .base-star-single .-bs-fractional{
	position:absolute;
	overflow:hidden;
	left:0px;
	top:0px;
	bottom:0px;
}
.base-stars.-lg .base-star-single{
	width:20px;
	height:20px;
	font-size:20px;
	margin-right:4px;
}
.base-stars.-xl .base-star-single{
	width:24px;
	height:24px;
	font-size:24px;
	margin-right:6px;
	margin-bottom:6px;
}
.base-stars.-sm .base-star-single{
	width:14px;
	height:14px;
	font-size:14px;
	margin-right:1px;
}


/* File does not exists: [PRIVATE FILE] */



.base-stat{
	position:relative;
}
.base-stat .bs-value{
	font-size:20px;
	font-weight:500;
	padding-bottom:3px;
}
.base-stat.-picon{
	padding-left:24px;
}
.base-stat > .base-icon, .base-stat > .base-iconbox{
	position:absolute;
 color:#aaa;
	top:4px;
	left:0px;
}


.base-percent{
	position:relative;
	font-size:12px;
}
.base-percent > .-bp-text{
	position:absolute;
	text-align:center;
	left:0px;
	right:0px;
	top:40%;
	margin-top:-1px;
}


.base-form{
	font-size:13px;
}
.form-caption{
	padding-bottom:20px;
	border-bottom:2px solid #eee;
	margin-bottom:20px;
}
.base-form-header{
	padding-bottom:16px;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
}
.base-form-header .base-title{
	font-size:20px;
	font-weight:500;
}
.base-form-header .base-subtitle, .base-form-header .base-info{
	font-size:14px;
 color:#aaa;
	padding-top:4px;
}
.base-form .form-footer{
	padding-top:25px;
	padding-bottom:10px;
}
.base-form .form-row-sep{
	position:relative;
	padding:15px 0;
	overflow:hidden;
}
.base-form .form-row-sep .fs-label{
	position:relative;
	display:inline-block;
	font-size:13px;
 color:#aaa;
	font-weight:500;
}
.base-form .form-row-sep .fs-label:after{
	position:absolute;
	left:110%;
	top:8px;
	width:1000px;
	content:"";
	height:1px;
	background: rgba(0,0,0,0.1);
}
.base-form-row{
	padding:10px 0 10px 0;
	position:relative;
}
.base-form-row.-label-has-icon{
	padding-left:20px;
}
.base-form-row.-label-has-icon .-label-icon{
	position:absolute;
	left:0px;
}
.base-form-row .fr-label{
	font-weight:500;
	font-size:14px;
}
.base-form-row .fr-sublabel{
	font-size:12px;
 color:#999;
	padding-top:4px;
}
.base-form-row .fr-input{
	padding-top:8px;
}
.base-form-row .signer-row .fr-input {
 padding-top: 0px;
}
.base-form-row .improve-select{
	margin-top:8px;
}
.base-form-row .fr-input input, .base-form-row .fr-input textarea, .base-form-row .fr-input select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.base-form-row .fr-input input, .base-form-row .fr-input textarea, .base-form-row .fr-input select{
	border:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 10px;
	font-size:14px;
}
.fr-input .-cancel{
	position:absolute;
	font-size:16px;
	cursor:pointer;
 color:#888;
	padding:8px;
	top:8px;
	right:1px;
}
.fr-input .-cancel:hover{
	color:#c34343;
}
.base-form .form-rows{
	display:grid;
	gap:20px;
	grid-template-columns: 1fr 1fr;
}
.base-form .form-rows .base-form-row{
}
.base-form-row .fr-input-files{
	margin-top:8px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-form-row .fr-input-files .input-file{
	border-top:1px solid rgba(0,0,0,0.1);
	padding:8px 10px;
	font-size:13px;
}
.base-form-row .fr-input-files .input-file:first-child{
	border:none;
}
.base-form-row .fr-input-files .input-file:hover{
	background-color: #fafafa;
}
.base-form-row .fi-fake{
	padding:8px 10px 8px 30px;
	background-color: #f3f3f3;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:13px;
	position:relative;
 color:#666;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-form-row .fi-fake:before{
	font-family:FontAwesome; content:"\f023";
	font-size:14px;
 color:#42b814;
	position:absolute;
	top:9px;
	left:10px;
}
.base-form-row .fr-input.apcomplete .apc-selected{
	display:block;
	position:relative;
	margin-right:0px;
}
.base-form-row .fr-input.apcomplete .apc-selected .apc-close{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
}
.base-form-row .fr-input.apcomplete .apc-selected .apc-text{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	display:block;
	margin-right:30px;
}
.formv2-apc li > div{
	padding:7px 10px;
	font-size:13px;
}
.base-form-row .form-captcha{
	padding-top:15px;
}
.base-form-row.-compact-row{
	padding-top:20px;
	padding-bottom:20px;
}
.base-form-row.-compact-row .fr-content{
	position:absolute;
	left:50%;
	right:0px;
	top:50%;
	margin-top:-26px;
}
.base-form-buttons{
	margin-top:20px;
}
.base-form-buttons .base-button{
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
.base-form-buttons .form-button{
	display:inline-block;
	font-size:14px;
	text-align:center;
 color:#888;
	padding:8px 13px;
	margin-right:4px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-form-buttons .form-button.-submit{
	background-color: #267cde;
	font-weight:500;
 color:#fff;
}
.base-form-buttons .form-button.-submit:hover{
	background-color: #42b814;
}
.base-form-buttons .form-button.-cancel:hover{
	background-color: #f3f3f3;
}
.base-form .form-footer{
	padding-top:10px;
}
.base-form .form-footer .base-form-submit{
	font-weight:500;
	font-size:14px;
	display:inline-block;
 color:#fff;
	background-color: #267cde;
	padding:8px 16px;
	height:35px;
}
.base-form .form-footer .base-form-submit:hover{
	background-color: #42b814;
	border:1px solid #42b814;
}
.base-form .input-value{
	font-size:14px;
	position:relative;
	background-color: #f8f8f8;
	padding:8px 30px 8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:10px;
}
.base-form .input-value:after{
	font-family:ap; content:"\e116";
	font-size:16px;
 color:#aaa;
	position:absolute;
	right:13px;
	top:8px;
}
.base-form .value-display{
	display:block;
	font-size:14px;
	position:relative;
	min-height:20px;
}
.base-form .value-display.-select{
	padding-left:20px;
}
.base-form .value-display.-select:before{
	font-family:ap; content:"\e116";
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:0px;
	top:1px;
}
.base-form .base-table tbody .cell-lead{
	padding-right:0px;
}
.simple-form .base-form input, .simple-form .base-form textarea, .simple-form .base-form select{
	font-size:14px;
}
.base-form .base-table thead.-first .cell, .base-form .base-table thead.-first .cell-lead, .base-form .base-table td.-first .cell, .base-form .base-table td.-first .cell-lead{
	padding-left:0px;
}
.fic-checkbox{
	position:relative;
	cursor:pointer;
 padding-left:26px;
}
.fic-checkbox label{
	cursor:pointer;
}
/* Hide the browser's default checkbox */
.fic-checkbox input {
	position:absolute;
	width:0;
	height:0;
	opacity: 0; filter: alpha(Opacity:0);
}
/* Create a custom checkbox */
.fic-checkbox .fic-checkmark{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top: -1px;
	left: 0;
	height: 18px;
	width: 18px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	border:1px solid rgba(0,0,0,0.1);
	background: rgba(255,255,255,0.5);
}
/* On mouse-over, add a grey background color */
.fic-checkbox:hover input ~ .fic-checkmark{
	-moz-box-shadow:inset 1px 2px 2px rgba(0,0,0,0.04);
 -webkit-box-shadow:inset 1px 2px 2px rgba(0,0,0,0.04);
 box-shadow:inset 1px 2px 2px rgba(0,0,0,0.04);
	border:1px solid rgba(0,0,0,0.2);
}
/* When the checkbox is checked, add a blue background */
.fic-checkbox input:checked ~ .fic-checkmark{
	background: rgba(38,124,222,0.9);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
}
.fic-checkbox .fic-checkmark:after{
	color:#fff;
	font-size:12px;
	position:absolute;
	display:none;
	content:"";
	top:1px;
	left:5px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(45deg); -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
}
.fic-checkbox input:checked ~ .fic-checkmark:after{
	display:block;
}
.fic-checkbox .fic-label{
	color:#888;
}
.fic-checkbox input:checked ~ .fic-label{
	color:#111;
}
.base-form .base-table tbody .cell .cell-actions{
	padding-right:0px;
}
.form.-flat .input .fr-input .-cancel{
	top:0px;
}


.fi-radio{
	padding-top:2px;
}
.fi-radio .-radio{
	width:18px;
	height:18px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}
.fi-checkbox{
	width:18px;
	height:18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display:inline-block;
}
.fi-checkbox .-fcb{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position:absolute;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.fi-checkbox .-fcb:before{
	position:absolute;
	font-size:10px;
	top:3px;
	left:3px;
}
.fi-checkbox.-checked .-fcb{
	background-color: #42b814;
	border:1px solid #3ba710;
	color:#fff;
}
.fi-checkbox.-checked .-fcb:before{
	font-family:ap; content:"\ea2b";
}
.fi-checkbox.-checked.-subtle .-fcb{
	background: rgba(66,184,20,0.1);
	color:#42b814;
}
.-ip-datetime{
	display:inline-block;
	position:relative;
}
.-ip-datetime:after{
	position:absolute;
	left:50%;
	top:50%;
	width:10px;
	margin-left:-13px;
	margin-top:-2px;
	background: rgba(0,0,0,0.2);
	height:2px;
	content:"";
}
.-ip-datetime .-ip-date{
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	width:50%;
	margin-right:7%;
}
.-ip-datetime .-ip-time{
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:40%;
}


.cx-current-files{
}
.-empty-label .cx-current-files{
}
.cx-current-files .cx-file{
	background-color: #f3f3f3;
	position:relative;
	padding:9px 60px 9px 40px;
	margin-top:2px;
}
.cx-current-files .cx-file > .base-icon{
	left:15px;
	top:8px;
	color:#999;
}
.cx-current-files .cx-file .base-title{
	font-size:14px;
}
.cx-current-files .cx-file .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.cx-current-files .cx-actions{
	position:absolute;
	right:10px;
	top:8px;
}
.cx-current-files .cx-actions .cx-action{
	float:left;
	cursor:pointer;
 color:#999;
	padding:3px 0;
	margin-left:10px;
}
.cx-current-files .cx-actions .cx-action:hover{
	color:#267cde;
	text-decoration:underline;
}
.cx-current-files .cx-actions .cx-action.-remove{
	font-weight:500;
}
.cx-current-files .cx-file.-removed{
	background: rgba(195,67,67,0.1);
}
.cx-current-files .cx-file.-removed .base-title{
	text-decoration: line-through;
	color:#c34343;
}
.base-input-video{
	border:1px solid #ccc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:7px 8px 7px 32px;
	font-size:14px;
	cursor:pointer;
	position:relative;
 color:#888;
	margin-top:4px;
}
.base-input-video:after{
	font-family:ap; content:"\e067";
	font-size:16px;
	position:absolute;
	left:10px;
	top:7px;
}
.base-input-video:hover{
	border:1px solid rgba(38,124,222,0.4);
	color:#267cde;
}
.form.-flat .row .input-mlines{
	margin-top:-2px;
}
.form.-flat .row .input-mlines .ip-line{
	margin-top:6px;
	position:relative;
}
.form.-flat .row .input-mlines .ip-line input{
	margin:0;
	padding-left:60px;
}
.form.-flat .row .input-mlines .ip-line .ip-remove{
	position:absolute;
	font-size:16px;
 color:#aaa;
	cursor:pointer;
	right:2px;
	top:2px;
	padding:6px 10px;
	z-index:100;
}
.form.-flat .row .input-mlines .ip-line .ip-remove:hover{
	color:#D96C6C;
}
.form.-flat .row .input-mlines .ip-line .counter{
	position:absolute;
	top:5px;
	left:0px;
	bottom:5px;
	width:50px;
	border-right:1px solid #ddd;
	z-index:100;
}
.form.-flat .row .input-mlines .ip-line .counter .base-icon{
	left:10px;
	top:4px;
}
.form.-flat .row .input-mlines .ip-line.-empty .counter .base-icon{
	left:20px;
	top:3px;
}
.form.-flat .row .input-mlines .ip-line .counter .-counter{
	position:absolute;
	font-size:12px;
 color:#aaa;
	right:8px;
	top:5px;
}
.input-struct{
	height:34px;
}
.row-placeholder .input-struct{
	margin-top:4px;
}
.input-struct .input-struct-inner{
	position:relative;
	font-size:13px;
	border:1px solid #ccc;
	height:32px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:;
}
.input-struct .input-struct-inner .-struct-ipe{
	display:inline-block;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Consolas, Courier New, Courier New, monospace;
	height:32px;
	vertical-align:top;
}
.input-struct .input-struct-inner .-struct-ipe:after{
	position:absolute;
	right:-3px;
	top:50%;
	height:6px;
	width:6px;
	margin-top:-3px;
	background: rgba(0,0,0,0.2);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	content:"";
}
.input-struct .input-struct-inner .-struct-str{
	display:inline-block;
 color:#666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:32px;
	padding:6px 5px 0 13px;
	vertical-align:top;
}
.input-struct .input-struct-inner .-struct-str > span{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
 color:#333;
	background-color: #eee;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
	height:21px;
	padding:3px 6px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.input-struct .input-struct-inner .-struct-ipe > span{
	display:block;
	position:relative;
}
.input-struct .input-struct-inner .-struct-ipe > span:before{
	position:absolute;
}
.input-struct .input-struct-inner .-struct-ipe input{
	border:none !important;
	padding:6px 8px;
	width:75px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:32px;
}
.input-struct .input-struct-inner .-struct-ipe input[name=scode-counter]{
	font-weight:bold;
 color:#267cde;
	text-decoration:underline;
}
.input-struct .input-struct-inner .-struct-ipe input:active, .input-struct .input-struct-inner .-struct-ipe input:focus{
	font-weight:500;
 color:#267cde;
}
.input-struct .input-struct-inner .ips-real > div:last-child:after{
	display:none;
}
.input-struct.-mobile{
	height:auto;
}
.input-struct.-mobile .ipm{
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.input-struct.-mobile .ipm .ph{
	padding:8px 10px;
	font-size:12px;
	font-family: Consolas, Courier New, Courier New, monospace;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	background-color: #fafafa;
}
.input-struct.-mobile .ipm .-struct-ipe{
	position:relative;
	padding:8px 10px 8px 26px;
	border-top:1px solid rgba(0,0,0,0.1);
}
.input-struct.-mobile .ipm .-struct-ipe:before{
	font-family:FontAwesome; content:"\f101";
	font-size:14px;
	position:absolute;
 color:#aaa;
	left:10px;
	top:9px;
}
.input-struct.-mobile .ipm .-struct-ipe .-struct-ipe-lb{
	font-size:13px;
}
.input-struct.-mobile .ipm .-struct-ipe span.-struct-ipe-ip{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
}
.input-struct.-mobile .ipm .-struct-ipe span.-struct-ipe-ip input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.input-struct.-mobile .ipm .-struct-ipe span.-struct-ipe-ip input{
	border:none !important;
	padding:8px 10px !important;
	font-weight:500;
}
.input-users{
	position:relative;
}
.input-users .users-selected{
	position:absolute;
	left:0;
	right:2px;
	bottom:5px;
	max-height: 150px;
	overflow: auto;
	padding:0 10px;
}
.input-users .users-selected::after{
	content: "";
	clear: both;
	display: table;
}
.input-users .users-selected .selected-user{
	float:left;
	position:relative;
	font-size:12px;
 color:#333;
	margin-right:8px;
	margin-bottom:5px;
	padding:3px 24px 3px 24px;
	background-color: #eaeaea;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
}
.input-users .selected-user .avatar{
	position:absolute;
	top:2px;
	left:3px;
}
.input-users .users-selected .remove{
	position:absolute;
	cursor:pointer;
	right:18px;
	top:2px;
	color: #aaa;
}
.input-users .users-selected .remove .ap-icon{
	font-size:14px;
}
.input-users .users-selected .remove:hover{
	color: rgba(195,67,67,0.9);
}
.input-users .picker-icon{
	position:absolute; color:#bbb;
	right:35px;
	top:5px;
}
.input-users .picker-icon .ap-icon{
	font-size:19px;
}
.input-users .picker-icon:hover{
	color:#888;
	cursor:pointer;
}
.input-ext{
}
.input-ext .notice-icon{
	position:absolute;
	display:none;
	font-size:14px;
	color: rgba(195,67,67,0.8);
	top:8px;
	right:8px;
}
.input-ext .dd-actions{
	position:relative;
	height:30px;
	margin:5px;
	padding-top:8px;
	border-top:1px solid #f1f1f1;
}
.input-ext .dd-actions .base-button{
	float:left;
 @clearfix;
	margin-right:10px;
	width:fit-content;
}
.input-ext .dd-actions .base-button.clear{
	position:absolute;
	top:8px;
	right:10px;
	margin-right:-10px;
	width:fit-content;
}
.input-ext .dd-actions .base-button.confirm {
	position: absolute;
	top: 8px;
	right: 76px;
	margin-right: -10px;
	width: fit-content;
}
.input-ext .ext-search {
	position: relative;
	border-bottom: 1px solid #f1f1f1;
	padding: 0 6px 4px;
	margin: 0 -6px;
}
.input-ext .ext-search input {
	padding: 6px 10px 6px 32px !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	border: none !important;
}
.input-ext .ext-search .extra-icons {
	position: absolute;
	right: 8px;
	top: 4px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.input-ext .ext-search .ficon-expand {
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	cursor: pointer;
	padding: 5px;
}
.input-ext .ext-options {
	max-height: 400px;
	overflow-y: auto;
	margin-top:10px;
}
.input-ext .ext-options .base-empty-state{
	margin-top:10px;
	padding:10px 20px;
}
.input-ext-display{
	font-size:13px;
}
.input-ext-display .base-table {
	overflow-x: auto;
	scrollbar-width: thin;
}
.input-ext-display .base-table thead td{
	font-size:13px;
	min-width: 100px;
}
.input-ext-display .base-table .cell-lead,
.input-ext-display .base-table .cell {
	padding: 5px 10px 5px 10px;
}
.input-ext-display .base-table .cell .base-files-inline .file {
	margin: 0px;
	top: -6px;
	left: -10px;
}
.input-ext-display table td,
.input-ext-display table {
	border: 1px solid #e6e6e6;
}
.input-ext .input-ext-dd .ext-item-title{
	font-weight:bold;
}
.input-ext .input-ext-dd .ext-item-subtitle{
	margin-top:4px;
	color:#aaa;
	font-weight:normal;
}


.fi-filebox{
	background-color: #f8f8f8;
	padding:15px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.fi-filebox .fb-buttons{
	position:relative;
	overflow:hidden;
}
.fi-filebox .fb-buttons .fb-button{
	background: rgba(38,124,222,0.1);
	color:#267cde;
	font-size:14px;
	font-weight:500;
	float:left;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	padding:8px 15px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-right:6px;
}
.fi-filebox .fb-buttons .fb-button .upload-form{
	z-index:0;
}
.fi-filebox .fb-buttons .fb-button:hover{
	background-color: #267cde;
	color:#fff;
}
.fi-filebox .fb-files{
	padding-bottom:10px;
}
.fi-filebox .fb-files .fb-file{
	position:relative;
	font-size:14px;
	padding:10px 40px 10px 40px;
	background: rgba(255,255,255,0.4);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:5px;
}
.fi-filebox .fb-files .fb-file.-drive, .fi-filebox .fb-files .fb-file.-existing{
	padding-right:115px;
}
.fi-filebox .fb-files .fb-file:hover{
	box-shadow: inset 0 0 0 1px #267cde;
	background-color: #fff;
}
.fi-filebox .fb-files .fb-file .base-ficon{
	position:absolute;
	top:9px;
	left:15px;
}
.fi-filebox .fb-files .fb-file .fname{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.fi-filebox .fb-files .fb-file .base-special-tag{
	position:absolute;
	right:45px;
	top:10px;
}
.fi-filebox .fb-files .fb-file .-remove{
	position:absolute;
	font-size:16px;
	cursor:pointer;
	right:10px;
	top:3px;
	padding:6px;
}
.fi-filebox .fb-files .fb-file .-remove:hover{
	color:#c34343;
}
.fi-filebox .fb-files .fb-file.-removed{
	font-weight:500;
 color:#c34343;
	$stroke:$rgba(#c34343, 0.5);
	background-color: #fff;
}
.fi-filebox .fb-files .fb-file.-removed .fname{
	text-decoration: line-through;
}
.fi-filebox.-empty{
	padding:0;
	background-color: transparent;
	border:none;
}
.fi-filebox.-empty .fb-files{
	display:none;
}


/* File does not exists: [PRIVATE FILE] */



.fi-cover{
	position:relative;
}
.fi-cover > .-fc-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.fi-cover .fc-cover{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	background-color: #eee;
}
.fi-cover .fc-cover .-bg, .fi-cover .fc-cover .-fill{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.fi-cover .fc-color-picker{
	position:absolute;
	left:15px;
	bottom:8px;
	min-width:400px;
}
.fi-cover .fc-color{
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	position:absolute;
	cursor:pointer;
	right:15px;
	top:15px;
	width:30px;
	height:30px;
}
.fi-cover .fc-color > div{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding-top:6px;
	padding-left:7px;
}
.fi-cover .fc-bg-picker{
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	position:absolute;
	right:15px;
	top:15px;
}
.fi-cover .fc-bg-picker .fc-button{
	float:left;
	position:relative;
	cursor:pointer;
	font-size:12px;
	font-weight:500;
 color:#666;
	padding:8px 10px;
}
.fi-cover .fc-bg-picker .fc-button.-bt{
	overflow:hidden;
}
.fi-cover .fc-bg-picker .fc-button.-dd{
	border-right:1px solid rgba(0,0,0,0.1);
	padding-right:30px;
}
.fi-cover .fc-bg-picker .fc-button.-dd:after{
	font-family:FontAwesome; content:"\f0d7";
	position:absolute;
	font-size:14px;
 color:#aaa;
	right:10px;
	top:8px;
}
.fi-cover .fc-bg-picker .fc-button.-remove{
	border-left:1px solid rgba(0,0,0,0.1);
}
.fi-cover .fc-bg-picker .fc-button:hover{
	color:#111;
	text-decoration:underline;
}
.fi-cover .fc-bg-picker .fc-button.-remove:hover{
	color:#c34343;
	text-decoration: unset;
}
.fi-cover .fc-bg-templates{
	position:absolute;
	overflow:hidden;
	display:none;
	right:0px;
	top:32px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	width:360px;
	padding:8px 0 0px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	z-index:1000;
}
.fi-cover .fc-bg-templates .bg-tpl{
	width:25%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding-right:8px;
	padding-bottom:8px;
}
.fi-cover .fc-bg-templates .bg-tpl:before{
	position:absolute;
	left:0px;
	top:0px;
	bottom:8px;
	right:8px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.fi-cover .fc-bg-templates .bg-tpl img{
	width:100%;
	height:80px;
	position:relative;
	display:block;
}
.fi-cover .fc-button.active .fc-bg-templates{
	display:block;
}
.fi-cover .fc-button.active:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(180deg); -ms-transform: rotate(180deg);
 -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
}
.fi-cover .fc-opacity{
	position:absolute;
	top:15px;
	left:20px;
	width:200px;
	margin:0;
	opacity: 0; filter: alpha(Opacity:0);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.fi-cover .fc-opacity .fr-input{
	padding-top:0px !important;
}
.fi-cover .fc-opacity .input-percent-canvas{
	position:absolute;
	display:none;
	left:90px;
	top:4px;
	width:120px;
	margin-top:0px;
}
.fi-cover .fc-opacity .input-percent-canvas .input-dragger{
	background: rgba(0,0,0,0.2);
	margin-right:50px;
	border:none;
}
.fi-cover .fc-opacity .input-percent-canvas .input-dragger .ui-slider-handle{
	border:none;
	top:-4px;
	width:18px;
	height:18px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
}
.fi-cover .fc-opacity .input-percent-canvas .current-update{
	top:-4px;
	color: rgba(255,255,255,0.7);
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.fi-cover .fc-opacity .input-percent-canvas .current-update b{
	font-size:13px;
 color:#fff;
}
.fi-cover .fic-checkbox .fic-label{
	color:#fff !important;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.fi-cover:hover .fc-opacity{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.fi-cover .fc-content{
	position:absolute;
	top:60px;
	left:50px;
	right:50px;
	bottom:60px;
}
.fi-colorbox{
	position:relative;
}
.fi-colorbox > .-fc-wrapper{
	position:relative;
}
.fi-colorbox .fc-chosen{
	height:36px;
	position:absolute;
	top:4px;
	left:0px;
}
.fi-colorbox .fc-chosen:after{
	position:absolute;
	top:0px;
	height:24px;
	left:100%;
	margin-left:8px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.fi-colorbox .fc-chosen .chosen{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-weight:normal;
	font-size:11px;
	display:none;
	margin-right:4px;
	width:24px;
	height:24px;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.fi-colorbox .fc-chosen .chosen .sq{
	width:24px;
	height:24px;
	top:0px;
	left:0px;
	position:absolute;
 color:#fff;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.fi-colorbox .fc-chosen .chosen.-light .sq{
	color: #000;
}
.fi-colorbox .fc-chosen .chosen .base-icon{
	position:absolute;
	top:4px;
	left:5px;
}
.fi-colorbox .fc-chosen .reset{
	color:#aaa;
	float:left;
	cursor:pointer;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	padding:3px 0px;
	background-color: #fff;
	height:24px;
	width:24px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
}
.fi-colorbox .fc-chosen .reset:hover{
	color:#c34343;
}
.fi-colorbox .fc-presets{
	overflow:hidden;
	padding:4px;
	margin-left:38px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	height:30px;
}
.fi-colorbox .fc-presets .fc-val{
	width:13px;
	height:24px;
	margin-right:4px;
	margin-bottom:10px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	float:left;
	position:relative;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid rgba(0,0,0,0.05);
	opacity: 0.8; filter: alpha(Opacity:80);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
}
.fi-cover:hover .fi-colorbox .fc-presets .fc-val{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.fi-colorbox .fc-presets .fc-val .r{
	position:absolute;
	left:-3px;
	top:-3px;
	bottom:-3px;
	right:-3px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	display:none;
}
.fi-colorbox .fc-presets .fc-val:hover .r{
	display:block;
}
.fi-colorbox .fc-custom{
	width:24px;
	height:24px;
	background-color: #fff;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	cursor:pointer;
 color:#111;
	float:left;
	position:relative;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	margin-right:8px;
	margin-bottom:5px;
}
.fi-colorbox .fc-custom > div{
	position:absolute;
	padding-top:3px;
	padding-left:4px;
	top:0px;
	left:0px;
	bottom:0px;
	width:24px;
}
.fi-colorbox .fc-custom.-dark > div{
	color:#fff;
}
.fi-colorbox.-empty .fc-presets{
	margin-left:-4px;
}
.fi-colorbox.-empty .fc-presets .fc-val{
	width:18px;
}
.fi-colorbox.-empty .fc-chosen{
	display:none;
}
.fi-colorbox .fc-custom:hover{
	background-color: #267cde;
	color:#fff;
}
.fi-colorbox.-empty .fc-custom:hover{
	background-color:#267cde !important;
}
.fi-colorbox .fc-custom.-selected{
	color:#111;
	width:80px;
}
.fi-colorbox .fc-custom.-selected.-dark-bg{
	color:#fff;
}
.fi-colorbox .fc-custom em{
	display:none;
	position:relative;
}
.fi-colorbox .fc-custom.-selected em{
	display:block;
	font-size:10px;
	font-weight:500;
	text-transform:uppercase;
	margin-left:28px;
	padding-top:6px;
}
.fi-colorbox .fc-custom.-selected em:before{
	position:absolute;
	left:-4px;
	top:6px;
	height:12px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.fi-colorbox .fc-custom.-selected.-dark-bg em:before{
	background: rgba(255,255,255,0.3);
}


.ibs-wrapper{
	position:relative;
}
.ibs-wrapper .base-cards{
}
.ibs-wrapper .base-cards.-gap-20 .base-card{
	margin-bottom:0;
	padding-top:8px;
}
.ibs-wrapper .base-cards.-gap-20 .base-card > .-bc-inner{
	border:none;
	padding:0;
}
.ibs-wrapper .ibs-item{
	background-color: #f5f5f5;
	height:160px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor:pointer;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 15px;
}
.ibs-wrapper .ibs-item:hover{
	background-color: #fff;
}
.ibs-wrapper .ibs-item .ibs-icon{
	margin:auto;
	width:48px;
	height:64px;
	padding-top:20px;
	color:#aaa;
}
.ibs-wrapper .ibs-item .ibs-title{
	font-size:14px;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	padding-bottom:8px;
}
.ibs-wrapper .ibs-item .ibs-info{
	font-size:12px;
 color:#888;
	line-height:19px;
}
.ibs-wrapper .ibs-item.active{
	background-color: #fff;
	border:1px solid #42b814;
	color:#3ba710;
}
.ibs-wrapper .ibs-item.active .ibs-icon, .ibs-wrapper .ibs-item.active .ibs-info{
	color: #42b814;
}
.ifi-wrapper{
	border:1px solid rgba(0,0,0,0.2);
	margin-top:-10px;
	position:relative;
}
.ifi-wrapper .ifi-grid{
	height:120px;
	position:relative;
	margin-left:-1px;
	margin-top:-1px;
	background-size: 25px 25px;
	background-image: linear-gradient(to right, #f1f1f1 1px, transparent 1px), linear-gradient(to bottom, #f1f1f1 1px, transparent 1px);
}
.ifi-wrapper .ifi-actions{
	position:absolute;
	right:0px;
	top:10px;
}
.ifi-wrapper .ifi-actions .ifi-action{
	padding:8px 10px;
	float:left;
	position:relative;
	cursor:pointer;
	font-weight:500;
 color:#888;
	margin-right:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
}
.ifi-wrapper .ifi-actions .ifi-action.-fit{
	width:30px;
	height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0;
}
.ifi-wrapper .ifi-actions .ifi-action.-fit> div{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.ifi-wrapper .ifi-actions .ifi-action.-fit> div.-dark{
	color:#fff;
}
.ifi-wrapper .ifi-actions .ifi-action.-fit .base-icon{
	top:6px;
	left:7px;
}
.ifi-wrapper .ifi-actions .ifi-action:hover{
	color:#fff;
	background-color: #267cde;
}
.ifi-wrapper .ifi-actions .ifi-action.-upload{
	overflow:hidden;
}
.ifi-wrapper .ifi-actions .ifi-action.-dd{
	padding-right:25px;
}
.ifi-wrapper .ifi-actions .ifi-action.-dd:after{
	font-family:ap; content:"\e10f";
	position:absolute;
	right:10px;
	top:8px;
}
.ifi-wrapper .ifi-grid .display-icon{
	position:absolute;
	left:20px;
	top:20px;
	height:80px;
	width:80px;
}
.ifi-wrapper .ifi-grid .display-icon .img, .ifi-wrapper .ifi-grid .display-icon .img img{
	width:80px;
	height:80px;
}
.ifi-wrapper .ifi-actions .ifi-action .ifi-icons{
	position:absolute;
 color:#333;
	display:none;
	width:240px;
	right:0px;
	top:30px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:10px 8px 8px 10px;
	z-index:100;
}
.ifi-wrapper .ifi-actions .ifi-action .ifi-icons .icon-item{
	width:28px;
	height:28px;
	position:relative;
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:6px;
	padding-left:6px;
	margin:2px 2px 0 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.ifi-wrapper .ifi-actions .ifi-action.active .ifi-icons{
	display:block;
}
.ifi-wrapper .ifi-actions .ifi-action .ifi-icons .icon-item:hover{
	background-color: #f3f3f3;
}
.input-switch{
	width: 36px;
	height: 20px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.input-switch input{ 
	opacity: 0;
	width: 0;
	height: 0;
}
.input-switch .slider{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .3s;
	transition: .3s;
}
.input-switch .slider:before{
	position:absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}	
.input-switch input:checked + .slider{
	background-color: #2196F3;
}
.input-switch input:checked + .slider:before{
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}
/* Rounded sliders */
.input-switch .slider.round{
	border-radius: 20px;
}
.input-switch .slider.round:before{
	border-radius: 50%;
}
.input-switch-wrapper{
	display:inline-block;
}
.input-switch-container{
	position:relative;
	display:block;
	height:22px;
}
.input-switch-container .-ph{
	position:relative;
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	margin-left:45px;
	padding-top:3px;
}
.input-switch-container.-sm .-ph{
	padding-top:1px;
	margin-left:36px;
}
.input-switch-container.-sm .input-switch{
	width:28px;
	height:18px;
}
.input-switch-container.-sm .input-switch .slider:before{
	left:2px;
	bottom:2px;
	width:14px;
	height:14px;
}
.input-switch-container.-sm .input-switch input:checked + .slider:before{
	transform: translateX(9px);
}
.form.-flat .row .input-switch-container{
	margin-top:4px;
}
.form.-flat .row.-empty-label .input-switch-container{
	margin-top:-1px;
	padding-bottom:3px;
}
.input-labels{
}
.input-labels .input-label-options{
	margin-right:-1%;
	padding-bottom:6px;
	padding-top:5px;
}
.input-labels .input-label-options .input-label{
	text-align:center;
 color:#888;
	font-weight:500;
	font-size:13px;
	float:left;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	background-color: #f3f3f3;
	text-shadow:0 1px 1px rgba(255,255,255,0.1);
	padding:6px 0;
	margin-right:1%;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.input-labels .input-label-options .input-label .-r{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:none;
}
.input-labels .input-label-options .input-label .-label{
	position:relative;
}
.input-labels .input-label-options .input-label:hover{
	background-color: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.input-labels .input-label-options .input-label.active{
	text-shadow:0 1px 1px rgba(0,0,0,0.1);
	color:#fff;
}
.input-labels .input-label-options .input-label.active .-r{
	display:block;
}
.input-labels .input-extra-ph{
	padding-top:6px;
	color:#888;
	position:relative;
}


.input-display{
	border:1px solid rgba(0,0,0,0.15);
	padding:7px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:14px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	$bg: [--form-bg, #f8f8f8];
	min-height:33px;
	&.-fit{
 height:33px;
	}
	.showhide{
	position:absolute;
	cursor:pointer;
 color:#aaa;
 width:16px;
 height:16px;
 padding:3px;
 right:6px;
 top:6px;
	}
}
.input-display.-autohide .-hstars{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.input-display .showhide:hover{
	color:#111;
}
.input-display.-autohide{
	padding-right:30px;
	&.-active{
 min-height:33px;
 height:auto;
	}
}
.input-display.-autohide .-value, .input-display.-autohide .-content{
	display:none;
}
.input-display.-autohide.-active .-value, .input-display.-autohide.-active .-content{
	display:block;
}
.input-display.-autohide.-active .-hstars{
	display:none;
}
.input-extra-exp{
	padding-top:10px;
	font-size:12px;
 color:#999;
}


.base-user{
	position:relative;
	padding-left:40px;
}
.base-user.-no-avatar{
	padding-left:0px !important;
}
.base-user.-no-avatar .base-user-avatar{
	display:none;
}
.base-user .base-user-avatar{
	position:absolute;
	overflow:hidden;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	left:0px;
}
.base-user .base-user-avatar img{
	width:100%;
	height:100%;
}
.base-user .base-user-name{
	font-size:13px;
	font-weight:500;
	padding-bottom:4px;
}
.base-user .base-user-info{
	color:#888;
}
.base-user.-compact .base-user-name{
	padding-top:3px;
	font-weight:normal;
}
.base-user.-compact .base-user-info{
	display:none;
}
.base-user.-focus .base-user-name{
	padding-top:4px;
}
.base-user.-focus .base-user-info{
	display:none;
}
.base-user.-sm{
	padding-left:30px;
}
.base-user.-sm .base-user-avatar{
	width:20px;
	height:20px;
}
.base-user.-sm:hover .base-user-name{
	color:#267cde;
	text-decoration:underline;
}
.base-user.-el{
	padding-left:36px;
}
.base-user.-el .base-user-avatar{
	width:24px;
	height:24px;
}
.base-user.-el .base-user-name{
	margin-top:1px;
}
.base-user.-el:hover .base-user-name{
	color:#267cde;
	text-decoration:underline;
}
.base-u2u{
	position:relative;
}
.base-u2u .-bu-inner{
	position:relative;
	overflow:hidden;
	min-height:24px;
}
.base-u2u .-bu-inner:after{
	font-family:ap; content:"\e6b3";
	position:absolute;
	font-size:16px;
 color:#888;
	left:50%;
	top:50%;
	width:20px;
	height:20px;
	margin-top:-8px;
	margin-left:-18px;
}
.base-u2u .base-u{
	float:left;
	position:relative;
	text-align:center;
	position:relative;
	width:45%;
	left:0px;
}
.base-u2u .base-u.base-u2{
	float:right;
}
.base-u2u .base-u .base-avatar{
	width:24px;
	height:24px;
	position:absolute;
	top:0px;
	left:0px;
}
.base-u2u .base-u > .uname{
	padding-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}


.base-monthly-calendar{
	position:relative;
}
.base-monthly-calendar .cal-caption{
	padding:10px 0 20px 0;
	position:relative;
}
.base-monthly-calendar .cal-caption .txt{
	font-size:24px;
	font-weight:500;
}
.base-monthly-calendar .cal-caption .base-side{
	position:absolute;
	right:0px;
	top:8px;
}
.base-monthly-calendar .cal-caption .base-side > div{
	float:left;
	margin-left:10px;
}
.base-monthly-calendar .cal-wrapper{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-monthly-calendar .cal-header{
	overflow:hidden;
	background-color: #fafafa;
}
.base-monthly-calendar .cal-header .date{
	float:left;
	font-weight:500;
	font-size:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#aaa;
	width:14.2857%;
	padding:6px 10px;
}
.base-monthly-calendar .cal-body{
}
.base-monthly-calendar .cal-body .week{
	position:relative;
	border-top:1px solid rgba(0,0,0,0.1);
	height:80px;
}
.base-monthly-calendar .cal-body .week .date{
	width:14.2857%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	border-right:1px solid rgba(0,0,0,0.1);
	height:100%;
	padding:10px;
}
.base-monthly-calendar .cal-body .week .date.-sun{
	border:none;
	background: rgba(255,255,238,0.5);
}
.base-monthly-calendar .cal-body .week .date.-past-month, .base-monthly-calendar .cal-body .week .date.-next-month{
	background-color: #f9f9f9;
	color:#aaa;
}
.base-monthly-calendar .cal-body .week .date .date-label span{
	padding:2px 4px;
}
.base-monthly-calendar .cal-body .week .date.-is-today .date-label span{
	display:inline-block;
 color:#fff;
	padding:2px 4px;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	background-color: #267cde;
}
.base-monthly-calendar .cal-body .week .date .date-label{
	font-size:11px;
	font-weight:500;
	position:absolute;
	top:8px;
	right:8px;
	z-index:100;
}
.base-monthly-calendar .cal-body .week .date > .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-monthly-calendar.-compact{
	background: rgba(255,255,255,0.8);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid #ddd;
}
.base-monthly-calendar.-compact .cal-caption{
	padding:10px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.base-monthly-calendar.-compact .cal-header .date{
	font-size:11px;
}
.base-monthly-calendar.-compact .cal-caption .txt{
	font-size:20px;
}
.base-monthly-calendar.-compact .cal-caption .base-icon{
	position:absolute;
 color:#aaa;
	top:6px;
	padding:6px;
}
.base-monthly-calendar.-compact .cal-caption .base-icon.left{
	left:6px;
}
.base-monthly-calendar.-compact .cal-caption .base-icon.right{
	right:6px;
}
.base-monthly-calendar.-compact .cal-caption .base-icon:hover{
	color:#267cde;
}
.base-monthly-calendar.-compact .cal-body .week{
	height:32px;
}
.base-monthly-calendar.-compact .cal-wrapper{
	border:none;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}


.base-files-inline{
}
.base-files-inline .file{
	display:inline-block;
	position:relative;
 color:#888;
	padding:5px 6px 5px 26px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-right:6px;
	margin-top:10px;
}
.base-files-inline .file .file-icon{
	position:absolute;
	width:16px;
	height:16px;
	left:5px;
}
.base-files-inline .file .file-icon img{
	width:16px;
	height:16px;
}
.base-files-inline .file .file-name{
	display:block;
	font-size:13px;
	max-width:130px;
}
.base-files-inline .file:hover{
	color:#267cde;
	border:1px solid rgba(38,124,222,0.8);
	background: rgba(38,124,222,0.1);
	text-decoration:none;
}


.base-faces{
	overflow:hidden;
	position:relative;
}
.base-faces .base-faces-inner{
	margin-right:-10px;
}
.base-faces .base-face{
	width:20%;
	float:left;
}
.base-faces.-cols-4 .base-face{
	width:25%;
}
.base-faces.-cols-3 .base-face{
	width:33.33%;
}
.base-face{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:10px;
	padding-top:10px;
	position:relative;
	cursor:pointer;
}
.base-face:hover:after{
	position:absolute;
	top:10px;
	left:0px;
	bottom:0px;
	right:10px;
	border:4px solid #267cde;
	content:"";
}
.base-face .image{
	position:relative;
	display:block;
	overflow:hidden;
	height:0px;
	padding-bottom:120%;
}
.base-face .image:before{
	display:block;
	content:"";
}
.base-face .image .img{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color: #eee;
}
.base-face .image .imgw{
	position:absolute;
	top:0px;
	left:0px;
	width:120%;
	height:100%;
	margin-left:-10%;
}
.base-face .image .img img{
	display:block;
	height:100%;
	min-width:100%;
}
.base-face .face-content{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left:0px;
	bottom:0px;
	right:10px;
	padding:13px 15px;
	color: rgba(255,255,255,0.7);
}
.base-face .face-content .base-title{
	font-weight:500;
 color:#fff;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	padding-bottom:4px;
	position:relative;
}
.base-face .face-content .base-info, .base-face .face-content .base-subtitle{
	position:relative;
	font-size:11px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-face .face-content:before{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:100px;
	content:"";
	background-image:url(https://static-gcdn.basecdn.net/service/image/black.png);
	opacity: 0.8; filter: alpha(Opacity:80);
}


.base-followers .fe-users{
	margin:0 -10px;
	margin-top:-5px;
}
.base-followers .fe-users .fe-user{
	padding:10px 0 10px 58px;
	position:relative;
}
.base-followers .fe-users .fe-user .image{
	position:absolute;
	overflow:hidden;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	top:10px;
	left:10px;
}
.base-followers .fe-users .fe-user .uname{
	font-weight:500;
	font-size:14px;
	padding-bottom:3px;
}
.base-followers .fe-users .fe-user .uinfo{
	font-size:12px;
 color:#888;
}
.base-followers .fe-users .fe-user:hover{
	background-color: #f9f9f9;
	color:#267cde;
}
.base-followers .fe-users .fe-actions{
	padding:15px 10px;
	position:relative;
}
.base-followers .fe-users .fe-actions .fe-action{
	display:inline-block;
	font-weight:500;
	text-transform:uppercase;
 color:#267cde;
	font-size:11px;
	position:relative;
	padding:7px 13px;
	margin-right:10px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	border:1px solid rgba(0,0,0,0.1);
}
.base-followers.-compact .fe-users .fe-actions, .base-followers.fe-compact .fe-users .fe-actions{
	padding-right:0px;
}
.base-followers.-compact .fe-users .fe-actions .fe-action, .base-followers.fe-compact .fe-users .fe-actions .fe-action{
	padding:6px 10px;
	margin-right:4px;
	margin-left:0px;
	height:auto;
}
.base-followers.-compact .fe-users .fe-actions .fe-action:last-child, .base-followers.fe-compact .fe-users .fe-actions .fe-action:last-child{
	margin:0;
}
.base-followers .fe-users .fe-actions .fe-action:hover{
	background-color: #267cde;
	color:#fff;
}
.base-followers .ap-inline-tagger-wrap.activated .ap-inline-tagger{
	margin-top:2px;
	margin-left:0px;
}
.base-followers.-with-icon{
	padding-left:20px;
	position:relative;
}
.base-followers.-with-icon > .base-icon{
	position:absolute;
	top:1px;
	left:0px;
}
.base-followers.-inline{
	color:#888;
}
.base-followers.-inline .fe-users{
	margin:0;
}
.base-followers.-inline .fe-users .fe-user{
	padding:0;
}
.base-followers.-inline .fe-users .fe-user .uname{
	font-weight:normal;
 color:#333;
	font-size:13px;
}
.base-followers.-inline .fe-users .fe-user:hover{
	text-decoration:underline;
	background-color: transparent;
}
.base-followers.-inline .fe-users .fe-user:hover .uname{
	color:#267cde;
}
.base-followers.-inline .fe-users .fe-actions{
	padding:0;
	padding-left:6px;
}
.base-followers.-inline .fe-users .fe-actions .fe-action{
	padding:0 2px;
	border:none;
	color:#999;
	font-weight:normal;
	font-size:13px;
	text-transform:none;
}
.base-followers.-inline .fe-users .fe-actions .fe-action:hover{
	background-color: transparent;
	color:#267cde;
	text-decoration:underline;
}
.base-followers.-compact .fe-users{
	margin:0;
	padding-left:6px;
}
.base-followers.-compact .fe-users .fe-avatar{
	float:left;
	position:relative;
	margin-left:-6px;
}
.base-followers.-compact .fe-users .fe-avatar:after{
	position:absolute;
	left:-1px;
	top:-1px;
	bottom:-1px;
	right:-1px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:3px solid #fff;
	content:"";
}
.base-followers.-compact .fe-users{
	height:auto !important;
}
.base-followers.-compact .fe-users .fe-actions{
	clear:both;
	padding-left:0px;
	margin-left:-6px;
	float:none !important;
} 
.base-followers.-compact .fe-users .fe-actions:after{
	clear:both;
	content:"";
	display:block;
}
.base-followers.-darkmode .fe-users .fe-user{
}
.base-followers.-darkmode .fe-users .fe-user .uinfo{
	color: rgba(255,255,255,0.5);
}
.base-followers.-darkmode .fe-users .fe-user:hover{
	background: rgba(0,0,0,0.2);
	color:#fff;
}
.base-followers.-darkmode .fe-users .fe-actions .fe-action{
	border:none !important;
	background: rgba(255,255,255,0.2);
	color: rgba(255,255,255,0.8);
}


.__customdialog.-baseui-fit .__dialogcontent{
	padding:0;
}
.baseui-dialog{
}
.baseui-dialog .bd-header{
	border-bottom:1px solid #eee;
	padding:16px 20px;
	position:relative;
}
.baseui-dialog .bd-header .bd-title{
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
}
.baseui-dialog .bd-header .bd-close{
	position:absolute;
	cursor:pointer;
	font-size:16px;
	right:10px;
	top:10px;
	padding:6px 7px;
}
.baseui-dialog .bd-header .bd-close:hover{
	color:#c34343;
}
.baseui-dialog .bd-header.-fill{
	background-color: #1663ba;
	color: rgba(255,255,255,0.85);
	border:none;
}
.baseui-dialog .bd-body{
	padding:20px;
}
.baseui-dialog.-fit .bd-body{
	position:relative;
	overflow:hidden;
	padding:0px;
}
.baseui-dialog .base-list.-borderless .list-footer{
	border-top:1px solid #eee;
	margin-top:15px;
}
.baseui-dialog.-gray{
	background-color: #f6f6f6;
}
.baseui-dialog.-gray .bd-header{
	border:none;
	padding:20px;
}
.baseui-dialog.-gray .bd-body{
	padding:5px 20px;
}


/* File does not exists: [PRIVATE FILE] */



.base-esign-canvas{
}
.base-esign-canvas .base-esign-files{
}
.base-esign-canvas .base-esign-files .be-file{
	position:relative;
	padding:10px 100px 10px 50px;
	border-bottom:1px solid #eee;
}
.base-esign-canvas .base-esign-files .be-file .file-icon{
	position:absolute;
	font-size:16px;
	left:12px;
	top:20px;
}
.base-esign-canvas .base-esign-files .be-file .file-icon img{
	width:16px;
	height:16px;
}
.base-esign-canvas .base-esign-files .be-file .completion{
	position:absolute;
	left:0px;
	top:10px;
}
.base-esign-canvas .base-esign-files .be-file .base-title{
	font-size:14px;
	font-weight:500;
}
.base-esign-canvas .base-esign-files .be-file .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
@media only screen and (max-width: 1440px) {
	.base-esign-canvas .base-esign-files .be-file .base-info{
	font-size:13px;
 color:#999;
 padding-top:4px;
 align-items: center;
 gap: 4px;
 max-width: 75%;
 display: block !important;
	}
	.base-esign-canvas .base-esign-files .be-file .base-info .status-tag {
 position: relative;
 margin-top: 2px;
 width: fit-content;
 display: block !important;
 margin-left: 0px !important;
	}
}
.base-esign-canvas .base-esign-files .be-file .base-info{
	font-size:13px;
 color:#999;
	padding-top:4px;
	align-items: center;
	display: flex;
	gap: 4px
}
.base-esign-canvas .base-esign-files .be-file .base-info .status-tag {
	display:inline-block;
	position: relative;
	margin-left: 5px
}
.base-esign-canvas .base-esign-files .be-file .base-side{
	position:absolute;
	right:0px;
	top:13px;
}
.base-esign-canvas .base-esign-files .be-file .base-side .-cmenu{
	right:0px;
}
.base-esign-canvas .base-esign-files .be-file .base-side > div{
	float:left;
	margin-left:10px;
}
.base-esign-canvas .base-esign-files .be-file .be-signers{
	padding-top:4px;
}
.base-esign-canvas .base-esign-files .be-file .be-signers .be-signer{
	float:left;
	position:relative;
	margin-right:3px;
}
.base-esign-canvas .base-esign-files .be-file .be-signers .be-signer.-signed:after{
	font-family:FontAwesome; content:"\f058";
	position:absolute;
 color:#42b814;
	font-size:14px;
	right:-4px;
	bottom:-7px;
}
.base-esign-canvas .base-esign-files .be-file .be-signers .be-signer.-rejected:after{
	font-family:FontAwesome; content:"\f057";
	position:absolute;
 color:#c34343;
	font-size:14px;
	right:-4px;
	bottom:-7px;
}
.base-esign-canvas .base-esign-files .be-file .base-info .text-box {
	display: inline-block;
	vertical-align: middle;
	border-radius: 20px;
	padding: 2px 8px;
}
.base-esign-canvas .be-button .base-action{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:36px;
}
.base-esign-canvas .be-button .base-action .-icon{
	top:13px;
}
.base-esign-canvas .be-button .base-action:hover{
	text-decoration:underline;
 color:#267cde;
}
.esign-all .esa-side{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	position:relative;
	width:220px;
	border-right:1px solid rgba(0,0,0,0.1);
	background-color: #f3f3f3;
}
.esign-all .esa-side .title{
	font-weight:500;
	font-size:18px;
	padding:15px 20px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.esign-all .esa-side .esa-slide{
	position:absolute;
	top:53px;
	left:0px;
	right:0px;
	bottom:0px;
}
.esign-all .esa-side .base-list .list-item{
	border:none;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.esign-all .esa-side .base-list .list-item:hover{
	background-color: #f3f3f3;
}
.esign-all .esa-side .base-list .list-item.active{
	color:#267cde;
	background-color: #fff;
}
.esign-all .esa-side .base-list .list-item.active:after{
	position:absolute;
	right:-1px;
	top:0px;
	bottom:0px;
	width:2px;
	background-color: #fff;
	content:"";
}
.esign-all .esa-main{
	margin-left:220px;
	position:relative;
}
.esign-all .esa-main .esa-embed{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.-is-mobile .esign-all .esa-side{
	display:none;
}
.-is-mobile .esign-all .esa-main{
	margin-left:0px;
}
.signers-wrapper {
	border-radius: 8px;
	background-color: #f7f7f7;
	padding: 0px 10px 10px 10px;
	max-height: 420px;
	overflow: auto;
	scrollbar-width: thin;
}
.signer-header {
	display: flex;
	padding: 10px;
	font-size: 13px;
	font-weight: 500;
	color: #333;
 background-color: #f7f7f7;
}
.signer-header .label {
	width: 50%;
}
.signers-wrapper .signer-row {
	border-radius: 8px;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
}
.signers-wrapper .signer-row .base-icon {
	right: 6px;
	top: 19px;
}
.signers-wrapper .signer-row .base-icon.hide-confirmers {
	right: 15px;
	top: 19px;
}
.signers-wrapper .signer-row .signer {
	width: 50%;
}
.signers-wrapper .signer-row .confirmers {
	width: 50%;
}
.signers-wrapper .signer-row input{
	width: 96%;
}
.signers-wrapper .signer-row .confirmer-row {
	margin-bottom: 10px;
	position: relative;
}
#js-signers input[type=number]::-webkit-outer-spin-button { 
 -webkit-appearance: none !important;
 -moz-appearance: none !important;
 appearance: none !important;
 margin: 0 !important;
}
/* eContract */
.signers-wrapper.-econtract {
	overflow: visible;
	max-height: none;
}
/* eContract signer grid — first column must not use `.signer { width: 50% }` from default esign rows */
.econtract-signers-layout .econtract-signer-header,
.signers-wrapper.-econtract .signer-row {
	display: grid;
	grid-template-columns: 1.6fr 1.6fr 1.2fr 1.2fr 1.3fr 32px;
	gap: 10px;
}
.econtract-signers-layout .econtract-signer-header {
	align-items: end;
}
.signers-wrapper.-econtract .signer-row {
	align-items: start;
}
.econtract-signers-layout .econtract-signer-header .label {
	width: auto;
	min-width: 0;
}
.signers-wrapper.-econtract .signer-row > .econtract-cell,
.signers-wrapper.-econtract .signer-row > .signer.econtract-cell {
	width: auto;
	min-width: 0;
}
.signers-wrapper.-econtract .signer-row .input.data,
.signers-wrapper.-econtract .signer-row .fr-input {
	width: 100%;
	box-sizing: border-box;
}
.signers-wrapper.-econtract .signer-row input {
	width: 100%;
	box-sizing: border-box;
}
.signers-wrapper.-econtract .signer-row .base-icon.econtract-remove {
	position:absolute;
	top: 20px;
	right: 10px;
}
.signers-wrapper.-econtract .signer-row .econtract-signer-username-sub {
	display: none;
	font-size: 11px;
	color: var(--clr-text-alt1, #888);
	margin-top: 4px;
	line-height: 1.25;
	word-break: break-all;
}
/* eContract signer row */
.econtract-signer-row {
	position:relative;
	display:block;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 12px 50px 12px 14px;
	margin-bottom: 8px;
}
.econtract-signer-row .-row2 {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr;
	gap: 10px;
	align-items: start;
}
.econtract-signer-row .-field-label {
	display:block;
	font-size:11px;
 color:#888;
	text-transform:uppercase;
	letter-spacing: 0.4px;
	margin-bottom: 8px;
}
.econtract-signer-row .-cell {
	min-width: 0;
}
.econtract-signer-row .-cell .fr-input {
	padding-top: 0;
	margin-top: 0;
}
.econtract-signer-row .-cell .improve-select {
	margin-top: 0;
}
.econtract-signer-row .-cell form-input {
	display:block;
	width:100%;
}
/* Self-style inputs: the framework only styles inputs under .base-form-row (form/layout.css), but this editor can be hosted outside one (a Form.v2 html row or cross-app modal), so mirror that rule here. */
.econtract-signer-row .fr-input input,
.econtract-signer-row .fr-input textarea,
.econtract-signer-row .fr-input select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	border:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 10px;
	font-size:14px;
}
.econtract-signer-row .-trash {
	position:absolute;
	right: 14px;
	top: 0;
	bottom: 0;
	width: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}
.econtract-signers-editor .-add-actions {
	display: flex;
	gap: 18px;
	align-items: center;
}
.econtract-signers-editor .-add-actions .add {
	cursor:pointer;
}
/* ---- External flag badge — hidden on internal rows ----------------------- */
.econtract-signer-row .-ext-flag {
	display:none;
}
.econtract-signer-row.-signer-external {
	border-color: #f0c58a;
}
.econtract-signer-row.-signer-external .-ext-flag {
	display:inline-block;
	position:absolute;
	top: -9px;
	left: 12px;
	padding: 1px 8px;
	border-radius: 3px;
	font-size:11px;
 color:#fff;
	background-color: #e08a2e;
}
/* Internal row grid: top fields and expanded detail fields share the same column tracks. display:contents flattens the -row1/-row2 wrappers so their cells become direct grid items; -row-extra spans the full width. Track count differs per provider; the detail sub-grid below matches FPT's 3-column template. */
.econtract-signer-row.-signer-internal {
	display: grid;
	gap: 10px;
	align-items: start;
}
.fptecontract-signer-row.-signer-internal {
	grid-template-columns: 1.8fr 1.5fr 1.1fr 1.3fr; /* signer · party · role · cert */
}
.vnptecontract-signer-row.-signer-internal {
	grid-template-columns: 2fr 2fr 1.3fr; /* signer · party · method (account moved to details) */
}
.econtract-signer-row.-signer-internal .-row1,
.econtract-signer-row.-signer-internal .-row2 {
	display: contents;
}
/* The identity extra takes its own full-width line under the top row. */
.econtract-signer-row.-signer-internal .-row-extra {
	grid-column: 1 / -1;
}
/* Nothing tagged yet → no summary line at all (clean single-line row). */
.econtract-signer-row.-signer-internal:not(.-resolved):not(.-editing) .-row-extra {
	display:none;
}
/* Summary: one muted subtitle line with a small inline Edit link, shown when a user is tagged and not editing. */
.econtract-signer-row .-signer-summary {
	display:none;
	align-items: baseline;
	gap: 10px;
	color:#888;
	font-size:13px;
}
.econtract-signer-row.-signer-internal.-resolved:not(.-editing) .-signer-summary {
	display: flex;
}
.econtract-signer-row .-signer-summary .-sm-text {
	min-width: 0;
}
.econtract-signer-row .-signer-summary .-sm-edit {
	flex: 0 0 auto;
	cursor:pointer;
	font-size:12px;
}
/* Editable details — revealed by Edit (open-and-forget, no collapse). */
.econtract-signer-row .-signer-details {
	display:none;
}
.econtract-signer-row.-signer-internal.-editing .-signer-details {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr;
	gap: 10px;
	align-items: start;
}
/* VNPT details: name · email · phone · internal account all share one row. */
.vnptecontract-signer-row.-signer-internal.-editing .-signer-details {
	grid-template-columns: 2fr 2fr 1fr 2fr;
}
/* ---- External row: identity typed inline on -row1 ------------------------ */
.econtract-signer-row.-signer-external .-row1 {
	display: grid;
	grid-template-columns: 2fr 2fr 1fr;
	gap: 10px;
	align-items: start;
	margin-bottom: 10px;
}


.base-logs{
	position:relative;
}
.base-logs .base-log{
	padding:13px 0 13px 160px;
	position:relative;
}
.base-logs .base-log .-bl-date{
	position:absolute;
	font-weight:500;
	left:0px;
	top:21px;
	width:90px;
}
.base-logs .base-log:before{
	position:absolute;
	left:90px;
	top:0px;
	bottom:0px;
	width:2px;
	background-color: #eee;
	content:"";
}
.base-logs .base-log .-bl-dot{
	position:absolute;
	left:84px;
	top:20px;
	width:6px;
	height:6px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:4px solid #fff;
	background-color: #eee;
}
.base-logs .base-log .-bl-icon{
	position:absolute;
	left:115px;
	top:13px;
}
.base-logs .base-log .-bl-icon .base-iconbox.-edge > .-bi{
	background:transparent !important;
	padding-top:4px;
}
.base-logs .base-log .-bl-message{
	font-size:14px;
}
.base-logs .base-log .-bl-message .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-logs .base-log.-no-icon{
	padding-left:110px;
}
.base-logs .base-log .-bl-info{
	font-size:12px;
 color:#999;
	padding-top:6px;
}
.base-logs .base-log .-bl-info .base-icon-inline{
	height:12px;
	width:14px;
	margin-left:4px;
}
.base-logs .base-log .-bl-info .base-special-tag{
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	font-size:10px;
	background:transparent !important;
}
.base-logs .base-log .-bl-info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-logs .base-log.-compact{
	padding-left:85px;
}
.base-logs .base-log.-compact:before{
	left:60px;
}
.base-logs .base-log.-compact .-bl-dot{
	left:54px;
}
.base-logs .base-log.-compact .-bl-date{
	top:14px;
}
.base-logs .base-log.-compact .-bl-date em{
	display:block;
 color:#999;
	font-weight:normal;
	padding-top:5px;
}
.base-logs .base-log.-compact .-bl-info .base-icon-inline{
	display:none;
}
#post-edits .base-log .-bl-message .url:hover{
	color: #0f0f0f;
	text-decoration: none !important;
}
#comment-edits .base-log .-bl-message .url:hover{
	color: #0f0f0f;
	text-decoration: none !important;
}


.mt-canvas{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow:hidden;
}
.mt-canvas .mt-form{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index:999;
	background-color: #fff;
}
.mt-canvas .mt-form .textarea{
	position:relative;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.mt-canvas .mt-form textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.mt-canvas .mt-form textarea{
	font-size:13px;
 color:#111;
	padding:10px 50px 10px 10px;
	height:40px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.mt-canvas .mt-form textarea:active, .mt-canvas .mt-form textarea:focus{
	background-color: #ffffee;
}
.mt-canvas .mt-form .actions{
	position:absolute;
	top:1px;
	right:20px;
	z-index:100;
}
.mt-canvas .mt-form .actions .action{
	position:relative;
	float:left;
	font-size:16px;
 color:#ccc;
	cursor:pointer;
	padding:6px 4px;
}
.mt-canvas .mt-form .actions .action.-submit .txt{
	color:#42b814;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
}
.mt-canvas .mt-form .actions .action > div{
	margin-top:2px;
	font-size:20px;
	text-align:center;
}
.mt-canvas .mt-messages{
	position:absolute;
	top:50px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index:100;
}
.mt-canvas .mt-messages .messages{
	padding:0 15px;
}
.mt-canvas .message{
	padding:8px 0;
	position:relative;
}
.mt-canvas .message .avatar{
	position:absolute;
	overflow:hidden;
	top:8px;
	left:0px;
	width:24px;
	height:24px;
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
}
.mt-canvas .message .avatar img{
	width:24px;
	height:24px;
}
.mt-canvas .message .avatar img{
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	display:block;
}
.mt-canvas .message .text{
	margin-left:40px;
}
.mt-canvas .message .text .user{
	padding-bottom:4px;
	color:#888;
	font-size:11px;
}
.mt-canvas .message .text .user b{
	color:#1157a5;
	font-weight:500;
}
.mt-canvas .message .text .content{
	padding:4px 6px;
	font-size:13px;
	position:relative;
	display:inline-block;
	line-height:18px;
	background-color: #f8f8f8;
	-moz-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.02);
 -webkit-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.02);
 box-shadow: 0 2px 1px 0px rgba(0,0,0,0.02);
	border:1px solid rgba(0,0,0,0.05);
	-moz-border-radius: 0 2px 8px 4px;
 -webkit-border-radius: 0 2px 8px 4px;
 border-radius: 0 2px 8px 4px;
	word-break: break-word;
}
.mt-canvas .message .text .content:before{
	width:0px;
	height:0px;
	position:absolute;
	border-right:5px solid #eee;
	border-bottom:8px solid transparent;
	content:"";
	top:-1px;
	left:-5px;
}
.mt-canvas .message .text .content:after{
	width:0px;
	height:0px;
	position:absolute;
	border-right:5px solid #f8f8f8;
	border-bottom:8px solid transparent;
	content:"";
	top:0px;
	left:-4px;
}
.mt-canvas .message .text .content a{
	font-weight:normal;
}
.mt-canvas .message .text .content a:hover{
	text-decoration:underline;
}
.mt-canvas .message .msg-file{
	position:relative;
	padding-left:24px;
}
.mt-canvas .message .msg-file .ficon{
	position:absolute;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
}
.mt-canvas .message .msg-file .ficon img{
	width:16px;
	height:16px;
}
.mt-canvas .message .msg-file .fname{
	color:#267cde;
	padding-bottom:3px;
	display: block; display: -webkit-box;
	max-height: 36px;
	font-size: 13px; line-height: 18px; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
.mt-canvas .message .msg-file .fname .url:hover{
	text-decoration:underline;
}
.mt-canvas .message .msg-file .finfo{
	font-size:11px;
	color: rgba(0,0,0,0.6);
}
.mt-canvas .message.-me .avatar{
	right:0px;
	left:auto;
}
.mt-canvas .message.-me .text{
	margin-right:35px;
	margin-left:15px;
	text-align:right;
}
.mt-canvas .message.-me .user{
}
.mt-canvas .message.-me .text .content{
	background-color: #edf4ff;
	border:none;
	-moz-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05);
	text-align:left;
	color:#0b2347;
}
.mt-canvas .message.-me .text .content:after{
	display:none;
}
.mt-canvas .message.-me .text .content:before{
	right:-5px;
	left:auto;
	border-left:5px solid #edf4ff;
	border-bottom:8px solid transparent;
	border-right:none;
	top:0px;
}
.mt-canvas .message.-compact{
	padding-top:0px;
}
.mt-canvas .message.-compact .avatar, .mt-canvas .message.-compact .user{
	display:none;
}
.mt-canvas .message.-compact .text .content:before{
	display:none;
}
.mt-canvas .message.-compact .text .content:after{
	display:none;
}


.platform-insight{
	padding:20px 0 20px 40px;
	border-bottom:1px solid #eee;
	position:relative;
}
.platform-insight:last-child{
	border:none;
	padding-bottom:5px;
}
.platform-insight .base-icon{
	position:absolute;
	left:0px;
	top:16px;
}
.platform-insight .pi-header{
}
.platform-insight .pi-header .base-title{
	font-size:15px;
	font-weight:500;
}
.platform-insight .pi-header .base-info{
	font-size:13px;
 color:#999;
	padding-top:3px;
}
.platform-insight .api-endpoint{
	padding:13px 15px;
	background-color: #f4f4f4;
	margin-top:13px;
	font-size:14px;
	font-weight:normal;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.platform-insight .api-endpoint .ae{
	position:relative;
	padding-left:110px;
}
.platform-insight .api-endpoint .ae .copy{
	position:absolute;
	font-size:11px;
	font-weight:500;
 color:#888;
	border:1px solid rgba(0,0,0,0.15);
	background: rgba(255,255,255,0.8);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:4px 7px;
	right:-2px;
	top:-2px;
}
.platform-insight .api-endpoint .ae .copy:hover{
	background-color: #fff;
	color:#111;
	border:1px solid rgba(0,0,0,0.25);
}
.platform-insight .api-endpoint .ae.-extra{
	margin-top:15px;
}
.platform-insight .api-endpoint .ae .label{
	position:absolute;
	font-size:11px;
	text-transform:uppercase;
	width:100px;
	padding:4px 0;
	top:-1px;
	left:0px;
	color:#111;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.platform-insight .api-endpoint .ae .label:after{
	font-family:ap; content:"\e111";
	position:absolute;
	font-size:16px;
 color:#aaa;
	right:0px;
	top:3px;
}
.platform-insight .api-endpoint .text-code{
	font-weight:normal;
}
.platform-insight .api-endpoint .text-code b{
	text-decoration:underline;
 color:#ED6334;
}
.platform-insight .pi-params{
	padding:20px 0 0 0;
	position:relative;
}
.platform-insight .pi-params .pip-label{
	font-size:12px;
 color:#999;
	text-transform:uppercase;
}
.platform-insight .pi-params .pip-extra{
	position:absolute;
 color:#aaa;
	font-size:11px;
	right:0px;
	top:20px;
}
.platform-insight .pi-param{
	position:relative;
	font-size:14px;
	padding-top:15px;
	padding-left:110px;
}
.platform-insight .pi-param em{
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#c34343;
	font-style:italic;
}
.platform-insight .pi-param .param{
	position:absolute;
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#D96C6C;
	width:100px;
	top:15px;
	left:0px;
}
.platform-insight .pi-param .accepted{
	padding-top:8px;
}
.platform-insight .pi-param .accepted em{
	text-transform:uppercase;
	font-size:11px;
 color:#aaa;
}
.platform-insight .pi-param .accepted span{
	font-family: Consolas, Courier New, Courier New, monospace;
 color:#D96C6C;
	font-size:13px;
}


.super-editor .super-command{
	position:relative;
}
.super-editor .super-command:before{
	font-family:ap; content:"\f05d";
	position:absolute;
	font-size:16px;
	left:-20px;
	top:10px;
}
.super-editor .super-command input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.super-editor .super-command input{
	padding:10px 0;
	font-size:14px;
}
.super-editor-float-commands{
	display:none;
	position:absolute;
	background-color: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	z-index:9999;
	width:260px;
	max-height:500px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.super-editor-float-commands.-blur{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.super-editor-float-commands .se-commands{
	max-height:330px;
	padding:8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.super-editor-float-commands .se-command{
	position:relative;
	cursor:pointer;
	padding:11px 13px 11px 55px;
	margin-bottom:4px;
}
.super-editor-float-commands .se-command .base-icon{
	position:absolute;
	left:15px;
	top:11px;
}
.super-editor-float-commands .se-command .seco-title{
	font-size:14px;
	font-weight:500;
	padding-bottom:4px;
}
.super-editor-float-commands .se-command .seco-desc{
	font-size:13px;
 color:#999;
}
.super-editor-float-commands .se-command:hover{
	background-color: #f8f8f8;
	color:#267cde;
}
.super-editor-float-commands .se-command.active{
	background-color: #f6f6f6;
	color:#267cde;
}
.ql-bubble .ql-tooltip{
	z-index:100;
}
.super-editor .te-toolbar-section{
	position: fixed;
	top:54px;
	left:250px;
	right:0px;
	height:55px;
	background-color: #fff;
	border:none;
	z-index:100;
	padding:12px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}
.super-editor .-x-focus .te-toolbar-section{
	display:block;
}
.super-editor .se-section .tui-editor-defaultUI .CodeMirror-lines{
	padding:0;
}
.super-editor .tui-editor-defaultUI .te-tab{
	border-right:1px solid rgba(0,0,0,0.1);
}
.super-editor .tui-editor-defaultUI .te-tab button{
	background-color: transparent;
	border:none;
}
.super-editor .se-section .tui-editor-defaultUI{
	border:none;
	margin:0 -20px;
}
.super-editor .se-section .te-mode-switch-section{
	display:none !important;
}
.super-editor .te-md-container .CodeMirror{
	font-size:14px;
}
.super-editor .CodeMirror .CodeMirror-scroll{
	min-height:300px;
}
.super-editor .te-preview{
	display:none;
}
.super-editor .te-md-container .te-preview .tui-editor-contents{
	padding-top:0px;
	font-size:14px;
}
.super-editor .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like{
	padding-bottom:3px;
	padding-top:3px;
}
.super-editor .ql-toolbar.ql-snow{
	display:none;
	position: fixed;
	top:60px;
	left:260px;
	right:0px;
	background-color: #fff;
	border:none;
}
.super-editor .-x-focus .ql-toolbar.ql-snow{
	display:block;
}
.super-editor .ql-toolbar.ql-snow:before{
	position:absolute;
	left:-5px;
	right:0px;
	height:54px;
	top:-5px;
	background-color: #fff;
	content:"";
}
.super-editor .ql-container.ql-snow{
	border:none;
	min-height:300px;
}
.super-editor .ql-editor.ql-blank::before{
	left:0px;
}
.super-editor .ql-container.ql-snow .ql-editor{
	padding:0;
}
.super-editor > .ui-sortable{
	position:relative;
}
.super-editor .se-section{
	padding:0px 0 20px 0;
	margin:5px 0;
	position:relative;
}
.super-editor .se-section > .-se-wrapper{
	position:relative;
}
.super-editor .se-section .ss-side{
	position:absolute;
	left:-45px;
	top:0px;
	bottom:0px;
	width:45px;
	z-index:1;
	cursor:move;
}
.super-editor .se-section .ss-side .base-icon{
	left:16px;
	top:1px;
	color:#aaa;
}
.super-editor .se-section .ss-side .c{
	width:20px;
	height:20px;
	position:absolute;
	top:3px;
	left:-5px;
}
.super-editor .se-section .ss-side .c:before{
	position:absolute;
 color:#aaa;
	font-size:16px;
	font-family:ap; content:"\e10f";
	left:4px;
	top:-1px;
}
.super-editor .se-section .ss-header{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
.super-editor .se-section .ss-header .ss-type em{
	display:none;
	text-transform:uppercase;
	font-weight:500;
	font-size:11px;
	padding-top:3px;
}
.super-editor .se-section .ss-header .base-button-dd{
	position:absolute;
	font-weight:normal;
	right:-50px;
	top:-11px;
	background-color: #fff;
	padding:6px 13px;
}
.super-editor .se-section .ss-header .base-button-dd .-cmenu{
	right:0px;
}
.super-editor .se-section .ss-header .ss-type{
	position:relative;
	overflow:hidden;
}
.super-editor .se-section.-collapsed .ss-content{
	display:none;
}
.super-editor .se-section.-collapsed .ss-side .c:before{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.super-editor .se-section.-collapsed{
	margin-bottom:13px;
}
.super-editor .se-section.-collapsed .ss-header .ss-type em{
	display:inline-block;
 color:#34960d;
}
.super-editor .se-section.-collapsed .ss-header .ss-type em:hover{
	text-decoration:underline;
}
.super-editor .ss-side .c{
	display:none;
}
.super-editor .se-section:hover .c, .super-editor .-collapsed .ss-side .c{
	display:block;
}


.webhook-traces{
	padding:20px 0;
}
.webhook-traces > .-wrapper{
	background-color: #fff;
	margin:auto;
	max-width:800px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
}
.webhook-traces .webhook-trace{
	padding:10px 15px 10px 64px;
	border-bottom:1px solid rgba(0,0,0,0.08);
	position:relative;
}
.webhook-traces .webhook-trace .base-avatar{
	position:absolute;
	top:11px;
	left:20px;
}
.webhook-traces .webhook-trace .base-title{
	font-size:15px;
	padding-bottom:4px;
}
.webhook-traces .webhook-trace .base-info{
	font-size:13px;
 color:#999;
}
.webhook-traces .webhook-trace .base-side{
	position:absolute;
	right:20px;
	top:15px;
}
.webhook-traces .webhook-trace .base-side > div{
	float:left;
	margin-left:10px;
}
.webhook-traces .webhook-trace .base-side .base-special-tag{
	margin-top:4px;
}


#apdialogs #__apdialog_counter-request-form-dx .__dialogmain {
	max-height: 504px;
	width: 800px;
}
#apdialogs #__apdialog_counter-request-form-dx .__dialogmain .__dialogtitlewrap {
	background-color: transparent;
	padding-left: 20px;
	padding-top: 20px;
}
#apdialogs #__apdialog_counter-request-form-dx .__dialogmain .__dialogtitlewrap .__dialogtitle {
	text-transform: none;
	font-size: 20px;
	font-weight: 600;
	color: #242424;
}
#apdialogs #__apdialog_counter-request-form-dx .__dialogmain .__dialogclose {
	top: 18px;
	color: #242424;
	opacity: 0.8;
}
#apdialogs #__apdialog_counter-request-form-dx .__dialogmain .__dialogclose:hover {
	color: #fff;
}
#apdialogs #__apdialog_counter-request-form-dx .__dialogmain .__dialogclose span {
	font-size: 20px;
}
#apdialogs #__apdialog_counter-request-form-dx .__dialogmain .__dialogcontent {
	padding: 10px 20px;
}
#counter-request-form-dx {
	width: auto !important;
}
#counter-request-form .form-rows .row .label {
	color: #5B5B5B;
}
#counter-request-form .form-rows .row:first-child {
	background-color: #F7F7F7;
	padding: 8px;
	border-radius: 8px;
	margin-bottom: 16px;
}
#counter-request-form .form-rows .row:first-child .label {
	color: #242424;
 font-size: 14px;
 font-weight: 600;
 line-height: 20px;
}
#counter-request-form .form-rows .row .input-group .improve-select {
	border: 1px solid #DDDDDD;
	border-radius: 6px;
}
#counter-request-form .form-rows .row .input-group select[name="book_id"] {
	border: 1px solid #DDDDDD;
	border-radius: 6px;
	margin-top: 4px;
	color: #242424;
	font-size: 14px;
	padding: 7px 3px;
}
#counter-request-form .form-rows .row .input-group .improve-select .ap-xdot {
	color: #242424;
}
#counter-request-form .form-rows .row .input-group .improve-select .is-display:after {
	font-size: 18px;
}
#counter-request-form .row.-isfile input[type="file"] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#counter-request-form .row.-isfile .input.data {
	width: fit-content;
}
#counter-request-form .file-upload-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 8px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	background-color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition: background-color 0.2s;
}
#counter-request-form .file-upload-btn:hover {
	background-color: #f9f9f9;
}
#counter-request-form .file-upload-btn span {
	color: #5B5B5B;
}
#counter-request-form .file-upload-btn .add-file-label {
	color: #5B5B5B;
	font-size: 14px;
 font-weight: 600;
 line-height: 20px;
}
#counter-request-form .form-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-bottom: 16px;
}
#counter-request-form .form-buttons .button {
	padding: 8px;
	border: none;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
	width: auto;
}
#counter-request-form .form-buttons .button.cancel {
	background-color: #fff;
	color: #5B5B5B;
	border: 1px solid #DDDDDD;
	order: 1;
}
#counter-request-form .form-buttons .button.cancel:hover {
	background-color: #e0e0e0;
}
#counter-request-form .form-buttons .button.ok {
	background-color: #0BAD57;
	color: #fff;
	order: 2;
}
#counter-request-form .form-buttons .button.ok:hover {
	background-color: #218838;
}
#counter-request-form #file-list-container {
	width: 33%;
	margin-top: 12px;
}
#counter-request-form #file-list-container .file-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #e9ecef;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 14px;
}
#counter-request-form #file-list-container .file-name {
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 10px;
}
#counter-request-form #file-list-container .remove-file {
	cursor: pointer;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}
#counter-request-form #file-list-container .remove-file:hover {
	color: #000;
}


.table-filter{
	position:relative;
}
.table-filter:before{
	font-family:ap; content:"\f162";
	font-size:14px;
 color:#888;
	position:absolute;
	left:0px;
	top:10px;
}
.table-filter input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.table-filter input{
	padding:10px 0 10px 30px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-bottom:2px;
}
.cell .cell-actions{
	float:right;
}
.cell .cell-actions > div{
	float:left;
}
.cell .base-none{
	color:#888;
}
td.-fit > .cell > div{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-table td.-stroked .cell{
	border-left:1px solid rgba(0,0,0,0.05);
	padding-right:15px;
}
.base-table td.-stroked .cell .cell-actions{
	padding:0;
}
.cell .-cell-x{
	position:relative;
}
.cell .-cell-x.-pavatar{
	padding-left:28px;
}
.cell .-cell-x .base-avatar{
	width:20px;
	height:20px;
	position:absolute;
	top:-4px;
	left:0px;
}
.cell .-cell-x.-picon{
	padding-left:24px;
}
.cell .-cell-x .base-icon{
	width:16px;
	height:16px;
	position:absolute;
	top:-1px;
	left:0px;
}


.table-lite table{
	width:100%;
}
.table-lite td{
	position:relative;
	text-align:left;
	border-bottom:1px solid #eee;
}
.table-lite td .cell, .table-lite td .cell-lead{
	padding:10px 10px;
}
.table-lite thead td{
	border-bottom:1px solid #ddd;
}
.table-lite .cell{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.table-lite .cell > .base-dot{
	margin-top:2px;
}
.table-lite .cell.-align{
	padding-top:15px;
}
.table-lite .cell .-cmenu{
	right:0px;
	top:32px;
}
.table-lite td .cell.-first, .table-lite th .cell.-first{
	padding-left:0px;
}
.table-lite td .cell.-last, .table-lite th .cell.-last{
	padding-right:0px;
}
.table-lite thead .cell, .table-lite thead .cell-lead{
	padding:6px 10px;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
 color:#aaa;
}
.table-lite .ui-sortable-placeholder, .table-lite .ui-sortable-placeholder td{
	min-height:50px;
	height:50px;
	background-color: #ffffee;
}
.table-lite .ui-sortable-helper{
	display: table !important;
	background-color: #ffffee;
	border-bottom:1px solid rgba(0,0,0,0.1);
	height:50px;
}
.table-lite .ui-sortable-helper td{
	height:50px;
	display:table-cell;
	overflow:hidden;
}
.table-lite .ui-sortable-helper td .cell{
	display:none;
}


.table-compact table{
	width:100%;
	font-size:13px;
}
.table-compact td{
	position:relative;
	text-align:left;
	border-bottom:1px solid #eee;
}
.table-compact td .cell, .table-compact td .cell-lead{
	padding:10px 10px;
}
.table-compact thead td{
	border-bottom:1px solid #ddd;
}
.table-compact .cell{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.table-compact .cell > .base-dot{
	margin-top:2px;
}
.table-compact .cell.-align{
	padding-top:15px;
}
.table-compact .cell .-cmenu{
	right:0px;
	top:32px;
}
.table-compact td .cell.-first, .table-compact th .cell.-first{
	padding-left:0px;
}
.table-compact td .cell.-last, .table-compact th .cell.-last{
	padding-right:0px;
}
.table-compact thead .cell, .table-compact thead .cell-lead{
	padding:10px 10px;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
 color:#42b814;
}
.table-compact .cell .cell-actions{
	margin-top:-6px;
}
.table-compact .ui-sortable-placeholder, .table-compact .ui-sortable-placeholder td{
	min-height:50px;
	height:50px;
	background-color: #ffffee;
}
.table-compact .ui-sortable-helper{
	display: table !important;
	background-color: #ffffee;
	border-bottom:1px solid rgba(0,0,0,0.1);
	height:50px;
}
.table-compact .ui-sortable-helper td{
	height:50px;
	display:table-cell;
	overflow:hidden;
}
.table-compact .ui-sortable-helper td .cell{
	display:none;
}


.base-table{
}
.base-table table{
	width:100%;
}
.base-table thead.-gray{
	background-color: #fafafa;
}
.base-table thead td{
	border-bottom:1px solid rgba(0,0,0,0.08);
	font-weight:normal;
 color:#42b814;
	font-size:15px;
	position:relative;
	font-weight:500;
	text-align:left;
}
.base-table thead .cell{
	padding:11px 0px 11px 20px;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-table thead .cell-lead{
	padding:11px 0px 11px 20px;
	position:relative;
}
.base-table thead.-sm td .cell, .base-table thead.-sm td .cell-lead{
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	text-transform:uppercase;
}
.base-table thead th.tablesorter-header{
	cursor:pointer;
}
.base-table thead th.tablesorter-header:hover{
	background: rgba(255,255,255,0.5);
}
.base-table thead th.tablesorter-header:before{
	font-family:FontAwesome; content:"\f0dc";
	font-size:10px;
	position:absolute;
	font-weight:normal;
	right:8px;
	top:15px;
}
.base-table thead th.tablesorter-header.sorter-false:before{
	display:none;
}
.base-table thead th.tablesorter-header.tablesorter-headerAsc:before{
	font-family:FontAwesome; content:"\f0dd";
	top:13px;
}
.base-table thead th.tablesorter-header.tablesorter-headerDesc:before{
	font-family:FontAwesome; content:"\f0de";
	top:17px;
}
.base-table thead th.tablesorter-header.tablesorter-headerAsc, .base-table thead th.tablesorter-header.tablesorter-headerDesc{
	background-color: #fff;
	color:#111;
}
.base-table tbody tr.highlight{
	background-color: #ffffdd;
	overflow:hidden;
	position:relative;
}
.base-table tbody td{
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.1);
	vertical-align:top;
}
.base-table tbody td.-bd{
	border-left:1px solid rgba(0,0,0,0.05);
}
.base-table tbody .cell{
	padding:13px 0px 13px 20px;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-table tbody .cell.-align{
	padding-top:18px;
}
.base-table tbody .cell .cell-actions{
	padding-right:20px;
}
.base-table tbody .cell .cell-actions > .base-actions, .base-table tbody .cell .cell-actions > .base-button-dd, .base-table tbody .cell .cell-actions > .base-action, .base-table tbody .cell .cell-actions > .base-button{
	float:right;
}
.base-table tbody .cell .cell-actions .-cmenu{
	right:0px;
}
.base-table tbody .cell-lead{
	padding:13px 10px 13px 20px;
	position:relative;
}
.base-table tbody .cell-lead{
	position:relative;
}
.base-table tbody .cell-lead .code{
	position:absolute;
	font-size:11px;
	text-transform:uppercase;
	font-weight:500;
	background-color: #f6f6f6;
	border:1px solid #eee;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:2px 4px;
	margin-left:6px;
	right:0px;
	top:1px;
} 
.base-table tbody .cell-lead > .base-title{
	font-size:15px;
}
.base-table tbody .cell-lead .info, .base-table tbody .cell-lead > .base-info{
	font-size:12px;
 color:#999;
	padding-top:3px;
}
.base-table .cell-lead .info.-fit{
	position:absolute;
	left:43px;
	right:0px;
}
.base-table .base-block.-picon{
	padding-left:26px;
}
.base-table .cell .text-index{
	padding-top:1px;
}
.base-table .cell .base-bc, .base-table .cell-lead .base-bc{
	padding-top:4px;
}
.base-table .cell ul{
	margin-left:18px;
	position:absolute;
 color:#555;
	width:90%;
}
.base-table .cell ul li{
	list-style-type:square;
	font-size:13px;
}
.base-table .cell ul li .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-table .ul{
	margin-left:22px;
	position:absolute;
 color:#555;
}
.base-table .ul .li{
	font-size:13px;
	position:relative;
	padding:0px 0 8px 0;
}
.base-table .ul .li:last-child{
	padding-bottom:0px;
}
.base-table .ul .li:after{
	content:"\2714";
	color:#267cde;
	position:absolute;
	font-size:13px;
	font-weight:500;
	top:-2px;
	left:-22px;
}
.base-table .cell .ul .li .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-table .base-block .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-table tbody .cell .ui-sortable-handle{
	cursor:move;
}
.base-table .tgroup .main{
}
.base-table td.tgroup{
	color:#999;
	position:relative;
	border-bottom:1px solid #e8e8e8;
	background-color: #f4f4f4;
}
.base-table .tgroup .main{
	padding:2px 20px;
	position:relative;
}
.base-table .tgroup .main .name{
	float:left;
	position:relative;
	padding-left:40px;
}
.base-table .tgroup .main .name .triangle{
	position:absolute;
	font-size:14px;
	cursor:pointer;
	top:5px;
	left:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.base-table .tgroup .main .name .triangle.collapsed{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.base-table .tgroup .main .name .title{
	font-size:12px;
	text-transform:uppercase;
	font-weight:500;
 color:#42b814;
	padding:8px 0;
}
.base-table .tgroup .main .name .url:hover{
	text-decoration:underline;
}
.base-table .tgroup .side{
	position:absolute;
	right:20px;
	top:6px;
	display:none;
}
.base-table .tgroup .side .action{
	padding:4px 0;
	cursor:pointer;
	font-weight:500;
	font-size:11px;
	text-transform:uppercase;
}
.base-table .tgroup .side .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-table .tgroup .status{
	margin-left:30px;
}
.base-table .tgroup .cta{
	margin-left:15px;
	padding:2px 16px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
 color:#42b814;
	cursor:pointer;
}
.base-table .tgroup .cta:hover{
	text-decoration:underline;
}
.base-table .tgroup:hover .side{
	display:block;
}
.base-table tbody.complex{
	border-top:10px solid #fff;
}
.base-table .ui-sortable-placeholder, .base-table .ui-sortable-placeholder td{
	min-height:50px;
	height:50px;
	background-color: #fff;
}
.base-table .ui-sortable-helper{
	display: table !important;
	background-color: #ffffee;
	border-bottom:1px solid rgba(0,0,0,0.1);
	height:50px;
}
.base-table .ui-sortable-helper td{
	height:50px;
	display:table-cell;
	overflow:hidden;
}
.base-table .ui-sortable-helper td .cell{
	display:none;
}
.base-table .cell-lead .base-abs .base-icon-stat{
	float:left;
	margin-left:13px;
}
.cell .base-label.-lg{
	font-size:14px;
}
.base-table tr.over-limit{
	display:none;
}
.base-table tr.over-limit.over-limit-accepted{
	display:table-row;
}
.base-table-wrapper .over-limit-footer{
	border-top:1px solid #eee;
	padding-top:13px;
}
.base-table-wrapper .over-limit-footer span{
	cursor:pointer;
 color:#888;
}
.base-table-wrapper .over-limit-footer span:hover{
	color:#267cde;
	text-decoration:underline;
}


.super-tree{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.super-tree .tree-controls{
	position:absolute;
	right:15px;
	top:15px;
	z-index:1000;
}
.super-tree .tree-controls > div{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:10px;
	height:33px;
	background: rgba(255,255,255,0.5);
}
.super-tree .tree-controls .base-buttons{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.super-tree .tree-controls .base-buttons .base-button{
	float:left;
	border:none;
	border-right:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
.super-tree .tree-controls .base-buttons .base-button:last-child{
	border:none;
}
.super-tree .dragger{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:grab;
}
.super-tree .tree-viewport{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.super-tree .tree-canvas{
	position:absolute;
	top:0px;
	left:0px;
}
.super-tree .tree-nodes{
	position:absolute;
	top:160px;
	left:0px;
	right:0px;
}
.super-tree .tree-nodes:after{
	position:absolute;
	display:none;
	top:-5px;
	left:50%;
	margin-left:-55px;
	width:10px;
	height:10px;
	background-color: #D96C6C;
	content:"";
	z-index:1000;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.super-tree .tree-master-node{
	position:absolute;
	z-index:101;
	width:100px;
	height:0px;
}
.super-tree .tree-master-node.active{
	background: rgba(0,0,0,0.1);
	height:1000px;
}
.super-tree .tree-node{
	position:absolute;
}
.super-tree .tree-node .tree-ph{
	background-color: #fff;
	width:100%;
	height:100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:2px solid #eee;
	z-index:100;
}
.super-tree .node-connections{
	position:absolute;
	left:0px;
	top:0px;
}
.super-tree .node-connections .nc-hline{
	position:absolute;
	width:2px;
	background: rgba(0,0,0,0.1);
	height:21px;
	top:145px;
}
.super-tree .node-connections .nc-hline .-tl, .super-tree .node-connections .nc-hline .-tr{
	background-color: #f3f3f3;
	width:6px;
	height:6px;
	position:absolute;
	overflow:hidden;
	top:0px;
}
.super-tree .node-connections .nc-hline .-tl{
	left:0px;
}
.super-tree .node-connections .nc-hline .-tr{
	right:0px;
}
.super-tree .node-connections .nc-hline .-tl:before{
	position:absolute;
	top:0px;
	left:0px;
	content:"";
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	width:30px;
	height:30px;
	border-top:2px solid rgba(0,0,0,0.1);
	border-left:2px solid rgba(0,0,0,0.1);
}
.super-tree .node-connections .nc-hline .-tr:before{
	position:absolute;
	top:0px;
	right:0px;
	content:"";
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	width:30px;
	height:30px;
	border-top:2px solid rgba(0,0,0,0.1);
	border-right:2px solid rgba(0,0,0,0.1);
}
.super-tree .node-connections .nc-hline-main{
	position:absolute;
	width:2px;
	top:50px;
	height:95px;
	background: rgba(0,0,0,0.1);
}
.super-tree .node-connections .nc-vline-main{
	position:absolute;
	height:2px;
	background: rgba(0,0,0,0.1);
	top:145px;
}


.sl-item-wrapper{
	position:relative;
	font-weight:normal;
}
.list-ph{
	height:32px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	background-color: #f3f3f3;
	position:relative;
}
.sl-item-wrapper > .-icon{
	position:absolute;
 color:#aaa;
	width:16px;
	height:16px;
	top:13px;
	left:4px;
	cursor:pointer;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	z-index:100;
}
.sl-item-wrapper > .-icon > .-icon-ph{
	width:8px;
	height:8px;
	border:1px solid rgba(0,0,0,0.3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	position:relative;
	-moz-border-radius: 1px;
 -webkit-border-radius: 1px;
 border-radius: 1px;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(45deg); -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
	margin-left:5px;
	margin-top:5px;
}
.sl-item-wrapper.-collapsed > .-icon{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.sl-item-wrapper.-collapsed > .sl-subs{
	display:none;
}
.sl-item-wrapper .sl-item-main, .sl-item-wrapper .sl-item{
	position:relative;
}
.sl-item-wrapper > .sl-item-main{
	padding-left:30px;
	position:relative;
}
.sl-item-wrapper > .sl-r{
	position:absolute;
	display:none;
	left:4px;
	top:45px;
	width:12px;
	border-left:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 0 0 0 4px;
 -webkit-border-radius: 0 0 0 4px;
 border-radius: 0 0 0 4px;
	margin-left:8px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-item-main{
	padding-left:60px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .-icon{
	left:34px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-r{
	left:34px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-item-main{
	padding-left:90px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .-icon{
	left:64px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-r{
	left:64px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-item-main{
	padding-left:120px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .-icon{
	left:94px;
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-r{
	left:94px;
}
.base-super-list-wrapper{
}
.base-super-list-wrapper.-with-arrow .sl-subs{
}
.sl-item-wrapper > .sl-subs > .sl-item-wrapper > .-icon{
}
.base-super-list-wrapper.-with-arrow .sl-subs > .sl-item-wrapper.-last > .sl-item-main .line-h{
	position:absolute;
	display:none;
	left:-49px;
	bottom:16px;
	width:12px;
	height:10000px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-moz-border-radius: 0 0 0 4px;
 -webkit-border-radius: 0 0 0 4px;
 border-radius: 0 0 0 4px;
}
.base-super-list-wrapper.-with-arrow .sl-subs > .sl-item-wrapper.-last > .-icon svg{
	position:relative;
}
.base-super-list-wrapper.-with-arrow .sl-subs > .sl-item-wrapper > .sl-item-main .line-v{
	position:absolute;
	left:-48px;
	top:20px;
	width:12px;
	height:1px;
	background: rgba(0,0,0,0.1);
}
.base-super-list-wrapper.-with-arrow .sl-subs > .sl-item-wrapper.-last > .sl-item-main .line-v{
	display:none;
}


.super-table-canvas, .super-table-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.super-table .row-checkbox{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	width:16px;
	height:16px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.super-table .thead{
	height:30px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	background-color: #f8f8f8;
	position:relative;
}
.super-table .thead .th{
	z-index:90;
	float:left;
	position:relative;
	height:100%;
	background-color: #f8f8f8;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.super-table .thead .th:hover{
	z-index:91;
}
.super-table .super-cell-wrapper.-sticky-left{
	z-index:90;
}
.super-table .thead .th.-sticky-left{
	z-index:100;
}
.super-table .thead .th.-sl:hover{
	z-index:101;
}
.super-table .thead .th.-sticky-left:hover, .super-table .super-cell-wrapper.-sticky-left:hover{
	z-index:110;
}
.super-table .thead .th:after{
	position:absolute;
	background: rgba(0,0,0,0.05);
	top:0px;
	bottom:0px;
	right:0px;
	width:1px;
	content:"";
}
.super-table .thead .th .cell{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.super-table .thead .th .cell .name{
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	position:relative;
	padding:10px 8px 8px 10px;
}
.super-table .thead .th .cell.-has-filter .name{
	padding-right:24px;
}
.super-table .thead .th .cell.-sorted .name{
	padding-left:28px;
}
.super-table .thead .th .cell .exp{
	position:absolute;
 color:#aaa;
	right:10px;
	top:8px;
	opacity: 0; filter: alpha(Opacity:0);
}
.super-table .thead .th .cell:hover .exp{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.super-table .thead .th .cell.-has-filter .exp{
	right:30px;
}
.super-table .thead .th .row-checkbox{
	margin-top:7px;
	margin-left:10px;
}
.super-table .thead .th .sorter{
	position:absolute;
 left:0px;
 top:0px;
 }
.super-table .thead .th .sorter .dd{
	position:relative;
	cursor:pointer;
 color:#999;
	padding:9px 7px;
}
.super-table .thead .th .sorter .dd svg{
	width:14px;
	height:14px;
	fill:#267cde;
}
.super-table .thead .th .filter{
	position:absolute;
	right:0px;
	top:0px;
}
.super-table .thead .th .filter .dd{
	position:relative;
	cursor:pointer;
 color:#999;
	padding:8px 10px;
}
.super-table .thead .th .filter .dd svg{
	width:14px;
	height:14px;
	fill:#aaa;
}
.super-table .thead .th .filter .dd .-ic-icon-svg{
	margin-left:-13px;
}
.super-table .thead .th .filter .dd .-ic-icon-svg svg{
	width:100%;
	height:100%;
}
.super-table .thead .th .filter .opts{
	position:absolute;
	display:none;
	width:160px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15);
	right:0px;
	top:28px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow-x:hidden;
	overflow-y:auto;
}
.super-table .thead .th .filter .opts::-webkit-scrollbar{
	width: 8px;
}
.super-table .thead .th .filter .opts::-webkit-scrollbar-thumb{
	background: #aaa;
}
.super-table .thead .th .filter .opts::-webkit-scrollbar-track{
	background-color: #ddd;
}
.super-table .thead .th .filter .opts::-webkit-scrollbar-track:hover{
	background: rgba(0,0,0,0.2);
}
.super-table .thead .th .filter .opts .-opts-wrapper{
	padding:10px 8px;
}
.super-table .thead .th .filter .opts .-opts-header{
	margin:10px 8px 0px 8px;
}
.super-table .thead .th .filter .opts .-opts-header .base-search{
}
.super-table .thead .th .filter .opts .-opts-header.-with-search{
	border:none;
}
.super-table .thead .th .filter .opts .-opts-title{
	padding-bottom:10px;
	padding-left: 30px;
	font-size:11px;
	text-transform:uppercase;
 color:#999;
	font-weight:500;
	position:relative;
	margin-top:15px;
	border-bottom:2px solid #eee;
}
.super-table .thead .th .filter .opts .-opts-title:before{
	font-family:ap; content:"\f12f";
	position:absolute;
	font-size:16px;
 color:#999;
	left:6px;
	top:-1px;
}
.super-table .thead .th .filter .opts .opt{
	padding:8px 8px 8px 30px;
	position:relative;
	cursor:pointer;
	font-size:13px;
 color:#999;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:2px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.super-table .thead .th .filter .opts .opt:before{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:16px;
	height:16px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	content:"";
	top:7px;
	left:8px;
	background-color: #f8f8f8;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.super-table .thead .th .filter .opts .opt.active{
	color:#111;
}
.super-table .thead .th .filter .opts .opt.active:before{
	background-color: #42b814;
}
.super-table .thead .th .filter .opts .opt.active:after{
	content:"\2714";
	position:absolute;
 color:#fff;
	font-size:11px;
	font-weight:500;
	top:7px;
	left:11px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.super-table .thead .th .filter .opts .opt:hover{
	background-color: #f8f8f8;
}
.super-table .thead .th .filter:hover .opts{
	display:block;
}
.super-table .thead .th .filter:hover .dd{
	color:#111;
}
.super-table .thead .th .cell.-filter-activated{
	background-color: #fff;
}
.super-table .thead .th .cell.-filter-activated .name{
	text-decoration:underline;
	position:relative;
	padding-left:22px;
}
.super-table .thead .th .cell.-filter-activated .name:before{
	font-family:ap; content:"\f05b";
	position:absolute;
	font-size:10px;
 color:#aaa;
	left:10px;
	top:10px;
}
.super-table .colgroups{
	position:absolute;
	top:0px;
	left:0px;
	z-index:99;
}
.super-table .colgroups .colgroup{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f8f8f8;
	height:30px;
	border-right:1px solid rgba(0,0,0,0.1);
}
.super-table .colgroups .colgroup .cg-inner{
	padding:8px 10px 2px 10px;
	text-align:center;
	font-size:15px;
 color:#aaa;
}
.super-table-canvas.-sticky-header .super-table{
	position:relative;
}
.super-table-canvas.-sticky-header .super-table .thead{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
}
.super-table-canvas.-sticky-header .super-table > .tbody{
	padding-top:32px;
}
.super-table-canvas.-multiple-lines .super-table .thead{
	height:60px;
}
.super-table-canvas.-sticky-header.-multiple-lines .super-table > .tbody{
	padding-top:62px;
}
.super-table-canvas.-multiple-lines .super-table .thead .th.-ml .cell{
	padding-top:30px;
}
.super-table-canvas.-multiple-lines .super-table .thead .th.-sl .cell{
} 
.super-table-canvas.-multiple-lines .super-table .thead .base-filter{
	text-transform:none;
	margin-top:6px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	border:none;
	margin-left:-10px;
	margin-right:-8px;
	font-size:12px;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-filter .filter-current{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	font-weight:normal;
 color:#333;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-filter .filter-current .-value{
	color:#111;
	font-weight:500;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-filter:hover{
	border:none;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
	background-color: transparent;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-info{
	text-transform:none;
	padding-top:10px;
	font-weight:normal;
	font-size:13px;
 color:#aaa;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-info em{
	color:#111;
	font-weight:500;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-info .-icon svg{
	width:16px;
	height:16px;
}
.super-table .super-row{
	height:34px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.super-table .super-row.-selected{
	background: rgba(255,255,238,0.6);
}
.super-table .super-row.-selected:before{
	position:absolute;
	left:0px;
	right:0px;
	bottom:-1px;
	top:-1px;
	border:1px solid rgba(38,124,222,0.8);
	border-left:2px solid #1663ba;
	content:"";
}
.super-table .super-row .super-cell-wrapper{
	float:left;
	position:relative;
	height:100%;
	background-color: #fff;
}
.super-table .super-row .super-cell-wrapper:after{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.05);
	content:"";
}
.super-table .super-row .row-checkbox-wrapper{
	padding-top:8px;
	padding-left:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:100%;
}
.super-table .super-cell{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	font-size:13px;
	padding:10px;
}
.super-table .super-cell .-qe.url{
	cursor:text;
}
.super-table .super-cell.-fit .sc-inner{
	height: 17px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.super-table .super-cell.-fit .sc-inner .url{
	position:relative;
	z-index:1;
}
.super-table .super-cell.-lg{
	padding-top:9px;
}
.super-table .super-cell.-lg .sc-inner{
	font-size:14px;
}
.super-table .super-cell.-picon{
	padding-left:33px;
}
.super-table .super-cell.-pavatar{
	padding-left:36px;
}
.super-table .super-cell .-cell-icon{
	position:absolute;
	font-size:16px;
	left:10px;
	top:9px;
}
.super-table .super-cell .-cell-icon .-icon-svg svg{
	width:16px;
	height:16px;
	fill:currentcolor;
}
.super-table .super-cell .-cell-icon .fa-icon{
	display:block;
	font-size:14px;
}
.super-table .super-cell .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.super-table .super-cell .-cell-avatar{
	width:18px;
	height:18px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	position:absolute;
	left:10px;
	top:8px;
}
.super-table .super-cell .-cell-avatar img{
	width:18px;
	height:18px;
}
.super-table .super-cell .cur .unit{
	position:absolute;
	font-size:11px;
 color:#aaa;
	right:10px;
	top:11px;
}
.super-table .super-cell .base-none{
	color:#888;
}
.super-table .base-button-dd .-cmenu{
	right:0px;
}
.super-table .super-cell-wrapper.-editable-cell .super-cell .list-inline .-li-items{
	margin-right:0px;
	margin-left:45px;
}
.super-table .super-cell-wrapper.-editable-cell .super-cell .list-inline .list-item{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.super-table .super-cell-wrapper.-editable-cell .list-inline .-li-main .-li-navs{
	right:auto;
	left:0px;
	display:block;
	z-index:2;
}
.super-table .super-cell-wrapper.-editable-cell:hover .super-cell .list-inline{
	margin-right:16px;
}
.super-table-extra{
	position:relative;
	height:30px;
}
.super-table-extra .st-pagination{
	float:left;
}
.super-table-extra .st-pagination .stp{
	float:left;
	font-size:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
 color:#888;
	height:30px;
	padding:5px 10px;
}
.super-table-extra .st-pagination .stp:hover{
	color:#267cde;
}
.super-table-extra .st-pagination .stp.-right{
	float:right;
}
.super-table-extra .st-pagination .stp-total{
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#888;
	float:left;
	height:30px;
	padding:8px 7px 8px 13px;
	border-left:1px solid rgba(0,0,0,0.06);
}
.super-table-extra .st-pagination .stp-total em{
	color:#111;
}
.super-table-extra .st-pagination .stp-select{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:30px;
	border-right:1px solid rgba(0,0,0,0.06);
	padding-right:10px;
}
.super-table-extra .st-pagination .stp-select select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.super-table-extra .st-pagination .stp-select select{
	padding:7px 7px;
	font-weight:500;
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:30px;
}
.super-table-extra.-es, .super-table-extra.-es .st-pagination .stp-total{
	border:none !important;
}
.super-cell-wrapper .cell-edit{
	position:absolute;
	display:none;
	cursor:pointer;
	right:0px;
	top:2px;
	padding:6px 8px;
	background-color: #fff;
	z-index:1;
}
.super-cell-wrapper .-qe-edit{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.super-cell-wrapper .super-cell.-fillable + .cell-edit{
	background-color: transparent;
}
.super-cell-wrapper .cell-edit svg{
	width:16px;
	height:16px;
	fill:#aaa;
}
.super-cell-wrapper .cell-edit:hover svg{
	fill:#333;
}
.super-cell-wrapper:hover .cell-edit{
	display:block;
}
.super-cell-wrapper .cell-edit .-cmenu{
	left:-10px;
	top:28px;
}
#board-ie{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	z-index:1000;
}
#board-ie .ie{
	position:absolute;
}
#board-ie .ie .dd-scrollbox{
	background-color: #fff;
	-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15);
 -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15);
 box-shadow: 0 2px 10px 0px rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	width:190px;
	position:absolute;
}
#board-ie .ie .dd-scrollbox .ie-filter{
	position:relative;
	border-bottom:2px solid rgba(0,0,0,0.1);
}
#board-ie .ie .dd-scrollbox .ie-filter:before{
	font-family:ap; content:"\f162";
	font-size:14px;
 color:#999;
	position:absolute;
	top:10px;
	left:16px;
}
#board-ie .ie .dd-scrollbox .ie-filter input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#board-ie .ie .dd-scrollbox .ie-filter input{
	padding:10px 10px 10px 38px;
}
#board-ie .ie .dd{
	position:relative;
	max-height:400px;
	padding:10px 8px;
}
#board-ie .ie .dd .opt{
	padding:8px 8px 8px 30px;
	position:relative;
	cursor:pointer;
	font-size:13px;
 color:#999;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:2px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#board-ie .ie .dd .opt:before{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:15px;
	height:15px;
	border:1px solid rgba(0,0,0,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	content:"";
	top:7px;
	left:8px;
	background-color: #fff;
}
#board-ie .ie .dd .opt.-singular:before{
	-moz-border-radius: 9px;
 -webkit-border-radius: 9px;
 border-radius: 9px;
}
#board-ie .ie .dd .opt.-selected{
	color:#111;
	font-weight:500;
}
#board-ie .ie .dd .opt.-selected:after{
	font-family:ap; content:"\e116";
	font-size:14px;
	position:absolute;
 color:#42b814;
	right:10px;
	top:8px;
}
#board-ie .ie .dd .opt.active{
	color:#111;
}
#board-ie .ie .dd .opt.active:before{
	border:1px solid #42b814;
}
#board-ie .ie .dd .opt.active:after{
	content:"\2714";
	position:absolute;
 color:#34960d;
	font-size:11px;
	font-weight:500;
	top:7px;
	left:11px;
}
#board-ie .ie .dd .opt:hover{
	background-color: #f8f8f8;
}
#board-ie .ie .ibox{
	background-color: #fff;
	border:2px solid #267cde;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:-1px;
	margin-top:-1px;
}
#board-ie .ie .ibox textarea{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
#board-ie .ie .ibox textarea{
	padding:8px 10px;
	font-size:14px;
	height:33px;
}
#board-ie .ie .ibox .actions{
	overflow:hidden;
	border-top:1px solid #eee;
	background-color: #fafafa;
}
#board-ie .ie .ibox .actions .action{
	float:left;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	margin-right:15px;
	padding:10px 10px 10px 25px;
}
#board-ie .ie .ibox .actions .action span{
	position:absolute;
	font-size:11px;
	top:8px;
	left:10px;
}
#board-ie .ie .ibox .actions .action.save{
	font-weight:500;
 color:#42b814;
	text-transform:uppercase;
	font-size:11px;
}
#board-ie .ie .ibox .actions .action.cancel{
	font-weight:500;
 color:#999;
	text-transform:uppercase;
	font-size:11px;
}
#board-ie .ie .ibox .actions .action:hover{
	text-decoration:underline;
}
#board-ie .ie-footer{
	padding:8px 15px;
	background-color: #fafafa;
	border-top:1px solid rgba(0,0,0,0.05);
}
#board-ie .ie-footer .url{
	color:#888;
	text-transform:uppercase;
	font-size:11px;
	font-weight:500;
}
#board-ie .ie-footer .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.super-table .super-row.-is-selected .row-checkbox-wrapper{
	background: rgba(38,124,222,0.1);
}
.super-table .super-row.-is-selected .super-cell-wrapper{
	background-color: #fffff3;
}
.super-table .super-row.-is-selected .super-cell-wrapper .cell-edit{
	background-color: #fffff3;
}
.super-table .super-row.-is-selected .row-checkbox{
	border:1px solid rgba(0,0,0,0.1);
	background-color: #42b814;
}
.super-table .super-row.-is-selected .row-checkbox:before{
	content: "\2714";
	position:absolute;
	font-weight:bold;
	font-size:11px;
 color:#fff;
	top:-1px;
	left:2px;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.super-table .thead .row-checkbox.-is-selected{
	border:1px solid rgba(0,0,0,0.1);
	background-color: #42b814;
}
.super-table .thead .row-checkbox.-is-selected:before{
	content: "\2714";
	position:absolute;
	font-weight:bold;
	font-size:11px;
 color:#fff;
	top:-1px;
	left:2px;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}


.kanban-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.kanban-container{
	position:relative;
	padding:20px;
}
.kanban-board{
	position:relative;
	display:none;
}
.kanban-board .kanban-col{
	width:280px;
	float:left;
	margin-right:10px;
	background: rgba(0,0,0,0.05);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
}
.kanban-board .kanban-header{
}
.kanban-board .kanban-body{
	position:relative;
	padding:10px;
}
.kanban-board .kanban-item{
	margin-bottom:10px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}


#ext-records {
	height: 649px;
	position: relative;
}
#ext-records .super-table-canvas {
	padding: 20px;
	position: unset !important;
	height: 609px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#ext-records .super-table-wrapper {
	border: 1px solid rgba(0, 0, 0, .1);
	position: unset !important;
	flex-grow: 1;
}
#ext-records .super-table-extra {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative !important;
	background: unset !important;
	top: unset !important;
}
#ext-records .super-table-extra .base-search input {
	background: #f5f5f5;
	font-size: 13px;
	width: 180px;
}
#ext-records .super-table-extra .base-button {
	border: none;
	background: #f5f5f5;
	color: #888;
}
#ext-records .super-table-extra input {
	border: none !important;
}
#ext-records .super-table .super-row {
	height: 44px;
}
#ext-records .super-table .super-row .super-cell {
	padding: 8px;
}
#ext-records .super-table .super-row .super-cell.-fit .sc-inner{
	height: 36px;
}
#ext-records .super-cell-wrapper .base-files-inline{
 position: relative;
}
#ext-records .super-cell-wrapper .base-files-inline .file{
 margin: 0px;
}
#ext-records .super-cell-wrapper .is-itag{
	display:inline-block;
	font-size:12px;
	padding:3px 4px;
	background: rgba(38,124,222,0.1);
	box-shadow: inset 0 0 0 1px rgba(38,124,222,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-right:4px;
	margin-bottom:2px;
}
.super-table-footer {
	display: flex;
	justify-content: space-between;
}
.super-table-footer .actions {
	display: inline-flex;
	gap: 10px;
}
.super-table-footer .pagination {
	display: inline-flex;
	align-items: center;
}
.super-table-footer .pagination .next,
.super-table-footer .pagination .previous {
	padding: 5px 10px;
	font-size: 16px;
	cursor: pointer;
}
.super-table-footer .pagination .total {
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	padding: 8px 7px 8px 13px;
	font-size: 12px;
}
.super-table-footer .pagination .pager {
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	padding-right: 10px;
}
.super-table-footer .pagination .pager select {
	margin: unset !important;
	border: unset !important;
	padding: 7px 7px;
	font-weight: 500;
	font-size: 12px;
}
.drawer[style*='display: block'] {
	display: flex !important;
	flex-direction: column;
}
.drawer .title {
	height: unset;
	margin: unset;
	padding: 15px 20px;
}
.drawer .base-search input {
	font-size: 13px;
}
.drawer .-cmenu-parent.active .-cmenu {
	display: block;
}
.drawer .drawer-body {
	padding: 15px 20px;
	flex-grow: 1;
}
.drawer .drawer-body .base-form-row {
	padding: 0 0 15px 0;
}
.drawer .drawer-body .base-form-row .icon-close {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 17px;
	width: 17px;
	text-align: center;
	cursor: pointer;
}
.drawer .drawer-actions {
	border-top: 1px solid #eee;
	padding: 15px 20px;
	display: flex;
	gap: 10px;
}
.drawer .drawer-actions .base-button {
	text-align: center;
	flex-grow: 1;
}
.-cmenu.-padding .-item.-is-selected {
	background-color: rgba(38 124 222 / 0.5);
	color: white;
}


.display-obj.-connected{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
}
.display-obj.-connected .section{
	padding:15px 20px;
	border-top:3px solid rgba(0,0,0,0.06);
}
.display-obj.-connected .section .header{
	padding-bottom:0px;
}
.display-obj.-connected .section .header .title{
	font-size:20px;
	font-weight:500;
}
.display-obj .show-more{
	padding:15px 0 15px 0;
	font-size:13px;
 color:#999;
	cursor:pointer;
}
.display-obj .show-more:hover{
	color:#267cde;
	text-decoration:underline;
}


.display-obj-multi{
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.display-obj-multi.-compact{
	max-width:1200px;
	margin:auto;
}
.display-obj-multi > .display-sidebar{
	float:right;
	width:300px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.display-obj-multi > .display-main{
	position:relative;
	margin-right:320px;
}


.display-sidebar .display-sidebar-scroller{
	position:absolute;
	overflow:hidden;
	top:55px;
	left:0px;
	right:0px;
	bottom:0px;
}
.display-sidebar .sidebar-header{
	height:55px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.display-sidebar .section{
	padding:15px 15px;
	border:1px solid rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.05);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	margin-bottom:10px;
}
.display-sidebar .section .header{
	position:relative;
	padding-bottom:12px;
}
.display-sidebar .section .header .title{
	font-size:17px;
	font-weight:500;
}
.display-sidebar .section .header .subtitle{
	font-size:13px;
 color:#888;
	padding-top:4px;
}
.display-sidebar .sub-section{
	border-bottom:1px solid #eee;
	padding-bottom:20px;
}
.display-sidebar .sub-section:last-child{
	border:none;
}
.display-sidebar .sub-section.-borderless{
	border:none !important;
	padding-top:5px;
}
.display-sidebar .sub-section:first-child .ss-header{
	border:none;
	padding-top:0px;
}
.display-sidebar .sub-section .ss-header{
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
 color:#34960d;
	padding:15px 0 15px 0;
}
.display-sidebar .sub-section .base-list .list-item{
	border:none;
}
.display-sidebar .section .base-info-row{
	padding-bottom:4px;
}
.display-sidebar .section .show-more{
	padding:15px 0 5px 0;
	font-size:13px;
 color:#999;
	cursor:pointer;
}
.display-sidebar .section .show-more:hover{
	color:#267cde;
	text-decoration:underline;
}
.display-sidebar .section .d-count{
	color:#999;
}
.display-sidebar .section .display-field{
	padding-bottom:18px;
}
.display-sidebar .section .users{
	padding-top:4px;
}
.display-sidebar .section .users .user{
	padding:10px 0px 5px 40px;
	position:relative;
}
.display-sidebar .section .users .user .avatar{
	position:absolute;
	overflow:hidden;
	border-radius:50%;
	top:10px;
	left:0px;
}
.display-sidebar .section .users .user .name{
	font-size:13px;
	font-weight:500;
}
.display-sidebar .section .users .user .info{
	padding-left:0px;
	padding-top:4px;
	color:#999;
}
.display-sidebar .display-sidebar-header{
	padding:15px 15px 15px 60px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.display-sidebar .display-sidebar-header .base-avatar{
	position:absolute;
	top:10px;
	left:15px;
}
.display-sidebar .display-sidebar-header .base-title{
	font-size:15px;
	font-weight:500;
}
.display-sidebar .display-sidebar-header .base-info{
	font-size:13px;
 color:#888;
	padding-top:4px;
}
.display-sidebar .display-sidebar-header .base-info-row{
	margin-left:-25px;
	padding-bottom:0px;
	margin-top:6px;
}
.display-sidebar .display-sidebar-header .base-info-row .-icon{
	left:-11px;
}
.display-sidebar .display-sidebar-header .base-info-row .-content{
	position:absolute;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	right:0px;
	top:8px;
	max-width:130px;
	text-align:right;
}
.display-sidebar .base-followers.-compact .fe-users{
	padding-left:5px;
	padding-top:10px;
	height:auto;
}
.display-sidebar .base-followers.-compact .fe-users .fe-avatar{
	float:left;
}
.display-sidebar .base-followers.-compact .fe-users .fe-actions{
	clear:both;
	padding-left:0px;
	float:none;
	padding-bottom:0px;
}
.display-sidebar .base-followers.-compact .fe-users .fe-actions:after{
	clear:both;
	display:block;
	height:1px;
	content:"";
}
.display-sidebar .base-followers.-compact .fe-users .fe-actions .fe-action{
	border:none;
	padding:7px 0;
	margin-right:20px;
	margin-left:0px;
	float:left;
}
.display-sidebar .base-followers.-compact .fe-users .fe-actions .fe-action:hover{
	text-decoration:underline;
 color:#267cde;
	background-color: transparent;
}


.display-obj-dx .section{
	padding:15px 20px;
	border-bottom:4px solid rgba(0,0,0,0.05);
	font-size:13px;
}
.display-obj-dx .section:last-child{
	border:none;
}
.display-obj-dx .base-followers .ap-inline-tagger-wrap.activated .ap-inline-tagger{
	margin-left:110px;
	margin-top:-150px;
}
.display-obj-dx .display-cover{
	background-color: #f8f8f8;
	border-bottom:1px solid rgba(0,0,0,0.1);
}


.bfs-dx-layout .display-obj-multi{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	padding:0;
	background-color: #fff;
}
.bfs-dx-layout .display-obj-multi .display-sidebar{
	position:absolute;
	top:0px;
	right:55px;
	bottom:0px;
	width:305px;
}
.bfs-dx-layout .display-main{
	position:absolute;
	background-color: #f3f3f3;
	top:0px;
	left:0px;
	right:360px;
	bottom:0px;
	margin:0;
}
.bfs-dx-layout .display-obj-scroller{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:55px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:20px;
}
.bfs-dx-layout .display-main .display-obj{
	max-width:900px;
	margin:auto;
	padding-bottom:80px;
}
.bfs-dx-layout .display-main .display-obj .section{
	margin-top:20px;
	padding:15px 20px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.bfs-dx-layout .display-main .display-obj .section .header{
	font-size:18px;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
}
.bfs-dx-layout .display-main .display-obj .section .header .subtitle{
	font-size:13px;
 color:#888;
	font-weight:normal;
	padding-top:6px;
}
.bfs-dx-layout .display-main .display-obj .section.compact .header{
	margin-bottom:0px;
	border:none;
}
.bfs-dx-layout .display-main .display-obj .section.flat .header{
	border:none;
	margin-bottom:5px;
}
.bfs-dx-layout .display-main .display-obj .section-connector .section .header{
	border:none;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0px;
}
.bfs-dx-layout .display-main .display-obj .section-connector .section{
	border-bottom:1px solid #eee;
}
.bfs-dx-layout .display-main .display-obj .section-connector .section:first-child{
	border:none;
}
.bfs-dx-layout .display-main .display-obj .section .body > .base-empty-state{
	margin-top:-10px;
}
.bfs-dx-layout .display-header{
	height:55px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.bfs-dx-layout .display-header .-close{
	font-size:20px;
	position:absolute;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	padding:8px 0px;
	top:7px;
	left:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:40px;
	height:40px;
}
.bfs-dx-layout .display-header .-close:hover{
	background: rgba(195,67,67,0.1);
	color:#c34343;
}
.bfs-dx-layout .display-header .title{
	font-size:18px;
	font-weight:500;
	text-align:center;
	padding:13px 50px;
}
.bfs-dx-layout .display-header .base-side{
	position:absolute;
	right:20px;
	top:10px;
}
.bfs-dx-layout .display-obj .body > .display-files .file:first-child{
	padding-top:0px;
}
.bfs-dx-layout .display-controls{
	position:absolute;
	width:55px;
	top:0px;
	bottom:0px;
	right:0px;
	border-left:1px solid rgba(0,0,0,0.1);
	z-index:999;
	background-color: #fff;
}
.bfs-dx-layout .display-controls .area{
	padding:4px 0;
	margin:0 8px;
	border-bottom:1px solid #eee;
	color:#888;
}
.bfs-dx-layout .display-controls .area .icon{
	font-size:20px;
	text-align:center;
	cursor:pointer;
	padding:8px 0;
	height:20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin:10px 0;
}
.bfs-dx-layout .display-controls .area .icon svg{
	width:20px;
	height:20px;
	fill:currentcolor;
}
.bfs-dx-layout .display-controls .area:first-child{
	padding:0;
}
.bfs-dx-layout .display-controls .area:first-child .icon{
	margin:9px 0;
}
.bfs-dx-layout .display-controls .area .icon:hover{
	color:#267cde;
	background: rgba(38,124,222,0.1);
}
.bfs-dx-layout .display-controls .area .icon.-close:hover{
	color:#c34343;
	background: rgba(195,67,67,0.1);
}
.bfs-dx-layout .display-controls .area .icon.active{
	color:#42b814;
	background: rgba(66,184,20,0.1);
}
.bfs-dx-layout .display-main .display-obj .section-connector{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	background-color: #fff;
}
.bfs-dx-layout .display-main .display-obj .section-connector .section{
	margin:0;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
}
.bfs-dx-layout .display-main .display-obj .section-connector .display-cover{
	border-bottom:1px solid #eee;
}
.bfs-dx-layout .display-obj-multi.-fs .display-obj .base-sections.-bs-connected{
	background-color: #fff;
	margin-top:20px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.bfs-dx-layout .display-obj-multi.-fs .display-obj .base-sections.-bs-connected .section{
	margin-top:0px;
	display:none;
}
.bfs-dx-layout .display-obj-multi.-fs .display-obj .base-sections.-bs-connected .tabs{
	padding-left:0px;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	overflow:hidden;
	background-color: transparent;
}
.bfs-dx-layout .display-obj-multi.-fs .display-obj .base-sections.-bs-connected .tabs .tab{
	padding-top:13px;
	padding-bottom:13px;
	font-size:15px;
}
.bfs-dx-layout .display-obj-multi.-fs .display-obj .base-sections.-bs-connected .section.active{
	display:block;
}
.bfs-dx-layout .display-obj-multi.-fs .display-obj .base-sections.-bs-connected .section .header{
	border:none;
	margin-bottom:0px;
}
.bfs-dx-layout .display-sidebar{
	border-left:1px solid rgba(0,0,0,0.15);
}
.bfs-dx-layout .display-sidebar .sidebar-header{
	padding:15px 15px;
	color:#fff;
	font-weight:500;
	font-size:17px;
}
.bfs-dx-layout .display-sidebar .section{
	display:none;
	border:none;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
}
.bfs-dx-layout .display-sidebar .section.active{
	display:block;
}
.bfs-dx-layout .display-sidebar .section .header{
	border-bottom:1px solid #eee;
	height:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:15px;
}
.bfs-dx-layout .display-sidebar .section .body{
	padding:5px 0 80px 0;
}
.bfs-dx-layout .display-sidebar .section .body > .base-title{
	font-size:16px;
	font-weight:500;
	padding-bottom:8px;
}
.bfs-dx-layout .display-sidebar .body > .base-comments-area{
	margin-top:-15px;
}
.bfs-dx-layout .display-sidebar .box.comments{
	margin:0 -15px;
}
.bfs-dx-layout .display-sidebar .box.comments .comment{
	font-size:14px;
}
.bfs-dx-layout .display-sidebar .box.comments .comment .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
}
.bfs-dx-layout .display-sidebar .box.comments .post textarea{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #f9f9f9;
}
.bfs-dx-layout .display-sidebar .user-comments .comment > .sub-comments{
	font-size:12px;
	margin-left:-40px;
	margin-right:5px;
}
.bfs-dx-layout .display-sidebar .user-comments > .comment .sub-comments .box.comments.-white .post textarea{
	font-size:12px !important;
}
.bfs-dx-layout .-darken .display-header{
	background-color: #1663ba;
	color:#fff;
}
.bfs-dx-layout .-darken .display-header .-close:hover{
	background: rgba(255,255,255,0.1);
	color:#fff;
} 
.bfs-dx-layout .display-obj-multi.-darken .display-sidebar{
	background-color: #fff;
	border:none;
}
.bfs-dx-layout .display-obj-multi.-darken .display-sidebar:before{
	position:absolute;
	left:0px;
	top:0px;
	height:55px;
	right:0px;
	content:"";
	background-color: #1157a5;
}
.bfs-dx-layout .display-obj-multi.-darken .display-sidebar .section{
	background-color: transparent;
}
.bfs-dx-layout .display-obj-multi.-darken .display-sidebar .section .header{
	display:none;
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls{
	border:none;
	background-color: #f6f6f6;
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls:before{
	position:absolute;
	left:0px;
	top:0px;
	height:55px;
	right:0px;
	background-color: #1663ba;
	content:"";
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls:after{
	position:absolute;
	top:55px;
	left:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.03);
	content:"";
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls .area{
	border-color:rgba(255,255,255,0.3);
	border-top:none;
	position:relative;
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls .area:first-child{
	border:none !important;
	color:#fff;
}
.bfs-dx-layout .display-controls .area .icon{
	padding-top:9px;
	padding-bottom:9px;
}
.bfs-dx-layout .display-controls .area:first-child .icon:hover{
	color:#fff;
	text-decoration:underline;
	background-color: transparent;
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls .area .icon svg{
	width:16px;
	height:16px;
}
.bfs-dx-layout .display-obj-multi.-darken .display-controls .area .icon.active{
	color:#fff;
	background-color: #1663ba;
}
.bfs-dx-layout .display-obj-multi.-darken .display-header .base-side .base-button:hover{
	background: rgba(255,255,255,0.1);
	color:#fff;
	border:1px solid rgba(255,255,255,0.2);
}


.display-obj-with-sidebar{
	position:relative;
}
.display-obj-with-sidebar:before{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:300px;
	background-color: #fafafa;
	border-left:1px solid rgba(0,0,0,0.07);
	content:"";
}
.display-obj-with-sidebar > .do-wrapper{
	position:relative;
	min-height:400px;
}
.display-obj-with-sidebar > .do-wrapper .base-bc{
	display:none;
}
.display-obj-with-sidebar > .do-wrapper .display-main{
	margin-right:300px;
	position:relative;
	overflow:hidden;
}
.display-obj-with-sidebar > .do-wrapper .display-sidebar{
	float:right;
	width:300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.display-obj-with-sidebar .display-main .display-section{
	padding:20px 0;
	margin:0 20px;
	border-top:1px solid #eee;
}
.display-obj-with-sidebar .display-main .display-section > .header{
	padding-bottom:13px;
	position:relative;
}
.display-obj-with-sidebar .display-main .display-section > .header .title{
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
 color:#34960d;
}
.display-obj-with-sidebar .display-main .display-section .box.comments{
	margin:0 -15px;
	margin-top:-10px;
}
.display-obj-with-sidebar .display-main .display-section .box.comments textarea{
	font-size:13px;
}
.display-obj-with-sidebar .display-main .display-section .sub-comments .box.comments{
	margin-top:0px;
	margin-left:-10px;
	margin-right:-10px;
}
.display-obj-with-sidebar .display-main .display-section .display-field{
	padding-bottom:20px;
}
.display-obj-with-sidebar .display-main .display-section > .header .base-side{
	position:absolute;
	right:0px;
	top:-8px;
}
.display-obj-with-sidebar .display-sidebar .display-section{
	background-color: transparent;
	border:none;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	border-bottom:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
	margin-bottom:0px;
}
.display-obj-with-sidebar .display-sidebar .display-section > .header{
	position:relative;
}
.display-obj-with-sidebar .display-sidebar .display-section > .header:before{
	font-family:ap; content:"\e10f";
	font-size:16px;
	position:absolute;
	font-size:16px;
 color:#aaa;
	right:0px;
	top:0px;
}
.display-obj-with-sidebar .display-sidebar .display-section > .header .title{
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
 color:#aaa;
}


.display-cover-special{
	background-color: #267cde;
	padding:40px 0;
	color: rgba(255,255,255,0.8);
	position:relative;
	text-align:center;
	font-size:14px;
	margin-top:-1px;
}
.display-cover-special .cover-icon{
	width:32px;
	height:32px;
	margin:auto;
	margin-bottom:20px;
	color:#fff;
	font-size:32px;
}
.display-cover-special .cover-icon svg, .display-cover-special .cover-icon img{
	width:32px;
	height:32px;
	fill:#fff;
}
.display-cover-special .title, .display-cover-special .base-title{
	font-size:24px;
	font-weight:500;
 color:#fff;
	padding-bottom:10px;
}
.display-cover-special .base-side{
	position:absolute;
	font-size:13px;
	right:50px;
	top:-42px;
}
.display-cover-special .base-side .base-button{
	border:1px solid transparent;
	color: rgba(255,255,255,0.8);
}
.display-cover-special .base-side .base-button.-link:hover{
	text-decoration:underline;
}
.display-cover-special .base-side .base-button:hover{
	color:#fff;
}
.display-cover-special .base-subtitle .url:hover{
	color:#fff;
	text-decoration:underline;
}
.display-cover-exchange{
	background-color: #267cde;
	padding:30px 0;
	color: rgba(255,255,255,0.8);
	position:relative;
	text-align:center;
	font-size:14px;
	margin-top:-1px;
}
.display-cover-exchange:after{
	display:block;
	clear:both;
	content:"";
}
.display-cover-exchange .dc-cover{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
}
.display-cover-exchange .cover-icon{
	position:absolute;
	left:50%;
	margin-left:-24px;
	width:48px;
	top:50%;
	margin-top:-50px;
}
.display-cover-exchange .cover-icon svg{
	width:48px;
	height:48px;
	fill:rgba(255,255,255,0.8);
}
.display-cover-exchange > .base-block{
	text-align:center;
	float:left;
	padding:15px 0;
	width:48%;
}
.display-cover-exchange > .base-block:last-child{
	float:right;
}
.display-cover-exchange > .base-block .-icon, .display-cover-exchange > .base-block .-avatar, .display-cover-exchange > .base-block .base-iconbox{
	position:relative;
	height:80px;
	width:80px;
	margin:auto;
	margin-bottom:20px;
}
.display-cover-exchange > .base-block .base-iconbox .-icon{
	padding-top:16px;
}
.display-cover-exchange > .base-block .base-iconbox .-icon svg{
	width:32px;
	height:32px;
}
.display-cover-exchange > .base-block .base-icon .-icon svg, .display-cover-exchange > .base-block > .-icon svg{
	width:80px;
	height:80px;
}
.display-cover-exchange > .base-block .-avatar img, .display-cover-exchange > .base-block .-avatar .base-avatar{
	width:80px;
	height:80px;
}
.display-cover-exchange > .base-block .block-title, .display-cover-exchange > .base-block > .base-title{
	font-size:16px;
 color:#fff;
	font-weight:500;
	margin:0 20px;
}
.display-cover-exchange > .base-block .block-info, .display-cover-exchange > .base-block > .base-info{
	color: rgba(255,255,255,0.6);
	padding-top:6px;
	font-size:13px;
}
.display-cover-exchange > .base-block .block-info .url:hover, .display-cover-exchange > .base-block > .base-info .url:hover{
	color:#fff;
}
.display-cover-exchange .base-side{
	position:absolute;
	font-size:13px;
	right:20px;
	top:20px;
}
.display-cover-exchange .base-side .base-button:hover{
	background: rgba(0,0,0,0.1);
	color:#fff;
	border:1px solid rgba(0,0,0,0.2);
}
.display-cover{
	padding:20px 20px;
	position:relative;
	font-size:14px;
	text-align:left;
}
.display-cover.-picon{
	padding-left:80px;
}
.display-cover.-pavatar{
	padding-left:80px;
}
.display-cover .cover-icon, .display-cover > .base-iconbox{
	position:absolute;
	top:20px;
	left:20px;
}
.display-cover .cover-icon, .display-cover > .base-avatar{
	width:40px;
	height:40px;
	margin:auto;
	margin-bottom:20px;
	font-size:32px;
	position:absolute;
	top:20px;
	left:20px;
}
.display-cover > .base-avatar img{
	display:block;
}
.display-cover .cover-icon svg, .display-cover .cover-icon img{
	width:40px;
	height:40px;
}
.display-cover > .base-title{
	font-size:20px;
	font-weight:500;
}
.display-cover > .base-subtitle, .display-cover > .base-info{
	font-size:13px;
 color:#999;
	padding-top:6px;
}
.display-cover > .base-bc{
	padding-top:8px;
}
.display-cover .base-side{
	position:absolute;
	font-size:13px;
	right:20px;
	top:20px;
}
.display-cover .base-side > div{
	float:left;
	margin-left:15px
}
.display-cover .base-side .-cmenu{
	right:0px;
}
.display-cover .base-info-row{
	padding-bottom:4px;
}
.display-field{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.display-field.-picon{
	padding-left:30px;
}
.display-field .-icon{
	position:absolute;
	left:0px;
	top:0px;
}
.display-field .-icon svg{
	height:16px;
	width:16px;
}
.display-field .field-label{
	font-weight:500;
}
.display-field .field-value{
	font-size:14px;
	padding-top:4px;
}
.display-field.-fit .field-value{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.display-field .field-value .base-none{
	color:#999;
}
.display-field .field-value .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.display-field.-no-empty .field-value .base-empty-state{
	padding:0;
}
.display-field.-no-empty .field-value .base-empty-state .-icon{
	display:none;
}
.display-field.-no-empty .field-value .base-empty-state .-text{
	text-align:left;
}
.display-obj .display-values{
	padding-top:4px;
}
.display-obj .display-field{
	padding-bottom:20px;
}
.display-obj .display-field .field-label{
	font-size:11px;
	text-transform:uppercase;
	font-weight:500;
 color:#999;
}
.display-obj .display-field > .-icon{
	color:#999;
}
.display-obj .display-field > .-icon svg{
	width:16px;
	height:16px;
}
.display-obj .sections .tabs, .display-obj .base-sections .tabs{
	overflow:hidden;
	position:relative;
	background-color: #f7f7f7;
	padding-left:20px;
}
.display-obj .sections .tabs:before, .display-obj .base-sections .tabs:before{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.display-obj .sections .tabs .tab, .display-obj .base-sections .tabs .tab{
	float:left;
	font-size:13px;
 color:#888;
	cursor:pointer;
	position:relative;
	padding:10px 20px;
	border-right:1px solid rgba(0,0,0,0.1);
	border-left:1px solid rgba(0,0,0,0.1);
	margin-left:-1px;
}
.display-obj .sections .tabs .tab.active, .display-obj .base-sections .tabs .tab.active{
	font-weight:500;
 color:#111;
	background-color: #fff;
}
.display-obj .section{
	position:relative;
}
.display-obj .section .header{
	padding-bottom:15px;
	font-size:20px;
	font-weight:bold;
	position:relative;
}
.display-obj .section .header .title{
}
.display-obj .section .header .base-side{
	position:absolute;
	right:0px;
	top:-7px;
}
.display-obj.display-obj-dx .section .header .base-side{
	top:-3px;
}
.display-obj .sections .section, .display-obj-dx .base-sections .section{
	border:none;
	display:none;
}
.display-obj .sections .section.active, .display-obj-dx .base-sections .section.active{
	display:block;
}
.display-obj .section .base-followers.-compact .fe-users{
	padding-left:10px;
	padding-top:10px;
	height:auto;
}
.display-obj .section .base-followers.-compact .fe-users .fe-avatar{
	float:left;
	margin-right:5px;
}
.display-obj .section .base-followers.-compact .fe-users .fe-actions{
	clear:both;
	padding-left:0px;
	float:none;
	padding-bottom:0px;
}
.display-obj .section .base-followers.-compact .fe-users .fe-actions:after{
	clear:both;
	display:block;
	height:1px;
	content:"";
}
.display-obj .section .base-followers.-compact .fe-users .fe-actions .fe-action{
	border:none;
	padding:7px 0;
	margin-right:20px;
	margin-left:0px;
	float:left;
}
.display-obj .section .base-followers.-compact .fe-users .fe-actions .fe-action:hover{
	text-decoration:underline;
 color:#267cde;
	background-color: transparent;
}
.display-obj .sections .section .base-followers{
	min-height:400px;
}
.display-obj .section .list-item .base-title{
	font-size:14px;
	font-weight:500;
}
.display-obj .section .list-item .base-info{
	font-size:12px;
 color:#888;
	padding-top:4px;
}
.display-obj .section .list-item .base-info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.display-obj .section .sub-section, .display-section .sub-section{
	border-top:1px solid #eee;
	padding-top:20px;
	padding-bottom:20px;
}
.display-obj .section .sub-section:first-child, .display-obj .section .sub-section.-first,
.display-section .sub-section:first-child, .display-section .sub-section.-first{
	padding-top:5px;
	border:none;
}
.display-obj .section .sub-section .ss-header, .display-section .sub-section .ss-header{
	padding-bottom:10px;
	color:#3ba710;
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
	position:relative;
}
.display-obj .section .sub-section, .display-obj .section .text-editor, .display-obj .section .text-editor p, .display-obj .section .sub-section p{
	font-size:14px;
}
.display-obj .sub-section .ss-header .base-side{
	position:absolute;
 color:#888;
	font-weight:normal;
	text-transform:none;
	right:0px;
	top:-6px;
}
.display-obj .box.comments{
	margin:-10px -15px 0 -15px;
}
.display-obj .box.comments .sub-comments .box.comments{
	margin:0 -10px 0 -10px;
	font-size:13px;
}
.display-obj .user-comments > .comment .image{
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
}
.display-obj .display-files{
}
.display-obj .display-files .file{
	padding:20px 0;
	border-bottom:1px solid #eee;
}
.display-obj .display-files .file:last-child{
	border:none;
	padding-bottom:10px;
}
.display-obj .display-files .file .fileheader{
	position:relative;
	padding-bottom:15px;
}
.display-obj .display-files .file .fileheader .name{
	font-weight:500;
	font-size:14px;
}
.display-obj .display-files .file .fileheader .info{
	font-size:12px;
 color:#999;
	padding-top:3px;
}
.display-obj .display-files .file .fileheader .base-actions{
	position:absolute;
	right:0px;
	top:0px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.display-obj .display-files .file .fileheader .-cmenu{
	right:0px;
	top:28px;
}
.display-obj .display-files .file .filedisplay{	
}
.display-obj .display-files .file .filedisplay .center{
	font-size:14px;
	font-weight:normal;
 color:#999;
}
.display-obj .display-files .file .filedisplay .center a{
	font-weight:normal;
}
.display-obj .display-files .file .filedisplay .center a:hover{
	color:#267cde;
	text-decoration:underline;
}
.display-obj .display-files .file .embed-file{
	height:600px;
}
.display-obj .display-files .file .embed-image{
	overflow:hidden;
	max-height:600px;
}
.display-obj .display-files .file .embed-image img{
	width:100%;
}
.display-obj .base-cf-preview{
	border:none;
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	padding-bottom:20px;
}
.display-obj .base-cf-preview .field{
	border:none;
	background-color: #f6f6f6;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.02);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-top:2px;
}


.base-flex-cols{
	display:flex;
	flex: 1 0 100%;
	flex-wrap: wrap;
}
.base-flex-cols > div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex:1 1 auto;
}
.base-flex-cols.-spacing{
	margin:0 -10px;
}
.base-flex-cols.-spacing > div{
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.base-flex-cols.-col-2 > div{
	width:50%;
}
.base-flex-cols.-col-3 > div{
	width:33.333%;
}
.base-col_break, .base-col-break{
	flex-basis: 100%;
	width:100% !important;
	height:1px;
	margin:0 !important;
	flex:none;
}
.base-row{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
}
.base-row > div{
	grid-grow:1;
}
.base-grid{
	display: grid;
	grid-auto-flow: column;
	gap: 0px;
}
.base-grid-col{
	position:relative;
}
.master-grid .master-grid-table{
}
.master-grid .master-grid-table table{
	width:100%;
	position:relative;
}
.master-grid .master-grid-table table tr, .master-grid .master-grid-table table td{
	padding:0;
	margin:0;
	border:none;
}
.master-grid .master-grid-table table td{
	vertical-align:top;
}
.master-grid table .master-grid-gap{
	width:20px;
}
.master-grid table .master-grid-gap > div{
	width:20px;
}


#document-x{
	position:absolute;
	width:100%;
	height:100%;
	overflow-y:scroll;
}
#document-y{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:1000;
}
#document-x #page{
	height:auto;
}
#document-x .app-complete{
	padding:100px 5%;
	position:relative;
	text-align:center;
	display:none;
}
#document-x .app-complete .ap-icon{
	display:block;
	width:32px;
	height:32px;
	margin:auto;
}
#document-x .app-complete .ap-title{
	font-size:24px;
	font-weight:500;
	margin:20px 0;
}
#document-x .app-complete .base-buttons{
	overflow:hidden;
	margin-right:-2%;
	padding-top:30px;
}
#document-x .app-complete .base-buttons .base-button{
	width:48%;
	margin-right:2%;
	float:left;
	font-size:15px;
	height:36px;
	padding:9px 0;
}
#document-y .api-submit-wrapper{
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	background-color: #fff;
	padding:15px 20px;
	overflow:hidden;
}
#document-y .api-submit-wrapper .api-submit{
	background-color: #267cde;
	color:#fff;
	font-size:15px;
	font-weight:500;
	text-align:center;
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:9px 0;
}
#document-y .api-submit-wrapper .api-submit:hover{
	background-color: #42b814;
}
#document-y .api-submit-wrapper .api-cancel{
	background-color: #f8f8f8;
	color:#888;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	padding:9px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#document-y .api-submit-wrapper .api-cancel:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	color:#333;
}
#document-y .api-submit-wrapper.-with-cancel{
}
#document-y .api-submit-wrapper.-with-cancel .wrapper{
	margin-right:-2%;
	overflow:hidden;
}
#document-y .api-submit-wrapper.-with-cancel .wrapper > div{
	width:48%;
	float:left;
	margin-right:2%;
}


.api-list{
}
.api-list .al-canvas{
	padding:10px 0px;
}
.api-list .al-title{
	font-weight:500;
	font-size:24px;
	text-align:center;
	padding:15px 0;
}
.api-list .al-header{
	margin:5px 5% 25px 5%;
}
.api-list .al-header .base-search input{
	height:36px;
	font-size:15px;
}
.api-list .api-item{
	position:relative;
	padding:0 5%;
}
.api-list .api-item .ai-inner{
	position:relative;
	padding:10px 40px 10px 45px;
}
.api-list .api-item .base-avatar{
	position:absolute;
	top:10px;
	left:0px;
}
.api-list .api-item .base-title{
	font-weight:500;
	font-size:15px;
	padding-bottom:3px;
}
.api-list .api-item .base-info{
	font-size:13px;
 color:#999;
}
.api-list .api-item .api-next{
	position:absolute;
 color:#267cde;
	font-weight:500;
	font-size:13px;
	right:0px;
	top:10px;
	padding:8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
}
.api-list .api-item .api-next:hover{
	background-color: #267cde;
	color:#fff;
}
.api-list .api-item:hover{
	background-color: #f3f3f3;
	color:#267cde;
}
.api-note{
	color:#999;
	text-align:center;
	padding:40px 5%;
	border-top:1px solid #eee;
}


.app-form{
	padding:10px 5% 50px 5%;
}
.app-form .af-header{
	padding:15px 0;
	position:relative;
}
.app-form .af-header .af-title{
	font-weight:500;
	font-size:24px;
	text-align:center;
	padding-bottom:5px;
}
.app-form .af-header .af-subtitle{
	font-size:13px;
	text-align:center;
 color:#999;
}
.app-form .af-header .app-back{
	position:absolute;
	font-size:16px;
 color:#aaa;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:30px;
	height:30px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:1px solid #ccc;
	top:18px;
	left:0px;
	padding-top:5px;
}
.app-form .af-header .app-back:hover{
	border:1px solid #aaa;
	color:#333;
}
.base-form .app-form .base-form-submit{
	font-size:15px;
	font-weight:500;
 color:#fff;
	padding:10px 0;
	height:40px;
	background-color: #267cde;
	border:none;
}
.base-form .app-form .base-form-submit:hover{
	background-color: #3ba710;
}
.base-form .app-form .improve-select{
	margin-top:8px;
}


.api-canvas{
}
.api-canvas .api-header{
	background-color: #f3f3f3;
	padding:15px 20px;
}
.api-canvas .api-header .title{
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	padding-bottom:8px;
}
.api-canvas .api-header .improve-select{
	background-color: #fff;
}
.api-canvas .api-main{
	padding:20px;
}
.api-canvas .placeholder{
	font-size:15px;
 color:#aaa;
	text-align:center;
	padding:30px 0;
}
.api-canvas .app-form{
	padding:0;
}


.picked-labels{
	padding:6px 8px;
	height:33px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	position:relative;
	border:1px solid #ccc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	-moz-box-shadow:inset 1px 1px 1px #f3f3f3;
 -webkit-box-shadow:inset 1px 1px 1px #f3f3f3;
 box-shadow:inset 1px 1px 1px #f3f3f3;
}
.picked-labels:after{
	position:absolute;
	font-size:16px;
	font-family:ap; content:"\e10f";
	right:5px;
	top:5px;
	padding:4px;
}
.picked-labels .-ph{
	font-size:13px;
 color:#888;
	padding-top:2px;
}
.input-label-wrapper .pick-labels{
	display:none;
}
.input-label-wrapper.-active .pick-labels{
	display:block;
} 
.pick-labels{
	min-width:200px;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.08);
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	z-index:1;
}
.pick-labels.-inline-style{
	margin-top:-1px;
}
.pick-labels .pl-items{
}
.pick-labels .pl-items .pl-item{
	padding:8px 10px 8px 36px;
	cursor:pointer;
	position:relative;
}
.pick-labels .pl-items .pl-item:hover{
	background-color: #f3f3f3;
}
.pick-labels .pl-items .pl-item .base-tag{
}
.pick-labels .pl-items .pl-item.-picked{
	background-color: #fafafa;
}
.pick-labels .pl-items .pl-item.-picked:after{
	position:absolute;
	display:none;
	right:0px;
	top:0px;
	bottom:0px;
	width:3px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.pick-labels .pl-items .pl-item.-picked:before{
	font-family:ap; content:"\e116";
	color:#111;
	font-size:16px;
	position:absolute;
	left:15px;
	top:9px;
}
.pick-labels .pick-header{
	position:relative;
	padding:8px 15px;
	font-size:11px;
	text-transform:uppercase;
 color:#aaa;
	font-weight:500;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.pick-labels .pick-header .ph-done{
	position:absolute;
 color:#111;
	cursor:pointer;
	right:15px;
	top:8px;
}
.pick-labels .pick-header .ph-done:hover{
	color:#267cde;
	text-decoration:underline;
}


.embed-title.picker{
	background:transparent;
	color:#555;
	text-transform:uppercase;
	font-weight:bold;
	background-color: #f1f1f1;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.embed-title.picker .embed-close{
	color: rgba(195,67,67,0.4);
}
.embed-title.picker .embed-close:hover{
	color: rgba(195,67,67,0.8);
}
.pick-users{
	height:450px;
	position:relative;
	margin:20px;
	margin-bottom:65px;
	padding-left:330px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	border:1px solid #eee;
}
.pick-users .__apscrollbar .scroller .sinner{
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	width:6px;
	margin-left:2px;
}
.pick-users .pick-user-tree{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #eee;
	width:330px;
	top:0;
	left:0;
	bottom:0;
}
.pick-users .pick-user-tree .tree-cmd{
	position:absolute;
	display:none;
 color:#267cde;
	font-size:14px;
	top:52px;
	right:12px;
	z-index:1;
}
.pick-users .pick-user-tree .tree-cmd:hover{
	cursor:pointer;
	text-decoration:underline;
}
.pick-users .pick-user-tree .tree-bc.base-bc .base-bc-item span{
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	display:inline-block;
}
.pick-users .pick-user-tree .tree-bc{
	margin:12px;
	color:#12;
}
.pick-users .pick-user-tree .tree-search{
	margin:10px 0;
	width:100%;
}
.pick-users .pick-user-tree .tree-search .base-search{
	padding:0 10px;
}
.pick-users .pick-user-tree .tree-search .base-search.-icon-left:after{
	left:20px;
}
.pick-users .pick-user-tree .tree-search input{
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	background-color: #f1f1f1;
	font-size:14px;
	border:none;
}
.pick-users .pick-user-tree .tree-list{
	position:absolute;
	top:85px;
	left:0;right:0;bottom:0;
}
.pick-users .pick-user-tree .tree-item{
	position:relative;
	font-size:13px;
	padding:6px 6px 6px 78px;
	margin-bottom:2px;
}
.pick-users .pick-user-tree.right .tree-item{
	position:relative;
	font-size:13px;
	padding:6px 6px 6px 50px !important;
	margin-bottom:2px;
}
.pick-users .pick-user-tree .tree-item.cmd{
	font-weight:bold;
}
.pick-users .pick-user-tree .tree-item:hover{
	cursor:pointer;
	background-color: #f9f9f9;
}
.pick-users .pick-user-tree .tree-item .title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	padding-right:30px;
}
.pick-users .pick-user-tree .tree-item .subtitle{
	color:#999;
	margin-top:3px;
	padding-right:30px;
}
.pick-users .pick-user-tree .tree-item .avatar{
	position:absolute;
	top:10px;
	left:40px;
}
.pick-users .pick-user-tree.right .tree-item .avatar{
	position:absolute;
	top:10px;
	left:12px;
}
.pick-users .pick-user-tree .tree-item .avatar > .-avatar-text{
	padding-top: 8px !important;
}
.pick-users .pick-users-picked .picked-item .avatar > .-avatar-text{
	padding-top: 8px !important;
}
.pick-users .pick-user-tree .tree-item .btn{
	position:absolute;
	top:13px;
 left:10px;
}
.pick-users .pick-user-tree.right .tree-item .btn{
	position:absolute;
	top:13px;
 right:10px !important;
	left:auto !important;
}
.pick-users .pick-user-tree .tree-item .goto-icon{
	position:absolute;
 color:#999;
	top:13px;
 right:10px;
}
.pick-users .base-bc .base-bc-item:after{
	top:3px;
}
.pick-users .base-bc .base-bc-item:hover{
	text-decoration: none;
}
.pick-users .base-bc .base-bc-item:not(:first-child){
	font-weight:bold;
 color:#333;
}
.pick-users .pick-users-picked{
}
.pick-users .pick-users-picked .picked-title{
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin:18px 12px;
}
.pick-users .pick-users-picked .picked-list{
	position:relative;
	height:397px;
}
.pick-users .pick-users-picked .picked-item{
	position:relative;
	font-size:13px;
	padding:4px 25px 8px 48px;
	margin:2px;
}
.pick-users .pick-users-picked .picked-item .title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.pick-users .pick-users-picked .picked-item .subtitle{
	color:#999;
	margin-top:3px;
}
.pick-users .pick-users-picked .picked-item .avatar{
	position:absolute;
	top:6px;
	left:12px;
}
.pick-users .pick-users-picked .picked-item .picked-remove{
	position:absolute;
	font-size:16px;
 color:#ddd;
	top: 12px;
 right: 22px;
}
.pick-users .pick-users-picked .picked-item .picked-remove:hover{
	color:#c34343;
	cursor:pointer;
}
.pick-users .picked-actions .pick-users-action{
	float:right;
	font-size:13px;
	padding:8px 0;
	margin-right:20px;
	margin-top:-8px;
	color: rgba(195,67,67,0.8);
}
.pick-users .picked-actions .pick-users-action:hover{
	cursor:pointer;
	text-decoration:underline;
}
.pick-users .picked-actions .pick-users-action.action-copy{
	color: rgba(25,116,216,0.8);
}
.pick-users .pick-users-actions{
	position:absolute;
	right:0;
	bottom:-45px;
}
.pick-users .pick-users-actions .pick-users-action,
.pick-users .pick-users-actions .pick-users-cancel,
.pick-users .pick-users-actions .pick-users-apply{
	float:right;
	padding:8px 20px;
	margin-left:10px;
	background: rgba(22,99,186,0.8);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
.pick-users .pick-users-actions .pick-users-cancel{
	color: #888;
	background: rgba(223,223,223,0.8);
	font-weight:normal;
}
.pick-users .pick-users-actions .pick-users-cancel:hover{
	cursor:pointer;
	background-color: #dfdfdf;
}
.pick-users .pick-users-actions .pick-users-apply:hover{
	background-color: #1663ba;
	cursor:pointer;
}


.layout-master{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.layout-focus{
	padding:20px;
}
.layout-focus > .layout-internal{
	background-color: #fff;
	margin:auto;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
	-moz-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 5px 0px rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.13);
}
.layout-focus > .layout-internal.-borderless, .layout-focus.-borderless > .layout-internal{
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	border:none !important;
	background-color: transparent;
	overflow:visible;
}
.layout-focus.-md{
	max-width:1000px;
	margin:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.layout-focus.-sm{
	max-width:800px;
	margin:auto;
}
.layout-multi{
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.layout-multi.-compact{
	max-width:1100px;
	margin:auto;
}
.layout-multi > .layout-sidebar{
	float:right;
	width:300px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.layout-multi > .layout-main{
	position:relative;
	margin-right:320px;
}


.base-menu{
}
.base-menu .menu-item-sep{
	height:1px;
	margin:20px 10px;
	background: rgba(0,0,0,0.05);
}
.base-menu .menu-item{
	padding:8px 10px;
	font-size:13px;
 color:#888;
	cursor:pointer;
	position:relative;
	margin-bottom:2px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.base-menu .menu-item.-picon{
	padding-left:30px;
}
.base-menu .menu-item .-mi-icon{
	position:absolute;
	left:10px;
	top:8px;
}
.base-menu .menu-item .-mi-icon svg{
	width:16px;
	height:16px;
}
.base-menu .menu-item:hover{
	background-color: #f8f8f8;
	color:#267cde;
}
.base-menu .menu-item.active{
	background-color: #267cde;
	font-weight:500;
 color:#fff;
}
.base-menu.-lg .menu-item{
	padding-top:9px;
	padding-bottom:9px;
	font-size:14px;
	margin-bottom:3px;
}


.db-canvas-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.db-canvas-wrapper .db-canvas{
	max-width:1000px;
	margin:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
}
.db-canvas .db-header{
	position:relative;
	padding-bottom:30px;
}
.db-canvas .db-header > .base-title{
	font-size:24px;
	font-weight:bold;
}
.db-canvas .db-header > .base-info{
	font-size:13px;
 color:#888;
	padding-top:6px;
}
.db-canvas .db-header .base-side{
	position:absolute;
	right:0px;
	top:10px;
}
.db-canvas .db-header .base-side > div{
	margin-left:10px;
	float:left;
}
.db-canvas .db-carousel{
	margin:0 -20px;
}
.db-canvas .db-carousel .base-carousel .bc-main .bc-items{
	left:20px;
	right:20px;
	overflow:hidden;
}
.db-canvas .carousel-item{
	height:100%;
	padding-right:10px;
}
.db-canvas .base-carousel .bc-main > .bc-items .carousel-item{
	padding:0 5px 0 0;
}
.db-canvas .db-carousel-item{
	background: rgba(255,255,255,0.2);
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}


.db-section-header{
	padding:20px 0 13px 0;
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
 color:#aaa;
}
.db-section{
	padding:0px 0 0px 0px;
	margin-right:-5px;
	overflow:hidden;
}
.db-section:after{
	content:"";
	display:block;
	clear:both;
}
.db-section .db-box{
	float:left;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.db-section .db-box .s{
	height:0px;
	padding-bottom:100%;
}
.db-section .db-box .inner{
	position:absolute;
	background-color: #fff;
	top:0px;
	left:0px;
	right:5px;
	bottom:5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.03);
 -webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.03);
 box-shadow: 0 2px 5px 0px rgba(0,0,0,0.03);
}
.db-section .db-box .db-box-header{
	border-bottom:1px solid #eee;
	padding:11px 15px;
	font-size:14px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:40px;
}
.db-section .db-box .db-box-header .base-title{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.db-section .db-box .db-box-header .-subtitle{
	position:absolute;
	right:15px;
	top:13px;
	font-size:11px;
 color:#999;
	font-weight:normal;
}
.db-section .db-box .db-box-header .side{
	position:absolute;
	right:10px;
	top:0px;
}
.db-section .db-box .db-box-header .side .ilegends{
	overflow:hidden;
	float:right;
	font-size:11px;
	font-weight:normal;
 color:#666;
	padding:5px 0;
}
.db-section .db-box .db-box-header .side .ilegends .legend{
	float:left;
	position:relative;
	padding:8px 10px 8px 13px;
	margin-left:10px;
}
.db-section .db-box .db-box-header .side .ilegends .legend .dot{
	position:absolute;
	width:8px;
	height:8px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	top:10px;
	left:0px;
}
.db-section .db-box .body{
	padding:10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	top:40px;
	left:0px;
	right:0px;
	bottom:0px;
}
.db-section .db-box .body.-fit{
	padding:0;
	position:absolute;
	overflow:hidden;
	top:40px;
	left:0px;
	right:0px;
	bottom:0px;
	height:auto;
}
.db-section .db-box .body.-fit .scrollbox{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.db-section .db-box.-flat .db-box-header{
	border:none;
}
.db-section .db-box.-flat .db-box-header .base-title{
	font-size:11px;
	text-transform:uppercase;
	padding-top:5px;
}
.db-section .db-box.-flat .db-box-header .-subtitle{
	top:16px;
}
.db-section .db-box.-flat .body{
	top:32px;
}
.db-container{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
}
.db-container > .dbc-inner{
	position:relative;
	padding:10px 15px;
}
.db-container.-fit > .dbc-inner{
	padding:0;
}
.db-container.-fit > .dbc-inner thead{
	background-color: #fafafa;
}
.db-container.-fit > .dbc-inner .base-percent > .-bp-text{
	margin-top:-3px;
	font-weight:500;
}
.graph-column-chart{
	position:relative;
}


.graph-pie-chart > div{
	margin:auto;
}
.graph-gague-chart > div{
	margin:auto;
}
.graph-gauge-chart .-graph-text{
	padding-top:24px;
	font-size:13px;
}
.base-graph .graph-summary{
	font-size:11px;
	text-transform:uppercase;
 color:#aaa;
}
.base-graph .graph-summary b{
	font-size:18px;
	font-weight:500;
	display:block;
 color:#111;
	padding-bottom:3px;
	margin-top:-10px;
}


.db-kpi-wrapper{
}
.db-kpi-wrapper .db-kpi{
	padding:5px 0 20px 0;
	position:relative;
}
.db-kpi-wrapper.-sm .db-kpi{
	padding-bottom:15px;
}
.db-kpi-wrapper .base-change{
	position:absolute;
	font-weight:500;
	font-size:13px;
	right:15px;
	top:25px;
}
.db-kpi-wrapper .base-change.-is-down{
	color:#c34343;
}
.db-kpi-wrapper .base-change.-is-up{
	color:#42b814;
}
.db-kpi-wrapper .base-value .-value{
	font-size:26px;
	font-weight:bold;
}
.db-kpi-wrapper.-sm .base-value .-value{
	font-size:20px;
}
.db-kpi-wrapper .base-value .bi-unit{
	position:absolute;
	display:block;
	font-size:10px;
	text-transform:uppercase;
	right:0px;
	top:12px;
}
.db-kpi-wrapper.-sm .base-value .bi-unit{
	top:6px;
}
.db-kpi-wrapper .db-legends{
	margin-top:-2px;
	color:#999;
}
.db-kpi-wrapper .db-legends b{
	font-weight:500;
 color:#333;
}
.db-kpi-wrapper .db-progress{
	margin-top:-4px;
} 
.db-kpi-wrapper .graph-pie-chart{
	position:absolute;
	right:20px;
	top:5px;
}


.db-progress{
	position:relative;
}
.db-progress > .-dbp-visual{
	position:relative;
	padding-right:40px;
}
.db-progress > .-dbp-visual .-dbp-percent{
	position:absolute;
	font-size:12px;
 color:#999;
	right:0px;
	top:0px;
}
.db-progress > .-dbp-visual .-dbp-percent em{
	color:#111;
	font-weight:500;
}
.db-progress > .-dbp-content{
	padding-top:8px;
	position:relative;
	font-size:13px;
}
.db-progress > .-dbp-content .-dbp-exp{
	position:absolute;
 color:#888;
	font-size:13px;
	right:0px;
	top:8px;
}
.db-progress > .-dbp-content .-dbp-exp em, .db-progress > .-dbp-content .-dbp-exp b{
	font-weight:500;
 color:#111;
}


.db-legends{
}
.db-legends-title{
	font-size:15px;
	padding-bottom:5px;
}
.db-legend{
	padding-top:6px;
	padding-left:20px;
	position:relative;
}
.db-legend .db-icon{
	position:absolute;
	font-size:11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left:0px;
	top:7px;
}
.db-legend .-dot{
	width:11px;
	height:11px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
.db-legend .db-icon.-square{
	width:11px;
	height:11px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.db-legend .db-icon.-diamond{
	width:11px;
	height:11px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
}
.db-legend .-ap{
	vertical-align:-2px;
}
.db-legend .sub{
	font-size:10px;
 color:#aaa;
	text-transform:uppercase;
	padding-top:3px;
	padding-left:21px;
}
.db-legend .lg-value{
	display:inline-block;
	position:absolute;
	font-size:13px;
	font-weight:500;
	top:6px;
	right:0px;
}
.db-legends.-lg-inline{
	color:#999;
}
.db-legends.-lg-inline .db-legend .lg-value{
	position:relative;
	display:inline-block;
	font-size:12px;
 color:#111;
	left:auto;
	right:auto;
	top:auto;
	margin-left:2px;
}
.db-legends.-lg-inline .db-legend .lg-value:before{
	content:"(";
	color:#aaa;
}
.db-legends.-lg-inline .db-legend .lg-value:after{
	content:")";
	color:#aaa;
}
.db-legends.-lg-inline .db-legend .lg-label{
	display:inline-block;
}
.db-legends.-lg-inline b, .db-legends.-lg-inline em{
	color:#111;
	font-weight:500;
}
.db-legends.-lg-inline > .-lg-inner{
	margin-right:-15px;
}
.db-legends.-fit > .-lg-inner{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.db-legends.-lg-inline > .-lg-inner .db-legend{
	display:inline-block;
	margin-right:15px;
}
.db-legends.-center > .-lg-inner{
	text-align:center;
}
.db-legends.-comfort .db-legend{
	margin-bottom:3px;
	font-size:13px;
}


*{
	padding: 0;
	margin: 0;
	font-family:inherit;
	font-size:inherit;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0.0px;
	text-rendering: geometricPrecision;
}
body, html{ 
	padding: 0;
	margin: 0;
	font-family: 'Roboto', 'Segoe UI', sans-serif;
	font-size:12px;
} 
body { 
	word-wrap: break-word;
}
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
a, .a{
	text-decoration:none;
	color:#267cde;
	font-weight:bold;
	cursor:pointer;
}
a:hover{
	color:#1e8fcf;
}
:focus {
	outline:none;
}
::-moz-focus-inner {
	border:0;
} 
ins
{
	text-decoration: none;
}
del,.del
{
	text-decoration: line-through;
	color:#f30
}
ol, ul {
	list-style: none;
}
img {
	border: none;
	overflow:hidden;
	font-size:10px;
	color: transparent;
 vertical-align: middle;
	/*For IE. http://css-tricks.com/ie-fix-bicubic-scaling-for-images*/
 -ms-interpolation-mode: bicubic;
}
h5 {
	font-size:12px;
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
}
h3, label {
	font-size:14px;
}
h4 {
	font-size:13px;
}
h6 {
	font-size:11px;
}
/*table*/
table{
	border-collapse:collapse;
	border-spacing:0;
}
table, th, td {
	vertical-align:middle;
}
textarea{
	resize: none;
}
.emo{
	vertical-align:-1px;
}
.url{
	cursor:pointer;
}
.inline-tag:hover{
	text-decoration:underline;
}
.url.std:hover{
	text-decoration:underline;
}


html, body{
	overflow:hidden;
	position:relative;
	height:100%;
}
#document{
	z-index:100;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
}
#pageerror{
	padding:50px 0;
	max-width:800px;
	margin:auto;
}
#pageerror .pageerror{
	padding:30px 30px;
	text-align:center;
	font-size:18px;
	background-color: #f3f3f3;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#pageerror .back{
	text-align:center;
	display:block;
	font-size:15px;
	padding:20px 0;
}
#master{
	position:absolute;
 padding:0;
	z-index:100;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	z-index:999;
	background-color: #fff;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
 box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}
#master-loader{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:99998;
	background-color:#fafafa;
}
#master-loader > .name{
	width:300px;
	margin:auto;
	padding-top:200px;
}
#master-loader > .name h1{
	font-size:36px;
	color:#257cdd;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	text-shadow:0 1px 2px #fff;
	text-align:center;
}
#master-loader > .name h1 span{
	font-size:50px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:normal;
	display:inline-block;
	padding:3px 20px 5px 20px;
	background-color: #257cdd;
	color:#fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-right:5px;
	vertical-align:top;
	margin-top:-11px;
}
#master-loader > .name h2{
	text-align:center;
	font-weight:normal;
	color:#0a55a8;
	padding-top:25px;
	font-size:18px;
	text-shadow:0 1px 3px #fff;
}
#master-loader .loading{
	text-align:center;
	font-family: Arial, san-serif;
	text-shadow:0 1px 2px #fff;
	width:100%;
	font-size:13px;
 background-color: #f5f5f5;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee');
 background: -moz-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5),color-stop(100%,#eeeeee));
 background: -webkit-linear-gradient(top, color-stop(0%,#f5f5f5),color-stop(100%,#eeeeee));
 background: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
 background: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
 background: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%);
	border-top:1px solid #ddd;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:25px 0;
	color:#888;
	font-weight:bold;
}
#master-loader img{
	position:absolute;
	left:50%;
	margin-left:-27px;
	top:40%;
}
#pagew{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:800;
}
#pagescroll{
	bottom:0px;
	position:absolute;
	top:56px;
	left:0px;
	width:100%;
}
#page{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}
#page-main{
	width:70%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#page-side{
	width:30%;
}


#base-apps{
	left:0px;
}
#base-apps .arrow{
	display:none;
}
#base-apps .box{
	left:210px;
	top:0px;
	bottom:0px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
#base-notis{
	left:210px;
}
.screen-full #base-notis {
	left: 64px;
}
#pagew{
	left:0px;
	top:55px;
}
#base-apps .box, #base-notis{
	left:0;
	right:0px;
	top:55px;
}
#base-notis .list.list-notis, #base-apps .box{
	right:0px;
	left:auto;
	width:640px;
	position:absolute;
}
.list.list-notis > .-arrow{
	display:none;
}


.base-side > div{
	float:left;
	margin-left:10px;
}


.master-menu{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:220px;
	z-index:7999;
	padding-bottom: 70px;
	top:0px;
	left:0px;
	bottom:0px;
	border-right:1px solid rgba(0,0,0,0.1);
	background-color: #fff;
}
.master-menu.-with-panel{
	width:280px;
}
.master-menu.-with-panel-only{
	width:60px;
}
.master-menu .wrapper{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.master-menu.-with-panel .wrapper{
	left:60px;
}
.master-menu .ws-scroll{
	position:absolute;
	overflow:hidden;
	top:85px;
	left:0px;
	right:0px;
	bottom:0px;
}
.master-menu.-with-ext-panel{
	width:320px;
}
.master-menu.-with-ext-panel .wrapper{
	left:100px;
}
.master-menu .menu-back{
	position:relative;
	font-size:15px;
 color:#111;
	font-weight:bold;
	padding:0px 0 15px 32px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:18px;
	margin-top:-2px;
}
.master-menu .menu-back:before{
	font-family:ap; content:"\e110";
	font-size:20px;
	position:absolute;
 color:#aaa;
	top:-1px;
	left:4px;
}
.master-menu .menu-back:hover{
	color:#267cde;
	text-decoration:underline;
}
.master-menu .menu-header{
	padding:20px 23px;
}
.master-menu .menu-header > .-mh-wrapper{
	position:relative;
}
.master-menu .menu-header.-pavatar > .-mh-wrapper{
	padding-left:50px;
}
.master-menu .menu-header .base-avatar, .master-menu .menu-header .base-iconbox{
	position:absolute;
	left:0px;
	top:0px;
}
.master-menu .menu-header .base-iconbox{
	top:2px;
}
.master-menu .menu-header .base-title{
	font-size:20px;
 color:#111;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.master-menu .menu-header .base-subtitle{
	color: #999;
	padding-top:4px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.master-menu .menu-header.-pavatar .base-title{
	font-size:16px;
	padding-top:3px;
}
.master-menu .menu-header.-pavatar .base-subtitle{
	font-size:13px;
}
.master-menu .section{
	padding:0px 10px 10px 10px;
}
.master-menu .item-sep{
	height:1px;
	background: rgba(0,0,0,0.05);
	margin:13px 13px;
}
.master-menu .item{
	position:relative;
	font-size:13px;
	cursor:pointer;
	display:block;
	font-weight:500;
	overflow:hidden;
	margin-bottom:4px;
	padding:8px 8px 8px 13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color: #666;
}
.master-menu .item.-picon{
	padding-left:40px;
}
.master-menu .item .label{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.master-menu .item .base-shape{
	top:8px;
	left:15px;
	position:absolute;
}
.master-menu .item .icon{
	position:absolute;
	display:block;
	top:6px;
	left:10px;
	width:16px;
	height:16px;
}
.master-menu .item .icon svg{
	width:20px;
	height:20px;
}
.master-menu .item .icon.-sm{
	top:7px;
}
.master-menu .item .icon.-sm svg{
	width:18px;
	height:18px;
}
.master-menu .item .icon .base-iconbox{
	width:20px;
	height:20px;
}
.master-menu .item .icon .base-iconbox .-bi{
	padding-top:4px;
}
.master-menu .item .icon .base-iconbox svg{
	width:12px;
	height:12px;
}
.master-menu .item .count{
	background: rgba(217,108,108,0.8);
	font-size:11px;
	display:block;
	position:absolute;
	padding:2px 4px;
	right:15px;
	top:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color:#fff;
	font-weight:300;
}
.master-menu .item:hover{
	background-color: #eee;
}
.master-menu .item:active{
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);
 -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);
 box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1);
}
.master-menu .item:hover, .master-menu .item:hover .title{
	color:#111;
}
.master-menu .item.active{
	font-weight:bold;
 color:#111;
	background: rgba(232,232,232,0.5);
}
.master-menu .item.active .icon{
	color: #111;
}
.master-menu .item.-sub{
	padding:7px 7px 7px 55px;
	font-size:13px;
}
.master-menu .item.-sub:before{
	position:absolute;
	left:18px;
	top:11px;
	border-right:8px solid rgba(0,0,0,0.2);
	border-top:8px solid transparent;
	content:"";
}
.master-menu .item.-sub .icon{
	left:32px;
	top:7px;
}
.master-menu .item.-sub .icon svg{
	width:16px;
	height:16px;
}
.master-menu .item-dd{
	padding-left:16px;
	position:relative;
}
.master-menu .item-dd .dd-icon{
	position:absolute;
	font-weight:500;
	text-transform:uppercase;
	width:16px;
	height:16px;
	top:9px;
	left:9px;
	z-index:100;
}
.master-menu .item-dd .dd-icon:before{
	font-family:ap; content:"\e6b1";
	font-size:13px;
 color:#888;
	position:absolute;
	top:0px;
	left:0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.master-menu .section .-item-dd-wrapper.menu-group{
	padding-bottom:0px;
}
.master-menu .menu-group.-collapsed .item-dd .dd-icon:before{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.master-menu .-item-dd-wrapper .item.active{
	background-color: transparent;
	color:#267cde;
}
.master-menu .section .menu-group.-item-dd-wrapper .group-items{
	margin-top:-3px;
}
.master-menu .section .title{
	padding:8px 0px 8px 10px;
	position:relative;
	font-weight:500;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
	color: #34960d;
	margin-top:5px;
	margin-left:3px;
}
.master-menu .section .title:hover{
	color: #111;
	text-decoration:underline;
}
.master-menu .section .title:after{
	font-family:ap; content:"\f05b";
	position:absolute;
	font-size:10px;
	right:0px;
	top:8px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.master-menu .section.-collapsed .title{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.master-menu .section.-collapsed .title:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.master-menu .section.-collapsed .items{
	display:none;
}
.master-menu .section .menu-group{
	padding-bottom:8px;
}
.master-menu .section .menu-group.-singular{
	padding-bottom:0px;
}
.master-menu .section .menu-group .group-title{
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	position:relative;
 color:#999;
	padding:2px 10px 2px 28px;
}
.master-menu .section .menu-group .group-title:before{
	font-family:ap; content:"\e6b1";
	position:absolute;
	font-size:13px;
	left:9px;
	top:1px;
}
.master-menu .section .menu-group .group-items{
	position:relative;
	padding-left:16px;
}
.master-menu .section .menu-group .group-items .item:before{
	position:absolute;
	left:0px;
	top:15px;
	height:1px;
	width:6px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.master-menu .section .menu-group .group-items:before{
	position:absolute;
	left:15px;
	top:0px;
	bottom:15px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.master-menu .section .menu-group.-collapsed .group-items{
	display:none;
}
.master-menu .section .menu-group.-collapsed .group-title:before{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}


.master-header{
	background-color: #2c343c;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:0px;
	left:0px;
	right:0px;
	height:55px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	z-index:8999;
	padding-right:10px;
	color: rgba(255,255,255,0.8);
	border-bottom:2px solid rgba(0,0,0,0.08);
	z-index:999;
}
.master-header:hover{
	z-index:2000;
}
.master-header .mh-main{
	padding:0 18px;
	position:relative;
}
.master-header > .full-mask{
	background: rgba(0,0,0,0.1);
}
.master-header .master-header-main{
	position:relative;
}
.master-header .master-header-main .base-search{
	float:left;
 color:#888;
	margin-left:25px;
	margin-top:11px;
}
.master-header .master-header-main .base-search input{
	font-size:13px;
 color:#fff;
	width:160px;
	border:1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.1);
}
.master-header .master-header-main .base-search input:active, .master-header .master-header-main .base-search input:focus{
	background: rgba(255,255,255,0.2);
	width:200px;
}
.master-header .master-header-main .base-search input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.7);
}
search input::-moz-placeholder{
	color: rgba(255,255,255,0.7);
}
search input:-moz-placeholder{
	color: rgba(255,255,255,0.7);
}
search input:-ms-input-placeholder{
	color: rgba(255,255,255,0.7);
}
.master-header .base-tabs{
	float:left;
	margin-left:25px;
	height:55px;
}
.master-header .base-tabs .base-tab{
	height:55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
	color: rgba(255,255,255,0.7);
	margin-right:18px;
}
.master-header .base-tabs .base-tab:hover{
	color: rgba(255,255,255,0.9);
	text-decoration:underline;
}
.master-header .base-tabs .base-tab .-tab-wrapper{
	padding:12px 4px;
}
.master-header .base-tabs .base-tab.-pdd .-tab-inner{
	padding-right:18px;
}
.master-header .base-tabs .base-tab.-pdd:after{
	margin-top:-7px;
	right:0px;
}
.master-header .base-tabs .base-tab.active{
	color:#fff;
}
.master-header .base-tabs .base-tab.active:before{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:2px;
	background: rgba(255,255,255,0.2);
	content:"";
}
.master-header .base-tabs .base-tab.-picon{
	padding-left:20px;
}
.master-header .base-tabs .base-tab .-cmenu{
	top:48px;
}
.master-header .base-tabs .base-tab .base-icon{
	margin-top:-1px;
}
.master-header .logo{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	padding:18px 0;
	height:55px;
}
.master-header .logo .-logo-wrapper{
	position:relative;
	padding-left:32px;
}
.master-header .logo .base-icon{
	position:absolute;
	left:0px;
	top:-2px;
	background-color: #267cde;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.master-header .logo .base-icon svg{
	fill:currentcolor;
}
.master-header .logo .base-icon svg, .master-header .logo .base-icon .-icon-svg{
	width:100%;
	height:100%;
	display:block;
}
.master-header .logo .text{
	display:inline-block;
	font-size:16px;
	font-weight:500;
	height:32px;
	padding-left:5px;
	vertical-align:7px;
}
.master-header .logo .text:hover{
	color:#fff;
	text-decoration:underline;
}
.master-header .logo.-real-logo{
	padding-top:12px;
}
.master-header .logo.-real-logo .-logo-wrapper{
	padding-left:0px;
}
.master-header .logo.-real-logo .base-image{
	display:inline-block;
	overflow:hidden;
	height:32px;
	max-width:150px;
}
.master-header .logo.-real-logo .base-image img{
	height:32px;
}
.master-header .header-side{
	position:absolute;
	z-index:1000;
	right:20px;
	top:0px;
}
.master-header .header-side .header-item{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	display:block;
	padding:11px 0;
	height:55px;
	margin-left:15px;
	min-width:16px;
}
.master-header .header-side .header-item .base-block .base-title{
	font-size:13px;
	font-weight:500;
	padding-top:7px;
}
.master-header .header-side .header-item .cta{
	background: rgba(255,255,255,0.15);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	height:32px;
	width:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	color: rgba(255,255,255,0.6);
}
.master-header .header-side .header-item .cta .base-icon{
	left:11px;
	top:7px;
}
.master-header .header-side .header-item .cta:hover{
	background-color: #42b814;
	color:#fff;
}
.master-header .header-side .header-item.active .cta{
	background-color: #267cde;
}
.master-header .header-side .header-item.-std{
	width:30px;
}
.master-header .header-side .header-item.-std .icon{
	position:absolute;
	top:11px;
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(255,255,255,0.15);
	color: rgba(255,255,255,0.6);
}
.master-header .header-side .header-item.-std .icon .base-icon{
	top:6px;
	left:6px;
}
.master-header .header-side .header-item.-std .icon .base-icon svg{
	width:20px;
	height:20px;
}
.master-header .header-side .header-item.-std .icon:hover{
	background: rgba(255,255,255,0.3);
	color:#fff;
}
.master-header .header-side .header-item.active .cta{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(135deg); -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg); -o-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
}
.master-header .header-side .header-item.item-notis .count{
	position:absolute;
 color:#fff;
	font-size:12px;
	text-align:center;
	background-color: #c34343;
	padding:2px 2px;
	min-width:16px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	top:7px;
	right:-13px;
}
.master-header .header-search{
	position:relative;
	float:left;
	padding-right:5px;
	padding-top:10px;
}
.master-header .header-search .base-search{
	color:#888;
}
.master-header .header-search .base-search input{
	font-size:13px;
 color:#fff;
	width:240px;
	border:1px solid rgba(255,255,255,0.1);
	background: rgba(255,255,255,0.1);
	width:180px;
}
.master-header .header-search .base-search input:focus{
	width:190px;
}
.master-header .header-search .base-search input:active, .master-header .header-search .base-search input:focus{
	background: rgba(255,255,255,0.2);
}
.master-header .header-search .base-search input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.7);
}
search input::-moz-placeholder{
	color: rgba(255,255,255,0.7);
}
search input:-moz-placeholder{
	color: rgba(255,255,255,0.7);
}
search input:-ms-input-placeholder{
	color: rgba(255,255,255,0.7);
}
.master-header .master-header-actions{
	position:absolute;
 color:#333;
	display:none;
	right:0px;
	top:56px;
	width:220px;
	backdrop-filter:blur(6px);
}
.master-header .master-header-actions.-ext{
	width:400px;
}
.master-header .header-item.active .master-header-actions{
	display:block;
}
.master-header .master-header-actions .base-title{
	font-size:20px;
	font-weight:bold;
	padding-bottom:15px;
	padding-left:10px;
}
.master-header .master-header-actions > .-mha-wrapper{
	padding:15px;
}
.master-header .master-header-actions.-ext > .-mha-wrapper{
	padding:20px 10px 20px 20px;
}
.master-header .master-header-actions .hp-section{
	padding-bottom:20px;
}
.master-header .master-header-actions .hp-section.-compact{
	padding-bottom:0px;
}
.master-header .master-header-actions .hp-section.-compact .base-title{
	font-size:11px;
	text-transform:uppercase;
 color:#aaa;
	padding-bottom:8px;
}
.master-header .master-header-actions .hp-section.-stroked{
	border-top:1px solid #eee;
	padding-top:20px;
}
.master-header .master-header-actions .header-action-sep{
	height:2px;
	background: rgba(0,0,0,0.05);
	margin:13px 10px;
}
.master-header .master-header-actions .header-action{
	position:relative;
	font-size:13px;
	padding:8px 8px 8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:2px;
}
.master-header .master-header-actions .header-action.-picon{
	padding-left:33px;
}
.master-header .master-header-actions .header-action:hover{
	color:#fff;
	background-color: #267cde;
}
.master-header .master-header-actions .header-action .base-icon{
	position:absolute;
	left:10px;
	top:7px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.master-header .master-header-actions .base-flex-cols > *{
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right:10px;
}
.master-header.-fw{
	background-color: #fff;
	color: #888;
}
.master-header.-fw .base-tabs .base-tab{
	color: #888;
}
.master-header.-fw .base-tabs .base-tab.active{
	color:#111;
}
.master-header.-fw .base-tabs .base-tab.active:before{
	background-color: #267cde;
}
.master-header.-fw .header-search .base-search input{
	border:1px solid rgba(0,0,0,0.1);
	color:#111;
}
.master-header.-fw .header-search .base-search input::-webkit-input-placeholder{
	color:#999;
}
search input::-moz-placeholder{
	color:#999;
}
search input:-moz-placeholder{
	color:#999;
}
search input:-ms-input-placeholder{
	color:#999;
}
.master-header.-fw .header-side .header-item.-std .icon, .master-header.-fw .header-side .header-item .cta{
	background-color: #f8f8f8;
	color:#999;
}
.master-header.-fw .header-side .header-item.-std .icon:hover. .master-header.-fw .header-side .header-item .cta:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	background-color: #fff;
	color:#111;
}
.master-header.-fw .logo:hover .text{
	color:#111;
}
.master-header.-forced-no-icon .base-tabs .base-tab.-picon{
	padding-left:0px;
}
.master-header.-forced-no-icon .base-tabs .base-tab .-tab-wrapper > .base-icon{
	display:none;
}


.master-panel{
	background-color: #fff;
	width:60px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	z-index:9999;
}
.master-panel .pitems{
	padding-top:4px;
}
.master-panel:before{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.master-panel .pitem{
	color: #888;
	padding:6px 0;
	position:relative;
}
.master-panel .pitem-sep{
	background-color: #eee;
	height:2px;
	margin:6px 20px;
}
.master-panel .pitem:hover{
	color:#267cde;
}
.master-panel .pitem .iw{
	width:36px;
	height:36px;
	margin:auto;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.master-panel .pitem .icon{
	font-size:20px;
	position:relative;
	padding:6px 0;
	width:24px;
	height:24px;
	margin:auto;
}
.master-panel .pitem .info{
	position:absolute;
	display:none;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:4px 8px;
	left:57px;
	top:15px;
	white-space: nowrap;
	font-size:12px;
	color:#888;
}
.master-panel .pitem:hover .info{
	display:block;
}
.master-panel .pitem.active .iw{
	background-color: #f8f8f8;
	color:#111;
}
.master-panel .pitem .count{
	background: rgba(185,51,51,0.95);
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
	position:absolute;
 color:#fff;
	font-weight:500;
	font-size:11px;
	text-align:center;
	display:none;
	min-width:12px;
	padding:3px 4px;
	top:2px;
	left:32px;
}
.master-panel .pitem .content{
	position:absolute;
	display:none;
	left:64px;
	top:0px;
	width:240px;
	background: rgba(0,0,0,0.9);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color: rgba(255,255,255,0.6);
	backdrop-filter: blur(8px);
}
.master-panel .pitem .content:before{
	position:absolute;
	left:-10px;
	top:0px;
	bottom:0px;
	width:20px;
	content:"";
}
.master-panel .pitem:hover .content{
	display:block;
}
.master-panel .pitem .content .master-pi-action{
	padding:10px 10px 10px 36px;
	border-top:1px solid rgba(255,255,255,0.1);
	position:relative;
}
.master-panel .pitem .content .master-pi-action .base-icon{
	position:absolute;
	left:10px;
	top:10px;
}
.master-panel .pitem .content .master-pi-action .base-title{
	color: rgba(255,255,255,0.8);
	font-weight:500;
	font-size:14px;
	padding-bottom:5px;
}
.master-panel .pitem .content .master-pi-action .base-info{
	font-size:11px;
}
.master-panel .pitem .content .master-pi-action:hover{
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.7);
}
.master-panel .pitem .content .master-pi-action:hover .base-title{
	color:#fff;
}
.master-panel .pitem .content .master-pi-form{
	position:relative;
	padding:10px 10px 10px 36px;
}
.master-panel .pitem .content .master-pi-form > .base-icon{
	position:absolute;
	left:10px;
	top:10px;
}
.master-panel .pitem .content .master-pi-form .base-title{
	font-size:13px;
	font-weight:500;
	color: rgba(255,255,255,0.8);
}
.master-panel .pitem .content .master-pi-form .input{
	margin-top:8px;
	margin-right:80px;
}
.master-panel .pitem .content .master-pi-form input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.master-panel .pitem .content .master-pi-form input{
	font-size:13px;
	padding:6px 10px;
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.8);
	border:1px solid rgba(255,255,255,0.1);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.master-panel .pitem .content .master-pi-form input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.6);
}
form input::-moz-placeholder{
	color: rgba(255,255,255,0.6);
}
form input:-moz-placeholder{
	color: rgba(255,255,255,0.6);
}
form input:-ms-input-placeholder{
	color: rgba(255,255,255,0.6);
}
.master-panel .pitem .content .master-pi-form .continue{
	margin-top:10px;
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	font-weight:500;
	font-size:13px;
	background-color: #267cde;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:7px 0px;
	right:10px;
	bottom:10px;
	width:69px;
}
.master-panel .pitem .content .master-pi-form .continue:hover{
	background-color: #42b814;
	color:#fff;
}
.master-panel.-ext{
	width:100px;
}
.master-panel.-ext .pitem .iw{
	height:auto;
	width:auto;
	padding:2px 0 8px 0;
}
.master-panel.-ext .pitem{
	color:#aaa;
}
.master-panel.-ext .pitem:hover{
	color:#333;
}
.master-panel.-ext .pitem:after{
	position:absolute;
	bottom:0px;
	left:13px;
	right:13px;
	height:2px;
	background: rgba(0,0,0,0.03);
	content:"";
}
.master-panel.-ext .hidden-label{
	text-align:center;
	font-size:11px;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	margin-top:6px;
	margin-bottom:3px;
}
.master-panel.-ext .pitem.active .iw{
	background-color: transparent;
	color:#267cde;
}


.master-body, .page-body{
	position:absolute;
	top:83px;
	left:0px;
	bottom:0px;
	right:0px;
}
.master-page{
	position:absolute;
	left:220px;
	top:0px;
	bottom:0px;
	right:0px;
}
.master-page.-gray{
	background-color: #f8f8f8;
}
.master-page > .-mp-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.master-page.-with-panel > .-mp-wrapper{
	left:60px;
}
.master-page.-with-panel-only{
	left:60px;
}
.master-page.-with-ext-panel{
	left:260px;
}
.master-page.-with-ext-panel-only{
	left:100px;
}
.page-header{
	position:relative;
	height:83px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 20px;
}
.page-header.-fill-white{
	background: rgba(255,255,255,0.5);
}
.page-header:before{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.page-header > .-ph-inner.-borderless:before{
	display:none;
}
.page-header > .-ph-inner{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:15px 20px 0px 0px;
	height:83px;
}
.page-header > .-ph-inner.-picon{
	padding-left:40px;
}
.page-header > .-ph-inner.-pavatar{
	padding-left:50px;
}
.page-header > .-ph-inner > .base-icon, .page-header > .-ph-inner > .base-avatar{
	position:absolute;
	font-size:16px;
 color:#888;
	top:22px;
	left:0px;
}
.page-header > .-ph-inner > .base-avatar{
	top:20px;
}
.page-header.-back > .-ph-inner{
	margin-left:32px;
}
.page-header.-back .back{
	position:absolute;
	font-size:24px;
 color:#888;
	left:15px;
	top:18px;
	padding:5px;
}
.page-header.-back .back .ap-icon{
	font-size:24px;
}
.page-header.-compact > .-ph-inner > .base-icon, .page-header.-compact > .-ph-inner > .base-avatar{
	top:20px;
}
.page-header > .-ph-inner > .base-icon svg{
	width:24px;
	height:24px;
	margin-top:-4px;
	display:block;
}
.page-header > .-ph-inner > .base-icon > .ap-icon{
	padding-top:2px;
	display:block;
}
.page-header > .-ph-inner > .base-iconbox{
	position:absolute;
	left:0px;
	top:15px;
}
.page-header > .-ph-inner .base-title{
	font-size:25px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.page-header > .-ph-inner .base-title .url:hover{
	text-decoration:underline;
}
.page-header > .-ph-inner .base-subtitle{
	font-size:13px;
 color:#999;
	padding-top:5px;
}
.page-header > .-ph-inner .base-side{
	position:absolute;
	right:0px;
	top:15px;
}
.page-header > .-ph-inner .base-side > div{
	margin-left:10px;
	float:left;
	position:relative;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:32px;
}
.page-header > .-ph-inner .base-side .base-search input{
	width:150px;
	background-color: #fff;
}
.page-header > .-ph-inner .base-side .base-search input:active, .page-header > .-ph-inner .base-side .base-search input:focus{
	width:180px;
}
.page-header > .-ph-inner .base-side .-cmenu{
	right:0px;
}
.page-header .base-bc{
	margin-top:6px;
}
.page-header .base-tabs{
	position:relative;
	margin-bottom:-13px;
}
.page-header .base-tabs .base-tab{
	padding-top:11px;
	padding-bottom:12px;
	margin-right:20px;
	text-transform:uppercase;
	font-size:12px;
 color:#aaa;
	font-weight:500;
	float:left;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:37px;
}
.page-header .base-tabs .base-tab .-cmenu{
	text-transform:none;
	top:32px;
}
.page-header .base-tabs .base-tab.active{
	color:#111;
	font-weight:500;
}
.page-header .base-tabs .base-tab.active:before{
	position:absolute;
	bottom:-1px;
	height:2px;
	left:0px;
	right:0px;
	content:"";
	background-color: #111;
}
.page-header .base-tabs .base-tab.-pdd:after{
	right:0px;
}
.page-header .base-side .base-itabs{
	background-color: #f8f8f8;
	color:#999;
}
.page-header.-compact{
	height:55px;
}
.page-header.-compact > .-ph-inner .base-title{
	font-size:18px;
}
.page-header.-compact > .-ph-inner .base-side{
	top:11px;
	z-index:100;
}
.page-header.-compact .base-tabs{
	position:absolute;
	text-align:center;
	left:30%;
	right:30%;
	top:10px;
}
.page-header.-compact .base-tabs .base-tab{
	display:inline-block;
	float:none;
	padding-bottom:18px;
	height:44px;
}
.page-header.-compact .base-tabs .base-tab .base-icon{
	left:2px;
	margin-top:-2px;
}
.page-header.-compact.-picon > .-ph-inner{
	padding-left:32px;
}
.page-header.-compact > .-ph-inner > .base-icon{
	top:18px;
}
.page-body{	
}
.page-body.-gray{
	background-color: #f8f8f8;
}
.page-body.-compact > .-pb-wrapper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:1000px;
	padding:20px;
	margin:auto;
}
.page-body .page-focus{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:20px 30px;
}
.page-section{
	position:relative;
	padding-bottom:20px;
}
.page-section > .-ps-wrapper{
	border:1px solid rgba(0,0,0,0.1);
	padding:20px;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.page-section .ps-header{
	border-bottom:1px solid #eee;
	padding-bottom:13px;
}
.page-section .ps-header .base-title{
	font-size:17px;
	font-weight:bold;
}
.page-compact{
	max-width:1000px;
	margin:auto;
	padding:20px;
}
.page-compact.-super{
	max-width:800px;
}
.-wbox{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 4px rgba(0,0,0,0.08);
}


.page-filter{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:10px 10px;
}
.page-filter .pfilters{
}
.page-filter .pfilters .base-filter{
	float:left;
	margin-right:10px;
}
.page-filter .pfilters .base-filter .-value{
	font-weight:500;
	font-size:12px;
}
.page-filter .pfilters .base-filter .-prefix{
	font-size:11px;
 color:#999;
	text-transform:uppercase;
}
.page-filter .pfilters .base-filter .-cmenu{
	left:0px;
	right:auto;
}
.page-filter .pfilters .base-filter.-right .-cmenu{
	left:auto;
	right:0px;
}


.page-section .section-header{
	padding:15px 0;
	border-bottom:1px solid rgba(0,0,0,0.08);
}
.page-section .section-header{
	padding-top:0px;
}
.page-section .section-header .-inner{
	position:relative;
}
.page-section .section-header.-pavatar .-inner{
	padding-left:50px;
}
.page-section .section-header .-inner > .base-shape, .page-section .section-header .-inner > .base-avatar{
	position:absolute;
	top:0px;
	left:0px;
}
.page-section .section-header .base-title{
	font-size:18px;
	font-weight:normal;
}
.page-section .section-header .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.page-section .section-header .base-info{
	font-size:13px;
 color:#999;
	padding-top:4px;
}
.page-section .section-header .base-side{
	position:absolute;
	top:0px;
	right:0px;
}
.page-section .section-header .base-side > div{
	float:left;
}
.page-section .section-header .base-side .base-action:hover{
	text-decoration:underline;
}


.base-layout{
	position:relative;
}
.base-layout .grid-layout-table{
	position:relative;
}
.base-layout .grid-layout-table > table{
	width:100%;
	table-layout: fixed;
}
.base-layout .grid-layout-table > table{
}
.base-layout .grid-layout-table td{
	vertical-align:top;
}
.base-layout .grid-layout-table td.grid-col{
	position:relative;
}
.base-layout .grid-layout-table .grid-col.-fixed-width .layout-col{
	position:relative;
	overflow:hidden;
	width:100%;
}
.base-layout .grid-layout-table td.grid-stroked{
	position:relative;
}
.base-layout .grid-layout-table td.grid-stroked .stroked{
	position:absolute;
	width:1px;
	top:0px;
	bottom:0px;
	background: rgba(0,0,0,0.1);
	left:50%;
	margin-left:-1px;
}
.layout-compact{
	max-width:1000px;
	margin:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
}
.layout-compact > .-wrapper{
	position:relative;
}
.layout-compact.-fit{
	padding:0;
}


.setting-section{
	position:relative;
}
.setting-section .ss-header{
	padding:20px 20px;
}
.setting-section .ss-header .base-title{
	font-size:24px;
	font-weight:bold;
	padding-bottom:6px;
}
.setting-section .ss-header .base-subtitle{
	font-size:13px;
 color:#888;
}
.setting-section .ss-header .base-side{
	position:absolute;
	right:20px;
	top:20px;
}
.setting-section.-fill{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.08);
}
.setting-section.-fill .base-cf-preview{
	border:none;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
	border-top:1px solid #eee;
	-moz-border-radius: 0px 0px 3px 3px;
 -webkit-border-radius: 0px 0px 3px 3px;
 border-radius: 0px 0px 3px 3px;
}


#document.-slide-apps #master{
	transform: translateX(220px);
}
.platform-apps{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5;
	z-index:1;
	top:0px;
	left:0px;
	bottom:0px;
	width:220px;
	color: #888;
}
.platform-apps:after{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.platform-apps .pa-header{
	margin:0 0px 0px 0px;
	padding:9px 0 9px 60px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:55px;
	background-color: #181a1c;
}
.platform-apps .pa-header .base-title{
	font-size:14px;
	font-weight:500;
 color:#fff;
	padding-bottom:3px;
}
.platform-apps .pa-header .base-info{
	font-size:13px;
}
.platform-apps .pa-header .base-avatar{
	position:absolute;
	left:15px;
	top:10px;
}
.platform-apps .pa-body{
	position:absolute;
	overflow:hidden;
	top:55px;
	left:0px;
	right:0px;
	bottom:0px;
}
.platform-apps .platform-app-sep{
	margin:10px 15px;
	height:2px;
	background: rgba(0,0,0,0.06);
}
.platform-apps .platform-app{
	position:relative;
	padding:13px 15px 13px 50px;
}
.platform-apps .platform-app .appicon{
	position:absolute;
	top:13px;
	left:15px;
	width:32px;
	height:32px;
}
.platform-apps .platform-app.-compact .appicon{
	filter:grayscale(100%);
}
.platform-apps .platform-app .appicon img{
	width:24px;
	height:24px;
}
.platform-apps .platform-app.-compact:hover .appicon{
	filter:grayscale(0%);
}
.platform-apps .platform-app .appname{
	font-size:14px;
	font-weight:500;
 color:#111;
	padding-bottom:3px;
}
.platform-apps .platform-app .appdesc{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.platform-apps .platform-app:hover{
	background-color: #fff;
	color:#222;
}
.platform-apps .platform-app:hover:before{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	width:4px;
	background-color: #267cde;
	content:"";
}
.platform-apps .platform-app:hover .appname{
	color:#267cde;
}
.platform-apps .platform-app.-compact{
	padding-top:10px;
	padding-bottom:10px;
}
.platform-apps .platform-app.-compact .appdesc{
	display:none;
}
.platform-apps .platform-app.-compact .appname{
	font-size:13px;
	padding-bottom:0px;
}
.platform-apps .platform-app.-compact .appicon{
	width:20px;
	height:20px;
	top:10px;
	left:20px;
}
.platform-apps .platform-app.-compact .appicon img{
	width:16px;
	height:16px;
}
.platform-apps .app-group{
	padding-top:15px;
}
.platform-apps .app-group.-top{
	padding-top:5px;
}
.platform-apps .app-group .ag-title{
	padding:10px 15px 10px 36px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:500;
	position:relative;
}
.platform-apps .app-group .ag-title:before{
	position:absolute;
	font-size:16px;
 color:#aaa;
	font-family:ap; content:"\e10f";
	top:8px;
	left:15px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.platform-apps .app-group.-collapsed{
}
.platform-apps .app-group.-collapsed .ag-items{
	display:none;
}
.platform-apps .app-group.-collapsed .ag-title:before{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.platform-apps .app-group.-collapsed .ag-title{
	color:#111;
	text-decoration:underline;
}


.form.-flat .input input.std, .form.-flat .input textarea.std, .form.-flat .select select.std, .form.-flat .input input, .form.-flat .input textarea, .form.-flat .select select{
	border:1px solid #ccc;
	padding:7px 8px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	-moz-box-shadow:inset 1px 1px 1px #f3f3f3;
 -webkit-box-shadow:inset 1px 1px 1px #f3f3f3;
 box-shadow:inset 1px 1px 1px #f3f3f3;
	margin-top:4px;
	font-size:14px;
	background: rgba(255,255,255,0.5);
}
.form.-flat .input input.-readonly{
	background-color: #fafafa;
	color:#888;
}
.form.-flat .input .input-fake{
	padding:8px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:4px;
	font-size:14px;
	background-color: #f8f8f8;
	border:none;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.form.-flat .row.-big .input .input-fake{
	font-size:20px;
	padding:9px 12px;
	background-color: #f6f6f6;
}
.form.-flat .row.-big .input .input-fake:after{
	top:12px;
	right:15px;
}
.form.-flat .input .fi input, .form.-flat .input .fi input.std{
 background-color: #f8f8f8;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#fafafa');
 background: -moz-linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8),color-stop(100%,#fafafa));
 background: -webkit-linear-gradient(top, color-stop(0%,#f8f8f8),color-stop(100%,#fafafa));
 background: -o-linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
 background: -ms-linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
 background: linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
}
.form.-flat .select select{
 background-color: #f8f8f8;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#fafafa');
 background: -moz-linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8),color-stop(100%,#fafafa));
 background: -webkit-linear-gradient(top, color-stop(0%,#f8f8f8),color-stop(100%,#fafafa));
 background: -o-linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
 background: -ms-linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
 background: linear-gradient(top, #f8f8f8 0%,#fafafa 100%);
	-moz-box-shadow: 0 2px 0px 0px transparent;
 -webkit-box-shadow: 0 2px 0px 0px transparent;
 box-shadow: 0 2px 0px 0px transparent;
	height:33px;
	padding-top:6px;
}
.form.-flat .input input:focus, .form.-flat .input textarea:focus, .form.-flat .select select:focus, .form.-flat .input input.std:focus, .form.-flat .input textarea.std:focus, .form.-flat .select select.std:focus{
	border:1px solid rgba(38,124,222,0.8);
	-moz-box-shadow: 0px 0px 4px rgba(38,124,222,0.2);
 -webkit-box-shadow: 0px 0px 4px rgba(38,124,222,0.2);
 box-shadow: 0px 0px 4px rgba(38,124,222,0.2);
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
 background: -moz-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: linear-gradient(top, #ffffff 0%,#ffffff 100%);
}
.form.-flat .label{
	font-size:13px;
	font-weight:500;
 color:#333;
}
.form.-flat .-big .input input.std, .form.-flat .-big .select select{
	font-size:20px;
	padding:9px 12px;
}
.form.-flat .-big .unit-text{
	margin-top:6px;
}
.form.-flat .row{
	padding-bottom:18px;
}
.form .row .inline-icon-picker{
	right:10px;
	bottom:23px;
}
.form .row.-big .inline-icon-picker{
	right:15px;
	bottom:28px;
}
.form .row .inline-icon-picker .ap-inline-colors{
	margin-left:-6px;
}
.form.-flat .input-editor{
	margin-top:5px;
}
.form.-flat .improve-select{
	margin-top:4px;
	border-color:#ccc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.form.-flat .improve-select .is-display{
	padding:7px 8px;
}
.form.-flat .input-custom-html{
	position:relative;
}
.form.-flat .input-custom-html .input-sgroup{
	border:1px solid #ccc;
	padding:8px 0px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	-moz-box-shadow:inset 1px 1px 1px #f3f3f3;
 -webkit-box-shadow:inset 1px 1px 1px #f3f3f3;
 box-shadow:inset 1px 1px 1px #f3f3f3;
	margin-top:4px;
	font-size:14px;
	overflow:hidden;
	position:relative;
}
.form.-flat .input-custom-html .input-sgroup:before{
	position:absolute;
	font-size:14px;
	top:6px;
	bottom:8px;
	width:3px;
	left:48%;
	background-color: #eee;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	content:"";
}
.form.-flat .input-custom-html .input-sgroup input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.form.-flat .input-custom-html .input-sgroup input{
	display:block;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:50%;
	padding:0 8px;
}
.form.-flat .input-custom-html .input-slabel{
	position:absolute;
	font-weight:normal;
 color:#888;
	left:50%;
	top:-22px;
	padding-left:8px;
}
.form.-flat .fi-datetime > div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:50% !important;
	margin:0px !important;
}
.form.-flat .fi-datetime > div.fi-datetime-time{
	padding-left:15px;
}
.form.-flat .fi-datetime .-ap{
	top:12px !important;
}

.visible-custom-table{
	padding-top:4px;
}
.visible-custom-table .base-table-wrapper{
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-bottom:10px;
}
.visible-custom-table .base-table-wrapper .base-table thead td{
	color:#999;
	background-color: #fcfcfc;
}
.visible-custom-table .base-table-wrapper .base-table thead td > div{
	padding-left:8px;
}
.visible-custom-table .base-table-wrapper tbody .-fx{
	border-left:1px solid #eee;
}
.visible-custom-table .base-table-wrapper tbody .-fx .cell, .visible-custom-table .base-table-wrapper tbody .-fx .cell-lead{
	padding:0;
}
.visible-custom-table .base-table-wrapper tbody .-fx .cell-lead{
	height:32px;
}
.visible-custom-table .base-table-wrapper .-fx input, .visible-custom-table .base-table-wrapper .-fx select{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.visible-custom-table .base-table-wrapper .-fx input, .visible-custom-table .base-table-wrapper .-fx select{
	padding:8px !important;
	font-size:14px;
	margin:0 !important;
	border:none !important;
	height:32px;
}
.visible-custom-table .base-table-wrapper .-fx select{
	font-size:13px;
}
.visible-custom-table .base-table-wrapper .-fx input:active, .visible-custom-table .base-table-wrapper .-fx input:focus{
	-moz-box-shadow: 0px 0px 3px rgba(38,124,222,0.7);
 -webkit-box-shadow: 0px 0px 3px rgba(38,124,222,0.7);
 box-shadow: 0px 0px 3px rgba(38,124,222,0.7);
	border:none !important;
}
.visible-custom-table .base-table-wrapper .input-tr-action{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color: #fafafa;
}
.visible-custom-table .base-table-wrapper .input-tr-action .-index{
	font-size:11px;
	font-weight:500;
 color:#999;
	padding:10px 8px;
}
.visible-custom-table .base-table-wrapper .input-tr-action .-remove{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	font-size:16px;
 color:#aaa;
	display:none;
	cursor:pointer;
	padding:8px 8px;
}
.visible-custom-table .base-table-wrapper .input-tr-action .-remove:hover{
	background-color: #fff;
	color:#c34343;
}
.visible-custom-table .base-table-wrapper tr:hover .input-tr-action .-remove{
	display:block;
}
.visible-custom-table .base-table-wrapper tr:hover .input-tr-action .-index{
	display:none;
}
.visible-custom-table .base-label{
	display:inline-block;
	cursor:pointer;
}
.visible-custom-table .base-label:hover{
	color:#267cde;
	text-decoration:underline;
}
.input-table.-dark{
	color: rgba(255,255,255,0.75);
}
.input-table.-dark .visible-custom-table .base-table-wrapper .base-table thead td{
	background-color:transparent;
	color:#fff;
}
.input-table.-dark .visible-custom-table .base-table-wrapper .input-tr-action{
	background: rgba(0,0,0,0.2);
}
.input-table.-dark .base-table tbody td{
	border-bottom:1px solid rgba(255,255,255,0.1);
}
.input-table.-dark .visible-custom-table .base-table-wrapper tbody .-fx{
	border-left:1px solid rgba(255,255,255,0.1);
}
.cform-display-table .base-table-wrapper{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.cform-display-table .base-table-wrapper .base-table thead td{
	color:#aaa;
	background-color: #fafafa;
}
.cform-display-table .base-table-wrapper .base-table thead td > div{
	padding-left:20px;
	padding-top:8px;
	padding-bottom:8px;
}
.cform-display-table .base-table tbody td .cell{
	font-size:13px;
}
.cform-display-table .base-table tbody td.-first .cell{
	padding-left:10px !important;
	background-color: #f8f8f8;
	border-right:1px solid rgba(0,0,0,0.05);
}
.cform-display-plain-table{
}
.cform-display-plain-table .it-row{
	margin-bottom:20px;
	padding-left:50px;
	position:relative;
}
.cform-display-plain-table .it-row:last-child{
	margin:0;
}
.cform-display-plain-table .it-row .it-index{
	font-weight:500;
	font-size:12px;
 color:#aaa;
	position:absolute;
	left:0px;
	top:0px;
	width:35px;
	bottom:5px;
	border-right:4px solid #eee;
}
.cform-display-plain-table .it-row .it-row-line{
	position:relative;
	padding-left:120px;
	padding-bottom:5px;
}
.cform-display-plain-table .it-row .it-row-line em{
	position:absolute;
 color:#666;
	left:0px;
	top:0px;
	width:110px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.cform-display-plain-table .it-row .it-row-line em span{
}
.cform-display-plain-table .it-row .it-row-line em:after{
	content:":";
	position:absolute;
 color:#aaa;
	right:0px;
	top:0px;
}

.row.-isinput-objects .label{
	display:none;
}
.input-objs{
	padding-top:10px;
	border:1px solid rgba(0,0,0,0.15);
	margin-top:8px;
	position:relative;
	background-color: #fcfcfc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.input-objs .iow-title{
	position:relative;
	font-size:14px;
	font-weight:500;
	padding:0px 15px 2px 15px;
} 
.input-objs .base-table-wrapper{
	padding:5px 15px;
}
.input-objs .base-table-wrapper .base-table thead td{
	color:#999;
}
.input-objs .base-table-wrapper .base-table thead td > div{
	padding-left:0px;
}
.input-objs .base-table-wrapper .base-table thead td .cell, .input-objs .base-table-wrapper .base-table thead td .cell-lead{
	text-transform:none;
	font-size:13px;
 color:#111;
}
.input-objs .base-table-wrapper tbody .-fx{
}
.input-objs .base-table-wrapper tbody .-fx .cell, .input-objs .base-table-wrapper tbody .-fx .cell-lead{
	padding:10px 6px 6px 0;
}
.input-objs .base-table-wrapper tbody .-fx .cell-lead{
	height:33px;
}
.input-objs .base-table-wrapper .base-table tbody td{
}
.input-objs .base-table-wrapper .-fx input, .input-objs .base-table-wrapper .-fx select{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.input-objs .base-table-wrapper .-fx input, .input-objs .base-table-wrapper .-fx select{
	padding:6px 8px;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.09);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:30px;
}
.input-objs .base-table-wrapper .-fx select{
	font-size:13px;
}
.input-objs .base-table-wrapper .-fx input:active, .input-objs .base-table-wrapper .-fx input:focus{
	border:1px solid #ccc;
}
.input-objs .base-table-wrapper .io-icon{
	width:20px;
	height:20px;
	padding:2px;
	cursor:pointer;
 color:#999;
}
.input-objs .base-table-wrapper .io-icon:hover{
	color:#c34343;
}
.input-objs .input-add-more{
	display:block;
	padding:10px 0 15px 15px;
}
.input-objs .input-add-more .base-label{
	display:inline-block;
	cursor:pointer;
}
.input-objs .input-add-more .base-label:hover{
	color:#267cde;
	text-decoration:underline;
}
.row.-isinput-advanced-objects .input-objs{
	padding-top:0px;
}
.input-objs .input-rows{
	margin-bottom:5px;
}
.input-objs .input-row{
	position:relative;
	padding:15px 20px;
	padding-right:40px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.input-objs .input-row .ir-remove{
	position:absolute;
	cursor:pointer;
 color:#999;
	padding:8px;
	width:16px;
	height:16px;
	right:5px;
	top:5px;
}
.input-objs .input-row .ir-remove:hover{
	color:#c34343;
}
.input-objs .input-row .col-title{
	font-size:12px;
	font-weight:500;
	padding-bottom:8px;
}
.input-objs .input-row .col-input input, .input-objs .input-row .col-input select{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
}
.input-objs .input-row .base-col > .-bc-inner{
	padding-right:10px;
}
.input-objs .input-row .col-input input, .input-objs .input-row .col-input select{
	padding:6px 8px;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.09);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:32px;
}
.input-objs .input-row .col-input input:active, .input-objs .input-row .col-input select:active, .input-objs .input-row .col-input input:focus, .input-objs .input-row .col-input select:focus{
	border:1px solid rgba(0,0,0,0.19);
	background: rgba(255,255,255,0.5);
}


.input-formula{
	padding-top:4px;
}
.input-formula .if-display{
	position:relative;
	font-size:14px;
	font-family: Consolas, Courier New, Courier New, monospace;
	padding:7px 8px 7px 40px;
	border:1px solid #ccc;
	background-color: #fafafa;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.input-formula .if-display .base-icon{
	position:absolute;
 color:#aaa;
	left:8px;
	top:7px;
}


.input-rating{
}
.input-rating .ir-opts{
	overflow:hidden;
	margin-right:-10px;
	padding-top:4px;
}
.input-rating .ir-opts .ir-opt{
	max-width:64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	font-size:15px;
	float:left;
	cursor:pointer;
	padding-right:8px;
}
.input-rating .ir-opts .ir-opt span{
	display:block;
	font-weight:500;
 color:#888;
	padding:8px 5px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.input-rating .ir-opts .ir-opt:hover span{
	border:1px solid rgba(0,0,0,0.1);
	color:#111;
}
.input-rating .ir-opts .ir-opt.-selected span{
	color:#267cde;
	font-weight:bold;
	text-decoration:underline;
	border:1px solid rgba(38,124,222,0.8);
	box-shadow: inset 0 0 0 1px rgba(38,124,222,0.8);
	background: rgba(38,124,222,0.05);
}


.input-percent-canvas{
	position:relative;
	margin-top:10px;
	margin-right:5px;
}
.input-percent-canvas .input-percent{
	margin-bottom:6px;
	height:13px;
}
.input-percent-canvas .input-dragger{
	background-color: #eee;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	margin-right:64px;
}
.input-percent-canvas .input-dragger .ui-slider-handle{
	background-color: #42b814;
	border:3px solid #fff;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:20px;
	height:20px;
	top:-8px;
	cursor:pointer;
}
.input-percent-canvas .input-dragger .ui-slider-range{
	background: rgba(66,184,20,0.8);
	-moz-border-radius: 5px 0 0 5px;
 -webkit-border-radius: 5px 0 0 5px;
 border-radius: 5px 0 0 5px;
}
.input-percent-canvas .current-update{
	position:absolute;
	font-size:15px;
 color:#aaa;
	right:0px;
	top:-6px;
}
.input-percent-canvas .current-update b{
	text-decoration:underline;
 color:#111;
	font-size:16px;
}
.input-percent-canvas .input-percent-extra{
	padding-top:6px;
	position:relative;
 color:#888;
}


.input-location-canvas{
}
.input-location-canvas .input-location .input-latlng{
	padding:9px 10px 9px 32px;
	border:1px solid rgba(0,0,0,0.1);
	font-size:13px;
 color:#999;
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin:5px 0 15px 0;
	background-color: #fafafa;
}
.input-location-canvas .input-location .input-latlng .base-icon{
	position:absolute;
	left:10px;
	top:7px;
}
.input-location-canvas .input-location .input-latlng .real-loc{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.input-location-canvas .input-location .input-latlng.-done{
	background-color: #fff;
	color:#111;
}



.finance-supertable-wrapper {
	position:relative;
 width: 100%;
 height: calc(100% - 42px);
 background-color: #f3f3f3;
 overflow: hidden;
	border-radius: 6px;
}
.finance-form-input-table {
 margin-top: 12px;
}
.finance-supertable {
 background-color: #fff;
 height: 100%;
	border-radius: 6px;
 overflow-x: auto;
}
.finance-supertable table {
 min-width: 100%;
 table-layout: auto;
 border-collapse: separate;
}
.finance-supertable table thead th {
 white-space: nowrap;
 color: #000a1e;
 padding: 10px 3px 8px 8px;
 text-align: left;
 border-right: 1px solid #E0E0E0;
 border-top: 1px solid #E0E0E0;
 font-size: 11px;
 text-transform: uppercase;
}
.finance-supertable table thead th.sticky, .finance-supertable table td.sticky {
	font-weight:500;
 background-color: #ffffff;
 position: sticky;
 z-index: 100;
}
.finance-supertable table thead th:nth-last-child(2) {
 border-right: none;
}
.finance-supertable table thead th:nth-last-child(1) {
 border-left: 1px solid #dadce0;
}
.finance-supertable table td.sticky-top {
 border-bottom: 1px solid #E0E0E0;
 border-right: 1px solid #E0E0E0;
 top: 0;
	padding: 0;
}
.finance-supertable table th.sticky-top {
 border-bottom: 1px solid #E0E0E0;
	background: #f5f5f5 !important;
}
.finance-supertable table th.sticky-left.sticky-top:first-child {
	border-top-left-radius: 6px;
}
.finance-supertable table th.sticky-left.sticky-top:nth-child(2) {
	border-left: none;
}
.finance-supertable table td.sticky-left.sticky-bottom {
	border-bottom-left-radius: 6px;
}
.finance-supertable table th.sticky-right.sticky-top {
	border-top-right-radius: 6px;
}
.finance-supertable table td.sticky-right.sticky-bottom {
	border-bottom-right-radius: 6px;
}
.finance-supertable table th.sticky-left.sticky-top, 
.finance-supertable table td.sticky-left.sticky-bottom, 
.finance-supertable table th.sticky-right.sticky-top, 
.finance-supertable table td.sticky-right.sticky-bottom {
 z-index: 101;
	border-left: 1px solid #E0E0E0;
}
.finance-supertable table .sticky-left.left0 {
 left: 0;
}
.finance-supertable table td .title {
 margin: 0;
}
.finance-supertable table th, .finance-supertable table td {
 text-align: left;
 font-size: 13px;
 padding: 0 8px;
 white-space: nowrap;
 background: #fff;
}
.finance-supertable table td {
 color: #333;
	border: 1px solid transparent;
 border-right: 1px solid #E0E0E0;
 border-bottom: 1px solid #E0E0E0;
}
.finance-supertable table td:has(.-input) {
	padding: 0;
}
.finance-supertable table .td-wrapper .-input .input-lookup-master textarea,
.finance-supertable table td:has(.input-lookup-master) {
	background-color: #f6f6f6;
}
.finance-supertable table td:has(+td.sticky.sticky-right) {
	border-right: none;
}
.finance-supertable .-input input {
	padding: 2px 8px;
	border-radius: 0;
}
.finance-supertable table .td-wrapper {
 height: fit-content;
	position:relative;
}
.finance-supertable table thead th.sticky .base-side {
	position:absolute;
 top: 10px;
 right: 36px;
}
.finance-supertable table thead th.sticky .base-side .model-sort:hover {
 cursor: pointer;
 color: #000000;
}
.finance-supertable table thead th .th-wrapper > .title.url:hover {
 text-decoration: underline;
}
.finance-supertable table th.sticky-top.-icon {
 padding-left: 30px;
}
.finance-supertable table th.sticky-top.-icon .model-filter {
 position: absolute;
 top: 10px;
 left: 6px;
}
.finance-supertable table th.sticky-top.-has-filter .opts {
 position: absolute;
 cursor: pointer;
 display: none;
 top: 35px;
 left: 0px;
 width: 200px;
 background-color: #fff;
 z-index: 2999;
 font-weight: normal;
 padding: 6px;
 -moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 6px 0px rgb(0 0 0 / 10%);
 box-shadow: 0 2px 6px 0px rgb(0 0 0 / 10%);
 max-height: 400px;
 overflow-y: auto;
}
.finance-supertable table th.sticky-top.-has-filter .opts .opt {
 padding: 6px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 font-size: 14px;
}
.finance-supertable table th.sticky-top.-has-filter .opts .opt:hover {
 background-color: #f3f3f3;
 color:#267cde;
}
.finance-supertable table th.sticky-top.-has-filter .opts .opt.active {
 background-color: #267cde;
 color: #fff;
}
.finance-supertable table th.sticky-top.-has-filter.th-active .opts {
 display: block;
}
.finance-supertable table td.sticky-index {
 color: #0A0A0A;
 font-weight: normal;
}
.finance-supertable table .td-wrapper .tr-actions-icon {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #ffffff;
 cursor: pointer;
 text-align: center;
 display: none;
}
.finance-supertable table tr.tr-active .tr-actions-icon {
 display: block;
}
.tr-actions-wrapper.-create {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 999;
 display: none;
}
.finance-supertable table .td-wrapper .tr-actions-icon.active {
 display: block;
}
.finance-supertable table td:first-child {
 border-left: 1px solid #E0E0E0;
	text-align: left;
}
.f-input-objects {
 margin-top: 6px;
}
.f-input-objects .input-table-actions{
	position: absolute;
 top: 30px;
 right: 4px;
 z-index: 110;
}
.f-input-objects.inactive .input-table-actions{
	display:none;
}
.f-input-objects.inactive {
 background: #dddddd30;
 border-radius: 8px;
 height: 30px;
}
.finance-supertable table thead th:nth-last-child(1), .finance-supertable table tbody td:nth-last-child(1) {
 border-right: 1px solid #E0E0E0;
}
.finance-form-input-table .finance-supertable table tbody td.-column-actions .base-button .-icon,
.finance-supertable table tbody td.-column-actions .base-button .-icon {
 left: 6px;
 top: 6px;
}
.finance-supertable table tbody td.-column-actions .base-button.-btn-remove-row {
 margin-left: 6px;
	box-shadow: none;
}
.finance-supertable table tbody td.-column-actions .base-button.-btn-remove-row svg {
 fill: #242424;
	width: 12px;
 height: 16px;
}
.finance-supertable table tbody td.-column-actions .base-button.-btn-remove-row:hover svg {
 fill: #CC1111;
}
.finance-supertable table thead th.sticky.sticky-right {
 right: 0;
}
.finance-supertable table tbody td.sticky.-column-actions .td-wrapper {
 position: relative;
 top: 2px;
 right: 0;
 left: 0;
 bottom: 0;
 width: 100%;
}
.finance-supertable table tbody td.sticky.-column-actions .td-wrapper .base-button.-cmenuw {
 width: 32px;
 margin: 0 auto;
}
.finance-supertable table tbody td.sticky.sticky-right.-column-actions {
 width: 1px;
}
.finance-supertable table td.-default-cell {
 height: 33px;
}
.finance-supertable table td.formula-cell {
	background: #f6f6f6;
}
.finance-supertable table td.filebox-cell {
	background: #dde8f15c;
}
.finance-supertable table td.-default-cell.formula-cell {
 padding: 0;
}
.finance-supertable table tr:nth-last-child(2) td.-default-cell:first-child {
	border-bottom-left-radius: 6px;
}
.finance-supertable table tbody tr:nth-last-child(2) td.sticky.sticky-right:last-child {
	border-bottom-right-radius: 6px;
}
.finance-supertable td .base-side {
 position: absolute;
 right: 0;
 top: 0;
}
.finance-supertable table td.-default-cell .td-wrapper > * {
 font-size: 13px;
	padding: 0;
}
.finance-supertable table td .thick .cur > * {
	font-weight:500;
}
.finance-supertable table thead th.-input-align-right .title {
 text-align: right;
}
.finance-supertable table thead th.-input-align-right .th-wrapper {
 width: 100% !important;
}
.finance-supertable table thead th.-input-align-right {
 padding-right: 10px;
}
.finance-supertable table tbody tr.-last-row-input td.-column-actions * {
 cursor: not-allowed;
}
.finance-supertable table td .action-url {
	font-weight:500;
	cursor:pointer;
 color:#267cde;
}
.finance-supertable table td .action-url:hover {
	text-decoration:underline;
}
.service-table .super-table-canvas.-sticky-header .super-table > .tbody {
 padding-top: 39px;
 position: relative;
}
.service-table .super-table-canvas.-sticky-header .super-table > .tbody:has(.tt-group:hover) {
	z-index: 1000;
}
.service-table .super-table .super-row .super-cell-wrapper:first-child .super-cell {
	padding-left: 10px;
}
.service-table .super-cell.-with-tooltip .base-icon {
 position: absolute;
 top: 6px;
 right: -4px;
	cursor: pointer;
}
.service-table .super-cell.-with-tooltip .tt-group {
 width: 28px;
 height: 28px;
 position: absolute;
 right: 0px;
 top: -6px;
 cursor: pointer;
}
.service-table .super-table .super-cell.-with-tooltip .sc-inner {
	padding-right: 12px;
}
.service-table .super-cell.-with-tooltip .base-tooltip>.-bt-inner .-bt-arrow {
 border-top: 12px solid #d9d9d9;
}
.service-table .super-cell.-with-tooltip .base-tooltip > .-bt-inner .-bt-arrow {
 bottom: -12px;
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
}
.service-table .super-cell.-with-tooltip .base-tooltip:hover {
	display: block !important;
}
.service-table .super-table .super-row,
.service-table .super-table .super-row .super-cell-wrapper,
.service-table .super-table .super-cell,
.service-table .super-table .super-cell .sc-inner {
	height: 100%;
	min-height: fit-content;
	position: relative;
	display: block;
	box-sizing: border-box;
	font-size: 14px;
}
.service-table .super-table .super-cell .base-icon-stat.icon-svg{
	padding-bottom: 0;
	display: inline;
 margin-left: 4px;
}
.service-table.-with-calculated-row .super-table .super-row:last-child .super-cell-wrapper {
	background: #f3f3f3;
}
.service-table.-with-calculated-row .super-table .super-row:last-child .super-cell-wrapper .base-title {
	color: #111 !important;
}
.service-table.-with-calculated-row .super-table .super-row:last-child .super-cell-wrapper:first-child {
	color: transparent;
}
.service-table .super-table .super-row .super-cell-wrapper {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.service-table .super-table-wrapper {
	border-radius: 6px;
 border-bottom: 0.1px solid rgba(0, 0, 0, 0.1);
	max-height: calc(100vh - 320px);
}
.service-table .super-cell .base-avatars {
	padding-top: 0
}
.service-table .base-avatars .inline-avatar {
	height: fit-content
}
.service-table .super-table .super-row {
	border: none;
	display: block;
 position: relative;
 float: left;
 clear: both;
}
.service-table .super-table-canvas.-sticky-header .super-table {
	min-height: 41px;
}
.service-table .-with-tooltip .base-tooltip > .-bt-inner,
.service-table .-with-tooltip .base-tooltip {
 text-align: left;
	max-width: 520px;
}
.service-table .-with-tooltip .base-tooltip > .-bt-inner .-bt-arrow {
	right: 56px;
	left: auto;
}
.service-table .-with-tooltip .base-tooltip .input-ext-display .base-table thead td {
	background-color: #f8f8f8;
	border-radius: 0;
}
.service-table .-with-tooltip .base-tooltip .input-ext-display table td {
	background-color: #fff;
	border-radius: 0;
}

.td-wrapper .base-form-row, .td-wrapper .fr-content, 
.td-wrapper .fr-input, .td-wrapper .fr-input input,
.td-wrapper .fr-input textarea{
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	border: none !IMPORTANT;
	height: 100%;
	width: 100%;
}
.finance-supertable table .td-wrapper .improve-select {
	margin: 0;
	border: none;
	height: 100%;
 padding: 0 8px;
 width: calc(100% - 16px);
}
.finance-supertable table .td-wrapper .improve-select .is-display {
	padding-top: 8px;
	padding-left: 0;
 padding-right: 24px;
}
.finance-supertable table .td-wrapper .improve-select .is-box {
	width: fit-content;
	z-index: 9999;
	max-width: 800px;
}
.finance-supertable table .td-wrapper .improve-select .is-display:after {
	top: 11px;
}
.finance-supertable .-fb-wrapper {
 zoom: 0.9;
}
.finance-supertable .fi-filebox .fb-files:last-child {
	margin-bottom: -12px;
}
.finance-supertable .fi-filebox .fb-files {
	padding-bottom: 0;
}
.finance-supertable .fi-filebox,
.finance-supertable .fi-filebox.-empty {
 padding: 8px;
}
.td-wrapper .fr-input textarea {
	padding-top: 10px;
	overflow: hidden;
}
.finance-supertable input::placeholder,
.finance-supertable textarea::placeholder {
	font-size: 12px;
}
.td-active .td-wrapper .fr-input textarea {
	border: 1px solid #048fc2 !important;
	width: 320px;
	height: 200px;
	padding: 2px 0 0 3px;
	background-color: #fff;
	z-index: 100;
	overflow: auto;
}
.td-wrapper .fr-input .-ip-datetime input {
	position: relative;
	padding: 10px 10px;
	display: inline-block;
	width: 50%;
}
.td-wrapper .fr-input .-ip-datetime input.-ip-time {
	width: 60px;
}
.td-wrapper .fr-input .-ip-datetime:after {
	margin-left: -5px;
}
.finance-supertable table .td-wrapper .improve-select .is-display > div:first-child {
	display: flex;
	flex-wrap: wrap;
 white-space: break-spaces;
 word-wrap: break-word;
	font-weight: 400;
}
.finance-supertable table .td-wrapper .improve-select .is-display:after {
	right: 0;
	top: 8px;
}
.f-input-objects-wrapper .td-wrapper .base-form-row, 
.f-input-objects-wrapper .td-wrapper .fr-content, 
.f-input-objects-wrapper .td-wrapper .fr-input, 
.f-input-objects-wrapper .td-wrapper .fr-input > input,
.f-input-objects-wrapper.td-wrapper .fr-input > textarea {
	padding: 0;
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 margin: 0;
 border: none !important;
 height: calc(100%);
 width: calc(100%);
	border-radius: 0;
	min-height: 33px;
}
.f-input-objects-wrapper .input-formula {
	padding: 0;
}
.f-input-objects-wrapper .input-formula > .if-display {
	border: none;
 position: relative;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 border-radius: 0;
	background: transparent;
	min-height: 18px;
	height: fit-content;
	white-space: break-spaces;
	word-break: break-all;
	display: flex;
 flex-direction: row;
 align-items: baseline;
 justify-content: space-between;
 padding: 7px 8px 7px 8px;
	gap: 10px;
	&.-currency {
 flex-direction: column;
 gap: 0px;
 .currency-display-amount {
 margin-top: 8px;
 }
 .currency-display-text {
 margin-bottom: 0 !important;
 }
	}
	.fx-placeholder {
 width: fit-content;
 display: flex;
 gap: 6px;
 align-items: center;
 min-width: fit-content;
 color: #aaa;
	}
}
.f-input-objects-wrapper .-default-cell.formula-cell .input-formula > .if-display {
	flex-direction: column;
 gap: 8px;
 align-items: flex-end;
	min-width: calc(100% - 20px);
}
.f-input-objects-wrapper .input-formula > .if-display .base-icon {
 position: relative;
 color: #aaa;
 left: 0;
	top: -16px;
}
.f-input-objects-wrapper .input-formula span.-icon-svg {
 position: absolute;
 top: 16px;
 left: 0;
}
.f-input-objects-wrapper td textarea,
.f-input-objects-wrapper td input {
	min-height: 33px;
	box-shadow: none;
}
.f-input-objects-wrapper td:has(input, textarea) {
 vertical-align: top;
}
.form.-flat .f-input-objects-wrapper textarea {
	margin-top: 0px;
}
.f-input-objects-wrapper {
	position: relative;
	z-index: 109;
}
.finance-supertable table tbody td.sticky.sticky-right {
	right: 0;
	background-color: #fff;
	border-left: 1px solid #E0E0E0;
}
.finance-supertable table tbody tr:not(.-extra-row) td:nth-last-child(2),
.finance-supertable table tbody tr.-extra-row td:nth-last-child(1),
.finance-supertable table tbody tr:not(.-custom-row) td:nth-last-child(2),
.finance-supertable table tbody tr.-custom-row td:nth-last-child(1) {
	border-left: 1px solid #dadce0;
}
.finance-supertable table tbody td.-column-actions .base-button {
	padding: 0;
	width: 30px;
 margin-left: 6px !important;
}
.finance-supertable table tbody td.-column-actions .base-button .-suffix {
	display: none;
}
.finance-supertable table tbody td.-column-actions .base-button .-cmenu {
	position:absolute;
}
.finance-supertable table tbody td.sticky.sticky-right:hover {
	z-index: 1003;
}
.finance-supertable table .td-wrapper .-input input, .finance-supertable table .td-wrapper .-input textarea {
	padding: 4px 8px;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}
.finance-supertable table .td-wrapper .-input .input-lookup-master input {
	background: #f6f6f6;
}
.finance-supertable table .td-wrapper .-input textarea {
	padding: 9px 8px;
	min-height: fit-content;
	height: 33px;
}
.finance-supertable table .td-wrapper .-input.int input {
	text-align: right;
}
.finance-supertable table .td-wrapper .-input input:focus, .finance-supertable table .td-wrapper .-input textarea:focus {
	border: 1px solid #1E88E5;
 box-shadow: 0px 0px 4px rgba(30, 136, 229, 0.2);
	box-shadow: none;
}
.finance-supertable table td:has(.improve-select.active),
.finance-supertable table td:has(input:focus),
.finance-supertable table td:has(textarea:focus) {
	border: 0.1px solid #1E88E5 !important;
}
.finance-supertable table tr td:has(.improve-select.active) {
	z-index: 102;
}
.finance-supertable table .td-wrapper .-input input.-ip-date {
	text-align: right;
}
.finance-supertable .td-wrapper .fr-input .-ip-datetime:after {
	margin-left: -12px;
	display:none;
}
.finance-supertable table .td-wrapper .-input .fic-checkbox {
	top: 8px;
}
.finance-supertable table .td-wrapper .fi-fake.-input {
 border: none;
 position: absolute;
 top: 0;
 bottom: 0;
 left: -8px;
 right: -8px;
 padding-top: 10px;
 font-size: 14px;
}
.finance-supertable table .td-wrapper .fi-fake.-input::before {
 top: 11px;
}
.finance-supertable table .td-wrapper .-input .fc-presets {
 padding: 6px;
}
.finance-supertable table .td-wrapper .-input .fc-chosen {
 height: fit-content;
 top: 6px;
}
.f-input-objects-wrapper .td-wrapper .fr-content .unit-text,
.finance-supertable-wrapper .td-wrapper .fr-content .unit-text {
	position:absolute;
 top: 10px;
 right: 0;
 color: #aaa;
}
.input .unit-text {
	position: absolute;
 right: 10px;
 bottom: 28px;
 color: #aaa;
 font-size: 12px;
 text-transform: none !important;
}
.finance-supertable table tbody tr:not(.-custom-row) td.-default-cell:nth-last-child(2) {
	border-left: none;
}
.finance-supertable table tbody tr:not(.-custom-row) td.-default-cell:first-child {
 border-bottom-left-radius: 6px;
	border-left: 1px solid #dadce0;
}
.finance-supertable table tbody tr:not(.-custom-row).-extra-row:nth-last-child(3) td.-default-cell:first-child {
 border-bottom-left-radius: 0;
}
.finance-supertable table td.-default-cell .base-title {
 font-size: 14px;
	text-align: left;
}
.finance-supertable table .td-wrapper .-input-align-right .-input input {
 text-align: right;
 padding-right: 12px;
}
.finance-supertable table td .-input-checkbox .fr-input.-input {
	position:relative;
 width: 18px;
 margin: 0 auto;
}
.row .input.data .unit-text {
	position:absolute;
 right:10px;
 top:9px;
 color:#aaa;
 font-size:12px;
}
.finance-supertable table tr.-readonly td {
	background-color: #f3f3f3;
	color: #888;
}
.finance-supertable table .td-wrapper .-input .is-search > input {
	font-size:14px;
	position:relative;
	line-height: 18px;
	height: fit-content;
}
.finance-supertable .td-wrapper .-cmenuw {
	position: absolute;
	top: 32px;
}
.finance-supertable .td-wrapper .input-ext .ext-options {
	margin-top: 20px !important;
}
.finance-supertable .-extra-row {
 z-index: 1;
 position: relative;
}
.form .finance-supertable .input.js-ext .-cmenu.-padding {
	margin-left: 4px;
}
.form.-flat .-ip-datetime {
	width: 100%;
 display: flex;
	gap: 12px;
}
.-ip-datetime:after {
 position: absolute;
 left: calc(50% + 8px);
}
.form.-flat .-ip-datetime > input {
 box-sizing: border-box;
 width: 50% !important;
 margin: 0px !important;
}
.f-input-objects-wrapper .td-wrapper {
	.input-lookup {
 min-height: fit-content;
 .input-ext .input > input {
 position: relative;
 }
 .fi-extra {
 padding-left: 8px;
 padding-top: 8px;
 padding-right: 8px;
 min-height: 21px;
 }
 .base-search {
 height: 36px;
 }
 .base-search input {
 padding-left: 28px;
 border-radius: 6px;
 margin-top: 2px;
 box-shadow: rgb(243, 243, 243) 1px 1px 1px inset;
 border: 1px solid rgba(0, 0, 0, 0.1) !important;
 }
.base-search input:focus{
 box-shadow: rgba(30, 136, 229, 0.2) 0px 0px 4px;
 border: 1px solid rgb(30, 136, 229) !important;
 }
 .base-search.-icon-left:after {
 left: 10px;
 top: 12px;
 right: auto;
 }
	}
	.input-rating .ir-opts {
 margin: 0;
 padding: 0 8px 8px 4px;
	}
	.currency-display-text {
 white-space: break-spaces;
 margin: 8px !important;
 max-width: calc(100% - 16px);
 font-size: 13px !important;
	}
	.input-currency {
 border-bottom: 1px solid rgba(0,0,0,0.1);
 input, select {
 margin: 0;
 border: none !important;
 }
 .select-currencies, input {
 position: relative;
 min-width: 156px;
 }
 .select-currencies::before {
 content: '';
 position: absolute;
 width: 1px;
 background-color: rgba(0, 0, 0, 0.1);
 height: 100%;
 left: -4px;
 top: 0;
 display: block;
 }
	}
}




.finance-supertable .input-ext .input input {
	font-size: 14px;
	padding: 4px 4px;
	border: none;
	box-shadow: none;
 height: fit-content;
}
.input-ext .ext-options{
	margin-top:0px !important;
}
.input-ext .spinner-icon {
 display: none;
	position:absolute;
 right: 4px;
 top: 4px;
}
.input-ext .-cmenu .ext-options .-item.-active {
	background-color: #267cde;
	color: #fff;
	font-weight:bold;
}
.input-ext .-cmenu.-padding .-item .ext-item-title {
 font-size: 13px;
 font-weight: 500;
}
.input-ext .-cmenu.-padding .-item .ext-item-subtitle {
 font-size: 11px;
 margin-top: 4px;
}
.input-ext .-cmenu.-padding .-item {
 border-bottom: 1px solid #E0E0E0;
}
.input-ext .-cmenu.-padding .-item:last-child {
 border-bottom: none;
}





.inline-avatar > .-signal, .inline-avatar > .-cmenu > .-item > .-signal {
	position:absolute;
	font-size:10px;
	text-align:center;
	bottom: -5px;
	right: -5px;
	width: 16px;
	height: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	z-index: 10;
	border: 1px solid #FFFFFF;
}
.inline-avatar > .-cmenu > .-item > .-signal {
	width: 12px;
	height: 12px;
	top: 14px;
	left: 22px;
}
.inline-avatar > .-signal .-ap {
	display:inline-block;
	padding-top: 3px;
}
.inline-avatar > .-cmenu > .-item {
	position:relative;
}
.simple-form .inline-avatar > .-signal .-ap {
	top: 0px;
}


.finance-divider-horizontal {
 width: 100%;
 height: 17px;
 position: relative;
 display: flex;
 align-items: center;
 gap: 11px;
}
.finance-divider-horizontal .-inner-text {
 font-size: 14px;
 color: #616161;
 display: block;
 width: fit-content;
 text-transform: uppercase;
}
.finance-divider-horizontal:after {
 content: "";
 background: #E0E0E0;
 height: 1px;
 display: block;
 flex: 1;
}


.finance-text-desc-color {
 font-size: 14px;
 color: #616161;
 position: relative;
 display: flex;
 align-items: center;
 gap: 6px;
}
.finance-text-desc-color .-box {
 width: 18px;
 height: 18px;
 border-radius: 6px;
}


.h-section {
 margin-right: -5px;
 display: flex;
 justify-content: space-between;
 margin-top: 16px;
}
.h-box {
 border: 1px solid rgba(0,0,0,0.1);
 flex: 0 0 24%;
}
.h-box .hb-wrapper {
 position: relative;
 padding: 8px;
}
.h-box .hb-header {
	font-size:16px;
 font-weight: 500;
 line-height: 20px;
 border-bottom: 1px;
 margin-bottom: 4px;
}
.hb-body .stats {
	font-size:14px;
 display: inline-block;
}
.hb-body .unit {
 display: inline-block;
}
.hb-body .base-change {
 margin-top: 2px;
}
.h-box .hb-body {
 position: relative;
}
.h-section .h-graph {
 border: 1px solid rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 margin-right: 0px;
 flex: 0 0 100%;
}
.h-graph .hg-wrapper {
 position: relative;
 padding: 8px;
}
.h-graph .hg-header {
	font-size:16px;
 font-weight: 500;
 line-height: 20px;
 border-bottom: 1px;
 margin-bottom: 4px;
}
/* File does not exists: [PRIVATE FILE] */

/* File does not exists: [PRIVATE FILE] */

.master-page.-no-menu {
	left: 0px;
	bottom: 8px;
 right: 8px;
	border-radius: 12px;
}
.master-page.-no-menu.embed-view {
	left: 0px;
	bottom: 0;
 right: 0;
	border-radius: 0;
	background-color: #ffffff;
	width: calc(100% - 2px);
}
.__fdialog .__dialogmain {
	max-width: 1400px;
	border-radius: 6px;
	margin-bottom: 48px;
}
#base-apps {
	top: 55px;
}
#base-apps > .-canvas.full-mask {
	top: 0;
}
#base-apps .box {
	top: 0;
	right: 0;
	left: auto;
}
#base-notis {
	background: rgba(0, 0, 0, 0.5);
}
#base-notis .list.notis-canvas {
	position:absolute;
	right: 0;
	left: auto;
}
#base-notis .list.notis-canvas>.-arrow {
	display:none;
	right: 130px;
}
#pagew #c-page {
	left: 0;
}
#c-page {
	position:absolute;
 top: 0;
 left: -260px;
 right: 0;
 bottom: 0;
 background-color: #ffffff;
	border-radius: 12px;
}
#c-page .error.url {
 margin-top: 12px;
	font-size: 16px;
 color:#1e88e5;
}
#c-page .error.url:hover {
	text-decoration: underline;
}
.suggested-input .bootstrap-tagsinput {
	padding-right: 22px !important;
}
.bootstrap-tagsinput {
	background-color: white !important;
	border: 1px solid rgb(204, 204, 204) !important;
	box-shadow: inset 1px 1px 1px rgb(243, 243, 243) !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
	padding: 7px 8px !important;
	color: black !important;
	border-radius: 2px !important;
	margin-top: 4px !important;
	cursor: text;
	border-radius: 6px !important;
}
.bootstrap-tagsinput input {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
	max-width: inherit !important;
	display: inline-block !important;
	background: transparent !important;
	max-width: calc(100% - 20px) !important;
	flex-grow: 1;
}
.bootstrap-tagsinput .tag.is-itag {
	display: inline-block;
	font-size: 12px;
	padding: 3px 5px;
	background: rgba(38, 124, 222, 0.1);
	box-shadow: inset 0 0 0 1px rgba(38, 124, 222, 0.2);
	border-radius: 2px;
	margin-right: 4px;
	color: black !important;
	max-width: calc(100% - 20px);
}
.bootstrap-tagsinput .tag .icon-close {
	line-height: unset !important;
	position: unset !important;
	margin-left: 8px;
	cursor: pointer;
}
.form-rows .-cb-body .input.input-currency{
	flex-direction: row !important;
}
.form-rows .-cb-body .input{
	flex-direction: column;
	.ap {
 position: absolute;
 align-self: anchor-center;
 right: 4px;
 top: 4px;
	}
	.-cmenu.absolute.-scroll-fit {
 position: absolute;
 right: -300px;
 top: 25px;
	}
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:55px;
	z-index:5999;
	color:#343434;
	border-bottom:1px solid rgba(0,0,0,0.1);
	background-color: #fff;
	-moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
 box-shadow: 0 2px 2px 0px rgba(0,0,0,0.05);
}
#header .menu{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:0px;
	width:250px;
	height:55px;
	text-align:left;
	z-index:1000;
}
#header .menu:hover{
	background: rgba(243,243,243,0.5);
}
#header .menu > .icon{
	font-size:10px;
	font-weight:normal;
 color:#1E88E5;
	text-transform:uppercase;
	position:absolute;
	text-align:center;
	top:9px;
	left:15px;
	width:36px;
	height:36px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	background: rgba(30,136,229,0.1);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
#header .menu > .icon:before{
	content:"";
	display:block;
	height:12px;
}
#header .menu .dd{
	position:absolute;
	font-size:16px;
	right:10px;
	top:18px;
}
#header .menu .label{
	padding:17px 0 15px 62px;
	font-size:15px;
	text-transform:uppercase;
	margin-right:30px;
}
#header .menu:hover > .icon{
	background: rgba(30,136,229,1.0);
	color:#fff;
}
#header .menu .items{
	position:absolute;
	display:none;
	top:53px;
	left:15px;
	-moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
 box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
	width:300px;
	padding:8px;
	background-color: #fff;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#header .menu:hover .items{
	display:block;
}
#header .menu .items .item{
	font-size:13px;
	position:relative;
 color:#555;
	padding:10px 15px 10px 40px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#header .menu .items .item .icon{
	font-size:20px;
	position:absolute;
	top:7px;
	left:10px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
#header .menu .items .item:hover{
	background: rgba(30,136,229,0.8);
	color:#fff;
}
#header .search{
	position:absolute;
	left: 0px;
	top: 2px;
	height: 32px;
	background-color: #fff;
	width: 340px;
	margin: 8px;
	border-radius: 8px;
	padding: 0px;
}
#header .search .input{
	position:relative;
	padding:8px 10px;
}
#header .search .icon{
	position:absolute;
	left:10px;
	top:9px;
	padding:8px 10px 8px 15px;
	font-size:20px;
 color:#aaa;
}
#header .search input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	font-size:15px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#header .search input{
	padding:6px 20px 10px 44px;
	width:360px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
#header .search input:active, #header .search input:focus{
	background-color: #f3f3f3;
	width:360px;
}
#header.fi-hr .mh-main {
	padding: 0px 20px;
	display: flex;
	justify-content: space-between;
}
.master-header .header-center {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	float: unset;
	width: 400px;
}
.master-header .base-search.-lg:after {
	top: 8px;
 left: 8px;
}
.master-header .master-header-main{
	width: 280px;
}
.master-header .header-center .center-actions {
	position:absolute;
	top: 10px;
	right: 0px;
}
.master-header .header-side .header-item {
	height: 48px;
}
.master-header .header-center .header-item {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 32px;
	width: 32px;
	background-color: #fff;
	color: #000000;
}
.master-header .header-center .header-item {
	border-radius: 50%;
}
#header.fi-hr .header-center .center-actions .header-item .icon {
	position:absolute;
	top: 8px;
	left: 8px;
}
#header .tabs{
	display:inline-block;
	text-align:center;
	position:relative;
	font-size:12px;
 color:#aaa;
	text-transform:uppercase;
	overflow:hidden;
	margin-top:10px;
}
#header .tabs .button{
	display:block;
	float:left;
	font-size:15px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	padding:8px 13px;
	text-transform:none;
	margin-left:20px;
}
#header .tabs .tab{
	float:left;
	cursor:pointer;
	position:relative;
	padding:8px 20px 8px 20px;
	font-weight:300;
}
#header .tabs .tab .count{
	font-weight:300;
}
#header .tabs .tab.-stroked{
	border-left:1px solid rgba(0,0,0,0.05);
}
#header .tabs .tab:hover{
	background-color: #fff;
	color:#343434;
}
#header .tabs .tab.active{
	background-color: #fff;
	font-weight:bold;
 color:#1E88E5;
}
#header .tabs.-right{
	display:block;
	position:absolute;
	right:20px;
}
#header .actions{
	position:absolute;
	right:246px;
	top:0px;
	border-right:1px solid rgba(0,0,0,0.05);
}
#header .actions .action{
	font-size:24px;
 color:#888;
	cursor:pointer;
	float:left;
	padding:0px 20px;
	border-left:1px solid rgba(0,0,0,0.05);
	height:55px;
}
#header .actions .action:before{
	content:"";
	height:13px;
	display:block;
}
#header .actions .action .text{
	font-size:13px;
	font-weight:normal;
	display:inline-block;
	text-transform:uppercase;
	vertical-align:5px;
	padding-left:6px;
}
#header .actions .action.active{
	color:#1E88E5;
}
#header .actions .action:hover{
	background-color: #f3f3f3;
}
#header .actions.-right{
	right:0px;
}
#header .actions.-right .action{
	border:none;
}
#header .back{
	height:55px;
	left:249px;
	border-left:1px solid rgba(0,0,0,0.05);
	position:absolute;
	cursor:pointer;
}
#header .back .icon{
	position:absolute;
	font-size:24px;
	top:13px;
	left:18px;
}
#header .back .label{
	padding-left:60px;
	padding-top:15px;
	font-weight:300;
	font-size:18px;
	max-width:300px;
}
#header .back .label em{
	display:inline-block;
 color:#1E88E5;
	background: rgba(30,136,229,0.1);
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	padding:5px 8px;
	vertical-align:2px;
	font-size:13px;
	text-transform:uppercase;
	margin-right:10px;
}
#header .back:hover{
	color:#1E88E5;
}
.page-header.no-border:before {
	display:none;
}
.page-header.-fill-white {
	background-color: #fff;
}
.master-header .logo .base-icon {
	top: -4px;
	color: #1E88E5;
	background: transparent;
}
#page .page-header > .-ph-inner {
	padding-top: 19px;
}
#page .page-header {
	height: 98px;
	background-color: #ffffff;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
#page .page-body {
	background-color: #ffffff;
	top: 85px;
	border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;
}
#page .page-header.-gray {
	background-color: #f8f8f8;
}
#page .page-header.-width-menu{
	margin-left: 220px;
}
#page .page-body.scroll-y {
	top: 85px;
	background-color: #ffffff;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	overflow: auto !important;
}
#page .page-body.scroll-y .-pb-wrapper {
 padding-bottom: 80px;
}
#page .page-body.scroll-y .-pb-wrapper.-editing {
 background: #f3f3f3;
	min-height: 100%;
}
#page .master-main.service-page .page-body.scroll-y {
	top: 0;
}
#page .page-body.-width-menu {
 left: 220px;
}
#page .page-body.-with-border {
	border-top: 1px solid #F0F0F0;
}
.page-header .base-tabs .base-tab .-cmenu {
	max-height: 80vh;
}
.page-header > .-ph-inner .base-side .-long input {
	width: 180px;
}
.page-header > .-ph-inner .base-side .base-search input {
	width: 180px;
	background-color: #f5f5f5;
}
.page-header.-gray > .-ph-inner .base-side .base-search input {
	background-color: #ffffff;
	border-color: #ddd;
}
.master-page.service-page .page-header > .-ph-inner .base-side {
	right: auto;
	top: 12px;
 left: 0;
}
.master-page.service-page .page-header > .-ph-inner .base-side > div {
 margin-right: 10px;
 margin-left: 0;
}
.master-header.fi-hr {
	background: #1E88E5;
}
.base-load-wrapper .bl-header {
	background: #1E88E5 !important;
	color: #fff;
}
.master-header.-fw.fi-hr {
	background: #ffffff !important;
	color: #2F3139;
}
.master-header.-fw.fi-hr .logo:hover .text{
	color:#fff;
}
.master-header.-fw.fi-hr .base-tabs .base-tab {
	color: #fff;
	opacity: 0.6;
}
.master-header.fi-hr .base-tabs .base-tab:hover {
	color:#fff;
	opacity: 1;
}
.master-header.-fw.fi-hr .base-tabs .base-tab.active {
	opacity: 1;
}
.master-header.fi-hr .header-side {
	position: unset;
	width: 100px;
}
.master-header.fi-hr .header-side {
	color: #fff;
}
.master-header.-fw.fi-hr .base-tabs .base-tab.active:before {
	background: #fff;
}
.master-header.fi-hr .logo .text {
	color: #fff;
}
.master-header .header-item:hover .master-header-actions {
	display:block;
	top: 48px;
}
.master-header .header-side .header-item {
	color:#2F3139;
}
.master-header .header-side .header-item:hover .cta {
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
 transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
}
.report-detail-header.-back {
	color:#343434;
	background-color: #ffffff;
	height: 80px;
	padding: 0;
	border: none;
	display: flex;
 align-items: center;
}
.report-detail-header.-back.ticket-header-detail {
	height: 108px;
	box-shadow: 0px 1px 2px 0px #1018280D;
	border-top-right-radius: 12px;
}
.report-detail-header.-back.ticket-header-detail .mh-main {
	display: flex;
 flex-direction: column;
 gap: 12px;
 align-items: flex-start;
 justify-content: center;
}
.report-detail-header.ticket-header-detail.-with-menu {
	left: 260px;
}
.report-detail-header.ticket-header-detail.-with-panel {
	left: 280px;
	z-index: 199;
}
.master-page.-no-menu .mh-main {
 padding: 0 16px;
 width: 100%;
}
.report-detail-header.-back.-no-sub {
	height: 56px;
	padding-left: 20px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.report-detail-header.-back.-no-sub.service-header {
	height: 84px;
	align-items: flex-end;
}
.service-header .base-tabs .base-tab.active {
 color: #343434;
}
.service-header .base-tabs .base-tab.active {
 color: #111;
 font-weight: 500;
}
.service-header .base-tabs .base-tab {
 text-transform: none;
 max-width: 240px;
 font-weight: 400;
 font-size: 14px;
 color: #242424;
 padding: 8px;
 margin-right: 8px;
 margin-top: 4px;
 height: 31px;
}
.master-header.service-header .base-tabs .base-tab .-tab-wrapper {
	padding: 0;
}
.master-header.service-header .base-tabs .base-tab.active {
	color: #343434;
	font-weight: 500;
}
.master-header.service-header .base-tabs .base-tab:hover {
	color: #343434;
	background-color: #f5f5f5;
	border-radius: 6px;
}
.master-header.service-header .base-tabs .base-tab {
	text-transform: none;
	max-width: 240px;
	font-weight: 400;
	font-size:14px;
	color:#242424;
	padding: 8px 8px 8px 28px;
 margin-right: 8px;
 margin-top: 4px;
	height: 31px;
}
.master-header.service-header .base-tabs .base-tab.ap-xdot .-tab-inner{
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
}
.master-header.service-header .base-tabs .base-tab.fi-tab-more {
	color:#616161;
}
.master-header.service-header .base-tabs .base-tab.active:before {
	position:absolute;
 bottom: 0px;
 height: 2px;
 left: 0px;
 right: 0px;
 content: "";
 background-color: #1E88E5;
}
.master-header.service-header .base-tabs .base-tab .base-icon {
	right: auto;
 left: 4px;
 top: 9px;
	position:absolute;
}
.master-header.service-header .base-tabs .fi-tab-wrapper .-tab-inner,
.master-header.service-header .base-tabs .fi-tab-wrapper {
	position:relative;
	width: fit-content;
	max-width: 240px;
}
.master-header.service-header .base-tabs .fi-tab-wrapper.active {
	border-bottom: 2px solid #1E88E5;
	padding-bottom: 4px;
 color: #1E88E5;
}
.master-header .base-tabs {
 float: left;
 margin-left: -16px;
 height: fit-content;
}
.master-header .base-tabs .base-tab:hover {
	color: #1E88E5;
	background-color: #757575;
}
.master-header.report-detail-header > .-ph-inner {
	padding-top: 0px;
}
.report-detail-header .base-block .block-title {
	padding-top: 3px;
}
.report-detail-header .base-block .block-title .base-title {
	margin-top: 3px;
	line-height: 20px;
	font-weight: 600;
}
.page-header .base-tabs .base-tab.active {
	color: #343434;
}
.page-header .base-tabs .base-tab:hover {
	color: #343434;
	background-color: #f5f5f5;
	border-radius: 6px;
}
.page-header .base-tabs .base-tab {
	text-transform: none;
	max-width: 240px;
	font-weight: 400;
	font-size:14px;
	color:#242424;
	padding: 8px;
 margin-right: 8px;
 margin-top: 4px;
	height: 31px;
}
.page-header .base-tabs .base-tab.ap-xdot .-tab-inner{
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
}
.page-header .base-tabs .base-tab.fi-tab-more {
	color:#616161;
}
.page-header .base-tabs .base-tab.active:before {
	position:absolute;
 bottom: 0px;
 height: 2px;
 left: 0px;
 right: 0px;
 content: "";
 background-color: #1E88E5;
}
.page-header .base-tabs .base-tab .base-icon {
	right: -18px;
	left: auto;
	top: -4px;
	position:absolute;
}
.page-header .base-tabs .fi-tab-wrapper .-tab-inner,
.page-header .base-tabs .fi-tab-wrapper {
	position:relative;
	width: fit-content;
	max-width: 240px;
}
.page-header .base-tabs .fi-tab-wrapper.active {
	border-bottom: 2px solid #1E88E5;
	padding-bottom: 4px;
 color: #1E88E5;
}
.report-detail-header .base-icon {
	top: -2px;
	left: -10px;
}
.master-header.report-detail-header > .-ph-inner .base-side {
	top: 14px;
}
.rid-header .base-side .base-button.-success {
	margin-right: 3px;
}
.report-detail-header .rp-mark-as-closed {
	color: rgba(18, 154, 75, 1);
	font-weight:500;
}
.report-detail-header .base-button{
	display:inline-block;
}
.report-detail-header .base-button.hidden {
	display:none;
}
.report-detail-header .base-side .base-button.hidden {
	display:none;
	border: none;
	width: 0;
	height: 0;
	padding: 0;
	transition: all 0.3s;
}
.report-detail-main .add-new {
	background-color: #129A4B;
}
.report-detail-main .add-new .-txt {
	display:inline-block;
	border-right: 1px solid white;
	padding-right: 8px;
}
.report-select-header {
	padding: 13px 15px;
 border-bottom: 1px solid rgb(238, 238, 238);
}
.report-select-header .title {
	font-size:22px;
	font-weight:500;
}
.report-select-header .subtitle {
	font-size:13px;
 color:#888;
 padding-top: 4px;
}
.report-select-body {
	padding: 20px;
	height: 600px;
}
.report-select-title {
	height: 20px;
	font-size:16px;
	background-color: #1663ba;
 padding: 13px 15px;
 border-bottom: 1px solid rgba(0,0,0,0.1);
	font-weight:normal;
 color:#fff;
}
.report-select-body .base-table tbody .st {
	font-size:11px;
}
.report-select-body .base-table thead .value-cell .cell{
	padding-right: 15px;
}
.report-select-body .base-table tbody .value-cell .cell {
	padding-right: 15px;
}
.report-select-body .base-table tbody .cell .cell-actions {
	padding-right: 10px;
}
.report-detail-header.-no-sub .mh-main {
	padding-right: 16px;
}
.header-section .header-content {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
	padding-top: 12px;
	position:absolute;
	top: 80px;
	left: 0;
	right: 0;
	padding: 0 16px;
	height: 60px;
 border-top: 1px solid #F0F0F0;
}
.header-section.ticket-header-detail .header-content {
	top: 64px;
}
.header-section .header-content.sub-section {
	justify-content: flex-start;
 gap: 20px;
 margin-left: 0;
	padding-top: 0;
	height: 40px;
	top: 140px;
}
.header-section.ticket-header-detail .header-content.sub-section {
	top: 124px;
}
.header-section .header-content .base-info,
.header-section .header-content .base-user-info {
	display:none;
}
.header-section .header-content .show-name .base-avatars.-sm .inline-avatar {
	width: 100%;
}
.header-section .header-content .show-name .base-info {
	display:block;
 width: 100%;
	padding-left: 30px;
 margin-top: -16px;
}
.header-section .header-content .base-user-name {
	padding-bottom: 0;
}
.header-section .header-content .base-user.-sm .base-user-avatar {
	top: 0px;
	left: 0px;
}
.header-section .header-content .inline-display {
	gap: 2px;
	padding: 0;
	display: flex;
 align-items: center;
}
.header-section .header-content .inline-display .fi-inline-field-label {
	width: auto;
	margin-right: 4px;
	font-size:14px;
	line-height: 20px;
}
.header-section .header-content .inline-display .fi-inline-field-value {
	margin-left: 0;
	font-size:14px;
	font-weight: 500;
	line-height: 20px;
	max-width: 200px;
}
.header-section .header-content .inline-display .fi-inline-field-value span {
	font-weight: 400;
}
.header-section .header-content .inline-display .fi-inline-field-value span.text-datetime {
	font-weight: 500;
}
.header-section .header-content .inline-display .fi-inline-field-value .main.url {
	font-weight: 400;
	text-decoration: underline;
}
.header-section .header-content .base-avatars {
	padding-left: 8px;
	position:relative;
 display: flex;
 flex-direction: row;
}
.detail-header .ticket-header.block-title .back {
 top: 8px;
 left: -20px;
 color: #3a3a3a;
}
.detail-header .ticket-header .base-sub-title {
 position: absolute;
 top: -2px;
 font-size: 14px;
 color: #757575;
	display: -webkit-box;
 line-clamp: 1;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 padding-right: 36px;
}
.detail-header .ticket-header .base-sub-title:hover {
	color: #1E88E5;
}
#header{
	border: none;
	background-color: #F1F8FE !important;
}
#base-search .top::before {
	position: absolute;
 top: 8px;
 left: 12px;
}
#base-search .sb .base-filter .-cmenu {
	z-index: 10000;
}


.detail-header {
 height: 22px;
	position:relative;
 top: 0px;
 right: 0px;
 left: 0px;
 margin-bottom: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.detail-header .status {
 padding: 4px 8px;
 margin-top: 0;
 height: 26px;
 box-sizing: border-box;
 line-height: 18px;
 vertical-align: middle;
}
.detail-header .base-tag.cf-metatype-tag {
 vertical-align: middle;
 margin: 0 6px;
}
.detail-header .block-title .base-title {
	font-size:18px;
	font-weight:bold;
	display: inline-block;
	max-width: 60%;
	display:inline-block;
 vertical-align: middle;
}
.detail-header .block-title .base-title.sub-title {
	color: #888;
	font-size:14px;
 font-weight: 500;
}
.detail-header .block-title .st {
	display:inline-block;
	position:relative;
 left: 4px;
 font-size: 12px;
 vertical-align: text-top;
	min-width: fit-content;
}
.display-header .block-title .icon.-close {
	margin-left: calc(100% - 53px);
}
.detail-header .base-side {
	position:absolute;
 top: -6px;
 right: 10px;
	display: flex;
	gap: 8px;
}
.detail-header .base-side > div {
 float: left;
	display: flex;
	margin: 0;
}
.detail-header .base-side > div.hidden {
	display:none;
}
.detail-header .base-side .cta-action-buttons {
	gap: 8px;
}
.detail-header .base-side > div > div {
	margin: 0;
}
.detail-header .base-side .base-button-dd {
	border-radius: 6px;
	padding: 5.5px 8px;
 border: 1px solid rgba(0,0,0,0.1);
	float: right;
	margin: 0;
}
.detail-header .base-side .base-selected-button {
	margin: 0;
	margin-left: -2px;
 padding-left: 28px;
}
.detail-header .base-side .base-selected-button .base-icon {
 top: 4px;
 left: 6px;
}
.detail-header .base-side .base-selected-button .-cmenu {
	min-width: 250px;
}
.detail-header .base-side .service-cta-btn .base-button {
	margin-left: 0;
}
.detail-header .base-side .base-selected-button {
	padding-left: 32px;
}
.detail-header .base-side .base-selected-button.-sub-opts {
	padding-left: 12px;
	color: #888;
	background-color: #ffffff;
}
.ticket-header .base-button.-sub-opts.-cta:hover {
	background-color: #ffffff !important;
	color: #1E88E5 !important;
	border-color: #1E88E5 !important;
}
.base-selected-button.-sub-opts:hover b {
	color: #1E88E5;
}
.base-selected-button.-sub-opts b {
	color: #888;
}
.detail-header .base-side .base-button {
	display:block;
	max-width: 250px;
 float: left;
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
	border-radius: 6px;
	width: auto;
}
.detail-header .base-side .base-button.show-data-btn {
	border-color: transparent;
 box-shadow: none;
 padding: 15px;
}
.detail-header .base-side .-cmenu {
 right: 0px;
}
.main-info {
	position:relative;
}
.main-info .inline-display .fi-inline-field-value .number {
	display: inline-block;
}
.main-info .-left {
 margin-right: 40%;
 padding-right: 20px;
 min-height: 540px;
}
.main-info .-right {
 top: 0px;
 right: 5px;
 padding-left: 48px;
 width: 39%;
	position:absolute;
 height: fit-content;
}
.main-info .base-table-lite-wrapper {
	border: 1px solid #E0E0E0;
	border-bottom: none;
}
.main-info .base-table-lite-wrapper .table-lite table {
	margin-bottom: -1px;
}
.main-info .base-table-lite-wrapper thead {
	background-color: #F5F5F5;
	height: 48px;
}
.main-info .base-table-lite-wrapper thead .cell {
	font-size:12px;
	font-weight: 600;
	padding-top: 16px;
	color: #616161;
}
.main-info .base-table-lite-wrapper thead .cell-lead {
	font-size:12px;
	font-weight: 600;
	padding-top: 10px;
	color: #616161;
}
.main-info .base-table-lite-wrapper tbody .cell-lead .base-title{
	font-size:14px;
	font-weight: 400;
 cursor: pointer;
}
.main-info .base-table-lite-wrapper tbody .cell {
	padding-top: 10px;
}
.main-info .base-table-lite-wrapper tbody .cell .base-block {
	max-width: 100%;
}
.main-info .base-table-lite-wrapper tbody .cell .base-title{
	font-size:14px;
	font-weight: 400;
	max-width: 100%;
}
.main-info .cell .base-title.inline div{
 display: inline-block;
}
.main-info .cell .base-block .base-icon {
 top: -4px;
}
.outflow-main-info .base-table-lite-wrapper tbody .cell-lead .base-title{
	font-size:14px;
	font-weight: 400px;
}
.outflow-main-info .base-table-lite-wrapper tbody .cell {
	padding-top: 10px;
}
.outflow-main-info .base-table-lite-wrapper tbody .cell .base-block {
	max-width: 100%;
}
.outflow-main-info .base-table-lite-wrapper tbody .cell .base-title{
	font-size:14px;
	font-weight: 400px;
	max-width: 100%;
}
.main-info .inline-display {
	padding-bottom: 16px;
}
.main-info .approvers .fi-inline-field-label {
	padding-top: 8px;
}
.outflow-main-info .approvers .fi-inline-field-label {
	padding-top: 8px;
}
.outflow-main-info .inline-display {
	padding-bottom: 16px;
}
.outflow-main-info .sub-section {
	padding-bottom: 10px;
}
.main-info .sub-section {
	padding-bottom: 30px;
}
.main-info .amount-infor {
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 20px;
}
.outflow-main-info .amount-infor {
	border-bottom: 1px solid #E0E0E0;
	margin-bottom: 20px;
}
.main-info .amount-infor .remaining {
	padding-bottom: 32px;
}
.outflow-main-info .amount-infor .remaining {
	padding-bottom: 32px;
}
.outflow-main-info .amount-infor .base-sep {
	margin-bottom: 10px;
}
.main-info .description {
	color: #242424;
	font-size:14px;
}
.outflow-main-info .advance-refund {
	padding-bottom: 30px;
}
.main-info .advance-refund {
	padding-bottom: 30px;
}
.base-section .display-obj .file-preview .file{
	position:relative;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 margin-bottom:20px;
}
.base-section .display-obj .file-preview .file .embed-file, .base-section .display-obj .file-preview .file .embed-image,.base-section .display-obj .file-preview .base-empty-state{
 height:500px;
 border:none;
}
.base-section .display-obj .file-preview .file .embed-image .embed-svg{
 position: relative;
}
.base-section .display-obj .file-preview .file .embed-image img{
 max-width:100%;
}
.base-section .display-obj .file-preview .file .fileheader{
 padding:0 20px;
 padding-bottom:15px;
 border-bottom:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.base-section .display-obj .file-preview .file .fileheader .name{
 font-size:15px;
 font-weight:500;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 word-wrap: normal;
 padding-bottom:3px;
 margin-right:120px;
}
.base-section .display-obj .file-preview .file .base-side{
 position:absolute;
 border-radius: 6px;
 right:10px;
 top:7px;
}
.base-section .display-obj .file-preview .file .base-side > div{
 float:left;
}
.base-section .display-obj .file-preview .file .base-side .base-action{
 border-radius: 16px;
 padding-top:8px;
 padding-bottom:8px;
 height:30px;
}
.base-section .display-obj .file-preview .file .base-side .base-action:after{
 display:none;
}
.base-section .display-obj .file-preview .file .base-side .base-action:hover{
 background: rgba(38,124,222,0.1);
 text-decoration:none;
}
.display-obj .cta-btns {
 display: flex;
 flex: 1 1 100%;
 gap: 10px;
}
.display-obj .cta-btns .base-button {
 flex-basis: 100%;
 height: 40px;
 text-align: center;
 align-items: center;
	font-size:16px;
	font-weight:bold;
 padding-top: 10px;
 margin-bottom: 10px;
}
#item-dx .file-preview {
 height: fit-content;
}
#item-dx .file-preview .file .filedisplay .embed-image {
 max-height: 700px;
 height: 567px;
}
#item-dx .file-preview .file {
 border: 1px solid #c5c5c5;
 margin-bottom: 20px;
}
#item-dx .file-preview .file .filedisplay .embed-image img {
 max-height: calc(100% - 40px);
 max-width: 100%;
 margin: 0 auto;
 display: block;
}
#item-dx .file-preview .file .filedisplay .embed-image .image {
 width: 100%;
 height: 100%;
}
#item-dx .file-preview .file .embed-file, #item-dx .file-preview .file .embed-image,#item-dx .file-preview .base-empty-state{
 height:500px;
 border:none;
}
.amount-infor .line-item-row.active {
 background: rgba(18, 154, 75, 0.1);
}
.ext-info .edit-btn {
 position: absolute;
 right: 15px;
 display: none;
 z-index: 99;
}
.ext-info:hover .edit-btn {
 display: block;
}
.base-button-dd {
	border-radius: 6px;
}
.base-button-dd .-cmenu {
	right: 0;
}
.ext-info .edit-btn .base-button-dd .-cmenu {
	right: 0px;
}
.amount-infor .base-table-lite .base-tooltip {
	top: 20px;
 left: -27px;
}
.display-user-info .base-user-name {
	font-size:14px;
}


#header {
 color:#fff;
 background-color: #1E88E5;
 z-index: 10000;
	box-shadow: none;
	padding: 0;
}
/** LOGO */
#header .logo {
 padding-left: 4px;
}
#header .logo .base-icon {
 background: unset;
}
#header .logo .text {
 color:#2F3139;
 padding-left: 0px;
 margin-top: -1px;
}
/** HEADER SIDE */
#header .header-side .header-item .icon {
 color: #2F3139;
 top: 11px;
 background: #ffffff;
 border-radius: 50%;
 border: 1px solid #C8C9CB;
 width: 30px;
 height: 30px;
	box-shadow: 0px 1px 2px 0px #1018280D;
}
#header .header-side .header-item .icon svg {
 width: 19px;
 height: 18px;
}
#header .header-side .header-item.item-notis .count {
 font-size:11px;
 -moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
 top: 7px;
 right: -6px;
}
#header .header-side .header-item .base-block .base-title {
 padding-top: 8px;
}
#header .header-side .header-item .base-block.-pavatar {
 padding-left: 35px;
}
#panel {
 top: 55px;
 width: 68px;
 border-right: 1px solid rgba(0,0,0,0.1);
 overflow-y: scroll;
 direction: rtl;
}
#panel.-hide {
	left: -68px;
}
#panel::-webkit-scrollbar {
 display: none;
}
#panel:before {
 background: none;
}
#panel .pitem {
 user-select: none;
}
#panel .pitem .iw {
 background-color: #fff;
 width: unset;
 height: unset;
 margin: 0px 4px;
 padding-bottom: 4px;
}
#panel .pitem.active .iw {
 background-color: #1E88E51A;
}
#panel .pitem .iw .icon {
 padding: 6px 0px 4px;
}
#panel .pitem .iw .logo {
 padding: 6px 0px 8px;
}
#panel .pitem .iw .logo-app {
 width: 28px;
 height: 28px;
 padding: 4px 0px;
 color: #888 !important;
}
#panel .pitem.active .base-icon
#panel .pitem:hover .iw {
 color:#1E88E5;
 background: rgba(18,80,174,0.1);
}
#panel .pitem.active .icon,
#panel .pitem.active .hidden-label {
 color:#1E88E5;
}
#panel .pitem.active .iw::before {
 position:absolute;
 background-color: #1E88E5;
 border-radius: 6px;
 width: 3px;
 content: "";
 height: 100%;
 left: -3px;
 top: 0px;
}
#panel .pitem .hidden-label {
 font-size:11px;
 font-weight:normal;
 display:block;
 text-align:center;
}
#panel .apps-panel-ghost .pitem .hidden-label {
 font-style:italic;
}
#panel .pitem .base-image img {
 width: 24px;
 height: 24px;
 filter: grayscale(1);
}
#panel .pitem.active .base-image img,
#panel .pitem:hover .base-image img {
 filter: none;
}
#panel .pitem .iw .icon .base-badge{
 display:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	font-size:12px;
	font-weight:bold;
 right:-8px;
 top:0px;
 color:#fff;
 text-align:center;
 background-color: #c34343;
 -moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
 padding: 3px 6px;
}
#panel .pitem .iw .icon .base-badge.active{
 display:block;
}
#panel .pitem.active .iw .icon-filled, #panel .pitem .iw .icon-no-fill {
 display: block;
}
.icon-filled, #panel .pitem.active .iw .icon-no-fill {
 display: none;
}
#panel .favs {
 padding-bottom: 160px;
}
#panel .pitem.-footer {
 background-color: #fff;
 border-top: 1px solid #eee;
 position: fixed;
 bottom: 0px;
 width: 68px;
}
#page {
 left: 260px;
}
#page.-full {
 left: 0;
 left: 260px;
}
.master-page {
	background-color: #ecf5fd;
	bottom: 8px;
 right: 8px;
	border-radius: 12px;
}
.master-page.-no-menu {
 left: 0px;
	bottom: 8px;
 right: 8px;
	border-radius: 12px;
}
.page-body .-stable-w-page {
 bottom: 65px;
}
.-stable-w-page .base-pagination {
	position:absolute;
 bottom: 0px;
 right: 0px;
 left: 0px;
}
.master-panel .picon .icon {
 font-size: 20px;
 position: relative;
 padding: 6px 0;
 width: 24px;
 height: 24px;
 margin: auto;
}
.master-panel .picon {
	color: #888;
 padding: 6px 0;
 position: relative;
}
.master-panel .base-sep {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
 margin: 0 12px;
}
.master-panel .base-sep:last-child {
	display:none;
}
.master-main.-gray {
 background-color: #f5f5f5;
	height: 100%;
}
.master-main.-with-menu.ticket-main {
	left: 260px;
	width: calc(100% - 260px);
}
.master-main.-with-panel.ticket-main {
	left: 280px;
	width: calc(100% - 280px);
}
.master-main.-with-menu.-with-panel.ticket-main {
	right: 69px;
 width: calc(100% - 280px - 56px);
	z-index: 101;
}
.master-main.-with-panel.ticket-main {
	top: 108px;
	height: calc(100% - 108px);
}
.ticket-main .sub-menu {
	position:absolute;
 top: 0;
 bottom: 0;
 width: 56px;
 right: -56px;
 background: #ffffff;
 border-bottom-right-radius: 12px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
 color: #757575;
	display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 text-align: center;
	padding-top: 12px;
	z-index: 10000;
}
.ticket-main .sub-menu .menu-item {
 margin: 4px;
 display: flex;
	gap: 4px;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 text-align: center;
 border-radius: 6px;
 padding: 10px;
	border: 1px solid transparent;
	font-size: 11px;
	cursor: pointer;
}
.ticket-main .sub-menu .menu-item.active .base-icon {
	color: #1E88E5;
}
.ticket-main .sub-menu .menu-item.active {
 background: #e9f2f9;
	color: #2F3139;
}
.ticket-main .sub-menu .menu-item.active > .base-title {
	font-weight: 500;
}
.ticket-main .sub-menu .menu-item.active:hover,
.ticket-main .sub-menu .menu-item:hover {
 background: #e9f2f9;
}
.ticket-main .sub-menu .menu-item:has(.-mask:hover) {
	background: #f5f5f5;
}
.ticket-main .sub-menu .base-icon {
	position:relative;
}
.ticket-main .sub-menu .data-section {
	position:absolute;
 top: 0;
 right: 57px;
 bottom: 0;
 z-index: 10;
 width: calc(100vw - 280px - 260px);
	opacity: 1;
	transition: width 0.15s, opacity 0.15s;
}
.ticket-main .sub-menu .data-section.-hide {
 width: 0;
	opacity: 0;
}
.ticket-main .sub-menu .section-content {
	position:absolute;
 right: 0;
 top: 0px;
 bottom: 0;
 background: #f7f7f7;
 width: 544px;
	display: flex;
 flex-direction: column;
 align-items: flex-start;
 text-align: left;
 justify-content: flex-start;
	gap: 12px;
 padding: 12px 0px 12px 12px;
	cursor: auto;
	opacity: 1;
	transition: width 0.15s, opacity 0.15s;
}
.ticket-main .sub-menu .ticket-branches {
	.base-button {
 width: 100%;
 max-width: 100%;
 font-size: 14px;
 height: fit-content;
 margin-top: -8px;
	}
	.base-button .-cmenu {
 margin-top: 10px;
 top: auto;
 width: calc(100% - 12px) !important;
 }
}
.ticket-main .sub-menu .section-content .content-container .__autohide,
.ticket-main .sub-menu .section-content .content-container {
	flex-grow: 1;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 text-align: left;
 justify-content: flex-start;
 gap: 12px;
 width: calc(100% - 0px);
	position:relative;
 border-radius: 8px 0 0 8px;
 padding-bottom: 40px;
}
.ticket-main .sub-menu .section-content .content-container .__autohide > .base-section,
.ticket-main .sub-menu .section-content .content-container > .base-section {
	width: 100%;
	display: block !important;
	border-radius: 8px;
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.ticket-main .sub-menu .section-content .content-container .__autohide > .base-section .section-header,
.ticket-main .sub-menu .section-content .content-container > .base-section .section-header {
	border-bottom: none;
	padding: 16px 20px 0;
}
.ticket-main .sub-menu .section-content .content-container .__autohide > .base-section,
.ticket-main .sub-menu .section-content .content-container > .base-section {
	width: calc(100% - 12px);
	margin-right: 12px;
	background-color: #ffffff;
	border: none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	position: relative;
}
.ticket-main .sub-menu .section-content .base-section .base-side {
	position: absolute;
	top: 8px;
	right: 8px;
	opacity: 1;
	max-width: calc(40%);
	transition: width 2s, opacity 2s, right, 2s;
	.base-search input {
 font-size: 12px;
 background-color: #ffffff;
 border-radius: 6px;
 border-color: #fffffff5;
 padding: 8px 10px 8px 22px;
 width: 0px;
 cursor: pointer;
 transition-duration: 0.08s;
 &:hover {
 background-color: #f5f5f5;
 }
 &:focus {
 width: 100%;
 background-color: #f5f5f5;
 border-color: #f5f5f5f5;
 padding: 8px 10px 8px 32px;
 }
	}
}
.-hide .base-section .base-side {
	width: 0;
	opacity: 0;
	right: -100%;
	transition: width 2s, opacity 2s, right, 2s;
}
.ticket-main .sub-menu .section-content .section-body {
	padding: 20px;
}
.ticket-main .sub-menu .section-content .ticket-assignees .inline-avatar {
	width: 100%;
 height: 100%;
	margin-left: -14px;
}
.ticket-main .sub-menu .-mask {
 width: 60px;
 height: 60px;
 margin-top: -8px;
 background: transparent;
 position: absolute;
}
.ticket-main .sub-menu .data-section.-hide .section-content {
	width: 0;
	opacity: 0;
	padding: 0;
}
.ticket-main .sub-menu .data-section .base-section {
	opacity: 1;
	transition: width 0.15s, opacity 0.15s;
}
.ticket-main .sub-menu .data-section.-hide .base-section {
	opacity: 0;
}
.ticket-main .sub-menu .data-section.-hide .content-container .__autohide > .base-section,
.ticket-main .sub-menu .data-section.-hide .content-container > .base-section {
	display: none !important;
}
.ticket-main .sub-menu .data-section.-hide .section-backdrop {
	width: 0;
	opacity: 0;
	transition: opacity 0.3s, width 0.3s;
}
.ticket-main .sub-menu .section-backdrop {
	position:absolute;
 top: 0px;
 bottom: 0;
	right: 554px;
 opacity: 1;
 width: calc(100vw - 280px - 260px - 554px);
 background: rgba(0, 0, 0, 0.1);
 transition: opacity 0.3s, width 0.15s;
	background: linear-gradient(90deg, rgba(204, 204, 204, 0) 0%, rgba(190, 190, 190, 0.3) 100%, rgba(173, 173, 173, 0.3) 100%, rgba(173, 173, 173, 0.3) 100%);
}
.master-main.-with-panel {
 position: relative;
	left: 0;
 top: 100px;
 height: calc(100% - 100px);
 width: 100%;
}
.master-main.-with-panel.-no-border {
	border: none;
 top: 56px;
	left: 308px;
 width: calc(100% - 308px);
	height: calc(100% - 56px);
	transition: left 0.15s, width 0.15s, right 0.15s;
}
.master-main.-with-panel.-no-border.-full-canvas {
	left: 0;
	top: 56px;
	width: calc(100%);
	transition: left 0.15s, width 0.15s, right 0.15s;
}
.base-pagination {
	position:relative;
 width: calc(100% - 40px);
 top: auto;
 bottom: 0;
 padding-top: 0;
}
.base-pagination.-absolute {
	position:absolute;
}
.base-pagination .bp-wrapper {
	position:relative;
 height: 32px;
 font-size: 13px;
 color: #999;
}
.base-pagination .bp-panel {
 overflow: hidden;
 margin: 0 auto;
 width: fit-content;
}
.base-pagination .bp-exp {
 position: fixed;
 right: 20px;
 top: 123px;
 transition: top 0.3s;
}
.base-pagination.-absolute .bp-exp {
	top: 8px;
	right: 0;
	position: absolute;
}
.setting-page .base-pagination .bp-panel {
	display:none;
}
.setting-page .super-table-canvas {
	bottom: 44px;
}
.setting-page-content #js-dimensions {
	top: -20px;
 position: relative;
}


.box.-postform {
	padding: 0;
	background-color: transparent;
}
.box.-postform .form.-modern .mform .mc .mavatar img,
.box.-postform .form.-modern .mform .mc .mavatar {
	width: 24px;
	height: 24px;
	top: 10px;
 left: 8px;
}
.box.-postform .form.-modern .mform .mtext {
	padding: 8px 8px 8px 40px;
}
.box.-postform .form.-modern .mform .mc {
	height: 44px;
}
.box.-postform .form.-modern .mform .mside .base-action {
 padding-left: 32px;
 height: 23px;
 top: -5px;
 right: -16px;
 font-size: 12px;
}
.postbox-header {
 padding: 24px 0 10px 0;
 font-size: 13px;
 font-weight: 500;
 border-bottom: 1px solid #eee;
}
.box.-postform .user .avatar {
	top: 0;
}
.box.-postform .user .avatar.avatar-40.-circled > .image,
.box.-postform .user .avatar.avatar-40.-circled img {
 width: 32px;
 height: 32px;
}
.box.-postform .user .name {
	padding-left: 44px;
}
.box.-postform .user {
	padding-bottom: 8px;
}
.box.-postform .actions {
	top: 3px;
	right: -8px;
}
.box.-postform .actions > .action {
	top: -12px;
}
.box.-postform .actions > .action .info,
.box.-postform .actions > .action:hover .info,
.box.-postform .actions > .action .info:after {
	display:none;
}
.list.-posts .avatar.avatar-48 img,
.list.-posts .avatar.avatar-48.-circled > .image,
.list.-posts > .li > .title .avatar {
	top: 1px;
	width: 32px;
	height: 32px;
}
.list.-posts > .li > .title {
	padding-left: 40px;
}
.list.-posts > .li > .text {
 font-size: 14px;
 line-height: 22px;
 margin: 0px 0px 0 0px;
 padding-left: 4px;
}
.list.-posts > .li > .footer {
 font-size: 13px;
 color: #888;
 margin: 4px;
 padding: 0;
 position: relative;
}
.reaction-wrapper .reaction-area .reaction-box {
	left: -104px;
 top: 4px;
}
.comment .reaction-wrapper .reaction-area .reaction-box {
 left: -44px;
}
.reaction-wrapper:hover .reaction-area, .reaction-wrapper:active .reaction-area {
 display: block;
 height: 48px;
 padding-top: 16px;
 width: 48px;
}
.list.-posts > .li > .footer .post-reactions {
	top: 0;
}
.list.-posts > .li > .post-comments {
 display: none;
 margin-top: 5px;
 margin-left: 0;
}
.base-user .base-user-info {
	font-size:12px;
}
.display-field .field-value .url:hover > .ap-xdot.base-user-info,
.display-field .field-value .url:hover .base-user-info {
	color:#888;
}
.list.-posts > .li > .-dd, .list.-posts > .li > .-di {
	right: -16px;
 top: 8px;
}
.list.-posts > .li > .-di {
	right: -16px;
}
.reaction-wrapper .reaction-area .reaction-box .reaction-icon {
	width: 24px;
 height: 24px;
	margin: 6px -1px 0 8px;
}
.reaction-wrapper .reaction-area .reaction-box {
 position: absolute;
 width: 226px;
 height: 36px;
}


.__hiddenselect .-tstitle {
	text-align: left;
}
.fi-filebox {
	background-color: #dde8f15c;
}
.input-objs .base-table-wrapper .-fx input,
.input-formula .if-display,
.form.-flat .input input.std,
.form.-flat .input textarea.std,
.form.-flat .select select.std,
.form.-flat .input input,
.form.-flat .input textarea,
.improve-select .is-display,
.improve-select,
textarea,
.form.-flat .select select {
	border-radius: 6px;
}
.form.-flat .input input.std,
.form.-flat .input textarea.std,
.form.-flat .select select.std,
.form.-flat .input input,
.form.-flat .input textarea,
.form.-flat .select select {
	background-color: #ffffff;
}
.__fdialog .form-buttons.-two .button {
	border-radius: 6px;
}
.base-load-wrapper .bl-header,
.__fdialog .__dialogtitlewrap {
	border-radius: 6px 6px 0 0;
}
.form .input,
.box.-postform .buttons .button,
.box.comments,
.box.-postform .form.-modern .mform .mc,
#context-menu-main,
.-dx-obj-v2.__customdialog .__dialogcontent,
.display-obj .base-cf-preview .field,
.base-form-row .fr-input input,
.base-form-row .fr-input textarea,
.__fdialog .form-buttons.-three .button,
.fi-filebox .fb-buttons .fb-button,
.upload-form input,
.fi-filebox .fb-files .fb-file,
.fi-filebox,
.form.-flat .input .input-fake,
.fi-checkbox .-fcb,
.master-panel .pitem .iw,
#internal-excel .excel-inline-wrapper,
#base-master-dialog .fields-preview .field,
#base-master-dialog .fields-sidebar .row-lists .li,
#base-master-dialog .fields-sidebar .row-lists .li:hover,
.__customdialog .__dialogwrapper-inner,
.base-icon-picker-canvas,
.form .fx-container-box,
.form.-flat .row.fx-container-box,
.__hiddenselect,
.ui-datepicker .ui-datepicker-header,
.improve-select .is-box,
.improve-select .is-box .is-item,
.form.-flat .improve-select {
	border-radius: 6px;
}
.fi-filebox .fb-files {
	padding-bottom: 4px;
}
.form.-flat .improve-select {
	background-color: #ffffff;
}
.form.-flat .input .input-fake {
	color:#575757;
}
.improve-select .is-box .is-items {
	padding: 8px;
}
#base-master-dialog .fields-preview .field .field-attrs .attr em {
	text-transform: none;
	font-size: 12px;
	font-weight: 400;
}
#base-master-dialog .fields-preview .field .extra {
	display:none;
}
#base-master-dialog .fields-preview .relative > .ui-sortable-placeholder {
	max-height: 96px !important;
	width: 100% !important;
}
.ql-toolbar.ql-snow+.ql-container.ql-snow,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}
.ql-toolbar.ql-snow+.ql-container.ql-snow,
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ql-toolbar.ql-snow,
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ql-toolbar.ql-snow,
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.fi-variable-input.js-improved-select {
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 12px;
}
.form.-flat .fi-variable-input.js-improved-select .improve-select {
	min-width: 20%;
}
.fi-variable-input.js-improved-select>div {
	width: 100%;
	height: 100%;
	margin-top: 2px;
}
.fi-variable-input.js-improved-select>.base-form-row {
	height: 15px;
}
.fi-variable-input .base-form-row .fr-input input {
	padding: 7px 8px;
}
.fi-variable-input .base-form-row .fr-label {
	top: -28px;
 position: relative;
 color: #616161;
 font-size: 12px;
}
.fi-variable-input .rfields .base-form-row .fr-content {
	top: -28px;
 position: relative;
}
.custom-field-detail .base-cf-preview .field .field-key .key,
#base-master-dialog .fields-preview .field .field-key .key {
	width: calc(100% - 80px);
	white-space: break-spaces;
	word-wrap: break-word;
}
#base-master-dialog .fields-preview .box .fields-group {
	position:relative;
	margin-bottom: 16px;
 border-radius: 6px;
}
#base-master-dialog .fields-preview .box .fg-header:before {
	left: auto;
 top: 8px;
 right: 10px;
}
#base-master-dialog .fields-preview .box .fg-header {
	padding-left: 24px;
}
#base-master-dialog .fields-group .micon {
 position: absolute;
 z-index: 1;
 top: 16px;
 left: 8px;
}
#base-master-dialog .fields-group > .drag-handler {
 position: absolute;
 top: 0px;
 bottom: auto;
 left: 0px;
 width: 28px;
 height: 36px;
 z-index: 999;
 cursor: move;
}
#base-master-dialog .fields-preview .ui-sortable-helper {
	background-color: #ffffee;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
#base-master-dialog .fields-preview .ui-sortable-placeholder {
	max-height: 96px !important;
	width: 100% !important;
}
#base-master-dialog .fields-preview .ui-sortable-placeholder{
	opacity: 1.0;
	background-color: #ffffee;
	height: 60px;
	width:100% !important;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	visibility:visible !important;
}
#internal-excel .excel-table-title {
	border-radius: 6px 6px 0 0;
}
#internal-excel .excel-table-canvas {
	border-radius: 0 0 6px 6px;
}
.form.-flat .row.-issep {
	margin-top: 32px;
}
.__fdialog #fly-webhook-fx .form-buttons {
	flex-direction: row-reverse;
 justify-content: flex-start;
}
.form .row .line-inputs .input textarea {
	min-height: 70px;
	border: 1px solid #ccc;
}
.form .row .line-inputs {
	border-radius: 6px;
	border-color: transparent;
}
.line-input.last:after {
	left: 10px;
	z-index: 1;
}
.line-input:after {
	left: 12px;
	z-index: 1;
}
.form .input .line-inputs textarea {
	padding-left: 28px !important;
	overflow: overlay;
	height: 33px;
}
.line-input .line-actions .-action {
 display: inline-block;
 cursor: pointer;
 padding: 8px 14px;
 background: #ffffff;
 margin-right: -8px;
 margin-top: -1px;
 text-align: right;
 border-radius: 6px;
}
.line-input.last textarea {
	border: 1px solid rgba(0,0,0,0.1) !important;
}
.form.-flat .input textarea,
.ql-toolbar.ql-snow + .ql-container.ql-snow {
	height: fit-content;
	position: relative;
	max-height: calc(100vh - 360px);
}
.__customdialog:has(#ext-records-dialog) {
	z-index: 100000;
}
.form .input.js-ext .-cmenu.-padding {
	min-width: 220px;
}
.ui-datepicker {
	z-index: 1001 !important;
}
.form.-flat .input .input-fake:has(.base-user-groups) {
	min-height: fit-content;
 word-wrap: break-word;
 white-space: break-spaces;
}
.form.-flat .input .input-fake .base-user-groups {
 width: calc(100% - 20px);
 height: fit-content;
 margin-top: -16px;
}
#base-master-dialog.group-custom-form .fields-preview {
	margin: 0;
	border: none;
 min-height: fit-content;
 padding: 0;
	.box .draggable .fg-header {
 padding-left: 24px;
	}
	.micon {
 position: absolute;
 z-index: 1;
 top: 13px;
 left: 10px;
	}
	.fields-group > .side {
 position: absolute;
 display: none;
 right: 33px;
 top: 16px;
 z-index: 888;
	}
	.field {
 position: relative;
 padding: 12px 20px 12px 56px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 .name {
 color: #333;
 font-size: 14px;
 }
 .side {
 right: 24px;
 }
 .status {
 position: absolute;
 left: 10px;
 top: 7px;
 }
 .icon {
 position: absolute;
 left: 32px;
 top: 13px;
 }
	}
	.side {
 display: flex !important;
 justify-content: center;
 align-items: center;
 gap: 8px;
	}
}
form #base-master-dialog.group-custom-form .fields-preview {
	.field:last-child {
 border: none;
	}
	.micon {
 position: absolute;
 z-index: 1;
 top: 24px;
 left: 12px;
 }
	.box .fields-group {
 border: none;
 margin-bottom: 8px;
	}
	.box .fg-header {
 padding: 16px 16px 16px 24px;
 font-size: 14px;
 font-weight: 500;
 color: #333;
 border-radius: 6px;
 border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.fg-body {
 padding: 0 8px;
 position: relative;
 z-index: 1;
 top: -8px;
	}
	.relative.xo {
 border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 6px;
 background: #ffffff;
	}
	.ui-sortable-helper {
 background-color: transparent;
 box-shadow: none;
	}
	& .field .status {
 position: absolute;
 left: 10px;
 top: 13px;
 color: #666;
	}
	.fg-header:before {
 left: auto;
 top: 16px;
 right: 10px;
	display:none;
	}
	.-no-body .fg-header:before {
	display:none;
	}
	.fi-checkbox .-fcb {
 background-color: #ffffff;
	}
	.fi-checkbox.-checked .-fcb {
 background-color: #219D5B;
 border: 1px solid #219D5B;
 color: #fff;
	}
}
form .ishind.tab-view {
	gap: 8px;
	.hind-number {
	display:none;
	}
	.hind-step .-connection {
	display:none;
	}
	.hind-step {
 padding: 8px;
 border-radius: 6px;
	}
	.hind-step:hover,
	.hind-step.-current {
 color: #1e88e5;
 background: #F5F5F5;
	}
}


.fi-report-panel{
	position:absolute;
 z-index: 1;
	left: 0px;
 top: 80px;
 bottom:0px;
 border-top: 1px solid rgb(245 245 245);
 width:308px;
 background-color: #fff;
	transition: left 0.15s;
}
.fi-report-panel.fi-master-panel {
	border: none;
	border-bottom-left-radius: 12px;
}
.fi-report-panel.-hide {
	left: -308px;
	transition: left 0.15s;
}
.fi-report-panel.-hide.-hind {
	left: -260px;
	transition: left 0.15s;
}
.fi-report-panel {
	top: 56px;
}
.fi-report-panel .__apscrollbar {
	right: -2px;
}
.fi-report-panel .panel-canvas .detail-close-btn {
	position:absolute;
 top: -47px;
 right: -16px;
 z-index: 5000;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: #fff;
	display:none;
 width: 32px;
 height: 32px;
 min-width: unset;
 padding: 0px;
}
.fi-report-panel .panel-canvas .detail-close-btn .-icon {
 left: 7px;
}
.fi-report-panel.-with-detail:hover .panel-canvas .detail-close-btn {
	display:block;
}
.fi-report-panel .panel-navs .panel-item.card-nav {
	display:none;
}
.fi-report-panel.-with-detail .panel-navs .panel-item.card-nav {
	display:inline-block;
}
.fi-report-panel .panel-navs{
	height: 100%;
	background-color: #F5F5F5;
	display: flex;
	flex-direction: column;
 position:absolute;
	width: 50px;
 top:0px;
 left:0px;
 padding: 0px 5px;
 border-bottom:1px solid #F0F0F0;
}
.fi-report-panel .panel-navs .panel-items{
 padding-top:0px;
}
.fi-report-panel .panel-navs .panel-item{
 height:60px;
 width: 54px;
	display:inline-block;
 margin-right: 13px;
 margin-left: 13px;
 top: 0px;
 position:relative;
 cursor:pointer;
 color:#999;
}
.fi-report-panel .panel-navs .panel-item .base-icon{
 top:15px;
 left:17px;
}
.fi-report-panel .panel-navs .panel-item .info {
 left:-100%;
 top:40px;
 background: rgba(0,0,0,0.8);
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 padding:6px 8px;
 color: rgba(255,255,255,0.8);
	position:absolute;
 white-space: nowrap;
 display:none;
}
.fi-report-panel .panel-navs .panel-item.active{
	color:#1E88E5;
 background: rgba(30,136,229,0.1);
}
.fi-report-panel .panel-navs .panel-item:hover{
 color:#1E88E5;
}
.fi-report-panel .panel-navs .panel-item:hover .info{
	display:block;
}
.fi-report-panel .report-navs {
	display:none;
	padding: 0px;
}
.fi-report-panel .report-navs .panel-item {
	width: 32px;
	height: 32px;
	margin: 12px auto;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
.fi-report-panel .report-navs .panel-item.active {
	background-color: #1E88E512;
}
.fi-report-panel .report-navs .panel-item svg {
	position:absolute;
	top: -9px;
	left: -11px;
}
.fi-report-panel .report-navs .panel-item.active svg {
	color: #1E88E5;
}
.fi-report-panel .report-navs .panel-item:hover svg {
	color: #1E88E5;
}
.fi-report-panel .panel-canvas{
	overflow:hidden;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position:absolute;
 background-color: #ffffff;
	top: 65px;
	bottom: 104px;
	width: calc(100%);
}
.report-detail-main.-compact {
 max-width: 1200px;
	margin: auto;
}
.report-detail-main.-with-panel{
 padding: 20px 20px 20px 20px;
}
.fi-report-panel .panel-header,
.fi-report-panel .panel-page .pp-header{
 padding: 16px;
	font-size:16px;
	font-weight:bold;
	border-bottom: 1px solid #F0F0F0;
}
.fi-report-panel .panel-footer {
	z-index: 13000;
 padding: 8px 16px;
	padding-right: 0;
 border-top: 1px solid rgb(0 0 0 / 5%);
}
.fi-report-panel .panel-footer {
	overflow:hidden;
	position:absolute;
 background-color: #ffffff;
	left: 0;
	right: 0;
	bottom: 76px;
	max-height: calc(100% - 196px);
}
.fi-report-panel .panel-footer.-full {
	top: 0;
	bottom: 0;
	max-height: 100%;
	border-top: none;
	border-bottom-left-radius: 12px;
}
.fi-report-panel .panel-footer.-full .base-section.-no-border {
	max-height: 40vh;
}
.fi-report-panel .panel-footer .base-section.-no-border {
	padding-top: 12px;
	max-height: 40vh;
	padding-right: 16px;
	padding-left: 0;
	margin-bottom: -8px;
}
.panel-footer .box.-postform .form.-modern .mform .mside .base-action {
	display:none;
}
.fi-report-panel .panel-footer .base-section.-no-border.scroll-y::-webkit-scrollbar {
	width: 4px;
}
.fi-report-panel .panel-footer .base-section.-no-border.scroll-y::-webkit-scrollbar-thumb {
	background: transparent;
}
.fi-report-panel .panel-footer .base-section.-no-border.scroll-y:hover::-webkit-scrollbar-thumb {
	background: #ddd;
}
.fi-report-panel .panel-footer .base-section.-no-border.scroll-y::-webkit-scrollbar-track {
	background: transparent;
}
.fi-report-panel .panel-header .base-info,
.fi-report-panel .panel-footer .base-info {
	font-size:12px;
	color:#65686f;
	padding: 8px 0;
	font-weight: 400;
}
.panel-page .panel-page-close {
	position:absolute;
 top: 11px;
 right: 30px;
	display:none;
}
.panel-page .panel-page-close .base-icon {
 width: 24px;
 height: 24px;
}
.panel-page .panel-page-close .base-icon svg {
 width: 24px;
 height: 24px;
}
.panel-page .panel-page-close.active {
	display:block;
}
.fi-report-panel .panel-page .pp-body .base-section{
 padding: 8px 16px;
	background-color: transparent;
}
.fi-report-panel .panel-page .pp-body .base-section.flow-block-item:hover {
	box-shadow: 0px 4px 30px rgba(22, 33, 74, 0.08);
}
.fi-report-panel .panel-page .pp-body .base-section.flow-block-item {
	min-width: 34px;
	height: 34px;
 padding: 0;
 border-radius: 6px;
	border: 1px solid #F0F0F0;
}
.fi-report-panel .panel-canvas .panel-page, .fi-report-panel .panel-canvas .rq-detail-cards {
	display:none;
 border: none;
	background-color: #fff;
}
.fi-report-panel .panel-canvas .panel-page.active, .fi-report-panel .panel-canvas .rq-detail-cards.active {
	display:block;
}
.fi-report-panel .panel-canvas .rq-detail-cards .pp-body{
 padding: 0px;
}
.panel-page .display-field {
 padding-bottom: 24px;
}
.panel-page .display-field .field-label {
	font-size:14px;
 color:#616161;
 font-weight: 400;
 height: 16px;
 line-height: 20px;
 padding-bottom: 8px;
}
.fi-report-panel .display-field {
 padding-bottom: 24px;
}
.fi-report-panel .display-field .field-label {
	font-size:14px;
 color:#616161;
 font-weight: 400;
 height: 16px;
 line-height: 20px;
 padding-bottom: 8px;
	text-transform: math-auto;
}
.fi-report-panel .display-field .field-label {
	display:inline-block;
	font-size:14px;
 vertical-align: baseline;
 line-height: 20px;
 color:#666666;
}
.master-panel.sub-panel:before {
 position: absolute;
 right: 0px;
 top: 0px;
 bottom: 0px;
 width: 2px;
 background: rgba(0, 0, 0, 0.1);
 content: "";
}
.master-panel.sub-panel .panel-pagination {
	right: 2px;
}
.master-panel.sub-panel .pitems {
	position:relative;
	padding: 0;
 height: 100%;
}
.master-panel.sub-panel .pitems span.ticket-tag {
 font-size: 12px;
}
.master-panel.sub-panel .pitems .ticket-panel-items {
	position:absolute;
 top: 96px;
 left: 0px;
 bottom: 44px;
 right: 0px;
}
.master-panel.sub-panel .pitems .kanban-card-content {
	margin-bottom: -4px;
	margin-top: 6px;
}
.master-panel.sub-panel .pitems .kanban-card-content.-tag {
	margin-bottom: 4px;
}
.master-panel.sub-panel .pitems .kanban-card {
	margin: 8px 12px;
	border: none;
	box-shadow: none;
	position: relative;
	padding: 10px;
	cursor: pointer;
}
.master-panel.sub-panel .kanban-card:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.master-panel.sub-panel .kanban-card:not(.active):last-child:hover {
	border: none;
}
.master-panel.sub-panel .pitems .kanban-card::before {
	content: '';
	background-color: rgba(0,0,0,0.1);
	position: absolute;
 width: calc(100%);
 top: -4.5px;
 height: 1px;
 left: 0;
}
.master-panel.sub-panel .kanban-card:hover::before,
.master-panel.sub-panel .kanban-card:hover + .kanban-card::before,
.master-panel.sub-panel .kanban-card.active + .kanban-card::before,
.master-panel.sub-panel .kanban-card.active::before {
	display:none;
}
.master-panel.sub-panel .pitems .kanban-card-title {
	font-weight: 400;
}
.master-panel.sub-panel .kanban-card:hover {
	background-color: #F5F5F5;
}
.master-panel.sub-panel .kanban-card.active {
	background-color: #ecf5fd;
	border: 1px solid #1e88e5;
}
.master-panel.sub-panel .kanban-card.active .kanban-card-title {
	font-weight: 500;
}
.master-panel.sub-panel .kanban-card:hover .kanban-card-title {
	color:#1E88E5;
}
.master-panel.sub-panel {
	position:absolute;
 width: 280px;
 top: 0px;
 bottom: 0px;
 left: 0;
 z-index: 100;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.panel-header.block-title {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: center;
 padding: 10px 16px 16px;
}
.panel-header .base-button .-suffix {
 right: 4px;
 top: 2px;
 position: absolute;
 display: inline-block;
}
.panel-header .base-button .-txt {
 font-weight: 600;
 color: #3a3a3a;
	display: -webkit-box;
 line-clamp: 1;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.panel-header .base-button:hover .-txt {
	color: #1E88E5;
}
.panel-header .base-button .-dd-icon:after {
	font-size: 12px;
}
.panel-header .base-button.-pdd {
 padding-right: 32px;
 max-width: 95%;
 border: none;
 box-shadow: none;
 padding-left: 0;
	padding-top: 6px;
 font-size: 14px;
}
.panel-header .base-button .-cmenu {
	right: auto;
	left: 0;
	top: 26px;
	max-height: 400px;
 overflow-y: scroll;
}
.panel-header.block-title .base-title {
	font-size: 14px;
 color: #757575;
	display: -webkit-box;
 line-clamp: 1;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.panel-header.block-title .base-title.url:hover {
	color:#1E88E5;
}
.panel-pagination {
	position:absolute;
	top: auto;
 bottom: 0;
 right: 0;
 left: 0;
 padding: 8px;
 background: #ffffff;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom-left-radius: 12px;
}
.panel-pagination .base-pagination {
 padding-top: 4px;
 padding-bottom: 0;
 zoom: 0.8;
}
.sub-panel .base-pagination .pag.active {
	display:block;
}
.sub-panel .base-pagination .pag-trunc,
.sub-panel .base-pagination .pag,
.sub-panel .base-pagination .bp-exp {
	display:none;
}
.sub-panel .base-pagination .pag-nav {
	margin: 0;
	position:absolute;
	left: 0;
}
.sub-panel .base-pagination .pag-nav:last-child {
	right: 0;
	left: auto;
}
.master-panel.sub-panel span.bt-content-picon {
 display: flex;
 align-items: center;
}
.master-panel.sub-panel span.-icon-svg {
 width: 20px;
 height: 10px;
 left: -5px;
 position: relative;
 top: -8px;
}
.ticket-panel .filter-btn {
	position: absolute;
 top: 28px;
 left: auto;
 right: 12px;
 padding: 12px;
 height: fit-content;
	border-color: transparent;
	box-shadow: none;
	.-icon {
 position: absolute;
 top: 11px;
 left: 9px;
	}
	.-icon.-filtered {
 position: absolute;
 top: 4px;
 left: 4px;
 color: #1e88e5;
 }
	.-txt.-filtered {
 position: absolute;
 top: -8px;
 background: #1e88e5;
 border-radius: 50%;
 color: #ffffff;
 width: 18px;
 height: 18px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 10px;
 line-height: 10px;
	}
	&:hover .-icon, &.active .-icon {
 color: #1e88e5;
	}
}
.master-page .master-filters.panel-filter {
	position: fixed;
 min-height: 300px;
 top: 112px;
 z-index: 90000;
 max-height: calc(100vh - 120px);
 width: 280px;
 left: 260px;
 border-radius: 0;
 border-bottom-left-radius: 12px;
	.footer {
	}
	.master-filters .body {
 bottom: 63px;
 box-shadow: 0px 0px 16px 0px #0000000a inset;
	}
	.title {
 font-size: 14px;
 padding: 12px 0px;
 margin: 0 16px;
 height: 44px;
	}
	.body {
 position: absolute;
 top: 44px;
 bottom: 100px;
 left: 0px;
 right: 0px;
	}
}
.-mm-collapsed .master-page .master-filters.panel-filter {
	left: 60px;
}
.panel-header.block-title .base-search {
	width: 100%;
}
.panel-filter-container {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0px;
 right: 0;
 width: 280px;
	border-radius: 12px;
	display: none;
	.filter-backdrop {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 opacity: 1;
 width: 280px;
 background: rgba(0, 0, 0, 0.1);
 transition: opacity 0.3s, width 0.15s;
 background-color: #343434;
 opacity: 0.5;
 border-top-left-radius: 12px;
 border-bottom-left-radius: 12px;
 z-index: 100;
 cursor: pointer;
 }
}


.master-menu {
	width: 260px;
	border: none;
	top: 55px;
	background-color: #F1F8FE;
	transition: width 0.15s;
}
.-mm-collapsed > #master > .master-menu {
	width: 60px;
}
.-mm-collapsed > #master > .master-menu .item .label {
	width: 0;
}
.-mm-collapsed > #master > .master-menu .item.-picon {
	padding-left: 32px;
}
.-mm-collapsed > #master > .master-menu .section.-collapsed .items {
	display:block;
}
.-mm-collapsed > #master > .master-menu.service-menu .section .title {
	display:none;
}
.-mm-collapsed > #master > .master-menu.service-menu .ws-scroll.group-menu-items {
	top: 149px;
}
.-mm-collapsed > #master > .master-menu .smenu-section .section {
 padding-top: 12px;
}
.-mm-collapsed > #master .smenu-search-item.base-search {
	display:none;
}
.-mm-collapsed > #master #page {
	left: 60px;
}
.-mm-collapsed > #master > .master-menu.service-menu .base-empty-state,
.master-menu.service-menu .base-empty-state .-icon {
	display:none;
}
#page {
	transition: left 0.15s;
}
#document.initial #page {
	left: 60px;
}
.master-menu .smenu-sections .item .icon {
	width: 18px;
 height: 18px;
 border-radius: 50%;
 color: #ecf5fd !important;
 background: #757575;
 border-color: #ffffff !important;
	zoom: 1.2;
 top: 4px;
 left: 8px;
}
.master-menu .smenu-sections .item:hover .icon {
 color: #f5f7fa !important;
}
.master-menu .smenu-sections .item.active .icon {
 background: #1E88E5;
 color: #fcfdfe !important;
}
.master-menu .smenu-sections .item .icon span.-icon-svg {
	position:absolute;
	top: -1px;
	left: -1px;
}
.master-menu .section {
	padding: 18px 12px 12px;
}
.master-menu .section .title:after {
	right: 12px;
}
.master-menu.service-menu,
.master-menu.service-menu .ws-scroll {
	top: 0;
}
.master-menu.main-menu {
	top: 55px;
}
.master-menu.service-menu .ws-scroll.group-menu-items {
 z-index: 10000000000000;
 top: 190px;
}
.-not-admin .master-menu.service-menu .ws-scroll.group-menu-items {
	top: 158px;
}
.service-menu .add-service-btn {
	position:absolute;
 padding: 0px;
 height: 17px;
 width: 17px;
 border-radius: 50%;
	right: 36px;
 top: 6px;
	z-index: 1;
	color: #888;
	background-color: #ffffff;
	display:none;
}
.service-menu .smenu-section:hover .add-service-btn {
	display:block;
	display:none;
}
.service-menu .add-service-btn .-icon {
	position:absolute;
 top: -2px;
 left: -1px;
 color: #888;
}
.service-menu .add-service-btn:hover .-icon:hover,
.service-menu .add-service-btn:hover .icon,
.service-menu .add-service-btn:hover {
	color:#1E88E5;
	border-color: #1E88E5;
}
.master-menu .smenu-section .section {
	padding: 0 12px;
}
.smenu-search-item.base-search {
 top: 12px;
 left: 16px;
 width: calc(100% - 32px);
 border-radius: 6px;
}
.smenu-search-item.base-search input {
 background: #ffffff00;
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.smenu-search-item.base-search input:focus {
 background: #ffffffbf;
	border: 1px solid #ffffff;
}
.master-menu.service-menu .section.-collapsed .title {
	border: none;
}
.smenu-section {
	position:relative;
}
.smenu-section:first-child {
	margin-top: -8px;
}
.smenu-item-contanier .base-tooltip > .-bt-inner .-bt-arrow {
	left: 12px;
}
.smenu-item-contanier .base-tooltip > .-bt-inner {
	max-width: 800px;
	width: fit-content;
 left: 0;
 top: auto;
 bottom: 0px;
 position: absolute;
	text-align: left;
}
.smenu-item-contanier {
 position: relative;
}
.master-menu.service-menu .section .title {
	padding-right: 32px;
	font-size: 14px;
	color: #343434;
	text-transform: math-auto;
	margin-top: 12px;
}
.master-menu.service-menu .base-sep {
 border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 12px;
}
.master-menu.service-menu .main-items .item.active {
 font-weight: bold;
 color: #343434;
 background: #ffffff;
}
.master-menu.service-menu .item {
	border-radius: 6px;
}
.master-menu.service-menu .item.active {
 font-weight: 500;
 color: #343434;
 background: #ffffffdd;
}
.master-menu.service-menu .item.active::before {
 position: absolute;
 width: 3px;
 height: 20px;
 background-color: #1E88E5;
 content: ' ';
 top: 5px;
 left: 0px;
	border-top-right-radius: 12px;
}
.master-menu .item:hover {
 background: #ffffff84;
}
.master-menu .item:hover .icon,
.master-menu .item:hover .label {
	color: #343434;
}
.master-menu .item {
	font-size: 14px;
	font-weight: 400;
	color: #3A3A3A;
}
.master-menu .item.active .icon {
	color: #1E88E5;
}
.master-menu .ext-icon {
	position:absolute;
	display:none;
 cursor: pointer;
 box-sizing: border-box;
 top: 45%;
 right: 0px;
 margin-right: -14px;
 margin-top: -30px;
 width: 28px;
 height: 28px;
 background: rgba(0, 0, 0, 0.1);
 border-radius: 50%;
 border: 1px solid rgba(255, 255, 255, 0.4);
 z-index: 1000000000000;
}
.master-menu .ext-icon:before {
 font-family: ap;
 content: "\e6b5";
 color: #fff;
 position: absolute;
 font-size: 16px;
 top: 5px;
 left: 1px;
}
.master-menu .ext-icon:after {
 font-family: ap;
 content: "\e6b6";
 color: #fff;
 position: absolute;
 font-size: 16px;
 top: 5px;
 right: 1px;
}
.master-menu:hover .ext-icon {
	display:block;
}
.master-menu .ext-icon:hover::before,
.master-menu .ext-icon:hover::after,
.master-menu .ext-icon:hover {
	display:block;
	color:#1E88E5;
}
.master-menu .ext-icon:hover {
	background-color: #ffffff;
}


#context-menu {
	z-index: 1000;
}
#context-menu-main {
 min-height: fit-content !important;
}
#context-menu .superfilter .menu {
	padding-top: 6px;
}
#context-menu .superfilter .sort,
#context-menu .superfilter .filter
{
	position:relative;
	cursor:pointer;
	font-size:13px;
 color: #333;
}
#context-menu .superfilter .sort {
 padding: 8px 8px;
 margin: 0 4px;
}
#context-menu .superfilter .sort:hover, #context-menu .superfilter .sort.active {
	background-color: #1e88e51a;
 color: #343434;
 border-radius: 6px;
}
#context-menu .superfilter .item-sep {
	height:1px;
	background-color: #ccc;
	margin: 6px 10px;
}
#context-menu .superfilter .filter .label {
	padding-bottom: 5px;
}
#context-menu .superfilter .filter select,
#context-menu .superfilter .filter input
{
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ccc;
	padding:7px 8px;
 border-radius: 6px;
	width: 100%; height: 33px;
	margin-top:4px;
}
#context-menu .superfilter .filter .search {
	position:relative;
	margin-bottom: 4px;
}
#context-menu .superfilter .filter .search:after {
	font-family:ap;
 content:"\f162";
	position:absolute;
	font-size:13px;
	right:10px;
	top:10px;
	left: auto;
}
#context-menu .superfilter .filter .search input {
	@border-box 
	width:100%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	height:32px;
	padding:8px 32px 8px 10px;
	border:1px solid #ddd;
 border-radius: 6px;
}
#context-menu .superfilter .filter .mask-actions {
	position:absolute;
	top: 0;
	right: 10px;
	padding: 7px 0 3px;
}
#context-menu .superfilter .filter .mask-actions .action {
	display:inline-block;
	font-size:12px;
 color: #267cde;
	margin-left: 9px;
}
#context-menu .superfilter .filter .mask-actions .action:hover {
	text-decoration:underline;
}
#context-menu .superfilter .filter .options-wrap {
	position:relative;
	overflow:hidden;
	height: 100px;
}
#context-menu .superfilter .filter .options .option {
	color: #999;
	cursor:pointer;
	position:relative;
	font-size:12px;
	padding: 3px 8px 3px 24px;
	margin: 3px 0;
}
#context-menu .superfilter .filter .options .option:hover {
	color: #333;
}
#context-menu .superfilter .filter .options .option:before {
	content:"";
	@border-box 
	position:absolute;
 left: 0px;
 top: 3px;
	background-color: #fff;
	width: 14px; height: 14px;
	border:1px solid rgba(0,0,0,0.3);
 border-radius: 6px;
}
#context-menu .superfilter .filter .options .option.active {
	color: #333;
}
#context-menu .superfilter .filter .options .option.active:before{
	border:1px solid rgba(0,0,0,0.1);
}
#context-menu .superfilter .filter .options .option.active:after{
	content:"\2714";
	color: #333;
	font-weight:500;
 @f9;
	position:absolute; left: 4px; top: 3px;
}
#context-menu .superfilter .actions {
	padding: 10px;
	overflow: auto;
}
#context-menu .superfilter .actions .action {
	text-align:center;
	cursor:pointer;
	display:block;
	font-size:14px;
	position:relative;
 @border-box;
 border-radius: 6px;
	padding:7px 0px;
	width:48%;
}
#context-menu .superfilter .actions .action.ok {
	float:right;
 color: #fff;
	background-color: #219D5B;
}
#context-menu .superfilter .actions .action.cancel {
	float:left;
 color: #666;
	background-color: #ddd;
}
#context-menu .superfilter .filter .opts{
	position:relative;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
#context-menu .superfilter .filter .opts::-webkit-scrollbar{
	width: 8px;
}
#context-menu .superfilter .filter .opts::-webkit-scrollbar-thumb{
	background: #aaa;
}
#context-menu .superfilter .filter .opts::-webkit-scrollbar-track{
	background-color: #ddd;
}
#context-menu .superfilter .filter .opts::-webkit-scrollbar-track:hover{
	background: rgba(0,0,0,0.2);
}
#context-menu .superfilter .filter .opts .-opts-wrapper{
	padding:10px 8px;
}
#context-menu .superfilter .filter .opts .-opts-header{
	margin:10px 8px 0px 8px;
}
#context-menu .superfilter .filter .opts .-opts-header .base-search{
}
#context-menu .superfilter .filter .opts .-opts-header.-with-search{
	border:none;
}
#context-menu .superfilter .filter .opts .-opts-title{
	padding-bottom:10px;
	padding-left: 30px;
	font-size:11px;
	text-transform:uppercase;
 color:#999;
	font-weight:500;
	position:relative;
	margin-top:15px;
	border-bottom:2px solid #eee;
}
#context-menu .superfilter .filter .opts .-opts-title:before{
	font-family:ap; content:"\f12f";
	position:absolute;
	font-size:16px;
 color:#999;
	left:6px;
	top:-1px;
}
#context-menu .superfilter .filter .opts .opt{
	padding:8px 8px 8px 30px;
	position:relative;
	cursor:pointer;
	font-size:13px;
 color:#999;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	margin-bottom:2px;
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
#context-menu .superfilter .filter .opts .opt:before{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:16px;
	height:16px;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	content:"";
	top:7px;
	left:8px;
	background-color: #f8f8f8;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#context-menu .superfilter .filter .opts .opt.active{
	color:#343434;
}
#context-menu .superfilter .filter .opts .opt.active:before{
	background-color: #42b814;
}
#context-menu .superfilter .filter .opts .opt.active:after{
	content:"\2714";
	position:absolute;
 color:#fff;
	font-size:11px;
	font-weight:500;
	top:7px;
	left:11px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#context-menu .superfilter .filter .opts .opt:hover{
	background-color: #f8f8f8;
}
#context-menu .superfilter .item-sep:last-child {
	display:none;
}
#context-menu .superfilter .filter .base-form-row {
 padding: 6px 10px;
}
#context-menu .superfilter .filter .base-form-row .fr-content .fr-input {
 padding-top: 2px;
}
#context-menu .superfilter .filter .base-form-row .fr-label {
	font-size:13px;
	font-weight:normal;
}
#context-menu .superfilter .improve-select .is-box {
	position: relative;
}


#item-list {
	position:absolute;
 top: 0;
 left: 0;
 bottom: 160px;
 right: 0;
}
.super-table .row-title {
	font-weight: 500;
}
.super-table .thead {
	background-color: #F5F5F5;
}
.super-table .thead,
.super-table .super-row {
	height: 40px;
}
.super-table .super-cell.-disable {
 background: #f9f9f996;
}
.super-table .super-cell {
	display: flex;
	align-items: center;
}
.super-table .super-cell .single-line img {
	display:none;
}
.super-table .super-cell .sc-inner{
	flex-grow: 1;
}
.super-table .thead .th .cell .name {
	padding: 14px;
	padding-left: 10px;
}
.super-table .thead .th .filter {
	position:absolute;
 right: 4px;
 top: 4px;
}
.super-table-canvas.-sticky-header .super-table {
	min-width: 100%;
}
.super-table-canvas.-sticky-header .super-table > .tbody {
	padding-top: 41px;
}
.super-table .thead .th.-sticky-left:first-child .cell.-has-filter .name,
.super-table .super-row .super-cell-wrapper:first-child .super-cell {
}
.super-table .super-row .super-cell-wrapper:first-child .super-cell.group-title {
	padding-right: 24px;
	padding-left: 32px;
}
.super-table .thead .th.-sticky-left {
	z-index: 200;
}
.super-table .thead .th .sorter {
	z-index: 1;
}
.super-table .thead .th .sorter .dd svg {
	background-color: #ffffff;
}
.super-table .thead .th .cell.-filter-activated .name {
	padding-left: 28px;
}
.super-table-wrapper{
	transition: top 0.3s;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
 border-left: 1px solid rgba(0, 0, 0, 0.1);
 border-right: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 6px;
}
.table-action-btns.active ~ .super-table-canvas .super-table-wrapper,
.selection-control.active + .super-table-canvas .super-table-wrapper {
	top: 30px;
	transition: all 0.3s;
}
.super-table-canvas {
	bottom: 64px;
 top: 16px;
 left: 16px;
 right: 16px;
 border-radius: 6px;
 border: 1px solid transparent;
}
.super-table-extra {
	position:absolute;
 height: 30px;
 top: 0;
 right: 0;
 gap: 10px;
 display: flex;
	display:none;
}
.super-table-extra .search input {
	transition: all 0.3s;
}
.super-table-extra .search input:focus {
 margin-right: 20px;
}
.super-table-extra .st-pagination {
	float:right;
	border: 1px solid rgba(0,0,0,0.1);
}
.super-table .super-cell .text-title {
	font-size:13px;
}
.super-table .super-cell .cur {
	position:relative;
	text-align: right;
	right: 11px;
}
.super-table .super-cell b {
	font-weight: 400;
}
.super-table .super-cell .amount b {
	font-weight: 600;
}
.super-table .super-cell .cur .unit {
	top: 1px;
 right: -11px;
}
.super-table .super-cell.p-4 {
	padding: 4px;
}
.super-table .super-cell.p-4 .sc-inner {
	height: 24px;
}
.super-table .super-cell.p-4 .base-user .base-user-name {
	position:relative;
	top: 6px;
}
.super-table .super-cell.p-4 .base-user .base-user-info {
	display:none;
}
.super-table .thead .row-checkbox.-is-selected{
	border:1px solid rgba(0,0,0,0.1);
	background-color: #219D5B;
}
.super-table .thead .row-checkbox.-is-selected:before{
	content: "\2714";
	position:absolute;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	top:-1px;
	left:2px;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}
.super-cell .base-avatars.-sm .inline-avatar .base-info {
	display:none;
}
.super-table .super-cell.p-5 {
	padding: 5px;
}
.super-table .super-cell .text-main {
	color:#343434;
}
.super-table .super-cell .base-none {
	color:#333;
}
.super-table .super-cell.p-7 {
	padding: 7px;
}
.super-table .super-cell.pl-5 {
	padding-left: 5px;
}
.super-table .super-cell.pr-5 {
	padding-right: 5px;
}
.super-table .super-cell .base-tags .base-tag {
	padding: 2px 8px;
}
.baseui-dialog {
 min-width: 900px;
}
.baseui-dialog .base-table tbody .cell{
	position:relative;
}
.main-section .selection-control {
	background-color: #ffffff;
}
.selection-control {
	position:absolute;
	font-weight:500;
	color:#888;
	display:none;
	background-color: #f3f3f3;
	left: 0;
	right: 0;
	top: 0;
	height: 30px;
}
.selection-control.active {
	display:block;
	z-index: 1;
	background-color: #ffffff;
 width: fit-content;
 right: 0;
 padding: 12px 12px 0 12px;
}
.selection-control > div {
	float:left;
	margin-right: 4px;
}
.selection-control .selected {
	padding: 8px;
}
.selection-control .action {
	color:#1E88E5;
	padding: 8px 12px;
 margin: 0;
 border-radius: 6px;
}
.selection-control .action.-cancel {
	color:#c34343;
	float:right;
}
.selection-control .action.-cancel:hover {
 background: rgb(229 30 30 / 10%);
}
.selection-control .action:hover {
	background: rgba(30,136,229,0.1);
}
.selection-control .action.all {
	display:block;
}
.selection-control .action.none {
	display:none;
}
.selection-control.all .action.all {
	display:none;
}
.selection-control.all .action.none {
	display:block;
}
.base-selected-button {
	padding-left: 30px;
 padding-right: 10px;
	background-color: #ffffff;
	font-weight:500;
	color:#343434;
}
.base-selected-button {
	padding-left: 15px;
	padding-right: 30px;
}
.base-selected-button b {
	position:relative;
	top: -1px;
}
.super-cell-wrapper .st {
 position: absolute;
 top: 8px;
 left: 7px;
	width: calc(100% - 31px);
}
.super-table .thead .th .cell.-has-filter .name {
 color:#616161;
}
.super-cell .fi-checkbox.-checked .-fcb {
	background-color: #42b814;
	border: 1px solid #42b814;
	color: #fff;
}
.super-cell .fi-checkbox {
	width: 17px;
	height: 17px;
}
.super-cell .fi-checkbox .-fcb {
	border-radius: 4px;
}
.super-cell .base-flex-cols.file-listing .file {
	margin-bottom: 0;
}
.super-table-field .base-avatars .inline-avatar > .-cmenu {
	left: -85px;
}
.super-cell .base-button {
	font-size: 11px;
	padding: 6px;
 height: 26px;
 display: block;
 max-width: 100%;
 float: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
 border-radius: 6px;
 width: fit-content;
	margin-top: 0;
}
.super-cell .base-button:has(.-icon) {
 width: 26px;
}
.super-cell .base-button.main-icon .-icon {
	top: 3px;
}
.super-cell .base-button .-icon {
	top: 4px;
 left: 4px;
}
.super-cell .base-selected-button {
	margin: 0;
	margin-left: 0;
 padding-left: 28px;
	padding-right: 20px;
	overflow: visible;
}
.super-cell .base-button .base-icon {
 max-width: 16px;
 max-height: 16px;
	left: 6px;
 top: 3px;
}
.super-cell .base-selected-button:after {
 right: 8px;
 top: 5px;
}
.super-cell .base-button.base-iconbox .-bi {
	background: inherit;
}
.super-table .super-cell.table-cta-btn {
	padding: 6px;
}
.super-cell .group-btn {
	position: relative;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 width: 100%;
 gap: 4px;
}
.super-table .base-selected-button.-menu-opts {
	border: none;
	padding-left: 4px;
}
.super-table .base-selected-button.-menu-opts .base-tooltip {
	display: none !important;
}
.super-table .base-selected-button b {
 position: relative;
 top: 0px;
}
.super-table .base-selected-button:after {
	right: 8px;
 top: 5px;
}
.super-table .base-selected-button.-menu-opts:after {
	top: 6px;
}
.super-table .base-selected-button:hover .-cmenu {
	margin-top: -6px;
}
.super-table .super-cell .-cmenu.-padding .-item:hover {
	color: #fff;
}
.super-table .super-cell .base-avatars .-cmenu.-padding .-item:hover {
	color: #1e88e5;
}
.super-table .base-button .base-tooltip {
	z-index: 100;
	text-align: left;
}
.super-table .base-button .base-tooltip > .-bt-inner .-bt-arrow {
	left: auto;
	right: 20px;
}
.super-table .base-tag {
	padding: 2px 8px;
}
.super-table .thead .th .sorter .dd svg {
	background-color: #f8f8f8;
	fill: #1e88e5;
	width: 16px;
 height: 16px;
 top: 2px;
 position: relative;
}
#context-menu .superfilter .actions .action.ok {
	background-color: #1e88e5;
}
.super-table .thead .th .cell.-filter-activated {
	background-color: #fff;
	border-bottom: 1px solid #1e88e5;
	.name {
 color: #1e88e5;
 text-decoration: none;
 }
.name:before{
 font-family: ap;
 content: "\f05b";
 position: absolute;
 font-size: 12px;
 color: #1e88e5;
 left: 10px;
 top: 12px;
 }
	& + .filter .dd svg {
 fill: #1e88e5;
	}
}
.super-table .base-empty-state {
 position: relative;
 max-width: calc(100vw - 360px);
}
.super-table .thead .th .row-checkbox {
	margin-top: 12px;
 margin-left: 12px;
	border-radius: 4px;
}
.super-table .super-row .row-checkbox-wrapper {
 padding-top: 12px;
 padding-left: 12px;
}
.selection-control .action.none{
	color:#c34343;
}
.selection-control .action.none:hover {
	background: rgb(229 30 30 / 10%);
}
.table-action-btns {
	display:none;
}
.table-action-btns.active {
 width: fit-content;
 position: absolute;
 right: 20px;
 top: 8px;
 z-index: 1;
 display: flex;
 gap: 6px;
	.base-selected-button {
 padding: 8px 12px;
 border: 1px solid #1E88E5;
	}
	.base-selected-button:after {
	display:none;
	}
	.action {
 color: #1E88E5;
 padding: 8px 12px;
 margin: 0;
 border-radius: 6px;
 &:hover {
 background: rgba(30,136,229,0.1);
 }
 &.-cancel {
 color:#c34343;
	float:right;
 border: 1px solid #c34343;
 background: #ffffff;
 }
 &.-cancel:hover {
 background: rgb(229 30 30 / 10%);
 }
	}
}


#js-print-page {
	padding: 30px 40px;
	min-height: 500px;
	width: 50%;
}
#js-print-page .print-header {
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 14px;
	position: relative;
	padding-left: 70px;
	min-height: 70px;
}
.print-header .info {
	font-size: 12px;
	font-weight: normal;
	color: #757575;
}
.print-header .title {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.print-header .logo {
	position: absolute;
	top: 0;
	left: 0;
}
#js-print-page #js-integrated-apps-actions {
	display: none;
}
#js-print-page .print-section {
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 14px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
#js-print-page .print-section:last-child {
	border: none;
}
#js-print-page .print-section-boldtext-b {
	font-size: 12px;
	font-weight: 500;
	color: #111;
}
#js-print-page .print-section-boldtext {
	font-size: 12px;
	font-weight: 500;
	color: #111;
}
#js-print-page .print-section:nth-child(1)>div:nth-child(3) span:nth-child(2) {
	color: #1E88E5;
}
#js-print-page .print-section-header {
	line-height: 16px;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 4px;
	color: #111;
	text-transform: uppercase;
}
#js-print-page .inline-key-value {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
#js-print-page .inline-key-value>span:nth-child(1) {
	width: 30%;
}
#js-print-page .inline-key-value>span:nth-child(2) {
	width: 70%;
}
#js-print-page .inline-key-value>div:nth-child(2) {
	width: 70%;
}
#js-print-page .inline-key-value img {
	height: 220px;
}
#js-print-page .print-section-sub-header {
	line-height: 16px;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 4px;
	color: #111;
}
#js-print-page .super-table-canvas {
	position: static !important;
}
#js-print-page .super-table-canvas .super-table-wrapper {
	position: static !important;
}
#js-print-page .table-display-icon {
	position: static !important;
}
@media print {
	@page {
 size: auto;
	}
	.print-button {
 display: none;
	}
}
#js-print-page .print-button {
	position: absolute;
	top: 52px;
	right: 924px;
	border-radius: 4px;
	background-color: #1E88E5;
	color: white;
	font-size: 13px;
	padding: 8px;
	cursor: pointer;
}
.print-header .print-button .-icon {
	top: 14px;
	left: 6px;
}
#js-print-footer {
	#js-obj-post,
	.postbox-header,
	.li>.title .avatar,
	.postbox-loadmore,
	.list.-posts>.li>.footer,
	.box.comments .post,
	.inline,
	.ap-inline,
	.user-comments>.comment>.actions,
	.user-comments>.comment .image,
	.list.-posts .post .post-actions {
 display: none;
	}
	.list.-posts>.li>.title {
 padding-left: 0;
	}
	.list.-posts>.li {
 padding: 8px 0;
 border-bottom: 0.5px dashed rgba(0, 0, 0, 0.1);
	}
	.list.-posts>.li:last-child {
 border: none;
	}
	.list.-posts>.li>.title .name {
 font-size: 13px;
	}
	.user-comments>.comment>.text .url,
	.name b.url {
 color: #333;
	}
	.list.-posts>.li>.text {
 padding-left: 0;
 font-size: 13px;
	}
	.list.-posts>.li>.post-comments {
 display: block !important;
	}
	.list.-posts>.li>.post-comments>.base-comments-area>.box.comments .comment {
 border-bottom: 1px solid #fff;
 padding: 6px 12px;
 background: #fff;
	}
	.list.-posts>.li>.post-comments>.base-comments-area>.box.comments .comment::before {
 content: "";
 width: 7px;
 height: 1px;
 background-color: #999;
 position: absolute;
 top: 12px;
 left: 0px;
	}
	.user-comments>.comment .info {
 padding-top: 4px;
 font-size: 12px;
 color: #888;
 position: relative;
 left: -14px;
	}
}
@media screen {
	body {
 background: #e9eef3;
	}
	#js-print-page {
 width: 210mm;
 min-height: 297mm;
 margin: 10mm auto;
 padding: 10mm;
 background: #fff;
 box-shadow: 0 0 4mm rgba(0, 0, 0, .15);
 box-sizing: border-box;
 position: relative;
	}
	#js-print-page .print-button {
 position: absolute;
 top: 32px;
 right: 32px;
	}
}
@media print {
	@page {
 margin: 10mm;
	}
	html,
	body {
 margin: 0;
	}
	#js-print-page {
 width: auto;
 min-height: auto;
 margin: 0;
 padding: 10mm;
 box-shadow: none;
 page-break-after: always;
 position: relative;
 font-size: 11pt;
 line-height: 1.4;
	}
	img,
	table {
 max-width: 100%;
 height: auto;
	}
	table {
 table-layout: fixed;
 width: 100%;
	}
	th,
	td {
 word-wrap: break-word;
 overflow-wrap: anywhere;
	}
	.section {
 page-break-inside: avoid;
	}
	.no-print {
 display: none !important;
	}
	body {
 -webkit-print-color-adjust: exact;
 print-color-adjust: exact;
	}
}


#js-integrated-apps-content .linkto-wework .item:last-child {
	border-bottom: none;
 border-radius: 0 0 6px 6px;
}
#js-integrated-apps-content .linkto-action {
	display: none;
}


.form .agent-config-container {
	.agent-output-field-error {
 font-size: 13px;
 color: #c34343;
 margin-bottom: 6px;
 &.hidden {
 display: none;
 }
 div:not(:last-child) {
 margin-bottom: 2px;
 }
	}
	.agent-block-cf-hint {
 font-size: 13px;
 color: #616161;
 .-hint-text {
 margin-right: 6px;
 }
 .-hint-row {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 4px 10px;
 }
 .-cf-list {
 margin-top: 8px;
 background: #ffffff;
 border: 1px solid #e8e8e8;
 border-radius: 6px;
 max-height: 180px;
 overflow-y: auto;
 .-cf-item {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 padding: 6px 10px;
 &:not(:last-child) {
 border-bottom: 1px solid #f0f0f0;
 }
 .-cf-name {
 color: #333;
 min-width: 0;
 }
 .-cf-type {
 color: #999;
 white-space: nowrap;
 }
 }
 }
	}
	.fr-label {
 color: #616161;
 font-size: 13px;
 font-weight: 500;
 padding-bottom: 5px;
	}
	.base-form-row.suggested-input .ap.icon-circle-plus {
 position: absolute;
 align-self: anchor-center !important;
 right: 9px !important;
 top: 22px !important;
 color: #666;
 cursor: pointer;
 }
.base-form-row.suggested-input .ap.icon-circle-plus:hover{
 right: 6px !important;
 top: 20px !important;
 color: #1e88e5;
 zoom: 1.2;
 }
	.-additional-context {
 padding: 8px 12px 4px !important;
 .fr-label {
 padding-bottom: 0;
 }
	}
	.fr-input textarea {
 padding-right: 18px;
	}
	.group-inputs {
 background: #f7f7f7;
 padding: 12px;
 border-radius: 6px;
 margin-bottom: 18px;
 .group-inputs {
 background: #ffffff;
 margin-bottom: 0;
 }
 .group-title {
 font-size: 14px;
 font-weight: 500;
 color: #333;
 padding-bottom: 8px;
 }
 &.extra-input .base-form-row {
 padding-bottom: 4px !important;
 }
 .fr-label {
 color: #888 !important;
 }
 .-additional-context {
 padding: 0 !important;
 margin-bottom: 0 !important;
 }
 .fr-input textarea {
 padding-right: 18px;
 background: #f7f7f7;
 border: none;
 }
 .base-form-row:nth-child(2) {
 padding-bottom: 8px !important;
 }
 /* UI.editor sets an inline height on the wrapper and an inline
 min-height on the editor; override both so the box grows with
 the instructions and scrolls past 220px instead of overflowing */
 .quill-wrapper {
 height: auto !important;
 }
 .ql-editor {
 padding-right: 22px;
 height: fit-content;
 max-height: 220px;
 min-height: 0 !important;
 overflow-y: auto;
 }
 .ql-toolbar.ql-snow {
 display: none;
 }
 .ql-toolbar.ql-snow+.ql-container.ql-snow {
 border: none;
 box-shadow: none;
 background: #f7f7f7;
 border-radius: 6px;
 max-height: fit-content;
 min-height: fit-content;
 }
	}
}
.form .assignee-group {
	margin-top: -16px !important;
}
.block-form-full-page .agent-config-container {
	.-additional-context {
 margin-top: 0 !important;
	}
	.base-form-row.suggested-input .ap.icon-circle-plus {
 position: absolute;
 align-self: anchor-center !important;
 right: 9px !important;
 top: 18px !important;
 color: #666;
 cursor: pointer;
 }
.base-form-row.suggested-input .ap.icon-circle-plus:hover{
 right: 6px !important;
 top: 16px !important;
 color: #1e88e5;
 zoom: 1.2;
 }
	.group-inputs {
 .-additional-context {
 padding: 0 !important;
 margin-bottom: 0 !important;
 margin-top: 20px !important;
 }
	}
}
/* full ancestor chain needed to beat cform.css's more specific .info rule */
#base-master-dialog .fields-sidebar .sidebar-header .info.-warning {
	color: #b06b00;
	margin-top: 4px;
}
/* unscoped: Base.cf.form.add/edit is a Form.v2 dialog, not under #base-master-dialog */
.cf-type-warning-banner {
	display: block;
	color: #8a5300;
	background: #fff4e0;
	border: 1px solid #f5d99b;
	border-radius: 4px;
	font-weight: normal;
	padding: 8px 10px;
	margin: 6px 0;
}
.agent-actions {
	width: 100%;
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	.base-button {
 height: 32px;
 width: fit-content;
	}
}
.-ai-border {
	border-radius: 8px !important;
	padding: 16px;
	background:
 linear-gradient(white, white) padding-box,
 linear-gradient(to right, #ff8ae2, #b58cff, #6ab6ff, #82e4e4) border-box;
	border: 3px solid transparent;
	&.base-section .section-header .base-title {
 margin-left: 38px;
 line-height: 24px;
	}
	&.base-section .section-header>.-inner>.base-icon {
 border-radius: 6px;
 padding: 4px;
 background: #81e3e42b;
 margin-top: -6px;
 margin-left: -8px;
 color: #f0f8ff;
	}
	.gradient-button {
 border: none !important;
 background: linear-gradient(90deg, #ff8ae2, #b58cff, #6ab6ff);
 color: #ffffff !important;
 font-weight: 500;
 cursor: pointer;
 transition: opacity 0.2s ease, transform 0.2s ease;
	}
	.main-border {
 background: linear-gradient(white, white) padding-box, linear-gradient(to right, #ff8ae2, #b58cff, #6ab6ff, #82e4e4) border-box !important;
 border: 1px solid transparent !important;
	}
	.base-button {
 transition: opacity 0.2s ease, transform 0.2s ease;
	}
	.base-button:hover,
	.gradient-button:hover {
 opacity: 0.9;
 transform: translateY(-1px);
	}
	.base-button,
	.gradient-button:active {
 transform: translateY(1px);
	}
	.gradient-button:hover .-icon {
 color: #ffffff;
	}
	.-ai-icon {
 color: #ff8ae2;
 margin-left: 24px;
	}
	.display-field .field-label:has(+ .field-value > .-field-index) {
 margin-left: 44px;
	}
	&.-loading .loading-canvas {
 display: block;
	}
	.loading-canvas {
 display: none;
 margin-left: -8px;
 margin-bottom: -8px;
	}
	span.export-table-btn.url {
 display: none;
	}
	.base-button.stop-btn {
 padding-left: 20px;
 background: transparent !important;
 zoom: 1.4;
 border: none !important;
 box-shadow: none !important;
 position: absolute;
 right: 4px;
 top: 36px;
 color: #666;
 &.-error:hover .-icon {
 color: #c34343 !important;
 }
	}
}
.ai-inline {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font: 500 14px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: #1f2937;
}
.ai-loader .orbit {
	transform-origin: 24px 24px;
	animation: ai-rotate 0.6s linear infinite;
}
.ai-loader .sparkle {
	transform-origin: 24px 24px;
	animation: ai-twinkle 0.8s ease-in-out infinite alternate;
}
@keyframes ai-rotate {
	to {
 transform: rotate(360deg);
	}
}
@keyframes ai-twinkle {
	0% {
 opacity: .75;
 transform: scale(.9);
	}
	100% {
 opacity: 1;
 transform: scale(1.1);
	}
}
#js-ticket-agent-data .cf-group-title {
	font-size: 13px;
	font-weight: 500;
	color: #616161;
	margin: 10px 0 4px;
}
#js-ticket-agent-data table {
	border-collapse: separate;
	width: 100%;
	margin: 12px 0;
	font-size: 14px;
}
#js-ticket-agent-data th,
#js-ticket-agent-data td {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 8px 12px;
	text-align: left;
	vertical-align: top;
}
#js-ticket-agent-data thead {
	background-color: #f5f5f5;
	font-weight: bold;
}
#js-ticket-agent-data tr:nth-child(even) {
	background-color: #fafafa;
}
#js-ticket-agent-data strong {
	display: inline-block;
	margin: 8px 0;
}
#js-ticket-agent-data th:first-child {
	border-top-left-radius: 6px;
}
#js-ticket-agent-data th:last-child {
	border-top-right-radius: 6px;
}
#js-ticket-agent-data tbody tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
}
#js-ticket-agent-data tbody tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
}
#js-ticket-agent-data th:first-child,
#js-ticket-agent-data td:first-child {
	border-left: 1px solid #ccc;
}
#js-ticket-agent-data tbody tr:last-child td {
	border-bottom: 1px solid #ccc;
}
.text-editor table {
	border-collapse: separate;
	width: 100%;
	margin: 12px 0;
	font-size: 14px;
}
.text-editor th,
.text-editor td {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 8px 12px;
	text-align: left;
	vertical-align: top;
}
.text-editor thead {
	background-color: #f5f5f5;
	font-weight: bold;
}
.text-editor tr:nth-child(even) {
	background-color: #fafafa;
}
.text-editor strong {
	display: inline-block;
	margin: 8px 0;
}
.text-editor thead tr:first-child td:first-child,
.text-editor th:first-child {
	border-top-left-radius: 6px;
}
.text-editor thead tr:first-child td:last-child,
.text-editor th:last-child {
	border-top-right-radius: 6px;
}
.text-editor tbody tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
}
.text-editor tbody tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
}
.text-editor th:first-child,
.text-editor td:first-child {
	border-left: 1px solid #ccc;
}
.text-editor tbody tr:last-child td {
	border-bottom: 1px solid #ccc;
}


.form.-flat .input-group-merge-tables {
	.input-switch-case {
 padding-bottom: 4px;
	}
	.js-merge-rules {
 padding-bottom: 0;
	}
	.f-input-objects {
 margin-top: -4px;
 margin-bottom: 12px;
	}
	.input-table-def {
 background-color: #ffffff;
 margin-bottom: 12px;
 .line-contaner {
 padding-bottom: 12px;
 }
 .fake-input {
 position: relative;
 }
 .fake-input input {
 pointer-events: none;
 background-color: #f5f5f5;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
 padding-right: 80px;
 }
 .unit-text {
 position: absolute;
 right: 10px;
 bottom: 10px;
 }
 .trow-line .base-col {
 width: 30%;
 float: left;
 margin-right: 12px;
 min-height: 12px;
 }
 .trow-line .base-col.-sm {
 width: 112px;
 }
 .trow-line .base-col.-lg {
 width: calc(100% - 60% - 112px - 36px);
 }
 .trow-line .base-col:last-child {
 margin-right: 0;
 }
 .force-fixed.merge-rule .js-improved-select,
 .force-fixed.merge-rule .improve-select,
 .fixed.merge-rule .js-improved-select,
 .fixed.merge-rule .improve-select,
 .trow-line.fixed .merge-rule .js-improved-select,
 .trow-line.fixed .merge-rule .improve-select {
 color: transparent;
 background: #f5f5f5;
 pointer-events: none;
 .is-box {
 display: none;
 }
 }
	}
	.supported-text {
 font-size: 13px;
 color: #333;
 padding-bottom: 8px;
 font-style: italic;
	}
	.finance-supertable table thead th.sticky,
	.finance-supertable table td.sticky {
 font-weight: 500;
 background-color: #f3f3f3;
	}
	.finance-supertable table td.sticky-left .improve-select {
 background-color: #f5f5f5;
 border-radius: 0;
	}
	.finance-supertable table th.sticky-left.sticky-top {
 background-color: #eee;
	}
	.input-complex {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: flex-start;
 width: 100%;
 gap: 0;
 .extra-info {
 display: none;
 opacity: 0;
 height: 0;
 padding: 0;
 max-width: 120px;
 }
 .input-custom-formula.input textarea {
 max-height: 40vh;
 min-height: 35px;
 height: 35px;
 overflow: auto !important;
 }
	}
	.input-type-complex {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 width: fit-content;
 gap: 4px;
 padding-left: 8px;
 padding-right: 8px;
 .fic-checkbox .fic-checkmark {
 border-radius: 4px;
 position: relative;
 height: 18px;
 width: 18px;
 display: block;
 }
 .f-input-objects-wrapper .input-formula span.-icon-svg {
 position: absolute;
 top: 8px;
 left: 0;
 }
 .base-icon {
 position: relative;
 opacity: 0.6;
 }
 .fic-checkbox {
 padding: 0;
 }
	}
	.input-complex-cell {
 position: relative;
	}
	.input-complex-cell::before {
 content: '';
 position: absolute;
 width: 1px;
 background-color: rgba(0, 0, 0, 0.05);
 height: 100%;
 left: 54px;
 top: 0;
 display: block;
 z-index: 10;
	}
	.input-table-def .line-form .trow-line {
 display: flex;
 align-items: flex-end;
	}
	.input-table-def .trow-line .base-col .fic-checkbox {
 top: -12px;
	}
	.sort-rules.input-table-def .line-form .trow-line {
 padding: 0px 0px 8px 0px;
 }
	.sort-rules.input-table-def .trow-line .item-actions {
 position: absolute;
 top: 9px;
 right: -14px;
	}
	.sort-rules.input-table-def .line-contaner {
 padding-bottom: 8px;
 padding-top: 8px;
	}
	.sort-rules .trow-line .base-col.-lg {
 width: 100%;
	}
	.sort-rules .base-action {
 padding: 5px 6px;
 height: 27px;
 font-size: 14px;
 color: #1e88e5;
	}
	.sort-rules .base-action:hover {
 text-decoration: underline;
	}
	.sort-rules .ui-sortable-placeholder.group-placeholder {
 height: fit-content;
 width: 100%;
 min-height: 36px;
 border-radius: 6px;
 border: 1px dashed #136BD3;
 background-color: #EBF1F8;
	}
	.sort-rules.input-table-def .line-cta.js-more-line {
 margin-top: -8px;
	}
}
.block-form-full-page .input-group-merge-tables {
	.input-table-def .trow-line .base-col .fic-checkbox {
 top: -20px !important;
	}
}
.simple-form td.-cf-display .input-group-merge-tables {
	.-extra-row,
	.base-side,
	.base-button,
	.input-type-complex,
	span.extra-info,
	.improve-select .is-display:after,
	.input-complex-cell::before,
	.line-cta, .item-actions, .drag-handler,
	.base-flag-message.-picon {
 display: none;
	}
	textarea,
	.fr-input,
	.input-switch-container,
	.improve-select {
 pointer-events: none;
	}
	.finance-supertable table th, .finance-supertable table td {
 max-width: 160px;
	}
	.sticky.sticky-right {
 max-width: 0px;
 padding: 0;
	}
	.input-table-def {
 min-width: 800px;
	}
	.sort-rules .line-form {
 min-width: 400px;
 }
	.sort-rules.scroll-x.input-table-def {
 min-width: 400px;
 overflow-x: auto;
 }
}


.form.-flat .-isinput-esign-configs {
	padding-bottom: 0;
	.js-table-row.disabled span.row-label,
	.js-table-row.disabled .js-ip input,
	.js-table-row.disabled .js-ip .improve-select {
 opacity: 0.5;
 pointer-events: none;
 background: #ddd;
	}
	.js-table-row.disabled .js-ip .fi-checkbox {
 opacity: 0.5;
 pointer-events: none;
 .-fcb {
 background-color: #aaa;
 border: 1px solid #999;
 color: #aaa;
 }
	}
	.js-table-row.disabled td:nth-child(4) .js-ip .fi-checkbox {
 opacity: 1;
 pointer-events: all;
 .-fcb {
 background-color: #ffffff;
 border: 1px solid rgba(0, 0, 0, 0.2);
 }
 &.-checked .-fcb {
 background-color: #219D5B;
 border: 1px solid #219D5B;
 color: #fff;
 }
	}
	.js-table-row.disabled td:nth-child(3) input,
	.js-table-row.disabled td:first-child input {
 color: transparent;
 pointer-events: none;
	}
	.-esign-config {
 padding-top: 0;
 margin-top: -4px;
 .js-improved-select {
 max-height: 33px;
 }
	}
	.-esign-config.-popup {
 margin-bottom: 15px;
	}
	td:last-child,
	.js-remove {
 display: none;
	}
	td:first-child input {
 pointer-events: none;
	}
	span.row-label {
 position: relative;
 margin-top: -32px;
 left: 1px;
 padding-left: 11px;
 width: calc(100% - 12px);
 display: block;
 background: #eee;
 font-size: 13px;
 font-weight: 500;
 line-height: 31px;
 border-radius: 6px;
 color: #333;
	}
	.base-table-wrapper {
 padding-top: 0;
 padding-bottom: 16px;
 tbody .-fx .cell-lead {
 min-height: fit-content;
 padding-bottom: 0;
 padding-right: 8px;
 max-width: 300px;
 }
	}
	.extra-text {
 font-size: 12px;
 color: #333;
 padding: 18px;
 font-style: italic;
 position: relative;
	}
	.io-wrapper {
 padding-bottom: 16px;
	}
	.js-table-row .cell-lead.disabled .js-ip {
 opacity: 0.5;
 color: transparent;
 pointer-events: none;
 .improve-select {
 background: #ddd;
 }
	}
	.-transformer textarea {
 height: auto;
	}
	.base-form-row:last-child {
 padding-bottom: 0;
	}
	.-transformer .-default-templates .improve-select,
	.-transformer .-default-documents .improve-select {
 margin-top: 8px;
	}
	.input-switch-container.extra-input {
 margin-top: 12px !important;
	}
}
span.supported-text {
 margin-top: -8px;
 position: absolute;
 font-size: 13px;
 color: #333;
 font-weight: 500;
 font-style: italic;
}
.extra-text {
	font-size: 12px;
 color: #333;
 padding: 0;
 font-style: italic;
 margin-top: -12px;
 position: absolute;
}
.extra-text.-block {
	position: relative;
 margin-top: -24px;
 display: flex;
 align-items: flex-start;
	line-height: 40px;
}
.output-block-wrapper {
 margin-top: -8px;
 margin-bottom: -20px;
	.output-items .base-form-row {
 padding-bottom: 20px;
 padding-top: 4px;
	}
	&.-full-page {
 margin-top: -2px;
 .output-items {
 margin-top: -12px;
 padding-bottom: 8px;
 }
	}
}


.master-page .master-filters {
	border-top-left-radius: 0;
 border-bottom-left-radius: 0;
	border-top-right-radius: 12px;
 border-bottom-right-radius: 12px;
}
.master-filters .base-form-row .fr-label {
	font-weight: 400;
 font-size: 14px;
 color: #aaa;
}
.master-filters > .filter-backdrop {
	position: absolute;
 top: 0px;
 bottom: 0;
 right: 300px;
 opacity: 1;
 width: calc(100vw - 300px - 268px);
 background: rgba(0, 0, 0, 0.1);
 transition: opacity 0.3s, width 0.15s;
	background-color: #343434;
	opacity: 0.5;
	border-top-left-radius: 12px;
 border-bottom-left-radius: 12px;
}
.-mm-collapsed .master-filters > .filter-backdrop {
 width: calc(100vw - 300px - 68px);
}
.master-filters .body {
	overflow: auto !important;
}
.ui-autocomplete > li > a.user-tag-item {
	display: block;
 cursor: pointer;
 font-size: 13px;
 position: relative;
 padding: 9px 10px !important;
 padding-left: 40px !important;
 margin: 0;
 border-radius: 3px;
 color: #888;
	border: none;
	.image {
 position: absolute;
 overflow: hidden;
 width: 24px;
 height: 24px;
 border-radius: 3px;
 left: 6px;
 top: 5px;
 img {
 width: 24px;
 height: 24px;
 }
	}
	.sub {
 font-size: 12px;
 font-weight: normal;
 opacity: 0.8;
	}
}
#context-tag-canvas .context-tag .item.__tagactive,
#context-tag-canvas .context-tag .item:hover {
	background-color: #e7f4ff;
 color: #3a3a3a;
}
#context-tag-canvas .context-tag .item:hover {
	background-color: #f3f3f3;
}


.checkbox-cell .checkbox {
 top: 11px;
}
table .checkbox.checker {
 background-color: #007AFF;
}
table .checkbox:hover {
 border-color: #007AFF;
}
table .checkbox.checker:after {
 content: "\2714";
 font-size: 12px;
 color: #fff;
	position:absolute;
 font-weight: 500;
 left: 2px;
 top: -1px;
}
table thead .checkbox.checker:after {
 content: "\e952";
 font-family: 'ap';
 top: 0px;
 left: 1px;
}
table .checkbox.checker.thead-checkbox-full:after {
 content: "\2714" !important;
 left: 2px;
 top: -1px !important;
}
table .checkbox {
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
 width: 16px;
 height: 16px;
 border: 1px solid rgba(0,0,0,0.2);
 border-radius: 6px;
 background-color: #fff;
}
table .checkbox.-disabled {
 background: rgba(0,0,0,0.2);
 cursor: no-drop;
}


.super-table .super-cell.-fit .sc-inner .st{
	position:absolute;
 top: 4px;
 left: 8px;
 right: 8px;
 bottom: 0;
}
.super-table .super-cell .base-avatars.-none {
 padding-top: 4px;
 padding-left: 4px;
}
.text-error{
 color:#c34343; !important;
}
.text-left{
 text-align: left !important;
}
.text-right{
 text-align: right !important;
}
.text-center{
 text-align: center !important;
}
.text-green{
 color:#5cb85c; !important;
}
.text-red{
 color: rgb(230, 22, 16) !important;
}
.px-25, .pt-25{
 padding-top: 25px !important;
}
.py-25, .pb-25{
 padding-bottom: 25px !important;
}
.st-success.st-simple {
 background-color: inherit !important;
 color: #7abd1a;
}
.st-pending{
 background-color: #FF9800;
}
.st-pending.st-simple {
 background: inherit;
 color: #FF9800;
}
.st-awaiting{
 background-color: #FFD000 !important
}
.st{
 text-align: center;
 height: 20px;
 display: inline-block;
 padding: 2px 8px 2px 8px;
 line-height: 20px;
	font-size:12px;
 color:#fff;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 font-weight: bold;
	border: none;
}
.st-pending-approval {
 background-color: rgba(255, 152, 0, 0.2);
 color: #FF9800;
}
.st-success{
 background: rgba(76, 175, 80, 0.2);
 color: #4CAF50;
}
.st-rejected {
 background: rgba(241, 86, 86, 0.2);
 color: #F15656;
}
.st-rejected.-late {
	color: #E51C00;
	background: rgba(241, 86, 86, 0.2);
	border: 1px solid #e51c0045;
}
.st-more-info {
 background-color: rgba(71, 101, 207, 0.2);
 color: #4765CF;
}
.st-draft {
 color: #4765CF;
 background: rgba(71, 101, 207, 0.2);
}
.st-main-draft {
 background-color: #4765CF !important;
}
.st-main-closed {
 background-color: #4CAF50 !important;
}
.st-main-cancel {
 background-color: #565D63; !important;
}
.st-main-processing {
 background-color: #4289DC !important;
}
.st-pending-outflow {
 background: rgba(66, 137, 220, 0.2);
 color: rgba(66, 137, 220, 1);
}
.st-cancel {
 background-color: rgba(86, 93, 99, 0.2);
 color: rgba(86, 93, 99, 1);
}
.st-active {
 background: rgba(76, 175, 80, 0.2);
 color: rgba(76, 175, 80, 1);
}
.st-outflow-created {
 background: rgba(76, 175, 80, 0.2);
 color: rgba(76, 175, 80, 1);
}
.st-closed {
 background: #aeedb075;
 color: #009d05;
}
.st-approved {
	background: rgb(160 185 223 / 30%);
 color: #1E88E5;
}
.break-all-word {
	word-wrap: break-word;
 word-break: break-all;
}
.tag{
 color:#fff;
 padding: 3px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 font-weight: 500;
}
.tag-green{
 background-color: #5cb85c !important;
}
.tag-red{
 background-color:#d9534f !important;
}
.alert{
	position:relative;
 padding: 10px;
 margin-bottom: 5px;
 border: 1px solid transparent;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
}
.alert-danger{
 color:#6b1110;
 background-color: #f5d2d2;
 border-color: #f1c1c0;
}
.alert-success{
 color:#316100;
 background-color: #dff1cc;
 border-color: #d2ecb8;
}
.bg-primary{
 background-color: #1E88E5;
 color:#fff;
}
.st-simple {
 width: fit-content;
 padding: 0 10px;
 font-size: 14px;
}
.tax-display > div {
 display: inline-block;
}
.text-sub.url:hover {
	color:#1E88E5;
}
.text-sub {
	font-style: italic;
}
.box-alt0, .box-alt0:hover {
 background-color: #87C7AA;
}
.box-alt0-edge,
.box-alt0-edge:hover,
.box-altundefined-edge,
.box-altundefined-edge:hover {
	color: #87C7AA;
}
.box-alt1-edge,
.box-alt1-edge:hover {
	color: #1E88E5;
}
.box-alt2-edge,
.box-alt2-edge:hover {
	color: #8BD4CF;
}
.box-alt3-edge,
.box-alt3-edge:hover {
	color: #F291C1;
}
.box-alt4-edge,
.box-alt4-edge:hover {
	color: #7DB5F2;
}
.box-alt5-edge,
.box-alt5-edge:hover {
	color: #F4ACA2;
}
.box-alt6-edge,
.box-alt6-edge:hover {
	color: #C7B2FE;
}
.box-alt7-edge,
.box-alt7-edge:hover {
	color: #BFC0C3;
}
.box-alt8-edge,
.box-alt8-edge:hover {
	color: #a9e9a1;
}
.box-alt9-edge,
.box-alt9-edge:hover {
	color: #87C7AA;
}
.box-altundefined,
.box-altundefined:hover {
	background-color: #87C7AA;
}
.box-alt1,
.box-alt1:hover {
	background-color: #FFD56A;
}
.box-alt2,
.box-alt2:hover {
	background-color: #8BD4CF;
}
.box-alt3,
.box-alt3:hover {
	background-color: #F291C1;
}
.box-alt4,
.box-alt4:hover {
	background-color: #7DB5F2;
}
.box-alt5,
.box-alt5:hover {
	background-color: #F4ACA2;
}
.box-alt6,
.box-alt6:hover {
	background-color: #C7B2FE;
}
.box-alt7,
.box-alt7:hover {
	background-color: #BFC0C3;
}
.box-alt8,
.box-alt8:hover {
	background-color: #a9e9a1;
}
.box-alt9,
.box-alt9:hover {
	background-color: #87C7AA;
}
.base-empty-state.real-svg .-icon {
	width: 160px;
 height: 160px;
	margin: -10px auto;
}
.base-empty-state.real-svg.-full-page .-icon {
	width: 400px;
 height: 300px;
 margin: auto;
}
.base-empty-state.real-svg.-full-page .-icon svg {
 width: 300px;
 height: 300px;
}
.base-empty-state.real-svg.-full-page .-text {
 font-size: 14px;
	margin-left: -12px;
}
.base-empty-state {
 padding: 30px;
}
.base-empty-state.-sm .-icon {
 width: 24px;
 height: 24px;
 margin-bottom: 12px;
}
.base-empty-state.real-svg .-icon svg {
 width: 160px;
 height: 160px;
}
.master-header .logo .text {
	font-size: 18px;
}
#header .logo .base-icon {
	width: 28px;
 height: 28px;
 left: -2px;
}
#header .logo .text {
 margin-top: -1px;
 margin-left: 2px;
}
.page-header > .-ph-inner .base-title {
	color: #2F3139;
	font-size: 20px;
}
.base-logs .base-log .-bl-icon .base-iconbox.-edge > .-bi {
	background: white !important;
}
.sample-note .base-table-wrapper {
	border-radius: 6px;
 background: #ffffff8a;
 margin-bottom: 12px;
 box-shadow: none;
	overflow: auto;
}
.sample-note .sample-row.row-title .base-title {
	position:relative;
	font-weight: 500;
 padding-bottom: 8px;
	color: #2F3139;
}
.sample-row .sub-content {
	font-size: 12px;
	color: #888;
	font-style: italic;
}
.sample-note .sample-row.row-title .base-title:after {
 left: 115%;
 top: 6px;
 width: calc(736px - 115%);
 height: 1px;
 background: rgba(0, 0, 0, 0.1);
 content: '';
	position:absolute;
}
.sample-note .base-table thead .cell-lead {
	font-size: 12px;
	color: #888;
}
.sample-note .base-table tbody .cell-lead {
	font-weight: 500;
	color: #c34343;
}


.cell-lead .-signal, .inline-avatar > .-signal, .inline-avatar > .-cmenu > .-item > .-signal {
	position:absolute;
	text-align:center;
	font-size: 9px;
 bottom: -5px;
 right: -5px;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 color: #fff;
 z-index: 10;
 border: 1px solid #FFFFFF;
}
.cell-lead .-signal {
	top: 8px;
	left: -24px;
	right: auto;
	bottom: auto;
}
.cell-lead .-signal .-ap {
	top: 3px;
 left: 3px;
	position:absolute;
}
.-sm .inline-avatar > .-signal,
.-sm .inline-avatar > .-cmenu > .-item > .-signal {
	width: 10px;
 height: 10px;
	bottom: -2px;
 left: 10px;
}
.-sm .inline-avatar > .-signal .-ap {
 position: relative;
	padding-top: 0;
 scale: 0.8;
 top: 0px;
 right: 0.2px;
}
.base-tooltip .-sm .inline-avatar > .-signal .-ap {
	top: -3px;
}
.inline-avatar > .-cmenu > .-item > .-signal {
 width: 12px;
 height: 12px;
 top: 14px;
 left: 22px;
}
.inline-avatar > .-signal .-ap {
	display:inline-block;
 padding-top: 3px;
}
.inline-avatar > .-cmenu > .-item {
	position:relative;
}
.is-item .item.__tagactive{
	background-color: #f3f3f3;
	color:#343434;
}
.is-item .item .image{
	position:absolute;
	overflow:hidden;
	width:24px;
	height:24px;
	border-radius: 6px;
	left:6px;
	top:5px;
}
.is-item .item .image img{
	width:24px;
	height:24px;
}
.tags.theme-dark{
	background-color: #323436;
	-moz-box-shadow: 0 2px 20px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0 2px 20px 0px rgba(0,0,0,0.3);
}
.tags.theme-dark .is-item .item{
	color: rgba(255,255,255,0.6);
}
.tags.theme-dark .is-item .item.__tagactive{
	background: rgba(255,255,255,0.1);
	color:#fff;
}
.ta-log .obj-approvers{
 display:flex;
 flex-direction:column;
 column-gap:8px;
 padding-bottom: 8px;
 .list-item{
 &:first-child::before{
 content: "";
 }
 }
 .ua-item{
	position:relative;
 display:flex;
 flex-direction:row;
 row-gap:12px;
 padding:8px 10px;
 :hover{
 background-color: #f6f6f6;
 }
 .ua-main{
 display:flex;
 flex: 1;
 flex-direction:column;
 column-gap:8px;
 .base-block.-pavatar{
 padding-left:0;
 }
 }
 .ua-side{
	position:absolute;
 @@I300;
 right:10px;
 top:8px;
 display:flex;
 flex-direction:column;
 column-gap:6px;
 align-items:flex-end;
 }
 &:last-child{
 ::after{
	display:none;
 }
 }
 }
 .-approval-status{
	position:relative;
 width:16px;
 height:16px;
 &.-pending{
 &.-my-turn{
 .status-dot{
 background-color: #267cde;
 outline: 2px solid $rgba(#267cde, 0.3);
 }
 }
 }
 &.-approved{
 .status-dot{
 background-color: #42b814;
 outline: 2px solid $rgba(#42b814, 0.3);
 }
 }
 &.-rejected{
 .status-dot{
 background-color: #c34343;
 outline: 2px solid $rgba(#c34343, 0.3);
 }
 }
 .status-dot{
	position:absolute;
 width:10px;
 height:10px;
 top:11px;
 background-color: #ddd;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 z-index: 1;
 }
 }
}
.ta-log .oa-list {
 border-bottom: 1px solid #e9ecef;
}
.oa-list .oa-list-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 8px 0px;
 background: #ffffff;
 cursor: pointer;
 border-left: 4px solid transparent;
 font-size: 14px;
 line-height: 16px;
 font-weight: 600;
}
.ticket-main .ta-log .oa-list .oa-list-header .base-side{
 position: unset;
}
.oa-list .oa-list-header .base-side .base-button{
 align-items: center;
 gap: 6px;
 background: transparent;
 border: none;
 border-radius: 4px;
 font-size: 12px;
 font-weight: 400;
 box-shadow: none;
}
.oa-list .obj-approvers .ua-item{
 display: flex;
 align-items: flex-start;
 gap: 8px;
 padding: 8px 8px;
 background: #f8f9fa;
 border-radius: 6px;
 border: 1px solid #e9ecef;
 margin-top: 8px;
}
.oa-list .ua-item .ua-main .note {
 font-size: 13px;
 color: #868e96;
 font-style: italic;
 margin-top: 8px;
 display: flex;
 column-gap: 8px;
}
.ta-log .oa-list .oa-sub-list {
 margin-left: 32px;
 border-left: 2px solid #dee2e6;
 position: relative;
}
.oa-sub-list .oa-list {
 margin-left: 10px;
 padding-left: 8px;
 border-left: 2px dashed #ced4da;
}
.ta-log .oa-list.-collapsed > .oa-list-header .base-label .-icon{
 transform: rotate(-90deg);
}
.ta-log .oa-list.-collapsed > .obj-approvers, .ta-log .oa-list.-collapsed > .oa-list-body{
 display:none;
}
.oa-list .ua-item .ua-main .note .content {
 background: #fff;
 flex: 1;
 border-left: 3px solid #dee2e6;
 padding: 8px;
 border-radius: 4px;
}
/* with-name variant: shows full user name beside avatar */
.inline-avatar.-with-name {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 2px 10px 2px 2px;
	background: #f5f5f5;
	border-radius: 14px;
	margin: 2px 4px 2px 0;
	max-width: 240px;
	width: auto !important;
	height: auto !important;
}
.inline-avatar.-with-name > .-img {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
}
.inline-avatar.-with-name > .-img img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: block;
}
.inline-avatar.-with-name > .-name {
	font-size: 13px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 22px;
}
.inline-avatar.-with-name:hover {
	background: #e8e8e8;
}
/* Wrapper: pills wrap onto multiple lines instead of overlapping */
.base-avatars.-with-name {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	align-items: center;
}
/* Reset the avatar overlap margin used for round avatars */
.kanban-card .base-avatars.-with-name .inline-avatar,
.kanban-card .base-avatars.-sm.-with-name .inline-avatar {
	margin: 0;
	margin-left: 0;
	max-width: 140px;
}
/* Custom-view rows clip overflowing children — let pill rows grow */
.custom-fields .inline-key-value:has(.base-avatars.-with-name) {
	overflow: visible;
	min-height: auto;
	max-height: none;
	align-items: flex-start;
}
.custom-fields .inline-key-value:has(.base-avatars.-with-name) > div {
	max-height: none;
	max-height: none;
 padding-left: 0;
 margin-left: -4px;
}
/* Lock the label column at 40% so it stays aligned with other rows
 regardless of how many pills the value column wraps into */
.custom-fields .inline-key-value > span {
	flex: 0 0 40%;
	min-width: 40%;
	max-width: 40%;
}
.custom-fields .inline-key-value > div {
	flex: 1 1 60%;
	min-width: 0;
}
/* Status signal (✓/✗) on pill: anchor to avatar circle, not the whole pill */
.inline-avatar.-with-name {
	position: relative;
}
.inline-avatar.-with-name > .-signal {
	left: 14px;
	right: auto;
	bottom: -2px;
}
.kanban-card-content .base-avatars.clear-fix.-sm {
	padding-left: 0;
}
/* Approval history - execution time + round tag (latest vs earlier runs) */
.oa-list .oa-list-header .oa-list-head-left {
 display: flex;
 align-items: center;
 gap: 8px;
 min-width: 0;
}
.oa-list .oa-list-meta {
 display: flex;
 align-items: center;
 gap: 6px;
 font-weight: 400;
}
.oa-list .oa-list-meta .text-datetime {
 font-size: 12px;
 color: #868e96;
 font-weight: 400;
}
.oa-list .oa-round-tag {
 font-size: 11px;
 font-weight: 600;
 line-height: 1;
 padding: 3px 8px;
 border-radius: 10px;
 white-space: nowrap;
 color: #868e96;
 background: #f1f3f5;
}
.oa-list .oa-round-tag.-latest {
 color: #1a7f37;
 background: #e6f4ea;
}
/* Earlier runs recede; the meta (time + tag) stays readable */
.ta-log .oa-list.-old .oa-list-head-left > .base-label,
.ta-log .oa-list.-old .obj-approvers {
 opacity: 0.55;
}
/* Per-user action time (approved / rejected at) under the status label */
.oa-list .ua-item .ua-side .text-datetime {
 font-size: 11px;
 color: #adb5bd;
 font-weight: 400;
 margin-top: 2px;
}


.base-flex-cols.file-listing {
 gap: 20px;
 margin-top: 8px;
}
.base-flex-cols.file-listing .file {
 flex-basis: 24%;
 background-color: #F0F0F0;
 border: 1px solid #E0E0E0;
 padding: 10px 24px 8px 30px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 flex-shrink: 0;
 flex-grow: 0;
	position:relative;
 margin-bottom: 4px;
}
.base-flex-cols.file-listing .file.active {
 border-color : #1E88E5;
}
.base-flex-cols.file-listing.-col-5 .file {
 flex-basis: 18%;
}
.base-flex-cols.file-listing.-col-3 .file {
 flex-basis: 31%;
}
.base-flex-cols.file-listing.-col-2 .file {
 flex-basis: 46%;
}
.base-flex-cols.file-listing.-col-1 .file {
 flex-basis: 100%;
}
.base-flex-cols.file-listing .file:first-child {
	margin-left: 0;
}
.base-flex-cols.file-listing.-col-4 .file {
 flex-basis: 23%;
}
.base-flex-cols.file-listing .file .file-icon {
 position: absolute;
 top: 8px;
 left: 4px;
 width: 20px;
 height: 20px;
}
.base-flex-cols.file-listing .file .file-icon img {
 width: 100%;
}
.base-flex-cols.file-listing .file .base-side {
 position: absolute;
 top: 1px;
 right: 0;
}
.file .base-side .url:hover .-cmenu-icon,
.display-field .field-value .file .base-side .url:hover {
	color: #ffffff;
	text-decoration: none;
}
.base-flex-cols.file-listing .file .base-side > div {
	float:left;
 margin-left: 10px;
}
.file .base-side .base-icon {
 position: relative;
}
.base-flex-cols.file-listing .file .file-name {
 display: block;
 width: calc(100% - 8px);
	max-height: fit-content;
}


.__fdialog .__dialogtitle {
	text-transform: math-auto;
}
.__fdialog .__dialogtitlewrap {
	color:#242424;
	background-color: #fff;
	font-size:20px;
}
.__fdialog .__dialogclose {
	padding: 3px;
	border-radius: 6px;
	background-color: #F0F0F0;
}
.base-form-row .fr-input input,
.base-form-row .improve-select {
	background-color: #ffffff;
}
.form.-flat .label {
	color:#616161;
}
.__fdialog .form-buttons,
.__fdialog .-flat .form-buttons {
 border: none;
 padding-top: 15px;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
 gap: 16px;
}
.__fdialog .form-buttons:has(.button.ok:first-child), .__fdialog .-flat .form-buttons:has(.button.ok:first-child) {
	flex-direction: row-reverse;
	justify-content: end;
}
.__fdialog #dialog-excel-dx .form-buttons.-two,
.__fdialog #dialog-excel-dx .-flat .form-buttons.-two,
.__fdialog #js-quill-imgupload-dx .form-buttons.-two,
.__fdialog #js-quill-imgupload-dx .-flat .form-buttons.-two {
 border: none;
 padding-top: 15px;
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 justify-content: end;
 gap: 16px;
}
.__fdialog .form-buttons.-two .button:last-child {
	margin-right: 0px;
}
.__fdialog .form-buttons .button,
.__fdialog .form-buttons.-three .button {
	width: fit-content;
 padding: 8px 16px;
 border: 1px solid #ddd;
	margin: 0;
}
.__fdialog .form-buttons.-three .button.ok {
	margin-right: 0px;
	background-color: #1E88E5;
	border: 1px solid #1E88E5;
}
.__fdialog .form-buttons.-two .button,
.__fdialog .form-buttons.-two .button:last-child {
	background-color: #1E88E5;
}
.__fdialog .form-buttons.-three .button.ok:hover,
.__fdialog .form-buttons.-two .button:hover,
.__fdialog .form-buttons.-two .button:last-child:hover {
	background-color: #3ba710;
	border: 1px solid #3ba710;
}
.__fdialog .form-buttons.-two .button.-passive-2 {
	background-color: #ffffff;
 color: #333;
 font-weight: 500;
}
.__fdialog .form-buttons.-two .button.cancel:nth-child(1) {
	background-color: #ddd;
	color: #666;
	font-weight: normal;
}
.__fdialog .form-buttons .button:hover,
.__fdialog .form-buttons.-two .button.-passive-2:hover {
 background-color: #888;
 color:#fff;
 font-weight: 500;
	border: 1px solid #888;
}
.improve-select .is-box .is-item:before {
	border-radius: 4px;
}
.improve-select.active .is-box {
 display: block;
 z-index: 1000000;
}
.base-form-row .fr-input input:focus,
.base-form-row .fr-input textarea:focus,
.base-form-row .fr-input select:focus {
	$glow: 8px $rgba(#42b814, 0.3);
	border-color: $rgba(#42b814, 0.7)
}
.__fdialog .form-buttons.-two .button.cancel:nth-child(2) {
	background-color: #ffffff;
	color:#1E88E5;
	font-weight: 500;
	border: 1px solid #1E88E5;
}
.__fdialog .form-buttons.-two .button.cancel:nth-child(2):hover {
	background-color: #1E88E5;
	color:#ffffff;
	border: 1px solid #1E88E5;
}
.__fdialog .form-buttons.-three .button.cancel:nth-child(2) {
	background-color: #ffffff;
	color:#1E88E5;
	font-weight: 500;
	border: 1px solid #1E88E5;
}
.__fdialog .form-buttons.-three .button.cancel:nth-child(2):hover {
	background-color: #1E88E5;
	color:#ffffff;
}
.form .row .inline-icon-picker .icon-display {
	padding-left: 6px;
	padding-top: 0.5px;
}
.select-recipients {
	position: relative;
	margin-bottom: 12px;
	border: 1px solid #ececec;
	border-radius: 6px;
	margin-top: 4px;
}
.select-recipients .select-section {
	position: relative;
	box-sizing: border-box;
	background: #f8f8f8;
}
.select-recipients .select-section .header {
	padding: 8px 20px;
	border-bottom: 1px solid #ececec;
	height: 32px;
	background-color: #ffffff;
}
.select-recipients .select-section .body {
 max-height: 320px;
	height: fit-content;
 overflow-y: auto;
 background-color: #f8f8f8;
}
.select-recipients .select-section .select-users .user {
	position: relative;
	padding: 15px 60px 15px 20px;
	border-bottom: 1px dashed #ececec;
	background-color: #fff;
}
.select-recipients .select-section .select-users .user.-fixed {
	pointer-events: none;
	background-color: #f5f5f5;
}
.select-recipients .select-section .select-users .user .base-title {
	font-size: 13px;
}
.select-recipients .select-section .select-users .user .base-side {
	position: absolute;
	top: 18px;
	right: 20px;
}
.select-recipients .selecting {
	border-right: 1px solid #ececec;
}
.select-recipients .selecting .select-users .user .base-title {
	color: #999;
}
.select-recipients .selecting .select-users .user .base-info {
	color: #ccc;
}
.select-recipients .selecting .select-users .user.-active .base-title {
	color: #343434;
}
.select-recipients .selecting .select-users .user.-active .base-info {
	color: #888;
}
.select-recipients .selecting .select-users .user .base-side {
	right: 36px;
}
.select-recipients .selecting .select-users .user:hover {
	cursor: pointer;
	background-color: #f8f8f8;
	transition: all 0.3s;
}
.select-recipients .selecting .box-search input {
	font-size: 14px;
	border: none;
	padding: 8px 0 8px 32px;
	background-color: #fff;
}
.select-recipients .selecting .base-search:after {
	left: 12px;
	top: 9px;
}
.select-recipients .selecting .select-users .user .checkbox {
	position: relative;
}
.select-recipients .selecting .select-users .user .checkbox .checkmark {
	position: absolute;
	width: 17px;
	height: 17px;
	border-radius: 6px;
	background-color: #ddd;
}
.select-recipients .selecting .select-users .user.-active .checkbox .checkmark {
	background-color: #219D5B;
}
.select-recipients .selecting .select-users .user.-active.-fixed .checkbox .checkmark {
	background-color: #219d5b7d;
}
.select-recipients .selecting .select-users .user.-active .checkbox .checkmark:before {
	position: absolute;
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	content: "\2714";
	top: 0;
	left: 4px;
}
.select-recipients .selected .total-users {
	font-size: 14px;
	color: #666;
	padding-top: 8px;
}
.select-recipients .selected .total-users span {
	font-weight: 500;
	color: #444;
}
.select-recipients .selected .select-users .user {
	padding-left: 40px;
}
.select-recipients.-sla .selected .select-users .user {
	padding-right: 160px;
}
.select-recipients .selected .select-users .user .base-icon:hover {
	cursor: all-scroll;
}
.select-recipients .selected .select-users .user .base-icon {
	left: 16px;
	top: 24px;
}
.select-recipients .selected .select-users .user .base-icon svg {
	fill: #ccc !important;
}
.select-recipients .selected .select-users .user .base-side input {
	width: 72px;
	margin-right: 15px;
	border: 1px solid #ccc;
	padding: 6px 8px;
	border-radius: 6px;
}
.select-recipients .remove-btn {
	font-size: 16px;
	color: #ccc;
	padding-top: 5px;
}
.select-recipients .remove-btn:hover {
	color: #c34343;
}
.select-recipients .ui-placeholder {
	background-color: #eee;
	height: 65px;
	width: 100%;
}
.m-select-recipients {
	border: none;
}
.m-select-recipients .select-section {
	border: 1px solid #ccc;
	margin-bottom: 13px;
	border-radius: 6px;
}
.m-select-recipients .select-section .body {
	height: 250px;
}
.__fdialog .form-buttons .button.approve {
	font-weight: 500;
	color: #fff;
	background-color: #1E88E5;
}
.__fdialog .form-buttons .button.approve:hover {
	background-color: #1E88E5;
}
#internal-excel .excel-table .thead .th {
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
}
.form.-flat .row .lds-grid {
	margin-top: 9px;
 height: 30px;
 zoom: 0.6;
	top: 10px;
}
.form.-flat .row.fx-container-box,
.form .fx-container-box,
.input-objs {
	border-radius: 6px;
	background-color: #f9f9f9;
}
.form.-flat .row.fx-container-box {
	padding-top: 8px;
	padding-bottom: 0px;
 padding-left: 16px;
 border: none;
	box-shadow: none;
}
.form.-flat .row.fx-container-box + .fx-container-box.activated {
	padding-top: 15px;
}
.form.-flat .row.fx-container-box:hover {
 box-shadow: 0 4px 2px -3px #f1f1f1;
	box-shadow: none;
}
.form .fx-container-box .-cb-title:hover:before,
.form .fx-container-box .-cb-title:hover::after,
.form .fx-container-box .-cb-title span:hover {
	color: #42b814;
}
.form .fx-container-box:hover .-cb-title:after,
.form .fx-container-box.activated .-cb-title:after {
	display:block;
}
.form .fx-container-box .-cb-title {
	text-transform: math-auto;
 font-weight: 500;
	font-size: 13px;
 line-height: 20px;
	padding-left: 16px;
	color: #616161;
}
.form .fx-container-box.activated .-cb-title {
	text-transform: uppercase;
 font-weight: 500;
	font-size: 12px;
 line-height: 18px;
}
.visible-custom-table .base-table-wrapper {
 border: 1px solid rgba(0, 0, 0, 0.15);
 border-radius: 6px;
 margin-bottom: 0;
}
.visible-custom-table .input-table-master-wrapper {
	overflow: auto;
}
.visible-custom-table .base-table tbody tr:last-child td div,
.visible-custom-table .base-table-wrapper .input-tr-action,
.visible-custom-table .base-table-wrapper .base-table thead td {
 border-radius: 6px;
}
.visible-custom-table .base-table-wrapper .input-tr-action {
	background-color: #ffffff;
	min-height: 32px;
}
.visible-custom-table .base-table tbody tr:last-child td {
	border-bottom: none;
}
.form.-flat .row.-isblock-guideline {
	padding-bottom: 0;
}
.input-objs .base-table-wrapper .base-table tbody td {
	border-bottom: none;
}
.fi-variable-input .rfields {
	display: flex;
	margin-top: 24px;
	column-gap: 10px;
}
.fi-variable-input .main-field .base-form-row .fr-label {
	top: -4px;
}
.fi-variable-input .rfields .base-form-row {
	flex: 1 1 0;
	height: 24px;
}
.fv-input {
	padding: 8px 16px;
 background: #efefef;
 border-radius: 6px;
}
.visible-custom-table .base-table-wrapper .-fx input {
	background-color: #ffffff;
}
.form .row-hr.-dotted {
	border-top: 1px dotted #ccc;
}
.form .label code {
 display: inline-block;
 font-family: Consolas, Courier New, Courier New, monospace;
 color: #D96C6C;
 background: rgba(0, 0, 0, 0.05);
 border: 1px solid rgba(195, 67, 67, 0.1);
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding: 1px 3px;
}
.fic-checkbox .fic-checkmark {
	border-radius: 4px;
}
.form.-flat .-isfile .data {
	margin-bottom: 6px;
}
.__wtdialog .__dialogwrapper-inner {
	border-radius: 6px;
}
.form .row.-upper .data {
 display: flex;
 gap: 8px;
 width: 100%;
}
.row .select-currencies {
	margin-left: 0;
	width: 156px;
	min-width: 156px;
}
.row .select-currencies .improve-select .is-box {
 min-width: 204px;
}
.input-rating .ir-opts {
	.ir-opts-list {
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 justify-content: flex-end;
	}
	.ir-opt {
 padding-right: 8px;
 width: 40px;
 height: 40px;
 min-width: 40px;
 max-width: 40px;
 clip-path: polygon(50% 15%, 61% 38%, 85% 38%, 66% 55%, 72% 80%, 50% 65%, 28% 80%, 34% 55%, 15% 38%, 39% 38%);
 background: #ccc;
 cursor: pointer;
	}
	.ir-opt:hover span,
	.ir-opt span {
 border: none;
 color: transparent;
	}
	.ir-opt.-selected span {
 color: transparent;
 border: none;
 box-shadow: none;
	}
	.ir-opt.-selected ~ .ir-opt,
	.ir-opt.-selected,
	.ir-opt:hover ~ .ir-opt,
	.ir-opt:hover {
 background: #f7c829;
	}
	.star-label {
 height: 18px;
 min-width: 40px;
 max-width: 40px;
 text-align: center;
 padding-top: 12px;
	}
	.ir-opts-list.inactive {
 pointer-events: none;
 .ir-opt.-selected ~ .ir-opt,
 .ir-opt.-selected,
 .ir-opt:hover ~ .ir-opt,
 .ir-opt:hover {
 background: #ccc;
 }
	}
}
.input-lookup .input-ext {
	.spinner-icon {
 position: absolute;
 right: 15px;
 top: 15px;
	}
	.js-ext-options.scroll-y {
 overflow-y: auto;
 max-height: 280px;
	}
	.-cmenu.-padding .-item {
 padding-left: 8px;
 .base-icon {
 position: absolute;
 right: 2px;
 top: 2px;
	display:none;
 }
 &.-active {
 color: #fff;
 background-color: #0088ffa3;
 }
 &:hover {
 color: #fff;
 background-color: #1E88E5;
 }
 &.-active .base-icon,
 &:hover .base-icon {
	display:block;
 }
	}
	.base-search input {
 padding-left: 28px;
	}
	.dd-actions .base-button {
 box-shadow: none;
 }
.dd-actions .base-button.clear:hover{
 border-color: #c34343;
 color: #c34343;
 }
}
.input-objs .base-table-wrapper tbody .-fx .cell-lead {
	min-height: fit-content;
	.temp-input {
 height: 0;
	}
	.improve-select {
 max-height: 31px;
	}
	.is-display {
 overflow: auto;
	}
	.js-improved-select {
 min-width: 120px;
 max-height: 33px;
	}
	.js-improved-select:has(.sub-form-row) {
 max-height: fit-content;
	}
	> .js-improved-select.fit-content {
 margin-bottom: 0;
 min-height: fit-content;
	}
	.temp-input.input-lookup {
 display: flex;
 flex-direction: column-reverse;
 top: 0;
 height: 18px;
 .fi-extra {
 padding-bottom: 0;
 padding-top: 4px;
 }
	}
}
.input-currency {
	display: flex;
	gap: 4px;
	select {
 min-height: 32px;
	}
	&.temp-input + .currency-display-text {
 top: 0;
 min-height: fit-content;
 font-size: 13px !important;
 margin-top: 4px !important;
	}
}
.form.-flat .row.-iscform-v2 {
	padding-bottom: 0;
}
form > .form-rows.scroll-y {
	max-height: calc(100vh - 260px);
	overflow-y: scroll;
	width: calc(100%);
 padding-right: 20px;
}
form > .form-rows.scroll-y + .form-buttons {
	box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
 width: calc(100% + 20px);
 margin-left: -20px;
 padding-right: 20px;
 margin-bottom: -12px;
	padding-bottom: 12px;
}
.fi-checkbox.-checked .-fcb:before {
	content: "\2713";
	top: 1px;
 left: 4px;
}
.form.-flat .list.checkboxes .li:hover input:checked ~ .checkmark,
.form.-flat .list.checkboxes .li input:checked ~ .checkmark,
.form .row .-ischeckbox label:hover input:checked ~ .checkmark,
.form .row .-ischeckbox label input:checked ~ .checkmark {
	background-color: #219D5B;
}
.fi-checkbox .-fcb,
.form.-flat .list.checkboxes .li .checkmark,
.form.-flat .list.checkboxes .li input:checked ~ .checkmark,
.form .row .-ischeckbox label .checkmark {
	border-radius: 4px;
}
.form .form-rows.scroll-y .input.js-ext .-cmenu.-padding {
	margin-left: 8px;
}
.form .-disable + .improve-select,
.form .-disable .improve-select {
 background-color: #ddd;
 color: #ddd;
	pointer-events: none;
}
/* Expand button: shown when Form.v2 dialog contains a table field */
.__fdialog .-form-expand-btn {
 position: absolute;
 right: 42px;
 top: 10px;
 padding: 6px 7px;
 border-radius: 6px;
 cursor: pointer;
 color: #aaa;
 background-color: #F0F0F0;
 transition: all 0.3s;
}
.__fdialog .-form-expand-btn:hover {
 background-color: #1E88E5;
 color: #fff;
}
.__fdialog .-form-expand-btn span {
 font-size: 13px;
 display: block;
}
/* Expanded state: stretch dialog near full viewport width */
.__fdialog.-form-expanded .__dialogwrapper {
 left: 20px !important;
	top: 20px !important;
}
.__fdialog.-form-expanded .__dialogmain {
 max-width: calc(100vw - 40px);
 width: calc(100vw - 40px);
	margin-bottom: 8px;
	#form-v2-fx-dx {
 min-width: 100%;
 min-height: calc(100vh - 140px);
	}
}
.__fdialog.-form-expanded form > .form-rows.scroll-y {
	max-height: calc(100vh - 196px);
}


.inline-display {
 padding: 0px 0px 24px 0px;
}
.inline-display.-icon-success .-icon {
	color:#4CAF50;
}
.inline-display.-icon-error span.-sla-text::before,
.inline-display.-icon-error,
.inline-display.-icon-error .-icon {
	color:#F44336;
}
.inline-display.-icon-error span.-sla-text::before {
	background-color: #F44336;
}
.inline-display .fi-inline-field-label {
 float: left;
	font-size:14px;
 color: #616161;
 line-height: 16px;
 width: 169px;
	margin-right: 10px;
}
.inline-display .fi-inline-field-value {
 margin-left: 170px;
	font-size:14px;
 line-height: 16px;
}
.fi-display-field {
 display: flex;
 align-items: flex-start;
 width: 100%;
 margin-bottom: 24px;
}
.fi-display-field .label {
 width: 169px;
 font-weight: 400;
 font-size: 14px;
 line-height: 16px;
 color: #616161;
}
.fi-display-field .value {
 width: calc(100% - 169px);
 color: #242424;
 font-size: 14px;
 line-height: 16px;
}
.fi-display-field.-items_center {
 align-items: center;
}
.display-obj .section.-no-split {
 border-bottom: none;
 padding-bottom: 0;
}
.file-preview .download-invoice-file {
	margin-left: 22px;
	margin-bottom: 18px;
}
#item-dx .display-field .field-label{
	font-size:14px;
 text-transform: unset;
 color: #616161;
 font-weight: 400;
}
#item-dx .display-field .field-value{
	font-size:14px;
 padding-top: 4px;
}
.field-value .super-table-wrapper, .field-value .super-table-canvas {
	position:relative;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow-x: auto;
}
.super-cell .base-avatars {
	padding-left: 9px;
 padding-top: 9px;
}
.fake-field-label {
	font-size: 11px;
 font-weight: 500;
 color: #999;
 text-transform: uppercase;
	padding-bottom: 12px;
}
.bypass-row-display-wrapper {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.bypass-row-display-wrapper .display-field {
	flex: 1;
	padding-left: 8px;
}
.additional-info-wrapper {
	padding-left: 8px;
}


.todo-req-warn {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	margin-bottom: 8px;
	border: 1px solid rgba(195,144,0,0.35);
	background: rgba(195,144,0,0.08);
	border-radius: 6px;
	color: #c39000;
	font-size: 13px;
}
.todo-req-warn .base-icon {
	position: unset;
	flex-shrink: 0;
}
.tk-todo .-wrapper {
 position: relative;
	padding: 2px 8px 8px 32px;
}
.tk-todo .-wrapper .base-user {
	position:absolute;
	top: -2px;
 right: 4px;
 padding: 0;
 margin: 0;
 width: 20px;
 height: 20px;
}
.tk-todo .-wrapper .base-user .base-user-info,
.tk-todo .-wrapper .base-user .base-user-name {
	display:none;
}
.tk-todo .-wrapper .base-avatar {
 position: absolute;
 right: 0px;
 top: 1px;
 width: 20px;
 height: 20px;
}
.tk-todo .-wrapper .base-user .base-user-avatar {
	width: 20px;
 height: 20px;
}
.tk-todo .-wrapper .base-title {
 font-size: 14px;
 line-height: 20px;
 width: 240px;
 cursor: pointer;
}
.tk-todo .check {
 width: 24px;
 height: 24px;
 position: absolute;
 z-index: 99;
}
.tk-todo .check .task-status {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
 top: 1px;
 border: 1px solid #aaa;
 border-radius: 50%;
 width: 19px;
 height:19px;
}
.tk-todo {
 margin-top: 4px;
	position:relative;
}
.tk-todo .task-status.-done:after {
	position:absolute;
 font-family: ap;
 font-size: 8px;
 content: "\ea2b";
 top: 4px;
 left: 4px;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
 color: #fff;
}
.tk-todo .task-status.-done {
 background-color: #219D5B;
 border: 1px solid #219D5B !important;
}
.tk-todo .base-avatar .assign {
 border: 1px dashed;
 width: 20px;
 height: 20px;
 border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color: #616161;
}
.tk-todo .base-avatar .assign .base-icon {
 padding-top: 1px;
 padding-left: 1px;
}
.display-obj.todo-detail .display-cover {
 background: #fff;
 border-bottom: none;
 padding-bottom: 10px;
}
.display-obj.todo-detail .base-side {
 top: 14px;
}
.todo-detail .todo-cta {
 position: relative;
 height: 38px;
 padding: 4px 0px;
 border-bottom: 1px solid rgba(0,0,0,0.1);
 border-top: 1px solid rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	margin: 0 20px;
}
.todo-detail .todo-cta .check {
 height: 34px;
 position: relative;
 width: 160px;
 border-right: 1px solid rgba(0,0,0,0.1);
	display: flex;
	text-align: center;
 align-items: center;
}
.todo-cta .check .task-status {
 width: 26px;
 height: 26px;
 border: 1px solid rgba(0,0,0,0.5);
 border-radius: 50%;
 position: relative;
 box-sizing: border-box;
 margin-left: 12px;
}
.todo-cta .check .task-status.-done:after {
	position:absolute;
 font-family: ap;
 font-size: 13px;
 content: "\ea2b";
 top: 6px;
 left: 6px;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
 color: #fff;
}
.todo-cta .check .task-status.-done {
 background-color: #219D5B;
 border: 1px solid #219D5B !important;
}
.todo-cta .check .ext {
	position:relative;
	margin-left: 12px;
}
.todo-cta .-assignee {
 margin-left: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.todo-cta .-assignee .assign.url {
	margin: auto;
 padding: 4px;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 border: 1px dashed;
 color: #616161;
}
.todo-cta .-assignee .base-avatar {
	align-items: center;
 justify-content: center;
 display: flex;
}
.todo-cta .-assignee .base-user {
 margin-left: 10px
}
.todo-cta .-assignee .ext {
 position: relative;
 left: 64px;
 top: 5px;
}
.tk-todo .ap-inline-tagger-wrap.activated .ap-inline-tagger {
	margin-left: -200px;
	margin-top: -16px;
}
.todo-section {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	top: -28px;
	padding: 16px;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
 gap: 16px;
	border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;
}
.bm-area.todo-group {
	background-color: #ffffff;
	display:block;
	padding: 0;
 border-radius: 6px;
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.todo-content,
.bm-area.todo-group .area-title,
.tk-todo .-wrapper.-row {
	display: flex;
 flex-direction: row;
	align-items: center;
 justify-content: space-between;
	gap: 16px;
	padding: 6px 0;
}
.bm-area.todo-group .area-title {
	padding: 6px 16px;
	font-size:14px;
	color:#343434;
	background-color: #f8f8f8;
}
.todo-group .tk-todo .-wrapper.-row {
	padding-left: 28px;
}
.row-item .tk-todo .check {
	top: 8px;
}
.todo-group .tk-todo .-wrapper .base-avatar {
	position:relative;
}
.bm-area.todo-group > .row-item {
	padding: 0;
	height: auto;
}
.bm-area.todo-group .tk-todo {
	border-top: 1px solid #f5f5f5;
	margin: 0;
	padding: 0 16px;
}
.todo-content > span,
.tk-todo .-wrapper .todo-content > span,
.tk-todo .-wrapper .todo-content > .base-user,
.tk-todo .-wrapper .todo-content > .base-avatar {
	position: relative;
	width: 200px;
}
.tk-todo .-wrapper .todo-content > .base-user .base-user-name {
	display:block;
	margin-left: 32px;
 margin-top: 5px;
}
.tk-todo .-wrapper .todo-content > .base-user .base-user-avatar {
	top: 2px;
}
.tk-todo .-wrapper .todo-content > .base-avatar > span {
 position: absolute;
 top: 4px;
 left: 24px;
 font-weight: 400;
 font-size: 12px;
	color:#616161;
}
.todo-group .tk-todo .-wrapper .base-title {
	width: 100%;
}
.bm-area.todo-group .area-title .base-title {
	padding: 8px 12px;
	padding-right: 16px;
	color:#242424;
	position:relative;
}
.bm-area.todo-group .area-title .base-title::before {
	font-family: FontAwesome;
 content: " ";
 position: absolute;
 font-size: 14px;
 background-color: #CC4A31;
 left: 0px;
 top: 4px;
 width: 4px;
 height: 24px;
 border-radius: 6px;
}
.bm-area.todo-group.-todo .area-title .base-title::before {
 background-color: #0078D4;
}
.bm-area.todo-group.-done .area-title .base-title::before {
 background-color: #219D5B;
}
.bm-area.todo-group .area-title .base-title::after {
	font-family: FontAwesome;
 content: "\f0d7";
 position: absolute;
 font-size: 14px;
 color:#242424;
 right: 0px;
 top: 8px;
}
.bm-area.-collapsed.todo-group .area-title .base-title::after {
	transform: rotate(270deg);
}
.bm-area.todo-group .area-title::after {
	display:none;
}
.base-section.-todo .section-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.base-section.-todo .todo-required-marker {
	margin-left: 4px;
}
.base-section.current-todos .tk-todo.flex-base {
	padding: 2px;
	width: 100%;
	gap: 4px;
	margin-top: 4px;
	border: 1px solid rgba(0,0,0,0.1);
 border-radius: 6px;
 height: 32px;
}
.base-section.current-todos .tk-todo.flex-base:first-child {
	margin-top: 4px;
}
.base-section.current-todos .tk-todo.flex-base:last-child {
	margin-bottom: 8px;
}
.base-section.previous-todos .tk-todo.flex-base {
	padding: 2px;
	width: 100%;
	gap: 3px;
	margin-top: 4px;
	border: 1px solid rgba(0,0,0,0.1);
 border-radius: 6px;
 height: 32px;
}
.base-section.previous-todos .tk-todo.flex-base:first-child {
	margin-top: 4px;
}
.base-section.previous-todos .tk-todo.flex-base:last-child {
	margin-bottom: 8px;
}
.tk-todo.flex-base .todo-tag{
	width: calc(15% + -103px);
 background-color: #9dc4ff;
 height: 20px;
 border-radius: 6px;
 font-size: 11px;
 font-weight: 500;
 display: flex;
 justify-content: center;
 align-items: anchor-center;
	padding: 0 4px 0 4px;
}
.tk-todo.flex-base .-wrapper {
	padding: 0px;
	width: calc(100% - 32px);
	display: flex;
 flex-direction: row;
 position: relative;
	align-items: anchor-center;
}
.tk-todo .check.flex-center {
	position:relative;
	padding-left: 4px;
}
.tk-todo .check.flex-center .task-status {
	position:relative;
	top: 0px;
	transform: scale(0.85);
}
.tk-todo.flex-base .-wrapper .base-title {
	width: calc(100% - 20px);
	line-height: 24px;
	width: 85%;
}
.tk-todo.flex-base .-wrapper .base-avatar {
	align-content: center;
	margin-left: auto;
	right: 7px !important;
	top: 2px !important;
}
.tk-todo.flex-base .-wrapper .base-user-avatar {
	left: -2px !important;
	top: 4px !important;
}
.tk-todo.flex-base .-wrapper span.ap-xdot {
	font-weight: 400;
	font-family: inherit !important;
	color: #616161;
}
.tk-todo.flex-base .-wrapper .st-rejected {
	color: #e51c00 !important;
	background-color: #f1565633 !important;
	border-radius: 12px;
	border: 1.25px solid #e51c0045 !important;
	font-size: 12px;
	font-weight: 700 !important;
	transform: scale(0.8);
}
.upload-trigger {
 display: flex;
 padding: 0px 0 8px 16px;
 cursor: pointer;
 width: 94%;
 justify-content: flex-start;
 color: dodgerblue;
}
#todo-detail-comments .js-base-comment {
 margin: 0 !important;
}
.todo-detail .display-field.root-field {
 padding: 8px 16px !important;
}
.todo-detail .display-section {
 padding: 15px 20px 0 20px !important;
 border: none;
}
.todo-detail .display-field.root-field .file .base-side{
 display: flex !important;
}
.display-obj.todo-detail .todo-header {
	padding: 0 20px 8px;
	color: #888;
	.desc {
 margin-bottom: 8px;
	}
	span.-bis-content {
 line-height: 18px;
	}
	.base-icon-stat.icon-svg {
 margin-left: -2px;
	}
	.text-datetime,
	.bold {
 font-weight: 400 !important;
 color: #333;
	}
	.url:hover {
 text-decoration: underline;
	}
}
.display-obj.todo-detail .box.comments .post {
	padding-left: 0;
 padding-top: 12px;
}
.display-obj.todo-detail .js-user-comments {
	margin-left: -16px;
	padding-right: 12px;
}
.form.todo-detail .row-hr.-dotted {
	margin: 0;
}
.form.todo-detail .base-flex-cols.file-listing {
	margin-top: 8px;
}
.form.todo-detail .display-field .field-label:has(+ .field-value > .inline-edit-btn) {
	width: fit-content;
}
.form.todo-detail span.inline-edit-btn.url {
	top: -2px;
}
.simple-form .form.todo-detail .base-flex-cols.file-listing .file .base-side {
 display: block;
}


.fim {
 display: flex;
 gap: 8px;
	margin-top: -3px;
}
.fim .fim-pitem {
 padding: 6px 8px;
 position: relative;
 border-radius: 6px;
}
.fim .fim-pitem .icon {
 height: 22px;
 width: 20px;
 display: inline-block;
 vertical-align: bottom;
 color: #616161;
}
.fim .fim-pitem:hover .icon {
	color: #1E88E5;
}
.fim-pitem .-icon-svg svg {
 height: 100%;
 width: 100%;
}
.fim-pitem .label {
 font-size: 14px;
 line-height: 20px;
 display: inline-block;
 font-weight: 400;
}
.fim .fim-pitem:hover {
 background: #F5F5F5;
 color: color: #1E88E5;
}
.fim .fim-pitem:hover .label {
 font-weight: 600;
}
.fim .fim-pitem.active {
 background: #F5F5F5;
}
.fim .fim-pitem.active .label{
 font-weight: 600;
 color: #1E88E5;
}
.fim .fim-pitem.active .icon {
 color: #1E88E5;
}


.base-button.btn-edit-category-transaction {
 font-size: 12px;
 height: fit-content;
 padding: 8px 8px 8px 28px;
 border-color: #888;
 border: none;
 width: fit-content;
 box-shadow: none;
 color:#1E88E5;
	display: flex;
 gap: 4px;
 justify-content: center;
 align-items: center;
}
.base-button.btn-edit-category-transaction .-icon {
	position:relative;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.base-button.btn-edit-category-transaction .-txt {
 font-weight: normal;
}
.ticket-header .base-button.btn-edit-category-transaction:hover {
	border: none !important;
}
.ticket-header .transaction-category-tags {
	flex-wrap: nowrap;
}
.base-button.btn-edit-category-transaction.url:hover > span {
	color:#1E88E5;
	font-weight: 500;
}
.base-button.-pdd.base-tag {
	min-width: 36px;
	padding: 4px 8px;
 border-radius: 50px;
 height: fit-content;
 background: #E0E0E0;
}
.base-button.-pdd.base-tag .-suffix {
	display:none;
}
.base-button.-pdd.base-tag .-cmenu {
	top: 28px;
 right: 0;
 left: auto;
 text-transform: none;
	background: rgba(0, 0, 0, 0.2);
 box-shadow: none;
	min-width: fit-content;
	max-width: fit-content;
 padding-top: 12px;
}
.base-button.base-tag .-cmenu .-item:hover {
	background: transparent;
	box-shadow: none;
}
.base-button.base-tag .-cmenu .-item {
	margin: 0;
 padding: 0;
	padding-bottom: 4px;
}
.base-button.-pdd.base-tag:hover {
	color:#343434;
	border: 1px solid #E0E0E0;
}
.btn-edit-side-category-transaction {
 color: #007AFF;
 padding: 0;
 font-size: 13px;
 margin-top: 6px;
 height: fit-content;
 margin-bottom: 8px;
}
.transaction-category-tags {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
}
.transaction-category-tags .base-tag {
 max-width: 120px;
}
.kanban-card .transaction-category-tags .base-tag {
	min-width: fit-content;
	max-width: calc(50% - 20px);
}
.-multi-tag .transaction-category-tags .base-tag {
	max-width: 80px;
}
.transaction-category-tags .base-tag.ap-xdot .-tag-inner {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
	font-weight: 400;
}
.base-tag > .-tag-inner {
	font-weight: 400;
	line-height: 16px;
}
.display-obj-dx .transaction-categories-wrapper.-edit,
.transaction-categories-wrapper.-edit {
 display: flex;
 gap: 10px;
 align-items: center;
}
.display-obj-dx .transaction-categories-wrapper.-edit .transaction-category-tags,
.transaction-categories-wrapper.-edit .transaction-category-tags {
 height: fit-content;
 margin-top: 0;
}
.fi-ct-more-tag {
	display:inline-block;
 cursor: pointer;
}
.fi-ct-more-tag {
	display:inline-block;
 cursor: pointer;
}
.fi-ct-more-tag > div {
	border:1px solid #888;
	padding: 4px 8px;
}
.fi-ct-more-tag .base-tag {
	color: #1E88E5;
 padding-left: 0;
	border-color: #ffffff;
}
.fi-ct-more-tag .base-tag .tag-icon {
	top: 2px;
}
#__apdialog_custom-tagmanager {
 z-index: 99999 !important;
}
#tagmanager .base-tag > .-tag-inner {
	padding-right: 16px;
}
#tagmanager .title {
	font-size:16px;
	border-bottom: none;
	padding: 16px;
 padding-bottom: 0;
}
#tagmanager .body .list {
 width: calc(100%);
 box-sizing: border-box;
}
#tagmanager .-close {
	padding: 3px;
	border-radius: 6px;
	background-color: #F0F0F0;
	right: 8px;
 top: 8px;
}
#tagmanager .-close:hover {
 background-color: #D96C6C;
 color:#fff;
}
#tagmanager .body .tag-add {
	border: none;
}
#tagmanager .body .tag-add .submit-btn{
	position:absolute;
 color:#fff;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
 padding: 8px;
 width: 80px;
	height: 31px;
 right: 0;
	bottom: 12px;
	border-radius: 6px;
	background-color: #1E88E5;
}


em {
	font-weight: 500;
}
.ui-selected .base-section {
	border: 1px solid #1E88E5 !important;
}
.box-altundefined-edge {
	background: #87C7AA;
	color: #87C7AA;
	border: 1px solid #87C7AA;
}
.group-color {
	border-color: #ccc;
}
.group-color>div {
	color:#343434;
}
.super-row .square {
	position:absolute;
	height: 24px;
	width: 4px;
	border-radius: 2px;
	top: 4px;
	right: auto;
	left: 20px;
}
.__apscrollbar .scroller {
	margin-left: 2px;
}
.__autohide .__apscrollbar .scroller .sinner {
	margin-left: 6px;
}
.ishind {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 64px;
	padding-bottom: 24px;
}
.hind-number {
	border-radius: 50%;
	background: #ffffff;
	width: 24px;
	height: 24px;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	color: #C8C9CB;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #C8C9CB;
}
.hind-step {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 14px;
	position:relative;
}
.hind-step.url:hover span,
.hind-step.-current span {
	font-weight: 500;
}
.hind-step.url:hover .hind-number,
.hind-step.-current .hind-number {
	background: #1E88E5;
	color: #ffffff;
}
.hind-step .-connection {
	position:absolute;
	height: 1px;
	width: 40%;
	left: -46%;
	background-color: #c9cacc;
}
.simple-form input.hidden {
	display:none;
}
.simple-form .baseui-dialog .base-table tbody .cell-lead {
	word-wrap: break-word;
	word-break: break-all;
}
.simple-form .base-load-wrapper .base-table img {
	max-width: 220px;
}
.simple-form .baseui-dialog .base-table tbody .cell-lead img {
	max-width: 300px;
}
.simple-form .base-flex-cols.file-listing .file .file-name {
	width: 100%;
}
.simple-form td.-cf-display {
	max-width: 320px;
}
.simple-form td.-cf-display .display-field .field-value {
	padding-left: 28px;
}
.simple-form td.-cf-display.scroll-x {
	padding-right: 12px;
	overflow: auto;
}
.simple-form td.-cf-display.scroll-x .select-variables {
	min-width: 390px;
}
.simple-form td.-cf-display.scroll-x .select-variables .select-section .header {
	justify-content: flex-end;
}
.simple-form td.-cf-display.scroll-x .select-fields .field .base-side input {
	opacity: 0;
}
.simple-form td.-cf-display.scroll-x .select-variables .select-section .header,
.simple-form td.-cf-display.scroll-x .select-variables .select-fields .field {
	background-color: #ffffff;
}
.simple-form td.-cf-display.scroll-x .base-table-wrapper.-full {
	min-width: 800px;
}
.simple-form .baseui-dialog .base-table .base-avatars .inline-avatar {
	width: 100%;
	height: 100%;
}
.simple-form td.-cf-display .field-value .cell {
	padding: 0;
}
.simple-form td.-cf-display .field-value .super-table-wrapper {
	max-height: 480px;
}
.simple-form td.-cf-display .display-field .field-label {
	padding-top: 0;
	font-weight: 400;
}
.simple-form em.-field-index.-display-value {
	top: 1px;
}
.simple-form .baseui-dialog .bd-header {
	background-color: #1E88E5;
	color:#fff;
}
.simple-form .base-table tbody .js-table-row:last-child td {
	border-bottom: none;
}
.text-limit {
	word-wrap: break-word;
	word-break: break-word;
}
.baseui-dialog .bd-header .bd-close:hover {
	color:#fff;
	transform: rotate(90deg);
}
.baseui-dialog .bd-header .bd-close {
	transition-property: all;
	transition-duration: 0.2s;
}
.flex-base {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.flex-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.cform-display-table .base-table tbody .cell-lead {
	word-wrap: break-word;
	word-break: break-word;
	min-height: 17px;
}
.list.list-actions .li>.sub {
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 40px;
}
.ticket-followers .full-mask.-close {
	position:absolute;
	width: 12px;
	height: 12px;
	top: 47px;
	left: 214px;
	background: transparent;
	z-index: 10000;
	font-family: 'ap' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color:#ccc;
}
.ticket-followers .fe-action:not(.activated) .full-mask.-close {
	display:none;
}
.ticket-followers .full-mask.-close:hover {
	color:#c50d0d;
}
.ticket-followers .full-mask.-close::before {
	position:absolute;
	content: "\e118";
	left: 0;
	top: 0;
	width: 12px;
	height: 12px;
}
.form .fx-container-box.activated,
.form.-flat .row.fx-container-box.activated,
.form.-flat .row.fx-container-box,
.form .fx-container-box,
.input-objs {
	border-color: #f1f1f1;
	border-color: #ffffff;
}
.form .fx-container-box.activated,
.form.-flat .row.fx-container-box.activated,
.input-objs {
	background-color: #f9f9f9;
}
.form .fx-container-box .-cb-title:after {
	cursor: pointer;
}
.form .fx-container-box .-cb-title span.url {
	position:relative;
	width: calc(100% + 15px);
	z-index: 1;
	display: block;
	cursor: pointer;
	height: 28px;
}
.form .fx-container-box.activated .-cb-title span.url {
	height: 16px;
}
.form .fx-container-box.activated:has(> .-cb-body .-group-table),
.form.-flat .row.fx-container-box.activated:has(> .-cb-body .-group-table) {
	padding: 15px 0 0;
	background-color: #f9f9f9;
}
.form .fx-container-box.activated:has(> .-cb-body .-group-table) .-cb-title {
	padding: 0 15px 0;
}
.form .fx-container-box.activated:has(> .-cb-body .-group-table) .-cb-title:after {
	right: 15px;
}
.base-form-row .fr-input textarea,
.form.-flat .js-textarea-editor,
.form.-flat .input-editor {
	background-color: #ffffff;
}
.text-editor {
	white-space: pre-wrap;
}
.text-editor a,
a,
.a {
	color: #1E88E5;
	font-weight: normal;
}
a:hover {
	color: #1E88E5;
	text-decoration: underline;
}
.baseui-dialog .bd-header .bd-title {
	text-transform: math-auto;
}
.form .fi-extra {
	padding-left: 2px;
	padding-top: 0;
	padding-bottom: 4px;
}
.base-empty-state.-sm .-title {
	display:none;
}
.base-table.scroll-x {
	overflow-x: auto;
}
.base-pagination .pag.active {
	background-color: #1E88E5;
}
.base-pagination .pag {
	border-radius: 6px;
}
#picker-main .picker-items .item .picked,
#picker-main .picker-items .item:hover .side .cta,
#picker-main .picker-items .item:hover {
	color: #42b814
}
.super-table .super-cell .url:hover {
	color: #1E88E5;
}
.-right.scroll-y .text-editor img {
	max-width: 80%;
}
.base-logs .base-log.-compact .-bl-date {
	top: -3px;
	text-align: left;
}
.base-logs .base-log.-compact .-bl-date em {
	padding-bottom: 5px;
}
.base-logs .base-log .-bl-message .url:hover {
	color: #1E88E5;
}
.base-logs .base-log.-compact .base-iconbox {
	position: absolute;
	top: 0;
	left: 0;
}
em.-field-index {
	font-weight: 400;
	opacity: 0.8;
}
em.-field-index.-cfield {
	font-size: 14px;
}
em.-field-index.-display-value {
	position:absolute;
	top: 8px;
	left: 0px;
	opacity: 0.4;
	width: 20px;
	text-align: right;
}
#tagmanager .body .tag-add .square {
	position:absolute;
	top: 132px;
	left: 20px;
	width: 32px;
	height: 32px;
	opacity: 1;
	z-index: 1;
}
#tagmanager .input-tag input {
	margin-left: 40px;
	width: calc(100% - 40px);
}
.baseui-dialog .display-field {
	padding-bottom: 12px;
}
.baseui-dialog .display-field .field-label {
	padding-top: 12px;
	padding-bottom: 8px;
}
.baseui-dialog code {
	display: inline-block;
	font-family: Consolas, Courier New, Courier New, monospace;
	color: #D96C6C;
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(195, 67, 67, 0.1);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 3px;
}
.base-button.-subtle:hover,
.base-esign-canvas .be-button .base-action:hover,
.improve-select .is-close:hover,
.visible-custom-table .base-label:hover,
.log-item .start-icon.base-button:hover .-icon,
.base-followers .fe-users .fe-actions .fe-action,
.input-objs .input-add-more .base-label:hover,
.base-action:hover,
.finance-supertable table td .action-url,
.master-filters .footer .update,
#base-master-dialog .fields-preview .field .side .action:hover,
#base-master-dialog .fields-preview .box .empty-state .add:hover,
#base-apps .box .inner .g-body .g-explore a:hover,
#base-apps .box .inner .app-group .g-header .g-title:hover,
#base-apps .box .inner .g-body .item:hover,
#base-apps .top .user.legacy .info a:hover,
#base-master-dialog .fields-preview .field .field-attrs .attr span.url:hover,
#base-master-dialog .fields-sidebar .row-lists .li:hover,
.box.-postform .actions>.action:hover,
.base-pagination .pag-nav:hover,
.base-user.-sm:hover .base-user-name,
.user-comments>.comment>.text .url,
.base-section .section-header .base-title .url:hover,
.notis-canvas .nc-header .base-tabs .base-tab.active,
.base-list .list-item .li-container>.title .url:hover,
.base-list .list-item .li-container>.base-title .url:hover,
.chart-controls .base-button.-picon.-icon-only:hover .-icon,
.base-button:hover .-icon,
.base-button:hover,
.postbox-loadmore:hover,
.base-pagination .pag:hover,
.fi-filebox .fb-buttons .fb-button,
.base-logs .base-log .-bl-info .url:hover,
.list.-posts>.li>.footer .comment:hover,
.list.-posts>.li>.title .name b.url,
.base-button-dd:hover {
	color: #1E88E5;
}
.base-followers .fe-users .fe-actions .fe-action:hover,
#internal-excel .excel-table-title,
#base-master-dialog .header,
.notis-canvas .nc-header .base-tabs .base-tab.active:before,
.fi-filebox .fb-buttons .fb-button:hover,
.button.-cta,
.button.-cta:hover,
.fic-checkbox input:checked~.fic-checkmark,
.-cmenu.-padding .-item:hover {
	background-color: #1E88E5;
}
.base-cf-preview.url .field:hover,
.base-avatars .inline-avatar>.-cmenu .-item:hover,
.base-pagination .pag:hover,
.base-pagination .pag-nav:hover,
.fi-filebox .fb-buttons .fb-button {
	background-color: rgba(30, 136, 229, 0.1);
}
.visible-custom-table .base-table-wrapper .-fx input:active,
.visible-custom-table .base-table-wrapper .-fx input:focus,
.form.-flat .input input:focus,
.form.-flat .input textarea:focus,
.form.-flat .select select:focus,
.form.-flat .input input.std:focus,
.form.-flat .input textarea.std:focus,
.form.-flat .select select.std:focus {
	border: 1px solid #1E88E5;
	box-shadow: 0px 0px 4px rgba(30, 136, 229, 0.2);
}
.base-button:hover {
	border: 1px solid #1E88E5;
}
.base-button.-success:hover,
.base-button.-success:hover .-icon,
.base-button.-cta:hover .-icon,
.base-button.-cta:hover {
	background-color: #42b814 !important;
	border-color: #3ba710 !important;
	color: #ffffff !important;
}
.-cmenu.-padding,
.base-button .-cmenu {
	border-radius: 8px;
}
.-cmenu.-padding .-item {
	border-radius: 6px;
}
.-cmenu .-item.active {
	font-weight: 400;
	color: #1e88e5;
	border: 1px solid #1e88e5;
}
.-cmenu .-item.inactive {
	.-cmenu-icon {
 opacity: 0;
	}
	&:hover .-cmenu-icon {
 opacity: 1;
	}
}
.filter-btn .base-sep {
	margin: 8px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.block-guideline .base-button:hover .-icon,
.block-guideline .base-button:hover {
	color: #36930f;
}
.base-button.-error:hover .-icon,
.super-table .base-button.-danger:hover .-icon,
.kanban-card .cta-action-buttons .base-button.-danger:hover .-icon,
.kanban-card .base-button.-danger:hover .-icon,
.ticket-header .cta-action-buttons .base-button.-danger:hover .-icon,
.ticket-header .base-button.-danger:hover .-icon,
.log-item.unknown-item .base-button:hover .-icon,
.start-icon.base-button:hover .-icon {
	color: #ffffff;
}
.base-tooltip {
	z-index: 100000000000000;
}
.base-tooltip>.-bt-inner {
	background: #ddd;
 color: #111;
	padding: 6px;
	z-index: 100000000000000;
}
.base-tooltip.-tt-down>.-bt-inner .-bt-arrow {
	border-bottom: 6px solid #d9d9d9;
}
.base-tooltip>.-bt-inner .-bt-arrow {
	border-top: 6px solid #d9d9d9;
}
.base-tooltip>.-bt-inner>.-bt-content em {
	color: #333;
}
.base-flex-cols.file-listing {
	gap: 8px;
	margin-top: 0px;
}
.text-editor {
	overflow: auto;
}
.list.list-actions .base-icon {
	color:#666;
}
.list.list-actions .base-icon+span {
	padding-left: 32px;
}
.base-button.-subtle {
	border: 1px solid rgba(0, 0, 0, 0.05);
}
.base-button.-subtle:hover {
	text-decoration: none;
	border: 1px solid #1e88e5;
}
.ap-inline-tagger .ap-tagger .api-users {
	overflow: auto;
}
#context-menu .menu .base-icon {
	left: 16px;
}
#context-menu .menu .-lg-icon .base-icon {
	left: 12px;
	top: 7px;
}
#context-menu .menu .item-sep {
	margin: 0px 12px;
}
.js-remove:hover,
.cell-actions:has(.js-remove:hover) {
	color: #c34343;
	border-color: #c34343;
}
.base-special-tag {
	border-radius: 6px;
}
.base-flag-message.-picon {
	padding-left: 48px;
	border-radius: 8px;
}
.check-all:hover {
	color: #1E88E5;
	cursor: pointer;
	text-decoration: underline;
}
.check-all {
	position: absolute;
	right: 0;
	bottom: 4px;
}
.flash-msg {
	border-radius: 8px;
}
.__fdialog .__dialogcontent {
	padding-top: 16px;
}
.base-button-dd.-with-border.-round {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-state-active,
.ui-autocomplete>li>a:hover,
.ui-widget-content .ui-state-active {
	background-color: #e7f4ff;
	color: #1E88E5;
	text-decoration: none;
}
.if-display.flex-row {
	display: flex;
 flex-direction: row;
 width: 100%;
 align-items: flex-start;
 justify-content: space-between;
 height: fit-content;
 word-break: break-all;
 gap: 8px;
	width: 100%;
	justify-content: flex-end;
	.fx-label {
 text-align: right;
	}
}
.rating-result {
	text-align: right;
}
.star-box {
 float: right;
	display: inline-block;
 position: relative;
 top: -4px;
 padding: 0;
 margin: 0;
 width: 24px;
 height: 24px;
	clip-path: polygon(50% 15%, 61% 38%, 85% 38%, 66% 55%, 72% 80%, 50% 65%, 28% 80%, 34% 55%, 15% 38%, 39% 38%);
	background: #f7c829;
}
.label-group {
	display: block;
	padding-bottom: 4px;
	&:last-child {
 padding: 0;
	}
	.url:hover {
 text-decoration: underline;
	}
	span, div {
 white-space: break-spaces;
 word-break: break-all;
	}
}
.fi-extra .label-group {
	font-style: italic;
}
.fx-label {
 min-width: 88px;
 text-align: left;
 color: #888;
 font-size: 12px;
}
.-cmenuw:hover .-cmenu.-inactive {
	display:none;
}
.base-esign-canvas .base-esign-files .be-file:last-child {
	border: none;
}
.base-esign-proposal {
	border-top: 1px solid #eee;
}
.log-reverse-btn {
 width: fit-content;
 position: absolute;
 top: 6px;
 right: 12px;
}


.overflow_hidden {
	overflow: hidden !important;
}
.pick-users .service-pick-teams-picked .picked-item {
	padding: 4px 45px 8px 48px;
}
.service-pick-teams-tree .__apscrollbar_wrap.__autohide {
	padding-right: 10px !important;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .btn {
	top: 14px;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-wrapper {
	color: #1E88E5;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-wrapper .goto-icon {
	color: #1E88E5;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-wrapper.selected {
	color: #999999;
	cursor: not-allowed;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-wrapper.selected .goto-icon {
	color: #999999;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-wrapper:hover .goto-text {
	text-decoration: underline;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-wrapper.selected:hover .goto-text {
	text-decoration: none;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-text {
	position: absolute;
	top: 12px;
	right: 27px;
	font-weight: 500;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .goto-icon {
	top: 12px;
	right: 6px;
	display: flex;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .title {
	padding-right: 0px;
	position: relative;
}
.pick-users .title-wr {
	display: flex;
	align-items: center;
	gap: 4px;
}
.pick-users .member-length {
	color: #999999;
}
.pick-users .service-pick-teams-tree.pick-user-tree .tree-item .subtitle {
	padding-right: 0px;
	margin-top: 0px;
}
.pick-users .info-wr {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 35px;
	padding-right: 70px;
}
.service-pick-users {
	border-right: unset;
	border-left: unset;
	border-top: unset;
}
.service-pick-teams-tree {
	margin-bottom: 10px;
}
.service-pick-users .base-bc .base-bc-item:after {
	top: 6px;
}
.service-pick-users .action-copy {
	display: none !important;
}
.service-pick-users .action-clear {
	position: relative;
}
.service-pick-users .pick-users-picked .picked-title span {
	color: #1E88E5;
}
.service-pick-users .pick-users-picked .picked-item .picked-remove {
	right: 27px;
}
.service-pick-users .pick-users-picked .picked-item .subtitle {
	margin-top: 0px;
}
.service-pick-users .pick-user-tree .tree-cmd {
	top: 55px;
}
.service-pick-users .pick-user-tree .tree-item.disabled {
	cursor: not-allowed;
}
.service-pick-users .pick-user-tree .tree-item.disabled .fi-checkbox.btn.-checked {
	cursor: not-allowed;
}
.service-pick-users .pick-user-tree .tree-item.disabled .fi-checkbox.btn.-checked .-fcb {
	color: #fff;
	background: #ccc;
	border: 1px solid #ccc;
}
.custom-input-teams .input-label-options .name {
	display: flex;
	align-items: center;
}
.custom-input-teams .input-label-options .name .ap-xdot {
	max-width: 150px;
}
.custom-input-teams .input-label-options .avatar-image {
	display: flex;
	align-items: center;
}


/* Multi-select followers popover for service tickets — ported from workflow's
 job-select-followers component (apt/static/css/plugin/follow.css). */
.service-select-followers {
	margin-right: 56px;
	position: absolute;
	top: 35px;
	right: -120px;
	z-index: 9999;
	border-radius: 5px;
	background: #fff;
	display: flex;
	flex-direction: column;
	padding: 8px;
	border: 1px solid #eee;
	width: 300px;
	box-shadow: 0px 8px 16px 0px #0000002B, 0px 0px 2px 0px #0000001C;
}
.service-select-followers .header {
	padding: 10px;
	background: #F7F7F7;
	font-weight: 600;
	color: #2F3139;
	border-radius: 5px;
	font-size: 14px;
}
.service-select-followers .body {
	max-height: 310px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 2px;
	scrollbar-width: thin;
	display: flex;
	flex-direction: column;
	margin-bottom: 60px;
}
.service-select-followers .item {
	position: relative;
	user-select: none;
	width: 100%;
	display: flex;
	align-items: center;
	border-radius: 0;
	padding: 8px 12px;
	color: #2F3139;
}
.service-select-followers .item.disabled {
	cursor: not-allowed;
}
.service-select-followers .item.disabled .check-icon .base-icon {
	background: #ccc;
	cursor: not-allowed;
}
.service-select-followers .item.selected .check-icon .base-icon {
	background: #1E88E5;
}
.service-select-followers .base-icon-inline {
	margin-top: 2px;
	margin-left: 20px;
}
.service-select-followers .item .handle {
	color: #888;
	display: none;
	position: absolute;
	top: 10px;
	left: 2px;
	cursor: grab;
}
.service-select-followers .item:hover {
	background: #f3f3f3;
}
.service-select-followers .item:hover .handle {
	display: block;
}
.service-select-followers .item .name,
.service-select-followers .item .-title {
	font-size: 14px;
	padding: 0 4px 0 8px;
	display: block;
	max-width: 190px;
}
.service-select-followers .item .-title {
	color: #999A9E;
	font-size: 13px;
}
.service-select-followers .subheader {
	position: relative;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	padding-right: 0;
}
.service-select-followers .subheader:before {
	font-family: ap;
	content: "\f162";
	font-size: 13px;
	position: absolute;
	left: 12px;
	top: 11px;
	font-weight: 600;
}
.service-select-followers .subheader .search {
	position: relative;
}
.service-select-followers .subheader .search .input {
	overflow: hidden;
	border-radius: 6px;
	background: #F7F7F7;
	padding: 2px 0;
	color: #757575;
}
.service-select-followers .subheader .search input {
	box-sizing: border-box;
	width: 100%;
	display: block;
	margin: 0;
	border: none;
	background: transparent;
	font-size: 14px;
	padding: 6px 9px;
	padding-left: 34px;
	padding-right: 34px;
}
.service-select-followers .full-mask-tab {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}
.service-select-followers .disabled .full-mask-tab {
	cursor: not-allowed;
}
.service-select-followers .user-image {
	width: 24px;
	height: 24px;
	padding-left: 30px;
	min-width: 24px;
}
.service-select-followers .user-image .image {
	width: 24px;
	height: 24px;
}
.service-select-followers .user-image img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.service-select-followers .user-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	height: 38px;
	flex: 1;
}
.service-select-followers .check-icon .base-icon.tick svg {
	fill: none !important;
}
.service-select-followers .check-icon {
	position: relative;
	height: 100%;
}
.service-select-followers .check-icon .base-icon {
	top: 50%;
	transform: translateY(-50%);
}
.service-select-followers .subheader .base-icon.-add {
	position: absolute;
	top: 5px;
	right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	padding: 1px;
	padding-bottom: 2px;
	cursor: pointer;
}
/* Ensure parent containers do not clip the popover */
.ticket-followers,
.jsapi-follow {
	overflow: visible !important;
}
.service-select-followers .subheader .base-icon.-add:hover {
	background: rgba(30, 136, 229, 0.1);
}
.service-select-followers .subheader .base-icon.-add .ap-icon {
	font-size: 20px;
	color: #1E88E5;
}
.service-select-followers .footer {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	background: #fff;
}
.service-select-followers .footer .base-buttons {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
	padding: 10px;
	border-top: 1px solid #E3E3E3;
	margin-top: 10px;
	font-weight: 500;
}
.service-select-followers .footer .base-buttons .base-button {
	height: unset;
	border: none;
	font-size: 14px;
	border-radius: 4px;
	line-height: 20px;
	padding: 5px 14px;
}
.service-select-followers .footer .base-buttons .base-button.cancel {
	background-color: #FFFFFF;
	color: #2F3139;
	border: 1px solid #E3E3E4;
}
.service-select-followers .footer .base-buttons .base-button.ok {
	background-color: #1E88E5;
	color: #fff;
}


.report-page .db-menu {
 position: absolute;
 width: 280px;
 left: 0px;
 top: 0px;
 padding-top: 8px;
 bottom: 0px;
 border-right: 1px solid rgba(0,0,0,0.1);
}
.report-page .db-menu .db-menu-item {
 padding: 8px;
 font-size: 14px;
 line-height: 20px;
 border-right: 4px;
 position: relative;
 border-radius: 6px;
 margin: 4px 12px;
}
.report-page .db-menu .db-menu-item.active {
 font-weight: 500;
 color: #343434;
 background: #ECF5FD;
}
.report-page .db-menu .db-menu-item:hover {
 background: #ECF5FD;
}
.report-page .db-main {
 display: flex;
 gap: 8px;
 flex-direction: column;
 position: absolute;
 top: 20px;
 right: 0px;
 left: 280px;
 bottom: 20px;
}
.report-page .db-main-content {
	max-width: 1000px;
 margin: auto;
	display: flex;
 gap: 20px;
 flex-direction: column;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	left: 20px;
	right: 20px;
}
.report-page .fi-db-sections {
	margin: 0;
 display: block;
}
.report-page .fi-db-sections .sections-header {
 color: #000000c2;
 font-size: 14px;
 font-weight: 500;
 line-height: 16px;
 padding: 8px 0px;
}
.report-page .fi-db-sections .sections-body {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-content: space-around;
 justify-content: space-between;
}
.report-page .fi-db-section {
 flex: 0 0 49%;
 float: left;
}
.report-page .fim-hl-box .fim-hl-content {
 display: flex;
 flex-wrap: wrap;
}
.report-page .fim-hl-content .rd-sc {
 width: 50%;
 height: 64px;
 padding: 14px;
 box-sizing: border-box;
 position: relative;
 border-bottom: 1px solid #cacaca;
 border-left: 1px solid #cacaca;
}
.report-page .fim-hl-content .rd-act:last-child,
.report-page .fim-hl-content .rd-sc:last-child,
.report-page .fim-hl-content .rd-sc:nth-last-child(2) {
	border-bottom: none;
}
.report-page .fim-hl-content .rd-sc:nth-child(odd) {
 border-left: none;
}
.report-page .rd-sc .rd-scl {
 padding-left: 42px;
 position: relative;
}
.report-page .rd-sc .rd-scl .base-icon {
 background-color: rgb(from var(--bg-ic-var) r g b / 20%);
 color: var(--bg-ic-var);
 opacity: 1;
 width: 32px;
 height: 32px;
}
.report-page .rd-scl .base-icon svg {
 width: 18px;
 height: 18px;
}
.report-page .rd-scl .base-icon .-icon-svg {
 position: relative;
 top: 7px;
 left: 7px;
}
.report-page .rd-sc .rd-scl .base-title {
 font-size: 14px;
 font-weight: 400;
 color: #8f8f8f;
 line-height: 16px;
}
.report-page .rd-sc .rd-scl .count {
 font-size: 14px;
 line-height: 16px;
}
.report-page .rd-sc .nav {
 position: absolute;
 right: 24px;
 top: 24px;
 color: #757575;
}
.report-page .fim-hl-content .rd-act {
 width: 100%;
 position: relative;
 height: 64px;
 box-sizing: border-box;
 padding: 14px;
 border-bottom: 1px solid #cacaca;
}
.report-page .rd-scl .base-icon {
 left: 0px;
 border-radius: 50%;
}
.report-page .rd-act .rd-al .base-title {
 font-size: 14px;
 line-height: 16px;
 font-weight: 500;
}
.report-page .rd-act .rd-al {
 padding-left: 16px;
}
.report-page .rd-act .rd-al:before {
 position: absolute;
 width: 3px;
 height: 28px;
 content: ' ';
 top: 14px;
 left: 16px;
 background-color: var(--bef-col-var);
 border-right: 8px
}
.report-page .rd-act .rd-al .info {
 color: #8f8f8f;
}
.report-page .rd-act .nav {
 position: absolute;
 right: 24px;
 top: 24px;
 color: #8f8f8f;
}
.report-page .fi-db-section {
 flex-basis: auto;
}
.report-page .fi-db-section .section-header .base-block.-picon .base-iconbox {
 left: -40px;
	top: 2px;
}
.report-page .fi-db-section.base-section .section-header.-collapsible .base-block.-pavatar {
 scale: unset;
}
.report-page .base-section.fi-db-section .section-header.-collapsible {
 padding: 12px 54px;
}
.report-page .base-section.fi-db-section .section-header {
 padding: 12px 20px;
}
.report-page .base-section.fi-db-section.-collapsed .section-header.-collapsible {
	border: none;
}
.report-page .detail-page .base-section.fi-db-section .section-header .triangle {
 left: 20px;
 top: 20px;
 right: auto;
 bottom: auto;
}
.report-page .fi-db-section > .section-header .base-button.-picon.-no-action.-menu-item {
	top: 0px;
 left: -39px;
}
.report-page .fi-db-section.base-section .section-header .base-side {
 right: -8px;
 top: 0px;
}
.report-page .fi-db-section.base-section .section-header.-collapsible .base-side {
	right: -38px;
	top: 2px;
}
.report-page .base-section .section-header .base-side .export-btn {
 padding-left: 18px;
}
.report-page .base-section .section-header .base-side .export-btn.-cmenuw {
	padding-left: 32px;
 padding-right: 28px;
	.-suffix {
 right: 2px;
 top: 4px;
	}
}
.report-page .base-tooltip {
	right: 0;
	left: auto;
}
.report-page .-bt-content {
 text-align: right;
 white-space: nowrap;
}
.report-page .base-tooltip.-tt-down > .-bt-inner .-bt-arrow {
	right: 12px;
	left: auto;
}
.report-page .main-icon .-icon,
.report-page .main-icon {
	border-radius: 50%;
	color: #1E88E5 !important;
	background: #ffffff !important;
	border-color: #ffffff !important;
}
.report-page .base-section.fi-db-section .base-title {
	display: -webkit-box;
 line-clamp: 2;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
.report-page .flowchart-detail {
	height: 540px;
	padding: 8px;
}
.report-page .flowchart-detail .parent-drawflow {
	margin: 0;
	height: calc(100%);
}
.report-page .base-section.fi-db-section {
	border-radius: 8px;
}
.report-page .drawflow .connection.-dashed .main-path {
	stroke-dasharray: 0;
}
.report-page .drawflow .drawflow-node .input,
.report-page .drawflow .drawflow-node .output {
	opacity: 0 !important;
}
.block-num-item {
 width: 26px;
 height: 26px;
 border-radius: 6px;
 text-align: center;
 align-self: center;
 text-align: center;
 position: absolute;
 left: -33px;
 top: -26px;
 background: #666;
 color: #ffffff;
 font-size: 12px;
 font-weight: 500;
 display: flex;
 justify-content: center;
 align-items: center;
	z-index: 1;
}
.start-block .block-num-item {
	left: -26px;
}
.total-text {
	color: #1E88E5;
	font-weight: 500;
}
.processing-text {
	color: #ffb129;
	font-weight: 500;
}
.done-text {
	font-weight: 500;
	color: #25c525;
}
.overdue-text {
	font-weight: 500;
	color: #ff473d;
}
.min-text {
	font-weight: 500;
	color: #25c525;
}
.max-text {
	font-weight: 500;
	color: #1E88E5;
}
.avg-text {
	font-weight: 500;
	color: #7247EA;
}
/* ---- Stuck tickets section (bottom of the overview report) ---- */
.stuck-section {
	margin-top: 4px;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #eceef1;
	border-radius: 10px;
}
.stuck-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.stuck-section-title {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	font-weight: 600;
	color: #4a5260;
}
.stuck-section-title .base-icon {
	color: #f5a623;
}
.stuck-section-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background: #ff5b52;
}
.stuck-section-desc {
	margin: 4px 0 14px;
	font-size: 12.5px;
	color: #9aa1ac;
}
.stuck-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.stuck-row {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 11px 14px;
	border: 1px solid #eef0f2;
	border-radius: 9px;
	background: #fcfcfd;
	transition: box-shadow .15s ease, border-color .15s ease;
}
.stuck-row:hover {
	border-color: #e6e8ec;
	box-shadow: 0 2px 10px rgba(20, 24, 40, .05);
}
.stuck-row-icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff4e2;
	color: #f5a623;
}
.stuck-row-info {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 12px;
}
.stuck-row-name {
	display: block;
	font-weight: 600;
	font-size: 13.5px;
	color: #1668dc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.stuck-row-name:hover {
	text-decoration: underline;
}
.stuck-row-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 5px;
}
.stuck-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #e5484d;
	background: #fdeceb;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.stuck-hid {
	flex: 0 0 auto;
	font-size: 12px;
	color: #b4b8c0;
}
/* rescued row: the step is reopened but the ticket still needs a manual push */
.stuck-row.-rescued .stuck-chip {
	color: #1f9254;
	background: #e7f6ed;
}
.stuck-row.-rescued .stuck-btn-rescue {
	display: none;
}
.stuck-section .base-button {
	flex: 0 0 auto;
}
.stuck-section .base-button.stuck-btn-rescue {
	background: #3866f0;
	border: 1px solid #3866f0;
	color: #fff;
	box-shadow: none;
}
.stuck-section .base-button.stuck-btn-rescue .-txt,
.stuck-section .base-button.stuck-btn-rescue .-icon {
	color: #fff;
}
.stuck-section .base-button.stuck-btn-rescue:hover {
	background: #2b56d6;
	border-color: #2b56d6;
}
.stuck-section .base-button.stuck-btn-ghost {
	background: #fff;
	border: 1px solid #e3e5ea;
	color: #5b6472;
	box-shadow: none;
}
.stuck-section .base-button.stuck-btn-ghost .-txt,
.stuck-section .base-button.stuck-btn-ghost .-icon {
	color: #5b6472;
}
.stuck-section .base-button.stuck-btn-ghost:hover {
	background: #f6f7f9;
	border-color: #d3d6dd;
}
/* empty stuck container must not occupy a flex slot / add gap */
#js-stuck-section:empty {
	display: none;
}


#base-search .search-request-item{
}
#base-search .search-request-item .top{
 padding:20px 0;
 border-bottom:1px solid rgba(0,0,0,0.05);
	position:relative;
}
#base-search .search-request-item .top h1{
	font-size:20px;
	font-weight:300;
}
#base-search .search-request-item .top .buttons{
	position:absolute;
 right:0px;
 top:15px;
}
#base-search .search-request-item .top .buttons .cta{
 border:1px solid rgba(0,0,0,0.1);
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding:8px 13px;
	cursor:pointer;
 color:#333;
	font-weight:500;
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
 background: -moz-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f6f6f6));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#f6f6f6));
 background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
 background: linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
}
#base-search .search-request-item .top .buttons .cta .-ap{
	display:inline-block;
 margin-right:4px;
}
#base-search .search-request-item .top .buttons .cta:hover{
 background-color: #267cde;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#267cde', endColorstr='#267cde');
 background: -moz-linear-gradient(top, #267cde 0%,#267cde 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#267cde),color-stop(100%,#267cde));
 background: -webkit-linear-gradient(top, color-stop(0%,#267cde),color-stop(100%,#267cde));
 background: -o-linear-gradient(top, #267cde 0%,#267cde 100%);
 background: -ms-linear-gradient(top, #267cde 0%,#267cde 100%);
 background: linear-gradient(top, #267cde 0%,#267cde 100%);
 color:#fff;
}
#base-search .search-request-item .top .buttons .-cmenu .-item .sub-item {
	font-size:11px;
 opacity: 0.8;
 padding-top: 4px;
}
#base-search .search-request-item .top .buttons .-cmenu .-item.disable {
 cursor: not-allowed;
 opacity: 0.5;
}
#base-search .search-request-item .none{
	text-align:center;
 color:#aaa;
	font-size:15px;
	font-weight:300;
 padding:40px 0;
}
#base-search .search-request-item .item{
	position:relative;
 padding:15px 20px 15px 65px;
}
#base-search .search-request-item .item .image{
	position:absolute;
 left:10px;
 top:15px;
 width:40px;
 height:40px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	overflow:hidden;
}
#base-search .search-request-item .item .name{
	font-weight:500;
	font-size:15px;
 padding-bottom:3px;
 padding-top:4px;
 padding-right: 80px;
}
#base-search .search-request-item .item .-empty,
#base-search .search-request-item .item .content{
	font-size:12px;
 color:#888;
 padding-right:100px;
 line-height:20px;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
}
#base-search .search-request-item .item .sub-info {
	font-size:12px;
 color:#888;
 margin-bottom: 10px;
}
#base-search .search-request-item .item .status{
	position:absolute;
	text-align:center;
 right:10px;
 top:16px;
 -moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
 padding:7px 10px;
 background: rgba(66,184,20,0.15);
 color:#2d850a;
 min-width:70px;
}
#base-search .search-request-item .item .status.-rejected,
#base-search .search-request-item .item .status.-failed{
 background: rgba(195,67,67,0.1);
 color:#b93333;
}
#base-search .search-request-item .item .status.-approved,
#base-search .search-request-item .item .status.-done{
 background: rgba(66,184,20,0.8);
 color:#fff;
}
#base-search .search-request-item .item .status.-overdue{
 background: rgba(255,152,0,0.1);
 color:#e68800;
}
#base-search .search-request-item .item em {
 padding: 1px 3px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background: rgba(255,208,0,0.3);
}
#base-search .search-results {
 max-height: 70vh;
}
#base-search .search-tags{
	font-size:12px;
}
#base-search .search-tags .search-tag{
 display: inline-block;
	font-weight:500;
 padding: 3px 5px;
 margin-top: 2px;
 margin-right: 2px;
}


.input-group-switch-cases .input-switch-case {
	background: #F7F7F7;
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 16px;
	position: relative;
}
.input-group-switch-cases .input-switch-case:last-child {
	margin-bottom: 0;
}
.input-group-switch-cases .input-switch-case > .row .label {
	margin-left: 12px;
 cursor: move;
}
.input-group-switch-cases .status {
	position: absolute;
	left: 0;
 top: 8px;
 z-index: 1;
 cursor: move;
}
.input-group-switch-cases .status .micon {
	position: absolute;
	width: 2px;
	height: 2px;
	background: rgba(0, 0, 0, 0.4);
}
.input-group-switch-cases .status .micon:before,
.input-group-switch-cases .status .micon div:before {
	top: -4px;
}
.input-group-switch-cases .status .micon:before,
.input-group-switch-cases .status .micon:after,
.input-group-switch-cases .status .micon div:before,
.input-group-switch-cases .status .micon div:after {
	position: absolute;
	left: 0px;
	width: 2px;
	height: 2px;
	background: rgba(0, 0, 0, 0.4);
	content: "";
}
.input-group-switch-cases .status .micon:after,
.input-group-switch-cases .status .micon div:after {
	top: 4px;
}
.input-group-switch-cases .status .micon div {
	position: absolute;
	width: 2px;
	height: 2px;
	background: rgba(0, 0, 0, 0.3);
	left: 4px;
	top: 0px;
}
.input-group-conditions.input-group-switch-cases,
.input-group-switch-cases {
	margin-top: 4px;
}
.input-group-switch-cases .condition-item .base-table tbody td {
	background-color: transparent;
}
.base-button.-btn-add-case {
	margin-top: 6px;
	background: #fff;
	color: #0BAD57;
	border: none !important;
	box-shadow: none;
	padding-left: 20px;
	font-size: 14px;
	width: fit-content;
}
.base-button.-btn-add-case .-icon {
	left: 0;
}
.input-switch-case .condition-item {
	margin-top: 0;
	margin-bottom: 15px;
}
.input-switch-case .condition-item:last-child {
	margin-bottom: 0;
}
.input-switch-case .condition-item .base-table tbody tr {
	background: #F7F7F7;
}
.input-switch-case .condition-item .base-table tbody {
	background: #F7F7F7;
}
.input-group-switch-cases .input-switch-case .base-side {
	position: absolute;
	right: 16px;
}
.input-group-switch-cases .input-switch-case>.row .label {
	margin-right: 60px;
}
.input-group-switch-cases .input-switch-case .base-side .base-button.remove-case {
	margin: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-left: 8px;
	cursor: pointer;
	z-index: 999;
}
.input-group-switch-cases .input-switch-case .base-side .base-button.remove-case .-icon {
	left: 3px;
	top: 2px;
}
.input-group-switch-cases .input-switch-case .base-side .base-button.remove-case .-icon svg {
	width: 12px;
	height: 12px;
}
.input-group-switch-cases .input-switch-case .base-side .base-button.remove-case .base-tooltip {
	left: -26px;
}
.input-group-merge-tables {
	.input-switch-case > .row .label {
 margin-left: 0;
 cursor: auto;
	}
	.data.js-improved-select {
 flex-direction: column;
	}
}


.offcanvas {
	position:fixed;
 bottom: 0;
 z-index: 9990;
 display: flex;
 flex-direction: column;
 max-width: 100%;
 visibility: hidden;
 background-color: #fff;
 background-clip: padding-box;
 outline: 0;
 transition: transform .3s ease-in-out;
}
.offcanvas.offcanvas-end {
 top: 55px;
 right: 0;
 width: 800px;
 border-left: 1px solid rgba(0,0,0,.2);
 transform: translateX(100%);
}
.offcanvas.show {
 transform: none;
	bottom: 8px;
 right: 8px;
	border-top-left-radius: 0;
 border-bottom-left-radius: 0;
 border-top-right-radius: 12px;
 border-bottom-right-radius: 12px;
}
.offcanvas-header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 16px;
 background: #F5F5F5;
 min-height: 24px;
	border-top-left-radius: 12px;
 border-top-right-radius: 12px;
}
.offcanvas-header .base-title {
	font-size:16px;
	font-weight:500;
}
.offcanvas-header .base-subtitle {
	font-size:13px;
	color: #666;
	margin-top: 3px;
}
.offcanvas-header .base-side {
	position:absolute;
 top: 10px;
 right: 0;
}
.offcanvas-header .base-side svg {
 width: 12px !important;
 height: 16px !important;
}
.offcanvas-header .base-side .base-button:hover {
 color: #343434;
 text-decoration: none;
 opacity: 0.75;
}
.offcanvas-header .base-side .base-button {
 opacity: 0.5;
 position: absolute;
 top: 4px;
 right: 12px;
 padding: 12px;
}
.offcanvas-body {
 flex-grow: 1;
 padding: 16px;
 overflow-y: auto;
	position:relative;
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 transition-duration: 0.2s;
}
.offcanvas.-has-footer .offcanvas-body {
 margin-bottom: 82px;
}
.offcanvas-footer {
 position: absolute;
 bottom: 40px;
 left: 0;
 right: 0;
}
.offcanvas-backdrop.fade {
 transition: opacity .15s linear;
}
.offcanvas-backdrop {
 position: fixed;
 top: auto;
 left: auto;
 bottom: 8px;
 right: 14px;
 z-index: 9989;
 width: calc(100vw - 274px);
 height: calc(100vh - 62px);
 background-color: #343434;
 border-radius: 12px;
}
.-mm-collapsed .offcanvas-backdrop {
	width: calc(100vw - 76px);
}
.offcanvas-backdrop.fade {
 opacity: 0;
}
.offcanvas-backdrop.show {
 opacity: .5;
}
.picker-tabs .base-tab {
 padding: 10px 13px;
}
.picker-tabs .base-tab.active {
 color: #136BD3;
 border-bottom: 2px solid #136BD3;
}
.offcanvas-body .picker-tabs {
	position:relative;
	width:100%;
}
.offcanvas-body .picker-tabs .base-side {
	position:absolute;
 top: 0;
 right: 0;
}
.offcanvas-body .picker-tabs .base-side > div {
	float:left;
 margin-left: 10px;
}
.offcanvas-footer .base-block.actions {
 display: flex;
 justify-content: space-between;
 gap: 10px;
 margin: 0 10px;
}
.offcanvas-footer .base-block.actions > div {
 flex: 1 1 auto;
 text-align: center;
}


.offcanvas-toggle-filter.active {
 color: #267cde;
 border-color: #267cde;
}
.picker-filter {
 background: #EBF1F8;
 padding: 10px 13px;
 min-height: 52px;
}
.picker-filter .base-block.actions {
	position:relative;
 height: 32px;
}
.picker-filter .base-block.actions .base-side {
	position:absolute;
 top: 0;
 right: 0;
}
.picker-filter .base-block.actions .base-side > div {
	float:left;
 margin-left: 10px;
}
.picker-filter .base-block.actions .base-button.-reset {
 color: #136BD3;
 border-color: #136BD3;
}
.picker-filter .base-block.actions .base-button.-apply {
 background: #136BD3;
 color: #fff;
}
.picker-filter .improve-select, .picker-filter input {
 background: #fff !important;
 border: 1px solid #E0E0E0 !important;
}


.offcanvas-body .picker-header .base-title {
 padding-right: 150px;
	font-size:22px;
}
.offcanvas-body .picker-header .base-title .cur, .offcanvas-body .picker-header .base-title b {
	display:inline-block;
	font-weight:500;
}
.offcanvas-body .picker-header .base-info {
	font-size:13px;
 margin-top: 3px;
}
.offcanvas-body .picker-header {
 margin-bottom: 8px;
}
.offcanvas-select-checkbox {
	position:absolute;
 top: 0px;
}
#offcanvas-picker-picked {
	position:absolute;
	display:none;
 color: #34960d;
 top: 56px;
 left: 0px;
 right: 0px;
 height: 45px;
 background-color: #f0fceb;
 border-bottom: 1px solid rgba(66,184,20,0.5);
 border-top: 1px solid rgba(66,184,20,0.5);
 z-index: 888;
}
#offcanvas-picker-picked .header{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 20px;
	height:50px;
}
#offcanvas-picker-picked .header .title{
	position:relative;
	font-size:15px;
	font-weight:500;
	display:inline-block;
	padding:3px 0;
	padding-left:20px;
}
#offcanvas-picker-picked .header .title:before{
	font-family:ap; content:"\f05a";
	font-size:12px;
	position:absolute;
	top:5px;
	left:0px;
	opacity: 0.5;
 filter: alpha(Opacity:50);
}
#offcanvas-picker-picked .header .cta{
	background-color: #219D5B;
	padding:7px 13px;
 border-radius: 16px;
	font-weight:500;
	position:absolute;
	font-size:12px;
 @uppercase;
 color: #fff;
	right:10px;
	top:8px;
}
#offcanvas-picker-picked .header .cta:hover{
	background-color: #219D5B;
	color: #fff;
}
.offcanvas-body.has-items {
 margin-top: 47px;
}
.offcanvas-body .item.-picked {
 color: #219D5B;
	font-weight:500;
 z-index: 100;
}
.offcanvas-body .item.-picked .super-cell-wrapper {
 background: #f0fceb;
}
.offcanvas .resize-flex {
 width: 12px;
 height: 50px;
 background: #fff;
 border: 1px solid #d4d7dc;
 border-radius: 6px;
	position:absolute;
 align-items: center;
 left: -6px;
 top: 43%;
 z-index: 99;
}
.offcanvas .resize-flex .base-icon {
 color: #616161;
 top: 32%;
 right: -2px;
}
.offcanvas .resize-flex.is-full-screen .base-icon {
 transform: rotateY(180deg);
}


.cc-columns.sortable, .cc-customfields.sortable {
	width:100%;
	overflow:hidden;
	position:relative;
 height: fit-content;
 top: 0;
 left: 0;
 right: 0;
	display: flex;
 flex-direction: column;
 gap: 6px;
}
.cc-columns.sortable .select-all, .cc-customfields.sortable .select-all {
 display: flex;
 padding: 8px;
 align-items: center;
 gap: 8px;
 justify-content: flex-start;
	cursor: pointer;
	font-size: 14px;
}
.cc-columns.sortable .select-all.text-only, .cc-customfields.sortable .select-all.text-only {
	padding: 0;
	margin-bottom: 12px;
 padding-top: 4px
}
.cc-columns.sortable .cc-column-item, .cc-columns.sortable .cc-column-item-locked, .-cc-customfield-item {
 border: 1px solid #E0E0E0;
 border-radius: 6px;
	position:relative;
	width:100%;
 padding: 8px 28px;
 padding-left: 34px;
 background: #fff;
}
.cc-columns.sortable .cc-column-item .fi-checkbox, .cc-columns.sortable .cc-column-item-locked .fi-checkbox, .-cc-customfield-item .fi-checkbox {
	position:absolute;
 top: 8px;
 left: 8px;
	cursor: pointer;
}
.cc-columns.sortable .cc-column-item .base-side, .cc-columns.sortable .cc-column-item-locked .base-side, .-cc-customfield-item .base-side {
	position:absolute;
 top: 9px;
 right: 22px;
}
.cc-columns.sortable .cc-column-item .base-side .cc-move, .-cc-customfield-item .base-side .cc-move {
 cursor: move;
	margin: 0;
}
.cc-columns.sortable .cc-column-item-locked .base-side .cc-move {
 cursor: not-allowed;
	right: -16px;
}
.cc-columns.sortable .cc-column-item-locked .fi-checkbox.disable {
 opacity: 0.5;
 cursor: not-allowed;
}
.cc-columns.sortable .fi-checkbox.disable {
	background: rgba(0,0,0,0.2);
	cursor: not-allowed;
}
.ui-sortable-placeholder.cc-column-placeholder, .ui-sortable-placeholder.cc-customfield-placeholder {
 height: 36px;
 border: 1px dashed #136BD3;
 background-color: #EBF1F8;
 margin-bottom: 4px;
 border-radius: 6px;
	width:100%;
}
.cc-columns.sortable .cc-column-item .base-title, .cc-columns.sortable .cc-column-item-locked .base-title, .-cc-customfield-item .base-title {
	font-size:14px;
}
.base-button.btn-custom-columns svg {
	width: 24px !important;
 height: 24px !important;
 fill: #616161 !important;
}
.base-button.btn-custom-columns .-icon {
 top: 2px;
 left: 9px !important;
}
.base-button.btn-custom-columns span.-txt {
	padding-left: 10px;
}
.outflow-export-btn-wrapper {
	margin: 0px !important;
}
.outflow-export-btn-wrapper > div {
	margin-left: 10px;
}
.cc-columns.sortable .cc-columns.sortable {
	padding: 4px 16px;
 background: #f5f5f5;
 border-radius: 6px;
	border: 1px solid #E0E0E0;
	padding-left: 16px;
}
.cc-columns.sortable.-collapsed .cc-column-item {
	display:none;
}
.cc-columns.sortable .group-title {
 display: flex;
 height: 25px;
 align-items: center;
 justify-content: flex-start;
 gap: 8px;
 font-size: 14px;
	max-width: calc(100% - 24px);
	margin-left: -8px;
}
.cc-columns.sortable .group-title .base-side {
	position: absolute;
 right: 22px;
 top: 8px;
}
.cc-columns.sortable .group-title .triangle {
 transition-duration: 0.2s;
	color: #ccc;
}
.cc-columns.sortable.-collapsed .group-title .triangle {
 transform: rotate(270deg);
}
.cc-columns.sortable .group-title + .cc-column-item-locked {
	margin-left: -16px;
	background: transparent;
	border: none;
	margin-top: -8px;
}
.cc-columns.sortable .group-title + .cc-column-item-locked .base-side .cc-move {
	display:none;
}
.cc-end-columns.sortable {
	width: auto;
}


.input-table-def{
 margin:0px 0 5px 0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 background-color: #f8f8f8;
 border:1px solid rgba(0,0,0,0.1);
}
.input-table-def .line-form .trow-line{
 padding:8px 28px 8px 0px;
 margin:0 20px;
	position:relative;
}
.input-table-def .line-form .trow-line .base-col{
 width:8%;
	float:left;
 margin-right:1%;
}
.input-table-def .line-form .trow-line .base-col.-lg{
 width:33%;
}
.input-table-def .line-form .trow-line .base-col.-lg.-ctype {
 width:24%;
}
.input-table-def .line-form .trow-line .base-col.-sm {
 width:7%;
}
.input-table-def .line-form .trow-line .base-col.-md {
 width:23%;
}
.input-table-def .line-form .trow-line .base-col .base-label{
	font-size:13px;
 color:#111;
	font-weight:500;
 padding-bottom:3px;
}
.input-table-def .line-form .trow-line .base-col .fi-fake{
 height:33px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:500;
	font-size:14px;
 padding:7px 8px;
 background: rgba(0,0,0,0.05);
 border:1px solid rgba(0,0,0,0.1);
 margin-top:4px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.input-table-def .line-form .trow-line .item-actions{
	position:absolute;
 top:13px;
 right:-2px;
}
.input-table-def .line-form .trow-line .item-actions .item-action{
 width:33px;
 height:33px;
 background: rgba(255,255,255,0.8);
 padding:7px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 border:1px solid rgba(0,0,0,0.15);
}
.input-table-def .line-form .trow-line .item-actions .item-action:hover{
 background-color: #fff;
 color:#c34343;
 border:1px solid rgba(195,67,67,0.5);
}
.input-table-def .line-form .trow-line.-label {
 padding: 16px 28px 0px 0px;
}
.input-table-def .line-cta.clear-fix.js-more-line {
 margin-bottom: 8px;
 margin-left: 12px;
}
.input-table-def .item-cta{
 padding:0px 0px;
 margin:0 20px;
}
.input-table-def .item-cta .base-action{
 margin-left:-8px;
 color: #267cde;
}
.input-table-def .item-cta .base-action .-icon {
 color: #267cde;
}
.input-table-def .item-cta .base-action:hover{
	text-decoration:underline;
}
.input-table-def .line-form .trow-line .base-col.-el {
 width: 98%;
}
.input-table-def .trow-line .base-col .fic-checkbox {
 top: 12px;
 left: 12px;
}
.-inactive .input-table-def .line-form .trow-line .item-actions,
.-inactive .input-table-def .line-cta.clear-fix.js-more-line {
	display:none;
}
.-inactive .input-table-def .trow-line .base-col .fic-checkbox {
	pointer-events: none;
}
.-inactive .input-table-def {
	padding-bottom: 16px;
	background: #f1f1f1;
	.drag-handler {
 opacity: 0;
	}
}
.input-table-def {
	.improve-select.active .is-box {
 min-width: 280px;
	}
	.line-form {
 .line-contaner.ui-sortable {
 margin: 0 20px;
 .trow-line {
 margin: 0;
 }
 .drag-handler {
 position: absolute;
 top: 8px;
 bottom: 0px;
 left: -16px;
 width: 16px;
 cursor: move;
 }
 .status {
 position: absolute;
 left: 5px;
 top: 11px;
 }
 .micon {
 position: absolute;
 width: 2px;
 height: 2px;
 background: rgba(0, 0, 0, 0.4);
 }
 .micon div {
 position: absolute;
 width: 2px;
 height: 2px;
 background: rgba(0, 0, 0, 0.3);
 left: 4px;
 top: 0px;
 }
 .micon:before, .micon:after, .micon div:before, .micon div:after {
 position: absolute;
 left: 0px;
 width: 2px;
 height: 2px;
 background: rgba(0, 0, 0, 0.4);
 content: "";
 }
 .micon:before, .micon div:before {
 top: -4px;
 }
 .micon:after, .micon div:after {
 top: 4px;
 }
 }
 .trow-line .item-actions {
 position: absolute;
 top: 16px;
 right: -2px;
 .item-action {
 width: 22px;
 height: 22px;
 padding: 2px;
 background: transparent;
 border-color: transparent;
 color: #ccc;
 }
 }
 .trow-line .base-col.-el {
 width: calc(100% - 46%);
 margin-right: 71px;
 float: right;
 position: relative;
 }
.trow-line .base-col.-el.show::before{
 border-width: 0 0 1px 1px;
 border-color: #ccc;
 border-style: solid;
 content: '';
 position: absolute;
 left: -16px;
 top: 4px;
 width: 10px;
 height: 12px;
 border-radius: 0 0 0 6px;
 }
 .input-ext-lookup-config {
 display: flex;
 width: calc(100%);
 flex-direction: row;
 gap: 8px;
 .base-form-row {
 width: 100%;
 padding: 0;
 min-width: 1px;
 }
 .base-form-row:nth-child(2) {
 width: 328px;
 }
 }
	}
	.input.input-ext-config, .input.input-lookup-config, .input.input-rating-config, .input.input-currency-config, .input.input-validation, .input.input-checklist-config, .input.input-currency-config, .input.input-usertag-config {
 margin-top: 6px;
	}
	.-disable {
 .fic-checkbox input:checked ~ .fic-checkmark:after {
 display: none;
 }
 .fic-checkbox .fic-checkmark {
 background: #aaa !important;
 pointer-events: none;
 opacity: 0.3;
 }
	}
	.line-form .trow-line.-label .base-tooltip {
 min-width: 360px;
 text-align: left;
 left: -138px;
 span {
 display: block;
 }
	}
	.line-form .trow-line .base-col {
 position: relative;
 .base-icon {
 position: relative;
 right: -3px;
 top: 1px;
 zoom: 0.8;
 color: #666 !important;
 display: inline;
 }
	}
}
.table-todos .base-table-inner {
	min-width: 1200px;
}


.input.input-ext-config, .input.input-lookup-config, .input.input-rating-config, .input.input-currency-config, .input.input-validation, .input.input-checklist-config, .input.input-currency-config, .input.input-usertag-config {
 background: #c5c5c54f;
 padding: 8px 12px;
}
.input-ext-config .fr-input.default-hidden + .improve-select {
	display:none;
}
.input-validation .input-rule {
 display: flex;
 justify-content: flex-start;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px;
 margin-top: 8px;
}
.input-rule .rule-operator {
 flex: 0 0 240px;
}
.input-rule .rule-value {
 flex: 0 0 300px;
}
.input-validation .add-rule {
 padding-top: 8px;
 font-weight: 400;
}
.input-validation .add-rule:hover {
 color: #267cde;
 text-decoration: underline;
 font-weight: 500;
}
.input-rule .rule-action {
 border: 1px solid #cacaca;
 padding: 4px;
 box-sizing: border-box;
 margin-top: 2px;
 border-radius: 4px;
}
.input-checklist-config .add-item {
 padding-top: 8px;
 font-weight: 400;
}
.input-checklist-config .add-item {
 color: #267cde;
 text-decoration: underline;
 font-weight: 500;
}
.chlist-item {
 display: flex;
 justify-content: space-evenly;
 align-items: center;
 gap: 8px;
}
.chlist-item .item_content {
 flex: 1 1 460px;
}
.chlist-item .action .rmv-btn {
 width: 24px;
 height: 24px;
 border: 1px solid;
 border-radius: 4px;
 padding-top: 4px;
 padding-left: 7px;
 box-sizing: border-box;
}
.chlist-item .action {
 margin-top: 8px;
}
.chlist-item .checkbox.checked {
 background-color: #007AFF;
}
.chlist-item .checkbox:hover {
 border-color: #007AFF;
}
.chlist-item .checkbox.checked:after {
 content: "\2714";
 font-size: 12px;
 color: #fff;
	position:absolute;
 font-weight: 500;
 left: 2px;
 top: -1px;
}
.chlist-item .checkbox.checked.thead-checkbox-full:after {
 content: "\2714" !important;
 left: 2px;
 top: -1px !important;
}
.chlist-item .checkbox {
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
 width: 16px;
 height: 16px;
 border: 1px solid rgba(0,0,0,0.2);
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
 background-color: #fff;
}
.input-rule .rule-message {
 flex: 100%;
}
.input-rule .rule-value input:read-only {
 background: #cacaca;
 border: none;
}
.row.-istext.suggested-input .ap.icon-circle-plus {
	position: absolute;
	right: 0 !important;
	top: 12px;
	margin-right: 11px !important;
}
.row.-istextarea.suggested-input .ap.icon-circle-plus {
	position: absolute;
	align-self: auto;
	right: 0 !important;
	top: 15px !important;
	margin-right: 15px !important;
}
.search.base-search input {
	padding-left: 28px !important;
}
.form.-flat .row.suggested-input.-empty-label {
	margin-top: -12px !important;
}
.base-form-row.suggested-input.-no-label {
	margin-top: -20px !important;
}
.base-form-row.suggested-input .ap.icon-circle-plus {
	position: absolute;
	align-self: anchor-center !important;
 right: 11px !important;
 top: 38px !important;
	color: #666;
}
.base-form-row.suggested-input.-no-label .ap.icon-circle-plus {
	position: absolute;
	align-self: anchor-center !important;
 right: 11px !important;
 top: 20px !important;
}
.row.-empty-label.-active .input.field-category {
	align-items: unset !important;
}
.tree-select-wrapper {
	flex-direction: column;
}
.tree-select-wrapper .improve-select .is-display {
	padding-right: 17px !important;
}
.tree-select-wrapper .improve-select .is-item {
	padding: 8px !important;
}
.tree-select-wrapper .improve-select .is-scroll {
	max-height: 250px !important;
}
.tree-select-wrapper .improve-select .is-item::after,
.tree-select-wrapper .improve-select .is-item::before {
	display: none;
}
.tree-select-wrapper .sl-item-wrapper > .-icon {
	top: 8px !important;
}
.tree-select-wrapper .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs
> .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper
> .-icon {
	left: 124px;
}
.tree-select-wrapper .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs
> .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper
> .sl-item-main {
	padding-left: 150px;
}
.tree-select-wrapper .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs
> .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper
> .sl-r {
	left: 124px;
}
.tree-select-wrapper .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs
> .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper
> .sl-subs > .sl-item-wrapper > .-icon {
	left: 154px;
}
.tree-select-wrapper .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs
> .sl-item-wrapper > .sl-subs > .sl-item-wrapper > .sl-subs > .sl-item-wrapper
> .sl-subs > .sl-item-wrapper > .sl-item-main {
	padding-left: 180px;
}

.inline-block{
 display: inline-block;
 vertical-align: top;
}
.fim-subtext{
 color: #616161;
 font-size: 13px;
}
.fi-green{
 color:#129A4B;
}
.fi-red{
 color:#DC4242;
}
.fim-hl-section{
 margin: 10px 10px 0px 10px;
}
.fim-hl{
 flex: 0 0 calc(50% - 10px);
 float: left;
}
.fim-hl-box{
 border: 1px solid #DBDCE1;
 background-color: #fff;
	position:relative;
 height: fit-content;
 display: flex;
 flex-direction: column;
 border-radius: 6px;
}
.fim-hl-box .base-side {
	position:absolute;
 right: 16px;
 top: 10px;
 color: #0A0A0A;
}
.fim-hl-box .base-side .base-button.-pdd {
 color: #aaa;
}
.fim-hl-box .base-side .base-button.-pdd:hover {
 color: #000000 !important;
}
.fim-hl-box .-cmenu {
 right: 0px;
}
.fim-hl-box .fim-hl-name > div {
 display: inline-block;
}
.fim-hl-box .fim-hl-name .ext .base-icon {
	position:relative;
 top: -2px;
 margin-left: 2px;
}
.fim-hl-box .hl-content {
 margin-top: 10px;
}
.fi-db-section .super-table-extra{
 display: none;
}
.fi-db-section .super-table-canvas {
	position:relative;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
 height: 100%;
	border: none;
}
.fi-db-section .super-table-wrapper {
	position:relative;
	border: none;
 height: 100%;
	overflow: auto;
	min-height: 242px;
}
.super-table .super-cell.-tag-block,
.fi-db-section .super-table .super-cell.-tag-block {
	padding: 8px;
}
.super-table-wrapper .base-tag > .-tag-inner,
.fi-db-section .super-table-wrapper .base-tag > .-tag-inner {
	line-height: 16px;
}
.kanban-card .transaction-category-tags .base-tag,
.super-cell.-fit .base-tag,
.fi-db-section .super-cell.-fit .base-tag {
 font-size: 11px;
 padding: 2px 6px;
}
.fi-db-section .db-chart .super-table-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fi-db-section .db-chart .extra-header .super-table-wrapper {
 padding-top: 28px;
}
.fi-db-section .dub-header .super-table{
 margin-top: 28px;
}
.fi-db-section .super-table-wrapper .super-table .thead .fim-ex-th{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:11px;
	position:relative;
 margin-left: -1px;
 background-color: #f8f8f8;
 border: 1px solid rgba(0,0,0,0.1);
 font-weight: 500;
 text-transform: uppercase;
 padding: 6px 8px 7px 8px;
}
.fi-db-section .super-table-wrapper .super-table .thead .fim-ex-th-blank {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:11px;
	position:relative;
 margin-left: -1px;
 background-color: #fff;
 border: 1px solid rgba(0,0,0,0.1);
 font-weight: 500;
 text-transform: uppercase;
 padding: 6px 8px 7px 8px;
 width: 335px;
 text-align: right;
 border-left: none;
}
.fi-db-section .super-table-wrapper .super-table .thead .fim-ex-th-blank,
.fi-db-section .super-table-wrapper .super-table .thead .fim-ex-th{
 border-top: none;
 border-right: none;
}
.fi-db-section.base-section .section-header .base-side {
 right: 0;
 top: -6px;
}
.fi-db-section .base-button.url:hover > span {
	color: #267cde;
}
.fi-db-section .db-chart {
 height: fit-content;
	position:relative;
 padding-bottom: 16px;
}
.fi-db-section .db-chart.-table {
 padding-bottom: 0;
 height: 316px;
}
.fi-db-section .db-chart .highcharts-container {
 margin-top: 16px;
}
.fim-hl-name{
 text-align: left;
 margin-left: 16px;
 margin-top: 16px;
 font-size: 16px;
 font-weight: 500;
 margin-bottom: 16px;
 color: #343434;
}
.fim-hl-name .-txt {
 max-width: 76%;
}
.fim-hl-actual{
 font-size: 34px;
 font-weight: 500;
}
.fim-hl-chart{
 margin: 8px 0px 8px 0px;
 height: 35px;
}
.fim-tabs{
 margin-left: 20px;
}
.fim-tabs .base-side{
 position: absolute;
 right: 20px;
 top: 0px;
}
.fim-tabs .base-tabs .base-tab{
 margin-right: 20px !important;
}
.fim-tabs .base-tabs .base-tab.active {
 color: #136BD3;
 border-bottom: 2px solid #136BD3;
}
.fim-drill{
 margin-left: 10px;
 margin-bottom: 10px;
}
.fim-module-cell{
 text-align: right;
}
.fim-module-chart{
 height: 200px;
}
.base-section.fi-db-section {
 margin: 0;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.base-section.fi-db-section .base-title {
 width: 60%;
}
.base-section.fi-db-section .section-header .base-subtitle {
	padding-right: 110px;
}
.base-section.fi-db-section .section-header,
.fim-hl-box .fim-hl-header {
 border-bottom: 1px solid rgba(33,35,44,.12);
}
.base-section.fi-db-section .section-header {
 padding: 16px 16px;
 min-height: 12px;
 padding-bottom: 12px;
}
.base-section.fi-db-section .section-header .time-filter-section,
.fim-hl-box .fim-hl-header .time-filter-section {
 display: flex;
 margin-top: 14px;
 gap: 18px;
 color: #65686f;
 font-size: 13px;
}
.fim-hl-box .fim-hl-header .time-filter-section {
 margin-top: 2px;
 margin-left: 16px;
 margin-bottom: 10px;
}
.base-section.fi-db-section .section-header .time-filter-section .-period,
.fim-hl-box .fim-hl-header .time-filter-section .-period{
 position: relative;
}
.base-section.fi-db-section .section-header .time-filter-section .base-icon,
.fim-hl-box .fim-hl-header .time-filter-section .base-icon{
 position: relative;
 left: -8px;
 top: 1px;
}
.base-section.fi-db-section .section-header .time-filter-section .base-icon svg,
.fim-hl-box .fim-hl-header .time-filter-section .base-icon svg{
 width: 12px;
 height: 12px;
}
.base-section.fi-db-section .section-header .time-filter-section .base-icon:hover,
.fim-hl-box .fim-hl-header .time-filter-section .base-icon:hover{
 color: #267cde;
}
.fim-hl-box .fim-hl-header {
	position:relative;
}
.fim-hl-box .base-side .base-button.-pdd.-cmenuw .-suffix {
 right: 0;
 text-align: right;
}
.fim-hl-box .base-side .base-button.-pdd.-cmenuw {
 padding-right: 8px;
}
.fim-hl-actual .fim-hl-actual, .fim-hl-actual b {
	font-weight:500;
}
.-color-preview {
 height: 6px;
}
.highcharts-credits {
 display: none !important;
}
.-arap-helper-message {
	font-size:12px;
}
.fim-hl-actual .-box-date-range {
 font-size: 14px;
 color: #242424;
 font-weight: normal;
 background: #fff;
 padding: 12px;
 position: absolute;
 top: 46px;
 left: 16px;
 z-index: 999;
 border: 1px solid #136BD3;
 display: none;
 width: 210px;
 line-height: 18px;
 border-radius: 8px;
}
.fim-hl-actual .-box-date-range::before {
 position: absolute;
 top: -8px;
 left: 22px;
 width: 16px;
 height: calc(16px / 2);
 background: #136BD3;
 clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z');
 content: "";
}
.fim-hl-actual .-box-date-range::after {
 content: "";
 position: absolute;
 width: 8px;
 top: -8px;
 left: 26px;
 height: 8px;
 bottom: 0;
 border-radius: 0 0 2px 0;
 transform: translateY(50%) rotate(-135deg);
 box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
 z-index: 0;
 background: #fff;
}
.fim-hl-actual .fim-hl-value:hover .-box-date-range {
 display: block;
}

.fim-action-icon{
 padding:38px 20px;
	text-align:center;
 color:#aaa;
}
.fim-action-icon .base-icon{
 width:64px;
 height:64px;
 margin:auto;
 color:#888;
	position:relative;
}
.fim-action-icon .base-icon svg{
 width:100%;
 height:100%;
}
.fim-action-icon .base-icon .ap-icon{
	font-size:32px;
}
.fi-db-section .super-table .super-cell .cur .unit {
 position: initial;
}
.fim-hl-actual .fim-hl-value {
 margin-left: 16px;
 display: inline-block;
	font-weight:500;
	position:relative;
}
.fim-hl-actual .fim-hl-change {
 display: inline-block;
 float: right;
 position: relative;
 top: 20px;
 right: 16px;
}
.input-db-data-filter {
 margin-top: -13px;
}
.input-db-data-filter .base-form-row .fr-input {
 padding-top: 4px;
}
.input-db-data-filter .base-form-row .fr-label {
 font-size: 13px;
	font-weight:500;
}
.fi-db-sections {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 11px;
 margin: 10px 10px 0px 20px;
}
.fi-db-sections .db-section-box {
 flex-basis: calc(50% - 5.5px);
 width: calc(50% - 5.5px);
}
.fi-db-section .section-header .base-side .base-icon {
 margin-top: 3px;
 padding: 4px 6px;
 top: -4px;
 margin-left: 12px;
}
.fi-db-section .section-header .base-side .base-icon.active {
 color: #2F3139 !important;
 background: #eff8f9;
 border-radius: 6px;
}
.fi-db-section .section-header .base-side .base-icon:hover {
 color: #2F3139 !important;
}
.fi-db-section .section-header .base-side .base-button.-pdd {
 margin-left: 4px;
}
.detail-page .base-section.fi-db-section .section-header .triangle,
.base-section.fi-db-section .section-header .triangle {
 left: 12px;
	top: 15px;
	width: 12px;
}
.service-page .base-button.-picon.-no-action.-menu-item {
	cursor: auto;
}
.base-section.fi-db-section .section-header.-collapsible {
 padding-left: 30px;
}
.fi-db-section .db-chart .pie {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 height: 100%;
 float: left;
 width: 70%;
}
.fi-db-section .db-chart .t-filter {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 float: left;
 width: fit-content;
 height: 100%;
 padding: 16px;
 padding-top: 6px;
 max-width: 30%;
}
.base-display .db-section-box {
 width: 100%;
 height: fit-content;
}
.base-display .db-section-box .fi-db-section {
 margin: 10px;
}
.base-display .fi-db-section .db-chart {
 height: 600px;
}
.fi-db-section .db-chart .t-filter .fr-label {
 color: #65686f;
 font-weight: 500;
 font-size: 13px;
}
.fi-db-section .db-chart .fi-loading-wrapper {
 margin-top: 16px;
 margin-left: 16px;
}
.fim-hl-box .fi-loading-wrapper {
 margin-left: 16px;
}
.base-change .ci-icon.-up:before {
 color: unset !important;
}
.base-section.fi-db-section .base-title .ext {
 display: inline-block;
 vertical-align: text-top;
 margin-top: 2px;
 margin-left: 2px;
}
.base-section.fi-db-section .base-title .ext .base-tooltip, .fim-hl-box .fim-hl-header .fim-hl-name .ext .base-tooltip {
 z-index: 9999;
}
.-custom-dashboard-menu .section > .title {
 padding-left: 0;
}
.-custom-dashboard-menu .section {
 padding-bottom: 0;
}
.fim-hl-box .fim-hl-content .base-empty-state {
 padding: 0;
 font-size: 12px;
}
.fim-hl-box .fim-hl-content .base-empty-state .-icon {
 margin-bottom: 6px;
 margin-top: 10px;
}
.db-arap .box-body .-details .value .-display-price {
 font-weight: normal;
}
.fi-at-cell .value .pc {
 font-size: 9px !important;
}
.db-cell-detail .db-cell-body {
 padding: 0px 12px;
}


.page-body.dashboard.-compact > .-pb-wrapper {
 max-width: 1360px;
}
.dashboard-section {
 padding: 0px 0 0px 0px;
 margin-right: -5px;
 overflow: hidden;
}
.dashboard-box {
 float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
.dashboard-box.-right {
 float: right;
 height: 100%;
}
.dashboard-section.-fs .dashboard-box {
 height: 350px;
}
.dashboard-section.-fs .dashboard-box.-right {
 height: 700px;
}
.dashboard-section.-sc .dashboard-box {
 height: 390px;
}
.dashboard-section .dashboard-box .inner {
	position:absolute;
 padding: 20px 20px;
 background-color: #fff;
 top:0px;
 left:0px;
 right:10px;
 bottom:10px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border:1px solid rgba(0,0,0,0.1);
 -moz-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.03);
 -webkit-box-shadow: 0 2px 5px 0px rgba(0,0,0,0.03);
 box-shadow: 0 2px 5px 0px rgba(0,0,0,0.03);
}
.dashboard-box.-right .inner {
 right: 10px;
}
.dashboard-section .dashboard-box .box-header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dashboard-section .dashboard-box .box-header .base-title {
	font-size:18px;
	font-weight:500;
 line-height: 20px;
}
.dashboard-section .dashboard-box .box-header .base-side {
	position:absolute;
 top: 10px;
 right: 20px;
}
.dashboard-section .dashboard-box .box-body {
 padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
 top:40px;
 left:0px;
 right:0px;
 bottom:0px;
}
.dashboard-box.-gs .box-body .graph .base-graph{
 height: 220px;
 margin: 0px -10px;
}
.dashboard-box .box-body .stats {
 display: flex;
 gap: 20px;
 padding-bottom: 10px;
 justify-content: space-between;
}
.stats-item .label {
	font-size:14px;
 line-height: 16px;
 color: #929292;
 padding-bottom: 10px;
}
.stats-item .value {
	font-size:20px;
	font-weight:bold;
 line-height: 16px;
}
.stats-item .exp {
	font-size:14px;
 line-height: 16px;
 color: #929292;
 padding-top: 10px;
}
.exp .exp-line {
 padding-bottom: 5px;
}
.stats .stats-item {
 flex-shrink: 0;
 flex-grow: 0;
}
.stats-item .display-field {
 padding-bottom: 10px;
}
.stats-item .display-field .field-label {
	font-size:14px;
 line-height: 16px;
 color: #929292;
}
.stats-item .display-field .field-value {
	font-size:16px;
}
.stats.-five-cols .stats-item {
 flex-basis: 20%;
}
.stats.-two-cols .stats-item {
 flex-basis: 50%;
}
.stats-item .exp .change {
 color: black;
}
/* Cash Balance */
.dashboard-box .box-body .overall {
 padding-bottom: 8px;
}
.dashboard-box .box-body .account-li.-cash-account-list {
	position:absolute;
 left: 20px;
 top: 156px;
 bottom: 20px;
 right: 20px;
 overflow: hidden;
}
.overall .display-field {
 padding-bottom: 24px;
}
.overall .display-field .field-label {
	font-size:14px; @thickl
line-height: 16px;
 color: #616161;
 padding-bottom: 12px;
}
.overall .display-field .field-value {
	font-weight:bold;
	font-size:16px;
 line-height: 16px;
}
.overall .display-field .field-value .focus {
	font-size:20px;
 line-height: 20px;
 color: #1E88E5;
}
.account-li .account-item {
 padding: 16px;
 background: #F5F5F580;
 margin-top: 12px;
}
.account-li .account-item .inline-display {
 padding-bottom: 12px;
}
.account-li .account-item .inline-display .fi-inline-field-label {
 width: 111px;
}
.account-li .account-item .inline-display .fi-inline-field-value {
 margin-left: 111px;
 text-align: right;
}
.overall .display-field:last-child {
 padding-bottom: 0px;
}
.account-item .ai-body {
 padding-top: 16px;
}
.account-item .ai-header {
	font-size:14px;
 line-height: 16px;
 color: #424242;
 font-weight: 400;
}
.header-title .base-title {
 padding-left: 28px;
 padding-top: 5px;
}
.arap-pie-chart {
 display: flex;
 gap: 50px;
}
.arap-pie-chart .base-graph, .arap-pie-chart .space{
 flex-basis: 40%;
}
.arap-pie-chart .db-legends, .arap-pie-chart .display-field {
 flex-basis: 60%;
}
.arap-pie-chart .db-legends .db-legend {width: 100%;}
.arap-pie-chart .db-legends .db-legend .lg-label {
 display: block;
 width: 100%;
 text-align: left;
}
.arap-pie-chart .db-legends .db-legend .lg-label > * {
 display: inline-block;
}
.base-empty-state.-sm .-icon {
 width: 24px;
 height: 24px;
 margin-bottom: 12px;
}
.base-empty-state.-empty-dashboard .-icon {
 width: auto;
 height: auto;
}
.base-empty-state.-empty-dashboard {
 margin-top: 200px;
}
.base-empty-state.-empty-dashboard .-title {
	font-size:32px;
	font-weight:500;
 color: #242424;
}
.base-empty-state.-empty-dashboard .-text {
 color: #616161;
	font-size:18px;
 font-weight: 400;
}
.-db-aged .-overview .label {
 color: #6c7184;
 font-size: 11px;
 position: absolute;
 top: 14px;
 left: 20px;
}
.-db-aged .-overview .label .cur {
 display: inline-block;
}
.-db-aged .-overview {
 padding-bottom: 4px !important;
 border-bottom: 1px solid #ebeaf2;
}
.db-arap .box-body {
 padding: 0 !important;
}
.db-arap .box-body .-overview, .db-arap .box-body .-details {
 padding: 20px;
}
.db-arap .box-body .-details {
 display: flex;
 justify-content: space-between;
 gap: 20px;
 padding-bottom: 16px;
}
.db-arap .box-body .-details .label {
	font-size:11px;
	font-weight:500;
 text-transform: uppercase;
 margin-bottom: 4px;
}
.db-arap .box-body .-details .value {
	font-size:20px;
 color: #212529;
}
.db-arap .box-body .-details .-current .label {
 color: #408dfb;
}
.db-arap .box-body .-details .-overdue .label {
 color: #FF95B3;
}
.db-arap .box-body .-details .value b {
 font-weight: normal;
}
.db-arap .box-body .-details .-current::after {
 content: "";
	position:absolute;
 width: 1px;
 background: #ebeaf2;
 right: 0px;
 top: -8px;
 bottom: -8px;
}
.db-arap .box-body .-details .-current {
	position:relative;
}
.db-arap .box-body .-details .-current, .db-arap .box-body .-details .-overdue {
 flex-basis: 50%;
}
.db-arap .dashboard-box .inner {
 height: 164px;
}
.db-arap .dashboard-box .inner .-helper-info {
 padding-left: 20px;
	font-size:11px;
 color: #757575;
}
.base-button.btn-export-arap-transaction {
 padding: 0;
 padding-top: 12px;
 font-weight: normal;
 color: #666;
 cursor: pointer;
}
.base-button.btn-export-arap-transaction:hover {
 text-decoration: underline;
 color: #267cde;
}
.-db-aged .text-explain .-box {
 width: 400px;
}
.-db-aged .text-explain .-box > div {
 display: inline-block;
}
.db-arap .box-header .base-title {
 cursor: pointer;
}


.fi-db-period-filter .-txt,
.fi-db-view-by-time .-txt {
 color: #65686f;
 font-weight: normal;
}
.fi-db-period-filter, .fi-db-view-by-time {
 padding: 0;
 height: fit-content;
 padding-right: 24px !important;
}
.fi-db-period-filter .-suffix, .fi-db-view-by-time .-suffix {
 top: -2px;
 right: 0;
}
.fi-db-period-filter .-cmenu, .fi-db-view-by-time .-cmenu {
 top: 15px;
}
.fi-db-period-filter .-cmenu {
 right: unset;
 max-height: 100vh;
 overflow-y: auto;
}
.fi-db-period-filter:hover .-txt, .fi-db-view-by-time:hover .-txt,
.-view-level-wrapper .-content .improve-select.active .is-display, 
.-view-level-wrapper .-content .improve-select.active .is-display:after {
 color: #267cde;
}
.fi-db-period-filter .-cmenu:before, .fi-db-view-by-time .-cmenu:before {
 top: -10px;
 height: 10px;
}
.-view-level-wrapper .-label, .-view-level-wrapper .-content {
 display: inline-block;
}
.-view-level-wrapper .-content .improve-select {
 border: none;
 height: fit-content;
}
.-view-level-wrapper .-content .improve-select .is-display {
 padding: 0;
 font-size: 13px;
}
.base-section.fi-db-section .section-header .time-filter-section .-view-level .is-display .ap-xdot {
 max-width: 150px;
}
.-view-level-wrapper {
 display: flex;
 gap: 4px;
 position: relative;
}
.-view-level-wrapper::after {
 content: "";
 position: absolute;
 width: 200px;
 height: 16px;
 bottom: -16px;
 left: 0;
}
.-view-level-wrapper .-content .improve-select .is-display:after {
 top: -2px;
 right: -16px;
 font-family: FontAwesome;
 content: "\f0dd";
 font-size: 14px;
 color: #65686f;
 opacity: 1;
}
.-view-level-wrapper .-content .improve-select .is-box {
 min-width: 500px;
 left: -98px;
 top: 26px;
}
.fi-db-section .db-chart .t-filter select {
 padding-left: 0;
 font-size: 13px;
}
.base-section.fi-db-section .section-header .time-filter-section em, .fim-hl-box .fim-hl-header .time-filter-section em {
 font-weight: 500;
}
.base-section.fi-db-section .section-header .time-filter-section {
 gap: 4px;
}
.base-section.fi-db-section .section-header .time-filter-section .-view-level {
 margin-right: 24px;
}
.base-section.fi-db-section .section-header .time-filter-section .-drill-down-by {
 display: flex;
 align-items: end;
}
.base-section.fi-db-section .section-header .time-filter-section .-drill-down-by .fi-checkbox {
 margin-left: 6px;
 width: 14px;
 height: 14px;
}
.base-section.fi-db-section .section-header .time-filter-section .-drill-down-by .fi-checkbox .-fcb:before {
 top: 2px;
 left: 2px;
 font-size: 8px;
}
.-actual_budget.custom-line-chart .-actual_budget_split_cost_revenue .base-form_rows {
 grid-template-columns: 1fr 1fr 1fr;
}
.-actual_budget.custom-line-chart .-actual_budget_split_cost_revenue .base-form_rows .base-form-row {
 padding-bottom: 0;
}
.filter-section {
	display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
	.filter-date {
 padding-left: 32px;
 width: fit-content;
	}
	.object-filter-list-wrapper {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
 gap: 8px;
	}
	.filter-daterange .fd-comp {
 border-radius: 6px;
	}
	.filter-daterange {
 min-width: 170px;
 box-shadow: 0px 1px 2px 0px #1018280D;
	}
	.lds-grid {
 display: none;
	}
	&.-loading .lds-grid {
 display: block;
 right: 32px;
	}
	&.-loading .object-filter-list-wrapper {
 display: none;
	}
}

.setting-main {
	background-color: #f5f5f5;
	position:absolute;
	top: 83px;
	bottom: 0;
	left: 0;
	right: 0;
	.integrations-wrapper {
 max-width: 720px;
 margin: 0 auto;
	}
	.integrations-section {
 margin-bottom: 32px;
	}
	.integrations-section:last-child {
 margin-bottom: 0;
	}
	.integrations-header {
 margin-bottom: 20px;
	}
	.integration-card + .integration-card {
 margin-top: 12px;
	}
	.integrations-title {
 font-size: 18px;
 font-weight: 600;
 color: #1f2937;
	}
	.integrations-subtitle {
 font-size: 13px;
 color: #6b7280;
 margin-top: 6px;
 line-height: 1.5;
	}
	.integration-card {
 display: flex;
 align-items: center;
 background: #ffffff;
 border: 1px solid #e5e7eb;
 border-radius: 12px;
 padding: 20px 24px;
 gap: 20px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.04);
 transition: box-shadow 0.15s ease;
	}
	.integration-card:hover {
 box-shadow: 0 2px 6px rgba(0,0,0,0.07);
	}
	.integration-card-icon {
 width: 48px;
 height: 48px;
 background: #f3f4f6;
 border-radius: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #2c85dd;
 flex-shrink: 0;
	}
	.integration-card-body {
 flex: 1;
 min-width: 0;
	}
	.integration-card-title {
 font-size: 15px;
 font-weight: 600;
 color: #1f2937;
 margin-bottom: 4px;
	}
	.integration-card-desc {
 font-size: 13px;
 color: #4b5563;
 line-height: 1.5;
	}
	.integration-card-hint {
 font-size: 12px;
 color: #9ca3af;
 margin-top: 4px;
 line-height: 1.5;
	}
	.integration-card-toggle {
 flex-shrink: 0;
	}
}
.setting-main .row-title {
	padding-left: 44px;
}
.setting-main .cell-lead .base-button.-picon.-no-action.-menu-item {
	left: 0;
}
.service-listing {
	position:absolute;
	top: 96px;
	left: 100%;
	right: 0px;
	bottom: 0px;
	transition: left 0.3s, right 0.3s;
}
.service-flowchart {
	position:absolute;
	top: 83px;
	left: 0;
	right: 100%;
	bottom: 0px;
	transition: left 0.3s, right 0.3s;
}
.service-listing.active,
.service-flowchart.active {
	left: 0;
	right: 0;
	transition: left 0.3s, right 0.3s;
}
.service-listing .base-pagination {
	display:none;
}
.service-listing.active .base-pagination {
	display:block;
}
.-full-size-block,
iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.display-obj .master-main {
	position:absolute;
	left: 0px;
	top: 50px;
	right: 0px;
	bottom: 0px;
	overflow-x: auto;
	overflow-y: auto;
}
.display-obj .master-main {
	border-radius: 0 0 6px 6px;
}
.display-obj .master-main.-with-title {
	top: 136px;
}
.display-obj .display-cover.embedded-cover .base-side {
	right: 20px;
}
.display-obj .display-field {
	padding-bottom: 15px;
}
.master-main.-gray {
	background-color: #f5f5f5;
	height: -webkit-fill-available;
}
.master-main .parent-drawflow {
	margin-right: 0;
	margin-left: 0;
	margin: 8px;
 border-radius: 8px;
	height: calc(100% - 16px);
}
.master-main.-embedded .parent-drawflow {
	margin: 0;
	height: calc(100%);
}
.base-section.card-item .section-header .base-title,
.base-section.create-flowy .section-header .base-title,
.base-section.flow-block-item .section-header .base-title {
	font-size:14px;
	cursor: pointer;
	font-weight: 400;
}
.master-header .master-header-actions {
	width: 176px;
}
.master-header .right-bar .base-button-dd {
	padding: 5px 7px;
	border-radius: 6px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.base-side .base-button.icon-only {
	display: inline-block;
	padding: 10px;
	height: auto;
	margin-top: auto;
}
.base-section .section-header .base-side > div {
	margin-left: 5px;
}
.base-section .base-side .base-button-dd.add-block-opts {
	position:absolute;
	display:none;
 left: 54px;
 top: 3px;
 padding: 12px;
 background: white;
 border-radius: 50%;
 border: 1px solid #ddd;
}
.start-block .base-section .base-side .base-button-dd.add-block-opts {
	left: 10px;
}
.-reverse .base-section .base-side .base-button-dd.add-block-opts {
	left: auto;
	right: 54px;
}
.selected .base-section .base-side .base-button-dd.add-block-opts {
	display:block;
}
.base-button-dd.add-block-opts span.-icon-svg {
	position:absolute;
 top: -8px;
 left: -8px;
}
.drawflow .base-button-dd.add-block-opts svg {
	padding: 12px;
}
.base-section .base-side .base-button-dd.add-block-opts:hover {
	color: #1E88E5;
 border-color: #1E88E5;
}
.base-section.block-box .section-header .base-side {
	position:absolute;
 top: 0px;
	right: -12px;
 padding-right: 12px;
}
.-reverse .base-section.block-box .section-header .base-side {
	right: auto;
	left: -45px;
	padding-right: 0;
 padding-left: 40px;
}
.base-side .base-button.icon-only .-icon {
	top: 1px;
	left: 2px;
}
.page-header .base-side>div {
	margin-left: 10px;
	float: left;
	position: relative;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 32px;
}
.page-header .base-side .-cmenu {
	right: 0px;
}
.main-page {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position:absolute;
	top: 109px;
	right: 360px;
	overflow: auto;
}
.main-page .page-detail {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	right: 360px;
}
.center-block .display-field .field-label {
	display:inline-block;
	font-size:14px;
	vertical-align: baseline;
	line-height: 20px;
	color:#666666;
}
.center-block .display-field .field-value {
	display:inline-block;
	vertical-align: baseline;
	font-size:16px;
	font-weight:bold;
	line-height: 20px;
}
.center-block .display-field .field-value>span {
	display:inline-block;
	vertical-align: middle;
}
.base-section .base-button.st {
	height: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.base-section.card-item.-no-border .section-header {
	padding: 0;
	padding-bottom: 10px;
}
.base-section.dragging {
	position: fixed;
	cursor: pointer;
}
.base-button.-condition .-icon .-icon-svg {
	transform: rotate(315deg);
	width: 30px;
	height: 33px;
}
.base-info .base-button {
	display: inline;
	font-size: 11px;
	padding: 5px;
}
.base-section .section-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.input-disabled {
	pointer-events: none;
}
.input-disabled .improve-select .is-display:after {
	display:none;
}
.input-disabled .add-row {
	display:none;
}
.input-disabled .condition-item .base-table tbody .input-value .cell,
.input-disabled .condition-item .base-table tbody .input-value .cell-lead {
	padding-right: 0;
}
.base-section.-no-border {
	border: none;
	box-shadow: none;
	background-color: inherit;
}
.base-section.-no-border.progress-section:last-child {
	margin-bottom: 120px;
}
.base-section .section-header.-no-border {
	border: none;
	box-shadow: none;
}
.display-section .base-logs .base-log .-bl-icon {
	left: 46px;
}
.block-title {
	display: flex;
	align-items: center;
	padding-right: 28px;
	&.no-status {
 width: calc(100% - 300px);
	}
}
.block-title .back {
	position:absolute;
 color:#888;
	font-size:24px;
 top: 12px;
 left: 12px;
}
.block-title .menu-btn {
	border-radius: 6px;
	width: 172px;
	min-width: 172px;
	background-color: #F5F5F5;
	color:#242424;
	text-decoration: none;
	text-transform: none;
	border: 1px solid #F5F5F5;
}
.master-filters {
	border-radius: 12px;
}
.master-filters .base-button .-cmenu {
	min-width: 244px;
}
.block-title .menu-btn.base-button .-cmenu {
	left: 0;
	right: auto;
	width: 158px !important;
}
.-no-sub .block-title .back {
	top: -4px;
	left: -12px;
}
.base-side .close {
	position:absolute;
	font-size: 24px;
	color: #888;
	left: 0;
	top: 8px;
}
.condition-item .base-table-wrapper {
	box-shadow: none;
}
.-cmenu .-item-sep:last-child {
	display:none;
}
.display-obj-multi .display-field.logged-flow {
	margin-left: 5px;
}
.flowchart.fit {
	position:absolute;
	top: 0;
	right: 360px;
	bottom: 0;
	left: 0;
	overflow: auto;
}
.prevent-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: box-shadow, height;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.05, .03, .35, 1);
}
.block-detail .display-cover .base-block.-pavatar .icon,
.display-cover .base-button.-picon.-no-action.-menu-item {
	left: -45px;
	top: 4px;
	position:absolute;
}
.cell-lead .base-button.-picon.-no-action.-menu-item {
	left: -45px;
}
.cell-lead .base-block.-pavatar .icon {
	position:relative;
	left: -90px;
	top: 0;
}
.main-flow.scroll-x.scroll-y.-gray.-view-only {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.main-flow .parent-drawflow {
	margin-right: 0;
}
.display-obj-multi.-fs {
	padding-bottom: 0;
}
.detail-header.ticket-header {
	width: 100%;
	margin-bottom: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.ticket-header-detail .detail-header.ticket-header:first-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 padding-bottom: 24px;
 padding-top: 24px;
 margin-bottom: 0;
 margin-left: 28px;
	width: calc(100% - 28px);
}
.ticket-header-detail .detail-header.ticket-header:first-child .block-title .base-title {
	bottom: -4px;
 position: relative;
	line-clamp: 1;
 -webkit-line-clamp: 1;
}
.ticket-header-detail .detail-header.ticket-header:first-child .block-title.-single .base-title {
	margin-top: -20px;
}
.detail-header.service-header {
	padding-top: 8px;
	margin-bottom: 12px;
}
.report-detail-header .service-header .base-icon {
	top: 3px;
	left: -3px;
}
.detail-header.ticket-header .base-side {
	position:relative;
	top: 0;
	right: 0;
	width: 100%;
	max-width: max-content;
	display: flex;
}
.ticket-header .base-button:hover {
	border: 1px solid #1E88E5 !important;
	color: #1E88E5;
}
.ticket-header .cta-action-buttons .base-button.general-icon:hover .-icon,
.ticket-header .cta-action-buttons .-cta.base-button:hover .-icon {
	color: #ffffff;
}
.ticket-header .cta-action-buttons .base-button:hover .-icon,
.ticket-header .cta-action-buttons .-sub-btn.base-button:hover .-icon{
	color: #1E88E5;
}
.ticket-header .base-button.-picon.active {
	padding-left: 32px;
}
.ticket-header .base-button.-service-tab {
 border-color: transparent;
 box-shadow: none;
}
.ticket-header .base-button.-service-tab:hover,
.ticket-header .base-button.-service-tab.active {
 padding-left: 32px;
 border: none !important;
 border-bottom: 2px solid #1E88E5 !important;
 border-left: 1px solid transparent !important;
 border-right: 1px solid transparent !important;
 border-radius: 0;
}
.ticket-header .base-button.-cta:hover {
 background-color: #42b814 !important;
 border-color: #3ba710 !important;
	color: #ffffff !important;
}
.ticket-header .base-button.-success:hover {
	color: #ffffff !important;
 border-color: #3ba710 !important;
}
.ticket-header .base-button.-danger:hover {
	color: #ffffff !important;
 border-color: #bf4444 !important;
}
.detail-header.ticket-header .block-title .base-title {
	font-size:20px;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 12px;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
	padding-left: 0;
}
.detail-header.ticket-header .block-title .base-title .url:hover {
	color:#1E88E5;
}
.display-obj .detail-header.ticket-header .block-title .base-title {
	padding-left: 0;
}
.detail-header.service-header .block-title .base-title {
	padding-left: 12px;
	line-clamp: 1;
 -webkit-line-clamp: 1;
	width: 100%;
}
.detail-header.service-header .block-title .base-title.service-sub-title {
	padding: 0;
	font-size: 16px;
	display: inline-block;
	max-width: 50%;
	max-width: calc(100% - 200px);
 width: fit-content;
}
.block-title .transaction-categories-wrapper.-edit {
	padding-left: 28px;
}
.transaction-categories-wrapper .base-button.base-tag .-cmenu .-item {
	position: relative;
 z-index: 1;
 max-width: 360px;
 height: fit-content;
}
.transaction-categories-wrapper .base-tags .-cmenu .-item .base-tag {
	float: left;
 margin: 2px;
}
.block-title .base-button.btn-edit-category-transaction {
	padding-left: 0;
}
.base-logs .base-log .-bl-icon {
	top: 12px;
	left: 46px;
}
.base-form-row.fixed-data .fr-input textarea,
.form.-flat .fixed-data .input textarea {
	background: #ecf8e7;
	border: none;
	padding: 12px;
	min-height: 76px;
}
.form.-flat .fixed-data.-light-color .input textarea {
 background: #eee;
	max-height: 40px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-dialog .sample-note {
	border-radius: 6px;
	text-align: left;
	padding: 12px;
	margin-bottom: 20px;
	background: #ecf8e7;
	margin-top: -8px;
	display: flex;
	gap: 8px;
	justify-content: flex-start;
	flex-direction: column;
	font-size: 13px;
}
.form-dialog .-transformer .sample-note {
 margin-top: 8px;
 margin-bottom: 8px;
}
.form-dialog .sample-note .base-icon-stat {
	margin: 4px 0px;
}
.form-dialog .sample-note .sample-row {
	display: flex;
	gap: 28px;
	justify-content: flex-start;
	align-items: flex-start;
	position:relative;
}
.form-dialog .sample-note.-xl .sample-key {
	flex: 0 0 320px;
}
.form-dialog .sample-note .sample-key {
	font-weight: 500;
	color:#c34343;
	position:relative;
	display: inline-block;
	flex: 0 0 240;
}
.form-dialog .sample-note.-suffix-guide .sample-key {
	flex: 0 0 320px;
}
.form-dialog .sample-note .sample-key:after {
	content: " - ";
	color:#888;
	position:absolute;
	right: -16px;
	top: 0px;
}
.form-dialog .sample-note .sample-val {
	display: inline-block;
	color: #888;
	font-weight: 450;
}
.form-dialog .sample-note .sample-val span {
	display: block;
 font-weight: 400;
 margin-left: 12px;
 margin-top: 4px;
}
.cell.-inactive .input-objs,
.cell.-inactive .input-ext,
.cell.-inactive input,
.cell.-inactive textarea,
.cell.-inactive select,
.cell.-inactive input,
.cell.-inactive textarea,
.cell.-inactive select,
.cell.-inactive .improve-select .is-display,
.display-field .input-value.-empty .input-objs,
.display-field .input-value.-empty input,
.display-field .input-value.-empty textarea,
.display-field .input-value.-empty select,
.display-field .input-value.-empty input,
.display-field .input-value.-empty textarea,
.display-field .input-value.-empty select,
.display-field .input-value.-empty .improve-select .is-display,
.display-field .input-value.-not_empty .input-objs,
.display-field .input-value.-not_empty input,
.display-field .input-value.-not_empty textarea,
.display-field .input-value.-not_empty select,
.display-field .input-value.-not_empty input,
.display-field .input-value.-not_empty textarea,
.display-field .input-value.-not_empty select,
.display-field .input-value.-not_empty .improve-select .is-display,
.form.-flat .row.-inactive .input-objs,
.form.-flat .row.-inactive .input input.std,
.form.-flat .row.-inactive .line-form,
.form.-flat .row.-inactive .input textarea.std,
.form.-flat .row.-inactive .select select.std,
.form.-flat .row.-inactive .input input,
.form.-flat .row.-inactive .input textarea,
.form.-flat .row.-inactive .select select,
.form.-flat .row.-inactive .input-switch-container,
.form.-flat .row.-inactive .improve-select .is-display {
	pointer-events: none;
	background-color: #f1f1f1;
}
.form.-flat .row.-inactive .input-objs .input-add-more {
	display:none;
}
.display-field .input-value.-empty .input-objs,
.display-field .input-value.-empty input,
.display-field .input-value.-empty textarea,
.display-field .input-value.-empty select,
.display-field .input-value.-empty input,
.display-field .input-value.-empty textarea,
.display-field .input-value.-empty select,
.display-field .input-value.-empty .improve-select .is-display,
.display-field .input-value.-not_empty .input-objs,
.display-field .input-value.-not_empty input,
.display-field .input-value.-not_empty textarea,
.display-field .input-value.-not_empty select,
.display-field .input-value.-not_empty input,
.display-field .input-value.-not_empty textarea,
.display-field .input-value.-not_empty select,
.display-field .input-value.-not_empty .improve-select .is-display,
.cell.-inactive .input-objs,
.cell.-inactive input,
.cell.-inactive textarea,
.cell.-inactive select,
.cell.-inactive .input-ext,
.cell.-inactive textarea,
.cell.-inactive select,
.cell.-inactive .improve-select .is-display {
	color: transparent;
}
.display-field .input-value.-not_empty input::placeholder,
.display-field .input-value.-empty input::placeholder,
.cell.-inactive input::placeholder {
	opacity: 0;
}
.detail-page.flex-column {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: start;
	padding-top: 20px;
	.menu-section {
 width: calc(100% - 64px);
 padding: 20px 20px 0;
 display: flex;
 flex-direction: row;
 align-items: stretch;
 justify-content: space-between;
 .base-button {
 margin: 20px;
 width: 100%;
 display: flex;
 height: 60px;
 flex-direction: row;
 align-items: center;
 justify-content: flex-start;
 gap: 12px;
 font-size: 13px;
 .-icon {
 position: relative;
 top: 0;
 left: 0;
 zoom: 1.2;
 }
 &.url:hover > span {
 color: #1E88E5;
 }
 }
	}
}

.block-box:hover {
 box-shadow: 0px 4px 30px rgba(22, 33, 74, 0.08);
}
.-extend > .block-box.base-section {
	width: 600px;
}
.drawflow-node > .-extend-section {
	width: 600px;
 height: 400px;
	@absolrelativeute;
	top: 0;
	opacity: 1;
	background: #ffffff;
}
.drawflow-node.-blur2 > .-extend-section {
	opacity: 0.1;
}
.-extend.parent-drawflow {
	background-color: #e3e3e3;
	margin: 0px;
 border-radius: 6px;
}
.-no-input .block-box.base-section,
.-no-output .block-box.base-section {
	border-radius: 50px;
}
.block-box.base-section {
	padding: 0;
	width: 212px;
 max-height: fit-content;
 max-width: -webkit-fill-available;
	border-radius: 6px;
	margin: 0;
	border: none;
	display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
	gap: 0;
}
.group-block .block-box.base-section {
	width: 380px;
}
.base-section.block-box .section-header {
 border-bottom: none;
	box-shadow: none;
 padding-right: 0;
	width: calc(100% - 20px);
}
.-view-only:not(:has(.start-block)) .base-section.block-box.-ava1 .section-header,
.ticket-block .base-section.block-box.-ava1 .section-header {
	width: calc(100% - 40px);
}
.-view-only:not(:has(.start-block)) .base-section.block-box .section-header,
.ticket-block .base-section.block-box .section-header {
	width: calc(100% - 20px);
}
.-view-only.start-block .base-section.block-box .section-header,
.-view-only .start-block .base-section.block-box .section-header {
	width: calc(100% - 20px);
}
.approval-block .-view-only .base-section.block-box .section-header {
	width: calc(100% - 20px);
}
.task-block .-view-only .base-section.block-box .section-header,
.condition-block .-view-only .base-section.block-box .section-header {
	width: calc(100% - 32px);
}
.base-section.block-box.-fx .section-header {
	padding-left: 10px;
}
.base-section.block-box .section-header .base-title {
	position:relative;
	font-size:14px;
 font-weight: 400;
	width: 116px;
}
.base-section.block-box .section-header .base-title span {
	white-space: normal;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
}
.standard-block-output .base-section.block-box .section-header .base-title span {
	-webkit-line-clamp: 1;
 line-clamp: 1;
}
.-view-only .base-section.block-box .section-header .base-title {
	width: 120px;
}
.-view-only:not(.ticket-block.-view-only) .base-section.block-box .section-header .base-title,
.-view-only .-automated .base-section.block-box .section-header .base-title {
	width: 140px;
}
.-view-only:not(.ticket-block.-view-only) .base-section.block-box.-ava2 .section-header .base-title {
	width: 120px;
}
.-view-only:not(.ticket-block.-view-only) .group-block .base-section.block-box .section-header .base-title,
.group-block .base-section.block-box .section-header .base-title {
 width: 276px;
}
.base-section.block-box .section-header .base-icon.show-more-icon {
	position:absolute;
	left: auto;
 right: 0;
 top: 8px;
 scale: 0.8;
}
.start-block .base-section.block-box.service-block .section-header .base-title {
	width: 144px;
}
.start-block .base-section.block-box.repeat-block .section-header .base-title {
	width: 144px;
}
.start-block .base-section.block-box .section-header .base-title {
	width: 100%;
	min-width: 72px;
	width: 84px;
}
.end-block .base-section.block-box .section-header .base-title {
	width: 71px;
}
.-extend > .base-section > .section-header > .-inner {
	justify-content: flex-start;
}
.-extend > .base-section > .section-header > .-inner > .base-title {
	width: 496px;
}
.block-box.base-section .section-header > .-inner {
	display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-start;
	gap: 0;
	height: 32px;
	width: calc(100%);
}
.-reverse:not(.standard-block-output) .block-box.base-section .section-header > .-inner {
	flex-direction: row-reverse;
}
.-reverse:not(.standard-block-output) .base-section.block-box .section-header {
	padding-left: 0;
	width: 100%;
}
.-reverse:not(.standard-block-output) .base-section.block-box .section-header .base-title {
	text-align: right;
}
.block-box.base-section.-endpoint .section-header > .-inner {
	width: calc(100% + 16px);
}
.block-box.base-section .section-header .icon {
	position:relative;
 left: -45px;
 top: 0;
}
.block-box.base-section .section-header .-icon {
 left: -8px;
	top: 0;
	position:relative;
}
.base-section.block-box .section-header .base-block.-pavatar{
	left: 0;
 top: -16px;
	position:relative;
}
.ticket-block .block-box .section-header .base-block.-pavatar {
	padding-left: 0;
	padding-right: 12px;
}
.ticket-block.-automated .block-box .section-header .base-block.-pavatar {
	padding-left: 40px;
}
.-reverse .base-section.block-box .section-header .base-block.-pavatar {
	padding-left: 57px;
}
.-reverse .base-section.block-box .section-header .base-block.-pavatar .base-button {
	left: 8px;
}
.-reverse .ticket-block .block-box .section-header .base-block.-pavatar {
	padding-left: 12px;
	padding-right: 12px;
}
.-reverse .ticket-block.-automated .block-box .section-header .base-block.-pavatar {
 padding-left: 60px;
 padding-right: 0px;
}
.ticket-block .block-box .base-avatars .inline-avatar.-cmenuw-active {
 margin-right: 4px;
}
.ticket-block .base-avatars .inline-avatar > .-cmenu .-item:hover {
	color:#343434;
}
.ticket-block .block-box .section-header .base-user .base-user-name,
.ticket-block .block-box .section-header .base-user .base-user-info {
	display:none;
}
.standard-block-output .block-box .section-header .base-side {
	position:absolute;
 top: -1px;
 left: -28px;
}
.standard-block-output.-reverse .block-box .section-header .base-side {
	position:absolute;
 top: -1px;
 left: -20px;
}
.standard-block-output .base-section .base-side .base-button-dd.add-block-opts {
	left: 80px;
}
.standard-block-output.-reverse .base-section .base-side .base-button-dd.add-block-opts {
 right: 80px;
	left: auto;
}
.standard-block-output .base-section .section-header .base-side .-cmenu {
	left: 0;
	right: auto;
}
.simple-flowchart .drawflow-node .block-box.base-section .section-body {
	display:none;
}
.block-box.base-section .section-body .flex-col {
	flex-direction: column;
	border: none;
	height: fit-content;
}
.standard-block-output .-working .block-box.base-section,
.standard-block-output .block-box.base-section {
	width: 0;
 min-width: 72px;
	background: transparent;
	border: none;
	box-shadow: none;
}
.standard-block-output .-working .block-box .base-button.-menu-item {
	border-color: #1E88E5 !important;
}
.drawflow .drawflow-node.standard-block-output:hover,
.drawflow .drawflow-node.standard-block-output.selected,
.drawflow .drawflow-node.standard-block-output {
	border: none;
	box-shadow: none;
	background: transparent;
}
.standard-block-output .base-section.block-box .section-header .base-title {
	position:absolute;
	font-size:13px;
 top: -32px;
 left: -14px;
 color: #888;
 font-style: italic;
 line-height: 16px;
	width: 400%;
}
.start-block .block-box.base-section {
	width: 175px;
	border-radius: 50px;
	background-color: #1E88E5;
	background-color: #267cde;
	color:#ffffff;
}
.block-wrapper + .border-bottom {
	position:absolute;
 width: 480px;
 height: 1px;
 background: #ccc;
 left: -40px;
 bottom: -12px;
}
.start-block.-extend .block-box.base-section {
	width: 500px;
}
.start-block .block-box.base-section.ticket-block,
.start-block .block-box.base-section.service-block,
.start-block .block-box.base-section.repeat-block {
	width: 250px;
}
.start-block .block-box.base-section .base-button-dd {
	color:#bdcee3;
}
.active-block .block-box.base-section {
	background-color: #eebdad;
	color:#ffffff;
}
.end-block .block-box.base-section {
	width: 175px;
	border-radius: 50px;
	background-color: #dfeed8;
	color:#11a100;
}
.start-block .block-box.base-section .text-sub,
.end-block .block-box.base-section .text-sub {
	position:absolute;
 top: -55px;
}
.end-block .block-box.base-section .output {
	display:none;
}
.-ended .block-box.base-section {
	background-color: #dfeed8;
 color:#11a100;
}
.-removed .block-box.base-section {
	background: #ddd;
}
.ticket-block .base-section .section-header .base-info {
	display:none;
}
.ticket-block .block-box.base-section .base-avatars {
	position:relative;
 left: -4px;
 top: 16px;
 width: 100%;
}
.ticket-block:not(.-automated) .block-box.base-section .section-header > .-inner {
	justify-content: flex-start;
}
.base-section.flow-block-item .section-header > .-inner {
	display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-start;
 gap: 8px;
 width: calc(100% - 12px);
	height: 34px;
}
.flow-block-item .base-button.-picon.-no-action.-menu-item .-icon {
	position:relative;
 top: -2px;
 left: 0;
 height: 24px;
 width: 24px;
}
.flow-block-item .base-button.-picon.-no-action.-menu-item {
	position:relative;
	border-radius: 50%;
	padding: 0;
	top: 0px;
	left: 0px;
	cursor: move;
	height: 24px;
	width: 24px;
}
.field-value .block {
	position: relative;
}
.block-box {
	position:relative;
	padding: 20px;
	min-width: 100px;
	border-radius: 6px;
	background-color: #ffffff;
	border: 1px solid rgba(0,0,0,0.13);
}
.block-box.-condition {
	width: 42px;
 height: 42px;
 transform: rotate(45deg);
 padding: 0;
 min-width: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.base-button.-condition .-icon .-icon-svg {
	transform: rotate(315deg);
	width: 30px;
 height: 33px;
}
.block-box.base-section.-sub-block {
	width: 180px;
	padding-left: 0;
}
.block-box.base-section.-no-avatar .block-box.base-section {
	width: 235px;
}
.block-box.base-section.-no-avatar .block-box.base-section.-ava-only {
	width: fit-content;
 margin-left: auto;
 margin-right: auto;
 border: none;
 box-shadow: none;
 padding: 0;
}
.block-box.base-section.-no-avatar .block-box.base-section.-ava-only .flex-row {
	padding-top: 40px;
}
.block-box.base-section.-no-avatar .block-box.base-section.-ava-only .section-header {
	height: 35px;
 padding: 0;
 width: 50px;
 margin: auto;
}
.block-box.base-section.-no-avatar {
	padding-left: 0;
 width: fit-content;
 height: 0;
 border: none;
 margin-top: 0;
}
.block-box.base-section.-main-avatar {
	width: fit-content;
}
.block-box.base-section .section-body {
 padding: 20px;
 border-top: 1px solid #F0F0F0;
	display: flex;
 gap: 20px;
 flex-direction: column;
 justify-content: center;
}
.block-box.base-section .section-body .flex-row {
	flex-direction: row;
	border: none;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	position:relative;
}
.block-box.base-section.-full {
	padding-left: 0px;
	width: 250px;
 max-width: 100%;
}
.block-box.base-section.-full.-action {
 width: fit-content;
	min-width: 150px;
}
.block-box.base-section.-warning, .display-obj-dx .display-cover.-warning {
	background-color: #fdd100;
}
.start-block.-success .block-box, .block-box.base-section.-success, .display-obj-dx .display-cover.-success {
	background-color: #a8f58a;
}
.-warning > .base-section.block-box {
	background-color: #ffecc9;
}
.block-box.base-section.-error, .display-obj-dx .display-cover.-error {
	background-color: #ffdcdc;
}
.block-box.base-section.-warning.-no-avatar {
	background-color: #fd5200;
}
.-passed > .block-box.base-section {
	background-color: #f0f2f4;
 color:#79797d;
}
.-pending > .block-box.base-section {
	background-color: #1E88E5;
	color:#fff;
	background-color: #5984c6;
}
.active-block > .base-section .section-header .base-title .url:hover,
.start-block > .base-section .section-header .base-title .url:hover,
.-pending > .base-section .section-header .base-title .url:hover {
	color:#fff;
}
.block-box.base-section .section-header + .text-sub {
	margin-top: -15px;
 display: block;
 padding: 10px 20px;
}
.block-box.base-section .base-avatars {
	margin-bottom: -10px;
}
.base-block .base-info.ap-xdot {
	white-space: normal;
 text-overflow: ellipsis;
 display: -webkit-box;
 line-clamp: 1;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
}
.block-box.base-section .text-sub.-origin {
	position:absolute;
	left: -50px;
 top: -25px;
 text-align: left;
 padding: 0;
	display:none;
}
.base-info .base-button {
	display: inline;
 font-size: 11px;
 padding: 5px;
}
.base-section .section-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
span.url.text-title.show-more {
 padding: 20px;
 top: 0px;
 position: relative;
 display: block;
}
.custom-field-detail .base-cf-preview {
	padding-bottom: 0;
}
.custom-field-detail .base-cf-preview .field .field-key {
	display:block;
	position:relative;
 font-size: 13px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
 padding-top: 4px;
 padding-bottom: 10px;
 padding-right: 60px;
}
.custom-field-detail .base-cf-preview .field .field-key code {
 font-weight: 500;
 font-family: Consolas, Courier New, Courier New, monospace;
	pointer-events: none;
}
.custom-field-detail .base-cf-preview .field .field-key .-ph {
 color: #888;
 display: inline;
}
.panel-footer .custom-field-detail .base-cf-preview .field .field-key .-ph {
	display:block;
}
.panel-footer .base-cf-preview .field .icon {
	pointer-events: none;
	left: 8px;
	top: 20px;
}
.panel-footer .base-cf-preview .field {
	padding: 12px 0px 8px 52px;
	pointer-events: none;
}
.base-cf-preview .field:last-child {
	border-bottom: none;
}
.panel-footer .base-cf-preview {
	border: none;
	box-shadow: none;
}
.display-field .base-cf-preview .base-empty-state.-sm .-icon,
.panel-footer .base-cf-preview .base-empty-state.-sm .-icon {
	display:none;
}
.display-field .field-value .base-cf-preview.url:hover {
	text-decoration: none;
}
.display-field .field-value .base-cf-preview.url:hover .base-empty-state.-sm .-text{
	color:#1E88E5;
}
.custom-field-detail .base-cf-preview .field .field-key .-ftype {
 position: absolute;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: 500;
 padding: 3px 0px;
 border-radius: 6px;
 right: 0px;
 top: 0px;
}
.custom-field-detail.-sm .base-cf-preview .field .field-key .-ftype {
	position: relative;
 display: block;
}
.custom-field-detail.-sm .base-cf-preview .field .field-key .key {
	width: 100%;
}
.custom-field-detail.-sm .base-cf-preview .field {
 border-bottom: none;
 padding: 0px 0px 0px 28px;
}
.custom-field-detail.-sm .base-cf-preview .field .icon {
 position: absolute;
 left: 0;
 top: 8px;
}
.custom-field-detail.-sm .base-cf-preview {
 padding-bottom: 0;
 border: none;
 box-shadow: none;
}
.custom-field-detail.-sm .base-cf-preview .field .field-key .-ph {
 display: block;
 margin-top: 4px;
}
.custom-field-detail .base-cf-preview .field .field-attrs {
	pointer-events: none;
}
.custom-field-detail .base-cf-preview .field .field-attrs .attrs {
 overflow: hidden;
}
.custom-field-detail .base-cf-preview .field .field-attrs .attr em {
 color: #888;
	text-transform: none;
	font-size: 12px;
 font-weight: 400;
}
.custom-field-detail .base-cf-preview .field .field-attrs .attr.-upp em {
	text-transform: uppercase;
}
.custom-field-detail .base-cf-preview .field .field-attrs .attr.-cap em {
	text-transform: capitalize;
}
.custom-field-detail .base-cf-preview .field .field-attrs .attr span {
 display: inline-block;
 position: relative;
 font-size: 13px;
}
.ui-menu.ui-autocomplete {
	border-radius: 6px;
}
.ui-menu.ui-autocomplete.scroll-y {
	max-height: 240px;
}
.drawflow .drawflow-node.-no-output,
.drawflow .drawflow-node.-no-input {
	border-radius: 50px;
}
.drawflow .drawflow-node.-compound .drawflow_content_node {
	z-index: 2;
}
.drawflow .drawflow-node.-compound .inputs {
	z-index: 4;
}
.drawflow .drawflow-node.passed_endpoint .output,
.drawflow .drawflow-node.approved_endpoint .output,
.drawflow .drawflow-node.correct_endpoint .output {
	border-color: #A9D7C2;
}
.drawflow .drawflow-node.rejected_endpoint .output,
.drawflow .drawflow-node.failed_endpoint .output,
.drawflow .drawflow-node.incorrect_endpoint .output {
	border-color: #F6B3A9;
}
.drawflow .drawflow-node.asked_more_endpoint .section-header .base-title {
	color:#1E88E5;
}
.drawflow .drawflow-node.bypassed_endpoint .section-header .base-title {
	color:#E07F00;
}
.drawflow .drawflow-node.bypassed-endpoint .section-header .base-button {
	color:#E07F00;
}
.drawflow .drawflow-node.bypassed-endpoint .section-header .base-button {
	background-color: #FFEDD6;
}
.drawflow .drawflow-node.passed_endpoint .section-header .base-title,
.drawflow .drawflow-node.approved_endpoint .section-header .base-title,
.drawflow .drawflow-node.correct_endpoint .section-header .base-title {
	color:#288058;
}
.drawflow .drawflow-node.rejected_endpoint .section-header .base-title,
.drawflow .drawflow-node.failed_endpoint .section-header .base-title,
.drawflow .drawflow-node.incorrect_endpoint .section-header .base-title {
	color:#B71600;
}
text.main-text {
 fill: #1E88E5;
}
.-correct text.main-text {
 fill: #288058;
}
.-incorrect text.main-text {
 fill: #B71600;
}
.drawflow .drawflow-node.parallel-block .outputs,
.drawflow .drawflow-node.fixed-input-connection .inputs,
.drawflow .drawflow-node.-default-outputs .outputs,
.drawflow .drawflow-node.approval-block .outputs,
.drawflow .drawflow-node.condition-block .outputs {
	pointer-events: none;
 opacity: 0 !important;
}


select[multiple]~.improve-select .is-box .is-item.active {
	pointer-events: all;
}
.improve-select .is-box .is-item:hover {
	background: #f5f5f5;
}
.-autocomplete .improve-select.simplify-select .is-box .is-item:before,
.-autocomplete .improve-select.simplify-select .is-display,
.improve-select.simplify-select .is-box .is-search {
	display:none;
}
.-autocomplete .improve-select.simplify-select .is-box .is-item {
	padding: 8px;
}
.-autocomplete .improve-select.active.simplify-select .is-box {
	margin-top: -4px;
}
.form.-flat .-autocomplete .improve-select.simplify-select {
	border: none;
}
.simplify-select .improve-select .is-box .is-search,
.simplify-select+.improve-select .is-box .is-search {
	display:none;
}
.-with-filter .improve-select .is-box .is-search {
	display:block;
}
.improve-select .is-box .is-item.active:after {
	right: auto;
	left: 9px;
	color:#fff;
}
.-transformer .base-table tbody .improve-select .is-display>div {
	max-height: 17px;
}
.-transformer .base-table tbody .improve-select .is-display .is-itag {
	margin-top: -4px;
	margin-left: 0px;
}
.-transformer .base-table-wrapper .-fx input {
	height: 33px;
	border-radius: 6px;
}
.-transformer .base-table-wrapper .spinner-icon {
	position: absolute;
	right: 13px;
	top: 11px;
}
.-transformer .base-table-wrapper .-ip-datetime {
	display: flex;
	gap: 4px;
}
.-transformer .base-table-wrapper .-ip-datetime:after {
	width: 6px;
	margin-left: -3px;
	margin-top: -2px;
	display:none;
}
.-transformer .input-objs .base-table-wrapper tbody td:nth-child(4) .cell-lead .js-ip>input {
	opacity: 0;
}
.transform-title {
	border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	padding-bottom: 0;
	font-weight: 500;
}
.-transformer .transform-title .inline-display {
	padding-bottom: 4px;
}
.-transformer .transform-title .inline-display>.fi-inline-field-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.inline-display .fi-inline-field-value .text-label {
	color:#616161;
}
.inline-display.fixed-label>.fi-inline-field-label {
	width: 12px;
}
.inline-display.fixed-label>.fi-inline-field-value {
	margin-left: 20px;
}
.inline-display.main-label>.fi-inline-field-label {
	width: 280px;
	min-width: 280px;
	text-overflow: unset;
	word-wrap: break-word;
	white-space: break-spaces;
}
.detail-page .inline-display.main-label>.fi-inline-field-label {
	width: 630px;
}
.inline-display.main-label>.fi-inline-field-value {
	margin-left: 290px;
}
.transform-title .inline-display.fixed-label>.fi-inline-field-label {
	color:#fff;
}
.form.-flat .label .-required {
	font-size: 15px;
	display: inline-block;
	position: relative;
	margin-left: 2px;
	top: 0px;
}
.form.-flat .-transformer .improve-select {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-top: 0;
}
.form.-flat .input-todo-time .fi-datetime .-ap {
	margin-top: 0;
}
.input-todo-time .__hiddenselect {
	margin-top: 40px;
}
.form.-flat .input-todo-time .input input.-readonly {
	color: #333;
	background-color: #eee;
	pointer-events: none;
	border-color: #eee;
}
.-transformer .input-objs .base-table-wrapper tbody .-fx .cell,
.-transformer .input-objs .base-table-wrapper tbody .-fx .cell-lead {
	padding: 10px 6px 0px 0;
}
.-transformer .input-objs .base-table-wrapper .base-table tbody td {
	border-bottom: none;
	max-width: 200px;
}
.-transformer .base-table thead td.-transform-type.-popup,
.-transformer .input-objs .base-table-wrapper .base-table tbody td.-transform-type.-popup {
	max-width: 192px;
 min-width: 192px;
}
.-transformer.input-objs .base-table-wrapper .base-table tbody td.-transform-type,
.-transformer .base-table thead td.-transform-type,
.-transformer .input-objs .base-table-wrapper .base-table tbody td.-transform-type {
	max-width: 128px;
 min-width: 128px;
}
.-transformer .input-objs .base-table-wrapper .base-table thead td:first-child,
.-transformer .input-objs .base-table-wrapper .base-table tbody td:first-child {
	display:none;
}
.-transformer .input-objs .base-table-wrapper .base-table tbody td:last-child {
	left: -12px;
}
.form.-flat .-transformer .input-custom-formula.input.-condition textarea {
	border: 1px solid rgba(0, 0, 0, 0.09);
}
.-transformer .base-table thead td {
	border-bottom: 1px solid rgb(0 0 0 / 3%);
}
.-transformer .inline-display {
	padding-bottom: 8px;
	display: flex;
}
.-transformer .inline-display .fi-inline-field-value {
	margin: 0;
}
.-transformer .inline-display.fixed-label>.fi-inline-field-label {
	width: fit-content;
}
.form.-flat .input-custom-formula.input.-condition textarea,
.form.-flat .-transformer .input-custom-formula.input textarea {
	margin-top: 0px;
	height: 33px;
	max-height: 33px;
	min-height: 33px;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.09);
	overflow: hidden auto !important;
	overflow-wrap: break-word !important;
}
.form.-flat .input-custom-formula.input.-condition textarea,
.form.-flat .input-custom-formula.input textarea {
	border: 1px solid #ccc;
}
.form.-flat .input-custom-formula.input textarea:focus,
.form.-flat .-transformer .input textarea:focus {
	z-index: 1;
	display: block;
	position: relative;
	min-height: 100%;
	max-height: 40vh;
}
.-transformer textarea {
	height: 31px;
}
.display-field.-transformer .field-value {
	padding-top: 10px;
}
.base-table tbody .cell-lead .improve-select {
	background: #ffffff;
}
.defs-tb .base-table tbody .cell-lead .improve-select {
	margin: 0;
	border-color: #e6e6e6;
}
.defs-tb .base-table tbody .cell-lead .improve-select .is-display {
	padding: 6px 8px;
	height: 16px;
}
.-transformer .sub-form-row.temp-input {
	position: relative;
 height: fit-content;
 display: flex;
 flex-direction: column;
 min-height: 44px;
 gap: 6px;
	.extra-input-table-col {
 position: relative;
 top: 0;
 border: 1px solid rgba(0, 0, 0, 0.1);
 max-width: calc(100% - 20px);
 min-width: calc(100% - 20px);
 margin-left: 18px;
 &::before {
 border-width: 0 0 1px 1px;
 border-color: #ccc;
 border-style: solid;
 content: '';
 position: absolute;
 left: -12px;
 top: -4px;
 width: 8px;
 height: 18px;
 border-radius: 0 0 0 6px;
 }
 .input-table-col {
 padding: 0 !important;
 background-color: #ffffff;
 }
 .input-table-col .improve-select .is-display {
 padding: 8px;
 }
 .extra-input-properties {
 position: relative;
 padding: 0 !important;
 max-width: 52px;
 border-left: 1px solid rgba(0, 0, 0, 0.1);
 }
 .extra-input-properties.col-fx {
 max-width: 120px;
 min-width: fit-content;
 }
 .row-index {
 max-width: 68px;
 width: 100%;
 border-radius: 0 6px 6px 0;
 }
	}
	.input-table .improve-select {
 top: 0;
	}
	.input-table .input-ext {
 display: none;
	}
	.input-table-col .base-spinner {
 position: absolute;
 left: -20px;
 background: inherit;
 top: 6px;
	}
}


.cta-action-buttons .switch-icon,
.cta-action-buttons .condition-icon,
.cta-action-buttons .transformer-icon,
.cta-action-buttons .webhook-output-icon,
.cta-action-buttons .webhook-input-icon,
.cta-action-buttons .esign-icon,
.cta-action-buttons .agent-icon,
.cta-action-buttons .task-icon,
.cta-action-buttons .webform-icon,
.cta-action-buttons .approval-icon,
.cta-action-buttons .general-icon {
	color: #ffffff !important;
 background: #1E88E5 !important;
}
.progress-section .base-button {
	color: #242424 !important;
 background: #F5F5F5 !important;
 border-color: #F5F5F5 !important;
	border-radius: 6px;
}
.-url-inactive .main-icon,
.general-icon {
	border-radius: 50%;
 color: #BA1C36 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.-url-inactive .base-button {
	border-radius: 6px;
}
.task-icon {
 border-radius: 50%;
 color: #C44176 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.webform-icon {
 border-radius: 50%;
 color: #7c3aed !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.approval-icon {
 border-radius: 50%;
 color: #589D51 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.condition-icon {
 border-radius: 50%;
 color: #E2AC5C !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.switch-icon {
 border-radius: 50%;
 color: #E2AC5C !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.transformer-icon {
	border-radius: 50%;
 color: #094DB0 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.webhook-output-icon {
	border-radius: 50%;
 color: #2D882F !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.webhook-input-icon {
	border-radius: 50%;
 color: #195145 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.esign-icon {
	border-radius: 50%;
 color: #195145 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.agent-icon {
	border-radius: 50%;
 color: #1E88E5 !important;
 background: transparent !important;
	background: #ffffff !important;
 border-color: transparent !important;
}
.start-block .webhook-input-icon {
	color: #1E88E5 !important;
	background: #ffffff !important;
 border-color: #ffffff !important;
}
.question-icon {
	border-radius: 50%;
 color: #1E88E5 !important;
 background: transparent !important;
	background: #4ea9ff45 !important;
 border-color: transparent !important;
}
.bug-icon {
	border-radius: 50%;
 color: #c52121 !important;
 background: transparent !important;
	background: #f6b3a945 !important;
 border-color: transparent !important;
}
.chevron_right-icon {
	border-radius: 50%;
 color: #E07F00 !important;
 background: transparent !important;
	background: #FFEDD6 !important;
 border-color: transparent !important;
}
.chevron_right-icon .-icon {
	transform: scale(0.8);
}
.success-icon {
	border-radius: 50%;
 color: #589D51 !important;
 background: transparent !important;
	background: #a9d7c245 !important;
 border-color: transparent !important;
}
.main-icon .-icon,
.main-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #1E88E5 !important;
	border-color: #1E88E5 !important;
}
.compound-icon {
	border-radius: 50%;
	color: #1E88E5 !important;
	background: #ffffff !important;
	border-color: #ffffff !important;
}
.cta-action-buttons .compound-icon {
	border-color: #1E88E5 !important;
}
.start-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #267cde !important;
	border-color: #ffffff !important;
}
.merge-icon {
	border-radius: 50%;
 color: #267cde !important;
 border-color: transparent !important;
	background: #ffffff !important;
}
.block-listing .merge-icon,
.block-listing .start-icon {
	border-color: #267cde !important;
}
.block-listing .merge-icon .-icon {
	zoom: 0.9;
}
.base-button.-cta.merge-icon {
	background-color: #1E88E5 !important;
 color: #fff !important;
}
.base-button.-cta.merge-icon:hover {
 background-color: #42b814 !important;
 border-color: #3ba710 !important;
 color: #ffffff !important;
}
.parallel-icon {
	border-radius: 50%;
 color: #267cde !important;
 border-color: transparent !important;
	background: #ffffff !important;
}
.base-button.-cta.parallel-icon {
	background-color: #1E88E5 !important;
 color: #fff !important;
}
.base-button.-cta.parallel-icon:hover {
 background-color: #42b814 !important;
 border-color: #3ba710 !important;
 color: #ffffff !important;
}
.email-icon {
	border-radius: 50%;
 color: #3b56f5 !important;
 border-color: transparent !important;
	background: #ffffff !important;
}
.base-button.-cta.email-icon {
	background-color: #1E88E5 !important;
 color: #fff !important;
}
.base-button.-cta.email-icon:hover {
 background-color: #42b814 !important;
 border-color: #3ba710 !important;
 color: #ffffff !important;
}
.end-icon {
	border-radius: 50%;
 color: #733813 !important;
 border-color: transparent !important;
	background: #ffffff !important;
}
.invoice-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #f56b3b !important;
 border-color: transparent !important;
}
.report-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #095e2c !important;
 border-color: transparent !important;
}
.outflow-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #4CAF50 !important;
	border-color: transparent !important;
}
.checkin-icon {
	border-radius: 50%;
	color: #0097E6 !important;
	background: #ffffff !important;
	border-color: transparent !important;
}
.timeoff-icon {
	border-radius: 50%;
	color: #e55039 !important;
	background: #ffffff !important;
	border-color: transparent !important;
}
.expense-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #129A4B !important;
	border-color: transparent !important;
}
.inflow-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #129A4B !important;
	border-color: transparent !important;
}
.income-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #3869db !important;
	border-color: transparent !important;
}
.asset-icon {
	border-radius: 50%;
	color: #ffffff !important;
	background: #1397E1 !important;
	border-color: transparent !important;
}
.app-expense-icon {
	border-radius: 50%;
	color: #129A4B !important;
 background: #ffffff !important;
 border-color: transparent !important;
}
.app-income-icon {
	border-radius: 50%;
	color: #3867d6 !important;
	background: #ffffff !important;
	border-color: transparent !important;
}
.app-asset-icon {
	border-radius: 50%;
	color: #1397E1 !important;
	background: #ffffff !important;
	border-color: transparent !important;
}
.block-box .base-iconbox .-bi {
	border: 1px solid;
}
.flow-block-item .-pavatar .base-iconbox .-bi .-icon {
	left: 0px;
 top: 1px;
	position:relative;
}
.block-menu .standard-item .base-button.-menu-item {
	color: #2F3139 !important;
}
.drawflow .connection .main-path.general-icon {
	stroke: #1d67d0;
	color: #1d67d0;
 background-color: #e6edf7;
}
.drawflow .connection .main-path.approval-icon {
	stroke: #2cc22c;
	color: #2cc22c;
 background-color: #eef5ee;
}
.drawflow .connection .main-path.task-icon {
	stroke: #8b26c6;
	color: #8b26c6;
 background-color: #f1eaf5;
}
.drawflow .connection .main-path.condition-icon {
	stroke: #d8a817;
	color: #d8a817;
 background-color: #faf6ea;
}
.drawflow .connection .main-path.transformer-icon {
	stroke: #2a42c7;
	color: #2a42c7;
 background-color: #f0f1f7;
}
.drawflow .connection .main-path.esign-icon {
	stroke: #1d67d0;
	color: #1d67d0;
 background-color: #e6edf7;
}
.drawflow .connection .main-path.agent-icon {
	stroke: #1d67d0;
	color: #1d67d0;
 background-color: #e6edf7;
}
.drawflow .connection .main-path.webhook-output-icon {
	stroke: #d61ea2;
	color: #d61ea2;
 background-color: #faf0f7;
}
.drawflow .connection .main-path.merge-icon {
	stroke: #2a42c7;
	color: #2a42c7;
 background-color: #f0f1f7;
}
.drawflow .connection .main-path.end-icon {
	stroke: #2cc22c;
	color: #2cc22c;
 background-color: #eef5ee;
}
.drawflow .connection .main-path.compound-icon {
	stroke: #1E88E5;
	color: #1E88E5;
 background: #ffffff;
}
.drawflow .connection .main-path.general-icon + .arrow {
	fill: #1d67d0;
	color: #1d67d0;
}
.drawflow .connection .main-path.approval-icon + .arrow {
	fill: #2cc22c;
	color: #2cc22c;
 background-color: #eef5ee;
}
.drawflow .connection .main-path.task-icon + .arrow {
	fill: #8b26c6;
	color: #8b26c6;
 background-color: #f1eaf5;
}
.drawflow .connection .main-path.condition-icon + .arrow {
	fill: #d8a817;
	color: #d8a817;
 background-color: #faf6ea;
}
.drawflow .connection .main-path.transformer-icon + .arrow {
	fill: #2a42c7;
	color: #2a42c7;
 background-color: #f0f1f7;
}
.drawflow .connection .main-path.webhook-input-icon + .arrow {
	fill: #1d67d0;
	color: #1d67d0;
 background-color: #e6edf7;
}
.drawflow .connection .main-path.webhook-output-icon + .arrow {
	fill: #d61ea2;
	color: #d61ea2;
 background-color: #faf0f7;
}
.drawflow .connection .main-path.merge-icon + .arrow {
	fill: #2a42c7;
	color: #2a42c7;
 background-color: #f0f1f7;
}
.drawflow .connection .main-path.end-icon + .arrow {
	fill: #2cc22c;
	color: #2cc22c;
 background-color: #eef5ee;
}
.drawflow .connection .main-path.compound-icon + .arrow {
	fill: #1E88E5;
	color: #1E88E5;
 background: #ffffff;
}
.drawflow .connection .main-path.general-icon + .arrow + .main-text-bounder + .main-text {
	fill: #1d67d0;
	color: #1d67d0;
}
.drawflow .connection .main-path.approval-icon + .arrow + .main-text-bounder + .main-text {
	fill: #2cc22c;
	color: #2cc22c;
 background-color: #eef5ee;
}
.drawflow .connection .main-path.task-icon + .arrow + .main-text-bounder + .main-text {
	fill: #8b26c6;
	color: #8b26c6;
 background-color: #f1eaf5;
}
.drawflow .connection .main-path.condition-icon + .arrow + .main-text-bounder + .main-text {
	fill: #d8a817;
	color: #d8a817;
 background-color: #faf6ea;
}
.drawflow .connection .main-path.transformer-icon + .arrow + .main-text-bounder + .main-text {
	fill: #2a42c7;
	color: #2a42c7;
 background-color: #f0f1f7;
}
.drawflow .connection .main-path.webhook-input-icon + .arrow + .main-text-bounder + .main-text {
	fill: #1d67d0;
	color: #1d67d0;
 background-color: #e6edf7;
}
.drawflow .connection .main-path.webhook-output-icon + .arrow + .main-text-bounder + .main-text {
	fill: #d61ea2;
	color: #d61ea2;
 background-color: #faf0f7;
}
.drawflow .connection .main-path.merge-icon + .arrow + .main-text-bounder + .main-text {
	fill: #2a42c7;
	color: #2a42c7;
 background-color: #f0f1f7;
}
.drawflow .connection .main-path.end-icon + .arrow + .main-text-bounder + .main-text {
	fill: #2cc22c;
	color: #2cc22c;
 background-color: #eef5ee;
}
.drawflow .connection .main-path.compound-icon + .arrow + .main-text-bounder + .main-text {
	fill: #1E88E5;
	color: #1E88E5;
 background: #ffffff;
}


.block-menu, .block-menu-item {
	position:relative;
}
.block-menu-item .base-section {
	border: none;
	box-shadow: none;
	cursor: pointer;
}
.block-menu .base-tabs {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 text-align: center;
	margin-top: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
 margin-bottom: 10px;
}
.block-menu .base-tabs .base-tab.active {
	font-weight: normal;
 color: #888;
	border-bottom: 2px solid #1E88E5;
}
.block-group {
	display:none;
}
.block-group.active {
	display:block;
}
.block-menu-item .base-section {
	padding: 0;
	position:relative;
	margin-bottom: 1px;
}
.block-menu-item .base-section .section-header {
	padding: 0 4px;
	height: 34px;
}
.block-menu-item .grabme {
	position:absolute;
	top: 10px;
 right: 20px;
 z-index: 1;
	display:none;
}
.block-menu-item:hover .grabme {
	display:block;
}
.block-menu-item .block-title {
	padding-right: 0;
}
.block-disabled {
 background-color: #F0F2F9;
 opacity: .5;
}
.block-menu .base-tabs .base-tab {
	padding-top: 32px;
}
.block-menu .base-tabs .base-block > .base-avatar {
	top: -32px;
}
.base-button.-picon.-no-action.-menu-item {
	border-radius: 50%;
 padding: 16px;
 color: #ccc;
	position:absolute;
	top: -1px;
 left: -1px;
	cursor: move;
	box-shadow: none;
}
.base-button.-picon.-no-action.-menu-item:hover .-icon {
	color: inherit;
	cursor: move;
}
.logged-section .base-button.-picon.-no-action.-menu-item {
	cursor: auto;
}
.base-section.flow-block-item {
	width: calc(100%);
	margin: 0;
	cursor: pointer;
}
.block-menu .bm-area{
	position:relative;
	padding-bottom:15px;
}
.block-menu .bm-area .area-title{
	font-weight:500;
	font-size:13px;
	position:relative;
	font-weight:500;
 color:#343434;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	text-transform: math-auto;
	padding:8px 0 8px 16px;
}
.block-menu .bm-area .area-title:after{
	font-family:FontAwesome; content:"\f0d7";
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:0px;
	top:7px;
}
.block-menu .bm-area .services {
	opacity: 1;
	height: 100%;
	padding-left: 0;
	visibility: visible;
	display: flex;
 flex-direction: column;
 gap: 4px;
}
.block-menu .bm-area:last-child {
	padding-bottom: 72px;
}
.block-menu .bm-area.-collapsed .services{
	opacity: 0;
	height: 0;
	visibility: hidden;
}
.block-menu .bm-area .area-title:after,
.block-menu .bm-area.-collapsed .area-title:after {
}
.panel-footer .bm-area .area-title,
.block-menu .bm-area.-collapsed .area-title{
	color:#343434;
}
.block-menu .bm-area.-collapsed .area-title:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.block-menu .base-empty-state {
	padding: 0;
	margin-top: 16px;
}
.block-menu .base-empty-state .-icon {
	display:none;
}
.base-section.flow-block-item .base-block.-pavatar {
	padding-left: 0;
}
.show-nav-btn {
	border: none;
	clip-path: circle(50%);
	padding: 16px !important;
	transition: transform 0.15s;
	position:absolute;
 top: 34px;
 left: -12px;
}
.panel-header .show-nav-btn {
	top: 8px;
	right: 12px;
	left: auto;
	z-index: 100000;
}
.fi-report-panel.-hide .show-nav-btn {
	display: none;
}
.show-nav-btn.rotate {
	transform: rotate(180deg);
}
.show-nav-btn:hover {
	border: none;
}
.master-header .base-tabs .base-tab:hover {
	text-decoration: none;
}
.master-header .block-title .base-tabs {
	height: 100%;
	margin-bottom: 0;
}
.master-header .block-title .base-tabs .base-tab {
	color:#aaa;
	text-transform: uppercase;
	margin: 0;
	padding-top: 8px;
	padding-left: 8px;
 padding-right: 8px;
	height: 32px;
	font-weight: 400;
	margin-right: 10px;
}
.master-header .block-title.no-icon .base-tabs .base-tab {
	padding-left: 8px;
}
.block-title .base-tabs .base-tab .-tab-inner {
 top: 0;
	position:relative;
}
.master-header .block-title .base-tabs .base-tab.active:before {
	display: none;
}
.block-title .base-tabs .base-tab .base-icon {
	top: 8px;
	left: 8px;
}
.master-header .block-title .base-tabs .base-tab:hover,
.master-header .block-title .base-tabs .base-tab.active {
	color:#343434;
 font-weight: 500;
	border-bottom: 2px solid #343434;
}
.master-header .block-title .base-tabs {
	margin-left: 0;
}
.master-header .block-title .base-tabs .base-tab .-tab-wrapper {
	padding: 0;
}
.block-kits {
	position:absolute;
	top: 20px;
	left: 20px;
	max-height: calc(100vh - 240px);
	box-shadow: 0px 2px 4px 0px #0000001C;
 border-radius: 6px;
	width: 308px;
	transition: width 0.15s;
}
.block-kits .panel-canvas {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	top: 65px;
	border-radius: 6px;
}
.block-kits .__autohide .__apscrollbar .scroller .sinner {
	margin-left: 4px;
}
.block-kits .show-menu-btn {
	position:absolute;
 background-color: #ffffff;
 top: 0;
 right: -36px;
 padding: 16px;
	box-shadow: 0px 2px 4px 0px #0000001C;
 border: none;
 height: 20px;
}
.block-kits .block-menu .bm-area:last-child {
	padding: 0;
}
.block-kits.-collapse {
	width: 58px;
	height: 596px;
}
.block-kits.-compound {
	height: 512px;
}
.block-kits.-compound.-collapse {
	height: 384px;
}
.block-kits.-collapse .panel-canvas {
	top: 0;
}
.block-kits.-collapse .block-menu .bm-area .area-title:after,
.block-kits.-collapse .block-title,
.block-kits.-collapse .block-menu .bm-area .area-title {
	display:none;
}
.block-kits.-collapse .btn-more .block-title,
.block-kits.-collapse .block-menu .btn-more .bm-area .area-title {
	display:block;
	padding-left: 4px;
}
.block-kits.-collapse .block-menu-item .grabme {
	display:none;
}
.block-kits.-collapse .block-menu .bm-area {
 border-bottom: 1px solid #dddddd;
 padding-bottom: 8px;
 padding-top: 8px;
}
.block-kits.-collapse .block-menu .bm-area:first-child {
	padding-top: 0;
}
.block-kits.-collapse .block-menu .bm-area.-more-data,
.block-kits.-collapse .block-menu .bm-area:last-child {
	border: none;
	padding-bottom: 0;
}
.block-kits.fi-report-panel .panel-page .pp-body .base-section.flow-block-item {
	border-color: transparent;
}
.block-kits.fi-report-panel .panel-page .pp-body .base-section.flow-block-item:hover {
	border-color: #F0F0F0;
}
.block-kits.fi-report-panel .block-menu-item {
	min-width: 34px;
	padding: 0;
}
.block-kits.fi-report-panel .panel-page .pp-body > .base-section {
	padding: 8px 12px;
	margin-bottom: 0;
}
.block-kits.fi-report-panel .base-section.flow-block-item .base-icon svg,
.block-kits.fi-report-panel .base-section.flow-block-item .base-icon,
.block-kits.fi-report-panel .base-section.flow-block-item {
	cursor: move;
}
.block-kits .base-button.btn-more .-suffix {
	display:none;
}
.block-kits .base-button.btn-more {
	padding: 12px;
	border-color: transparent;
	box-shadow: none;
}
.block-kits .base-button.btn-more:hover {
	border-color: #F0F0F0;
	box-shadow: 0px 4px 30px rgba(22, 33, 74, 0.08);
}
.block-kits .base-button.btn-more .-cmenu {
 min-width: 320px;
 left: 0;
 right: auto;
	position: fixed;
	padding: 8px 12px;
	border-radius: 6px;
	z-index: 10000000000;
}
.block-kits .base-button.btn-more .-cmenu:hover,
.block-kits .base-button.btn-more:hover .-cmenu,
.block-kits .base-button.btn-more.active .-cmenu {
	display: block !important;
	padding: 0;
}
.block-kits .base-button.btn-more .-cmenu.-padding .-item:hover {
 background: transparent;
 color: #343434;
}
.block-kits .base-button.btn-more .-cmenu .-cmenu-filter {
 margin: 8px;
 border: none;
}
.block-kits .base-button.btn-more .-cmenu .block-menu-item {
	padding: 0 4px;
}
.suggested-input .-cmenu .-cmenu-filter {
 border-bottom: 1px solid #eee;
 margin: 8px;
 margin-bottom: 0;
}
.block-menu .block-listing {
	.__apscrollbar_wrap {
 padding: 8px;
 padding-top: 56px;
 min-height: fit-content;
	}
	.__apscrollbar_target {
 border-radius: 6px;
 border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.block-menu-item {
 position: relative;
 flex-grow: 1;
 width: calc(100% - 8px);
 border-radius: 6px;
 min-width: 45px;
	}
	.block-menu-item:hover {
 background-color: #f7f7f7;
	}
	.block-menu-item.active {
 background: #e5f3ff;
 border: none;
	}
	.block-menu-item .base-section {
 padding: 0;
 position: relative;
 margin-bottom: 1px;
 min-width: 100%;
	}
	.block-box.base-section {
 border-radius: 6px;
	}
	.block-box.base-section .section-header .-icon {
 left: 0px;
	}
	.base-button .-icon {
 left: 4px !important;
	}
	.base-button.merge-icon .-icon {
 zoom: 0.8;
 top: 6px !important;
 left: 10px !important;
	}
	.base-section.block-box .section-header .base-title,
	.base-section.block-box .section-header {
 width: 100% !important;
 padding-left: 2px;
	}
	.base-section.block-box .section-header {
 padding-top: 8px;
 padding-left: 8px;
	}
	.base-section.block-box .section-header .base-title {
 margin-left: -4px;
 max-width: calc(100% - 56px) !important;
	}
	.block-box.base-section {
 background: transparent;
 color: inherit;
	}
	.base-section.block-box .section-header .base-title span {
 cursor: auto;
 pointer-events: none;
	}
}
.block-menu.-main-data .-cmenu-filter {
	padding: 12px;
 padding-top: 12px;
 z-index: 1;
 display: block;
 top: -3px;
 position: relative;
 background: #ffffff;
 border-radius: 6px;
 left: 1px;
 width: calc(100% - 11px);
	min-height: 20px;
	padding-bottom: 8px;
}


.block-detail-section.hidden {
	display:block;
	top: 108px;
 left: 0;
 right: auto;
 width: 100%;
 bottom: 100%;
	transition: bottom 0.3s, width 0.3s;
}
.block-detail-section {
	display:block;
	position:absolute;
 background-color: #ffffff;
 bottom: 50%;
 top: 0;
 left: 0;
 right: auto;
 z-index: 3;
 width: 500px;
	transition: bottom 0.3s, width 0.3s;
}
.kanban-detail-section.hidden {
 left: 100%;
	transition: left 0.3s;
	border: none;
}
.kanban-detail-section {
	display:block;
	position:absolute;
	background-color: #ffffff;
 top: 0;
 bottom: 0;
 right: 0;
 left: 500px;
 z-index: 3;
	transition: left 0.3s;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.kanban-detail-section.-full {
	left: 0;
	top: 0;
	border: none;
	transition: left 0.3s, top 0.3s;
	border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;
}
.parent-drawflow {
	width: 100%;
	top: 0;
	bottom: 0;
	transition: top 1s, width 0.3s;
}
.block-detail-section + .parent-drawflow.-sm {
	width: 500px;
	max-height: 500px;
	top: calc(50%);
	transition: top 0.3s, width 0.3s;
}
.block-detail-section + .parent-drawflow.hidden {
	width: 0;
	max-height: 0;
	top: calc(100%);
	transition: top 0.3s, width 0.3s;
}
.block-detail-section + .parent-drawflow {
	width: calc(100%);
	transition: top 0.3s, width 0.3s;
}
.base-button.hide-kanban-btn {
	display:block;
	position:absolute;
 color:#ffffff;
 background-color: #c34343;
 top: calc(100% - 17px);
 left: 469px;
 z-index: 5;
 border: none;
 padding: 16px;
	visibility: visible;
	opacity: 1;
	transition: visibility 0.3s, opacity 0.3s linear;
}
.base-button.hide-kanban-btn.hidden {
	display:block;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s, opacity 0.3s linear;
}
.block-detail-section .block-detail {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position:absolute;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	visibility: visible;
	opacity: 1;
	transition: visibility 0.3s, opacity 0.3s linear;
}
.block-detail-section.hidden .block-detail{
	border: none;
	opacity: 0;
}
.block-detail-section .base-search {
	margin: 0 40px;
}
.block-detail-section .block-detail .display-section.scroll-y{
	position:absolute;
	top: 74px;
 left: 0;
 right: 0;
 bottom: 14px;
 padding: 20px;
}
.block-detail-section.hidden .block-detail{
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.3s, opacity 0.3s linear;
}
.block-detail .section.scroll-y::-webkit-scrollbar {
	width: 3px;
}
.block-bounding-section {
 width: 500%;
 height: 500%;
 border: 1px solid #ccc;
	border-radius: 6px;
	position:absolute;
	background: #11111130;
	margin: -1px;
}
.selected .block-bounding-section {
	border: 1px solid #1E88E5;
}
.block-bounding-section .parent-drawflow {
	background-color: #ececec;
	margin: 0;
 border-radius: 6px;
}
.block-bounding-section .chart-controls .base-button.-picon.-icon-only.-zoom .-icon {
	left: -6px;
}
.m-section {
	display:none;
 position: absolute;
 top: -8px;
 bottom: 8px;
 left: 8px;
 right: -8px;
 border: 1px solid;
 border-color: #ccc;
 border-radius: 8px;
 z-index: 0;
 background: inherit;
 border-left: none;
 border-bottom: none;
}
.m-section + .m-section {
 top: -5px;
 bottom: 3px;
 left: 4px;
 right: -5px;
}
.selected .m-section{
 border-color:#1E88E5;
}
.drawflow-node.-flow-reflection:not(.compound_reflection-block) > .m-section {
	display:block;
}
.service-listing-detail .base-section.fi-db-section {
	background: #ffffff;
 margin-bottom: 20px;
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.service-listing-detail .base-empty-state.real-svg.-full-page .-icon,
.service-listing-detail .base-empty-state.real-svg.-full-page .-icon svg {
 width: 120px;
 height: 120px;
}
.service-listing-detail .base-section.fi-db-section .base-title {
	width: 100%;
}
.service-listing-detail .base-section .section-header.-collapsible .base-block.-pavatar {
	position:absolute;
	left: 32px;
 top: 13px;
}
.service-listing-detail .base-section.fi-db-section .section-header.-collapsible {
 padding-left: 64px;
}
.service-listing-detail .base-pagination.-absolute .bp-exp {
	right: -16px;
}
.service-listing-detail .base-pagination.-absolute {
	width: calc(100% - 78px);
 top: auto;
}
.service-general-data .base-section.-fill-white {
	margin-bottom: 0;
}
.service-general-data .ticket-group .base-section .section-body {
	padding-top: 12px;
}
.service-general-data .ticket-group.active {
	background-color: #ffffff;
}
.service-general-data .detail-page > .-right.-full {
	display: flex;
 flex-direction: row;
 gap: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 margin-top: 0px;
 border-radius: 0 0px 12px 12px;
	padding: 0;
	position: relative;
 height: 100%;
}
.service-general-data .ticket-group.active > .base-section.-discussion {
 width: 400px;
 max-width: 30%;
 background: #f7f7f7;
	height: calc(100% - 16px);
 overflow: hidden;
 border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0;
}
.service-general-data .ticket-group.active > .base-section.-main-data {
	flex-grow: 1;
	flex-grow: 1;
 border: none;
 box-shadow: none;
	height: calc(100% - 16px);
 overflow: hidden;
	border-radius: 0 0 12px 0;
}
.service-general-data .ticket-group.active > .base-section.-main-data.-sub-content {
	max-width: 600px;
 min-width: 400px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.service-general-data .ticket-group.active > .base-section.-main-data.-custom-form {
	border-left: none;
}
.service-general-data .ticket-group.active > .base-section.-main-data.block-menu {
	max-width: 280px;
}
.service-general-data .ticket-group.active > .base-section.-main-data.block-menu.-collapse {
	max-width: 46px;
	.base-search {
 display: none;
	}
}
.service-general-data .ticket-group .base-section.-logs {
	padding-bottom: 60px;
 padding-top: 0;
	padding-left: 8px;
	.section-content {
 position: absolute;
 top: 64px;
 bottom: 12px;
	}
	.base-side {
 position: absolute;
 top: 20px;
 right: 20px;
	}
}
.service-general-data .section-content {
 position: absolute;
 top: 20px;
 left: 24px;
 bottom: 0;
 right: 0;
}
.service-general-data .section-content.block-menu-context {
	top: 16px;
 bottom: 12px;
 left: 16px;
 right: 0;
 max-height: calc(100vh - 220px);
 overflow: auto;
}
.service-general-data .ticket-group .-custom-form .base-section.-logs {
	.section-content {
 top: 64px;
	}
}
.service-general-data .base-section.-discussion .section-content {
	left: 20px;
	top: 44px;
}
.section-content.__apscrollbar_parent.__autohide .__apscrollbar_wrap {
	padding-right: 20px !important;
}
.ticket-group .base-section .section-body .section-content .transaction-category-wrapper .field-label {
	display:block;
}
.publicform-status-badge {
	display: inline-block;
	padding: 2px 10px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-radius: 999px;
	line-height: 18px;
}
.publicform-status-badge.-active {
	background: #dcfce7;
	color: #15803d;
}
.publicform-status-badge.-inactive {
	background: #f3f4f6;
	color: #6b7280;
}


.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-24 {
	margin-bottom: 24px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mb-5 {
	margin-bottom: 5px;
}
.pt-0 {
	padding-top: 0px;
}
.p-0 {
	padding: 0px;
}
.p-5 {
	padding: 5px;
}
.p-20 {
	padding: 20px;
}
.pb-0 {
	padding-bottom: 0;
}
.p-40 {
	padding: 40px;
}
.capital {
	text-transform: capitalize;
}
.-full.-wbox {
	box-shadow: none;
	font-size:14px;
 color:#343434;
}
.display-field + .-full.-wbox {
	padding: 12px 0;
}
.-full.-wbox .base-table tbody tr:last-child td {
	border-bottom: none;
}
.-full-size-block .-full.-wbox {
	padding-bottom: 48px;
}
.display-obj .section.p-0 {
	padding: 0;
}
.base-tooltip.connection-tooltip {
	position:absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	margin: 0;
}
.base-tooltip.connection-tooltip>.-bt-inner .-bt-arrow {
	left: 20px;
}
.base-icon-stat.icon-svg .-bis-icon {
	margin-top: 0;
}
.display-field .base-icon-stat.-icon-is-ap, .display-field .base-icon-stat.icon-svg{
	padding-bottom: 10px;
}
.base-icon-stat.-icon-is-ap,
.base-icon-stat.icon-svg {
	display:block;
}
.base-icon-stat.inline.text-sub.main.log-sub.icon-svg {
	position:absolute;
	top: -28px;
	left: -28px;
}
.base-icon-stat.inline.dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	padding: 0;
	background-color: #ccc;
	position:absolute;
}
.base-icon-stat.inline.dot.top-dot {
	top: 16px;
	left: -3px;
}
.base-icon-stat.inline.dot.bottom-dot {
	bottom: 24px;
	left: -3px;
}
.filter-btn .current-tag {
	font-weight: 500;
}
.main {
	color: #1E88E5 !important;
}
.base-button {
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 1px 2px 0px #1018280D;
}
.base-button.-cta {
	background-color: #1E88E5;
	color:#fff;
}
.border-col {
	position:absolute;
	top: -10px;
	left: 0;
	background-color: #ccc;
	z-index: auto;
	width: 1px;
	height: 70px;
}
.with-sub .border-col {
	height: 75px;
	top: -18px;
}
.border-row {
	background-color: #ccc;
	position:absolute;
	z-index: auto;
	height: 1px;
	width: 15px;
	margin: auto;
	left: 0;
	top: 24px;
}
.display-field .field-value .base-none,
.display-field .base-avatars .base-none {
	color:#333;
}
.display-field .field-value .avatar.avatar-32 {
 width: 26px;
 height: 26px;
}
.display-field .field-value .avatar >.image {
 overflow: hidden;
}
.display-field .field-value .avatar.avatar-32 img {
 width: 26px;
 height: 26px;
}
.main-info.base-info .base-user-no.url {
	font-style: italic;
	color:#1E88E5;
}
.logged-avatar .base-avatars .block-avatar {
	width: 100%;
	height: 100%;
	border: none;
}
.logged-avatar .base-avatars .block-avatar:hover {
	text-decoration: none;
}
.progress-section .base-avatars .inline-avatar {
	width: 100%;
}
.detail-page > .-right .base-avatars .inline-avatar,
.detail-page > .-right .fe-users .fe-avatar:after {
	border: none;
}
.detail-page .base-avatars .inline-avatar > .-more {
	padding-top: 3px;
}
.detail-page > .-right .base-avatars.-sm .inline-avatar .base-info {
	padding-left: 26px;
 margin-top: -16px;
}
.logged-avatar .block-avatar .-signal {
	top: 16px;
 left: 16px;
}
.logged-avatar .noted {
	position:absolute;
	top: 6px;
 right: -6px;
}
.logged-avatar .noted .base-icon-stat .-bis-icon {
	color:#219D5B;
}
.logged-avatar .noted .base-icon-stat.-error .-bis-icon {
	color:#c34343;
}
.ticket-assignees .base-avatars.clear-fix {
	position:relative;
 padding: 8px 8px 6px;
}
.ticket-assignees .base-avatars.clear-fix:first-child {
	padding-top: 0;
}
.ticket-main .sub-menu .section-content .section-body > .start-bc:first-child {
	margin-top: -8px;
}
.ticket-assignees .base-avatars.clear-fix .lds-grid.sla-dot {
	position:absolute;
 padding: 0;
 top: 12px;
 right: 16px;
}
.lds-grid.sla-dot div {
	width: 12px;
	height: 12px;
	background-color: #219D5B;
}
.lds-grid.sla-dot.late div {
	background-color: #c34343;
}
.lds-grid.sla-dot.incoming div {
	background-color: #1E88E5;
}
.logged-avatar .block-avatar .base-info {
	padding-left: 40px;
	margin-top: -20px;
}
.cell .text-limit {
	margin-top: 8px;
}
.repeat-block {
	background: linear-gradient(90deg, #a9d2fa 50%, transparent 50%),
 linear-gradient(90deg, #a9d2fa 50%, transparent 50%),
 linear-gradient(0deg, #a9d2fa 50%, transparent 50%),
 linear-gradient(0deg, #a9d2fa 50%, transparent 50%);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: 16px 3px, 16px 3px, 3px 16px, 3px 16px;
	background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
	border-radius: 6px;
	padding: 2px;
	animation: repeat 10s linear infinite;
}
.repeat-block.-slow {
	background: linear-gradient(90deg, #a9d2fa 50%, transparent 50%),
 linear-gradient(90deg, #a9d2fa 50%, transparent 50%),
 linear-gradient(0deg, #a9d2fa 50%, transparent 50%),
 linear-gradient(0deg, #a9d2fa 50%, transparent 50%);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: 16px 2px, 16px 2px, 2px 16px, 2px 16px;
	background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
	border-radius: 6px;
	padding: 2px;
	animation: repeat 40s linear infinite;
}
@keyframes repeat {
	to {
 background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
	}
}
.lds-grid {
	display: block;
 position: relative;
 margin: auto;
 margin-left: calc(50% - 40px);
 margin-top: 44px;
	pointer-events: none;
	height: 98px;
}
.lds-grid.-sm {
	height: 28px;
 margin-top: 0px;
 zoom: 0.5;
}
.lds-grid.-sm.mt-50 {
 margin-top: 100px;
}
.lds-grid.-sm.mt-200 {
 margin-top: 200px;
}
.lds-grid div {
	background-color: #ccc;
	position:absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
	top: 8px;
	left: 8px;
	animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
	top: 8px;
	left: 32px;
	animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
	top: 8px;
	left: 56px;
	animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
	top: 32px;
	left: 8px;
	animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
	top: 32px;
	left: 32px;
	animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
	top: 32px;
	left: 56px;
	animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
	top: 56px;
	left: 8px;
	animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
	top: 56px;
	left: 32px;
	animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
	top: 56px;
	left: 56px;
	animation-delay: -1.6s;
}
@keyframes lds-grid {
	0%,
	100% {
 opacity: 1;
	}
	50% {
 opacity: 0.5;
	}
}
span.load-more {
	display:block;
 color:#1E88E5;
 cursor: pointer;
 background: transparent;
 padding: 16px;
 border-top: 1px solid #f5f5f5;
 width: calc(100% - 32px);
}
span.load-more.hidden {
	display:none;
}
.logged-section .base-button.url:hover > span,
.base-button.-white.url:hover > span,
.kanban-card-content .url:hover,
.base-button.-main.url:hover > span,
.url:hover > span {
	color:#1E88E5;
}
.-pending .url:hover > span,
.start-block .url:hover > span,
.base-button.url:hover > span {
	color:#ffffff;
}
.base-button.-default.url:hover > span {
	color:#267cde;
}
.base-button.hover-main.url:hover > span {
	color:#267cde;
}
.left-bar, .right-bar {
	gap: 10px;
 display: flex;
 align-items: center;
}
.right-bar {
	margin-top: -26px;
}
.arrow-wrapper {
	top: 0px;
 right: -7px;
 bottom: 0px;
 width: 7px;
 overflow: hidden;
	position:absolute;
}
.arrow {
 width: 8px;
 height: 36px;
 top: -6px;
 left: 0px;
 z-index: 999;
	position:absolute;
}
.arrow:after {
 background-color: transparent;
 width: 30px;
 height: 30px;
 right: -8px;
 top: 3px;
 border-top: 3.5px solid #fff;
 border-right: 3.5px solid #fff;
 transform: scaleX(.3) rotate(45deg);
 content: " ";
 cursor: pointer;
	position:absolute;
}
.base-bc .base-bc-item:hover span.sub-label::before {
	background-color: #1E88E5;
}
.base-bc .base-bc-item:hover span.sub-label,
.base-bc .base-bc-item:hover{
	color:#1E88E5;
}
.base-bc .-icon-svg svg {
	width: 24px;
 height: 22px;
 color:#1E88E5;
}
.base-bc.-with-icon .base-bc-inner {
	width: 100%;
	padding-left: 24px;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: center;
	font-size:14px;
 color:#242424;
}
.base-bc.-with-icon .base-bc-inner > div {
	width: calc(100%);
}
.ticket-tree {
	.select-all {
 display: flex;
 justify-content: left;
 align-items: center;
 gap: 10px;
 left: 14px;
 position: relative;
 z-index: 1;
	}
	.section-header {
 padding: 0 0 12px;
 border: none;
 .base-title {
 font-size: 13px;
 color: #616161;
 font-weight: 500;
 }
	}
	.section-body {
 padding: 0 0 20px;
 margin-left: -14px;
	}
	.base-bc.-with-icon .base-bc-inner > .fi-checkbox {
 width: 18px;
 position: absolute;
 top: 0;
 left: auto;
 margin-left: 14px;
 z-index: 1;
 background: #ffffff;
	}
	.base-bc.-with-icon .base-bc-inner > .fi-checkbox.-disable {
 pointer-events: none;
 background: #ccc;
 border-radius: 6px;
	}
	.start-bc > .base-bc.-with-icon > .base-bc-inner {
 position: relative;
	}
	.base-bc.-stacked .base-bc-item:nth-child(2) {
 margin-left: 40px;
 padding-top: 2px;
 padding-bottom: 12px;
 width: calc(100% - 40px);
	}
	.base-bc.-stacked > .base-bc-inner > .-root.base-bc-item:after {
	display:none;
	}
	.base-bc.-stacked > .base-bc-inner > .base-bc-item:after {
 left: -42px;
 top: 0;
	}
	.ticket-bc-item:after {
 left: 22px;
 bottom: calc(100% - 0px);
	}
}
.base-bc.-with-icon .base-bc-inner .base-bc-inner {
 width: calc(100% - 24px);
}
.base-bc-inner {
	width: 320px;
}
.base-bc-inner .base-bc-inner {
	width: 300px;
}
.base-bc-inner .base-bc-inner .base-bc-inner {
	width: 280px;
}
.detail-page .base-bc {
	font-size:13px;
 color:#888;
	position:relative;
}
.base-bc > .-icon {
	position:absolute;
	top: 4px;
}
.base-bc .lds-grid {
	width: 120px;
}
.base-bc.-stacked .base-bc-item {
	padding: 8px;
	padding-left: 2px;
	margin-bottom: 1px;
	width: 100%;
	margin: 0;
	z-index: 1;
	background-color: #ffffff;
}
.base-bc.-stacked .base-bc-item.active {
	font-weight: 600;
	color:#1E88E5;
}
.base-bc.-stacked .base-bc-item:nth-child(1):after {
	display:block;
	display:none;
}
.start-bc > .base-bc > .base-bc-inner > .base-bc-item:nth-child(1):after {
	display:none;
}
.base-user .base-user-name {
 font-weight: 400;
}
.base-followers.-compact .fe-users {
	padding-left: 8px;
}
.base-followers.-compact .fe-users .fe-actions {
	clear: both;
 padding: 0;
 padding-top: 8px;
 padding-left: 0px;
 margin-left: -6px;
}
.base-followers.-compact .fe-users .fe-actions .fe-action, .base-followers.fe-compact .fe-users .fe-actions .fe-action {
	text-transform: math-auto;
}
.bm-area{
	position:relative;
	padding-bottom:15px;
	height: auto;
 display: flex;
 flex-direction: column;
}
.bm-area .area-title{
	font-weight:500;
	font-size:13px;
	position:relative;
	font-weight:500;
 color:#aaa;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	text-transform: math-auto;
	padding:8px 0 4px 16px;
}
.bm-area .area-title:after{
	font-family:FontAwesome; content:"\f0d7";
	position:absolute;
	font-size:14px;
 color:#aaa;
	left:0px;
	top:3px;
	top:7px;
}
.ticket-group .bm-area .area-title:after {
	top:3px;
}
.ticket-group .esign-section .bm-area .area-title:after {
	top:5px;
}
.ticket-group .esign-section .bm-area:last-child {
	padding-top: 0;
 margin-bottom: 0;
 border: none;
	padding-bottom: 8px;
}
.ticket-group .esign-section .bm-area:first-child {
	padding-top: 12px;
}
.ticket-group .esign-section .-side-action {
	margin-right: 8px;
	font-weight: 400;
}
.ticket-group .esign-section .-side-action:hover {
	text-decoration: underline;
}
.ticket-group .esign-section .group-esign-item > .field-label {
	color: #333;
	font-weight: 500;
}
.ticket-group .esign-section .bm-area {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 padding-top: 12px;
 padding-bottom: 20px;
 margin-bottom: 12px;
}
.detail-page > .-right .ticket-group .esign-section .bm-area .area-title {
	padding-bottom: 8px;
}
.ticket-group .esign-section {
	.grabme {
 position: absolute;
 top: 0px;
 right: 24px;
 .-bt-inner,
 .base-tooltip {
 bottom: -4px;
 right: -20px;
 left: auto;
 min-width: fit-content;
 max-width: fit-content;
 white-space: nowrap;
 text-align: left;
 padding: 0 12px;
 }
 .-bt-inner .-bt-arrow {
 right: 12px;
 left: auto;
 }
 .base-avatars .inline-avatar {
 margin-bottom: -12px;
 }
	}
	.current-esign-group.current-esign-block .base-esign-proposal {
 display: none;
	}
	.base-esign-canvas .base-esign-files .be-file {
 border: none;
	}
}
.base-esign-canvas .base-esign-files {
	padding: 8px;
 border-radius: 6px;
 margin-left: -12px;
}
.bm-area.-dialog {
	padding-bottom: 0;
}
.bm-area.-dialog .area-title {
	padding-left: 16px;
}
.bm-area.-dialog .area-title:after {
	left: 0;
}
.bm-area > div:nth-child(2) {
	display:block;
	opacity: 1;
	height: auto;
	padding-left: 16px;
	visibility: visible;
}
.bm-area.-dialog > div:nth-child(2) {
	padding-left: 0;
}
.bm-area.-collapsed > div:nth-child(2){
	opacity: 0;
	height: 0;
	visibility: hidden;
}
.bm-area .area-title:after,
.bm-area.-collapsed .area-title:after {
	transition: transform 0.15s;
}
.bm-area .area-title:hover,
.bm-area.-collapsed .area-title{
	color:#343434;
}
.bm-area.-collapsed .area-title:after{
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(270deg); -ms-transform: rotate(270deg);
 -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
}
.base-search input {
	font-size:12px;
 background-color: #f5f5f5;
	border-radius: 6px;
 border-color: #f5f5f5f5;
	padding: 8px 10px 8px 32px;
}
.base-search:after {
	color:#616161;
	right: auto;
 left: 10px;
}
.base-button.-picon.active {
	font-weight: 500;
	color: #1E88E5;
 border-color: #1E88E5;
	padding-left: 12px;
}
.base-button.-picon.-no-action.-menu-item .-icon .-icon-svg svg {
	width: 24px;
 height: 24px;
}
.base-button.-picon.-no-action.-menu-item.-app-icon .-icon .-icon-svg svg {
 padding-top: 4px;
 padding-left: 3px;
 width: 16px;
 height: 16px;
}
.base-button.-picon.-no-action.-menu-item.-main-app-icon .-icon .-icon-svg svg {
	padding-top: 0px;
 padding-left: 0px;
 margin-top: -4px;
 margin-left: -4px;
 width: 32px;
 height: 32px;
}
.display-field .field-value .base-button:hover .-txt {
	color:#1E88E5;
}
.card-item {
 padding: 0 20px;
}
.unit-text {
	text-transform: math-auto !important;
}
.detail-page .base-bc.clear-fix:after {
	font-family: FontAwesome;
 content: "\f107";
 position: absolute;
 font-size: 14px;
 color: #aaa;
 left: 0px;
 top: 7px;
	display:none;
}
.base-button.btn-quick-upload-files {
	font-size:13px;
	color:#1E88E5;
	padding: 0;
	box-shadow: none;
}
.temp-input,
.temp-input + .improve-select {
	position:relative;
 padding-top: 0px;
 top: -33px;
}
.temp-input.input-custom-formula textarea {
 margin: 0;
 height: 34px;
 min-height: 34px;
}
.-full-size-block .block-detail {
	position:relative;
	width: calc(100%);
}
.-full-size-block .block-detail .base-side {
	position:absolute;
 top: -7px;
 right: -20px;
}
.-full-size-block .header-detail {
	padding-left: 0;
	margin-left: 20px;
	margin-right: 30px;
}
.text-main {
	color:#1E88E5;
}
.single-line.ap-xdot {
	white-space: normal;
 text-overflow: ellipsis;
 display: -webkit-box;
 line-clamp: 1;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
}
.display-field .field-value .url:hover,
.display-field .field-value .url:hover > .ap-xdot {
	color:#1E88E5;
}
.display-field .field-value .-cmenu.-padding .-item:hover {
	color:#ffffff;
}
.display-field .field-value .base-user.url:hover {
	color:#1E88E5;
	text-decoration: none;
}
.base-user .base-user-avatar {
	width: 26px;
 height: 26px;
 border-radius: 50%;
 left: 4px;
 top: 4px;
}
.-url-inactive .base-button:hover {
	cursor: unset;
}
.select-direct-manager {
	position:relative;
	top: -10px;
}
.select-direct-manager:hover {
	text-decoration: underline;
}
.col-note {
 background: rgba(66,184,20,0.1);
 color: #34960d;
 padding: 8px 10px;
 border-radius: 6px;
}
.col-note:last-child {
	margin-bottom: 15px;
}
.tag.-signal {
	position:absolute;
	padding: 0;
	font-size:10px;
	text-align: center;
	bottom: -8px;
	left: -22px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	color: #fff;
	z-index: 10;
	border: 1px solid #FFFFFF;
}
.tag.-signal .-ap {
	display: inline-block;
	padding-top: 3px;
}
.approval-block .tag.-signal {
	top: 18px;
	left: 2px;
}
.-condition+.tag.-signal {
	bottom: 22px;
	left: 24px;
}
.object-section .base-table tbody td {
	border-bottom: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.base-sep {
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
form .base-sep {
	border: none;
}
.origin-selector {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.moveable {
	cursor: all-scroll;
}
.block-box.base-section.approval-block {
	width: 0px;
	min-width: 0;
	padding: 0;
	border: none;
	min-height: 15px;
}
.approval-block+.btn-box .btn-container {
	top: calc(50% - 5px);
}
.display-cover.-pavatar {
 padding-left: 64px;
}
.display-cover .base-side {
	right: 10px;
 top: 26px;
}
.display-cover.-pavatar .base-avatar {
	top: 5px;
	left: -45px;
}
.full-height {
	min-height: 90vh;
	position:relative;
}
.absolute.container {
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.base-info .-bg-success,
.base-info .-bg-error {
	text-align: center;
	color:#ffffff;
	display:inline-block;
	border-radius: 6px;
	padding: 0px 3px;
}
.-bg-info {
	background: #ca77c4 !important;
}
.success {
	color: #058f03 !important;
}
.warning {
	color: #c39000 !important;
}
.-cmenu.-padding .-item.main:hover,
.-cmenu.-padding .-item.success:hover,
.-cmenu.-padding .-item.warning:hover {
	color: #ffffff !important;
}
.approval-block .base-block>.base-avatar {
	background-color: #f5f5f5;
}
.pl-45 {
	padding-left: 45px;
}
.pr-20 {
	padding-right: 20px;
}
.section-header .base-avatar .avatar-icon,
.block-box .base-avatar .avatar-icon,
.block-detail .display-cover .base-avatar .avatar-icon {
	background-color: inherit !important;
	color: inherit !important;
	border-color: inherit !important;
}
.section-header .base-block>.base-avatar {
	border-radius: 50%;
}
.-full-size-block.empty-state {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
}
.-full-size-block.empty-state .base-button {
	width: fit-content;
	text-align: center;
}
.flex-row.center {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
.base-button.-picon.-no-action.-menu-item .-icon {
	position:absolute;
	top: 3px;
 left: 4px;
	width: 24px;
 height: 24px;
}
.col-header .base-button.-picon.-no-action.-menu-item .-icon {
	width: 18px;
 height: 18px;
}
.-name-only {
	text-align: center;
}
span.url.text-title.show-more {
	padding: 20px;
	top: 0px;
	position: relative;
	display: block;
}
.base-button.-done {
	background-color: #14b821;
	color: #fff;
}
.text-sub.text-white.icon-svg .-bis-content {
	color:#ffffff;
}
.noted {
 top: -4px;
 left: 24px;
	position:absolute;
}
.noted .base-icon-stat .-bis-icon svg {
	width: 20px;
	height: 20px;
	color:#1E88E5;
}
.noted:hover .base-tooltip .-bt-inner {
 min-width: 128px;
 width: fit-content;
}
.noted .base-tooltip > .-bt-inner .-bt-arrow {
	left: 16px;
}
.-bg-success {
 background-color: #219D5B;
}
.-bg-checked {
 background-color: #1E88E5;
}
.-bg-bypassed {
	background-color: #b77725;
}
.fi-checkbox.-checked .-fcb {
 background-color: #219D5B;
 border: 1px solid #219D5B;
 color: #fff;
}
.display-cover > .base-title {
	padding-right: 12px;
}
.display-cover.embedded-cover > .base-title {
	padding-right: 88px;
}
.display-cover.-pavatar .st {
	margin-top: 8px;
}
.base-tooltip > .-bt-inner {
	border-radius: 6px;
	min-width: 24px;
}
span.extra-info {
	font-size:12px;
 color:#383838;
 padding: 4px;
 font-style: italic;
	line-height: 24px;
}
.-condition span.extra-info {
	display:none;
}
.-fvariable span.-ftype {
	position:absolute;
 font-weight: 500;
 width: 32px;
 height: 32px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0;
 top: 0;
 left: 0px;
 font-size: 10px;
 color: #fff;
 background: #34960dc2;
	word-wrap: break-word;
 word-break: break-all;
	text-align: center;
}
.-fvariable .team-image {
	opacity: 0;
}
.base-avatar.-formula .avatar-icon svg {
 fill: currentcolor;
 width: 22px;
 height: 22px;
}
.base-avatar.-formula .avatar-icon {
	top: -4px;
}
.ui-state-active,
.ui-autocomplete > li > a:hover,
.ui-widget-content .ui-state-active {
	background-color: #e7f4ff;
 color: #1E88E5;
}
.ui-state-active .team-option .team-info,
a:hover .team-option .team-info {
	overflow: auto;
 text-overflow: ellipsis;
 word-wrap: break-word;
 height: auto;
 white-space: break-spaces;
}
.-working .block-box.base-section {
	background-color: #205db3;
	color:#fff;
}
span.num-items.-bounder {
	position:absolute;
 top: 10px;
 right: 28px;
 background: #f7f7f7;
 border-radius: 50%;
	width: 24px;
 height: 24px;
 align-items: center;
 text-align: center;
 display: flex;
 justify-content: center;
}
span.num-items.-bounder.-collapsible {
	right: 36px;
}
.base-iconbox.-square .-bi {
	border-radius: 5px;
}
.box-alt1-edge, .box-alt1-edge:hover,
.box-alt1, .box-alt1:hover,
.input-switch input:checked + .slider,
.box-alt1, .-bg-alt1 {
	background-color: #1E88E5;
}
.super-cell-wrapper .cell-edit {
	right: 1px;
	top: 5px;
}
.super-row:nth-last-child(-n+10) .super-cell-wrapper .cell-edit .-cmenu {
	top: auto;
 bottom: 28px;
	z-index: 10000;
}
.super-row:nth-child(-n+10) .super-cell-wrapper .cell-edit .-cmenu {
	bottom: auto;
 top: 28px;
	z-index: 10000;
}
span.-editable-text {
 position: absolute;
 top: 16px;
 right: 0;
 width: 64px;
 text-align: right;
	color: #247106;
}
span.-editable-text.-view {
	color: #888;
}
.block-spotlight .bounder {
 padding: 5px;
	background: rgb(255 255 255 / 10%);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
}
.bounder span {
	width: 24px;
 height: 24px;
	border-radius: 50%;
	background-color: #eee;
 color: #333;
 display: block;
	font-size: 10px;
 font-weight: 500;
 line-height: 24px;
}
.ring-animation.fixed div {
	animation: none;
	max-width: 23px;
}
.block-bypass-detail-wrapper {
	display: flex;
}
.block-bypass-detail-wrapper > .display-field {
	flex: 1;
}
.trans_conds_wrapper {
	padding: 12px;
 border-radius: 6px;
 background: #f7f7f7;
}
.trans_conds_detail_wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 12px;
}
.trans_conds_wrapper > div:nth-child(3) {
	padding-top: 12px;
}
.display-docs-btn {
	right: 28px !important;
}


.query-builder .rule-container,
.query-builder .rule-placeholder,
.query-builder .rules-group-container {
	position: relative;
	margin: 5px 0;
	border-radius: 5px;
	padding: 2px 4px;
	border: 0px solid #eee;
	background: rgba(255, 255, 255, .9)
}
.query-builder .rule-container {
	padding-right: 20px;
}
.query-builder .drag-handle,
.query-builder .error-container,
.query-builder .rule-container .rule-filter-container,
.query-builder .rule-container .rule-operator-container,
.query-builder .rule-container .rule-value-container {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle
}
.query-builder .rule-container .rule-operator-container {
	width: 160px !important;
	box-sizing: border-box;
}
.query-builder .rule-container .rule-filter-container {
	width: 200px !important;
	box-sizing: border-box;
}
.query-builder .rule-container .rule-value-container {
	width: 200px !important;
	box-sizing: border-box;
}
.query-builder .rules-group-header {
	margin-bottom: 28px;
	right: 5px;
}
.query-builder .rules-group-header .group-actions {
	top: 8px;
	right: 14px;
}
.query-builder .rules-group-header .group-actions .btn {
	display:inline-block;
	cursor:pointer;
	font-size:15px;
 color:#aaa;
	position:relative;
	padding: 2px 5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #f3f3f3;
}
.query-builder .rules-group-header .group-actions .btn:hover {
	color:#444;
	background-color: #ddd;
}
.query-builder .rules-group-header .group-actions .btn.btn-success {
	color:#fff;
	background-color: #5cb85c;
}
.query-builder .rules-group-header .group-actions .btn.btn-danger {
	color:#fff;
	background-color: #d9534f;
}
.query-builder .rules-group-header .group-actions .btn.btn-success:hover {
	background-color: #4ea74e;
}
.query-builder .rules-group-header .group-actions .btn.btn-danger:hover {
	background-color: #d0524e;
}
.query-builder .rules-group-header .group-conditions .tab-condition {
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	background-color: #ccc;
	padding: 3px 8px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	float:left;
}
.query-builder .rules-group-header .tab-condition.active {
	background-color: #286090;
	font-weight:500;
}
.query-builder .rule-header .rule-actions {
	top: 12px;
	right: 4px;
}
.query-builder .rule-header .btn {
	padding: 2px 5px;
	border-radius: 3px;
}
.query-builder .rule-header .btn:hover {
	color:#444;
}
.query-builder .rule-header .btn.btn-danger {
	color:#fff;
	background-color: #d9534f;
	border: 1px solid #d43f3a;
}
.query-builder .rule-header .btn-group .btn {
	cursor:pointer;
}
.query-builder .rule-header .btn-group .btn.btn-remove {
	font-size:14px;
	color:#aaa;
	margin: 3px;
}
.query-builder .rule-header .btn-group .btn.btn-remove:hover {
	color:#444;
}
.query-builder .rules-list {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0
}
.query-builder .rule-value-container {
	border-left: 0px solid #ddd;
	padding-left: 5px
}
.query-builder .rule-value-container input {
	width: 200px !important;
}
.query-builder .rule-value-container .input-fake {
	width: 200px;
	padding: 11px 8px;
	box-sizing: border-box;
}
.query-builder .rule-value-container .input-fake:after {
	top: 12px !important;
}
.query-builder .rule-value-container label {
	margin-bottom: 0;
	font-weight: 400
}
.query-builder .rule-value-container label.block {
	display: block
}
.query-builder .rule-value-container textarea {
	padding: 1px
}
.query-builder .rules-list>::after,
.query-builder .rules-list>::before {
	content: '';
	position: absolute;
	left: -12px;
	width: 10px;
	height: 60%;
	border-color: #ccc;
	border-style: solid
}
.query-builder .rules-list>::before {
	top: -4px;
	border-width: 0 0 1px 1px
}
.query-builder .rules-list>::after {
	top: 50%;
	border-width: 0 0 0 1px
}
.query-builder .rules-list>:first-child::before {
	top: -8px;
	height: 72%;
}
.query-builder .rules-list>:last-child::before {
	border-radius: 0 0 0 4px
}
.query-builder .rules-list>:last-child::after {
	display: none
}
.query-builder p.filter-description {
	margin: 5px 0 0 0;
	background: #d9edf7;
	border: 1px solid #bce8f1;
	color: #31708f;
	border-radius: 5px;
	padding: 2.5px 5px;
	font-size: .8em
}
.query-builder .drag-handle {
	cursor: move;
	vertical-align: middle;
	margin-left: 5px
}
.query-builder .dragging {
	position: fixed;
	opacity: .5;
	z-index: 100
}
.query-builder .dragging::after,
.query-builder .dragging::before {
	display: none
}
.query-builder .rule-placeholder {
	border: 1px dashed #bbb;
	opacity: .7
}
.query-builder .btn-group.group-conditions>.btn:first-child:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.query-builder .btn-group.group-conditions>.btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.query-builder .btn-group {
	border-radius: 3px;
}
.query-builder .rules-group-header .group-actions .btn .base-icon {
	position:relative;
	display: inline-block;
}
.query-builder .rules-group-header .group-actions .btn .base-icon svg {
	height: 12px;
}
.query-builder .rule-container.formula .rule-filter-container {
	width: 582px !important;
}
.fx-container-box .rules-group-container,
.fx-container-box .rule-container {
	background: transparent;
	padding-left: 0px;
}
.fx-container-box .rule-builder-wrapper .base-title {
	font-size:15px;
	font-weight:500;
 color:#444;
}
.fx-container-box {
	position:relative;
}
.fx-container-box .base-side {
	position:absolute;
	top: 8px;
	right: 38px;
}
.fx-container-box .base-side .base-button {
	color:#888;
}
.fx-container-box .base-side .base-button:hover {
	color:#1E88E5;
}
#transformers-dx .tr-placeholder {
	width: 100%;
	background-color: #f3f3f3;
	height: 75px;
}
#transformers-dx .input-objs {
	padding-left: 6px;
}
#transformers-dx .input-objs .iow-title {
	text-transform:uppercase;
	font-weight:500;
	position:relative;
 color:#42b814;
	font-size:12px;
}
#transformers-dx .icon-help-with-circle {
	color:#888;
}
#transformers-dx .-cb-title .-infow {
	margin-left: 8px;
	text-transform: none;
}
#transformers-dx .iow-title .-infow {
	margin-left: 8px;
	text-transform: none;
}
.excel-suggest-popup {
	text-align: left;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	width: 300px;
	padding: 8px 10px;
	box-shadow: 0 2px 10px 0px rgb(0 0 0 / 5%);
	z-index: 999;
	overflow-y: auto;
	min-width: fit-content;
	position:absolute;
}
.excel-suggest-popup .signature {
	color: #888;
	font-size: 13px;
	padding: 6px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}
.excel-suggest-popup .signature .mark {
	font-weight: bold;
}
.excel-suggest-popup .signature .desc {
	color: #aaa;
	font-size: 12px;
	margin-top: 8px;
}
.excel-suggest-popup .params .param {
	color: #aaa;
	font-size: 12px;
	padding: 6px 0;
}
.excel-suggest-popup .params .param .name {
	font-weight: bold;
	margin-bottom: 4px;
}
.excel-suggest-popup {
	display:none;
}
textarea:focus+.excel-suggest-popup {
	display:block;
}
.input-table .input-table-actions {
	position:absolute;
	top: 25px;
 right: 1px;
	border-radius: 6px;
}
.visible-custom-table .base-table-wrapper tbody .-fx .cell {
	height: 32px;
}
.visible-custom-table .base-table tbody .cell {
	background-color: #ffffff;
}
.visible-custom-table .base-table tbody .cell {
	position: relative;
}
.visible-custom-table .base-table tbody .cell {
	padding: 13px 10px 13px 20px;
	position: relative;
}
.form .row.-upper.switch-item {
	display:none;
 margin-top: -16px;
}
.form .row.switch-item.-isinput-group-conditions {
	margin-top: -32px;
}
.form .fx-container-box.activated, .form.-flat .row.fx-container-box.activated.-guideline {
	background-color: #ffffff;
}
#s-custom-selection .isearch {
	max-width: 440px;
	margin: auto;
	position:relative;
}
#s-custom-selection .title {
	font-size: 20px;
	line-height: 28px;
	padding: 24px 24px 12px;
	font-weight: 600;
}
#s-custom-selection .isearch:after {
	color:#616161;
	right: auto;
	font-family:ap; content:"\f162";
	position:absolute;
	font-size:14px;
	left: 12px;
	top: 9px;
}
#s-custom-selection .isearch input {
	padding-left: 32px;
 margin-bottom: 20px;
 border-radius: 6px;
 border: none;
 background: #f7f7f7;
 height: 32px;
 font-size: 14px;
}
#s-custom-selection .scards {
	background-color: #f7f7f7;
	margin: 0px 24px 24px;
	padding: 20px 80px;
	border-radius: 6px;
}
#s-custom-selection .scards .scard {
	flex: 1 1 264px;
 border-radius: 6px;
 height: 272px;
}
#s-custom-selection .scard .body .base-list.-comfort .list-item .li-container {
	cursor: pointer;
}
.form-dialog .sample-note.block-guideline {
	overflow: auto;
	max-height: fit-content;
}
.form-dialog .sample-note.block-guideline .js-more {
	display:none;
}
.form-dialog .sample-note.block-guideline.-collapse {
	position:relative;
	max-height: 40px;
	overflow: hidden;
}
.form-dialog .sample-note.block-guideline.guideline.-collapse {
	max-height: 160px;
}
.form-dialog .sample-note.block-guideline.guideline.transform-keys.-collapse {
	max-height: 80px;
}
.form-dialog .sample-note.block-guideline.guideline.transform-keys.-collapse.custom-guideline {
	max-height: 44px;
}
.form-dialog .sample-note.block-guideline.-collapse .js-less {
	display:none;
}
.form-dialog .sample-note.block-guideline p:last-child {
	padding-bottom: 0;
}
.form-dialog .sample-note.block-guideline.-collapse .js-more {
	display: flex;
	position:absolute;
	width: 100%;
 bottom: 0;
}
.block-guideline .base-button {
 border: none;
 box-shadow: none;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
	gap: 4px;
 padding: 0;
	color:#36930f;
}
.block-guideline .base-button:hover {
	text-decoration: underline;
}
.block-guideline .base-button.url:hover > span {
	color:#36930f;
}
.block-guideline .base-button.js-more {
	background-image: linear-gradient(rgb(236 248 231 / 40%), rgb(236 248 231), rgb(255 255 255));
 margin-left: -12px;
 margin-right: -12px;
}
.block-guideline.comparator .base-button.js-more {
	background-image: linear-gradient(rgb(236 248 231 / 40%), rgb(236 248 231), rgb(249 249 249));
}
.block-guideline .base-button .-icon {
	position:relative;
 top: 0;
 left: 0;
	scale: 0.8;
}
.output-items .output-item,
.output-items .fr-content {
	width: 100%;
 display: flex;
 align-items: center;
 justify-content: space-between;
	gap: 20px;
}
.output-items .base-block.-pavatar {
	position:relative;
 height: 32px;
 padding-left: 0;
}
.output-items .base-button.-picon.-no-action.-menu-item {
	scale: 0.8;
}
.output-items .base-form-row .fr-input {
	padding: 0;
	width: calc(100% - 36px);
}
.output-items .base-form-row .fr-input input {
	padding: 7px 8px;
}
.visible-custom-table .base-table-wrapper .base-table thead td:last-child {
	padding-right: 48px;
}
.cform-display-table .input-table-master,
.visible-custom-table .input-table-master {
	min-width: 100%;
}
.visible-custom-table .base-table-wrapper .base-table thead td > div {
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
	max-width: 750px;
}
.cf-comparator {
	display: flex;
	flex-direction: row;
	gap: 12px;
	flex-grow: 1;
	position: absolute;
	top: 40px;
	bottom: 80px;
	padding: 20px;
}
.cf-comparator > .display-field {
 max-width: 50%;
}
.cf-comparator .custom-field-detail .base-cf-preview {
 padding-bottom: 0;
 box-shadow: none;
 border: none;
 border-radius: 6px;
}
.cf-comparator .custom-field-detail.scroll-y {
 max-height: 400px;
	margin-top: 12px;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.cf-comparator > .display-field:last-child {
 padding-left: 20px;
 border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.block-cf-comparator base-button.-continue-form {
	position:absolute;
	background-color: #1E88E5;
	bottom: 58px;
 left: 20px;
 right: 20px;
 padding: 8px;
 cursor: pointer;
 text-align: center;
 border-radius: 6px;
}
.wrapper-email-input {
	position: relative;
	.input-custom-formula {
 position: absolute;
	}
	.textarea {
 position: absolute;
	}
}
.block-department-role {
 padding: 12px;
 border: 1px solid rgba(0,0,0,0.1);
 border-radius: 6px;
 background: #ffffff;
 margin-bottom: 12px;
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #f7f7f7;
	.base-side {
 position: absolute;
 top: 12px;
 right: 12px;
 .-icon-svg {
 cursor: pointer;
 transition: transform 0.3s ease;
 zoom: 0.75;
 }
 .-icon-svg:hover svg {
 fill: rgb(230, 64, 64);
 transform: scale(1.04) rotate(20deg);
 }
	}
	.fr-label {
 font-weight: 500;
 font-size: 14px;
 margin-top: 14px;
 color: #616161;
	}
	.base-spinner {
 margin-top: 10px;
	}
}
.display-role-wrapper {
 display: flex;
	flex-direction: column;
 background-color: #f7f7f7;
 position: relative;
 padding: 14px;
 border-radius: 9px;
 margin-bottom: 9px;
 height: auto;
	.lds-grid {
 position: absolute;
 width: 100%;
 height: 100%;
 margin-left: calc(50% - 54px) !important;
 margin-top: 0px !important;
	}
	.display-role-title {
 font-size: 11px;
 font-weight: 600;
 padding-bottom: 8px;
 text-transform: uppercase;
 color: #247106;
	}
	.field-wrapper {
 display: flex;
 .display-field {
 flex: 1;
 .field-value {
 max-width: 95%;
 }
 }
	}
}
.input-group-departments .-btn-add-block-role{
	color: #0BAD57;
}
.block-table-todos-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
}
.block-table-todos-wrapper .table-todos td .cell-lead {
	width: 100%;
	box-sizing: border-box;
}
.block-table-todos-wrapper .table-todos td .cell-lead input{
	width: 100%;
	padding: 6px 6px 0 6px;
	box-sizing: border-box;
	font-size: 14px;
	height: 32px;
	border: none !important;
	text-overflow: ellipsis;
}
.block-table-todos-wrapper .table-todos td .cell-lead {
	padding: 0 !important;
}
.block-table-todos-wrapper .table-todos tbody td {
	background-color: white;
	vertical-align: middle !important;
}
.block-table-todos-wrapper thead .cell {
	position: relative;
}
.block-table-todos-wrapper thead td {
	color: #333 !important;
}
.block-table-todos-wrapper tbody .cell {
	position: relative !important;
	padding: 0;
}
.block-table-todos-wrapper tbody .cell .text-index {
	text-align: left;
	padding-left: 9px !important;
}
.block-table-todos-wrapper tbody .cell-lead .-btn-remove-row {
	padding-left: 0 !important;
}
.block-table-todos-wrapper .table-todos tbody textarea {
	transition: all 0.2s ease;
 resize: none;
	border: none !important;
	width: 100%;
	box-sizing: border-box;
	overflow-y: scroll;
	font-size: 14px;
	vertical-align: middle;
	height: 23px;
	padding-top: 4px;
}
.block-table-todos-wrapper .table-todos tbody textarea::placeholder {
	padding: 0;
}
.block-table-todos-wrapper .table-todos tbody .fr-input.temp-input {
	top: 0 !important;
}
.block-table-todos-wrapper .table-todos tbody .base-button .-txt {
	padding-left: 20px;
}
.block-table-todos-wrapper .table-todos tbody .cell-lead .base-button .-icon {
	left: 16px;
	top: 4px;
	transform: scale(0.85);
}
.block-table-todos-wrapper .table-todos tbody .base-button {
	box-shadow: none;
	padding-left: 9px !important;
}
.block-table-todos-wrapper .table-todos thead .cell {
	padding: 11px 9px 11px 9px;
}
/* set width for columns in todos table */
.block-table-todos-wrapper .table-todos thead td:nth-child(1) {
	width: 5% !important;
}
.block-table-todos-wrapper .table-todos thead td:nth-child(2) {
	width: 20% !important;
}
.block-table-todos-wrapper .table-todos thead td:nth-child(3) {
	width: 20% !important;
}
.block-table-todos-wrapper .table-todos thead td:nth-child(4) {
	width: 20% !important;
}
.block-table-todos-wrapper .table-todos thead td:nth-child(5) {
	width: 10% !important;
}
.block-table-todos-wrapper .table-todos thead td:nth-child(6) {
	width: 20% !important;
}
.block-table-todos-wrapper .table-todos thead td:nth-child(7) {
	width: 5% !important;
}
.block-table-todos-wrapper .table-todos tbody .improve-select {
	border: none;
	top: 0;
}
.block-table-todos-wrapper .table-todos tbody .temp-input {
	top: 0;
}
.block-table-todos-wrapper .table-todos tbody td:nth-child(3) .cell-lead{
	width: 124px;
}
.block-table-todos-wrapper .table-todos tbody td:nth-child(4) .cell-lead{
	width: 136px;
}
.table-todos-display {
	margin-bottom: 20px;
}
.table-todos-display thead .cell {
	position: relative;
}
.table-todos-display .-ellipsis {
	white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 display: block;
}
.table-todos-display tbody .-first .cell {
	padding: 0 !important;
	top: 12px !important;
	left: 6px !important;
}
.table-todos-display thead td {
	color: #333;
}
.bypass-row-wrapper {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.bypass-row-wrapper > div {
	width: 100%;
}
.bypass-row-wrapper .js-improved-select {
	padding-top: 4px;
}
.bypass-row-wrapper .js-improved-select .improve-select {
	height: 33px;
}
.bypass-row-wrapper .base-button {
	flex: none;
	width: 20px;
	padding: 0;
}
.bypass-row-wrapper .base-button .-icon .ap-icon {
	top: 14px;
	left: 0px;
}
.new-approver-wrapper .fr-content {
	padding-top: 8px;
}
.new-approver-wrapper .fr-content.js-improved-select {
	padding-top: 4px;
}
.new-approver-wrapper .fr-input {
	padding-top: 0;
}
.new-approver-wrapper .input-custom-formula {
	top: 0;
}
.config-bypass-wrapper .fake-input-wrapper .fr-content {
	padding-top: 8px;
}
.bypass-row-wrapper .fr-label {
	color: #616161;
}
.config-bypass-wrapper > div:nth-child(3),
.config-bypass-wrapper > div:nth-child(4) {
	padding-top: 8px;
}
#js-bypass-sla-rows > .bypass-row-wrapper:first-child .ap-icon {
	top: 30px;
}
#js-bypass-sla-rows > .bypass-row-wrapper:not(:first-child) {
	margin-top: -18px;
}
.transform-condition-wrapper {
 border-radius: 6px;
 padding: 12px;
	position: relative;
	background-color: #f9f9f9;
}
.transform-condition-wrapper:first-child {
	margin-top: 8px;
}
.transform-condition-wrapper .-btn-remove-block {
	position: absolute;
 top: -16px;
 right: -22px;
 box-shadow: none !important;
 color: #9a9a9a;
	}
.transform-condition-wrapper .-btn-remove-block:hover{
 color: #b93333;
	}
.transform-condition-wrapper .input-objs {
	border: none !important;
	background-color: white;
	margin-top: 0;
	padding-top: 0;
}
#js-transform-condition-items {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: -20px;
}
.trans-cond-label {
	font-size: 14px;
	color: #111;
	font-weight: 500;
}
.trans-cond-block-label {
	padding-top: 0;
	padding-bottom: 8px;
	font-size: 14px;
	color: #111;
	font-weight: 500;
}
#js-transform-condition-items .js-table-row td {
	background: none;
}
#js-transform-condition-items .js-table-row td .cell-actions{
	background: #ffffff;
}
#js-transform-condition-items .base-table-wrapper {
	background-color: transparent;
}
#js-transform-condition-items .block-wrapper {
	background: #ffffff;
 padding: 12px 20px 12px 20px;
 border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.1);
	min-height: 20px;
}
#js-transform-condition-items .block-wrapper .add-row .base-button:not(.remove-condition) {
	background: #ffffff;
}
.-tcw-child {
	display: flex;
 flex-direction: column;
 gap: 8px;
}
#form-v2-fx #js-transform-condition-items .js-table-row .sub-form-row .cell.sub-input-value {
	width: 55%;
	left: -36px;
}
.base-form-row #js-transform-condition-items .js-table-row .sub-form-row .cell.sub-input-value {
	width: 62%;
	left: -16px;
}
.base-form-row #js-transform-condition-items .js-table-row {
	padding: 0 0 0 8px !important;
}
.base-form-row .transform-condition-wrapper .condition-item .base-table tbody tr::before {
	left: -28px !important;
}
#form-v2-fx #js-transform-condition-items .js-table-row > td:nth-child(2) {
	padding-left: 4px;
}
#js-transform-key-with-condition #js-transform-condition-items .guideline {
	display: none;
}
#js-transform-key-with-condition #js-transform-condition-items .-tcw-child .block-wrapper:nth-child(4) thead tr td:nth-child(1) {
	display: none;
}
#js-transform-condition-items .base-icon.js-remove {
	left: 10px;
}
.-btn-add-transform-condition-block {
 box-shadow: none;
 margin-bottom: 12px;
	margin-top: 8px;
 border: 1px solid rgba(0, 0, 0, 0.1);
 width: fit-content;
 color: #333;
	}
.-btn-add-transform-condition-block:hover{
 border: 1px solid #1e88e5;
	}
.block-form-full-page .-btn-add-transform-condition-block {
	margin-bottom: -12px;
}


.condition-result-label {
	height: 32px;
	box-shadow: none;
}
.condition-result-label .base-table thead td {
	border: none;
}
.condition-result-label .base-table thead .cell {
	padding-left: 16px;
}
.condition-item .improve-select .is-display .ap-xdot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
	max-height: 17px;
	word-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
}
.condition-item .base-table tbody {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
}
.condition-item .base-table tbody tr {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	position:relative;
}
.condition-item .base-table tbody tr textarea {
	height: 33px;
	margin: 0;
}
.block-detail .condition-item .base-table tbody tr {
	width: 98%;
}
.condition-item .base-table tbody tr::before {
	border-width: 0 0 1px 1px;
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid;
	content: '';
	position:absolute;
	left: -16px;
	top: -20px;
	width: 10px;
	height: calc(100% + 8px);
	border-radius: 0 0 0 6px;
}
.transform-condition-wrapper .condition-item .base-table tbody tr {
	&:has(.sub-form-row) + tr::before {
 border-width: 0;
 border-radius: 0;
 height: 100%;
 top: 0;
	}
}
.transform-condition-wrapper .condition-item .base-table tbody tr::before {
	content: 'AND';
 position: absolute;
 left: -12px;
 top: 60% !important;
 transform: translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 width: 30px;
 height: 20px !important;
 background-color: #f0f0f0;
 color: #333;
 font-size: 12px;
 border-radius: 4px !important;
}
.transform-condition-wrapper .condition-item .base-table tbody tr::after {
	border: none;
}
.transform-condition-wrapper .condition-item .base-table .js-table-row {
	padding: 0 12px 0 24px;
}
.transform-condition-wrapper .input-group-conditions .condition-item:nth-child(2) .base-table tr:first-child::before {
	display: none !important;
	content: none !important;
}
.transform-condition-wrapper .input-group-conditions .condition-item:not(:nth-child(2)) .base-table .js-table-row:first-child::before {
	content: 'OR' !important;
}
/* .transform-condition-wrapper .input-group-conditions .condition-item:not(:first-child) .base-table tbody tr:first-child::before {
	display: initial !important;
	content: initial !important;
} */
.ticket-detail .condition-item .base-table tbody tr::before {
	top: -24px;
	height: 40px;
}
.condition-item .base-table tbody span.-ip-datetime.__timeselectw {
	display: flex;
	gap: 6px;
}
form .condition-item .base-table tbody span.-ip-datetime.__timeselectw {
	margin-top: 4px;
}
.condition-item .base-table tbody .-ip-datetime input.-ip-date {
	width: 70%;
	margin-right: 0;
}
.condition-result .base-table tbody .-ip-datetime input.-ip-time,
.condition-result .base-table tbody .-ip-datetime input.-ip-date {
	min-height: 35px;
}
.condition-item .base-table tbody .-ip-datetime .__hiddenselect {
	margin-top: 40px;
}
.condition-item .base-table tbody .-ip-datetime:after {
	display:none;
}
.condition-item .base-table tbody .-ip-datetime input.-ip-time {
	width: 30%;
}
.condition-item .base-table tbody td.input-hidden {
	display:none;
}
.condition-item .base-table tbody .cell,
.condition-item .base-table tbody .cell-lead {
	padding: 0;
	position:relative;
}
.condition-item.condition-result .base-table tbody .cell-lead {
	margin-left: 24px;
}
.condition-item.condition-result .fixed-value .cell-lead input,
.condition-item.condition-result .cell input {
	margin-top: 0px;
	height: 19px;
	border-color: aliceblue;
}
.condition-item .base-table tbody .multi-select + .improve-select .is-display,
.condition-item .base-table tbody .input-value .is-display {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 6px;
	min-height: 26px;
	.ap-xdot {
 margin-top: 5px;
	}
}
.condition-item .base-table tbody .cell .improve-select .is-display .is-itag {
	margin-top: 4px;
	margin-left: 0px;
}
.block-detail .condition-item.condition-result .base-table tbody tr {
	width: 100%;
}
.condition-item.condition-result .cell input,
.block-detail .condition-item.condition-result .cell-lead input,
.condition-item.condition-result .improve-select {
	border-color: #e1e1e1;
	margin: 0;
}
.condition-item.condition-result .cell-lead .-signal .-ap {
	top: 2.3px;
	left: 2px;
	position: absolute;
}
.condition-item .base-table tbody td,
.condition-item .base-table thead td {
	border: none;
	display: block;
	position: relative;
	width: 100%;
	height: 42px;
	height: fit-content;
	padding: 0;
	margin: 0;
	background: #ffffff;
}
.base-form .condition-item .input-value:after {
	display:none;
}
td.input-operator {
	max-width: 200px;
}
.condition-item textarea {
	padding: 7px 8px;
	width: 100%;
	border-color: rgba(0, 0, 0, 0.09);
	border-radius: 6px;
	margin-top: 4px;
	font-size:14px;
}
.condition-item .base-table thead td {
	height: 0;
}
.condition-item .base-table thead .cell-lead,
.condition-item .base-table thead .cell {
	padding: 0;
}
.condition-item .base-table tbody .cell .cell-actions {
	padding: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin: auto;
	cursor: pointer;
	top: 2px;
	position:relative;
}
.condition-item .base-table tbody td.fr-input {
	width: 20px;
}
.condition-item .base-table tbody .cell .cell-actions:hover {
	border-color: #ccc;
}
.block-detail .condition-item .cell-lead input {
	margin-bottom: 0;
	border-color: rgba(0, 0, 0, 0.1);
}
.condition-item .cell-lead input,
.condition-item .cell input {
	margin-top: 4px;
	border-radius: 6px;
	border: 1px solid #ccc;
	position: relative;
	padding: 7px 8px;
	font-size: 14px;
	width: -webkit-fill-available;
}
.display-obj-dx .condition-item .cell input {
	min-height: 35px;
	margin: 0;
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.input-add-more {
	padding: 15px;
}
.add-and.-picon,
.add-formula.-picon,
.add-or.-picon,
.remove-condition.-picon {
	float: left;
	margin: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	margin-left: 8px;
}
.add-row {
	position:absolute;
	height: 20px;
	top: 8px;
	right: 0;
	left: auto;
	width: fit-content;
}
.add-row .base-tooltip {
	left: -16px;
	min-width: 80px;
}
.add-row .base-tooltip>.-bt-inner .-bt-arrow {
	left: 24px;
}
.add-row .base-button .-icon {
	top: 2px;
	left: 3px;
}
.add-row .base-button .-icon .-icon-svg svg {
	width: 12px;
	height: 12px;
}
.input-group-conditions {
	margin-top: -15px;
}
.condition-item {
	display:block;
	position:relative;
	margin-top: 15px;
	padding-top: 15px;
	padding-left: 16px;
}
.display-obj .condition-item {
	margin-top: 0;
	padding-top: 12px;
}
.condition-item .text-sub {
	margin-bottom: 4px;
}
.base-display .condition-item .text-sub {
	padding-left: 6px;
}
.input-group-conditions .hidden+.condition-item .text-sub {
	color: transparent;
}
.condition-item:first-child .text-sub,
.base-display .condition-item:first-child .text-sub {
	opacity: 0;
}
.ticket-detail .condition-item .text-sub {
	padding-left: 16px;
}
.base-load-wrapper.condition-item .text-sub {
	padding-left: 6px;
}
.condition-item:first-child {
	border: none;
	margin: 0;
	padding-top: 5px;
}
.condition-item .base-empty-state.-sm {
	padding: 0;
	margin-left: -16px;
}
.display-field .condition-item:first-child {
	padding-top: 12px;
}
.display-field .condition-item:last-child {
	padding-bottom: 12px;
}
.condition-item .base-table tbody tr {
	align-items: flex-start;
	&::before {
 border-width: 0 0 0 1px;
 border-radius: 0;
 height: calc(100% + 4px);
	}
	&:has(.sub-form-row) + tr::before {
 border-width: 0 0 0 1px;
 border-radius: 0;
 height: calc(100% + 44px);
 top: -64px;
	}
	&::after {
 border-width: 0 0 1px 0;
 border-color: rgb(0 0 0 / 20%);
 border-style: solid;
 content: '';
 position: absolute;
 left: -15px;
 top: 16px;
 width: 10px;
 height: 8px;
 border-radius: 0 0 0 20px;
	}
	td.fr-input {
 width: 20px;
 top: 8px;
	}
	.input-lookup {
 display: flex;
 flex-direction: column-reverse;
 .fi-extra {
 padding-top: 4px;
 padding-bottom: 0;
 }
	}
	.currency-display-text {
 font-size: 13px !important;
 margin-top: 4px !important;
	}
	.data {
 margin: 0;
	}
}
.field-value .condition-item .base-table tbody tr {
	.js-improved-select {
 min-width: 120px;
	}
	.select-currencies .js-improved-select {
 min-width: 90px;
	}
	.input-value {
 min-width: 300px;
	}
	.input-value.clickable {
 pointer-events: all;
 textarea {
 height: fit-content;
 width: calc(100% - 20px);
 height: 19px;
 }
	}
	textarea.clickable {
 pointer-events: all;
 width: calc(100% - 20px);
 height: 19px;
	}
	.input-value.display-ext-field {
 max-width: 400px;
 pointer-events: all;
 .input-ext-display .base-table .cell-lead,
 .input-ext-display .base-table .cell {
 padding: 10px;
 }
 .base-table thead .cell-lead {
 padding: 11px 0px 11px 20px;
 position: relative;
 }
 .base-table tbody,
 .base-table tr {
 gap: 0;
 }
 .field-value {
 padding-top: 0;
 }
 .input-ext-display .base-table .cell-lead,
 .input-ext-display .base-table .cell {
 padding: 10px;
 border-radius: 6px;
 font-size: 14px;
 }
 .input-ext-display .base-table thead td {
 height: 100%;
 color: #000000;
 background-color: #f8f8f8;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 6px;
 }
 .input-ext-display .base-table thead .cell-lead,
 .input-ext-display .base-table thead .cell {
 font-size: 11px;
 text-transform: uppercase;
 }
 .input-ext-display,
 .base-table-wrapper,
 .base-table-inner,
 .input-ext-display table td,
 .input-ext-display table,
 .input-ext-display table thead,
 .input-ext-display .base-table {
 border-radius: 6px;
 }
 .input-ext-display .base-table.scroll-x {
 border: 1px solid rgba(0, 0, 0, 0.1);
 }
 .input-ext-display table td:first-child {
 border-left: none;
 }
 .input-ext-display table td:last-child {
 border-right: none;
 }
 .input-ext-display tr:last-child td {
 border-bottom: none;
 }
 .input-ext-display thead td {
 border-top: none;
 }
	}
	td.input-operator {
 max-width: 140px;
	}
}
.display-obj.display-obj-dx .field-value .condition-item .base-table textarea.clickable {
	pointer-events: all;
	width: calc(100%);
	height: 33px;
}
.field-value .condition-item {
	td.input-operator {
 max-width: 140px;
	}
}
.condition-item .base-table tbody tr:has(.sub-form-row) {
	margin-bottom: 44px;
}
.condition-item .base-table tbody tr:has(.sub-form-row .input-lookup) {
	margin-bottom: 60px;
}
.condition-item .base-table tbody tr:has(.sub-form-row .input-currency) {
	margin-bottom: 80px;
}
.condition-item .sub-form-row {
	position: absolute;
 width: calc(100% - 48px);
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: flex-start;
 gap: 8px;
 top: 38px;
 margin-left: 20px;
	&::before {
 border-width: 0 0 1px 1px;
 border-color: #ccc;
 border-style: solid;
 content: '';
 position: absolute;
 left: -12px;
 top: 2px;
 width: 8px;
 height: 18px;
 border-radius: 0 0 0 6px;
	}
	.sub-input-hidden,
	.input-hidden {
	display:none;
	}
	.sub-input-operator {
 max-width: 350px;
	}
	.cell {
 border: none;
 position: relative;
 width: 100%;
 height: 42px;
 height: fit-content;
 padding: 0;
 margin: 0;
 background: #ffffff;
	}
	.cell-lead {
 width: calc(100% - 52px);
	}
	.sub-input-value {
 min-width: 300px;
	}
}
.sub-form-row .extra-input-table-col {
	position: absolute;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 gap: 0;
 top: -14px;
 margin-left: 0;
 border: 1px solid #ccc;
 border-radius: 6px;
 min-width: calc(100% - 2px);
	.cell input {
 margin: 0;
 border: none;
 background: #fff;
 color: #111;
 pointer-events: all;
	}
	.cell-lead .improve-select {
 background: #ffffff;
 border: none;
 background: transparent;
 margin: 0;
	}
	.cell-lead {
 margin: 0;
 border-radius: 6px;
	}
	.extra-input-properties {
 width: fit-content;
 margin: 0;
 border-radius: 0 6px 6px 0;
 border-left: 1px solid #ccc;
 .readonly {
 background-color: #f1f1f1;
 text-transform: uppercase;
 }
	}
	.extra-input-properties:has(.readonly) {
 background-color: #f1f1f1;
	}
	.extra-input-properties:has(.readonly.hidden) {
 background-color: #ffffff;
	}
}
.block-form-full-page .condition-item .sub-form-row {
	.sub-input-operator {
 max-width: 188px;
	}
}
.extra-input-table-col {
 position: absolute;
	top: 33px;
	.input-complex {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 gap: 8px;
 border: 1px solid #ccc;
 border-radius: 6px;
	}
	.input-table-col {
 width: 100% !important;
	}
	.row-index {
 max-width: 40px;
	}
	.col-fx {
 max-width: 120px;
	}
}
.condition-item .input-value .sub-form-row {
	pointer-events: all;
 background: #fff;
 position: relative;
 top: -19px;
 width: 100%;
	margin: 0;
	&::before {
	display:none;
	}
	.improve-select .is-display {
 color: #111;
 pointer-events: all;
 background-color: #ffffff;
	}
	.improve-select {
 width: 100%;
	}
}
.condition-item .input-custom-formula.-condition {
 margin-top: 4px;
}
.condition-item .table-field .input-custom-formula.-condition {
	margin-top: 0;
}
.condition-item .base-table tbody .cell.-inactive .input-ext input {
 background-color: rgb(241, 241, 241);
}
.transform-condition-wrapper .base-button .-icon .ap-icon {
	top: 18px;
	left: -10px;
}
.base-form-row .transform-condition-wrapper .js-table-row td:nth-child(2) .improve-select {
	max-width: 196px;
}


.scards {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	gap: 20px;
	padding: 24px 82px;
	align-items: center;
}
.scards.ui-sortable .scard {
	cursor: grab;
}
.scards .scard {
	position:relative;
	flex: 1 1 280px;
	border-radius: 6px;
	height: 300px;
	background: #fff;
	border: none;
	box-shadow: 0px 1px 2px 0px #1018280D;
	border: 1px solid #E3E3E3;
}
.scards .scard .base-tooltip.-tt-down {
	top: 28px;
	z-index: 2;
}
.scard .header {
	display: flex;
	padding: 12px;
	border-radius: 4px 4px 0px 0px;
}
.scard .header .add-service-btn {
	padding: 8px;
	height: 0;
	width: 0;
	box-shadow: none;
	background-color: #f5f5f5;
}
.scard .header .add-service-btn:hover {
	border-color: #1E88E5;
	box-shadow: 0px 1px 2px 0px #1018280D;
}
.scard .header .add-service-btn:hover .-icon {
	color: #1E88E5;
}
.scard .header .add-service-btn .-icon {
	top: -1px;
	left: 0px;
	color: #656565;
}
.scard .header .base-title {
	font-size: 16px;
	line-height: 20px;
	width: 100%;
}
.scard .body {
	position: absolute;
	right: 12px;
	left: 12px;
	top: 44px;
	bottom: 0px;
}
.scard .body .base-list .list-item .li-container>.base-title {
	font-size: 14px;
	line-height: 16px;
	color: #505259;
	padding-right: 8px;
}
.scard .body .base-list.-comfort .list-item .li-container {
	padding: 10px 4px;
}
.scard.dragable .body .base-list.-comfort .list-item .li-container {
	cursor: grab;
}
.scard.dragable .body .base-list.-comfort .list-item .li-container .url {
	cursor: grab;
	pointer-events: none;
}
.scards .scard.dragable {
	border: 1px dashed #1e88e594;
}
.scard.dragable .body .base-list .list-item {
	border-bottom: 1px dashed #1e88e594;
}
.scard .body .base-list .list-item {
	border-bottom: 1px solid #eee;
	border-top: none;
	padding-left: 0px;
	padding-right: 0;
	cursor: pointer;
}
.scard .body .base-list .list-item:hover {
	box-shadow: 0px 1px 2px 0px #1018280D;
	background: #1E88E508;
}
.scard .body .base-list .list-item .st {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50px;
	color: transparent;
	background: rgb(76 175 80);
	position:absolute;
	top: 0px;
	right: 0px;
}
.scard .body .base-list .list-item .st.st-cancel {
	background-color: rgba(86, 93, 99, 1);
}
.scard .body .base-list .list-item:hover .li-container>.base-title {
	color:#1E88E5;
}
.base-subtitle.fl-display .txt {
	padding-left: 20px;
}
.page-header>.-ph-inner .base-subtitle.fl-display {
	color: #1E88E5;
	font-size: 14px;
	font-weight: 500;
}
.ui-sortable-placeholder.scard-placeholder {
	height: 300px;
	width: 280px;
	border-radius: 6px;
	border: 1px dashed #136BD3;
	background-color: #EBF1F8;
}
.ui-sortable-placeholder.group-placeholder {
	height: fit-content;
	width: 100%;
	min-height: 140px;
	border-radius: 6px;
	border: 1px dashed #136BD3;
	background-color: #EBF1F8;
}
.ui-sortable-placeholder.form-row-placeholder {
	height: fit-content;
	min-height: 50px;
	max-height: fit-content;
	width: 100%;
	border-radius: 6px;
	border: 1px dashed #136BD3;
	background-color: #EBF1F8;
}
.ui-sortable-placeholder.scard-item-placeholder {
	height: 0px;
	max-height: 5px;
	width: 100%;
	border-radius: 6px;
	border: 1px dashed #136BD3;
	background-color: #EBF1F8;
	max-width: -webkit-fill-available;
}
.select-variables {
	position: relative;
	margin-bottom: 12px;
	border-radius: 6px;
	margin: -8px -8px -12px -8px;
}
.select-variables .select-section {
	position: relative;
	box-sizing: border-box;
	background: #f9f9f9;
}
.select-variables .select-section .header {
	padding: 8px 20px 8px 12px;
	border-bottom: 1px solid #ececec;
	height: 32px;
	background-color: #f9f9f9;
	display: flex;
 justify-content: space-between;
 align-items: center;
}
.select-variables .select-section .header .base-search {
	width: 60%;
}
.select-section .header .base-search input {
	background-color: #f9f9f9;
	border: none;
 box-shadow: none;
}
.select-variables .switch-container .input-switch{
	position:absolute;
	left: auto;
	top: 2px;
 right: 0;
}
.select-variables .input-switch-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.select-variables .switch-container {
 width: 100px;
}
.select-variables .input-switch-container .-ph {
	margin-left: 0;
	margin-right: 40px;
}
.select-variables .switch-container .base-icon {
	color:#aaa;
	position:absolute;
	left: -18px;
}
.select-variables .select-section .header .switch-groups {
	position:relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
}
.select-variables .input-switch {
	scale: 0.8;
}
.select-variables .select-section .body {
	max-height: 320px;
	height: fit-content;
	overflow-y: auto;
	background-color: #f9f9f9;
}
.select-variables .select-section .select-fields .field {
	position: relative;
	padding: 16px;
	border-bottom: 1px dashed #ececec;
	background-color: #f9f9f9;
	display: flex;
	justify-content: space-between;
	align-items: start;
 gap: 16px;
}
.select-variables .select-section .select-fields .field:last-child {
	border-bottom: none;
}
.select-variables .select-section .select-fields .field .field {
	border: none;
}
.select-variables .select-section .select-fields .field .base-title {
	font-size: 13px;
}
.select-variables .select-section .select-fields .field .base-side {
	position:relative;
	width: 100px;
	display: flex;
 gap: 73px;
 justify-content: flex-end;
 align-items: center;
 top: 0;
 right: 2px;
}
.select-variables .selecting {
	border-right: 1px solid #ececec;
}
.select-variables .selecting .select-fields .field .base-title {
	color: #999;
}
.select-variables .selecting .select-fields .field .base-info {
	color: #ccc;
}
.select-variables .selecting .select-fields .field.-active .base-title {
	color: #343434;
}
.select-variables .selecting .select-fields .field.-active .base-info {
	color: #888;
}
.select-variables .selecting .select-fields .field .base-side {
	right: 36px;
}
.select-variables .selecting .select-fields .select-field:hover {
	cursor: pointer;
	background-color: #ffffff;
	transition: all 0.3s;
}
.select-variables .select-section .select-fields .select-field .field {
	background-color: inherit;
 padding: 0 0 0 40px;
}
.select-variables .selecting .box-search input {
	font-size: 14px;
	border: none;
	padding: 8px 0 8px 20px;
	background-color: #f9f9f9;
}
.select-variables .selecting .base-search:after {
	left: 0;
	top: 9px;
}
.select-variables .selecting .select-fields .field .checkbox {
	position: relative;
}
.select-variables .selecting .select-fields .field .checkbox .checkmark {
	position: absolute;
	width: 17px;
	height: 17px;
	border-radius: 6px;
	background-color: #ddd;
}
.select-variables .selecting .select-fields .field.-active .checkbox .checkmark {
	background-color: #219D5B;
}
.select-variables .selecting .select-fields .field.-active .checkbox .checkmark:before {
	position: absolute;
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	content: "\2714";
	top: 0;
	left: 4px;
}
.select-variables .selected .total-fields {
	font-size: 14px;
	color: #666;
	padding-top: 8px;
}
.select-variables .selected .total-fields span {
	font-weight: 500;
	color: #444;
}
.select-variables .select-section .select-fields .selected-field .field {
	padding: 0 60px 0 40px;
}
.select-variables.-sla .selected .select-fields .field {
	padding-right: 160px;
}
.select-variables .selected .select-fields .field .base-icon:hover {
	cursor: all-scroll;
}
.select-variables .selected .select-fields .field .base-icon svg {
	fill: #aaaaaa;
 cursor: auto;
}
.select-variables .selected .select-fields .field .base-side input {
	position:absolute;
 width: 16px;
 height: 16px;
 border-radius: 5px;
 margin-left: 4px;
}
.select-variables .remove-btn {
	font-size: 16px;
	color: #ccc;
	padding-top: 5px;
	position:absolute;
	top: -12px;
 right: 2px;
}
.select-variables .remove-btn:hover > span,
.select-variables .remove-btn:hover {
	color: #c34343;
}
.select-variables .selected .select-fields .selected-field:hover {
	background-color: #ffffff;
}
.select-variables .selected-field:has(>.base-side > .remove-btn:hover) .field,
.select-variables .selected-field:has(>.base-side > .remove-btn:hover) {
	background-color: #f1f1f1;
}
.select-variables .select-section .select-fields .selected-field .field {
	background-color: inherit;
}
.select-variables .ui-placeholder {
	background-color: #eee;
	height: 65px;
	width: 100%;
}
.m-select-variables {
	border: none;
}
.m-select-variables .select-section {
	border: 1px solid #ccc;
	margin-bottom: 13px;
	border-radius: 6px;
}
.m-select-variables .select-section .body {
	height: 250px;
}
.select-variables .side {
	display:none;
}
.select-variables .field {
	position: relative;
	padding: 13px 20px 5px 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.select-variables .field.-checkbox {
	width: auto;
	height: auto;
}
.select-variables .field .drag-handler {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 45px;
	z-index: 999;
	cursor: auto;
}
.select-variables .field .field-key {
	position: relative;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	padding-top: 4px;
	padding-bottom: 0;
	padding-right: 136px;
}
.select-variables .field .field-key .key {
 white-space: break-spaces;
 word-wrap: break-word;
}
.select-variables .field .field-key em {
	font-size: 11px;
	font-weight: 500;
	color: #888;
	text-transform: uppercase;
}
.select-variables .field .field-key code {
	color: #3ba710;
	font-weight: 500;
	cursor: auto;
	display:none;
}
.select-variables .field .field-key .-ftype {
	position: absolute;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	color: #34960d;
	padding: 3px 0px;
	border-radius: 8px;
	left: 0;
	top: 0;
	background-color: #f9f9f9;
}
.select-variables span.-editable-text {
	display:none;
}
.select-variables .field .field-key .-ph {
	color: #888;
	display: inline;
	display:none;
}
.select-variables .field .field-key .type {
	position: absolute;
	color: #aaa;
	text-transform: uppercase;
	font-size: 10px;
	display: none;
	right: 0px;
	top: 8px;
}
.select-variables .field:hover .field-key .type {
	display: block;
}
.select-variables .field .extra, 
.select-variables .field .field-attrs {
	display:none;
}
.select-variables .field .field-attrs .attr {
	width: 50%;
	padding-bottom: 10px;
	position: relative;
	float: left;
}
.select-variables .field .field-attrs .attr em {
	font-size: 11px;
	font-weight: 500;
	color: #888;
	text-transform: uppercase;
}
.select-variables .field .field-attrs .attr span {
	display: inline-block;
	position: relative;
	font-size: 13px;
}
.select-variables .field .status {
	position: absolute;
	left: 25px;
	top: 45px;
}
.select-variables .field .icon {
	position: absolute;
	left: 4px;
}
.select-variables .field .icon svg {
	width: 16px;
	height: 16px;
}
.select-variables .field .name {
	position: relative;
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 2px;
}
.select-variables .field .group-name {
	position: absolute;
	right: 20px;
	top: 46px;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
	color: #888;
	background-color: #f6f6f6;
	padding: 3px 5px;
	border-radius: 3px;
}
.select-variables .field .ph {
	font-size: 13px;
	@tfont color:#999;
	padding-bottom: 5px;
}
.select-variables .field .side {
	display:none;
}
.select-variables .field .opts {
	position: relative;
}
.select-variables .field .opts .opt {
	padding: 8px 0 8px 32px;
	position: relative;
	font-size: 14px;
	cursor: pointer;
}
.select-variables .field.-locked .icon svg {
	fill: #42b814;
}
.select-variables label.checkbox-container {
	position:absolute;
 top: 20px;
 right: 20px;
 font-size: 13px;
 line-height: 20px;
	cursor: pointer;
}
.select-variables input[type="checkbox"] {
 appearance: none;
 border: 1px solid #ddd;
 cursor: pointer;
	background: #ddd;
}
.select-variables input[type="checkbox"]:checked {
 background: #219d5b;
 border: 1px solid #219d5b;
}
.select-variables input[type="checkbox"]:checked::before {
 content: "\2714";
 position: absolute;
 top: -2px;
 left: 2px;
 width: 8px;
 height: 8px;
 color: #ffff;
}
.group-checkbox-card {
	display: flex;
	flex-direction: row;
	width: 50%;
	align-items: center;
	gap: 8px;
}
.group-checkbox-wrapper {
	display: flex;
	flex-direction: row;
	min-height: 60px;
	padding-bottom: 6px;
	padding-top: 8px;
	gap: 8px;
}
.skeleton-line {
	height: 12px;
	width: 12px;
	background: #e5e7eb;
	border-radius: 9999px;
	display: inline-block;
}
.custom-radio {
 width: 18px;
 height: 18px;
 border: 3px solid #c5c5c5; /* xanh */
 border-radius: 50%;
 display: inline-block;
 position: relative;
 cursor: pointer;
 transition: all 0.05s ease;
 max-width: 10%;
}
.custom-radio.active {
 width: 12px;
 height: 12px;
 border: 6px solid #1d4ed8; /* xanh */
 border-radius: 50%;
 display: inline-block;
 position: relative;
 cursor: pointer;
}
.layout-card .line.bold.active {
 background: #1d4ed8; /* xanh */
}
.layout-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 50%;
	border: 2px solid #c5c5c5;
 border-radius: 6px;
 padding: 8px;
}
.layout-card .line {
 height: 6px;
 border-radius: 3px;
 background: #e1e5e9;
 width: 24%;
}
.layout-card .line.bold {
 width: 100%;
 background: #333;
}
.group-checkbox-card > div:nth-child(2) {
	width: 20%;
}
.layout-card > .line.small:nth-child(2) {
	width: 60% !important;
}
.layout-card > .line.small:nth-child(3) {
	width: 40% !important;
}
.layout-card .dashed-skeleton {
	width: 100%;
	gap: 10px;
}
.layout-card.active {
	border-color: #B8DBFF;
	background-color: #F1F8FE;
}
.layout-card.active .line.small, .layout-card.active .skeleton-line{
	background: #C4DBF3;
}
.config-ticket-display-sections {
	padding-top: 12px;
}
.config-ticket-display-section {
 padding-top: 12px;
	position: relative;
}
.config-ticket-display-section > .triangle {
	position: absolute;
	top: 20px;
	right: 10px;
	transition-duration: 0.2s;
}
.customfield-sections > div:not(:nth-child(3)), .config-ticket-display-sections > .config-ticket-display-section {
	border-top: 1px solid #eee;
}
.config-ticket-display-section.-collapsed > .triangle {
	-webkit-transform: rotate(270deg);
}
.config-ticket-display-section.-collapsed > .base-block {
	display: none;
}
.config-ticket-display-section .section-label {
	color: #5B5B5B;
 font-size: 14px;
 font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
	max-width: 90%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.config-ticket-display-section .-inner.url {
	display: flex;
	gap: 4px;
	align-items: center;
	padding-bottom: 8px;
	width: 90%;
}
.config-ticket-display-section .-inner.url:hover > span {
	color: #5B5B5B !important;
}
.config-ticket-display-section .-inner.url > span {
	color: #5B5B5B;
	font-size: 14px;
 font-weight: 500;
}
.customfield-sections > .section-label {
	color: #21232c;
 font-size: 14px;
 font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
	padding-bottom: 12px;
	padding-top: 8px;
}
.customfield-sections > .notice {
	font-size: 14px;
}
.config-ticket-display-section .base-block {
	border: none;
}
.customfield-sections .base-block {
	margin: 4px 0px;
}
.unselected-fields .config-ticket-display-section:not(:nth-child(1)) .section-label {
	padding-bottom: 0 !important;
}
.customfield-sections .config-ticket-display-section:nth-child(3) .-cc-customfield-item:nth-child(3) {
	opacity: 0.6;
}
.unselected-fields .base-side {
	display: none;
}
.custom-fields {
	display: flex;
	flex-direction: column;
	gap: 4px;
	max-height: inherit;
}
.custom-fields .inline-key-value, .inline-key-value .inline-display {
	display: flex;
	flex-direction: row;
	padding: 0px !important;
	align-items: flex-start;
	overflow: hidden;
	min-height: 30px;
	gap: 8px;
}
.custom-fields .inline-key-value > div, .custom-fields .inline-key-value > span {
	max-height: 36px;
}
.custom-fields .inline-key-value:has(.transaction-category-wrapper) > div {
	max-height: fit-content;
}
.custom-fields .inline-key-value > span {
	overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
	width: 40%;
}
.inline-key-value .inline-display .fi-inline-field-value {
	margin-left: 0px !important;
	font-size: 12px;
	line-height: 12px;
	display: flex;
	flex-direction: column;
}
.inline-key-value .inline-display .-icon {
	display: none;
}
.inline-key-value .inline-display.-icon-current.-picon .-icon .-icon-svg {
	position: absolute;
	top: -4px;
	right: -20px;
}
.custom-kanban .base-tabs .base-tab {
	font-size: 14px;
}
.cc-customfield-item .base-title.-disabled {
	opacity: 0.4;
}
.inline-key-value span.-sla-text {
	font-size: 12px;
}
.kanban-card-content .inline-key-value .st {
	zoom: 1;
}
#mass-board {
	min-height: 280px;
	padding: 0px 16px 0px 16px;
}
#custom-mass-board .dialog-header {
	padding: 16px 0;
}
#custom-mass-board .dialog-header .dialog-title {
	padding: 8px 12px 8px 0;
	font-size: 16px;
	font-weight: 600;
}
#custom-mass-board .dialog-notice {
	padding: 8px 12px 8px 12px;
 border: 1px solid #DDDDDD;
 background: #F7F7F7;
 border-radius: 6px;
}
#custom-mass-board .dialog-notice .notice.label {
	font-size: 14px;
	font-weight: 600;
}
#mass-board span.inline-edit-btn.url {
	display: none;
	opacity: 1 !important;
	top: 0;
 right: 0;
 margin-right: -8px;
	margin-left: unset;
	left: unset;
}
#mass-board .sc-inner:hover span.inline-edit-btn.url {
	display: inherit !important;
}
#mass-board .super-table .super-cell .sc-inner {
	position: relative;
}
#mass-board span.inline-edit-btn.url .base-icon{
	position: unset;
}
#mass-board .super-table-canvas {
	top: 110px;
}
#mass-board .super-table .super-cell-wrapper {
	overflow: hidden;
}
#custom-mass-board .dialog-footer {
	display: flex;
	gap: 16px;
	position: relative;
	min-height: 38px;
	padding-top: 12px;
}
#custom-mass-board .dialog-header .-btn-close {
	position: absolute;
	top: 12px;
	right: 12px;
	box-shadow: unset !important;
}
#js-button-mass .base-selected-button {
	display: block;
}
#js-button-mass .base-selected-button .base-icon {
	left: 6px;
}
#js-kanban-sub-header :is(.quantity-selected-tickets, .notice) {
 font-size: 16px;
 font-weight: 500;
 color: #5b5b5b;
 display: flex;
 align-self: anchor-center;
}
.num-items.mass-active {
	right: 40px !important;
}
#custom-mass-board .dialog-notice {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
#custom-mass-board .dialog-notice .base-icon {
	position: unset;
}
#js-kanban-sub-header .notice {
 gap: 10px;
	margin-left: auto;
}
.select-fields.-collapsed > .sub-fields {
 display: none;
}
.select-fields.-collapsed .selected-field .field .triangle {
 transform: rotate(-90deg);
}
.sub-fields > .field .name {
 font-size: 13px;
 font-weight: 400;
}
.sub-fields .switch-container {
	position: relative !important;
}
.sub-fields .switch-container svg {
	color: #E8B931;
	fill: currentColor;
}
.counter-templ .ap.icon-circle-plus {
	top: 10px !important;
}


.-main-data.-custom-form {
	.advance-cf-btn {
 padding-right: 18px;
 padding-left: 12px;
 .-suffix {
 right: 3px;
 }
	}
	.bm-area.-dialog {
 padding-bottom: 12px;
	}
	.bm-area.-dialog:last-child {
 padding-bottom: 0;
	}
	.ticket-group .bm-area .area-title:after {
 top: 6px;
	}
	#base-master-dialog .body {
 min-height: fit-content;
 background-color: #ffffff;
	}
	#base-master-dialog .fields-preview {
 padding-left: 0;
 margin: 0;
 border: none;
 min-height: fit-content;
	}
	#base-master-dialog .fields-preview .box {
 min-height: fit-content !important;
	}
	.base-tabs .base-tab {
 font-size: 14px;
 padding: 4px 8px 4px 4px;
	}
	.base-tabs .base-tab.active::after {
 content: "";
 display: block;
 position: absolute;
 top: 26px;
 left: 0;
 right: 0;
 height: 2px;
 width: 100%;
 background: #1e88e5;
 }
	.base-tabs .base-tab.active:hover,
	.base-tabs .base-tab.active {
 font-weight: 500;
 color: #333;
	}
	.base-tabs .base-tab:hover {
 background: #f1f1f1;
 border-radius: 6px;
 color: rgb(136, 136, 136);
	}
	.super-table-canvas {
 bottom: 0;
 top: 0;
 left: 0;
 right: 20px;
 border-radius: 6px;
	}
	.input-complex-group {
 display: flex;
 gap: 0;
 flex-direction: column;
 height: 100%;
 width: 100%;
	}
	.input-type-complex {
 position: relative;
 top: 0;
 width: 100%;
 height: 39px;
 &.-no-label .fr-input {
 position: relative;
 top: calc(50% - 8px);
 left: calc(50% - 12px);
 }
 &.-flex {
 display: flex;
 align-items: center;
 padding-left: 12px;
 width: calc(100% - 12px);
 .fr-input {
 margin-top: -14px;
 }
 }
 .base-icon {
 position: absolute;
 width: 16px;
 height: 16px;
 left: 24px;
 color: #888;
 }
	}
	.input-type-complex {
 background: #f5f5f5;
 .fic-checkbox .fic-checkmark {
 border-color: #888;
 }
	}
	.input-type-complex:has(.fic-checkbox input:checked) {
 background: #ffffff;
 .fic-checkbox .fic-checkmark {
 border-color: transparent;
 }
	}
	.input-type-complex.-view {
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.super-table .super-row:nth-child(2n) .super-cell-wrapper {
 background: rgb(248 248 248);
 .input-type-complex {
 background: #f5f5f5;
 .fic-checkbox .fic-checkmark {
 border-color: #888;
 }
 }
 .input-type-complex:has(.fic-checkbox input:checked) {
 background: rgb(248 248 248);
 .fic-checkbox .fic-checkmark {
 border-color: transparent;
 }
 }
	}
	.super-table .super-row {
 min-height: 80px;
 .sc-inner .ap-xdot {
 white-space: break-spaces;
 overflow: hidden;
 text-overflow: ellipsis;
 word-wrap: normal;
 display: -webkit-box;
 line-clamp: 3;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 }
	}
	.super-table .thead .th {
 .ap-xdot {
 white-space: break-spaces;
 overflow: hidden;
 text-overflow: ellipsis;
 word-wrap: normal;
 display: -webkit-box;
 line-clamp: 2;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 }
	}
	.super-table .super-cell:has(.input-complex-group) {
 padding: 0;
	}
	.super-table-canvas.-sticky-header .super-table > .tbody {
 padding-top: 54px;
	}
	span.-invisible {
 opacity: 0;
	}
	.super-table .thead {
 min-height: 54px;
	}
	.super-table .super-row.-active-view .input-type-complex.-view {
 background-color: #f0f8ff !important;
	}
	.super-table .super-row.-active-edit .input-type-complex.-edit {
 background-color: #f0f8ff !important;
	}
}
.block-menu {
	.block-menu-item {
 .base-section.block-box .section-header .-pavatar {
 zoom: 0.9;
 }
	}
	.show-menu-btn {
 position: absolute;
 width: 0;
 padding: 16px;
 top: 13px;
 right: 16px;
	}
	.-open {
 display: none;
 border: none !important;
 box-shadow: none !important;
	}
	&.-collapse .-open {
 display: block;
 position: absolute;
 width: 0;
 padding: 16px;
 top: 13px;
 right: 13px;
	}
	.-close {
 display: block;
 border: none !important;
 box-shadow: none !important;
	}
	&.-collapse .-close {
 display: none;
	}
	&.-collapse .section-header .base-title {
 display: none;
	}
}
#base-master-dialog .fields-preview .field.-simplify {
	.icon {
 display: none;
	}
}
.cf-master-action {
	display: flex;
	gap: 8px;
}


.report-page .permission-page .db-main-content {
	max-width: 100%;
}
.permission-page .super-table-wrapper {
	.fic-checkbox {
 position: relative;
 cursor: pointer;
 padding-left: 26px;
 top: -8px;
 left: 40px;
	}
	.super-table > .tbody {
 padding-top: 52px;
	}
	.super-table .thead .th {
 height: 52px;
	}
	.super-table .thead .name .ap-xdot {
 display: -webkit-box;
 line-clamp: 2;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 white-space: break-spaces;
 word-wrap: break-word;
	}
	.super-table .thead .th .cell {
 display: flex;
 align-items: center;
	}
	.super-table .super-row.-active-view .super-cell-wrapper {
 background-color: #f0f8ff !important;
	}
}


.report-page .setting-page-content .db-main-content {
	max-width: 100%;
}
.setting-page-content .super-table-wrapper {
	.fic-checkbox {
 position: relative;
 cursor: pointer;
 padding-left: 26px;
 top: -8px;
 left: 40px;
	}
	.super-table>.tbody {
 padding-top: 52px;
	}
	.super-table .thead,
	.super-table .thead .th {
 height: 52px;
	}
	.super-table .thead .th.-sticky-left,
	.super-table .super-row .super-cell-wrapper.-sticky-left {
 background: #f8f8f8;
	}
	.super-table .thead .name .ap-xdot {
 display: -webkit-box;
 line-clamp: 2;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 white-space: break-spaces;
 word-wrap: break-word;
	}
	.super-table .thead .th .cell {
 display: flex;
 align-items: center;
	}
	.super-table .super-row.-active-view .super-cell-wrapper {
 background-color: #f0f8ff !important;
	}
}
.setting-page .detail-header.ticket-header {
	justify-content: flex-start;
	.base-title.-size-df {
 font-size: 14px;
 font-weight: 400;
 padding: 0 4px;
 }
.base-title.-size-df.active{
 font-weight: 500;
 }
	.block-title {
 max-width: 70%;
 margin-left: -4px;
 padding-right: 12px;
	}
	.block-title.url:hover {
 .base-title {
 color: #1e88e5;
 text-decoration: underline;
 }
	}
}
.setting-page .base-title.main-title {
	font-size: 18px;
	padding-bottom: 16px;
	font-weight: 500;
	padding-top: 4px;
}
.setting-page.-no-sub .block-title .back {
	position: relative;
	top: 0;
	left: 0;
	height: 32px;
}
.report-detail-header.-no-sub.setting-page .mh-main {
	padding-left: 0;
}
.db-menu-item .icon {
	position: absolute;
	display: block;
	top: 6px;
	left: 10px;
	width: 16px;
	height: 16px;
	svg {
 width: 20px;
 height: 20px;
	}
}
.report-page .db-menu .db-menu-item.-with-icon {
	padding-left: 36px;
}
.db-menu-item.group-items .group-title:after {
	font-family: ap;
	content: "\f05b";
	position: absolute;
	font-size: 10px;
	right: 12px;
	top: 4px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
.db-menu-item.group-items.-collapsed .group-title:after {
	transform: rotate(270deg);
}
.report-page .db-menu .db-menu-item.group-items,
.report-page .db-menu .db-menu-item.group-items:hover {
	background-color: #ffffff;
	.db-menu-item {
 margin-left: 0;
	}
}
.db-menu-item.group-items.-collapsed .items {
	display: none;
}
.report-page .setting-page-content.db-main {
	top: 1px;
	.page-header {
 padding: 0;
 height: fit-content;
 .base-info {
 padding: 6px 0;
 color: #666;
 }
	}
	.page-header.with-sub-info+.page-body {
 top: 70px !important;
	}
	.page-body.scroll-y {
 top: 62px !important;
 bottom: 28px;
 padding: 0;
 margin-right: -20px;
 padding-right: 20px;
	}
	.base-section.fi-db-section {
 border-radius: 8px;
 width: 100%;
 margin-bottom: 20px;
	}
	.row-hr.-dotted {
 width: 100%;
 height: 1px;
 margin: 20px 0;
 border-top: 1px solid #ddd;
	}
	.base-sep {
 display: none;
	}
}
.setting-page-content .base-pagination .bp-panel {
	display:none;
}
.setting-page-content .super-table-canvas {
	bottom: 8px;
 left: 0;
 right: 0;
 top: 0;
	min-height: 310px;
}
.base-section.permission-group .section-header {
	padding-left: 0;
	border: none;
}
.base-section.permission-group {
	border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 6px;
 padding: 0 16px;
 margin-bottom: 20px;
	position: relative;
	.section-header .triangle {
 left: auto;
 right: 0;
	}
	&:not(.-collapsed) {
 padding-bottom: 8px;
	}
	.base-form-row:first-child {
 padding-top: 0px;
	}
	.section-body {
 position: relative;
	}
	.section-body.block-permission {
 min-height: 310px;
	}
}
.detail-page .base-section.permission-group .section-header .triangle {
	right: 0px;
	top: 16px;
	left: auto;
}
.base-section.permission-group .section-header .base-side {
	position: absolute;
	right: 20px;
	top: 8px;
}
.base-section.permission-group.-collapsed .section-header .base-side {
	display: none;
}
.permission-group .base-button.url:hover>span {
	color: #1e88e5;
}
.base-section.permission-group .section-header .base-side>div {
	margin-left: 5px;
	margin-top: 2px;
	border: none;
	box-shadow: none;
}
.permission-group .block-form-full-page {
	.form-buttons {
 padding: 0;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
 padding-bottom: 24px;
 .base-button {
 width: fit-content;
 padding: 8px 16px;
 border: 1px solid #ddd;
 margin: 4px;
 font-size: 16px;
 font-size: 14px;
 height: fit-content;
 &:hover {
 border: 1px solid var(--main-color);
 }
 &:hover .-txt {
 color: var(--main-color);
 }
 }
 .base-button.ok {
 margin-right: 0px;
 background-color: var(--main-color);
 border: 1px solid var(--main-color);
 &:hover {
 border: 1px solid #3ba710;
 }
 &:hover .-txt {
 color: #ffffff;
 }
 }
 .base-button.cancel {
 color: #666;
 }
 .base-button.cancel:nth-child(2) {
 background-color: #ffffff;
 color: var(--main-color);
 font-weight: 500;
 border: 1px solid var(--main-color);
 }
	}
	.improve-select.active,
	.js-textarea-editor:has(.ql-editor:focus)>div,
	input:active,
	input:focus,
	textarea:focus,
	select:focus {
 border-color: #1e88e554;
 box-shadow: 0px 0px 4px rgba(30, 136, 229, 0.2);
	}
	.base-button.-picon.-no-action.-menu-item {
 top: 2px;
 left: -1px;
	}
}
.permission-group table .checkbox {
	border: none;
	top: 0px;
 left: 28px;
}
.permission-group.with-board:not(.-collapsed) {
	padding-bottom: 20px;
}
.permission-group.with-board .base-table-wrapper {
	border: none;
	box-shadow: none;
	margin-top: 12px;
	thead {
 background: #f8f8f8;
	}
	thead.-fake {
 height: 0;
 opacity: 0;
	}
	thead td {
 color: #666;
	}
	thead.-fake td {
 border: none;
	}
	thead.-fake .cell, thead.-fake .cell-lead {
 padding: 0;
	}
	.base-table.-collapsed table {
 display: none;
	}
	.base-table.-collapsed .section-header .triangle {
 transform: rotate(270deg);
	}
	.group-permission-items.section-header {
 padding: 0 20px;
 .base-title {
 font-weight: 500;
 font-size: 15px;
 color: #333;
 padding-bottom: 8px;
 }
 .triangle {
 top: 0;
 right: 20px;
 }
	}
	.base-table tbody td {
 border: none;
	}
	tr.template-item:hover {
 background: #f5f5f5;
	}
	.fic-checkbox .fic-checkmark {
 top: -8px;
	}
	.base-form-row {
 pointer-events: none;
 .fic-checkbox .fic-checkmark {
 background-color: #eee;
 }
 .fic-checkbox input:checked ~ .fic-checkmark {
 background-color: #aaa;
 }
	}
}
.permission-group.with-board .base-sep {
	display: block !important;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin: 12px 12px 20px;
	height: 0 !important;
}
.cell-sub-content {
 position: absolute;
 top: 12px;
 right: 28px;
	.base-tooltip {
 right: -48px;
 left: auto;
 min-width: 200px;
	}
	.base-tooltip > .-bt-inner .-bt-arrow {
 right: 36px;
 left: auto;
	}
}
.offcanvas.-has-footer.service-setting-page .offcanvas-body {
 margin-bottom: 28px;
}
.offcanvas.show.service-setting-page {
 transform: none;
 bottom: 8px;
 right: 8px;
 border-top-left-radius: 12px;
 border-bottom-left-radius: 12px;
 border-top-right-radius: 12px;
 border-bottom-right-radius: 12px;
	.base-sep {
 display: none;
	}
	.row-hr.-dotted {
 width: 100%;
 height: 1px;
 margin: 20px 0;
 border-top: 1px solid #ddd;
	}
	.base-button.main-btn.url:hover > span {
 color: #1e88e5;
	}
	tr.block-item {
 .cell, .cell-lead {
 height: 32px;
 align-content: center;
 max-width: 500px;
 }
 .base-button {
 position: relative;
 left: -12px;
 }
 }
	td {
 max-width: 280px;
	}
	.base-block.block-cover {
 margin-left: 44px;
 &.url:hover .base-title {
 color: #1e88e5;
 text-decoration: underline;
 }
	}
}
.service-setting-page .input-switch-container {
	margin: 8px 0px;
}
.service-setting-page .input-switch-container .-ph {
	font-size: 14px !important;
}
#js-notification-config .base-table-wrapper {
	box-shadow: none;
	table .checkbox {
 border: none;
 top: -6px;
 left: 0;
	}
}
.setting-noti-note {
	padding: 18px;
	position: relative;
	font-style: italic;
	color: #666666;
	margin-left: 24px;
	.base-icon {
 left: -4px;
 top: 16px;
	}
}
/* ===== Notification preferences (per-user) =================================== */
.noti-pref-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -12px;
 margin-right: 12px;
}
.noti-pref-toggle {
	display: inline-flex;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
	background: #fafafa;
}
.noti-pref-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 10px;
	font-size: 12px;
	color: #888;
	background: transparent;
	border: none;
	border-right: 1px solid #e8e8e8;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}
.noti-pref-btn:last-child {
	border-right: none;
}
.noti-pref-btn:hover {
	background: #f0f0f0;
	color: #444;
}
.noti-pref-btn .base-icon {
	font-size: 13px;
}
.noti-pref-btn.-active {
	color: #fff;
	font-weight: 500;
}
.noti-pref-btn.-on.-active {
	background: #4caf50;
}
.noti-pref-btn.-off.-active {
	background: #ef5350;
}
.noti-pref-btn.-inherit.-active {
	background: #757575;
}
/* dim the row when inheriting service default to reduce visual noise */
.noti-pref-cell.-state-inherit .noti-pref-toggle {
	opacity: 0.85;
}
#js-notification-prefs .base-table tbody .cell {
 padding: 0px 0px 0px 24px;
 position: relative;
 top: 0px;
 left: 0px;
 bottom: 0px;
 right: 0px;
}
#js-notification-prefs .-wbox {
	box-shadow: none;
}

/* File does not exists: [PRIVATE FILE] */

.drawflow {
 width: 100%;
 height: 100%;
 position: relative;
 user-select: none;
 perspective: 0;
}
.drawflow .parent-node {
 position: relative;
}
.block-wrapper.title-only {
	display: block !important;
}
.block-wrapper.title-only.group-block {
	width: 400px;
 overflow: hidden;
 height: 44px;
 display: flex !important;
 align-items: center;
 justify-content: center;
	flex-direction: column;
}
.drawflow .drawflow-node.title-only .group-block .base-title {
	white-space: normal;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
}
.drawflow .drawflow-node.title-only,
.drawflow .drawflow-node.title-only.selected {
	box-shadow: none;
	border: none;
}
.drawflow .drawflow-node.title-only.selected {
	color:#1E88E5;
}
.drawflow .drawflow-node.title-only .base-title {
	font-size:18px;
	font-weight: 500;
}
.drawflow .drawflow-node:hover {
 cursor: move;
}
.drawflow .drawflow-node .inputs, .drawflow .drawflow-node .outputs {
 width: 0px;
}
.drawflow .drawflow-node .drawflow_content_node {
 width: fit-content;
	height: fit-content;
 display: flex;
	z-index: 1;
}
.drawflow .drawflow-node .input, .drawflow .drawflow-node .output {
 position: relative;
 width: 20px;
 height: 20px;
 background: white;
 border-radius: 50%;
 border: 2px solid black;
 cursor: crosshair;
 z-index: 1;
 margin-bottom: 8px;
}
.drawflow .drawflow-node .output.-square {
 border-radius: 6px;
}
.drawflow svg {
 z-index: 0;
	position:absolute;
 overflow: visible !important;
}
.drawflow .connection {
	position:absolute;
	pointer-events: none;
}
.drawflow .connection .-cmenu {
 display: none;
}
.drawflow .connection .main-path.selected .-cmenu {
 display: block;
}
.drawflow .connection .main-path {
 fill: none;
 stroke-width: 2px;
 stroke: steelblue;
 pointer-events: stroke;
	padding: 10px;
 width: 5px;
 height: 5px;
	cursor: grab;
}
.drawflow .connection .arrow.-error {
 stroke:#CC1111 !important;
 fill: #CC1111 !important;
}
.drawflow .connection .main-path.-error {
 stroke:#CC1111 !important;
 animation: pulse 2s infinite linear;
}
@keyframes pulse {
	0% {
 stroke-width: 2px;
 opacity: 0.7;
	}
	70% {
 stroke-width: 3px;
 opacity: 1;
	}
	100% {
 stroke-width: 2px;
 opacity: 0.7;
	}
}
.drawflow .connection .main-path.-flow {
 stroke-dasharray: 14;
 animation: dash 1s infinite linear;
 stroke: #219D5B;
 stroke-width: 3px;
}
.drawflow .connection .arrow.-flow {
 stroke: #219D5B;
 fill: #219D5B;
}
.drawflow .connection.active.-flow .main-path {
	stroke: #219D5B;
	stroke-dasharray: 0;
}
.drawflow .connection.active.-flow.merge-connection,
.drawflow .connection.active.-flow.back-connection {
	z-index: 1;
}
.drawflow .connection.active.-flow.merge-connection .main-path,
.drawflow .connection.active.-flow.back-connection .main-path {
	stroke-dasharray: 8;
}
.drawflow .connection.active.-flow .main-path + .arrow {
 fill: #219D5B;
}
.drawflow .connection.active.-flow.-incorrect .main-path {
	stroke: #F6B3A9;
	stroke-dasharray: 0;
}
.drawflow .connection.active.-flow.-incorrect .main-path + .arrow {
 fill: #F6B3A9;
}
.drawflow .connection.active.-not .main-path {
	stroke: #1E88E5;
}
.drawflow .connection.active.-not .main-path + .arrow {
 fill: #1E88E5;
}
.drawflow .connection.-passed .main-path {
	stroke-dasharray: 0;
}
.drawflow .connection.-not .main-path:hover,
.drawflow .connection .main-path:hover {
 stroke: #1E88E5;
 cursor: grab;
	stroke-width: 4px;
}
.-view-only .drawflow .connection .main-path,
.-view-only .drawflow .connection .main-path:hover {
	cursor: grab;
}
.drawflow .connection.active.-flow .main-path.selected,
.drawflow .connection .main-path.selected
.drawflow .connection.-not .main-path.selected {
 stroke: #1E88E5;
 stroke-width: 4px;
}
.drawflow .connection.active.-flow .main-path.selected + .arrow,
.drawflow .connection.active .main-path + .arrow,
.drawflow .connection .main-path.selected + .arrow,
.drawflow .connection .main-path:hover + .arrow {
	fill: #1E88E5;
}
.drawflow .connection .main-path.connection-object {
 overflow: visible;
 width: 200px;
}
.drawflow .connection .main-path.connection-object.selected {
 min-height: 120px;
 height: 140px;
}
.drawflow .connection .point {
 cursor: move;
 stroke: black;
 stroke-width: 2;
 fill: white;
 pointer-events: all;
}
.drawflow .connection.active .point.selected,
.drawflow .connection .point.selected,
.drawflow .connection .point:hover {
 fill: #1E88E5;
}
.drawflow .main-path {
 fill: none;
 stroke-width: 5px;
 stroke: steelblue;
}
.parent-drawflow .drawflow .connection .main-path .connection-output {
	background-color: #fff;
	padding: 2px 6px;
 display: inline-block;
	position:absolute;
 left: -40px;
 top: -10px;
}
.parent-drawflow .wrapper {
	width: 100%;
	height: calc(100vh - 67px);
	display: flex;
}
.parent-drawflow {
	display: flex;
 overflow: hidden;
 touch-action: none;
 outline: none;
	position: relative;
	height: 100%;
	background-size: 24px 24px;
	margin-top: -1px;
	margin-left: -1px;
	background-color: #f9f9f9;
	background-image: radial-gradient(#ccccccb5 1px, transparent 0);
	transition: margin-right 0.3s, width 0.3s;
	box-shadow: 0px 0px 16px 0px #00000012 inset;
}
.parent-drawflow.selected {
	background-image: none;
	box-shadow: 0px 0px 16px 0px #1e88e538 inset;
}
.display-main.-full-canvas .parent-drawflow {
	margin-right: 0;
	z-index: 2;
	transition: margin-right 0.3s, width 0.3s;
	width: 100%;
}
.parent-drawflow:active {
	cursor: grab;
}
.drawflow .drawflow-node {
	position:absolute;
	display: flex;
	flex-direction: row;
 align-items: flex-start;
 z-index: 2;
	padding: 0px;
 height: fit-content;
	width: fit-content;
	box-sizing: border-box;
 border-radius: 6px;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.05);
}
.drawflow .drawflow-node.-flow-reflection,
.drawflow .drawflow-node.-compound {
	flex-direction: column;
}
.drawflow .drawflow-node.-flow-reflection .output,
.drawflow .drawflow-node.-compound .output {
	right: -19px;
}
.drawflow .drawflow-node.-flow-reflection.compound_reflection-block:not(.-compound) .output {
	right: -9px;
}
.drawflow .drawflow-node.-flow-reflection .inputs,
.drawflow .drawflow-node.-compound .inputs {
	position:absolute;
}
.drawflow .drawflow-node.-compound .outputs {
	position:relative;
	width: 200px;
	background: #ffffff;
	padding: 0px 6px 6px 6px;
	display: flex;
 gap: 4px;
	min-width: -webkit-fill-available;
}
.drawflow .drawflow-node.-compound .block-box.base-section {
	box-shadow: none;
}
.drawflow .drawflow-node.-blur.selected .outputs,
.drawflow .drawflow-node.-blur.selected .block-box.base-section,
.drawflow .drawflow-node.-blur2.selected .block-box.base-section{
	opacity: 1;
}
.drawflow .drawflow-node.-blur:hover .outputs,
.drawflow .drawflow-node.-blur:hover .block-box.base-section,
.drawflow .drawflow-node.-blur2:hover .block-box.base-section{
	opacity: 1;
}
.drawflow .drawflow-node.-blur .outputs,
.drawflow .drawflow-node.-blur .block-box.base-section{
	opacity: 0.6;
}
.drawflow .drawflow-node.-blur .outputs {
	opacity: 1;
}
.drawflow .drawflow-node.-blur2 .block-box.base-section{
	opacity: 0.1;
}
.drawflow .drawflow-node:hover {
 box-shadow: 0px 4px 30px rgba(22, 33, 74, 0.08);
}
.drawflow .drawflow-node:hover {
	opacity: 1;
	z-index: 4;
}
.drawflow .drawflow-node.-input {
	opacity: 1;
	z-index: 3;
	border: 1px solid #ca77c4;
}
.drawflow .drawflow-node.-output {
	opacity: 1;
	z-index: 3;
	border: 1px solid #219D5B;
}
.drawflow .drawflow-node.selected {
	opacity: 1;
	z-index: 4;
	border: 1px solid #1E88E5;
}
.drawflow .drawflow-node.selected .title-box {
	color: #22598c;
}
.drawflow .connection .main-path {
	stroke: #4ea9ff;
	stroke-width: 2px;
	stroke-dasharray: 0;
}
.drawflow .connection.-correct .main-path {
	stroke: #A9D7C2;
}
.drawflow .connection.-incorrect .main-path {
	stroke: #F6B3A9;
}
.drawflow .connection.-correct .main-path + .arrow {
 fill: #A9D7C2;
}
.drawflow .connection.-incorrect .main-path + .arrow {
 fill: #F6B3A9;
}
.drawflow .connection.-condition .main-path,
.drawflow .connection.-dashed .main-path {
	stroke-dasharray: 5;
	pointer-events: stroke;
}
.drawflow .connection.-not .main-path {
	animation: dash 0.3s infinite;
	stroke-width: 3px;
	stroke-dasharray: 5;
}
@keyframes dash {
	from {
 stroke-dashoffset: 10;
	}
	to {
 stroke-dashoffset: 1;
	}
}
.drawflow .connection .arrow {
	stroke: none;
	fill: steelblue;
	transform: translateX(-5px);
}
.drawflow .connection .main-path:hover + .drawflow .connection .arrow {
	fill: #1266ab;
}
.drawflow .drawflow-node .outputs {
	display: flex;
 flex-direction: column;
 position: absolute;
 width: 100%;
 top: calc(100% + 1px);
	z-index: 1;
	background: #fbfffa;
 border-radius: 6px;
	cursor: auto;
}
.drawflow .drawflow-node .output-wrapper:first-child {
	margin-top: -54px;
 z-index: 1;
 border: none;
 width: 0;
 position: absolute;
 right: 0;
}
.drawflow .drawflow-node:has( > .-extend-section) .output-wrapper:first-child .output,
.drawflow .drawflow-node.-compound .output-wrapper:first-child .output{
	right: 0px;
	opacity: 0;
}
.drawflow .drawflow-node .inputs {
	margin-top: 12px;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	z-index: 2;
}
.drawflow .drawflow-node.-compound .output-wrapper {
	padding: 4px;
	background-color: #f7f7f7;
	box-shadow: none;
	border-radius: 4px;
}
.drawflow .drawflow-node .output-wrapper {
	display: flex;
	padding-top: 8px;
	padding-bottom: 8px;
	justify-content: flex-end;
	z-index: 2;
 border-radius: 6px;
	box-shadow: 1px 2px 2px 0px #00000012;
}
.drawflow .drawflow-node .output-wrapper.-success {
	background: #219b5a;
 color: #fff;
}
.drawflow .drawflow-node .output-wrapper:nth-child(2) {
 margin-top: 1px;
}
.drawflow .drawflow-node .output-wrapper .name {
	text-align: end;
	pointer-events: none;
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
	padding: 8px 0 0 12px;
}
.drawflow .drawflow-node .input:hover,
.drawflow .drawflow-node .output:hover {
	border-color: #4ea9ff;
	background-color: #a9d2fa;
}
.drawflow .drawflow-node .output {
	min-width: 15px;
	height: 15px;
	width: 15px;
	right: -9px;
	top: 4px;
}
.drawflow .drawflow-node .input {
	left: -9px;
 top: 9px;
	min-width: 15px;
	background: white;
}
.drawflow .title-box svg {
	position: initial;
}
.drawflow .connection .point {
	stroke: var(--border-color);
	stroke-width: 2;
	fill: white;
	transform: translate(-9999px, -9999px);
}
.drawflow .connection .arrow {
	fill: #4ea9ff;
}
.drawflow .connection .point.selected,
.drawflow .connection .point:hover {
	fill: #4ea9ff;
}
.chart-controls .base-switch.-on {
	background: #1e88e54f;
}
.chart-controls .base-switch.-on:after {
 background: #1e88e5;
}
.parent-drawflow .chart-controls{
	position:absolute;
	top:15px;
	right:15px;
	z-index:1;
}
.parent-drawflow .chart-controls.-left {
	left: 4px;
	right: auto;
}
.parent-drawflow .chart-controls.-sm {
 scale: 0.7;
	top: 8px;
 right: 0px;
}
.parent-drawflow .chart-controls.-sm .base-button.expand-btn {
	position:absolute;
	right: 690px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.17);
}
.parent-drawflow .chart-controls > div{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:10px;
	height:33px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.17);
}
.chart-controls .base-button.-picon.-icon-only {
	padding-left: 19px;
	cursor: pointer;
}
.chart-controls .base-button.-picon.-icon-only .-icon {
	color:#242424;
 left: 4px;
 top: 4px;
 width: 24px;
 height: 24px;
	display:block;
 text-align: center;
}
.base-button .-icon .ap-icon {
	position:relative;
	top: 3px;
	left: 4px;
}
.chart-controls .base-button.active .-icon .-icon-svg {
	color:#1E88E5;
}
.chart-controls .base-button .-icon .-icon-svg {
	padding: 0;
}
.chart-controls .base-button .-icon .-icon-svg svg {
	width: 20px;
 height: 23px;
}
.chart-controls .base-button.-selectable-btn .-icon .-icon-svg svg {
	width: 16px;
 height: 23px;
}
.parent-drawflow .chart-controls .base-buttons{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.17);
}
.parent-drawflow .chart-controls .base-buttons .base-button{
	float:left;
	border:none;
	border-right:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 0;
 -webkit-border-radius: 0;
 border-radius: 0;
}
.parent-drawflow .chart-controls .base-buttons .base-button:last-child{
	border:none;
}
.parent-drawflow.-flow-compact .drawflow {
 cursor: move;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node {
 max-width: 160px;
}
.parent-drawflow.-flow-compact .drawflow-node .node-wrapper .base-iconbox .-icon {
 left: 2px;
 top: 2px;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node .drawflow_content_node {
 display: block;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node .outputs {
 margin-top: 8px;
 overflow: hidden;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node .outputs {
 right: 0px;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node .input {
 left: 0px;
 width: 0px;
 height: 0px;
 min-width: 0px;
 border: none;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node .outputs .output-wrapper {
	position:absolute;
}
.parent-drawflow.-flow-compact .drawflow .drawflow-node .outputs .output-wrapper .name {
 display: none;
}
.parent-drawflow.-flow-compact .drawflow-node .node-wrapper {
 padding: 4px 8px;
 min-height: 40px;
}
.parent-drawflow.-flow-compact .drawflow-node .node-wrapper .sublabel{
 color:#888;
	font-size:13px;
}
.parent-drawflow.-flow-compact .node-wrapper .node-header {
 padding-right: 0px;
 padding-left: 20px;
	font-weight:500;
}
.parent-drawflow.-flow-compact .node-wrapper .node-header .-clickable:hover {
	text-decoration:underline;
 color:#1E88E5;
}
.parent-drawflow.-flow-compact .connection .main-path {
 stroke-width: 2px;
}
.no-pointer .input,
.no-pointer .output,
.standard-block-output .input,
.-view-only .drawflow .drawflow-node .input,
.-view-only .drawflow .drawflow-node .output {
	pointer-events: none;
	opacity: 0 !important;
}
.drawflow .connection.active.-flow.-blur .main-path,
.drawflow .connection.active.-flow.-blur .main-path + .arrow {
	opacity: 0.4;
}
.drawflow .connection.active.-flow.-blur .main-path.selected,
.drawflow .connection.active.-flow.-blur .main-path.selected + .arrow,
.drawflow .connection.active.-flow.-blur .main-path:hover,
.drawflow .connection.active.-flow.-blur .main-path:hover + .arrow {
	opacity: 1;
}
.drawflow .connection.service-block .main-path {
	stroke: #a9d2fa;
}
.drawflow .connection.service-block .main-path + .arrow {
 fill: #a9d2fa;
}
.drawflow .connection.service-block.-correct .main-path {
	stroke: #A9D7C2;
}
.drawflow .connection.service-block.-correct .main-path + .arrow {
 fill: #A9D7C2;
}
.drawflow .connection.service-block.-incorrect .main-path {
	stroke: #F6B3A9;
}
.drawflow .connection.service-block.-incorrect .main-path + .arrow {
 fill: #F6B3A9;
}
.drawflow .connection.active.-input .main-path {
	stroke: #ca77c4 !important;
}
.drawflow .connection.active.-input .main-path + .arrow {
 fill: #ca77c4 !important;
}
.drawflow .connection.active.-output .main-path {
	stroke: #219D5B !important;
}
.drawflow .connection.active.-output .main-path + .arrow {
 fill: #219D5B !important;
}
.drawflow .connection.-blur2 {
	opacity: 0.1;
}
.drawflow .connection.active {
	opacity: 1;
}
.drawflow .connection.service-block .main-path.selected + .arrow,
.drawflow .connection.service-block .main-path:hover + .arrow {
 fill: #1E88E5;
	opacity: 1;
}
.drawflow .connection.endpoint-block .main-path.selected + .arrow,
.drawflow .connection.endpoint-block .main-path:hover + .arrow {
 fill: #1E88E5;
	opacity: 1;
}
.drawflow .connection.endpoint-block .main-path:hover,
.drawflow .connection.service-block .main-path:hover,
.drawflow .connection.-input .main-path:hover {
 stroke: #1E88E5;
 cursor: pointer;
	stroke-width: 4px;
	opacity: 1;
}
.drawflow .connection.endpoint-block .main-path.selected,
.drawflow .connection.service-block .main-path.selected,
.drawflow .connection.-input .main-path.selected {
 stroke: #1E88E5;
 stroke-width: 4px;
	opacity: 1;
}
.drawflow .connection.-input .main-path,
.drawflow .connection.-output .main-path {
	animation: dash 0.3s infinite;
	stroke-width: 3px;
}
.drawflow-node.-fixed .base-button.-no-action.-menu-item {
	cursor: pointer;
}
.drawflow .drawflow-node.-fixed:hover {
	cursor: pointer;
}
.drawflow .connection.endpoint-block .main-path.selected + .arrow,
.drawflow .connection.endpoint-block .main-path:hover + .arrow,
.drawflow .connection.endpoint-block .main-path + .arrow {
	opacity: 0;
}
.drawflow .drawflow-node.standard-block-output .output {
	right: 8px;
}
.drawflow .drawflow-node.standard-block-output .input {
	left: 24px;
}
.drawflow .connection .main-path.selected {
 stroke: #1E88E5;
	stroke-width: 4px;
	opacity: 1;
}
.drawflow .connection .main-path.selected + .arrow {
 fill: #1E88E5;
}
.drawflow .connection:has(.main-path:hover) {
	z-index: 10;
}
.drawflow .connection .sub-path:hover + .main-path,
.drawflow .connection .main-path:hover {
	stroke: #1E88E5 !important;
}
.drawflow .connection .sub-path:hover + .main-path + .arrow + .main-text-bounder + .main-text,
.drawflow .connection .sub-path:hover + .main-path + .arrow,
.drawflow .connection .main-path:hover + .arrow + .main-text-bounder + .main-text,
.drawflow .connection .main-path:hover + .arrow {
	fill: #1E88E5 !important;
}
.drawflow .connection .sub-path:hover + .main-path +.arrow + .main-text + .connector-obj .split-line,
.drawflow .connection .main-path:hover + .arrow + .main-text + .connector-obj .split-line {
	background-color: #1E88E5;
}
.drawflow .connection .sub-path:hover + .main-path +.arrow + .main-text + .connector-obj .connector-config,
.drawflow .connection .main-path:hover + .arrow + .main-text + .connector-obj .connector-config {
	border: 1px solid #1E88E5;
}
.drawflow .connection.selected .main-text,
.drawflow .connection.selected .arrow {
	fill: #1E88E5 !important;
}
.drawflow .connection.selected .main-path {
	stroke: #1E88E5 !important;
	stroke-width: 4px;
}
.drawflow .connection.selected .connector-config {
	border-color: #1E88E5 !important;
}
.drawflow .connection.selected .split-line {
	background-color: #1E88E5 !important;
}

.flowchart-header{
 background-color: #fff;
 border-bottom:1px solid rgba(0,0,0,0.1);
 position:absolute;
 top:-1px;
 left:300px;
 right:0px;
 height:100px;
 z-index:888;
}
.flowchart-header .left{
 position:absolute;
 color:#ccc;
 top:39px;
 left:1618px;
}
.flowchart-header .left em{
 color:#343434;
}
.flowchart-header .name{
 margin:0px 210px;
 padding:2px 0;
}
.flowchart-header .name input{
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width:100%;
 display:block;
 margin:0;
 border:none;
 background:transparent;
 text-align:center;
 font-size:20px;
 padding:10px 0;
 margin-top: 25px;
}
.flowchart-header .side{
 position:absolute;
 top:39px;
 right:10px;
}
.flowchart-header .side > div{
 position:relative;
 float:left;
 text-align:center;
 cursor:pointer;
 font-size:13px;
 padding:8px 15px;
 border-radius: 6px;
 margin-right:10px;
}
.flowchart-header .side > div.save-diagram-btn{
 background-color: #267cde;
 color:#fff;
 font-weight:bold;
}
.flowchart-header .side > div.arrange-diagram-btn{
 background-color: #267cde;
 color:#fff;
 font-weight:bold;
}
.flowchart-header .side > div.normal-arrange-btn{
 background-color: #267cde;
 color:#fff;
 font-weight:bold;
}
.flowchart-header .side > div.more{
 background-color: #f3f3f3;
 color:#999;
 padding:8px 13px;
}
.flowchart-header .side > div.more:hover{
 box-shadow: inset 0 0 0 1px #ddd;
 color:#343434;
 background-color: #fff;
}


.parent-drawflow .drawflow-node .node-wrapper {
	background: #fff;
	padding: 8px 12px;
	border: 1px solid #888;
	border-radius: 6px;
	width: 100%;
	position:relative;
}
.parent-drawflow .drawflow-node.selected .node-wrapper {
	background: #fff;
	padding: 8px 12px;
	border: none;
	border-radius: 6px;
}
.parent-drawflow .drawflow-node .node-wrapper .base-side {
	position:absolute;
	right: -4px;
	top: -8px;
}
.parent-drawflow .drawflow-node .node-wrapper .icon {
	position:absolute;
	left: 0px;
}
.parent-drawflow .drawflow-node .node-wrapper .icon img {
	width: 28px;
	height: 28px;
}
.parent-drawflow .drawflow-node .node-wrapper .base-iconbox .-icon {
	position:absolute;
 left: 6px;
 top: 6px;
}
.parent-drawflow .drawflow-node .node-wrapper .-icon svg {
	width: 14px; height: 14px;
}
.parent-drawflow .node-wrapper .node-header {
	font-size:14px;
	font-weight:bold;
	padding-bottom: 4px;
	padding-left: 36px;
	padding-right: 20px;
	position:relative;
}
.parent-drawflow .node-wrapper .node-output {
	padding: 6px 0px;
	font-size:14px; color:#888;
}
.drawflow .drawflow-node .input, .drawflow .drawflow-node .output {
	height: 15px;
 width: 15px;
 border: 2px solid #a9d2fa;
	opacity: 0;
}
.-view-only .drawflow .drawflow-node .input, .-view-only .drawflow .drawflow-node .output {
	opacity: 0 !important;
}
.drawflow .inputs:has(+ .drawflow_content_node:hover) .input,
.drawflow .drawflow_content_node:hover + .outputs .output,
.drawflow .drawflow-node:hover .input,
.drawflow .drawflow-node:hover .output,
.drawflow .drawflow-node.selected .input,
.drawflow .drawflow-node.selected .output {
	opacity: 1;
}
.drawflow .-fixed .inputs:has(+ .drawflow_content_node:hover) .input,
.drawflow .-fixed .drawflow_content_node:hover + .outputs .output,
.drawflow .-fixed.drawflow-node:hover .input,
.drawflow .-fixed.drawflow-node:hover .output,
.drawflow .-fixed.drawflow-node.selected .input,
.drawflow .-fixed.drawflow-node.selected .output {
	opacity: 0;
}
.drawflow .-fixed.drawflow-node .input, 
.drawflow .-fixed.drawflow-node .output {
	pointer-events: none;
}
.drawflow .no-pointer.service-block .output {
	right: 0;
	top: 4px;
	border: none;
}
.drawflow .no-pointer.service-block .input {
	right: 0;
	top: 8px;
	border: none;
}
.drawflow .drawflow-node.-reverse {
	flex-direction: row-reverse;
}
.drawflow .drawflow-node.-reverse .output-wrapper {
	left: 0;
	right: auto;
}
.drawflow .drawflow-node.standard-block-output.-reverse .output-wrapper {
	right: 0;
	left: auto;
}
.drawflow .drawflow-node.standard-block-output.-reverse .output {
	right: 48px;
}
.drawflow .drawflow-node.standard-block-output.-reverse .input {
	left: -40px;
}
.drawflow .drawflow-node.standard-block-output.-reverse .base-section.block-box .section-header {
	padding-left: 16px;
 padding-right: 0;
}


.drawflow .connection .sub-path {
	pointer-events: stroke;
	stroke: transparent;
	stroke-dasharray: 0;
	stroke-width: 40px;
	stroke: transparent;
	fill: none;
	cursor: grab;
}
.drawflow .connection.-not:has(.connector-obj:hover) .main-path,
.drawflow .connection:has(.connector-obj:hover) .main-path,
.drawflow .connection.-not .sub-path:hover + .main-path,
.drawflow .connection .sub-path:hover + .main-path {
 stroke: #1E88E5;
 cursor: grab;
	stroke-width: 4px;
}
.-view-only .drawflow .connection .sub-path:hover + .main-path {
	cursor: grab;
}
.drawflow .connection:has(.connector-obj:hover) .arrow,
.drawflow .connection .sub-path:hover + .main-path + .arrow {
	fill: #1E88E5;
}
.drawflow .connection:has(.connector-obj:hover) .main-path + .drawflow .connection .arrow,
.drawflow .connection .sub-path:hover + .main-path + .drawflow .connection .arrow {
	fill: #1266ab;
}
.drawflow .connection.active.-flow.-blur:has(.connector-obj:hover) .main-path,
.drawflow .connection.active.-flow.-blur:has(.connector-obj:hover) .arrow,
.drawflow .connection.active.-flow.-blur .sub-path:hover + .main-path,
.drawflow .connection.active.-flow.-blur .sub-path:hover + .main-path + .arrow {
	opacity: 1;
}
.drawflow .connection.service-block .sub-path:hover + .main-path + .arrow {
 fill: #1E88E5;
	opacity: 1;
}
.drawflow .connection.service-block:has(.connector-obj:hover) .arrow,
.drawflow .connection.endpoint-block .sub-path:hover + .main-path + .arrow {
 fill: #1E88E5;
	opacity: 1;
}
.drawflow .connection.endpoint-block:has(.connector-obj:hover) .main-path,
.drawflow .connection.service-block:has(.connector-obj:hover) .main-path,
.drawflow .connection.-input:has(.connector-obj:hover) .main-path,
.drawflow .connection.endpoint-block .sub-path:hover + .main-path,
.drawflow .connection.service-block .sub-path:hover + .main-path,
.drawflow .connection.-input .sub-path:hover + .main-path {
 stroke: #1E88E5;
 cursor: pointer;
	stroke-width: 4px;
	opacity: 1;
}
.drawflow .connection.endpoint-block:has(.connector-obj:hover) .arrow,
.drawflow .connection.endpoint-block .sub-path:hover + .main-path + .arrow {
	opacity: 0;
}
.drawflow .connection.-blur .main-path, .drawflow .connection.-blur .main-path {
	cursor: grab !important;
}


.drawflow.automated {
	&.fixed-expand .expand-btn {
 display: none !important;
 pointer-events: none;
	}
	.main-icon .-icon,
	.main-icon {
 border: none !important;
 background: #ffffff !important;
 color: #1e88e5 !important;
	}
	&+.chart-controls .base-button.change-flowchart-view .-icon {
 transform: rotate(270deg);
	}
	.drawflow-node .-working>.block-box.base-section {
 background-color: #205db3;
 color:#fff;
 opacity: 1;
 .fi-inline-field-label,
 .fi-inline-field-value {
 color: #ffffff;
 }
	}
	.ticket-block .base-section.block-box .section-header {
 width: 100%;
	}
	.ticket-log.finished {
 border: 2px solid #219D5B;
	}
	.drawflow-node .block-box.base-section {
 color: var(--node-color);
 border-radius: var(--node-border-radius);
 background-color: var(--node-background);
 box-shadow: var(--node-box-shadow);
 width: var(--node-width);
 display: flex;
 flex-direction: column;
 padding: 12px;
 .section-header .base-title {
 position: relative;
 font-size: var(--content-size);
 width: 100%;
 top: -6px;
 left: -4px;
 }
 .section-header .base-side {
 position: absolute;
 top: -10px;
 right: -10px;
 left: auto;
 padding-right: 0;
 }
 .base-button:hover .-icon {
 color: inherit;
 cursor: move;
 }
 .base-button.expand-btn:hover .-icon {
 cursor: pointer;
 }
 .main-body {
 font-size: var(--title-size);
 font-weight: 500;
 padding-bottom: 8px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 .url:hover {
 color: var(--main-color);
 cursor: pointer;
 text-decoration: underline;
 }
 .url:hover span {
 color: var(--main-color);
 }
 .base-title {
 width: 100%;
 }
 }
 .block-ava-icon {
 position: relative;
 zoom: 0.8;
 top: -24px;
 left: -2px;
 padding-left: 45px;
 padding-right: 0;
 }
	}
	.drawflow-node {
 box-sizing: content-box;
 display: flex;
 align-items: center;
 flex-direction: column;
 border: 2px solid var(--line-color);
 border-radius: calc(var(--node-border-radius) + 2px);
 &:hover {
 opacity: 1;
 }
 &.finished.selected,
 &.pin,
 &.selected {
 opacity: 1;
 border: 2px solid var(--main-color);
 .merge-block,
 .start-block,
 .standard-block-output,
 .goto-block {
 opacity: 1;
 }
 }
 .start-block>.block-box.base-section {
 background-color: var(--start-color);
 color: #ffffff;
 .fi-inline-field-label,
 .fi-inline-field-value,
 .base-avatars .base-none {
 color: #ffffff;
 }
 .main-body {
 border-bottom: 1px solid rgba(15, 73, 125, 1);
 }
 .-main-app-icon .-icon .-icon-svg svg {
 padding-top: 0px;
 padding-left: 0px;
 margin-top: -5px;
 margin-left: -5px;
 width: 34px;
 height: 34px;
 }
 }
 .end-block>.block-box.base-section {
 background-color: var(--end-color);
 color: #11a100;
 .fi-inline-field-label,
 .fi-inline-field-value,
 .base-avatars .base-none {
 color: #11a100;
 }
 .main-body {
 border-bottom: 1px solid #ffffff;
 }
 }
 >.inputs,
 >.outputs,
 .output-wrapper {
 width: 100%;
 height: 0;
 margin: 0;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: move;
 }
 .input {
 right: 0;
 left: 0;
 top: -12px;
 margin: 0;
 opacity: 0 !important;
 }
 .output {
 cursor: move;
 right: 0;
 left: 0;
 top: 0;
 margin: 0;
 opacity: 0 !important;
 }
 .output-wrapper .name {
	position:absolute;
 }
 &.-flow-reflection {
 &.-blur .output-wrapper {
 opacity: 0;
 }
 &.-blur.selected .output-wrapper {
 opacity: 1;
 }
 }
 .add-next-block {
 position: absolute;
 bottom: -60px;
 left: calc(50% - 10px);
 width: 0;
 height: 0;
 padding: 8px;
 border-radius: 50%;
 background: #ffffff;
 color: #888;
 pointer-events: all;
 }
 &.selected .add-next-block {
 border-color: var(--main-color);
 color: var(--main-color);
 }
 .add-next-block::before {
 border-width: 0 0 1px 2px;
 border-color: var(--line-color);
 border-style: solid;
 content: '';
 position: absolute;
 left: 8px;
 top: -41px;
 width: 0px;
 height: 39px;
 }
 &.selected .add-next-block::before,
 .add-next-block:hover::before {
 border-color: var(--main-color);
 }
 .add-next-block .-icon {
 position: absolute;
 top: -1px;
 left: 0px;
 }
 .base-section.block-box {
 border-radius: var(--node-border-radius);
 >div {
 width: calc(100%);
 padding: 0;
 border: none;
 box-shadow: none;
 gap: 8px;
 }
 .footer {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 min-height: 28px;
 .base-avatars {
 margin: 0;
 }
 .inline-avatar {
 margin-bottom: 0;
 }
 &.log-item .inline-display {
 position: relative;
 justify-content: flex-start;
 top: auto;
 bottom: auto;
 left: auto;
 right: auto;
 display: flex;
 flex-direction: row;
 gap: 4px;
 justify-content: flex-start;
 align-items: center;
 }
 &.log-item .inline-display .-icon {
 position: relative;
 width: 18px;
 height: 24px;
 zoom: 0.6;
 }
 .base-avatars {
 margin: 0;
 width: fit-content;
 position: relative;
 top: 0;
 left: auto;
 right: auto;
 }
 }
 .inline-display {
 padding: 0;
 gap: 4px;
 display: flex;
 flex-direction: row;
 .fi-inline-field-label,
 .fi-inline-field-value {
 width: fit-content;
 margin: 0;
 font-size: var(--content-size);
 }
 span.-sla-text {
 font-size: var(--content-size);
 }
 }
 }
 &.-blur-container>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 opacity: 0.6;
 }
 &.-blur-container.selected>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.-blur-container>.drawflow_content_node>.block-wrapper>.block-box.base-section:hover {
 opacity: 1;
 }
 &.standard-block-output {
 border: none;
 min-width: calc(var(--node-width) + 26px);
 max-width: calc(var(--node-width) + 26px);
 &.ticket-log.selected {
 border: none;
 }
 .base-button.-menu-item {
 background: transparent !important;
 }
 .block-box.base-section {
 min-width: 136px;
 }
 .base-section .section-header .base-side .-cmenu {
 left: auto;
 right: 0;
 }
 >.drawflow_content_node>.block-wrapper>.block-box.base-section {
 padding: 8px;
 width: fit-content;
 border-radius: 120px;
 border: 2px solid var(--line-color);
 .section-header>.-inner {
 height: fit-content;
 }
 .block-ava-icon {
 top: -17px;
 left: -2px;
 }
 .section-header .base-title {
 top: 0px;
 left: -8px;
 line-height: 15px;
 }
 }
 &.asked_more_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 border: 1px solid rgba(0, 122, 245, 1);
 background-color: rgb(208 232 255);
 .base-title {
 color: #1e88e5;
 }
 }
 &.bypassed_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 border: 1px solid #E07F00;
 .base-button.chevron_right-icon {
 border: 0;
 color: #E07F00;
 };
 background-color: #FFEDD6;
 .base-title {
 color: #E07F00;
 }
 }
 &.failed_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.incorrect_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.rejected_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 border: 1px solid rgba(255, 71, 61, 1);
 background-color: rgba(255, 236, 235, 1);
 .base-title {
 color: #c52121;
 }
 }
 &.passed_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.switch_case_item_default>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.switch_case_item>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.correct_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.approved_endpoint>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 border: 1px solid rgba(34, 190, 112, 1);
 background-color: rgb(243 255 249);
 .base-title {
 color: #589d51;
 }
 }
 .-working>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 &.selected>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 border: 1px solid var(--main-color);
 background-color: #ffffff;
 opacity: 1;
 }
 .repeat-block.-slow.block-box {
 background: linear-gradient(90deg, var(--main-color) 50%, transparent 50%), linear-gradient(90deg, var(--main-color) 50%, transparent 50%), linear-gradient(0deg, var(--main-color) 50%, transparent 50%), linear-gradient(0deg, var(--main-color) 50%, transparent 50%);
 background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
 background-size: 16px 2px, 16px 2px, 0px 16px, 0px 16px;
 background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
 animation: repeat 3s linear infinite;
 }
 .ticket-block .repeat-block.-slow.block-box {
 background-color: var(--node-background);
 animation: repeat 8s linear infinite;
 color: var(--node-color);
 }
 .ticket-block.-working .repeat-block.-slow.block-box {
 background-color: var(--main-color);
 color: #fff;
 }
 .ticket-block.-working .block-box .section-header .base-title {
 color: #fff;
 }
 .ticket-block.-working .block-box span.-sla-text::before {
 background: #ffffff;
 }
 >.inputs>.input {
 right: 0;
 left: 0;
 top: 0;
 margin: 0;
 }
 >.drawflow_content_node>.tree-node>.add-next-block {
 bottom: -32px;
 }
 >.drawflow_content_node>.tree-node>.add-next-block::before {
 top: -14px;
 height: 12px;
 }
 .-working .block-box .base-button.-menu-item {
 border: none !important;
 }
 .drawflow_content_node {
 border-radius: 120px;
 }
 }
 &.goto-block {
 border-radius: 120px;
 .base-button.-menu-item {
 background: transparent !important;
 border: none;
 &.compound-icon {
 top: 1px;
 left: -1px;
 }
 }
 .base-button.-menu-item .-icon {
 top: 4px;
 left: 4px;
 }
 .base-button.-main-app-icon .-icon .-icon-svg svg {
 padding-top: 0px;
 padding-left: 0px;
 margin-top: -1px;
 margin-left: -6px;
 width: 30px;
 height: 29px;
 }
 &.selected>.drawflow_content_node>.block-wrapper>.block-box.base-section {
 border: 2px solid var(--main-color);
 }
 >.drawflow_content_node>.block-wrapper>.block-box.base-section {
 padding: 8px;
 border-radius: 120px;
 background-color: rgb(255, 255, 255);
 width: calc(var(--node-width) + 12px);
 max-width: calc(var(--node-width) + 12px);
 border: 2px solid var(--line-color);
 .section-header>.-inner {
 height: fit-content;
 }
 .block-ava-icon {
 top: -17px;
 left: -2px;
 }
 .section-header .base-title {
 top: 0px;
 left: -8px;
 line-height: 15px;
 }
 .section-header .base-title span {
 -webkit-line-clamp: 1;
 line-clamp: 1;
 }
 .section-header .icon {
 position: relative;
 left: -49px;
 top: 1px;
 }
 }
 .-temp .block-box.base-section {
 border-style: dashed !important;
 }
 .-temp .section-header .base-title span {
 text-align: center;
 margin-left: 16px;
 }
 .input {
 right: 0;
 left: 0;
 top: -12px;
 margin: 0;
 }
 }
	}
	.connection {
 .main-path {
 stroke-width: 1.5px;
 }
 .main-path.selected {
 stroke-width: 4px;
 }
 .arrow {
 fill: var(--line-color);
 transform: translateX(5px);
 }
 &.-temp-connection .main-path {
 opacity: 1;
 animation: dash 0.6s infinite;
 stroke-dasharray: 8;
 stroke: var(--main-color);
 }
 &.-temp-connection .main-path+.arrow {
 opacity: 1;
 fill: var(--main-color);
 }
 .main-path {
 stroke-dasharray: 0;
 pointer-events: stroke;
 stroke: var(--line-color);
 }
 .main-path.selected {
 stroke: var(--main-color);
 }
 &.-not .main-path {
 animation: dash 0.6s infinite;
 stroke-dasharray: 8;
 }
 .sub-path {
 stroke-width: 0;
 }
 &.default-hidden {
 .main-path,
 .arrow,
 .main-text {
	display:none;
 }
 }
 &.show-all {
 z-index: 100;
 .main-path,
 .arrow,
 .main-text {
	display:block;
 }
 }
 &.has-connector .connector-config .base-button.-picon:first-child {
 background: var(--line-color);
 .-icon {
 color: #ffffff;
 }
 }
 &.has-connector .connector-config .base-button.-picon:first-child:hover,
 &.has-connector .connector-config .base-button:hover,
 &.has-connector .connector-config .base-button:hover .-icon {
 color: #ffffff;
 background: var(--main-color);
 }
	}
	.connector-config {
 display: flex;
 border: 1px solid transparent;
 width: fit-content;
 border-radius: 120px;
 background: #ffffff;
 box-sizing: border-box;
 &:hover {
 border-color: var(--main-color);
 }
 &:hover .split-line {
 background: var(--main-color);
 }
 &.simple .base-button.-picon {
 height: 20px;
 width: 20px;
 .-icon {
 left: 2px;
 }
 }
 &.simple-btn {
 left: 13px;
 display: block;
 position: relative;
 }
 &.default-hidden {
	display:none;
 }
 .base-button.-picon {
 border-radius: 0;
 border: none;
 box-shadow: none;
 text-align: center;
 width: auto;
 padding: 8px;
 height: 20px;
 width: 24px;
 cursor: pointer;
 }
 .base-button.-picon:first-child {
 border-top-left-radius: 120px;
 border-bottom-left-radius: 120px;
 }
 .base-button.-picon:last-child {
 border-top-right-radius: 120px;
 border-bottom-right-radius: 120px;
 }
 .base-button .-icon {
 top: 1px;
 left: 4px;
 color: #666;
 }
 .base-button:hover,
 .base-button:hover .-icon {
 color: #ffffff;
 background: var(--main-color);
 }
 .split-line {
 height: 20px;
 width: 1px;
 background: #ddd;
 }
	}
	.drawflow-node.service_reflection-block>.drawflow_content_node>.tree-node>.tree-branch>.parent-node>.merge-block:not(.goto-block) {
 top: 42px;
	}
	.drawflow-node.compound_reflection-block>.drawflow_content_node>.tree-node>.tree-branch>.parent-node>.drawflow-node {
 top: 42px;
	}
	.drawflow-node.compound_reflection-block>.drawflow_content_node>.tree-node>.tree-branch>.parent-node>.goto-block {
 top: 0;
	}
	&.tree-map {
 &.-view-only .tree-branch {
 top: 60px;
 .parallel-section {
 padding-top: 70px;
 .tree-node {
 gap: 60px;
 }
 .tree-node.leaf-node {
 margin-bottom: 20px;
 }
 }
 }
 &.report-view {
 .tree-branch {
 &.parallel-section {
 .-default-outputs>.drawflow_content_node>.tree-node {
 gap: 60px;
 }
 }
 }
 .-default-outputs>.drawflow_content_node>.tree-node>.tree-branch {
 top: 80px;
 }
 .drawflow-node.-blur2 .block-box.base-section {
 opacity: 1;
 }
 .drawflow-node.-blur2>.drawflow_content_node>.tree-node>.block-box {
 opacity: 0.2;
 }
 .drawflow-node.selected>.drawflow_content_node>.tree-node>.block-box {
 opacity: 1;
 }
 }
 .tree-branch {
 position: relative;
 display: flex;
 flex-direction: row;
 gap: 16px;
 height: 0;
 top: 80px;
 .drawflow-node {
 position: relative;
 width: fit-content;
 min-width: fit-content;
 max-width: fit-content;
 }
 &.parallel-section {
 min-height: 40px;
 border-radius: 8px;
 background: #f7fcff;
 margin-bottom: 0;
 position: relative;
 height: fit-content;
 padding: 16px;
 padding-bottom: 74px;
 padding-top: 80px;
 border: 1px solid #bedaea;
 .tree-branch {
 height: fit-content;
 top: 0;
 }
 .tree-node {
 gap: 80px;
 }
 .tree-node.leaf-node {
 gap: 40px;
 min-height: 132px;
 margin-bottom: 48px;
 }
 .-default-outputs>.drawflow_content_node>.tree-node {
 gap: 20px;
 }
 .outputs {
 top: 124px;
 }
 .goto-block>.outputs,
 .standard-block-output>.outputs {
 top: 36px;
 }
 .add-next-block {
 position: relative;
 top: 0;
 left: -2px;
 bottom: auto;
 }
 .add-block-section .add-next-block {
 top: -4px;
 }
 .standard-block-output>.drawflow_content_node>.tree-node>.add-next-block {
 top: -25px;
 }
 }
 }
 .-default-outputs>.drawflow_content_node>.tree-node>.tree-branch {
 top: 20px;
 }
 .-default-outputs>.drawflow_content_node>.tree-node>.tree-branch.parallel-section {
 top: 18px;
 }
 .-default-outputs>.drawflow_content_node>.tree-node>.parallel-section + .tree-branch {
 top: 44px;
 }
 .standard-block-output .-working .block-box.base-section.repeat-block,
 .standard-block-output .block-box.base-section.repeat-block {
 background: linear-gradient(90deg, #a9d2fa 50%, transparent 50%), linear-gradient(90deg, #a9d2fa 50%, transparent 50%), linear-gradient(0deg, #a9d2fa 50%, transparent 50%), linear-gradient(0deg, #a9d2fa 50%, transparent 50%);
 background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
 background-size: 16px 3px, 16px 3px, 3px 16px, 3px 16px;
 background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
 background-color: var(--node-background);
 }
 .tree-node {
 display: flex;
 align-items: center;
 flex-direction: column;
 pointer-events: none;
 &.-collapsed>.tree-branch {
	display:none;
 }
 }
 .drawflow_content_node {
 z-index: 10;
 pointer-events: none;
 }
 .expand-btn {
 padding: 16px;
 zoom: 0.5;
 z-index: 100;
 color: #333;
 background: #fff;
 border: 1px solid var(--line-color);
 position: absolute;
 top: auto;
 bottom: -4px;
 left: calc(50% - 18px);
 cursor: pointer;
 }
.expand-btn:hover{
 border: 2px solid var(--main-color);
 color: var(--main-color);
 transform: rotate(180deg);
 .-icon {
 cursor: pointer;
 }
 &.-collapsed {
 transform: rotate(180deg);
 }
.-collapsed:hover{
 transform: rotate(180deg);
 }
 &.-collapsed:hover {
 transform: rotate(360deg);
 }
 }
 .-collapsed .expand-btn {
 transform: rotate(180deg);
 }
 .drawflow-node {
 border: none;
 box-shadow: none;
 pointer-events: none;
 &.parallel-block>.outputs {
 top: 124px;
 }
 &.ticket-log.finished.selected {
 border: none;
 z-index: 10000;
 }
 &.ticket-log.finished.selected>.drawflow_content_node>.ticket-block>.block-box {
 border: 2px solid var(--main-color);
 }
 &.ticket-log.finished>.drawflow_content_node>.ticket-block>.block-box {
 border: 2px solid #219D5B;
 }
 }
 .block-box.base-section {
 border: 2px solid var(--line-color);
 max-width: var(--node-width);
 pointer-events: all;
 }
 .block-box.base-section.repeat-block.-slow {
 border: 2px solid #ffffff;
 }
 .selected>.drawflow_content_node>.block-wrapper>.block-box.base-section,
 .selected>.drawflow_content_node>.tree-node>.block-box.base-section {
 border: 2px solid var(--main-color);
 }
 .standard-block-output .base-section.block-box .section-header .base-title {
 color: #333;
 font-style: normal;
 }
 .add-block-section {
 position: relative;
 width: 200px;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 0;
 .add-next-block {
 top: -4px;
 bottom: 40px;
 }
 &:first-child .add-next-block:before {
 width: 160px;
 border-top-left-radius: 6px;
 border-width: 2px 0px 0px 2px;
 }
 &:last-child .add-next-block::before {
 width: 160px;
 border-top-right-radius: 6px;
 border-width: 2px 2px 0px 0px;
 left: -152px;
 }
 }
 .connection.in-parallel-connection {
 z-index: 10;
 width: 0.1px;
 height: 0.1px;
 position: fixed;
 }
 .connection.instance-connection {
 z-index: 100;
 width: 0.1px;
 height: 0.1px;
 position: fixed;
 }
 .connection.in-parallel-connection.-hide,
 .connection.instance-connection.-hide {
 z-index: 1;
 }
 .connection.instance-connection.merge-connection,
 .connection.instance-connection.back-connection {
 z-index: 0;
 }
 .connection.instance-connection.show-all,
 .connection.instance-connection.selected,
 .connection.instance-connection:hover,
 .connection.show-all,
 .connection:has(.main-path.selected),
 .connection.selected,
 .connection:hover {
 z-index: 1000;
 }
 .connection {
 z-index: 1;
 width: 1px;
 height: 1px;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 }
 .connection path {
 pointer-events: stroke;
 cursor: pointer;
 }
 .connection text,
 .connection foreignObject {
 pointer-events: all;
 cursor: pointer;
 }
 .connection.-temp-connection {
 z-index: 100;
 }
 .connection.-force-hide {
 z-index: 0 !important;
 }
 .drawflow .parent-node {
 position: relative;
 z-index: 101;
 }
 .drawflow-node.-flow-reflection:not(.compound_reflection-block) > .m-section {
 display: none;
 }
 .drawflow-node:has(.selected) {
 z-index: 10;
 }
	}
	.parent-node.-ticket-node {
 position: absolute;
 z-index: 10;
	}
	.parent-node.-ticket-node:has(.ticket-log.selected),
	.parent-node.-ticket-node:has(.ticket-log:hover),
	.parent-node.-ticket-node:hover {
 z-index: 50;
	}
	.parent-node.-ticket-node:nth-child(1) {
 z-index: 20;
	}
	.parent-node.-ticket-node:nth-child(2) {
 z-index: 19;
	}
	.parent-node.-ticket-node:nth-child(3) {
 z-index: 18;
	}
	.parent-node.-ticket-node:nth-child(4) {
 z-index: 17;
	}
	.parent-node.-ticket-node:nth-child(5) {
 z-index: 16;
	}
	.parent-node.-ticket-node:nth-child(6) {
 z-index: 15;
	}
	.parent-node.-ticket-node:nth-child(7) {
 z-index: 14;
	}
	.parent-node.-ticket-node:nth-child(8) {
 z-index: 13;
	}
	.parent-node.-ticket-node:nth-child(9) {
 z-index: 12;
	}
	.parent-node.-ticket-node:nth-child(10) {
 z-index: 11;
	}
	.instance-node-container {
 position: absolute;
 gap: 40px;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 width: 0;
 .parent-node.-ticket-node {
 position: relative;
 }
 .drawflow-node {
 position: absolute !important;
 margin-left: -129px;
 z-index: 1000;
 min-width: calc(var(--node-width) + 26px) !important;
 }
	}
}
.parent-drawflow .chart-menu.-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 400px;
	transition: right 0.15s;
	display: block;
	&.hidden {
 right: -100%;
	}
	.block-kits {
 position: absolute;
 top: 0;
 right: 0;
 left: auto;
 bottom: 0;
 border: 1px solid rgba(0, 0, 0, 0.1);
 box-shadow: 0px 2px 4px 0px #0000001C;
 border-radius: 8px;
 width: 398px;
 transition: width 0.15s;
 height: 100%;
 max-height: -webkit-fill-available;
 background: #f9f9f9;
 .panel-canvas {
 top: 60px;
 border-radius: 8px;
 background: #f9f9f9;
 }
 .block-menu-item .grabme .base-icon {
 color: #666 !important;
 }
 .base-section.flow-block-item {
 cursor: pointer;
 min-width: 34px;
 height: 34px;
 padding: 0;
 border-radius: 8px;
 border: 1px solid #ffffff;
 }
 .base-section.flow-block-item:hover {
 color: var(--main-color);
 border-color: #F0F0F0;
 box-shadow: 0px 4px 30px rgba(22, 33, 74, 0.08);
 .base-button .-icon {
 color: var(--main-color);
 }
 }
	}
	.backdrop {
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 380px;
 width: 100%;
 background: #0000000a;
 cursor: pointer;
	}
	.block-menu .bm-area:last-child,
	.block-menu .bm-area {
 position: relative;
 padding-bottom: 15px;
 padding: 12px;
 margin: 12px;
 border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 8px;
 background: #ffffff;
	}
	.block-menu .bm-area:first-child {
 margin-top: 0;
	}
	.fi-report-panel .panel-header {
 padding: 12px 12px 0;
 border: none;
 .base-search {
 border-radius: 8px;
 position: relative;
 border: 1px solid rgba(0, 0, 0, 0.1);
 input {
 background-color: #ffffff;
 border: none;
 }
 }
	}
	.base-tooltip>.-bt-inner,
	.base-tooltip {
 white-space: nowrap;
 top: 8px;
 right: -12px;
 left: auto;
 min-width: fit-content;
 max-width: fit-content;
	}
	.base-tooltip>.-bt-inner .-bt-arrow {
 right: 12px;
 left: auto;
	}
}
.parent-drawflow .chart-form.-right {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 1px;
	right: 1px;
	left: auto;
	width: 600px;
	min-width: fit-content;
	background: #ffffff;
	box-shadow: 0px 2px 4px 0px #0000001C;
	border-radius: 8px;
	transition: right 0.15s;
	display: block;
	&.hidden {
 right: -100%;
	}
	.block-form-full-page {
 width: var(--form-width);
 .form-header {
 position: relative;
 padding: 16px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 background: #e3e3e3;
 font-size: 16px;
 font-weight: 500;
 color: #5b5b5b;
 border-top-left-radius: 8px;
 .close-btn {
 position: absolute;
 right: 16px;
 top: 16px;
 cursor: pointer;
 }
.close-btn:hover{
 color: #D96C6C;
 }
 }
 .form-rows {
 position: absolute;
 top: 53px;
 left: 0;
 right: 0;
 bottom: 78px;
 padding: 16px;
 }
 .form-buttons {
 position: absolute;
 top: auto;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: flex-end;
 padding-right: 16px;
 padding-bottom: 24px;
 .base-button {
 width: fit-content;
 padding: 8px 16px;
 border: 1px solid #ddd;
 margin: 4px;
 font-size: 16px;
 font-size: 14px;
 height: fit-content;
 &:hover {
 border: 1px solid var(--main-color);
 }
 &:hover .-txt {
 color: var(--main-color);
 }
 }
 .base-button.ok {
 margin-right: 0px;
 background-color: var(--main-color);
 border: 1px solid var(--main-color);
 &:hover {
 border: 1px solid #3ba710;
 }
 &:hover .-txt {
 color: #ffffff;
 }
 }
 .base-button.cancel {
 color: #666;
 }
 .base-button.cancel:nth-child(2) {
 background-color: #ffffff;
 color: var(--main-color);
 font-weight: 500;
 border: 1px solid var(--main-color);
 }
 }
 .base-form {
 margin: 16px;
 margin-bottom: 80px;
 }
 .base-form-row.esign-form-row {
 padding-bottom: 0;
 }
 .base-form-row:last-child {
 padding-bottom: 8px;
 }
 .flex-column .base-form-row:last-child {
 padding: 0 0 18px 0;
 }
 .finance-supertable .base-form-row {
 margin: 0;
 padding: 0;
 .fr-input {
 padding: 0;
 }
 }
 .base-form-row {
 width: 100%;
 margin-top: 4px;
 padding: 0 0 18px 0;
 &.-default-hidden {
	display:none;
 }
 .fi-fake {
 top: 4px;
 border-radius: 6px;
 }
 .fr-label {
 color: #333;
 }
 .fr-input {
 padding-top: 8px;
 top: 0;
 }
 .temp-input .fr-input {
 padding-top: 0;
 }
 .temp-input.fr-input {
 top: -33px;
 padding-top: 0;
 }
 .condition-item .fr-input {
 padding-top: 0;
 top: 8px;
 }
 .condition-item:first-child {
 margin-top: 15px;
 padding-top: 5px;
 }
 .condition-item:first-child .add-row {
 top: -4px;
 }
 .condition-item .base-table tbody tr {
 .js-improved-select {
 min-width: 120px;
 }
 .input-value {
 min-width: 300px;
 }
 td.input-operator {
 max-width: 140px;
 }
 }
 .add-row .base-tooltip {
 right: -6px;
 min-width: fit-content;
 left: auto;
 text-align: right;
 white-space: nowrap;
 }
 .add-row .base-tooltip>.-bt-inner .-bt-arrow {
 right: 10px;
 left: auto;
 }
 }
 .-isinput-esign-configs .base-form-row {
 padding: 12px 16px 4px;
 width: calc(100% - 32px);
 }
 .-isinput-esign-configs .base-form-row:first-child {
 padding-top: 0;
 }
 .-isinput-esign-configs .fx-container-box .base-form-row {
 padding-left: 0;
 }
 .-isinput-esign-configs .-cb-body > .input-switch-container:last-child {
 margin-top: 12px;
 }
 .flex-column .fr-input {
 padding-top: 6px;
 }
 .flex-column .fr-input input {
 height: 32px;
 }
 .input-group-conditions .default-group {
 padding-bottom: 0;
 padding-top: 8px;
 margin-bottom: -16px;
 }
 .improve-select.active,
 .js-textarea-editor:has(.ql-editor:focus)>div,
 input:active,
 input:focus,
 textarea:focus,
 select:focus {
 border-color: #1e88e554;
 box-shadow: 0px 0px 4px rgba(30, 136, 229, 0.2);
 }
 .input-switch-container {
 margin: 0;
 height: fit-content;
 }
 .base-button.-picon.-no-action.-menu-item {
 top: 2px;
 left: -1px;
 }
 .row.fx-container-box {
 margin-top: 12px;
 }
 .flex-column {
 display: flex;
 width: 100%;
 flex-direction: row;
 gap: 12px;
 align-items: center;
 justify-content: space-between;
 }
	}
}
.parent-drawflow .chart-action.-top {
	position: absolute;
	bottom: auto;
	left: auto;
	right: 0;
	top: 54px;
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	transition: bottom 0.15s;
	display: flex;
	&.hidden {
 top: -100%;
	}
	.base-section.alert-section {
 padding: 12px;
 width: fit-content;
 border: 1px solid #1e88e552;
 border-radius: 8px;
 margin-top: 12px;
 margin-right: 14px;
 background: #ffffff;
 padding-left: 32px;
 position: relative;
 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.17);
 &:has(.base-button:hover) {
 border-color: #D96C6C;
 }
 &:has(.base-button.-success:hover) {
 border-color: #42b814;
 }
 >.base-icon {
 position: absolute;
 width: 16px;
 height: 16px;
 left: 12px;
 top: 11px;
 }
 .base-button {
 display: inline;
 border: none;
 box-shadow: none;
 margin-right: -4px;
 margin-left: 4px;
 padding: 6px 10px 6px 24px;
 .-icon {
 position: absolute;
 top: 4px;
 left: 4px;
 }
 &:hover {
 color: #ffffff;
 .-icon {
 color: #ffffff;
 }
 }
 }
	}
}
.parent-drawflow.selected {
	background-image: none;
	box-shadow: 0px 0px 16px 0px #e5e5e5 inset;
	background-color: #eee;
	.connection .main-path,
	.connection .arrow,
	.connection .main-text,
	.connection .connector-obj,
	.drawflow-node {
 opacity: 0.2;
 .block-box.base-section {
 .section-header .base-side {
	display:none;
 }
 .base-title .url {
 pointer-events: none;
 }
 }
	}
	.connection.-working .main-path {
 opacity: 1;
 animation: dash 0.6s infinite;
 stroke-dasharray: 8;
 stroke: var(--main-color);
	}
	.add-next-block {
 opacity: 0;
 pointer-events: none;
	}
	.connector-obj {
	display:none;
	}
	.drawflow-node {
 opacity: 1;
	}
	.merge-block,
	.start-block,
	.standard-block-output,
	.goto-block {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 0.5;
 pointer-events: none;
 }
	}
	.pin>.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 1;
	}
	.parallel-section.tree-branch .block-box {
 opacity: 0.5;
 pointer-events: none;
	}
	.parallel-section.tree-branch .drawflow-node.-selectable>.drawflow_content_node>.tree-node>.block-box {
 opacity: 1;
 pointer-events: all;
	}
	&.show-node-placeholder {
 .connection .main-path,
 .connection .arrow,
 .connection .main-text,
 .connection .connector-obj {
 opacity: 0.5;
 }
 .connection:hover,
 .connection.selected {
 .main-path,
 .arrow,
 .main-text,
 .connector-obj {
 opacity: 1;
 }
 }
 .connection .connector-config.default-hidden,
 .connection .connector-obj {
	display:block;
 opacity: 1;
 margin-left: 14px;
 }
 .connection .connector-config {
	display:none;
 }
 .connection .default-hidden:hover {
 opacity: 1;
 }
 .drawflow-node>.drawflow_content_node>.block-wrapper>.block-box{
 opacity: 0.5;
 }
 .pin>.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 1;
 border: 2px solid var(--main-color);
 }
 .has-connector .connector-config .base-button.-picon:first-child,
 .connector-config .base-button {
 background: #ffffff;
 .-icon {
 color: #666;
 }
 &:hover {
 background: var(--main-color);
 .-icon {
 color: #ffffff;
 }
 }
 }
	}
	&.service_reflection {
 .output-wrapper,
 .drawflow-node {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 0.2;
 pointer-events: none;
 }
 }
 .pin>.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 1;
 border: 2px solid var(--main-color);
 }
 .output-wrapper.selected,
 .merge-block {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 1;
 pointer-events: all;
 }
 }
 .merge-block.fixed-connection {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 0.2;
 pointer-events: none;
 }
 }
 .parallel-section .merge-block {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 0.2;
 pointer-events: none;
 }
 }
 &.selected-in-parallel {
 .merge-block {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 0.2;
 pointer-events: none;
 }
 }
 .activate-selection .merge-block {
 >.drawflow_content_node>.block-wrapper>.block-box {
 opacity: 1;
 pointer-events: all;
 }
 }
 }
	}
	&.selected-in-parallel .drawflow-node .block-box {
 opacity: 0.2;
 pointer-events: none;
	}
}
.master-main.-with-panel.-no-border.-full-canvas {
	transition: left 0.15s, width 0.15s, right 0.15s, top 0.5s, height 0.5s;
}
.master-page .master-main.-no-border.-full-canvas.-full-page {
	top: 0;
	height: calc(100%);
	z-index: 1000000;
	border-radius: 12px;
	.detail-page {
 border-radius: 12px;
	}
}
.chart-controls {
	.base-button {
 .base-tooltip>.-bt-inner,
 .base-tooltip {
 white-space: nowrap;
 top: 18px;
 right: -6px;
 left: auto;
 min-width: fit-content;
 max-width: fit-content;
 }
 .base-tooltip>.-bt-inner .-bt-arrow {
 right: 12px;
 left: auto;
 }
	}
	.base-button.change-flowchart-view .-icon {
 transform: rotate(270deg);
	}
}
.switch-btn.url {
	display: flex;
	padding: 9px;
	gap: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #888;
	.base-switch {
 top: 1px;
	}
}

.ticket-group .custom-data-detail.-custom-fields .inline-display:last-child {
	padding-bottom: 0;
}
.ticket-group .base-flex-cols.-spacing > div {
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	position:relative;
}
.ticket-group .base-flex-cols.-spacing > .inline-display:last-child {
	padding-bottom: 0;
}
.ticket-detail .base-flex-cols.-spacing > div {
	width: 100%;
}
.cform-display-table .base-table-wrapper .base-table thead td,
.ticket-detail .cform-display-table .base-table-wrapper {
	border-radius: 6px;
}
.ticket-detail .base-table tbody tr:last-child td {
	border-bottom: none;
}
.ticket-detail .cform-display-table tbody tr:last-child td div {
	border-radius: 6px;
}
.detail-page .display-field {
 padding-bottom: 24px;
	max-width: 100%;
}
.detail-page .display-field.transaction-category-wrapper:has(.display-category) {
	padding-bottom: 0;
}
.detail-page .display-field .field-label {
	font-size:14px;
 color:#616161;
 font-weight: 400;
 height: 16px;
 line-height: 17px;
 padding-bottom: 8px;
	text-transform: math-auto;
}
.detail-page .base-table img {
	max-width: 240px;
}
.detail-page .display-field .field-label {
	display:inline-block;
	font-size:14px;
 vertical-align: baseline;
 line-height: 17px;
 color:#666666;
}
.super-cell .transaction-category-wrapper .field-label,
.kanban-card .transaction-category-wrapper .field-label {
	display:none;
}
.super-cell .transaction-category-wrapper .field-label,
.kanban-card .transaction-category-wrapper {
 padding-bottom: 12px;
}
.detail-page {
	height: 100%;
 display: flex;
 flex-direction: row;
 justify-content: stretch;
	background-color: #ffffff;
	border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;
}
.master-main.-with-panel.-no-border.-with-tab {
	top: 84px;
	height: calc(100% - 84px);
}
.master-main.-with-panel.-no-border.-full-canvas .detail-page {
	border-bottom-left-radius: 12px;
}
.master-main.-with-panel.-no-border .detail-page {
	border-bottom-left-radius: 0;
}
.master-main.-with-panel.-no-border .detail-page.-border-top {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.detail-page > .-right {
	position:relative;
	background-color: #f5f5f5;
 min-width: 360px;
 flex-grow: 1;
	padding: 16px;
	height: fit-content;
}
.detail-page > .-right.scroll-y {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	left: 360px;
	height: calc(100% - 32px);
}
.detail-page > .-right.-full {
	left: 0;
}
.detail-page > .-right > div {
	padding: 0;
}
.detail-page > .-right .bm-area .area-title {
	font-size:15px;
	text-transform: math-auto;
	font-weight: 500;
	padding: 4px 0 20px 16px;
}
.detail-page > .-right .bm-area.-collapsed .area-title {
 margin-bottom: -5px;
	padding: 4px 0 0px 16px;
}
.detail-page > .-right .lds-grid {
	margin-top: 0;
	padding-bottom: 60px;
}
.detail-page > .-right .custom-data-detail .lds-grid {
	padding-bottom: 0;
}
.detail-page > .-right .esign-section .lds-grid {
	padding-bottom: 36px;
 height: 0;
	margin-top: 4px;
}
.detail-page > .-right .ticket-menu .lds-grid {
	padding-bottom: 28px;
}
.detail-page > .-right .ticket-related .lds-grid {
	margin-top: 100px;
	padding-bottom: 60px;
}
.detail-page > .-right.-popup > .section {
	border-top: none;
	padding: 0;
	padding-right: 5px;
}
.detail-page > .-right > .section {
 padding: 20px;
 border-top: 1px solid rgba(0,0,0,0.1);
}
.detail-page > .-right > .base-bc {
	padding-bottom: 10px;
}
.detail-page > .-left {
	width: 360px;
	position:relative;
	height: fit-content;
}
.detail-page > .-left.auto-scroll {
	position:relative;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	height: calc(100%);
}
.detail-page > .-left.scroll-y {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	height: calc(100%);
}
.detail-page .auto-scroll .ticket-menu-container {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.detail-page .ticket-menu {
	position:relative;
	border-radius: 6px 0 6px;
}
.detail-page .ticket-menu .empty-section {
 margin-top: -5px;
 height: 240px;
 background-color: #f5f5f5;
 border: none;
}
.ticket-menu .flowchart-sm {
	position:relative;
	width: calc(100% - 12px);
 height: 20vh;
	min-height: 240px;
	.chart-controls.-lg {
	display:none;
	}
}
.flowchart-lg .chart-controls.-sm {
	display:none;
}
.ticket-menu .embed-view-control .base-button {
	background: #ffffff;
 zoom: 0.7;
 position: absolute;
 left: 16px;
 top: 20px;
	padding-left: 18px;
	.-icon {
 color: #242424;
 left: 4px;
 top: 3px;
 zoom: 1.2;
	}
}
.master-main .flowchart-sm .parent-drawflow {
 min-height: 240px;
 height: 20vh;
 margin: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	min-width: 534px;
}
.detail-page .display-sidebar {
	width: auto;
}
.detail-page .display-main {
	width: 100%;
}
.detail-page .base-section.ticket-detail {
	padding-top: 20px;
	padding-bottom: 12px;
}
.detail-page .display-obj.block-detail .base-section.ticket-detail {
	padding: 20px 0 0;
}
.detail-page .display-field .display-obj.block-detail .base-section.ticket-detail {
	padding: 0;
}
.detail-page .field-value .display-field:last-child {
	padding-bottom: 0;
}
.ticket-group {
	display:none;
}
.ticket-group.active {
	display:block;
	position:relative;
	background-color: #F5F5F5;
	overflow: auto;
 gap: 16px;
	display: flex;
 flex-direction: column;
	padding: 16px;
	z-index: 1;
	overflow: visible;
}
.ticket-menu .ticket-group.active {
	gap: 6px;
	border-radius: 6px 0 6px;
	background: #e9eaea;
}
.ticket-menu .ticket-group.active:first-child {
	gap: 1px;
}
.ticket-menu .ticket-group.active > .base-section {
	border-radius: 0;
}
.ticket-menu .ticket-group.active > .base-section:has( + .empty-section) {
	border-radius: 6px 0 6px;
}
.ticket-group.active > .base-section {
	background-color: #ffffff;
	padding: 8px 16px;
	border-radius: 6px;
	box-shadow: 0px 1px 2px 0px #1018280D;
	position:relative;
}
.ticket-group.active > .base-section.esign-section .-proposers {
	padding-bottom: 12px;
 padding-top: 12px;
}
.ticket-group.active > .base-section.esign-section .group-esign-item {
	padding-bottom: 8px;
 max-width: 100%;
 margin-top: 12px;
 border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.ticket-group.active > .base-section.esign-section .group-esign-item:last-child {
	padding-bottom: 0;
 border: none;
}
.ticket-group.active > .base-section.esign-section .group-esign-item.-empty {
	padding-bottom: 12px;
}
.base-section.esign-section .base-esign-proposal {
 border-top: 1px solid #eee;
 padding-bottom: 12px;
	display: none;
}
.ticket-group.active .base-section.bc-section {
	border-top: 1px solid #E9EAEA;
	padding-top: 8px;
}
.ticket-group.active > .base-section.integrated-section {
	background-color: #e6e7e7;
	box-shadow: 0px 0px 2px 0px #0000001F;
	border-radius: 9px;
	overflow: hidden;
}
.ticket-group.active > .base-section.integrated-section > .section-header .base-button{
	zoom: 0.7;
}
.ticket-group.active > .base-section.integrated-section .section-header .base-side {
	position:absolute;
 right: 24px;
 top: 8px;
}
.integrated-section .base-block.block-ava-icon {
	position:absolute;
 top: -3px;
 left: -6px;
}
.integrated-section .base-button.-picon.-no-action.-menu-item .-icon {
	top: -2px;
	left: -1px;
}
.integrated-section .title-box {
	position:relative;
	left: 24px;
	top: 0;
}
.integrated-section .base-button.-picon.-no-action.-menu-item .-icon .-icon-svg svg {
 padding-top: 0px;
 padding-left: 0px;
 width: 34px;
 height: 34px;
}
.ticket-group.ticket-related.active {
	bottom: 50px;
}
.ticket-group.ticket-related.ticket-pagination.active {
	top: calc(100% - 50px);
	bottom: 0;
	background: #ffffff;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 6px rgba(0, 0, 0, 0.1);
}
.ticket-related.ticket-pagination .apppages .icons {
	font-size:18px;
	margin: 0;
}
.ticket-related.ticket-pagination .apppages .icons div.label {
	padding: 10px 20px;
}
.ticket-related .apppages .icons > div.next,
.ticket-related .apppages .icons > div.prev {
	margin-top: 7px;
 padding: 0px 11px;
 border-radius: 6px;
}
.ticket-related .base-pagination {
	padding-bottom: 10px;
}
.ticket-group.ticket-current .text-editor {
	overflow: auto;
}
.ticket-menu .base-tabs {
 display: flex;
 flex-direction: row;
	align-items: center;
 justify-content: space-between;
 border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ticket-menu .base-tabs .base-tab {
	flex-grow: 1;
 text-align: center;
 margin: 0;
 padding: 8px;
	border-right: 1px solid rgba(0,0,0,0.1);
}
.ticket-menu .base-tabs .base-tab.filter-tab {
	padding: 0;
	width: calc(50% - 72px);
}
.ticket-menu .base-tabs .base-tab:last-child {
	border-right: none;
}
.ticket-menu .base-tabs .base-tab.active {
	background-color: #ffffff;
}
.ticket-menu .base-tab .base-button.-pdd {
	border: none;
 background-color: inherit;
 display: flex;
 justify-content: center;
 gap: 4px;
 padding: 8px;
}
.ticket-menu .base-tab .base-button .-suffix {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	top: -4px;
	position:relative;
}
.base-button .-cmenu.hidden {
	display:none;
}
.ticket-card-item {
	padding: 0 20px;
}
.ticket-group .kanban-card {
	margin: 12px;
}
.ticket-group .kanban-card:hover,
.ticket-group .kanban-card.active {
	border-color: #219D5B;
}
.ticket-group .kanban-card.active {
	border: 2px solid #219D5B;
 border-left: 8px solid #219D5B;
}
.ticket-group .base-section .section-header {
	padding: 6px 0;
	border: none;
}
.ticket-group .base-section .section-header .base-title {
	font-size:15px;
}
.ticket-group .base-section .section-body {
	padding: 0;
}
.ticket-group .base-section .section-body .transaction-category-wrapper .field-label {
	display:none;
}
.ticket-group .base-section .section-body.ticket-post {
	padding: 12px 0px;
}
.ticket-group .base-section .section-body.p-0 {
	padding: 0;
}
.ticket-group .base-section .section-body.ticket-sidebar {
	padding: 8px 0;
}
.ticket-group .ticket-sidebar .js-more,
.ticket-group .ticket-sidebar .js-less {
	border: none;
 box-shadow: none;
 font-weight: 300;
 color: #ccc;
	display:none;
	position:absolute;
 top: 12px;
 right: 74px;
}
.ticket-group .ticket-sidebar .js-more .-txt,
.ticket-group .ticket-sidebar .js-less .-txt {
	font-weight: 300;
	font-size: 12px;
}
.ticket-group .ticket-sidebar .js-less:hover,
.ticket-group .ticket-sidebar .js-more:hover,
.ticket-group .ticket-sidebar .js-less:hover > span,
.ticket-group .ticket-sidebar .js-more:hover > span {
	color: #1E88E5;
}
.ticket-group .ticket-sidebar .js-less {
	display:none;
}
.ticket-group .ticket-sidebar .js-more {
	display:block;
}
.ticket-group .ticket-sidebar.-all-data .js-less {
	display:block;
}
.ticket-group .ticket-sidebar.-all-data .js-more {
	display:none;
}
.ticket-group .base-section .section-body.ticket-sidebar .base-sep:last-child {
	display:none;
}
.transaction-category-wrapper + .base-section.-fixed-data {
	margin-top: 12px;
}
.base-section.-fixed-data {
	padding: 20px 20px 0;
	padding-bottom: 4px;
	padding-top: 16px;
 border-radius: 6px;
 background: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.base-section.-fixed-data.-endpoint-data {
	margin-top: 16px;
	margin-bottom: 16px;
}
.base-section.-fixed-data > .base-title {
	font-size: 14px;
 padding: 0;
 font-weight: 500;
 color: #343434;
}
.ticket-group .-fixed-data .custom-data-detail {
 margin-top: 0;
 padding: 0;
 border: none;
}
.ticket-group .ticket-sidebar .inline-display.pb-0 {
	padding-bottom: 0;
}
.section-header .base-side .-side-action {
	color:#1E88E5;
}
.ticket-group .base-section .section-header .base-side .base-action .-icon {
	color: inherit;
	top: 4px;
}
.base-section.-todo .section-header .base-side {
	right: 8px;
 top: 1px;
}
.tk-subsection .subsection-hd {
	padding-bottom: 16px;
}
.tk-subsection .subsection-hd .base-title {
	line-height: 20px;
	font-size: 14px;
}
.tk-subsection .inline-display {
	padding-bottom: 16px;
}
.ap-inline-tagger .ap-tagger .api-sb input {
	font-size:13px;
}
.ticket-main .base-avatars .inline-avatar > .-img {
	width: 24px;
	height: 24px;
}
.ticket-main .flowchart-sm .base-avatars .inline-avatar > .-img {
	width: 26px;
	height: 26px;
}
.ticket-main .base-avatars .inline-avatar > .-cmenu {
	right: 0;
}
.-carousel .base-avatars .inline-avatar > .url.-more:hover {
	background: rgba(0, 0, 0, 0.7);
}
.ticket-followers .base-followers .ap-inline-tagger-wrap.activated .ap-inline-tagger {
	position:absolute;
	border-radius: 6px;
}
.ticket-followers .base-followers.-compact .fe-users .fe-actions {
 height: 0;
	padding: 0;
}
.ticket-followers .base-followers.-compact .fe-users .fe-action {
	border: none;
 color: transparent;
 background: transparent;
	height: 0;
	padding: 0;
 top: -28px;
	left: -84px;
	width: 0;
}
.ticket-followers .base-followers.-compact .fe-users .fe-action:last-child {
	display:none;
}
.ticket-sidebar .base-avatars {
	padding-left: 10px;
}
.ticket-sidebar .base-avatars.-with-name {
	padding-left: 0;
}
.ticket-sidebar .base-avatars.-none {
	padding-left: 0;
}
.ticket-sidebar .inline-display {
	line-height: 20px;
	display: flex;
	flex-direction: row;
	gap: 28px;
	padding-bottom: 16px;
	width: 100%;
}
.ticket-sidebar .inline-display .fi-inline-field-label{
	float: none;
	line-height: inherit;
	width: 160px;
	min-width: 160px;
	margin: 0;
}
.ticket-sidebar .inline-display .fi-inline-field-value {
	line-height: inherit;
	margin: 0;
	min-height: 26px;
	max-width: calc(100% - 190px);
}
.ticket-sidebar .inline-display .fi-inline-field-value .main.url {
	white-space: break-spaces;
 word-break: break-all;
}
.display-field .field-value .label-group .-bis-icon {
	top: -2px;
}
.ticket-sidebar .inline-display .fi-inline-field-value .-bis-icon {
	top: 2px;
}
.display-field .field-value .label-group .text-sub.url,
.ticket-sidebar .inline-display .fi-inline-field-value .text-sub.url {
	display: inline-block;
 padding-left: 12px;
	padding-bottom: 0;
}
.ticket-sidebar .base-user .base-user-info {
	display:none;
}
.ticket-followers .base-followers.-compact .fe-users {
	padding-left: 3px;
}
.ticket-followers .base-followers .base-icon {
	position:absolute;
 top: 0;
 left: 0;
}
.ticket-followers .ticket-action:hover {
	border-color: #1E88E5;
	color:#1E88E5;
}
.ticket-followers .ticket-action {
 padding: 11px;
 border-radius: 50%;
 border: 1px dashed #ccc;
	position:relative;
}
.ticket-followers .ticket-action .base-icon {
	position:absolute;
 top: 5px;
 left: 5px;
}
.ticket-followers {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.ticket-followers .base-followers .fe-users .fe-avatar {
	width: 24px;
 height: 24px;
	margin-left: -3px;
}
.ticket-followers .avatar img {
	width: 24px;
 height: 24px;
}
.ticket-followers .base-followers.-compact .fe-users .fe-avatar:after {
	border: none;
}
.ticket-sidebar .base-user .base-user-avatar {
	left: 0px;
	top: 0px;
	width: 24px;
 height: 24px;
}
.ticket-sidebar .base-user {
	padding-left: 34px;
}
.ticket-sidebar .base-user .base-user-name {
 font-weight: 400;
 padding-top: 2px;
 padding-bottom: 0;
}
.ticket-sidebar .base-avatars .inline-avatar {
	margin-bottom: 0;
	border: none;
}
.ticket-group .show-log-detail .-icon {
	position:absolute;
 left: 188px;
}
.ticket-group .show-log-detail span {
 text-decoration: underline;
}
.detail-page .-full-size-block {
	height: calc(100vh - 246px);
 width: calc(100% + 24px);
 border-radius: 6px;
 background-color: #ffffff;
 margin-left: -12px;
 margin-right: -12px;
 margin-bottom: -4px;
}
.detail-page .base-section .section-header .triangle {
	right: 0px;
 top: 5px;
	left: auto;
}
.ticket-filter{
	flex-direction: row;
 padding: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
	height: 38px;
	position: absolute;
 top: 50px;
 right: 0;
	& > div{
 flex-direction: row;
 padding: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 8px;
	}
}
.custom-kanban .base-tabs .base-tab.active::before {
	position: absolute;
 bottom: 0px;
 height: 2px;
 left: 0px;
 right: 0px;
 content: "";
 background-color: #1E88E5;
}

.display-cover > .base-info.assignee-info {
 font-size: 13px;
 color: #666;
 padding-top: 6px;
}
.ticket-assignees-table .base-avatars .inline-avatar {
	width: 100%;
}
.ticket-assignees-table.ticket-assignees.-full-content .base-avatars.clear-fix .lds-grid.sla-dot {
 right: auto;
 left: 14px;
 top: 12px;
}
.ticket-assignees-table .text-timeleft {
	margin-top: 4px;
 display: block;
}
.ticket-assignees-table .base-table tbody .cell {
 position: relative;
}
.ticket-assignees-table td.display-note,
.ticket-assignees-table td.display-time {
 min-width: 140px;
}
.ticket-assignees-table span.lated {
 color: #ce1919;
 display: block;
 margin-top: 4px;
}
.ticket-assignees-table .st-approved {
 background: rgb(160 185 223 / 30%);
 color: #1E88E5;
 border: 1px solid #1e88e58c;
}
.ticket-assignees-table .st-pending-approval {
 background-color: rgb(255 152 0 / 6%);
 color: #FF9800;
 border: 1px solid #f5d098;
}
.ticket-assignees-table .st-cancel {
 background-color: rgb(137 137 137 / 9%);
 color: #999;
 border: 1px solid #ddd;
}
.section .ticket-assignees-table .text-editor {
	word-break: break-all;
}
.ticket-assignees-table span.inline-edit-btn.url {
 position: absolute;
 display: block;
 top: 12px;
 left: -12px;
 opacity: 1;
 margin-left: 8px;
	}
.ticket-assignees-table span.inline-edit-btn.url:hover{
 color: #1e88e5;
	}
.ticket-assignees {
	gap: 24px;
	display: flex;
}
.ticket-assignees.-full-content .base-avatars > .base-icon {
	display:none;
}
.ticket-assignees.-full-content {
	gap: 0;
	flex-direction: column;
}
.ticket-assignees .base-avatars > .base-icon {
	position:absolute;
 width: 24px;
 height: 24px;
	top: 12px;
 right: -24px;
}
.ticket-assignees .base-avatars:last-child > .base-icon {
	display:none;
}
.detail-page .ticket-assignees.-full-content .inline-avatar {
	width: 100%;
 height: 100%;
}
.ticket-assignees.-full-content .base-avatars.clear-fix .lds-grid.sla-dot {
	top: 6px;
 right: 5px;
	margin: 0;
}
.ticket-assignees.-full-content .inline-avatar > .-signal {
	right: auto;
	left: 20px;
	bottom: 0;
	top: 18px;
}
.ticket-assignees.-full-content .noted {
	top: 8px;
 right: 0px;
	left: auto;
}
.ticket-assignees.-full-content .base-tooltip {
	left: auto;
 right: calc(100% - 25px);
}
.ticket-assignees.-full-content .noted .base-tooltip > .-bt-inner .-bt-arrow {
	right: 16px;
 left: auto;
}
.ticket-assignees-header.clear-fix {
 display: flex;
 width: calc(100% - 28px);
 padding: 12px;
 background: #1e88e512;
 margin-bottom: 12px;
 margin-top: -12px;
 color: #555;
 font-size: 13px;
 font-weight: 500;
	align-items: center;
 gap: 6px;
	&:hover {
 color: #1e88e5;
	}
	.sub-icon {
 position: absolute;
 right: 32px;
	}
}
form .base-avatars.-full-width .inline-avatar{
	width: 100%;
 margin-top: -12px;
 margin-bottom: 20px;
 margin-left: -18px;
}
.lds-grid.sla-dot.incoming div {
	background: #e66419;
}


.input-ext-display .base-table .cell-lead, .input-ext-display .base-table .cell {
	padding: 10px;
	border-radius: 6px;
	font-size: 14px;
}
.input-ext-display .base-table thead td {
	height: 100%;
	color: #000000;
 background-color: #f8f8f8;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
}
.input-ext-display .base-table thead .cell-lead, .input-ext-display .base-table thead .cell {
	font-size: 11px;
	text-transform: uppercase;
}
.input-ext-display,
.base-table-wrapper,
.base-table-inner,
.input-ext-display table td,
.input-ext-display table,
.input-ext-display table thead,
.input-ext-display .base-table {
	border-radius: 6px;
}
.input-ext-display .base-table.scroll-x {
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.input-ext-display table {
	border: none;
}
.input-ext-display table td:first-child {
	border-left: none;
}
.input-ext-display table td:last-child {
	border-right: none;
}
.input-ext-display tr:last-child td {
	border-bottom: none;
}
.input-ext-display thead td {
	border-top: none;
}
.simple-form td.-cf-display .field-value .input-ext-display .cell {
	padding: 10px;
}
.simple-form td.-cf-display .input-ext-display table {
 border: 1px solid rgba(0, 0, 0, 0.1);
}
#ext-records .super-table-extra {
	position: relative;
 height: 30px;
}
span.export-table-btn.url {
 position: absolute;
 top: 10px;
 right: 20px;
	.base-icon {
 color: #888;
	}
	&:hover {
 .base-tooltip > .-bt-inner,
 .base-tooltip {
 display: block;
 white-space: nowrap;
 right: -12px;
 left: auto;
 }
 .base-tooltip .-bt-arrow {
 right: 8px;
 left: auto;
 }
 .base-icon {
 color: #1E88E5;
 }
	}
}
.super-row .super-cell .sc-inner{
	.kanban-card-content.-tag .ap-xdot {
 width: auto !important;
 top: 12px !important;
 right: 14px !important;
 left: 244px;
	}
	.kanban-card-content + .relative {
 max-width: 70%;
	}
}
/* Column resize handle on super-table headers.
 jQuery UI .resizable() injects a .ui-resizable-handle.ui-resizable-e child.
 Style it as a thin vertical bar on the right edge that highlights on hover. */
.super-table > .thead > .th {
	position: relative;
}
.super-table > .thead > .th > .ui-resizable-handle.ui-resizable-e {
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
	cursor: col-resize;
	background: transparent;
	z-index: 5;
	transition: background-color 0.12s ease;
}
.super-table > .thead > .th > .ui-resizable-handle.ui-resizable-e:hover,
.super-table > .thead > .th.ui-resizable-resizing > .ui-resizable-handle.ui-resizable-e {
	background-color: rgba(30, 136, 229, 0.4);
}
.super-table > .thead > .th.ui-resizable-resizing {
	user-select: none;
}
/* Resizable tables (service home + service detail) use flex layout for headers
 and rows so children never wrap during fast drags. Scoped via the JS-added
 `.col-resizable` class so it doesn't affect super-tables in other apps. */
.col-resizable > .super-table-wrapper > .super-table > .thead,
.col-resizable > .super-table-wrapper > .super-table > .colgroups,
.col-resizable > .super-table-wrapper > .super-table > .tbody > .super-row {
	display: flex;
	flex-wrap: nowrap;
}
.col-resizable > .super-table-wrapper > .super-table > .thead > .th,
.col-resizable > .super-table-wrapper > .super-table > .tbody > .super-row > .super-cell-wrapper {
	flex-shrink: 0;
	flex-grow: 0;
	float: none;
}


.ticket-group.active > .base-section.-carousel {
	padding: 4px;
}
/* Toggle to switch between simplified / full progress bar */
.ticket-logs-toggle {
	margin-top: 0;
	text-align: right;
	font-size: 12px;
	z-index: 10000;
	height: 0;
	position: absolute;
 right: 0;
 top: -12px;
	opacity: 0;
}
.ticket-log-section:hover .ticket-logs-toggle {
	opacity: 1;
}
.extra-log .ticket-log-section .ticket-logs-toggle {
	opacity: 0 !important;
}
.ticket-group.active > .base-section.-carousel {
	margin-top: 8px;
}
.ticket-logs-toggle .url {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	color: #5b6b7a;
	background: #f1f3f5;
	border: 1px solid #e2e6ea;
	border-radius: 12px;
	cursor: pointer;
	transition: background 0.12s, color 0.12s, border-color 0.12s;
	padding-left: 24px;
	position: relative;
	border: none;
 background: transparent;
	top: -6px;
}
.ticket-logs-toggle .url:hover {
	background: #e8edf1;
	border-color: #c8d1d9;
	color: #1E88E5;
	border: none;
 background: transparent;
	text-decoration: underline;
}
.ticket-logs-toggle .url .base-icon {
	color: inherit;
	left: 8px;
	display: none;
}
.-carousel .ticket-logs .assignee-group {
	position:relative;
 width: 100%;
 display: flex;
 flex-direction: row;
 align-items: center;
 gap: 8px;
	margin-top: -4px;
}
.-carousel .log-item .inline-display {
	position:relative;
 padding: 0;
 display: flex;
 flex-direction: row;
 gap: 4px;
 justify-content: flex-start;
	align-items: center;
 top: 0;
 bottom: 0;
 right: auto;
 left: auto;
 width: fit-content;
}
.-carousel .ticket-logs .base-avatars.-sm .inline-avatar {
	width: 20px;
 height: 20px;
	margin-left: -4px;
}
.-carousel .ticket-logs .log-item .base-block.-pavatar {
	height: 26px;
	left: 16px;
	cursor: auto;
}
.-carousel .ticket-logs .log-item.-endpoint .base-block.-pavatar {
	left: 16px;
 height: 26px;
}
.-carousel .log-item .base-button.-picon.-no-action {
	cursor: auto;
	width: 34px;
 height: 34px;
 top: -4px;
 left: -7px;
}
.-carousel .log-item .base-button.-picon.-no-action .-icon {
	width: 34px;
 height: 34px;
}
.-carousel .log-item.unknown-item .base-button.-picon.-no-action.-main-app-icon .-icon .-icon-svg svg {
	width: 24px;
 height: 24px;
}
.-carousel .log-item .base-button.-picon.-no-action .-icon .-icon-svg svg,
.-carousel .log-item .base-button.-picon.-no-action.-main-app-icon .-icon .-icon-svg svg {
 top: 5px;
 left: 5px;
 width: 22px;
 height: 22px;
}
.-carousel .log-item .base-iconbox .-bi {
	top: -4px;
 left: -52px;
 bottom: 0px;
 right: 0px;
 max-width: 34px;
 max-height: 34px;
	min-width: 34px;
 min-height: 34px;
}
.-carousel .ticket-logs .log-item .-bt-arrow {
	top: 26px;
	border: none;
	background-color: #ffffff;
}
.-carousel .log-item .base-iconbox .-bi .-icon {
 position: absolute;
 top: 1.5px;
 left: 1.5px;
 width: 32px;
 height: 32px;
}
span.-sla-text {
 font-size: 13px;
 line-height: 16px;
 top: 0;
 position: relative;
}
span.-sla-text::before {
	content: '';
 position: absolute;
 top: 6px;
 left: -7px;
 width: 2px;
 height: 2px;
 display: block;
 background: #8f8f8f;
 border-radius: 50%;
}
.-carousel .block-ava-icon .base-iconbox svg {
	width: 20px;
	height: 20px;
	top: 5px;
 left: 6px;
 position: absolute;
}
.-carousel .ticket-logs .log-item:hover .-bt-arrow {
	top: 22px;
 left: 43px;
 background-color: #ededed;
}
.-carousel .ticket-logs .log-item,
.ticket-logs .base-carousel .bc-main > .bc-items {
	display: flex;
 justify-content: flex-start;
 align-items: center;
}
.-carousel .ticket-logs .log-item.unknown-item {
	cursor: auto;
}
.-carousel .ticket-logs .log-item.-working::before {
	content: '';
 z-index: 1;
 position: absolute;
 left: 5px;
 width: 38px;
 height: 38px;
 border-radius: 50%;
 border: 2px solid #1E88E5;
 background-color: transparent;
}
.ticket-log-section-header {
 display: flex;
 align-items: center;
 gap: 8px;
 font-size: 14px;
 color: #666;
	.base-button {
 max-width: calc(100% - 160px);
 background-color: #ffffff;
 height: fit-content;
 font-weight: 400;
 color: #111;
	}
	.base-button .-cmenu {
 left: 0;
 right: auto;
 width: fit-content !important;
 max-width: 600px;
	}
	.base-button .-txt {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
 display: block;
	}
}
.log-item.-working .base-icon {
	color: #1e88e5;
}
.log-item.-current .base-button.-picon.-no-action,
.log-item.-current .base-iconbox .-bi {
	color: #ffffff !important;
 background: #1e88e5 !important;
}
.log-item.-current .base-button.-picon.-no-action:hover .-icon {
	color: #ffffff !important;
}
.ticket-logs .base-carousel .bc-main > .bc-items {
	position:absolute;
	top: 0px;
 left: 40px;
 bottom: 0px;
 right: 40px;
	overflow: hidden;
	border-radius: 8px;
}
.-carousel .ticket-logs .logged-assignee.block-action {
	background-color: #ffffff;
	border: none;
	border-radius: 8px;
	min-height: 59px;
 align-items: flex-start;
 display: flex;
 flex-direction: column;
 justify-content: center;
	padding-top: 0;
}
.-carousel .ticket-logs .log-item .base-avatars.-none {
	padding-left: 0;
}
.-carousel .ticket-logs .log-item.-left-icon .base-avatars.-none {
	padding-left: 20px;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item:first-child {
	cursor: auto;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item > .base-icon {
	position:absolute;
 right: -22px;
 top: 19px;
 z-index: 1;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item:last-child > .base-icon {
	display:none;
}
.ticket-logs .base-carousel .bc-main > .bc-items .bc-slider {
 width: fit-content;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 gap: 20px;
	position:relative;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item {
	position:relative;
 float: left;
 padding: 0;
 min-width: 120px;
}
.-carousel .ticket-logs {
	max-height: fit-content;
	margin: 0;
	padding: 0;
}
.base-carousel .bc-main .bc-nav:hover {
 color: #1e88e5;
}
.base-carousel .bc-main .bc-nav:hover,
.base-carousel .bc-main .bc-nav {
	opacity: 1;
 color: #ccc;
	background: transparent;
	zoom: 1;
}
.base-carousel .bc-main .bc-nav:hover .icon {
	top: -2px;
 zoom: 1.2;
	position:relative;
	color:#1e88e5;
}
.ticket-logs {
	position:relative;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 8px 0 12px;
	max-height: 220px;
	margin-right: -6px;
	padding-right: 6px;
	.extra-log {
 .base-tooltip {
 display: none;
 position: fixed;
 }
 .base-tooltip:hover,
 .base-tooltip.active {
 display: block;
 }
 .-bt-inner {
 border: 2px solid #ffffff;
 background: #f5f5f5;
 }
 .-bt-content {
 gap: 8px;
 display: flex;
 flex-direction: column;
 .ticket-log-section {
 min-height: 56px;
 background: #ffffff;
 border-radius: 6px;
 }
 }
 .base-tooltip.-tt-down>.-bt-inner .-bt-arrow {
 opacity: 0;
 border-bottom: 6px solid #eee;
 }
 .base-tooltip .-sm .inline-avatar > .-signal .-ap {
 top: 0px;
 }
	}
 }
.ticket-logs > div {
 flex-grow: 1;
 width: 100%;
 display: flex;
	position:relative;
}
.ticket-logs > div:last-child .split-line,
.ticket-logs > div:last-child .-bt-arrow-down {
	display:none;
}
.ticket-logs .logged-assignee.block-action {
	display: block;
 width: 100%;
 flex-grow: 1;
 position: relative;
 height: 100%;
 text-align: left;
	background: #f7f7f7;
 border-radius: 6px;
 padding: 8px 8px 0;
}
.ticket-logs .log-item:hover .-bt-arrow {
	background-color: #ededed;
}
.ticket-logs .log-item:hover .logged-assignee.block-action {
	background: #ededed;
}
.log-item .-bt-arrow {
	position:absolute;
 background: #f7f7f7;
 top: 12px;
 left: 41px;
 width: 8px;
 height: 8px;
 rotate: 45deg;
}
.log-item .-bt-arrow-down {
	position:absolute;
 left: 9px;
 top: calc(100% - 4px);
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 6px solid rgb(221 237 251);
 z-index: 1;
}
.log-item .base-info {
	display:none;
}
.log-item .base-avatars.-none {
	margin: 6px 0;
 padding-left: 20px;
}
.ticket-logs .logged-assignee.block-action .base-icon {
	position: relative;
 left: 0;
 rotate: 180deg;
}
.log-item .base-avatars {
 padding-left: 4px;
 position: relative;
 display: flex;
 flex-direction: row;
}
.ticket-main .base-avatars.-sm .inline-avatar > .-img {
 width: 20px;
 height: 20px;
}
.log-item.-current .block-action,
.log-item.-working .block-action {
 background: #ffffff;
 border: none;
 color: #2F3139;
 font-weight: 500;
	position:relative;
	border: 1px solid #1E88E5;
}
.log-item.-current .block-action {
 font-weight: 500;
	color: #1E88E5;
}
.log-item.-working span.ap-xdot {
	color: #1E88E5;
}
.log-item.-working .-bt-arrow {
	background: #ffffff;
	border-left: 1px solid #1E88E5;
 border-bottom: 1px solid #1E88E5;
}
.log-item.-current-mapping .block-action {
	border: 1px solid #666;
}
.log-item.-current-mapping .-bt-arrow {
	border-left: 1px solid #666;
 border-bottom: 1px solid #666;
}
.log-item .-backtracked-section {
	position:relative;
 color:#666;
 left: 0;
 z-index: 1;
 background-color: transparent;
	width: 100%;
 display: flex;
 gap: 8px;
}
.log-item:hover .-backtracked-section span.ap-xdot,
.log-item:hover .-backtracked-section {
	color: #1E88E5;
}
.log-item .-backtracked-section span.ap-xdot:first-child {
	min-width: fit-content;
	max-width: fit-content;
}
.log-item .-backtracked-section .base-icon {
	top: 0;
 left: -20px;
}
.log-item span.ap-xdot {
 margin-bottom: 8px;
	display:block;
	font-size:14px;
 color:#2F3139;
	width: 100%;
}
.log-item.unknown-item span.ap-xdot {
	margin-bottom: 0;
}
.log-item span.text-datetime {
 margin-right: 12px;
}
.log-item .base-iconbox .-bi {
	top: 0px;
 left: -43px;
 bottom: 0px;
 right: 0px;
	max-width: 26px;
 max-height: 26px;
	color: #1E88E5 !important;
 background: #ddedfb !important;
}
.log-item .base-iconbox .-bi .-icon {
	position:absolute;
 top: 5px;
 left: 5px;
}
.log-item .base-button.-picon.-no-action .-icon .-icon-svg svg {
 padding: 0;
 margin: 0;
 width: 16px;
 height: 16px;
 top: 5px;
 left: 5px;
	position:absolute;
}
.log-item .base-button.-picon.-no-action {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	top: -1px;
 left: 1px;
 cursor: pointer;
 width: 28px;
 height: 28px;
 padding: 0;
	border-radius: 50%;
	background: #ddedfb !important;
	color: #1E88E5 !important;
}
.log-item .base-button.-picon.-no-action .-icon {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.log-item .base-button.-picon.-no-action.-main-app-icon .-icon .-icon-svg svg {
	padding: 0;
	margin: 0;
	position:absolute;
 top: 5px;
 left: 5px;
 width: 16px;
 height: 16px;
}
.log-item .base-button .-icon .-icon-svg {
	padding: 0;
}
.log-item .url:hover > span,
.log-item.-working .url:hover > span {
	color:#1E88E5;
}
.log-item .inline-display {
 padding: 0;
 display: flex;
 flex-direction: row;
	gap: 4px;
	justify-content: flex-end;
	bottom: 4px;
 right: 8px;
	position:absolute;
}
.log-item .inline-display .fi-inline-field-value {
 margin: 0;
}
.log-item .block-action .-icon-current span,
.log-item.-working .block-action .-icon-current .fi-inline-field-value {
	color: #757575;
}
.log-item .text-sub {
	font-style: normal;
	margin: 6px 0;
}
.log-item .inline-display.-passed .fi-inline-field-value {
	color:#6B6C72;
}
.log-item .split-line {
	position:absolute;
 top: 32px;
 left: 13px;
 bottom: 0;
 right: 0;
 width: 0px;
 height: calc(100% - 36px);
 border: 0.5px solid #ddedfb;
}
.-working .split-line {
 border-left: 1px solid #1E88E5;
}
.-working .-bt-arrow-down {
	border-top: 6px solid #1E88E5;
}
.log-item.unknown-item .base-button.-picon.-no-action {
	cursor: auto;
 color: #ffffff !important;
 background: #adaeb1 !important;
}
.log-item.unknown-item .base-button.-picon.-no-action:hover {
	border-color: #ffffff !important;
}
.log-item.unknown-item .split-line {
	display:none;
	height: 25px;
 top: -42px;
 background: #ffffff;
 border: 1px dashed #ddedfb;
 z-index: 0;
}
.log-item .base-block.-pavatar {
	z-index: 1;
}
.ticket-group .section-header .ticket-action {
 width: 28px;
 height: 28px;
 position: absolute;
 right: 18px;
 top: 0;
 padding-right: 6px;
 border-right: 1px solid #ccc;
 display: flex;
 align-items: center;
	display:none;
}
.ticket-group > .base-section:hover .section-header .ticket-action {
	display:block;
}
.-left .ticket-group .section-header .ticket-action {
	rotate: 180deg;
 padding-left: 6px;
 padding-right: 0;
 border-right: none;
 border-left: 1px solid #ccc;
	justify-content: flex-end;
}
.-left .ticket-group .section-header .ticket-action .base-icon {
	left: auto;
	right: 4px;
}
.ticket-action .-from{
	position:relative;
	width: 50%;
	height: 80%;
	background-color: #dcdcde;
	border-radius: 0 2px 2px 0;
}
.ticket-action .-to{
	position:relative;
	width: 30%;
	height: 80%;
	background-color: #bbbbbe;
	border-radius: 2px 0 0 2px;
}
.ticket-group .section-header .ticket-action .base-icon {
	z-index: 1;
	left: 4px;
	top: 5px;
}
.ticket-group .section-header .ticket-action:hover .base-icon {
	color: #1E88E5;
}
.ticket-master-menu .master-menu .menu-header .base-subtitle,
.ticket-master-menu .master-menu .menu-header .base-title {
	display:none;
}
.master-menu .menu-header {
	padding: 20px 12px;
}
span.inline-edit-btn.url {
	position:absolute;
	display:none;
 top: 7px;
 left: 180px;
	opacity: 0;
	margin-left: 12px;
	cursor: pointer;
}
span.inline-edit-btn.view-log-btn {
	margin-left: 32px;
}
.-field-index + span.inline-edit-btn.view-log-btn {
	margin-left: 12px;
}
.detail-page .display-field.root-field {
	padding-bottom: 12px;
}
.root-field {
	position: relative;
}
.root-field span.inline-edit-btn.url {
	top: -1px;
}
.display-field .field-label:has(+ .field-value > .inline-edit-btn:hover),
.inline-display .fi-inline-field-label:has(+ .fi-inline-field-value > .inline-edit-btn:hover) {
	color:#1E88E5;
}
.display-field .field-label:has(+ .field-value > .-field-index),
.inline-display .fi-inline-field-label:has(+ .fi-inline-field-value > .-field-index) {
	margin-left: 28px;
}
.inline-display .fi-inline-field-label:has(+ .fi-inline-field-value > .-field-index) {
	width: 134px;
 min-width: 134px;
}
.display-field:has(.field-value > .inline-edit-btn:hover),
.inline-display:has(.fi-inline-field-value > .inline-edit-btn:hover) {
	background: #f9f9f9;
 border-radius: 6px;
}
.display-field:hover .inline-edit-btn,
.inline-display:hover .inline-edit-btn {
	display:block;
	color:#1E88E5;
	opacity: 1;
}
.inline-display .inline-edit-btn:hover {
	text-decoration: underline;
}
.display-field .field-label:has(+ .field-value > .inline-edit-btn) {
	max-width: calc(100% - 20px);
}
.ticket-opt.li.item {
 padding: 12px 20px;
 cursor: pointer;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ticket-opt.li.item:last-child {
	border: none;
}
.ticket-opt.li.item:hover {
	background-color: #1E88E510;
	color: #1E88E5;
	box-shadow: 0px 1px 2px 0px #1018280D;
}
.ticket-opts {
	padding: 20px;
	min-height: 320px;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ticket-opts-header {
 padding: 0px 40px 12px;
 display: flex;
 font-weight: 500;
 justify-content: flex-start;
	gap: 9px;
}
.ticket-opts-main {
	position:relative;
	height: 64vh;
}
.ticket-opts-main #picker-body {
	left: 0;
	overflow: auto !important;
}
.ticket-opts-main #picker-main .header {
	border: none;
}
.ticket-opts-main #picker-main .picker-items .item {
 padding: 0;
 box-sizing: border-box;
}
.ticket-opts-main #picker-main .picker-items .item .-disable {
	opacity: 0.4;
}
.ticket-opts-main #picker.has-items {
	top: 0;
	bottom: 45px;
}
.ticket-opts-main #picker-main .picker-items .item .side {
	position:absolute;
 top: 3px;
 right: 0px;
 left: 20px;
}
.ticket-opts-main #picker-main .picker-items .item .side .cta {
	border: none;
	box-shadow: none;
}
.ticket-opts-main #picker-main .picker-items .item .side .cta:hover {
 background-color: transparent;
 color: #42b814;
}
.ticket-opts-main #picker-picked {
	background: #fff;
 border-color: #fff;
	top: auto;
	bottom: 0;
	padding-top: 12px;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.ticket-opts-main .super-table .super-row.-picked .super-cell-wrapper {
	background-color: #f0fceb;
}
.ticket-opts-main #picker-picked .header .cta {
	top: 0px;
 right: 16px;
 border-radius: 6px;
 padding: 9px 16px;
	text-transform: capitalize;
 font-size: 14px;
}
.ticket-opts-main #picker-picked .header {
	padding: 6px 20px;
}
.ticket-opts-main #picker-main .picker-items .item .picked {
	top: 2px;
	left: 9px;
}
.ticket-opts-main .base-pagination {
	width: calc(100% - 96px);
}
.ticket-opts-main .base-pagination.-absolute .bp-exp {
 top: 7px;
 right: -28px;
 text-align: right;
	position:absolute;
}
.ticket-opts-main .base-pagination .bp-panel {
	margin: -32px;
	scale: 0.8;
}
.ticket-opts .li-container {
	display: flex;
 justify-content: flex-start;
}
.ticket-opts .li-container .base-title {
 width: 33%;
}
.ticket-opts .li-container .base-title:first-child {
 font-weight: 500;
}
.ticket-opts-header span {
 width: 32%;
}
.-reload-form .base-button.-picon {
	border: none;
	box-shadow: none;
	color: #1E88E5;
	position:absolute;
	top: 5px;
 right: 28px;
 font-weight: 500;
 padding: 20px;
 line-height: 0;
 z-index: 1;
}
.-reload-form .base-button.-picon:hover {
	text-decoration: underline;
}
.-reload-form .base-button .-icon {
	position:absolute;
 top: 11px;
 left: 0px;
}
.display-obj .display-field.-transformer + .base-table-wrapper .base-table tbody td {
	max-width: 100px;
}
.display-obj .display-field.-transformer + .base-table-wrapper .base-table tbody .cell {
	position: relative;
}
.ticket-group .custom-data-detail {
 margin-top: 16px;
 padding: 12px;
 border-radius: 6px;
 border: 1px solid rgba(0, 0, 0, 0.1);
	span.export-table-btn.url {
 right: 46px;
	}
	.display-field .field-value {
 padding: 4px 28px 0 28px;
	}
}
.display-field.root-field .field-value {
	padding: 4px 28px 0 28px;
}
.ticket-group .custom-data-detail:first-child {
	margin-top: 0;
}
.main-data-detail {
 background: #f7f7f7;
 border-radius: 6px;
 border: 1px solid rgba(0, 0, 0, 0.1);
 padding: 12px;
	&.-webform {
 margin: 8px 0;
	}
}
.submission-count {
	display: block;
 padding: 6px;
}
.main-data-detail.email-log {
	margin-bottom: 8px;
}
.ticket-sidebar .custom-data-detail .display-field:last-child,
.ticket-sidebar .custom-data-detail .inline-display:last-child,
.ticket-sidebar .main-data-detail .display-field:last-child,
.ticket-sidebar .main-data-detail .inline-display:last-child {
	padding-bottom: 0;
}
.base-bc.-stacked > .base-bc-inner > .base-bc-item:after {
	position: absolute;
 content: ' ';
 background: rgba(0, 0, 0, 0.2);
 right: auto;
 top: 8px;
 left: -16px;
 width: 12px;
 height: 8px;
 border-radius: 0 0 0 12px;
 background-color: transparent;
 border-left: 1px solid rgba(0, 0, 0, 0.2);
 border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.base-bc.-stacked > .base-bc-inner > .base-bc-item:nth-child(1):after{
	display: block;
}
.start-bc > .base-bc.-stacked > .base-bc-inner > .base-bc-item:nth-child(1):after{
	display: none;
}
.base-bc > .-icon {
	display:none;
}
.base-bc .base-tooltip > .-bt-inner .-bt-arrow {
	left: 24px;
}
.base-bc .base-tooltip > .-bt-inner span {
	display: block;
	padding-top: 4px;
	white-space: break-spaces;
 font-weight: 400;
}
.base-bc .base-tooltip > .-bt-inner span:first-child {
	font-weight: 500;
}
.base-bc .base-tooltip > .-bt-inner {
	max-width: 520px;
	width: fit-content;
 left: -20px;
 top: auto;
 bottom: 0px;
 position: absolute;
	text-align: left;
}
.base-bc-inner > div::before {
 border-width: 0 0 1px 1px;
 border-color: rgba(0, 0, 0, 0.1);
 border-style: solid;
 content: '';
 position: absolute;
 left: 32px;
 top: 31px;
 width: 0;
 height: calc(100% - 57px);
 border-radius: 0 0 0 6px;
	display:none;
}
.start-bc > .base-bc.-with-icon > .base-bc-inner {
	padding-left: 0;
}
.start-bc > .base-bc.-with-icon > .base-bc-inner > div::before {
	left: 8px;
}
.base-bc span.sub-label {
	margin-left: 0;
 color: #8f8f8f;
 position: relative;
	font-weight: 400;
	display: block;
}
span.sub-label::before {
	content: '';
 position: absolute;
 top: 8px;
 left: -8px;
 width: 3px;
 height: 3px;
 display: none;
 background: #8f8f8f;
 border-radius: 50%;
}
.ticket-bc-item {
 position: relative;
}
.-collapsed > .ticket-bc-item {
	display: none;
}
.base-bc.-with-icon .base-bc-inner {
	position: relative;
}
.js-collapsible-btn.base-button {
	position: absolute;
	top: 0;
 right: -19px;
 border: none;
 box-shadow: none;
	z-index: 1;
 width: 0px !important;
 padding: 16px 28px;
}
.js-collapsible-btn.base-button .-icon {
	left: 33px;
 zoom: 0.8;
 top: 12px;
}
.js-collapsible-btn.base-button:hover {
	border: none;
 box-shadow: none;
}
.js-collapsible-btn.base-button .-icon .-icon-svg svg {
	transition: transform 0.2s;
	color: #aaa;
}
.js-collapsible-btn.base-button:hover .-icon .-icon-svg svg {
	color: #1E88E5;
}
.-collapsed > .js-collapsible-btn.base-button .-icon .-icon-svg svg{
	transform: rotate(270deg);
}
.base-bc.-stacked .base-bc-item > span.main-label {
	white-space: break-spaces;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
}
.ticket-bc-item:after {
	border-width: 0 0 1px 1px;
 border-color: rgba(0, 0, 0, 0.2);
 border-style: solid;
 content: '';
 position: absolute;
 left: 8px;
 bottom: calc(100% - 8px);
 width: 0;
 height: 100vh;
 border-radius: 0 0 0 6px;
}
.display-obj .ticket-preview-file .display-files .file .fileheader {
	top: -68px;
}
.display-obj .ticket-preview-file .display-files .file .fileheader .info,
.display-obj .ticket-preview-file .display-files .file .fileheader .name {
	display:none;
}
.display-obj .ticket-preview-file.base-section.-fill-white {
	margin: 0;
	border: none;
}
.display-obj .ticket-preview-file .display-files .file .filedisplay {
 margin-top: -16px;
}
.display-obj .ticket-preview-file .template-file {
	position:relative;
}
.ticket-preview-file .template-file .__dialogcontent {
	position:absolute;
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
 font-size: 28px;
 color: #fff;
 border-radius: 4px;
 text-align: center;
 z-index: 1;
	padding-top: 280px;
}
.-dx-obj-v2.__customdialog .parent-drawflow .__dialogcontent {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.1);
 font-size: 28px;
 color: #aaa;
 border-radius: 0;
 text-align: center;
 z-index: 1;
	padding-top: 280px;
}
.connector-logs .connector-log.-compact .base-iconbox {
	position:absolute;
	top: 0;
	left: 0;
}
.connector-logs .connector-log .-bl-info .url {
	padding-right: 4px;
}
.ticket-log-detail .ticket-detail.base-section {
	padding: 6px 0 6px 0px;
}
.ticket-log-detail .base-info span {
	color: #666;
 font-size: 13px;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item {
	position:relative;
 float: left;
 padding: 0;
 min-width: 120px;
	clip-path: polygon(0px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0px 100%, 15px 50%);
}
.-carousel .ticket-logs .log-item.-working,
.ticket-logs .log-item:hover .logged-assignee.block-action,
.ticket-logs .log-item.-working .logged-assignee.block-action,
.ticket-logs .log-item:hover .logged-assignee.block-action {
	background-color: rgba(236, 245, 253, 1);
}
.-carousel .ticket-logs.-sub-branch .log-item.-working,
.-carousel .ticket-logs .extra-log .log-item.-working {
	background: linear-gradient(90deg, #cce7ff 0%, #cce7ff00 100%, #fff 100%, #fff 100%);
}
.ticket-logs.-sub-branch .log-item.-working .logged-assignee.block-action,
.ticket-logs .extra-log .log-item.-working .logged-assignee.block-action {
	background: linear-gradient(90deg, #d4ebff 0%, #cce7ff00 100%, #fff 100%, #fff 100%)
}
.-carousel .ticket-logs .log-item .base-block.-pavatar {
	padding-left: 60px;
}
.-carousel .ticket-logs .log-item.-working::before {
	left: 20px;
}
.-carousel .log-item .base-button.-picon.-no-action {
	left: 8px;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item > .base-icon {
	display:none;
}
.ticket-logs .base-carousel .bc-main > .bc-items {
	background: #ffffff;
	clip-path: polygon(0px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0px 100%, 15px 50%);
	left: 20px;
 right: 24px;
 border-radius: 0;
 padding-left: 12px;
}
.-carousel .ticket-logs .log-item {
	background-color: #ffffff;
}
.ticket-logs .base-carousel .bc-main > .bc-items .bc-slider {
	gap: 0px;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item {
	margin-left: -14px;
}
.ticket-logs .log-item.-mouseenter .logged-assignee.block-action,
.ticket-logs .log-item:hover .logged-assignee.block-action,
.-carousel .ticket-logs .log-item.-mouseenter,
.-carousel .ticket-logs .log-item:hover {
	background-color: #f3f3f3;
}
.base-carousel .bc-main .bc-nav.-left .base-icon {
	left: 4px;
}
.base-carousel .bc-main .bc-nav.-right .base-icon {
	left: auto;
	right: 6px;
}
.base-carousel .bc-main .bc-nav.-right:hover .base-icon {
 left: auto;
 right: 6px;
 position: absolute;
 top: 4px;
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item::after {
 content: "";
 position: absolute;
 width: 16px;
 background: #ccc;
 height: 100%;
 top: 0;
 left: 0;
 clip-path: polygon(0px 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0px 100%, 15px 50%);
}
.ticket-logs .base-carousel .bc-main > .bc-items .carousel-item.-working::after {
 background: #1e88e56b;
}
.-carousel .ticket-logs .log-item {
	&.parallel-block::after {
 font-family: FontAwesome;
 content: "\f0dd";
 font-size: 16px;
 position: absolute;
 right: 24px;
 top: 16px;
 color: #ccc;
	}
	&.parallel-block.-mouseenter::after,
	&.parallel-block:hover::after {
 color: #1E88E5;
	}
}
.base-user .title-wrapper {
	display: flex;
	flex-direction: column;
}
.base-user .title-wrapper span {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ticket-panel .ticket-panel-items .kanban-card span.st-bypassed {
 color: #E07F00
}
.base-section.ticket-detail.condition-log .base-table thead .cell {
 top: -40px !important;
}
.-click-me {
 color: #1E88E5;
}
.-click-me:hover {
 text-decoration: underline;
 cursor: pointer;
}
#js-condition-log-display {
 padding-left: 20px;
}
#js-condition-log-display table thead tr {
 display: flex;
}
#js-condition-log-display table thead td {
 height: 24px;
}
#js-condition-log-display table tbody td.input-field .cell-lead.js-improved-select {
 margin-left: 0 !important;
}
#js-condition-log-display table thead td:nth-child(5) .cell-lead {
 display: flex;
 justify-content: center;
}
#js-condition-log-display table tbody td:nth-child(5) {
 padding: 0px !important;
 max-width: 0;
 margin-right: -18px;
}
#js-condition-log-display table tbody td:nth-child(5) .cell {
 width: 100%;
}
#js-condition-log-display table tbody td:nth-child(5) .cell .base-special-tag{
 width: 90%;
 display: flex;
 justify-content: center;
}
#js-condition-log-display .base-table tbody tr::before {
	content: 'AND';
 position: absolute;
 left: -32px;
 top: 50% !important;
 transform: translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 width: 26px;
 height: 32px !important;
 background-color: #f0f0f0;
 color: #333;
 font-size: 12px;
 border-radius: 4px !important;
}
#js-condition-log-display .condition-item .base-table tbody tr::after {
	border: none;
}
#js-condition-log-display .condition-item .base-table .js-table-row {
	padding: 0 12px 0 24px;
}
#js-condition-log-display .input-group-conditions .condition-item:nth-child(2) .base-table tr:first-child::before {
	display: none !important;
	content: none !important;
}
#js-condition-log-display .condition-item:not(:first-child) .base-table tbody tr:first-child::before {
	content: 'OR' !important;
}
#js-integrated-apps-content {
	margin-top: 4px;
}
#js-integrated-apps-actions > div {
 display: flex;
 gap: 4px;
}
#js-integrated-apps-actions {
 display: flex;
 gap: 4px;
 color: #1e88e5;
 font-weight: 500;
}
.div-disabled {
 pointer-events: none;
}
#condition-detail {
 padding: 8px;
}
.limit-height {
 height: 100px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: block;
}
.btn-show {
 background: none;
 border: none;
 padding-top: 4px;
 color: #007bff;
 font-size: 14px;
 cursor: pointer;
 font-style: italic;
}
.btn-show:hover {
 color: #0056b3;
 text-decoration: underline;
}
#condition-detail-dialog .condition-item .base-table tbody td {
 align-self: center;
 min-width: 100px;
}
#condition-detail-dialog .condition-item.condition-result .base-table tbody .cell-lead {
 margin-left: 0 !important;
}
#condition-detail-dialog .base-table tbody .-ip-datetime input.-ip-time {
 width: 40%;
}
.transform-condition-wrapper .input-group-conditions .condition-item .text-sub {
	display: none;
}
#js-transform-condition-items .transform-condition-wrapper .condition-item:nth-child(2) .add-row {
	top: -10px;
}
#js-transform-condition-items .transform-condition-wrapper .condition-item:not(:nth-child(2)) .add-row {
 top: -4px;
}
#js-transform-condition-items .transform-condition-wrapper .condition-item .cell-actions {
 border: none;
}
#js-transform-condition-items .transform-condition-wrapper .condition-item .cell-actions {
 color: #8f8f8f;
}
#js-transform-condition-items .transform-condition-wrapper .condition-item .action-wrapper {
 transform: scale(1.3);
}
#condition-detail-dialog .improve-select .is-display:after {
 display: none;
}
#condition-detail-dialog .condition-item:first-child tbody tr:nth-child(1)::before {
 display: none;
}
#condition-detail-dialog .condition-item:not(:nth-child(1)) thead tr td {
 border-top: 1px dashed #ccc;
}
#condition-detail-dialog .condition-item:not(:nth-child(1)) thead tr td > div {
 display: none;
}
.transformer-item.transformer-log .cell .-signal {
	position:absolute;
	text-align:center;
	font-size: 9px;
 bottom: -4px;
 right: 88px;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 color: #fff;
 z-index: 10;
 border: 1px solid #FFFFFF;
}
#condition-detail-dialog .cell .-signal {
	position:absolute;
	text-align:center;
	font-size: 9px;
 bottom: -4px;
 right: 50px;
 width: 14px;
 height: 14px;
 border-radius: 50%;
 color: #fff;
 z-index: 10;
 border: 1px solid #FFFFFF;
}
.base-button.propose-btn {
 transform: scale(0.96);
}
.esign-section .bm-area:nth-child(2) .base-side {
 position: absolute;
 top: 0px;
 right: 0px;
}
.esign-section .bm-area:nth-child(2) .base-side {
 color: #1E88E5;
}
.file-header-wrapper .btn.download {
 display: none;
 margin-left: auto;
}
.file-header-wrapper {
 display: flex;
 flex-direction: row;
}
.baseui-dialog .file-header-wrapper .btn.download {
 display: inherit;
}
.baseui-dialog .js-dx-body > .base-table-wrapper {
 overflow: auto;
 scrollbar-width: thin;
}
.td-wrapper .overlay {
 position: absolute;
 inset: 0; /* top:0, left:0, right:0, bottom:0 */
 background: transparent;
 z-index: 10;
	background: #66666614;
}


.log-version-wrapper {
 margin: 4px;
 padding: 6px;
 border-radius: 8px;
 position: relative;
 height: 70px;
 align-content: center;
}
.log-version-wrapper:not(.active):hover {
 background-color: aliceblue;
}
.log-version-wrapper.active {
 background-color:#F1F8FE;
 border: 1px solid #B8DBFF;
}
.current-tag {
 position: absolute;
 top: 26px;
 right: 40px;
}
.log-version-wrapper > span {
 font-size: 14px;
 font-weight: 400;
}
.log-version-wrapper .text-datetime {
 font-weight: 500;
}
.ticket-version-wrapper {
 display: flex;
 flex-direction: column;
 gap: 2px;
}
.log-version-wrapper .base-avatars {
 padding-top: 8px;
}
.content-removed {
 position: relative;
 background: rgba(255, 0, 0, 0.08); /* highlight */
 color: #888;
 width: fit-content;
}
.content-removed::after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
 height: 2px;
 background: black;
 pointer-events: none;
}
.content-added {
 position: relative;
 background: rgba(46, 204, 113, 0.12) !important;
 color: #1e7e34 !important;
 width: fit-content;
}
.content-added .file-listing,
.content-removed .file-listing {
 margin:6px 10px !important;
 width: 104%;
}
.input-ext-display .row-removed {
 background-color: rgba(255, 0, 0, 0.08);
}
.input-ext-display .row-added {
 background-color: rgba(46, 204, 113, 0.12);
}
.super-cell.added {
 background-color: rgba(46, 204, 113, 0.12);
}
.super-cell.removed {
 background-color: rgba(255, 0, 0, 0.08);
}
.changelog-guidebar-wrapper {
 display: flex;
 gap: 12px;
}
.cf-position-routing {
 margin-left: auto;
 display: flex;
}
.changelog-guidebar-wrapper div, .changelog-guidebar-wrapper span {
 font-size: 14px;
 font-weight: 400;
}
.cf-position-routing .base-icon {
 position: relative;
}
.scroll-highlight {
 animation: highlightFade 1.5s ease-out;
}
@keyframes highlightFade {
 0% {
 background-color: #fff3a0;
 }
 100% {
 background-color: transparent;
 }
}
.log-table-header .btn {
 position: absolute;
 top: 16px;
 right: 0px;
 font-style: italic;
}


.__customdialog.ticket-parallel-overflow-dialog .__dialogwrapper {
	max-width: calc(100vw - 32px);
}
.ticket-parallel-dialog {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
}
.ticket-parallel-dialog-success {
	padding: 24px 32px 18px;
	text-align: center;
}
.ticket-parallel-dialog-success-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 14px;
	border-radius: 50%;
	background: #eaf7ee;
}
.ticket-parallel-dialog-success h2 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
	color: #212121;
}
.ticket-parallel-dialog-count {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #424242;
}
.ticket-parallel-dialog-branches {
	max-height: min(42vh, 360px);
	overflow-y: auto;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.ticket-parallel-dialog-branch {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 52px;
	padding: 6px 24px;
	border-bottom: 1px solid #f2f2f2;
}
.ticket-parallel-dialog-branch:last-child {
	border-bottom: 0;
}
.ticket-parallel-dialog-branch-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 36px;
	height: 36px;
}
.ticket-parallel-dialog-branch-icon > .base-iconbox {
	position: relative;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	padding-top: 0;
}
.ticket-parallel-dialog-branch-icon .base-button.-picon.-no-action.-menu-item.ticket-parallel-dialog-icon-button {
	position: relative;
	top: auto;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	cursor: default;
}
.ticket-parallel-dialog-branch-icon .base-button.-picon.-no-action.-menu-item.ticket-parallel-dialog-icon-button .-icon {
	position: static;
	top: auto;
	left: auto;
}
.ticket-parallel-dialog-branch-name {
	min-width: 0;
	flex: 1 1 auto;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #212121;
}
.ticket-parallel-dialog-branch-link {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 118px;
	justify-content: flex-end;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: #1e88e5;
}
.ticket-parallel-dialog-branch-link:hover,
.ticket-parallel-dialog-branch-link:focus {
	text-decoration: underline;
}
.ticket-parallel-dialog-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
}
.ticket-parallel-dialog-open-all,
.ticket-parallel-dialog-continue {
	min-width: 104px;
	padding: 9px 20px;
	border-radius: 6px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
}
.ticket-parallel-dialog-open-all {
	border: 1px solid #d8d8d8;
	background: #ffffff;
	color: #1e88e5;
}
.ticket-parallel-dialog-open-all:hover,
.ticket-parallel-dialog-open-all:focus {
	border-color: #1e88e5;
	background: #f5faff;
}
.ticket-parallel-dialog-continue {
	margin-left: auto;
	border: 1px solid #1e88e5;
	background: #1e88e5;
	color: #ffffff;
}
.ticket-parallel-dialog-continue:hover,
.ticket-parallel-dialog-continue:focus {
	background: #1976d2;
	border-color: #1976d2;
}
@media (max-width: 640px) {
	.ticket-parallel-dialog-success {
 padding: 20px 20px 16px;
	}
	.ticket-parallel-dialog-branch {
 align-items: flex-start;
 flex-wrap: wrap;
 padding: 12px 20px;
	}
	.ticket-parallel-dialog-branch-name {
 padding-top: 8px;
	}
	.ticket-parallel-dialog-branch-link {
 width: 100%;
 min-width: 0;
 justify-content: flex-start;
 padding-left: 48px;
	}
	.ticket-parallel-dialog-actions {
 align-items: stretch;
 flex-direction: column;
	}
	.ticket-parallel-dialog-open-all,
	.ticket-parallel-dialog-continue {
 width: 100%;
 margin-left: 0;
	}
}

.rm-btn {
 display: inline-block;
 padding-right: 2px;
 cursor: pointer;
	position:absolute;
 top: 8px;
	right: 12px;
	color:#ffffff;
}
.-btn-remove-item:hover,
.rm-btn:hover {
	color: #c34343;
}
.rm-btn .base-icon {
 position: relative;
}
.super-table .super-cell.fi-cat-tags {
 padding: 5px 10px;
}
.super-table .super-cell.fi-cat-tags .sc-inner {
 height: 24px;
}
.super-table .super-cell.fi-cat-tags .sc-inner > div {
 display: inline;
}
.ds-tag > div,
.ds-tag > div .-tag-inner {
	overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
}
.ds-tag {
 padding: 4px 8px;
 margin: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 width: fit-content;
 display: inline-block;
	border: 1px solid #ffffff;
 border-radius: 20px;
	display: flex;
 gap: 4px;
 justify-content: flex-start;
 align-items: center;
 flex-direction: row;
 max-width: fit-content;
	max-width: 100%;
 width: fit-content;
 box-sizing: border-box;
	position:relative;
	float:left;
}
.ds-tag:hover {
 box-shadow: 0px 1px 2px 0px #10182830;
}
.ds-tag:has( > .base-tag .rm-btn:hover) {
 box-shadow: 0px 1px 2px 0px #c3434360;
}
#tagmanager .body .tag-add .submit-btn{
	position:absolute;
 right: 0;
 bottom: 12px;
 background-color: #42b814;
 color:#fff;
	font-size:13px;
	text-align:center;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 padding:9px;
 width:80px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 -webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
 height:32px;
}
.il-form {
 position: relative;
}
.il-form .form-rows {
 width: 80%;
}
.il-form .form-rows .base-form-row {
 width: 49%;
 display: inline-block;
}
.-dimension-setting {
 margin-bottom: 20px;
}
.-dimension-setting:last-child {
 margin-bottom: 0;
}
.field-category {
 display: flex;
	justify-content: flex-start;
 align-items: center;
}
.field-category .transaction-category-tags .base-tag:last-child {
	margin-right: 10px;
}

.dimension-reporting-categories {
 padding: 15px 15px;
 background-color: #f9f9f9;
 background-color: #f9f9f9;
 position: relative;
}
.dimension-reporting-categories > .base-title {
	display:none;
 font-size: 14px;
 color: #242424;
 font-weight: 500;
 margin-bottom: 18px;
}
.dimension-reporting-categories .base-button.-btn-add-row {
 width: fit-content;
 padding-top: 0;
 padding-bottom: 0;
 height: fit-content;
 padding-left: 20px;
 color: #636363;
 margin-top: 8px;
	box-shadow: none;
}
.form.-flat .dimension-reporting-categories .improve-select {
 background: #ffffff;
}
.dimension-reporting-categories .base-button.-btn-add-row:hover {
	border: 1px solid#267cde;
 color: #267cde;
}
.dimension-reporting-categories .base-button.-btn-add-row .-icon {
 top: -3px;
 left: 0;
}
.dimension-reporting-categories .improve-select .is-display {
 padding: 7px 8px;
}
.dimension-reporting-categories .fic-checkmark {
 top: 10px;
}
.dimension-reporting-categories .-btn-remove-item {
 top: 12px;
 right: 0;
 color: #242424;
	cursor: pointer;
}
.dimension-reporting-categories .-btn-remove-item:hover {
	color: #c34343;
}
.dimension-reporting-category .row {
 padding-bottom: 8px !important;
}
.base-button.-btn-add-new-dimension {
 font-size: 13px;
 height: fit-content;
 width: fit-content;
 position: absolute;
 top: 4px;
 right: 0;
 padding-right: 0;
 color: #136BD3;
}
.base-button.-btn-add-new-dimension .-icon {
 left: 14px;
}
.base-text.text-info.-adding-node-info {
 font-size: 14px;
 color: #616161;
 font-style: italic;
}
.base-text.text-info.-adding-node-info .-btn-cancel-adding-node {
 color: #F44336;
 cursor: pointer;
}
.field-category.-helper-info {
 color: #616161;
 font-size: 14px;
 font-style: italic;
	margin-right: 20px;
	display: block;
}
.field-category.-helper-info em:first-child {
	margin-left: 8px;
}

.kanban-header > header {
	color: white;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.kanban-header.-todo header {
 background-color: #ca77c4;
}
.kanban-header.-doing header {
 background-color: #ed6334;
}
.kanban-header.-done header {
 background-color: #219D5B;
}
.kanban-board .kanban-col {
	margin: 0;
	height: calc(100% - 20px);
	width: 100%;
	min-width: 280px;
	box-shadow: none;
	border-radius: 6px;
	background-color: #f7f7f7;
	position:relative;
}
.kanban-board .kanban-col#finish_board {
	display: block !important;
}
.column .base-empty-state .-icon svg {
	width: 50%;
}
.kanban-board .kanban-col.-todo{
	padding-left: 0;
 margin-left: 10px;
}
.kanban-col.-todo > .section-body > .sub-section > .-collapsible + .section-body,
.kanban-board .kanban-col.-todo > .section-body > .sub-section > .section-header{
 border: 1px solid #ca77c460 !important;
}
.kanban-col.-doing > .section-body > .sub-section > .-collapsible + .section-body,
.kanban-board .kanban-col.-doing > .section-body > .sub-section > .section-header{
	border: 1px solid #ed633460 !important;
}
.kanban-col.-done > .section-body > .sub-section > .-collapsible + .section-body,
.kanban-board .kanban-col.-done > .section-body > .sub-section > .section-header{
	border: 1px solid #219D5B60 !important;
}
.kanban-board .kanban-col.-done {
	padding-right: 0;
 margin-right: 10px;
}
.kanban-board .base-empty-state .-title,
.kanban-board .base-empty-state {
	padding: 64px 20px;
	color:#65686f;
}
.kanban-board .base-empty-state .-icon {
	display:none;
}
.kanban-board .kanban-header {
	margin-right: 2px;
}
.list-body {
	height: 100%;
	position: relative;
	min-height: 150px;
}
.kanban-card.late {
	background-color: #ffffff;
}
.kanban-card.late .kanban-card-footer .text-datetime {
	font-weight: 500;
}
.kanban-card .late .text-datetime,
.kanban-card.late .text-datetime {
	color:#E51C00;
}
.kanban-card .kanban-card-footer .base-user .base-user-avatar {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 left: 6px;
 top: 4px;
}
.kanban-card.incoming {
	background-color: #c3a34310;
	background-color: #ffffff;
}
.kanban-card.on-time {
	background-color: #219D5B10;
	background-color: #ffffff;
}
.kanban-card {
	position:relative;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: auto;
	row-gap: 0;
	padding: 8px;
	padding-bottom: 6px;
	margin: 0;
	border-radius: 6px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.17);
}
.kanban-card .sub-info {
	margin-top: 4px;
 color: #666;
}
.kanban-card .kanban-card-header.url:hover .kanban-card-title{
	color:#1E88E5;
}
.kanban-card .base-avatars.-sm .inline-avatar {
	margin-bottom: 0;
	margin-left: -3px;
}
.kanban-card .base-avatars.-sm .base-none {
	margin-left: -2px;
	color:#aaa;
}
.kanban-card > button {
	align-self: flex-start;
}
.kanban-card.-blink:hover,
.kanban-card:hover {
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1), 0 0px 6px rgba(0, 0, 0, 0.1);
}
.kanban-board {
	display: flex;
	justify-content: space-between;
	column-gap: 8px;
	position: unset;
	height: calc(100% - 16px);
}
.kanban-board.scroll-y {
	top: 16px;
	left: 16px;
	right: 16px;
	bottom: 0;
	position:absolute;
}
.kanban-card-title {
	color:#21232c;
	font-size:14px;
	font-weight: 500;
	width: calc(100%);
	display: inline-block;
	margin-bottom: 2px;
	display: -webkit-box;
 line-clamp: 3;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
	white-space: break-spaces;
 word-wrap: break-word;
}
.header-content.sub-section .st {
	margin-left: 5px;
	margin-top: -5px;
}
.kanban-card-title + .st {
	float: right;
 height: 16px;
	font-size: 11px;
 font-weight: 400;
 padding: 0px 4px 2px 4px;
	max-width: 80px;
	margin-left: 5px;
	margin-top: -5px;
}
.kanban-card-title + .st {
	margin: 0;
	margin-top: -2px;
	margin-right: -2px;
}
.kanban-card-content {
	color:#65686f;
	margin-bottom: 10px;
	font-size: 12px;
	display: -webkit-box;
 line-clamp: 2;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
	max-height: 300px;
 margin-top: 8px;
}
.kanban-card-content.url:hover > span {
	color:#65686f;
}
.kanban-card-content.-tag {
	margin-top: -4px;
	margin-bottom: 4px;
}
.kanban-card-content .st {
	float: right;
 padding: 2px 8px;
 border-radius: 12px;
	zoom: 0.8;
}
.kanban-card .base-user.-sm .base-user-avatar {
	height: 16px;
	width: 16px;
	left: 0;
	top: 0;
}
.column {
	height: calc(100% - 55px);
 display: flex;
 flex-direction: column;
 background-color: transparent;
 width: 100%;
	position:absolute;
 top: 50px;
 border-radius: 6px;
}
.column.-collapsible {
	height: calc(100% + 6px);
}
.pl {
	padding-left: 20px;
}
.pt {
	padding-top: 20px;
}
.pr {
	padding-right: 20px;
}
.w-100 {
	width: 100%;
}
.border {
	border: 1px solid rgba(0,0,0,0.1);
}
.border-top {
	border-top: 1px solid rgba(0,0,0,0.1);
}
.border-0 {
	border: none;
}
.border-05 {
	border: 0.5px;
}
.box-shadow {
	box-shadow: 0px 0px 3px rgba(0,0,0,0.05);
}
.radius-3 {
	border-radius: px;
}
.radius-0 {
	border-radius: 0px;
}
.kanban-board .kanban-header .icon-box {
 font-size: 14px;
 text-align: center;
 width: 16px;
 height: 16px;
 border-radius: 6px;
 color: #fff;
 z-index: 10;
 border: 1px solid #FFFFFF;
}
.kanban-board .base-section .section-header,
.kanban-board .base-section.sub-section .section-header {
	border: none;
	padding: 0;
	color: #5b5b5b;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.kanban-board .base-section.sub-section .section-header .base-title {
	padding-right: 28px;
}
.section-header.-collapsible .base-section.col-header + .base-info .inline-display .fi-inline-field-label{
	color:#ffffff;
}
.section-header.-collapsible .base-section.col-header .section-header > .-inner {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.section-header.-collapsible .base-section.col-header + .base-info {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding-bottom: 6px;
}
.section-header.-collapsible.-passed_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-passed_endpoint .base-section.col-header .section-header > .-inner,
.section-header.-collapsible.-correct_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-correct_endpoint .base-section.col-header .section-header > .-inner,
.section-header.-collapsible.-approved_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-approved_endpoint .base-section.col-header .section-header > .-inner {
	background-color: #219D5B;
	color:#ffffff;
}
.section-header.-collapsible.-failed_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-failed_endpoint .base-section.col-header .section-header > .-inner,
.section-header.-collapsible.-incorrect_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-incorrect_endpoint .base-section.col-header .section-header > .-inner,
.section-header.-collapsible.-rejected_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-rejected_endpoint .base-section.col-header .section-header > .-inner {
	background-color: #B84B47;
	color:#ffffff;
}
.section-header.-collapsible.-asked_more_endpoint .base-section.col-header + .base-info,
.section-header.-collapsible.-asked_more_endpoint .base-section.col-header .section-header > .-inner {
	background-color: #3F51B5;
	color:#ffffff;
}
.base-section.sub-section .section-header .triangle {
 left: 12px;
}
.kanban-board input[type="text"] {
	width: 100%;
	height: 30px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.kanban-section.base-section {
	margin: 0;
	border: none;
 box-shadow: none;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color: #ffffff;
	border-bottom-right-radius: 12px;
 border-bottom-left-radius: 12px;
}
.card-placeholder {
	background-color: #f5f5f5;
	border: 1px dashed #ccc;
	margin-bottom: 5px;
	padding: 10px;
 margin: 10px;
	border-radius: 6px;
}
.kanban-board .kanban-col.scroll-y{
	border-radius: 6px;
	width: 100%;
	margin: 0;
	min-width: 266px;
	box-shadow: none;
	overflow-y: auto !important;
}
.kanban-board .kanban-col.-collapsible {
	display: flex;
	flex-direction: column;
	height: calc(100% - 23px);
	overflow-y: hidden !important;
}
.kanban-board .kanban-col.-collapsible.hidden {
	display:none;
}
.kanban-board .kanban-col.-collapsible > .col-header .-inner {
	padding-right: 28px;
}
.kanban-board .kanban-col.-collapsible.-col2 {
	min-width: 560px;
}
.kanban-board .kanban-col.-collapsible {
	min-width: calc(1680px + (var(--i) - 6) * 280px);
}
.kanban-board .kanban-col.-collapsible.-col3 {
	min-width: 840px;
}
.kanban-board .kanban-col.-collapsible.-col4 {
	min-width: 1120px;
}
.kanban-board .kanban-col.-collapsible.-col5 {
	min-width: 1400px;
}
.kanban-board .kanban-col.-collapsible.-col6 {
	min-width: 1680px;
}
.kanban-board .kanban-col.-collapsible.-col7 {
	min-width: 1960px;
}
.kanban-board .kanban-col.-collapsible.-col8 {
	min-width: 2240px;
}
.kanban-board .kanban-col.-collapsible.-col9 {
	min-width: 2520px;
}
.kanban-board .kanban-col.-collapsible.-col10 {
	min-width: 2800px;
}
.kanban-board .kanban-col.-collapsible.-col11 {
	min-width: 3080px;
}
.kanban-board .kanban-col.-collapsible.-col12 {
	min-width: 3360px;
}
.kanban-board .kanban-col.-collapsible.-col13 {
	min-width: 3640px;
}
.kanban-board .kanban-col.-collapsible.-col14 {
	min-width: 3920px;
}
.kanban-board .kanban-col.-collapsible.-col15 {
	min-width: 4200px;
}
.kanban-board .kanban-col.-collapsible.-col16 {
	min-width: 4480px;
}
.kanban-board .kanban-col.-collapsible.-col17 {
	min-width: 4760px;
}
.kanban-board .kanban-col.-collapsible.-col18 {
	min-width: 5040px;
}
.kanban-board .kanban-col.-collapsible.-col19 {
	min-width: 5320px;
}
.kanban-board .kanban-col.-collapsible.-collapse {
	min-width: 266px;
}
.kanban-board .kanban-col > .section-body {
	height: 100%;
	width: 100%;
	min-width: 250px;
}
.kanban-board .kanban-col > .section-body.group-cols {
	display: flex;
 flex-direction: row;
 width: calc(100% - 16px);
 gap: 8px;
	padding: 8px;
	padding-bottom: 0;
	height: calc(100% - 54px);
	position:relative;
}
.kanban-board .kanban-col.-collapsible > .section-body.group-cols:not(.-collapse) > div {
	position:relative;
	width: 100%;
	max-width: 280px;
}
.kanban-board .kanban-col.-collapsible > .section-body.group-cols.-collapse .section-header {
	display:none;
}
.kanban-board .kanban-col.-collapsible > .section-body.group-cols.-collapse .column {
	top: 6px;
	height: calc(100% - 12px);
}
.kanban-board .kanban-col > .section-body.group-cols.-collapse {
	flex-direction: column;
	width: 100%;
	padding: 0;
}
.kanban-board .kanban-col.-col3 > .section-body.group-cols > .section-body {
	width: calc(100% / 3);
}
.kanban-board .kanban-col.-col4 > .section-body.group-cols > .section-body {
	width: calc(100% / 4);
}
.kanban-board .kanban-col.-collapse > .section-body.group-cols > .section-body {
	width: 100%;
}
.kanban-board .kanban-col > .section-body.group-cols > .section-body {
	width: 100%;
	min-width: 200px;
	position:relative;
	height: calc(100%);
}
.kanban-board .kanban-col > .section-body.group-cols > .section-body > .sub-section {
 height: fit-content;
}
.kanban-board .kanban-col > .section-body.group-cols > .section-body > .sub-section > .section-body {
	height: fit-content;
}
.kanban-board .kanban-col > .section-body.ui-sortable-handle,
.kanban-col > .section-body > .sub-section > .-collapsible + .section-body {
	height: auto;
	margin-bottom: 16px;
}
.kanban-col > .section-body:last-child > .sub-section > .-collapsible + .section-body {
	margin-bottom: 0;
}
.kanban-col > .section-body > .sub-section > .section-body {
	position:relative;
	height: calc(100% - 24px);
}
.kanban-board .kanban-col > .section-body > .sub-section{
	border-radius: 6px;
	height: 100%;
	max-height: 100%;
	background-color: #f7f7f7;
}
.kanban-board .kanban-col > .section-body > .sub-section.-collapsed {
	border-bottom: 16px solid #fff;
}
.kanban-board .kanban-col > .section-body:last-child > .sub-section.-collapsed {
	border-bottom: none;
}
.kanban-col > .section-body > .sub-section > .section-header{
	padding: 0;
	border-radius: 6px;
 border-bottom: none;
}
.kanban-col > .section-body > .sub-section > .section-header.-url-inactive .base-button:hover {
	cursor: unset;
 color: #21232c !important;
}
.sub-section > .section-header .base-button.-app-icon.base-iconbox svg,
.sub-section > .section-header .base-button.-app-icon .-icon .-icon-svg svg {
	width: 16px;
	height: 16px;
}
.sub-section > .section-header .base-button.base-iconbox svg,
.sub-section > .section-header .base-button .-icon .-icon-svg svg {
	width: 20px;
	height: 20px;
	margin-top: -3px;
 margin-left: -3px;
}
.sub-section > .section-header .base-button .-icon {
	position:absolute;
 top: 12px;
 left: 16px;
}
.base-section.sub-section .section-header .triangle {
 left: auto;
 right: 20px;
	top: 12px;
 z-index: 1;
	color: inherit;
}
.kanban-section.base-section > .section-header {
	padding: 0;
	border-bottom: none;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
}
.kanban-detail {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position:absolute;
}
.kanban-body {
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	position:absolute;
	overflow: auto;
}
.ui-sortable-handle {
	transition: transform 0.4s;
}
.kanban-board .kanban-item {
	margin: 0;
	overflow: hidden;
	position: unset;
	box-shadow: none;
 border-bottom: none;
	background-color: rgb(230 230 230 / 70%);
	background: transparent;
	max-height: 100%;
	display: flex;
 flex-direction: column;
 gap: 8px;
 padding: 4px 8px;
}
.kanban-board .kanban-item:has(.kanban-card:last-child .base-button-dd .-cmenu:hover) {
	padding-bottom: 280px !important;
}
.kanban-board .kanban-item:has(.kanban-card:nth-last-child(2) .base-button-dd .-cmenu:hover) {
	padding-bottom: 200px !important;
}
.kanban-board .kanban-item:has(.kanban-card:nth-last-child(3) .base-button-dd .-cmenu:hover) {
	padding-bottom: 120px !important;
}
.kanban-col.-collapsible > .section-body.group-cols:not(.-collapse) .kanban-board .kanban-item {
	padding: 2px;
 padding-bottom: 64px;
}
.base-section .section-header.-collapsible .base-block.-pavatar{
	padding: 0;
}
.kanban-card-header .base-user .base-user-info,
.kanban-card-header .base-user .base-user-name {
	display:none;
}
.kanban-card-footer .base-user .base-user-info {
	display:none;
}
.kanban-card-footer {
	color:#65686f;
 display: flex;
 flex-direction: row;
 align-items: center;
	justify-content: space-between;
	gap: 4px;
}
.kanban-card-footer .left-side {
 display: flex;
 flex-direction: column;
 gap: 2px;
}
.kanban-card-footer .base-avatars {
	padding-left: 2px;
}
.kanban-card-footer .base-avatars .inline-avatar > .-cmenu {
	left: -54px;
}
.kanban-card-footer .base-avatars .inline-avatar > .-cmenu.scroll-y {
	max-height: 200px;
}
.kanban-card-footer .base-avatars.-none {
	padding-left: 0;
}
.kanban-card-footer .ticket-tag.-overdue {
 padding: 2px 4px;
 font-size: 12px;
	width: fit-content;
 border-radius: 6px;
 color:#ffffff;
 background-color: #B84B47;
}
.kanban-card-footer .base-user.-sm {
	margin-bottom: 4px;
 padding-left: 20px;
}
.kanban-card-footer .base-user .base-user-name {
	font-weight: 400;
 font-size: 11px;
 padding-top: 10px;
 padding-bottom: 0;
 width: fit-content;
 margin-left: -8px;
}
.kanban-card-footer .text-datetime {
 font-size: 12px;
}
.kanban-card span.sub-data,
.kanban-card span.display-category {
 color: #aaa;
 font-size: 12px;
}
.master-filters .body .section {
 border-bottom: 1px solid #eee;
 padding: 16px 0px 16px 0;
 margin: 0 16px;
 position: relative;
}
.master-filters .body .section.-quick-action {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.master-filters .body .section:last-child {
 border-bottom: none;
}
.kanban-board .base-section .section-header .base-info {
	display:none;
}
.base-section.col-header .base-info,
.base-section.col-header + .base-info,
.kanban-col > .section-body > .sub-section .section-header .base-info {
	display: flex;
 flex-direction: row;
 align-items: baseline;
 justify-content: space-between;
	padding: 0 12px;
	background-color: #f5f5f6;
	color:#616161;
	display:none;
}
.base-section.col-header .section-header {
	border: none;
	padding: 0;
}
.base-section.col-header .base-block.-pavatar {
	padding: 0;
}
.base-section.col-header .base-button.-no-action.-menu-item {
	padding: 11px;
 color: #ccc;
	position:relative;
 top: 0;
 left: 0;
 cursor: auto;
 margin: 0;
	width: 24px;
 height: 24px;
}
.base-section.col-header .base-button.-picon.-no-action.-menu-item .-icon .-icon-svg svg {
 width: 18px;
 height: 18px;
 margin-top: -2px;
 margin-left: -2px;
}
.base-section.col-header .base-button.-picon.-no-action.-menu-item.-main-app-icon .-icon .-icon-svg svg {
	width: 22px;
 height: 22px;
	margin-top: -4px;
 margin-left: -4px;
}
.base-section.col-header .base-iconbox .-bi,
.base-section.col-header .base-iconbox {
	position:relative;
	width: 24px !important;
	height: 24px !important;
	padding: 0 !important;
}
.base-section.col-header .base-iconbox svg {
	width: 15px;
	height: 24px;
}
.base-section.col-header .section-header > .-inner {
	display: flex;
 flex-direction: row;
 background-color: #e3e3e3;
 height: 36px;
 align-items: center;
	padding: 4px 8px;
	gap: 8px;
	border-top-left-radius: 8px;
 border-top-right-radius: 8px;
}
.base-section.col-header .inline-display,
.base-section.col-header + .base-info .inline-display,
.kanban-col > .section-body > .sub-section .section-header .inline-display {
 gap: 4px;
	padding: 0;
	display: flex;
 align-items: baseline;
	justify-content: center;
 flex-direction: row-reverse;
}
.base-section.col-header .inline-display .fi-inline-field-label,
.base-section.col-header + .base-info .inline-display .fi-inline-field-label,
.kanban-col > .section-body > .sub-section .section-header .inline-display .fi-inline-field-label {
	width: auto;
	font-size: 13px;
	margin-right: 4px;
}
.base-section.col-header .inline-display .fi-inline-field-value,
.base-section.col-header + .base-info .inline-display .fi-inline-field-value,
.kanban-col > .section-body > .sub-section .section-header .inline-display .fi-inline-field-value {
	margin-left: 0;
	font-size: 12px;
}
.base-button.filter-btn .-txt {
	font-weight: 400;
}
.kanban-filter{
	flex-direction: row;
 padding: 0 16px;
 display: flex;
 justify-content: space-between;
 align-items: center;
	height: 38px;
	position: absolute;
 top: 40px;
 right: 0;
}
.kanban-filter .base-search {
	width: 180px;
}
.kanban-filter > div{
	flex-direction: row;
 padding: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
	gap: 8px;
}
.expand-col.icon-box.url {
	position:absolute;
 color:#1E88E5;
 top: 12px;
 right: 30px;
}
.kanban-card .base-side {
	position:absolute;
 top: 4px;
 right: 4px;
 width: fit-content;
}
.kanban-card:hover .base-side {
	display:block;
}
.kanban-card .base-button-dd {
	padding: 5px;
 height: 12px;
 background-color: #ffffff;
 border: 1px solid #ffffff;
}
.kanban-card .base-button-dd:hover {
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.kanban-card .base-button-dd .ap-icon {
 top: -4px;
	font-size: 12px;
 position: relative;
}
.kanban-card .base-button .base-tooltip {
	z-index: 10;
	text-align: left;
}
.kanban-card .base-button .base-tooltip > .-bt-inner .-bt-arrow {
	left: auto;
	right: 20px;
}
.kanban-card:has(.menu-btn) .kanban-card-title {
	width: calc(100% - 24px);
}
.kanban-card:nth-child(-n+2) .base-button-dd .-cmenu,
.kanban-card:nth-child(-n+1) .base-button-dd .-cmenu,
.kanban-card:last-child .base-button-dd .-cmenu {
	bottom: 18px;
 top: auto;
 right: 0;
}
.kanban-card .base-button-dd .-cmenu,
.kanban-card:nth-child(2) .base-button-dd .-cmenu,
.kanban-card:nth-child(3) .base-button-dd .-cmenu,
.kanban-card:first-child .base-button-dd .-cmenu {
	bottom: auto;
 top: 18px;
 right: 0;
}
.kanban-board .kanban-item:has(.menu-btn) {
	min-height: calc(100vh - 280px);
}
.kanban-card.-full-data span.display-category {
	position:relative;
	top: -4px;
}
.kanban-card .right-side .ticket-tag {
	color:#aaa;
}
.kanban-card.-full-data .kanban-card-content {
	margin-bottom: 6px;
	padding-bottom: 8px;
 border-bottom: 1px solid rgba(227, 227, 227, 1);
	position:relative;
}
.kanban-card.-full-data .kanban-card-content .base-sep {
	border-top: none;
 height: 10px;
 position: absolute;
 bottom: 0;
 top: auto;
 left: 0;
 right: 0;
 background-image: linear-gradient(rgb(255 255 255 / 76%), rgb(255 255 255));
	background: #fff;
}
.kanban-card.-full-data .kanban-card-content.-tag {
	margin-top: -4px;
 margin-bottom: 4px;
	border: none;
}
.kanban-card .kanban-cta-btn,
.kanban-card .base-side.cta-btn {
	position: relative;
	display: flex;
 flex-direction: row;
 justify-content: flex-end;
 align-items: center;
 width: 100%;
	gap: 4px;
}
.kanban-card .base-side.cta-btn {
 padding-bottom: 2px;
	right: 0;
	top: 0;
}
.kanban-card .base-side.cta-btn .base-button .-icon .-icon-svg {
	padding-top: 0;
}
.kanban-card .base-side > div {
	margin: 0;
}
.kanban-card .base-side.cta-btn .base-selected-button {
	display:block;
	width: fit-content;
	padding-left: 24px;
	padding-right: 20px;
	border: 1px solid #1E88E5;
	margin-top: 4px;
}
.kanban-card .base-side.cta-btn .base-selected-button.-menu-opts {
	padding-left: 6px;
 background-color: #ffffff;
 color: #888;
 border: 1px solid rgba(0, 0, 0, 0.1);
}
.kanban-card .base-side.cta-btn .base-selected-button.-menu-opts .base-tooltip {
	display: none !important;
}
.kanban-card .base-selected-button b {
 position: relative;
 top: 0px;
}
.kanban-card .base-selected-button:after {
	right: 8px;
 top: 5px;
}
.kanban-card .base-selected-button.-menu-opts:after {
	top: 5px;
	right: 9px;
}
.kanban-card .base-side.cta-btn .base-selected-button.-menu-opts:hover{
 background-color: #ffffff !important;
 border: 1px solid #1e88e5 !important;
 color: #1e88e5 !important;
}
.kanban-card:nth-child(-n+2) .base-selected-button .-cmenu,
.kanban-card:nth-child(-n+1) .base-selected-button .-cmenu,
.kanban-card:last-child .base-selected-button .-cmenu {
	bottom: 24px;
 top: auto;
 right: 0;
}
.kanban-card .base-selected-button .-cmenu,
.kanban-card:nth-child(2) .base-selected-button .-cmenu,
.kanban-card:first-child .base-selected-button .-cmenu {
	bottom: auto;
 top: 24px;
 right: 0;
}
.kanban-card .kanban-cta-btn .base-selected-button .-cmenu {
	bottom: auto;
 height: fit-content;
}
.kanban-card .base-selected-button .base-icon {
 top: 4px;
 left: 6px;
}
.kanban-card .base-button {
	font-size: 11px;
	padding: 6px;
 height: 26px;
 display: block;
 max-width: 100%;
 float: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 word-wrap: normal;
 border-radius: 6px;
 width: fit-content;
	margin-top: 4px;
}
.kanban-card .base-button:has(.-icon) {
 width: 26px;
}
.kanban-card .base-button.main-icon .-icon {
	top: 3px;
}
.kanban-card .base-button .-icon {
	top: 4px;
 left: 4px;
}
.kanban-card .base-selected-button {
	margin: 0;
	margin-left: 0;
 padding-left: 28px;
	overflow: visible;
}
.kanban-card .base-button .base-icon {
 max-width: 16px;
 max-height: 16px;
}
.kanban-card .base-button.base-iconbox .-bi {
	background: inherit;
}
.kanban-card .repeat-block {
	background-size: 12px 2px, 12px 2px, 2px 12px, 2px 12px;
}
.master-panel.sub-panel .kanban-card.active.ended.deactivate:hover {
	background-color: #1aaf2c;
}
.master-panel.sub-panel .kanban-card.active.ended.deactivate,
.kanban-card.ended.deactivate {
	background-color: #2bbf3d;
	.base-avatars .inline-avatar {
 border-color: transparent;
	}
	&.-full-data .kanban-card-content .base-sep {
 background: #2bbf3d;
	}
	.base-side .base-button-dd.menu-btn {
 margin: 0;
 background: transparent;
 border-color: transparent;
 color: #fff;
 }
.base-side .base-button-dd.menu-btn:hover{
 background-color: #ffffff;
 border: 1px solid #ffffff;
 }
	.right-side .ticket-tag,
	.kanban-card-title {
 color: #ffffff;
	}
	.kanban-card-footer .base-user .base-user-name,
	span.sub-data,
	span.display-category,
	.kanban-card-content {
 color: #ffffff;
	}
	.kanban-card-footer .text-datetime {
 color: #ffffff;
 font-size: 12px;
	}
	.base-side.cta-btn .base-selected-button.-menu-opts,
	.base-button {
 border-color: transparent;
	}
}
.master-panel.sub-panel .kanban-card.deactivate.late:hover,
.master-panel.sub-panel .kanban-card.deactivate.late-current:hover {
 background-color: #bd4242;
}
.master-panel.sub-panel .kanban-card.deactivate.active.late,
.master-panel.sub-panel .kanban-card.deactivate.active.late-current,
.kanban-card.deactivate.late,
.kanban-card.deactivate.late-current {
	background-color: #cc4444;
	.base-avatars .inline-avatar {
 border-color: transparent;
	}
	&.-full-data .kanban-card-content .base-sep {
 background: #cc4444;
	}
	.base-side .base-button-dd.menu-btn {
 margin: 0;
 background: transparent;
 border-color: transparent;
 color: #fff;
 }
.base-side .base-button-dd.menu-btn:hover{
 background-color: #ffffff;
 border: 1px solid #ffffff;
 }
	.kanban-card-content .base-title,
	.right-side .ticket-tag,
	.kanban-card-title {
 color: #ffffff;
	}
	.kanban-card-footer .base-user .base-user-name,
	span.sub-data,
	span.display-category,
	.kanban-card-content {
 color: #ddd;
	}
	.kanban-card-footer .text-datetime {
 color: #ffffff;
 font-size: 12px;
	}
	.base-side.cta-btn .base-selected-button.-menu-opts,
	.base-button {
 border-color: transparent;
	}
	.base-button.-error {
 background-color: #ff473d;
 color: #fff;
	}
	.base-button.-error:hover {
 background-color: #b93333;
 border-color: #b12e2e !important;
	}
}
.kanban-card-footer.extra-assignee .base-avatars .inline-avatar {
	border-color: transparent;
}
.-late.-time-tag {
	border-radius: 12px;
}
.kanban-card .sub-footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-top: 4px;
	gap: 4px;
	.st {
 margin-top: 1px;
 width: calc(100% + 8px);
	}
}
.kanban-card .st-rejected.-late {
	color: #ffffff;
 background: rgba(241, 86, 86, 0.2);
 border: 1px solid #e51c0045;
 background: #E51C00;
	margin-top: 1px;
}
.kanban-card.-full-data .inline-key-value span.display-category {
	top: 0px !important;
}
.inline-key-value .display-field .field-value {
	padding-top: 0px !important;
}
.on-time.st-soon {
	background-color: rgb(255 152 0 / 6%);
 color: #FF9800;
 border: 1px solid #FF9800;
	border-radius: 12px;
}
.time-tag-wrapper {
	display: flex !important;
}
.st-soon.in-progess {
	background-color: #E9E9E9;
 color: #5B5B5B;
 border: 1px solid #E9E9E9;
	border-radius: 12px;
}
.kanban-card .sub-footer .st.on-time.st-soon {
	width: calc(100% + 26px);
	zoom: 1;
}
.kanban-card .sub-footer .st {
	max-width: fit-content;
	zoom: 1;
	font-size: 11px;
}
.kanban-col .base-section .section-header .base-side {
	top: 4px !important;
}
.kanban-body .select-all-btn {
	position: absolute;
	top: 12px;
	right: 16px;
}
/* Expanded end-group columns override .kanban-item padding to 2px where other columns get 8px,
 so their card checkbox lands 2px + its own 8px = 10px from the column edge while the shared
 rule above puts select-all at 16px. Selector mirrors that padding override exactly - collapsed
 and non-collapsible end groups keep the normal 8px padding, where 16px already lines up. */
.kanban-col.-collapsible > .section-body.group-cols:not(.-collapse) .select-all-btn {
	right: 10px;
}
.kanban-body .select-all-btn.hidden {
	display: none !important;
}
.kanban-body .select-btn.hidden {
	display: none !important;
}
.kanban-body .select-btn {
	position: absolute;
	top: 8px;
	right: 8px;
}
.kanban-board.sub-section-activated {
	/* top set dynamically by JS to match actual sub-header height. .kanban-board's base rule
 fixes height to calc(100% - 16px), which assumes top is always 16px — once JS raises top
 for the toolbar, that fixed height pushes the bottom edge off-screen by the difference.
 height: auto lets the browser derive it from top/bottom (bottom: 0 comes from .scroll-y). */
	height: auto;
	margin-top: 10px;
}
#js-kanban-sub-header .mass-action-section {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 8px;
	padding: 8px 14px;
	gap: 20px;
	width: 100%;
}
#js-kanban-sub-header .mass-action-section .notice {
	margin-left: auto;
}
#js-kanban-sub-header .mass-action-section .mass-limit-warning {
	display: none;
	color: #d32f2f;
	font-weight: 500;
}
#js-kanban-sub-header .mass-action-section .quantity-selected-tickets.-over-limit {
	color: #d32f2f;
	font-weight: 500;
}
#js-kanban-sub-header .mass-action-section .quantity-selected-tickets.-over-limit ~ .mass-limit-warning {
	display: inline;
}
#js-kanban-sub-header .base-button.-btn-remove {
	top: -2px !important;
	box-shadow: unset;
}
#js-kanban-sub-header.-activated {
	display: flex;
	flex-direction: row;
 background: #E9E9E9;
 padding: 6px 0;
	margin: 16px 16px 0 16px;
	border-radius: 8px;
}
#js-kanban-sub-header {
	display: none;
}
#js-button-mass .base-button {
	padding-left: 32px !important;
}
#js-button-mass .base-button:hover .base-tooltip {
	left: 1458px !important;
	right: unset !important;
}
#mass-board .super-cell-wrapper .sc-inner {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	min-height: 16px;
}
.editor-popup .js-cf-group .row > :is(.label, .clear, .unit-text, .fi-extra) {
	display: none;
}
.editor-popup div:not(.is-box, .is-scroll) {
	height: inherit;
}
.editor-popup .fr-input input {
	height: inherit;
	width: -webkit-fill-available;
}
.editor-popup .input-currency > div:nth-child(1) {
	width: 60% !important;
}
.editor-popup .input-currency > div:nth-child(2) {
	width: 40% !important;
	min-width: unset;
}
.editor-popup .input-currency .select-currencies > select {
	max-width: -webkit-fill-available;
}
.editor-popup :is(input, select) {
	height: -webkit-fill-available !important;
	border: none;
}
.editor-popup .row {
	border: 1px solid #007bff;
	border-radius: 2px;
}
#js-button-mass {
	display: flex;
 flex-direction: row;
	gap: 12px;
	position: absolute;
	right: 0px;
}
#js-button-mass > div {
	min-width: 120px;
}
.kanban-body .select-btn.disabled {
	background: #cccc;
}
/* ── mass-log dialog ───────────────────────────────────────── */
#custom-mass-log .dialog-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 4px;
}
#custom-mass-log .dialog-header .base-button {
	box-shadow: none !important;
	padding: 8px 12px !important;
}
#custom-mass-log .dialog-header .dialog-title {
	font-size: 15px;
	font-weight: 600;
}
/* sections */
#custom-mass-log .mass-log-body .section {
	padding: 6px 0;
}
#custom-mass-log .mass-log-body .section + .section {
	border-top: 1px solid #f0f0f0;
}
#custom-mass-log .mass-log-body .section .section-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 4px 2px;
	border-radius: 6px;
	cursor: pointer;
}
#custom-mass-log .mass-log-body .section .section-header:hover {
	background: #f7f7f7;
}
#custom-mass-log .section .section-header .-inner.url {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}
#custom-mass-log .section .section-header .-inner.url .-signal {
	border-radius: 50%;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 11px;
	flex-shrink: 0;
}
#custom-mass-log .mass-log-body .section .section-header .section-label {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 6px;
}
#custom-mass-log .mass-log-body .section .section-header .section-label .count {
	font-size: 12px;
	font-weight: 600;
	padding: 1px 7px;
	border-radius: 10px;
}
#custom-mass-log .mass-log-body .section .section-header .section-label .success-count {
	background: #e8f5e9;
	color: #2e7d32;
}
#custom-mass-log .mass-log-body .section .section-header .section-label .fail-count {
	background: #fdecea;
	color: #b12e2e;
}
/* ticket rows */
#custom-mass-log .mass-log-body .section .section-body {
	padding: 4px 0 2px;
	max-height: 300px;
	overflow-y: auto;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-item {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 5px 4px;
	border-radius: 5px;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-item:hover {
	background: #f7f7f7;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1;
	font-size: 13px;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-link {
	flex-shrink: 0;
	font-size: 12px;
	color: #1a73e8;
	white-space: nowrap;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-link:hover {
	text-decoration: underline;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-error {
	font-size: 12px;
	color: #b12e2e;
	padding-left: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* collapse */
#custom-mass-log .mass-log-body .section.-collapsed .section-body {
	display: none;
}
#custom-mass-log .mass-log-body .section.-collapsed .triangle {
	transform: rotate(-90deg);
}
/* mass action buttons */
#js-move-next-stage-btn { background: white; }
#js-edit-deadline-btn { background: white; }
#js-edit-assignees-mass-btn { background: white; }
#js-add-followers-mass-btn { background: white; }
#js-kanban-sub-header .mass-action-section .base-button {
	height: auto;
	min-height: 32px;
	white-space: normal;
	text-align: center;
	line-height: 1.3;
}
/* Mass action that doesn't apply to the current selection (e.g. Move on completed tickets).
 Not the 'disabled' class - that is `display: none !important` further down this file. */
.mass-action-section .-mass-disabled {
	pointer-events: none;
	opacity: 0.5;
}
/* mass-select filter toggles: a switch pill next to its label, matching how boolean settings
 are toggled elsewhere in the app (base-input-switch) rather than a pressed-button look. */
.mass-action-section .mass-filter-toggles {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.mass-action-section .mass-filter-toggle-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
}
.mass-action-section .mass-filter-toggle-label {
	font-size: 13px;
	color: #444;
	white-space: nowrap;
}
/* mass Edit Assignees outcome info line (manager: full replace vs assignee: self-swap only).
 Icon is CSS-only (::before), same trick as the warning banner's "⚠" but without baking a
 glyph into the translatable string. */
.mass-outcome-info {
	font-size: 13px;
	color: #555;
	padding: 0 0 8px;
}
.mass-outcome-info::before {
	content: 'ⓘ';
	color: #1a73e8;
	margin-right: 4px;
}
/* mass-select ACL warning banner (Set Deadline / Edit Assignees / Move dialogs) */
.mass-warning-banner {
	color: #c0392b;
	font-size: 13px;
	padding: 0 0 6px;
}
.mass-warning-banner.-forward {
	padding: 0;
	margin: 6px 0;
}
/* Move dialog ticket table: per-row status column (reason it'll fail, or that it's forwardable) */
.row-error-reason {
	color: #c0392b;
	font-size: 12px;
}
.row-ok-reason {
	color: #219D5B;
	font-size: 12px;
}
/* Move dialog CTA area: disabled when every selected ticket will fail the ACL/todo_required gate */
#js-button-mass.-all-disabled {
	pointer-events: none;
	opacity: 0.5;
}
/* Move dialog: cap height so a large ticket selection doesn't push the dialog past the
 viewport before it gets vertically centered — the table scrolls internally instead. */
#custom-mass-board .__dialogcontent {
	max-height: 75vh;
	overflow-y: auto;
}
/* mass-log outcome tag (Edit Assignees: full replace vs self-swap) */
#custom-mass-log .mass-log-body .section .section-body .ticket-outcome {
	font-size: 11px;
	color: #666;
	padding-left: 2px;
}
#custom-mass-log .mass-log-body .section .section-body .ticket-outcome.-self {
	color: #b8860b;
}
.editor-popup .currency-display-text.data {
	display: none;
} 
.editor-popup .js-cf-group .improve-select:not(.active) {
	overflow: hidden;
} 
#mass-board .super-cell-wrapper:hover .cell-edit {
	animation: blink 3s ease-in-out infinite;
}
#mass-board .super-cell-wrapper:hover .cell-edit {
	background-color: rgba(255, 255, 255, 0);
}
@keyframes blink {
	0%, 100% {opacity: 1;}
	50% { opacity: 0.2; }
}
.disabled {
	display: none !important;
}
.kanban-body .section-header .base-spinner {
	position: absolute;
	top: 16px;
	right: 28px;
}
#display-item-linkto-dialog #display-item-linkto {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	top: 51px;
	bottom: 40px;
}
#display-item-linkto-dialog #display-item-linkto iframe {
	border-radius: 0px 0px 6px 6px;
	width: 100%;
	height: 100%;
}
#display-item-linkto-dialog #display-item-linkto #apdialogs .__dialogclose {
	display:none;
}
#display-item-linkto-dialog .bl-header {
	background-color: #1250ae;
	border-radius: 6px 6px 0px 0px;
}
.linkto-action {
	display: flex;
	align-items: center;
	padding: 10px;
	gap: 6px;
	color: gray;
	font-size: 13px;
}
.linkto-action:hover {
	color:#267cde;
}
.linkto-action:hover div {
	text-decoration: underline;
}
.linkto-action.no-action:hover {
	cursor: not-allowed;
	color: gray;
}
.linkto-action:hover div {
	text-decoration: unset;
}
.linkto-app-wrapper {
	border: 1px solid #ccc;
	border-radius: 6px;
}
.linkto-app-wrapper .linkto-header {
	display: flex;
	align-items: center;
	padding: 10px;
	gap: 6px;
	background-color: #f5f5f5;
	border-radius: 6px 6px 0px 0px;
	font-size: 13px;
	font-weight: 500;
	position:relative;
}
.linkto-app-wrapper .linkto-header span {
	color: gray
}
.linkto-app-wrapper .linkto-header::after {
	font-family: ap;
	content: "\e6b1";
	position: absolute;
	font-size: 14px;
	color: #aaa;
	right: 10px;
	top: 8px;
}
.linkto-app-wrapper.-collapsed .linkto-header::after {
	transform: rotate(180deg);
}
.linkto-app-wrapper.-collapsed .linkto-header {
	border-radius: 6px;
}
.linkto-app-wrapper.-collapsed .linkto-body,
.linkto-app-wrapper.-collapsed .linkto-action {
	display:none;
}
.linkto-actions {
	display: flex;
	gap: 6px;
	padding: 4px 6px;
	align-items: center;
	font-size: 13px;
	color: #3a3a3a;
	border-radius: 4px;
	border: 1px solid #ccc;
	width: fit-content;
	font-weight: 500;
	position: relative;
}
.linkto-actions .-cmenu {
	width: 150px;
	right: 0;
	top: 100%;
	border-radius: 4px;
	margin-top: 3px;
}
.linkto-actions .-cmenu .-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	font-weight: 400;
	font-size: 13px;
}
.linkto-empty {
	color: #757575;
	font-size: 14px;
}
.linkto-app-wrapper .skeleton {
	animation: animation-shimmering 1.75s linear infinite;
	background-color: rgba(55, 23, 23, 0.05);
	background-image: linear-gradient(-90deg, rgba(55, 23, 23, 0) 0%, rgba(55, 23, 23, 0.05) 50%, rgba(55, 23, 23, 0) 100%);
	background-size: 300px 100%;
	background-repeat: no-repeat;
	background-position: -300px 0;
}
.linkto-app-wrapper .skeleton-column {
	border-radius: 4px 4px 0px 0px;
}
.linkto-app-wrapper .skeleton-row {
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.linkto-app-wrapper .skeleton-line {
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.linkto-app-wrapper .skeleton-item {
	display: flex;
	flex-wrap: nowrap;
}
.linkto-app-wrapper .donut-container > div {
	border-radius: 50%;
}
.linkto-app-wrapper .donut-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.linkto-app-wrapper .donut-container .ph-donut {
	position: relative;
}
.linkto-app-wrapper .donut-container .ph-donut-hole {
	position: absolute;
	background-color: #fff;
}
@keyframes animation-shimmering {
	0% {
 background-position: -300px 0;
	}
	100% {
 background-position: 800px 0;
	}
}
#linkto-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.linkto-workflow .item .stage, .linkto-workflow .item .todo, .linkto-workflow .item .wrap-user {
	position:absolute;
}
.linkto-workflow .item {
	position:relative;
	cursor:pointer;
	font-size:13px;
	background-color: #fff;
	padding: 8px 12px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.linkto-workflow .item .r{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:3px;
	bottom:0px;
	background-color: #267cde;
}
.linkto-workflow .item.-sdone .r{
	background-color: #42b814;
}
.linkto-workflow .item.-sfailed .r{
	background-color: #c34343;
}
.linkto-workflow .item:hover .r{
	display:block;
}
.linkto-workflow .item:hover .name, .linkto-workflow .item:hover .status{
	color:#267cde;
}
.linkto-workflow .info {
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
	width: calc(100% - 400px);
}
.linkto-workflow .item .name {
	font-weight:normal;
 color:#111;
	height: 18px;
}
.linkto-workflow .item .name {
	font-weight:500;
}
.linkto-workflow .item .name .sub {
	font-size:13px;
	font-weight:normal;
	opacity: 0.8; filter: alpha(Opacity:80);
}
/** STAGES **/
.linkto-workflow .item .stage {
	right: 230px;
	width: 140px;
	top: 10px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.linkto-workflow .item .ui-stagelist .ui-stages{
	height:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position:relative;
	overflow:hidden;
	margin-top:2px;
}
.linkto-workflow .item .ui-stagelist .ui-stages:before{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	content:"";
	background-color: #eee;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage{
	float:left;
	position:relative;
	height:13px;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage .arrow-wrapper{
	top:0px;
	right:-7px;
	bottom:0px;
	width:9px;
	position:absolute;
	overflow:hidden;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage:last-child .arrow-wrapper{
	display:none;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage .arrow{
	width:8px;
	height:16px;
	top:-11px;
	left:0px;
	position:absolute;
	z-index:10;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage .arrow:after{
	width: 22px;
	height: 22px;
	right: -7px;
	top: 5px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transform: scaleX(.3) rotate(45deg);
	content: " ";
	cursor:pointer;
	position:absolute;
	background-color: #eee;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage.-current{
	background-color: #88c8ef;
	font-weight:500;
 color:#fff;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage.-current .arrow:after{
	background-color: #88c8ef;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage.-done{
	background-color: #8fef87;
	font-weight:500;
 color:#fff;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage.-done .arrow:after{
	background-color: #8fef87;
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage.-late{
	background-color: #f4e5e5;
	color: #c34343;
	font-weight:500;
	text-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.linkto-workflow .item .ui-stagelist .ui-stages .ui-stage.-late .arrow:after{
	background-color: #f4e5e5;
}
.linkto-workflow .item .ui-stagelist .ui-label{
	padding-top: 4px;
	color: #5b5b5b;
	font-size: 12px;
}
.linkto-workflow .item .ui-stagelist.-sfailed .ui-stages:before{
	background-color: #ffd8d6;
}
.linkto-workflow .item .ui-stagelist.-sfailed .ui-stages .ui-stage .arrow:after{
	background-color: #ffd8d6;
}
.linkto-workflow .item .ui-stagelist.-sfailed .ui-stages .ui-stage.-current, .linkto-workflow .item .ui-stagelist.-sfailed .ui-stages .ui-stage.-done{
	background-color: #c34343;
}
.linkto-workflow .item .ui-stagelist.-sfailed .ui-stages .ui-stage.-current .arrow:after, .linkto-workflow .item .ui-stagelist.-sfailed .ui-stages .ui-stage.-done .arrow:after{
	background-color: #c34343;
}
/** ASSIGNEE **/
.linkto-workflow .item .wrap-user {
	top: 10px;
	width: 192px;
	right: 0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.linkto-workflow .item .user{
	position:relative;
}
.linkto-workflow .item .user .base-block{
	padding-left:40px;
}
.linkto-workflow .item .user .name b{
	color:#111;
	font-size:13px;
	font-weight:500;
}
.linkto-workflow .item .user .extra{
	color:#aaa;
	font-size:11px;
	padding-top:2px;
}
/** TODO **/
.linkto-workflow .item .todo {
	top: 10px;
	right: 200px;
	width: 84px;
}
.linkto-workflow .item .todo-icons{
}
.linkto-workflow .item .todo-icons .cicon{
	float:left;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #ddd;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:16px;
	height:16px;
	margin-right:5px;
	margin-bottom: 2px;
	z-index: 10;
}
.linkto-workflow .item .todo-icons .cicon.-more{
	color:#fff;
	border: none;
	text-align: center;
	background: rgba(0,0,0,0.7);
}
.linkto-workflow .item .todo-icons .cicon:before{
	position:absolute;
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	width:10px;
	height:10px;
	top:2px;
	left:2px;
	content:"";
}
.linkto-workflow .item .todo-icons .cflag{
	float:left;
	font-size:10px;
	position:relative;
 color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	background: rgba(195,67,67,0.5);
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:16px;
	height:16px;
	z-index: 10;
}
.linkto-workflow .item .todo-icons .cflag span{
}
.linkto-workflow .item .todo-icons .cflag:hover{
	background-color: #c34343;
}
.linkto-workflow .item .todo-icons .cicon.-s1{
	background: rgba(66,184,20,0.8);
	border:1px solid #42b814;
}
.linkto-workflow .item .todo-icons .-irows{
	padding:8px;
}
.linkto-workflow .item .todo-icons .-irow{
	position:relative;
	text-align: left;
	padding-left:60px;
	padding-bottom:4px;
}
.linkto-workflow .item .todo-icons .-irow em{
	position:absolute;
	font-size:12px;
	left:0px;
	top:0px;
	color: rgba(255,255,255,0.4);
}
.linkto-workflow .item .info .labels{
	display:inline-block;
	position:relative;
	margin-right:5px;
	margin-top: 0px;
	top: -1px;
}
.linkto-workflow .item .info .labels:empty{
	display:none;
}
.linkto-workflow .item .info .labels .label{
	padding:2px 6px;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	font-size:10px;
	position:relative;
	margin-right:5px;
}
.linkto-workflow .item .info .labels .label.-colorful{
	opacity: 0.9; filter: alpha(Opacity:90);
}
.linkto-workflow .item .info .labels .label.-colorful.tag-alt0{
	background-color: #f3f3f3;
	color:#267cde;
}
.linkto-workflow .item .info .labels .label.-colorful:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
	text-decoration:underline;
}
.linkto-workflow .item .info .-inner {
	position:relative;
	display: inline;
	top: 0px;
	font-size: 12px;
}
.linkto-workflow .item .info .labels .label.x-error{
	background: rgba(217,108,108,0.85);
	color:#fff;
}
.linkto-workflow .item .info .labels .label.x-error:hover{
	background-color: #c34343;
}



.linkto-request .item {
	position:relative;
	cursor:pointer;
	font-size:13px;
	background-color: #fff;
	padding: 8px 12px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.linkto-request .item .mx {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.linkto-request .item:hover{
	color:#267cde;
	background-color: #f9f9f9;
}
.linkto-request .item .r{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:3px;
	bottom:0px;
	background-color: #267cde;
}
.linkto-request .item.unread .r{
	background-color: #42b814;
}
.linkto-request .item.rejected .r{
	background-color: #c34343;
}
.linkto-request .item:hover .r{
	display:block;
}
.linkto-request .item:hover .name, .linkto-request .item:hover .status{
	color:#267cde;
}
.linkto-request .base-block {
	margin-right: 210px;
	margin-left: 36px;
}
.linkto-request .item .name {
	color:#111;
	height: 18px;
}
.linkto-request .item .name .sub {
	font-size:13px;
	font-weight:normal;
	opacity: 0.8; filter: alpha(Opacity:80);
}
/** STATUS **/
.linkto-request .item .icon {
	font-size:24px;
 color:#ccc;
	left: 15px;
	top: 17px;
}
.linkto-request .item .icon-square-uncheck{
	width:18px;
	height:18px;
}
.linkto-request .item .rq-unchecked{
	width:16px;
	height:16px;
	border:1px solid rgba(0,0,0,0.3);
	display:block;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	background: rgba(255,255,255,0.7);
}
.linkto-request .item .rq-checked{
	width:16px;
	height:16px;
	border:1px solid #42b814;
	display:block;
	position:relative;
 color:#fff;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	background: rgba(66,184,20,0.8);
}
.linkto-request .item .rq-checked:before{
	font-size:14px;
	position:absolute;
	font-family:ap; content:"\e206";
	top: 1px;
	left: 1px;
}
.linkto-request .item .rq-error{
	width:16px;
	height:16px;
	border:1px solid #c34343;
	display:block;
	position:relative;
 color:#c34343;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	background: rgba(195,67,67,0.2);
}
.linkto-request .item .rq-error:before{
	position:absolute;
	font-family:ap; content:"\e209";
	font-size:14px;
	top:1px;
	left:1px;
}
/** SIGNAL **/
.linkto-request .item .signal{
	font-size:20px;
	font-weight:normal;
 color:#ccc;
	position:absolute;
	right: 10px;
	width: 20px;
	top: 14px;
}
.linkto-request .signal .-signal {
	position:absolute;
	display:block;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
	background: rgba(0,0,0,0.3);
	width: 10px;
	height: 10px;
	left: 0px;
	top: 8px;
}
.linkto-request .signal .-signal.-doing {
	background: rgba(38,124,222,0.8);
}
.linkto-request .item.active .signal .-signal.-pending {
	background-color: #fff;
}
.linkto-request .signal .-signal.-overdue {
	background: rgba(195,67,67,0.8);
}
/** CREATOR **/
.linkto-request .item .user {
	right: 148px;
	width: 50px;
	top: 14px;
}
.linkto-request .item:hover .user .-ap{
	opacity: 1.0; filter: alpha(Opacity:100);
}
.linkto-request .item .user .-ap {
	font-size:16px;
	font-weight:normal;
	opacity: 0.3; filter: alpha(Opacity:30);
	margin-top: 5px;
	margin-left: 10px;
}
.linkto-request .item .user .rqname {
	position:absolute;
	font-weight:normal;
	font-size:12px;
 color:#888;
	left:33px;
	top:6px;
	width:96px;
}
.linkto-request .item .user .rqname b {
	font-weight:normal;
 color:#111;
}
/** APPROVERS **/
.linkto-request .item .users {
	overflow: visible;
	right: 42px;
	width: 95px;
	top: 3px;
}
.linkto-request .item .users .items {
	width: 120px;
	padding-top: 10px;
}
.linkto-request .item .users .avatar {
	float:left;
}
.linkto-request .item .users .-condensed {
	padding-left: 6px;
}
.linkto-request .item .users .-condensed .avatar {
	margin-right: 0px;
	margin-left: -6px;
}
.linkto-request .item .linkto-request-item-approvers .-signal {
	border:1px solid #fff;
	top: -5px;
	left: -4px;
	width: 12px;
	height: 12px;
}
.linkto-request .item .linkto-request-item-approvers .-signal .-ap {
	padding-top: 0px;
}
.linkto-request .item .linkto-request-item-approvers .base-avatars .-cmenu {
	right: 0px;
}
.linkto-request .item .linkto-request-item-approvers .base-avatars .-cmenu .-item {
	float: unset;
	margin: unset;
	padding-left: 44px;
}
.linkto-request .item .linkto-request-item-approvers .base-avatars .-cmenu .-item:hover {
	color:#267cde;
}
.linkto-request .item .linkto-request-item-approvers .base-avatars .-cmenu .-item .-signal {
	top: 0px;
	left: 5px;
}
.linkto-request .item .linkto-request-item-approvers .base-avatars .-cmenu .base-avatar {
	width: 24px;
	height: 24px;
}
.linkto-request .item .date, .linkto-request .item .icon, .linkto-request .item .status, .linkto-request .item .user, .linkto-request .item .users {
	position:absolute;
}



.linkto-wework .item .check, .linkto-wework .item .timebox, .linkto-wework .item .wrap-user {
	position:absolute;
}
.linkto-wework .item {
	position:relative;
	cursor:pointer;
	font-size:13px;
	background-color: #fff;
	padding: 8px 12px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.linkto-wework .item .mx {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.linkto-wework .item:hover {
	color:#267cde;
	background-color: #f9f9f9;
}
.linkto-wework .item .r {
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:3px;
	bottom:0px;
	background-color: #267cde;
}
/** CHECKBOX **/
.linkto-wework .item > .check{
	font-size:16px;
	cursor:pointer;
	position:absolute;
	left:15px;
	top:15px;
	color:rgba(0,0,0,0.3);
	width:22px;
	height:22px;
}
.linkto-wework .item > .check .task-status.-done:after{
	left:5px;
	top:5px;
}
.linkto-wework .item > .check .task-status.-failed:after{
	left:5px;
	top:5px;
}
.linkto-wework .item .check .task-status {
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	position:relative;
	border:1px solid rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	background-color: #fff;
}
.linkto-wework .item .check .task-status.-failed{
	background-color: #c34343;
	border:1px solid #b93333 !important;
}
.linkto-wework .item .check .task-status.-done{
	background-color: #42b814;
	border:1px solid #3ba710 !important;
}
.linkto-wework .item .check .task-status.-failed:after{
	position:absolute;
	font-size:10px;
	font-family:ap; content:"\e209";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
	color:#fff;
}
.linkto-wework .item .check .task-status.-done:after{
	position:absolute;
	font-size:10px;
	font-family:ap; content:"\ea2b";
	top:5px;
	left:5px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s; transition-duration: 0.5s;
	color:#fff;
}
/** ASSIGNEE **/
.linkto-wework .item .wrap-user {
	top: 10px;
	width: 192px;
	right: 0px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.linkto-wework .item .user{
	position:relative;
}
.linkto-wework .item .user .base-block{
	padding-left:40px;
}
.linkto-wework .item .name {
	font-weight:normal;
 color:#111;
	height: 18px;
}
.linkto-wework .item .user .name b{
	color:#111;
	font-size:13px;
	font-weight:500;
}
.linkto-wework .item .user .extra{
	color:#aaa;
	font-size:11px;
	padding-top:2px;
}
/** INFO **/
.linkto-wework .item .info {
	margin-right: 320px;
	margin-left: 36px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.linkto-wework .item .info .labels{
	display:inline-block;
	position:relative;
	margin-right:5px;
	margin-top: 0px;
	top: -1px;
}
.linkto-wework .item .info .labels:empty{
	display:none;
}
.linkto-wework .item .info .labels .label{
	padding:2px 6px;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	font-size:10px;
	position:relative;
	margin-right:5px;
}
.linkto-wework .item .info .labels .label.-colorful{
	opacity: 0.9; filter: alpha(Opacity:90);
}
.linkto-wework .item .info .labels .label.-colorful.tag-alt0{
	background-color: #f3f3f3;
	color:#267cde;
}
.linkto-wework .item .info .labels .label.-colorful:hover{
	opacity: 1.0; filter: alpha(Opacity:100);
	text-decoration:underline;
}
.linkto-wework .item .info .labels .label.-no-project{
	opacity: 0.9; filter: alpha(Opacity:90);
}
.linkto-wework .item .info .labels .label.-no-project.tag-alt0{
	background-color: #f3f3f3;
}
.linkto-wework .item .info .labels .label.std{
	background-color: #eee;
	color:#888;
}
.linkto-wework .item .info .labels .label.std:hover{
	background-color: #d5b0b0;
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-edge{
	background-color: #f8f8f8;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	color:#888;
}
.linkto-wework .item .info .labels .label.x-edge:hover{
	background-color: #d5b0b0;
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-success{
	background: rgba(66,184,20,0.9);
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-success:hover{
	background-color: #3ba710;
}
.linkto-wework .item .info .labels .label.need-action{
	color:#D96C6C;
	background: rgba(217,108,108,0.1);
}
.linkto-wework .item .info .labels .label.need-action:hover{
	background-color: #c34343;
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-error{
	background: rgba(217,108,108,0.85);
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-overdue{
	background: rgba(255,193,7,0.9);
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-overdue:hover{
 background-color: #F78C15;
}
.linkto-wework .item .info .labels .label.x-error:hover{
	background-color: #c34343;
}
.linkto-wework .item .info .labels .label.x-hl{
	background: rgba(66,184,20,0.85);
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-hl:hover{
	background-color: #42b814;
}
.linkto-wework .item .info .labels .label.label-success{
	color:#fff;
	background: rgba(66,184,20,0.7);
}
.linkto-wework .item .info .labels .label.x-overdue{
	background: rgba(255,193,7,0.9);
	color:#fff;
}
.linkto-wework .item .info .labels .label.x-overdue:hover{
 background-color: #F78C15;
}
.linkto-wework .item .info .sub {
	padding-top: 6px;
}
.linkto-wework .item .info .-inner {
	position:relative;
	display: inline;
	top: 0px;
}
.linkto-wework .item .timebox {
	top: 18px;
	right: 210px;
}
.linkto-wework .item .review-status{
	position:relative;
	font-size:10px;
	text-transform:uppercase;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	font-weight:500;
 color:#2d87bb;
	padding:2px 8px 2px 8px;
	margin-top:0px;
	margin-right:8px;
}
.linkto-wework .item .review-status > span{
	position:relative;
}
.linkto-wework .item .review-status:before{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background: rgba(88,159,201,0.2);
	content:"";
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
}
.linkto-wework .item .review-status.url{
	padding:2px 18px 2px 8px;
}
.linkto-wework .item .review-status.-done{
	color:#fff;
}
.linkto-wework .item .review-status.-done:before{
	background: rgba(66,184,20,0.8);
}
.linkto-wework .item .review-status.-failed{
	color:#fff;
}
.linkto-wework .item .review-status.-failed:before{
	background: rgba(195,67,67,0.8);
}
.linkto-wework .item .review-status.-review{
	color:#fff;
	font-weight:500;
}
.linkto-wework .item .review-status.-review:before{
	background: rgba(255,193,7,0.8);
}
.linkto-wework .item .review-status.url:hover{
	text-decoration:underline;
}
.linkto-wework .item .review-status.url:after{
	font-family:ap; content:"\e6b4";
	position:absolute;
	font-size:14px;
	right:4px;
	top:1px;
	border:none;
	width:auto;
}



.linkto-cards {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	gap: 20px;
	padding: 24px 82px;
	align-items: center;
}
.linkto-cards.ui-sortable .linkto-card {
	cursor: grab;
}
.linkto-cards .linkto-card {
	position:relative;
	flex: 1 1 280px;
	border-radius: 6px;
	height: 300px;
	background: #fff;
	border: none;
	box-shadow: 0px 1px 2px 0px #1018280D;
	border: 1px solid #E3E3E3;
}
.linkto-cards .linkto-card .base-tooltip.-tt-down {
	top: 28px;
	z-index: 2;
}
.linkto-card .header {
	display: flex;
	padding: 12px;
	border-radius: 4px 4px 0px 0px;
}
.linkto-card .header .add-service-btn {
	padding: 8px;
	height: 0;
	width: 0;
	box-shadow: none;
	background-color: #f5f5f5;
}
.linkto-card .header .add-service-btn:hover {
	border-color: #1E88E5;
	box-shadow: 0px 1px 2px 0px #1018280D;
}
.linkto-card .header .add-service-btn:hover .-icon {
	color: #1E88E5;
}
.linkto-card .header .add-service-btn .-icon {
	top: -1px;
	left: 0px;
	color: #656565;
}
.linkto-card .header .base-title {
	font-size: 16px;
	line-height: 20px;
	width: 100%;
}
.linkto-card .body {
	position: absolute;
	right: 12px;
	left: 12px;
	top: 44px;
	bottom: 0px;
}
.linkto-card .body .base-list .list-item .li-container>.base-title {
	font-size: 14px;
	line-height: 16px;
	color: #505259;
	padding-right: 8px;
}
.linkto-card .body .base-list.-comfort .list-item .li-container {
	padding: 6px 4px;
	min-height: 20px;
}
.linkto-card.dragable .body .base-list.-comfort .list-item .li-container {
	cursor: grab;
}
.linkto-card.dragable .body .base-list.-comfort .list-item .li-container .url {
	cursor: grab;
	pointer-events: none;
}
.linkto-cards .linkto-card.dragable {
	border: 1px dashed #1e88e594;
}
.linkto-card.dragable .body .base-list .list-item {
	border-bottom: 1px dashed #1e88e594;
}
.linkto-card .body .base-list .list-item {
	border-bottom: 1px solid #eee;
	border-top: none;
	padding-left: 0px;
	padding-right: 0;
	cursor: pointer;
}
.linkto-card .body .base-list .list-item:hover {
	box-shadow: 0px 1px 2px 0px #1018280D;
	background: #1E88E508;
}
.linkto-card .body .base-list .list-item .st {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50px;
	color: transparent;
	background: rgb(76 175 80);
	position:absolute;
	top: 0px;
	right: 0px;
}
.linkto-card .body .base-list .list-item .st.st-cancel {
	background-color: rgba(86, 93, 99, 1);
}
.linkto-card .body .base-list .list-item:hover .li-container>.base-title {
	color:#1E88E5;
}


#apdialogs.-inline .__dialogwrapper {
	position:relative;
	top: unset !important;
	left: unset !important;
}
#apdialogs.-inline .__dialogwrapper .__dialogmain {
	max-width: 100%;
	width: 100%;
}
#apdialogs.-inline .__dialogclose {
	display:none;
}
#apdialogs.-inline.request .__dialogclose {
	display: block;
}
#apdialogs.-inline .__dialogwrapper #popform {
	width: 100% !important;
}
#apdialogs.-inline .__dialogwrapper form {
	padding: 0;
}
#custom-selection-linkto .isearch {
	max-width: 440px;
	margin: auto;
	position:relative;
}
#custom-selection-linkto .title {
	font-size: 14px;
	padding: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: #999;
	border-bottom: 1px solid #e6e6e6;
	background-color: #f6f6f6;
}
#custom-selection-linkto .isearch:after {
	color:#616161;
	right: auto;
	font-family:ap; content:"\f162";
	position:absolute;
	font-size:14px;
	left: 12px;
	top: 9px;
}
#custom-selection-linkto .isearch input {
	padding-left: 32px;
	margin: 20px 0;
	border-radius: 6px;
	border: none;
	background: #f7f7f7;
	height: 32px;
	font-size: 14px;
	padding: 10px 15px 10px 35px;
	box-sizing: border-box;
	width: 100%;
	display: block;
}
#page #custom-selection-linkto > .isearch {
	border: none;
}
#custom-selection-linkto .linkto-cards {
	background-color: #f7f7f7;
	margin: 0px 24px 24px;
	padding: 20px;
	border-radius: 6px;
}
#custom-selection-linkto .linkto-cards .linkto-card {
	flex: 1 1 300px;
	border-radius: 6px;
	height: 272px;
}
#custom-selection-linkto .linkto-card .body .base-list.-comfort .list-item .li-container {
	cursor: pointer;
}


.box-alt0, .box-alt0:hover {
 background-color: #87C7AA;
}
.box-alt0-edge,
.box-alt0-edge:hover,
.box-altundefined-edge,
.box-altundefined-edge:hover {
	color: #87C7AA;
}
.box-alt1-edge,
.box-alt1-edge:hover {
	color: #1E88E5;
}
.box-alt2-edge,
.box-alt2-edge:hover {
	color: #8BD4CF;
}
.box-alt3-edge,
.box-alt3-edge:hover {
	color: #F291C1;
}
.box-alt4-edge,
.box-alt4-edge:hover {
	color: #7DB5F2;
}
.box-alt5-edge,
.box-alt5-edge:hover {
	color: #F4ACA2;
}
.box-alt6-edge,
.box-alt6-edge:hover {
	color: #C7B2FE;
}
.box-alt7-edge,
.box-alt7-edge:hover {
	color: #BFC0C3;
}
.box-alt8-edge,
.box-alt8-edge:hover {
	color: #a9e9a1;
}
.box-alt9-edge,
.box-alt9-edge:hover {
	color: #87C7AA;
}
.box-altundefined,
.box-altundefined:hover {
	background-color: #87C7AA;
}
.box-alt1,
.box-alt1:hover {
	background-color: #FFD56A;
}
.box-alt2,
.box-alt2:hover {
	background-color: #8BD4CF;
}
.box-alt3,
.box-alt3:hover {
	background-color: #F291C1;
}
.box-alt4,
.box-alt4:hover {
	background-color: #7DB5F2;
}
.box-alt5,
.box-alt5:hover {
	background-color: #F4ACA2;
}
.box-alt6,
.box-alt6:hover {
	background-color: #C7B2FE;
}
.box-alt7,
.box-alt7:hover {
	background-color: #BFC0C3;
}
.box-alt8,
.box-alt8:hover {
	background-color: #a9e9a1;
}
.box-alt9,
.box-alt9:hover {
	background-color: #87C7AA;
}



.linkto-service .item .info {
 margin-right: 320px;
 margin-left: 4px;
 transition-property: all;
 transition-duration: 0.2s;
}
.linkto-service .item .name {
 font-weight: normal;
 color: rgb(17, 17, 17);
 height: 18px;
}
.linkto-service .item .info .sub {
 padding-top: 6px;
}
.linkto-service .item .review-status {
 position: relative;
 font-size: 10px;
 text-transform: uppercase;
 box-sizing: border-box;
 float: left;
 font-weight: 500;
 color: rgb(45, 135, 187);
 margin-top: 0px;
 margin-right: 8px;
 padding: 2px 8px;
}
.linkto-service .item .review-status > span {
 position: relative;
}
.linkto-service .item .info .labels:empty {
 display: none;
}
.linkto-service .item .info .-inner {
 position: relative;
 display: inline;
 top: 0px;
}
.linkto-service .item .timebox {
 top: 18px;
 right: 210px;
 position: absolute;
}
.linkto-service .item .wrap-user {
 top: 10px;
 width: 192px;
 right: 0px;
 transition-property: all;
 transition-duration: 0.2s;
}
.linkto-service .item .user {
 position: relative;
}
.linkto-service .item .user .base-block {
 padding-left: 40px;
}
.linkto-service .item .name {
 font-weight: normal;
 color: rgb(17, 17, 17);
 height: 18px;
}
.linkto-service .item .user .name b {
 color: rgb(17, 17, 17);
 font-size: 13px;
 font-weight: 500;
}
.linkto-service .item .user .extra {
 color: rgb(170, 170, 170);
 font-size: 11px;
 padding-top: 2px;
}
.linkto-service .item {
 position: relative;
 cursor: pointer;
 font-size: 13px;
 background-color: #fff;
 padding: 8px 12px;
}
#js-integrated-apps-content .linkto-service .item:last-child {
 border-bottom: none;
 border-radius: 0 0 6px 6px;
}
.linkto-service .item .r {
 position: absolute;
 display: none;
 left: 0px;
 top: 0px;
 width: 3px;
 bottom: 0px;
 background-color: #267cde;
}
.linkto-service .item .wrap-user {
 position: absolute;
 top: 10px;
 width: 192px;
 right: 0px;
 transition-property: all;
 transition-duration: 0.2s;
}
.linkto-service .item .review-status:before {
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background: rgba(88, 159, 201, 0.2);
 content: "";
 -moz-border-radius: 12px;
 border-radius: 12px;
}
.linkto-service .item {
 position: relative;
 cursor: pointer;
 font-size: 13px;
 background-color: #fff;
 padding: 8px 12px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.linkto-service .item:hover {
 color: #267cde;
 background-color: #f9f9f9;
}
.source-object-item {
 display: flex;
 gap: 12px;
 position: absolute;
 top: 44px;
 font-size: 14px;
}
.source-object-item .desc-label {
 color: #757575;
}
.source-object-item .desc-content:hover {
 color: #1E88E5;
}
.mh-main.-extended .ticket-header:not(.sub-header) {
 height: 64px !important;
}
.mh-main.-extended .ticket-header.block-title .base-sub-title {
 top: 4px !important;
}
.mh-main.-extended .ticket-header.block-title .base-title {
 bottom: 0px !important;
}
.mh-main.-extended .ticket-header.sub-header {
 margin-bottom: 14px !important;
}
.mh-main.-extended .detail-header .ticket-header.block-title .back {
 top: 20px !important;
}