/* -- 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;
}

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: 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:90px;
	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: 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;
	overflow:hidden;
	right:0px;
	top:0px;
	left:0px;
	bottom:0px;
	z-index:800;
}
#page{
	position:relative;
	min-height:100%;
}
#page-main{
	margin-right:270px;
	position:relative;
	min-height:1300px;
}
#page-main.-gray{
	background-color: #f9f9f9;
}
#page-main.-gray:after{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
#page .__apscrollbar_wrap{
	position:relative;
}
#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;
}
.ui-menu.ui-autocomplete{
	max-height:300px;
	overflow-y:scroll !important;
}
#mass-import-progress{
	opacity: 1;
	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
 position: absolute;
 right: 20px;
	top: 20px;
	margin: auto;
	width: 240px;
	justify-content: center;
 z-index: 99999;
 background-color: #545454;
 padding: 8px 10px;
	border-radius: 6px
}
#mass-import-progress .wrapper{
	display: flex;
	justify-content: center;
}
#mass-import-progress .txt{
	color: #fff;
	text-align: center;
}
#mass-import-progress .refresh{
	color: #85bcff;
	margin-left: 10px;
	font-weight: 700;
}
#mass-import-progress .close{
	margin-left: 10px;
	font-weight: 700;
	padding-top: 1px;
}
*{
	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;
}
.license-form textarea{
	resize: vertical;
	overflow-y: scroll !important;
	min-height: 100px;
}
.emo{
	vertical-align:middle;
	display:inline-block;
	margin-top:-2px;
}
.url{
	cursor:pointer;
}
.url.std:hover{
	text-decoration:underline;
}

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 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;
}


.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-devgcs.basecdn.net/account/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;
}


.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;
}


.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);
}


.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;
}
.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{
	border-top:1px solid #eee;
	padding-top:20px;
	padding-bottom:20px;
}
.display-obj .section .sub-section:first-child, .display-obj .section .sub-section.-first{
	padding-top:5px;
	border:none;
}
.display-obj .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;
}

#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-devgcs.basecdn.net/account/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-devgcs.basecdn.net/account/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 h2{
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	margin-top:8px;
}
.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;
}
.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;
}


.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;
}
.apptitle{
	position:relative;
	margin:0 20px;
	z-index:888;
	height:74px;
	z-index:1000;
	border-bottom:2px solid #eee;
}
.apptitle > .icons{
	font-size:20px;
	position:absolute;
	right:300px;
	top:10px;
}
.apptitle > .icons .icon{
	float:right;
	cursor:pointer;
 color:#aaa;
	padding:10px 10px;
}
.apptitle > .icons .icon:hover{
	color:#111;
}
.apptitle > .search{
	position:absolute;
	width:180px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:9px 13px 9px 36px;
	left:0px;
	top:18px;
	background-color: #f4f4f4;
}
.apptitle > .search:after{
	position:absolute;
	font-family:ap; content:"\e2ca";
	left:10px;
	top:8px;
	font-size:20px;
 color:#bbb;
}
.apptitle > .search input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	width:100%;
	font-size:14px;
}
.apptitle .actions{
	position:absolute;
	right:0px;
	top:18px;
}
.apptitle .actions .action{
	float:left;
	cursor:pointer;
	margin-left:13px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.apptitle .actions .action.-icon{
	font-size:24px;
 color:#aaa;
	padding:6px 10px;
	-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;
}
.apptitle .actions .action.-icon:hover{
	background: rgba(23,194,134,0.8);
	color:#fff;
}
.apptitle .actions .action.-cta{
	border:1px solid #17C286;
	padding:9px 15px;
	font-size:15px;
 color:#17C286;
}
.apptitle .cta{
	position:absolute;
	font-size:15px;
	cursor:pointer;
	font-weight:normal;
 color:#fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:9px 15px;
	background-color: #17C286;
	top:18px;
	right:0px;
}
.apptitle .cta#explore-app {
	position: relative;
	top: 0;
}
.apptitle .secondary{
	font-size:15px;
	cursor:pointer;
	font-weight:normal;
 color:#fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:9px 15px;
	width: fit-content;
	top: 18px;
	right: 240px;
	background-color: #007BFF;
	text-align:center;
}
.apptitle .cta .dd{
	position:absolute;
 color:#888;
	font-size:13px;
	display:none;
	left:0px;
	top:36px;
	width:250px;
	background-color: #fff;
	padding:8px;
	-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);
}
.apptitle .cta:hover .dd{
	display:block;
}
.apptitle .cta .dd .sep{
	height:2px;
	background-color: #eee;
	margin:10px;
}
.apptitle .cta .dd .item{
	padding:8px 10px;
	margin-bottom:2px;
	position:relative;
	overflow:hidden;
	display:block;
 color:#888;
	font-weight:normal;
}
.apptitle .cta .dd .item:hover{
	background-color: #f3f3f3;
	color:#267cde;
}
.apptitle .menu{
	padding-top:16px;
	padding-left:15px;
	text-align:center;
}
.apptitle .menu .dropdown{
	position:relative;
	font-size:15px;
 color:#aaa;
	cursor:pointer;
	float:left;
	padding:7px 15px 7px 0;
}
.apptitle .menu .dropdown b{
	color:#333;
}
.apptitle .menu .tab{
	display:inline-block;
	font-size:13px;
	cursor:pointer;
	font-weight:normal;
 color:#999;
	position:relative;
	text-transform:uppercase;
	margin:0px 10px;
	padding:15px 0px;
}
.apptitle .menu .tab .-cmenu{
	text-transform:none;
	top:36px;
}
.apptitle .menu .tab > .-ap{
	vertical-align:-1px;
}
.apptitle .menu .tab:hover{
	color:#111;
}
.apptitle .menu .tab.active{
	color:#111;
	font-weight:bold;
}
.apptitle .menu .tab.active .r{
	width: 0; height: 0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom:9px solid rgba(0,0,0,0.1);
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-7px;
}
.apptitle .menu .tab.active .r:before{
	content:"";
	width: 0; height: 0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom:9px solid #fff;
	position:absolute;
	top:1px;
	left:-1px;
	margin-left:-8px;
}
.apptitle .menu .tab .-icon{
	position:absolute;
	text-align:center;
	top:0px;
	left:0px;
	bottom:0px;
	width:40px;
}
.apptitle .menu .tab .-icon > .-ap{
	display:block;
	text-align:center;
	font-size:16px;
	padding-top:9px;
}
.apptitle .menu .tab.with-icon{
	padding-left:36px;
	margin-top:0px;
	display:block;
}
.apptitle .menu .tab.active .r.white:before{
	width: 0; height: 0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom:9px solid #fff;
}
.apptitle .menu .tab.active .r.dark:before{
	width: 0; height: 0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom:9px solid #f3f3f3;
}
.apptitle .back{
	padding-top:18px;
	padding-left:40px;
	cursor:pointer;
	display:block;
	white-space: nowrap;
	display:inline-block;
	max-width:50%;
}
.apptitle .back:before{
	font-family:ap; content:"\e094";
	position:absolute;
	font-size:24px;
 color:#aaa;
	left:0px;
	top:20px;
}
.apptitle .back .label{
	text-transform:uppercase;
 color:#ccc;
	font-size:11px;
	font-weight:normal;
	padding-bottom:3px;
}
.apptitle .back .title{
	font-size:18px;
	font-weight:300;
 color:#222;
}
.apptitle > .rsearch{
	position:absolute;
	right: 230px;
	top: 18px;
	width: 180px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding: 9px 13px 9px 36px;
	background-color: #f4f4f4;
}
.apptitle > .rsearch:after{
	position:absolute;
	font-family:ap; content:"\e2ca";
	left: 10px;
	top: 8px;
	font-size:20px;
 color:#bbb;
}
.apptitle > .rsearch input{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	width: 100%;
	font-size:14px;
}
#warning-system-sealed{
	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);
}
#warning-system-sealed:before{
	font-family:ap; content:"\e2a3";
	font-size:24px;
	position:absolute;
	left:20px;
	top:11px;
}
#warning-system-sealed .txt{
	font-size:13px;
	text-align:center;
	padding:6px 80px 0 20px;
}
#warning-system-sealed .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);
}
#warning-system-sealed .cta:hover{
	background: rgba(0,0,0,0.2);
	color:#fff;
}


#menuw{
	z-index:1999;
}
#menu{
	position:absolute;
	width:270px;
	bottom:0px;
	right:0px;
	top:0px;
	color:#999;
	border-left:1px solid rgba(0,0,0,0.1);
	background-color: #f6f6f6;
}
#menu .canvas{
	position:absolute;
	overflow:hidden;
	right:0px;
	left:0px;
	top:56px;
	bottom:0px;
}
#menu .canvas > .main{
	position:absolute;
	right:-20px;
	left:0px;
	top:0px;
	bottom:00px;
	overflow-y:scroll;
}
#menu .top{
	padding:13px 15px;
	border-bottom:1px solid #eee;
	height:74px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu .top .name{
	font-size:22px;
	font-weight:300;
 color:#111;
}
#menu .top .info{
	font-weight:normal;
	font-size:14px;
	padding-top:4px;
}
#menu .title{
	font-weight:300;
	font-size:14px;
	text-transform:uppercase;
 color:#999;
	padding:20px 20px 15px 20px;
	border-top:1px solid #eee;
}
#menu .box{
	padding-bottom:20px;
}
#menu .li{
	position:relative;
	font-size:14px;
	cursor:pointer;
	display:block;
	font-weight:normal;
 color:#555;
	padding:10px 10px 10px 48px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#menu .li small{
	font-size:10px;
	display:inline-block;
	font-weight:normal;
 color:#ccc;
	position:absolute;
	text-align:center;
	background: rgba(255,255,255,0.1);
	padding:1px 3px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	right:12px;
	top:11px;
	min-width:20px;
}
#menu .li > .text{
	margin-right:40px;
}
#menu .li .icon{
	position:absolute;
 color:#aaa;
	top:9px;
	left:20px;
	overflow:hidden;
	font-size:16px;
	font-weight:normal;
}
#menu .li .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;
}
#menu .li .unread{
	display:none;
}
#menu .li.-unread .unread{
	display:block;
}
#menu .li .info{
	font-size:11px;
	display:block;
	padding-top:3px;
}
#menu .li .info span{
	font-size:12px;
}
#menu .li:hover{
	background: rgba(255,255,255,0.5);
}
#menu .li.active{
	color:#267cde;
	font-weight:bold;
}
#menu .li.active .icon{
	color:#267cde;
}
#menu .__apscrollbar .scroller .sinner{
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	width:6px;
	margin-left:2px;
}
#menu .mfilters{
	padding:20px;
}
#menu .mfilters .alert{
	margin-bottom:30px;
	background-color: #edffeb;
	border:1px solid #c0e3bc;
	padding:15px;
	color:#000;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#menu .mfilters .filter{
	padding-bottom:30px;
}
#menu .mfilters .filter .label{
	display:block;
	text-transform:uppercase;
	font-size:11px;
	padding-bottom:8px;
}
#menu .mfilters .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;
}
#menu .mfilters .filter input{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 10px;
	font-size:14px;
}
#base-notis{
	left:90px;
	top:0px;
	background-color: transparent;
	bottom:0px;
}
#base-notis .full-mask{
	width:auto;
	height:auto;
	right:0px;
	bottom:0px;
	left:-90px;
	top:-50px;
	bottom:-40px;
	background: rgba(0,0,0,0.1);
}
#base-notis .list.list-notis{
	width:600px;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
}
#base-notis .list.list-notis > .-arrow{
	display:none;
}


.objlist{
	padding:0 20px 20px 20px;
	min-height:800px;
}
.objtab{
	padding-bottom:200px !important;
}
.objlist .list-info{
	font-size:13px;
 color:#666;
	position:absolute;
	right:80px;
	width:280px;
	top:0px;
}
.objlist .list-info > .li{
	padding-bottom:8px;
}
.objlist .list-info > .li .-ap{
	font-size:16px;
	display:inline-block;
 color:#999;
}
.objlist > .li{
	border-bottom:1px solid #eee;
	margin-top:20px;
	cursor:default;
	padding-bottom:32px;
}
.objlist > .li{
	position:relative;
	cursor:pointer;
}
.objlist > .li.-icon-left{
	padding:0px 0px 25px 72px;
}
.objlist > .li.-icon-right{
	padding:0px 60px 20px 0px;
}
.objlist .li .icon{
	position:absolute;
	top:0px;
	width:45px;
	min-height:40px;
}
.objlist .li.-icon-left .icon{
	left:0px;
}
.objlist .li.-icon-right .icon{
	right:0px;
}
.objlist .li .icon .count{
	width:48px;
	height:48px;
	white-space: nowrap;
	text-align:center;
	font-size:18px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#999;
	background-color: #eee;
	padding-top:11px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-top:2px;
}
.list.objlist .li .icon .circle{
	width:40px;
	height:40px;
	display:block;
 color:#fff;
	font-size:16px;
	text-align:center;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.list.objlist .li .icon .circle span{
	display:block;
	padding-top:12px;
}
.objlist .li .icon .stat{
	display:block;
	text-align:center;
	font-size:12px;
	-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);
	color:#888;
	padding:4px 0;
	background: rgba(255,255,255,0.6);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:-2px;
}
.objlist .li .icon .stat b{
	display:block;
	font-size:15px;
 color:#111;
	padding-bottom:2px;
}
.objlist .li .icon .cal{
	display:block;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
	overflow:hidden;
	color:#888;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:-2px;
	padding-bottom:4px;
	-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);
}
.objlist .li .icon .cal b{
	display:block;
	font-size:13px;
 color:#D96C6C;
	padding:3px 0;
	padding-top:4px;
}
.objlist .li .icon > img{
	width:32px;
}
.objlist .li .icon > .avatar .image{
	width:48px;
	height:48px;
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	overflow:hidden;
	display:block;
}
.objlist .li .icon > .avatar .image img{
	width:48px;
	height:48px;
}
.objlist .li > .action{
	position:absolute;
 color:#888;
	right:0px;
	top:-5px;
	padding:5px;
}
.objlist .li > .action:hover{
	color:#267cde;
}
.objlist .li > .action:before{
	font-size:16px;
	font-weight:normal;
	content:" ";
}
.objlist .li > .action.-more:before{
	font-family:ap; content:"\e6cb";
}
.objlist .li > .action.-next:before{
	font-family:ap; content:"\e6ba";
}
.objlist .li > .action.-rarrow:before{
	font-family:ap; content:"\e87a";
}
.objlist .li .text{
	font-size:16px;
	font-weight:normal;
 color:#111;
	min-height:40px;
	margin-right:400px;
}
.objlist .li .text em{
}
.objlist .li .text .sub{
	display:block;
	font-size:13px;
 color:#333;
	font-weight:normal;
	padding-top:7px;
}
.objlist .li .text .sub .tag{
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	padding:3px 5px;
	margin-right:10px;
	margin-top:-2px;
}
.objlist .li .text .sub .a{
	font-weight:normal;
}
.objlist .li:hover .text, .objlist .li:hover .text em{
	color:#267cde;
	font-weight:bold;
} 
.objlist .li .leader{
	position:absolute;
	right:100px;
	top:0px;
	width:300px;
	padding-left:55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.objlist .li .leader .avatar{
	position:absolute;
	top:0px;
	left:0px;
}
.objlist .li .leader .label{
	text-transform:uppercase;
	font-size:11px;
 color:#aaa;
}
.objlist .li .leader .name{
	font-size:16px;
	font-weight:300;
 color:#111;
	padding:4px 0 4px 0;
}
.objlist .li .leader .info{
	font-size:13px;
 color:#888;
	font-weight:300;
}
.objtab{
	min-height:800px;
	padding:0 20px;
}
.objtab table{
	width:100%;
}
.objtab th{
	padding:13px 15px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-weight:500;
	font-size:12px;
 color:#42b814;
	text-transform:uppercase;
	text-align:left;
}
.objtab td{
	padding:16px 15px;
	border-top:1px solid #eee;
	vertical-align:top;
	position:relative;
}
.objtab td.group{
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
 color:#888;
	padding:9px 15px;
	background-color: #f8f8f8;
}
.objtab td 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;
}
.objtab td textarea{
	min-height:70px;
	padding:10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #f3f3f3;
}
.objtab td .buttons{
 background-color: #f8f8f8;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f3f3f3');
 background: -moz-linear-gradient(top, #f8f8f8 0%,#f3f3f3 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8),color-stop(100%,#f3f3f3));
 background: -webkit-linear-gradient(top, color-stop(0%,#f8f8f8),color-stop(100%,#f3f3f3));
 background: -o-linear-gradient(top, #f8f8f8 0%,#f3f3f3 100%);
 background: -ms-linear-gradient(top, #f8f8f8 0%,#f3f3f3 100%);
 background: linear-gradient(top, #f8f8f8 0%,#f3f3f3 100%);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	overflow:hidden;
	font-size:12px;
}
.objtab td .buttons .button{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	overflow:hidden;
	font-size:13px;
	width:50%;
}
.objtab td .buttons .button:first-child{
	border-right:1px solid rgba(0,0,0,0.1);
}
.objtab td .buttons .button:hover{
	background-color: #267cde;
	color:#fff;
}
.objtab .list-info{
	font-size:13px;
 color:#666;
	position:absolute;
	width:100%;
}
.objtab .list-info > .li{
	padding-bottom:8px;
}
.objtab .list-info > .li .-ap{
	font-size:16px;
	display:inline-block;
 color:#999;
}
.objtab .li .user{
	position:relative;
	padding-left:65px;
}
.objtab .li .user .tfa{
	position:absolute;
	font-size:16px;
	right:0px;
	top:0px;
}
.objtab .li .user .password_stats{
	position:absolute;
	font-size:16px;
	right:0px;
	top:24px;
}
.objtab .li .user .password_stats .base-icon{
	position:absolute;
	font-size:20px;
	right:-2px;
	width: 14px;
	height: 14px;
}
.objtab .li .user .password_stats .base-icon svg{
	width: 14px;
	height: 14px;
}
.need-attention {
	-webkit-animation-name: showpending;
 -webkit-animation-duration: 1.5s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: linear;
}
.objtab .li .user.-g{
	float:left;
	height:40px;
	width:55px;
	padding-left:0px;
}
.objtab .li .icon{
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	min-height:40px;
}
.objtab .li .icon .count{
	width:48px;
	height:48px;
	white-space: nowrap;
	text-align:center;
	font-size:18px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#999;
	background-color: #eee;
	padding-top:11px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-top:2px;
}
.list.objtab .li .icon .circle{
	width:40px;
	height:40px;
	display:block;
 color:#fff;
	font-size:16px;
	text-align:center;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.list.objtab .li .icon .circle span{
	display:block;
	padding-top:12px;
}
.objtab .li .icon .stat{
	display:block;
	text-align:center;
	font-size:12px;
	-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);
	color:#888;
	padding:4px 0;
	background: rgba(255,255,255,0.6);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:-2px;
}
.objtab .li .icon .stat b{
	display:block;
	font-size:15px;
 color:#111;
	padding-bottom:2px;
}
.objtab .li .icon .cal{
	display:block;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
	overflow:hidden;
	color:#888;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:-2px;
	padding-bottom:4px;
	-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);
}
.objtab .li .icon .cal b{
	display:block;
	font-size:13px;
 color:#D96C6C;
	padding:3px 0;
	padding-top:4px;
}
.objtab .li .icon > img{
	width:32px;
}
.objtab .li .icon > .avatar .image{
	width:48px;
	height:48px;
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	overflow:hidden;
	display:block;
}
.objtab .li .icon > .avatar .image img{
	width:48px;
	height:48px;
}
.objtab .li .action{
	position:relative;
 color:#888;
	padding:5px;
}
.objtab .li .action:hover{
	color:#267cde;
}
.objtab .li .action:before{
	font-size:16px;
	font-weight:normal;
	content:" ";
}
.objtab .li .action.-more:before{
	font-family:ap; content:"\e6cb";
}
.objtab .li .action.-next:before{
	font-family:ap; content:"\e6ba";
}
.objtab .li .text{
	font-size:16px;
	font-weight:normal;
 color:#111;
	min-height:40px;
}
.objtab .li .text em{
}
.objtab .li .text .sub{
	display:block;
	font-size:13px;
 color:#333;
	font-weight:normal;
	padding-top:7px;
	max-width: 460px;
}
.objtab .li .text .sub .tag{
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	padding:3px 5px;
	margin-right:10px;
	margin-top:-2px;
}
.objtab .li .text .sub .a{
	font-weight:normal;
}
.objtab .li:hover{
	background-color: #f3f3f3;
} 
.objtab .li .leader{
	position:absolute;
	right:100px;
	top:0px;
	width:300px;
	padding-left:55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.objtab .li .leader .avatar{
	position:absolute;
	top:0px;
	left:0px;
}
.objtab .li .leader .label{
	text-transform:uppercase;
	font-size:11px;
 color:#aaa;
}
.objtab .li .leader .name{
	font-size:16px;
	font-weight:300;
 color:#111;
	padding:4px 0 4px 0;
}
.objtab .li .leader .info{
	font-size:13px;
 color:#888;
	font-weight:300;
}
#people-list .li .ms{
	font-size:10px;
 color:#666;
	position:absolute;
	top:45px;
	right:20px;
}
#people-list .li .user .text .sub .image{
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	display:inline-block;
	overflow:hidden;
	position:relative;
	top:3px;
	padding-right:6px;
}
#people-list .li .user .text .sub .image img{
	width:16px;
	height:16px;
	vertical-align: unset;
}
#quota-alert{
}
#quota-alert .box{
	text-align:center;
	padding:20px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	font-size:13px;
 color:#888;
}
#quota-alert .box b{
	color:#42b814;
}
#quota-alert .box a:hover{
	text-decoration:underline;
}
.__fdialog .form-buttons.-three .button {
 width: 30%;
}
#save-and-continue-license{
	background-color: #fefefe;
 box-shadow: 0px 0px 0px 1px #42b814 inset;
 margin-left: 40px;
 color: #42b814;
 margin-right: 40px;
 font-weight: 500;
}
#save-and-continue-license:hover{
	background-color: #fcfcfc;
 box-shadow: 0px 0px 0px 1px #3ba710 inset;
 color: #3ba710;
 margin-right: 40px;
 font-weight: 500;
}
#cancel-license{
	background-color: #fefefe;
 box-shadow: 0px 0px 0px 1px #ddd inset;
}
#cancel-license:hover{
	background-color: #fcfcfc;
 box-shadow: 0px 0px 0px 1px #ccc inset;
}
#license-form-avatars{
	min-height:30px;
	padding-top:4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color:#ffffff;
	margin-top:8px;
	margin-bottom:8px;
	border-radius: 20px;
}
#license-form-list{
	margin-top:10px;
	margin-bottom:10px;
	background-color:#f6f6f6;
	padding:8px;
	border-radius:8px
}
#app-tagger .remove-app-tag {
	height: 100%;
	width: 24px;
	line-height: 24px;
	text-align: center;
	color: #d7796e;
	border-left: 1px solid #a8a8a8;
	cursor: pointer;
}
#app-tagger img {
	width: 16px;
	height: 16px;
}
#app-tagger + * #search-entries-container {
	display: none;
	width: 500px;
	position: absolute;
	left: 0;
	max-height: 400px;
	background-color: #fff;
	z-index: 11;
	overflow-y: scroll;
	overflow-x: hidden;
}
#search-entries-container .entry {
	width: 100%;
	height: 28px;
	padding: 4px 2px;
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	transition: background-color 0.3s;
}
#search-entries-container .entry:hover {
	background-color: #f0f0f0;
}
#open-appgroup-import-form {
	color: #007bff;
	cursor: pointer;
	text-decoration: underline;
	font-size: 14px;
}
#select-groups-container {
	height: 600px;
	display: flex;
	justify-content: space-between;
	align-items: start;
	border: 1px solid #e7e7e7;
}
#select-groups-container #groups-apps-container {
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#select-groups-container #apps-container {
	width: 50%;
}
#select-groups-container #groups-apps-container input#search-groups-input {
	width: calc(100% - 16px);
	background-color: #f1f1f1;
 font-size: 14px;
 border: none;
	border-radius: 6px;
	padding: 16px 4px;
	height: 20px;
	box-sizing: border-box;
	margin: 8px;
}
#select-groups-container #group-section-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 8px;
	font-size: 14px;
}
#select-groups-container #group-section-header #group-text {
	display: flex;
	justify-content: start;
	width: 90%;
}
#select-groups-container #group-list-label {
	color: #007bff;
	cursor: pointer;
	text-decoration: underline;
}
#select-groups-container #group-section-header #selected-group {
	width: 90%;
	display: flex;
	justify-content: start;
}
#select-groups-container #group-section-header input {
	width: 20px;
	height: 20px;
	margin-right: 31px;
}
#select-groups-container #groups-apps-list {
	height: 90%;
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	overflow-x: hidden;
}
#select-groups-container #groups-apps-list .app-item,
#select-groups-container #groups-apps-list .group-item{
	width: 100%;
	padding: 22px 8px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
#select-groups-container #groups-apps-list .app-item:hover,
#select-groups-container #groups-apps-list .group-item:hover {
	background-color: #f3f3f3;
}
#select-groups-container .app-item {
	display: flex;
	gap: 8px;
	justify-content: space-between;
	align-items: center;
}
#select-groups-container .app-item img{
	width: 16px;
}
#select-groups-container #groups-apps-list .app-item input {
	width: 20px;
	height: 20px;
}
#select-groups-container #apps-section-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#select-groups-container #apps-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#select-groups-container #apps-container #app-list {
	height: 90%;
	display: flex;
 flex-direction: column;
 overflow-y: scroll;
 overflow-x: hidden;
}
.app-item .deselect-app {
	font-size: 14px;
	color: #d7796e;
	cursor: pointer;
}
#apps-section-container {
	font-size: 14px;
}
#apps-section-container #clear-action {
	cursor: pointer;
 color: #dc3545;
 text-decoration: none;
}
#apps-section-container #clear-action:hover {
 text-decoration: underline;
}
.app-tagger .fr-label{
	font-size: 400;
	font-size: 14px;
}
#app-tag-container {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
	min-height: 40px;
	align-items: center;
	cursor: text;
}
#app-tag-container .app-tag {
	padding: 0 4px;
	height: 30px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#app-tag-container .app-tag img {
	width: 20px;
}
#app-tag-container .app-key {
	padding-right: 8px;
	height: 100%;
	display: flex;
	align-items: center;
	gap: 4px;
	border-right: 1px solid #e7e7e7;
}
input.access-search-bar {
	border: none;
	outline: none;
	flex-grow: 1;
 background-color: transparent;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 0px;
 color: #000;
 padding-left: 0px;
 font-size: 15px;
 min-width: 100px;
 padding: 6px 0px;
 margin: 4px 0 8px 0;
}
#grant-app-picker {
	position: relative;
}
#grant-app-picker input#app-picker-input {
	width: 100%;
	height: 32px;
	flex: 1;
	border: none;
	border-radius: 4px;
}
#grant-app-picker #pick-app-link {
	display: flex;
 color: #1e88e5;
 cursor: pointer;
	margin-bottom: 8px;
}
#grant-app-picker #pick-app-link span {
	line-height: 32px;
}
#grant-app-picker #pick-app-link .base-icon {
	width: 24px;
	height: 24px;
	position: relative;
}
#grant-app-picker #pick-app-link .ap-icon {
	font-size: 24px;
}
#grant-app-picker #app-picker-dialog {
	width: 100%;
	height: fit-content;
	position: absolute;
	top: 40px;
	z-index: 2;
	background-color: #fff;
	border-radius: 4px;
	padding: 8px;
	box-sizing: border-box;
	box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.11), 0px 2px 4px 0px rgba(0, 0, 0, 0.17);
}
#grant-app-picker .app-tags-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	max-height: 130px;
	overflow-y: auto;
	overflow-x: hidden;
}
#grant-app-picker .app-tags-container .app-tag {
	display: flex;
	height: 18px;
	padding: 6px 4px;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	background-color: #EEF7FC;
}
#grant-app-picker #applying-apps-container .app-tag {
	display: flex;
	height: 20px;
	align-items: center;
	gap: 4px;
}
#grant-app-picker #group-tags-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 8px;
	align-content: flex-start;
	max-height: 120px;
	margin-bottom: 8px;
	overflow-y: auto;
	overflow-x: hidden;
}
#grant-app-picker #app-picker-tabs {
	display: flex;
	gap: 12px;
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 12px;
}
#grant-app-picker #app-picker-tabs .app-picker-tab {
	font-size: 14px;
	padding: 8px 0;
	box-sizing: border-box;
	cursor: pointer;
	color: #757575;
	font-weight: 400;
}
#grant-app-picker #app-picker-tabs .app-picker-tab.active {
	border-bottom: 2px solid #005cc8;
	color: #343434;
	font-weight: 600;
}
#grant-app-picker #group-tags-container .grant-group-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
	background-color: #f7f7f7;
	padding: 4px;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 26px;
	box-sizing: border-box;
	transition: background-color 0.3s;
	cursor: pointer;
}
#grant-app-picker #group-tags-container .grant-group-item:hover {
	background-color: #e1e1e1;
}
#grant-app-picker #group-tags-container .grant-group-item.active {
	border: 1px solid #B3D7F6;
	background-color: #E3F0FC;
}
#grant-app-picker #group-tags-container .grant-group-item .group-name {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#grant-app-picker #app-picker-dialog-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
}
#grant-app-picker #app-picker-dialog-buttons #btn-cancel {
	background-color: #fff;
	color: #666;
	padding: 6px 8px;
	border-radius: 4px;
	cursor: pointer;
}
#grant-app-picker #app-picker-dialog-buttons #btn-cancel:hover {
	background-color: #f7f7f7;
}
#grant-app-picker #app-picker-dialog-buttons #btn-apply {
	background-color: #337ab7;
	color: #fff;
	padding: 6px 8px;
	border-radius: 4px;
	cursor: pointer;
}
#grant-app-picker #app-picker-dialog-buttons #btn-apply:hover {
	background-color: #2e6da4;
}
#grant-app-picker #app-picker-list {
	max-height: 260px;
	height: fit-content;
	margin-bottom: 12px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#grant-app-picker #app-picker-list li.app {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 6px;
	padding: 8px 6px;
	border-radius: 4px;
}
#grant-app-picker #app-picker-list li.app:hover {
	background-color: #f7f7f7;
}
#app-picker-dialog #app-picker-tab-content #applying-apps-container {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 8px 12px;
	max-height: 160px;
	overflow-y: auto;
	overflow-x: hidden;
}
#app-picker-dialog #app-picker-tab-content #applying-apps-section {
	padding: 8px;
	border-radius: 4px;
	background-color: #f7f7f7;
	margin: 12px 0;
}
#app-picker-dialog #app-picker-tab-content #applying-apps-section .section-header {
	color: #5b5b5b;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 8px;
}
#app-picker-dialog #app-picker-tab-content #applying-apps-section .app-tag {
	background-color: #f7f7f7;
}
#grant-app .input-fake {
	height: 32px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 6px 8px;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}
#create-account-fx .input input,
#create-account-fx .select select {
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	padding: 6px;
}


.orgchart .org{
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#fafafa', endColorstr='#eeeeee');
 background-color:#fafafa;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#fafafa), to(#eeeeee));
 background-image: -webkit-linear-gradient(-45deg, #fafafa, #eeeeee);
 background-image:	-moz-linear-gradient(-45deg, #fafafa, #eeeeee);
 background-image: -ms-linear-gradient(-45deg, #fafafa, #eeeeee);
 background-image: -o-linear-gradient(-45deg, #fafafa, #eeeeee);
 background-image: linear-gradient(-45deg, #fafafa, #eeeeee);
	padding:10px 10px 10px 64px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:80px;
	position:relative;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid rgba(0,0,0,0.1);
}
.orgchart .org: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%);
	-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);
}
.orgchart .org .avatar{
	position:absolute;
	width:40px;
	height:40px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	left:10px;
	top:10px;
}
.orgchart .org .avatar img{
	width:40px;
	height:40px;
}
.orgchart .org .name{
	font-weight:300;
	font-size:16px;
}
.orgchart .org .info{
	color:#888;
	font-size:12px;
	padding-top:3px;
}
.orgchart .add{
	position:absolute;
	font-size:16px;
	cursor:pointer;
 color:#999;
	right:1px;
	bottom:1px;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	padding:3px;
	width:16px;
	height:18px;
	-moz-border-radius: 6px 0 0 0;
 -webkit-border-radius: 6px 0 0 0;
 border-radius: 6px 0 0 0;
	display:none;
}
.orgchart .node:hover .add{
	display:block;
}
.orgchart .add div{
	-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;
}
.orgchart .add:hover{
	background-color: #fff;
}
.orgchart .add:hover div{
 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);
	color:#267cde;
}


.account-edit{
	position:absolute;
	font-size:20px;
 color:#ccc;
	right:10px;
	top:85px;
	padding:10px;
	cursor:pointer;
}
#profile{
	max-width:600px;
	margin:auto;
	padding:20px 20px;
}
#profile .main{
	position:relative;
	padding-left:120px;
	padding-bottom:30px;
}
#profile .main .image{
	display:block;
	position:absolute;
	top:10px;
	left:0px;
	width:100px;
	height:100px;
	overflow:hidden;
	-moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
}
#profile .main .image img{
	width:100px;
	height:100px;
}
#profile .main .text{
}
#profile .main .title{
	font-size:26px;
	font-weight:normal;
 color:#111;
}
#profile .main .subtitle{
	font-size:16px;
	font-weight:300;
 color:#aaa;
	padding-top:8px;
	margin-bottom:6px;
}
#profile .main .info{
	padding-top:8px;
	font-size:14px;
	position:relative;
	padding-left:110px;
}
#profile .main .info b{
	display:inline-block;
 color:#666;
	font-weight:500;
	position:absolute;
	width:110px;
	left:0px;
}
#profile .main .info a{
	font-weight:normal;
}
#profile .main .info a:hover{
	text-decoration:underline;
}
#profile .main .info p{
	font-size:14px;
	padding-bottom:4px;
}
#profile .list{
	padding-top:40px;
	padding-bottom:20px;
}
#profile .list .title{
	font-weight:500;
	font-size:13px;
 color:#aaa;
	position:relative;
	text-transform:uppercase;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}
#profile .list .title .add{
	position:absolute;
	font-size:20px;
	cursor:pointer;
 color:#ccc;
	text-align:center;
	right:0px;
	top:6px;
	padding:6px;
}
#profile .list .title .add:hover{
	color:#267cde;
}
#profile .list .item-none{
	font-size:14px;
	font-weight:300;
	text-align:center;
 color:#888;
	background-color: #f8f8f8;
	padding:20px;
	margin-top:25px;
}
#profile .list .item{
	border-bottom:1px dotted #ddd;
	position:relative;
	padding:15px 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;
}
#profile .list .item.url{
	color:#267cde;
	cursor:pointer;
}
#profile .list .item .icon{
	position:absolute;
	font-size:24px;
 color:#aaa;
	cursor:pointer;
	right:0px;
	top:20px;
	-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;
}
#profile .list .item .actions{
	position:absolute;
	display:none;
	right:0px;
	top:10px;
}
#profile .list .item:hover .actions{
	display:block;
}
#profile .list .item .actions .-icon{
	font-size:20px;
 color:#aaa;
	padding:6px;
}
#profile .list .item .name{
	font-size:18px;
	font-weight:500;
	padding-bottom:8px;
}
#profile .list .item .subname{
	font-size:16px;
	font-weight:300;
	padding-bottom:8px;
}
#profile .list .item .time{
	font-weight:500;
	font-size:14px;
	padding-bottom:8px;
}
#profile .list .item .info{
	font-weight:normal;
	font-size:14px;
 color:#999;
}
#profile .list .item.url:hover .name{
	font-weight:500;
	text-decoration:underline;
}
#profile .list .item.url:hover .icon{
	color:#267cde;
}
#profile .list .contact-info{
	position:relative;
	font-size:14px;
	padding:13px 0 13px 0;
	padding-left:160px;
	border-bottom:1px dotted #ddd;
}
#profile .list .contact-info b{
	position:absolute;
	font-weight:500;
 color:#888;
	font-size:13px;
	top:13px;
	left:0px;
}
#profile .list .contact-info a{
	font-weight:normal;
}
#profile .list .contact-info a:hover{
	text-decoration:underline;
}
#profile .list .item span.image{
	display:inline-block;
	padding:5px;
	width:64px;
	height:64px;
}
#profile .list .item span.image img{
	width:64px;
	height:64px;
}
#delegation-alert{
	margin:0 20px;
	background: rgba(66,184,20,0.1);
	padding:20px;
	color: #34960d;
	border-bottom:1px solid rgba(0,0,0,0.05);
	font-size:13px;
	font-weight:normal;
	position:relative;
}
#delegation-alert .cta{
	background-color: #fff;
	border:2px solid #42b814;
	color:#42b814;
	position:absolute;
	font-weight:normal;
	cursor:pointer;
	right:30px;
	top:10px;
	padding:8px 20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}


.applist{
	padding:0 20px;
	max-width:900px;
	margin:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.applist .appheader{
	overflow:hidden;
	position:relative;
}
.applist .appheader .td{
	padding:10px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform:uppercase;
	font-size:11px;
	font-weight:500;
 color:#42b814;
}
.applist .appheader .td.-c2{
	position:absolute;
	width:200px;
	right:0px;
	top:0px;
}
.applist .apps{
}
.applist .apps .appwrapper{
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:20px;
	background-color: #fff;
	-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);
}
.applist .apps .app{
	position:relative;
}
.applist .apps .app > div{
	padding:15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.applist .apps .app .appinfo{
	padding-left:80px;
	min-height:80px;
	margin-right:250px;
}
.applist .apps .app .subinfo{
	position:absolute;
	width:200px;
	right:0px;
	top:0px;
}
.applist .apps .app .appinfo .image{
	position:absolute;
	width:64px;
	height:64px;
	left:15px;
	top:15px;
}
.applist .apps .app .appinfo .image img{
	width:48px;
	height:48px;
}
.applist .apps .app .appinfo .name{
	font-size:16px;
	font-weight:500;
}
.applist .apps .app .appinfo .name .url{
	color:#267cde;
}
.applist .apps .app .appinfo .name .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.applist .apps .app .appinfo .info{
	font-size:12px;
 color:#999;
	padding-top:5px;
}
.applist .apps .app .appinfo .info .url{
	color:#333;
}
.applist .apps .app .appinfo .info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.applist .apps .app .appinfo .info .url.link{
	color:#0fa06e;
}
.applist .apps .app .subinfo .subname{
	text-transform:uppercase;
 color:#333;
	font-size:12px;
	font-weight:500;
	padding-bottom:6px;
} 
.applist .apps .app .subinfo .expired{
	font-size:12px;
 color:#333;
	padding-bottom:4px;
}
.applist .apps .app .subinfo .membership{
	font-size:12px;
 color:#aaa;
}
.applist .apps .appxtra{
	position:relative;
	display:none;
	background-color: #f3f3f3;
	padding:20px 20px 10px 20px;
	border-top:1px solid #e5e5e5;
}
.applist .apps .appxtra .users{
	position:relative;
	overflow:hidden;
	margin-right:-20px;
}
.applist .apps .appxtra .users .user{
	padding-right:20px;
	padding-left:45px;
	width:25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	position:relative;
	height:55px;
}
.screen-md .applist .apps .appxtra .users .user{
	width:33.3%;
}
.applist .apps .appxtra .users .user .image{
	width:32px;
	height:32px;
	position:absolute;
	left:0px;
	top:0px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	overflow:hidden;
}
.applist .apps .appxtra .users .user .image img{
	width:32px;
	height:32px;
}
.applist .apps .appxtra .users .user .name{
	font-size:13px;
	font-weight:500;
 color:#267cde;
}
.applist .apps .appxtra .users .user .info{
	font-size:12px;
 color:#888;
	padding-top:4px;
}
.applist .apps .users-none{
	font-size:15px;
	font-weight:300;
 color:#aaa;
	padding:0px 20px 10px 20px;
}
.applist .apps .appaction{
	position:relative;
	font-size:11px;
	font-weight:500;
 color:#aaa;
	text-transform:uppercase;
	padding:20px 10px;
}
.applist .apps .appaction .showuser{
	position:relative;
	cursor:pointer;
	padding-left:24px;
}
.applist .apps .appaction .showuser:before{
	font-family:ap; content:"\f05a";
	position:absolute;
	font-size:12px;
	top:-1px;
	left:10px;
}
.applist .apps .appaction .side{
	position:absolute;
	font-weight:normal;
	top:11px;
	right:15px;
}
.applist .apps .appaction .side .action{
	padding:7px 10px;
	cursor:pointer;
	float:left;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-left:10px;
}
.applist .apps .appaction .showuser:hover{
	color:#267cde;
	text-decoration:underline;
}
.applist .apps .appaction .action:hover{
	background-color: #267cde;
	color:#fff;
}
.applist .apps .appwrapper.active .appxtra{
	display:block;
}
.applist .apps .appwrapper.active .appaction .showuser:before{
 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);
}


#guest-box{
	background-color: #f3f3f3;
	min-height:1000px;
	padding:100px 0;
}
#guest-box .w{
	max-width:600px;
	background-color: #fff;
	margin:auto;
	padding:20px;
	-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;
}
#guest-box h1{
	text-align:center;
 color:#42b814;
	font-size:24px;
	font-weight:500;
	padding-bottom:20px;
}
#guest-box .li{
	position:relative;
	padding:13px 0 13px 45px;
	border-top:1px solid rgba(0,0,0,0.1);
	display:block;
}
#guest-box .li .icon{
	position:absolute;
	left:0px;
	top:10px;
	width:32px;
	height:320px;
}
#guest-box .li .icon img{
	width:32px;
}
#guest-box .li .name{
	text-transform:uppercase;
	font-size:15px;
}
#guest-box .li .link{
	color:#aaa;
	display:block;
	font-weight:normal;
	font-size:12px;
	padding-top:3px;
}
#guest-box .none{
	text-align:center;
 color:#42b814;
	font-size:14px;
	line-height:22px;
	padding:0 20px;
}
#guest-box .logout{
	text-align:center;
	padding-top:20px;
}
#guest-box .logout .action{
	color:#c34343;
	cursor:pointer;
}
#guest-box .logout .action:hover{
	text-decoration:underline;
}


#m_2factor{
	max-width:800px;
	margin:auto;
	padding:50px;
}
#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: 270px;
}
#set-2fa-policy .-isdatetime .fi-datetime-date,
#set-2fa-policy .-isdatetime .fi-datetime-time {
	width: 262px !important;
}


.uts-form{
	position:relative;
	padding:10px 0;
}
.uts-form .uts-form-inner{
}
.uts-form .ts-row{
	position:relative;
	padding: 15px 0 8px 100px;
	border-bottom:1px solid #eee;
	min-height:30px;
}
.uts-form .ts-row .ts-date{
	text-transform:uppercase;
	font-size:11px;
	font-weight:500;
 color:#888;
	position:absolute;
	left:0px;
	top:24px;
}
.uts-form .ts-row .ts-input{
	margin-bottom:10px;
	position:relative;
	display:none;
	border:1px solid #ddd;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.uts-form .ts-row .ts-input.active{
	display:block;
}
.uts-form .ts-row .ts-input:before{
	font-family:ap; content:"\e6b6";
	position:absolute;
	font-size:16px;
 color:#aaa;
	left:50%;
	margin-left:-13px;
	top:7px;
	bottom:8px;
}
.uts-form .ts-row .ts-input .fr-input{
	width:50%;
	padding-right:20px;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.uts-form .ts-row .ts-input .fr-input.-right{
	float:right;
}
.uts-form .ts-row .ts-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;
}
.uts-form .ts-row .ts-input input{
	padding:8px 8px;
	font-size:13px;
}


.infosec-wrapper{
	max-width:800px;
	margin:auto;
}
.infosec-wrapper .box .header{
	padding: 15px;
	position:relative;
}
.infosec-wrapper .box .header h1{
	font-weight:500;
	font-size:22px;
 color:#2d850a;
}
.infosec-wrapper .box .btn{
	width: 100%;
	margin-bottom: 25px;
}
.infosec-wrapper .box .btn .base-button{
	margin: auto;
	text-align:center;
	width: 100px;
}
.infosec-wrapper .box .guide{
	position:relative;
	font-size:13px;
 color:#999;
	padding:10px 0 10px 20px;
	margin-left:20px;
}
.infosec-wrapper .box .guide:before{
	position:absolute;
	left:0px;
	top:8px;
	bottom:8px;
	width:6px;
	border-left:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	-moz-border-radius: 3px 0 0 3px;
 -webkit-border-radius: 3px 0 0 3px;
 border-radius: 3px 0 0 3px;
	content:"";
}
.infosec-wrapper .box .guide > .-content{
	line-height:20px;
}
.infosec-wrapper .box .guide > .-content em{
	color:#333;
	font-style:italic;
}
.infosec-wrapper .body{
	background-color: #fff;
	padding-top:50px;
}


#manage-app-groups-container {
	width: 100%;
	display: flex;
	height: 600px;
}
#groups-container, #apps-container {
 width: 50%;
 padding: 15px;
 box-sizing: border-box;
}
#groups-container {
 border-right: 1px solid #EEE;
}
#manage-app-groups-container .section-title {
 font-size: 20px;
	font-weight: 800;
	padding-bottom: 20px;
}
.search-box {
 width: 100%;
 padding: 8px;
 margin-bottom: 10px;
	box-sizing: border-box;
 border: 1px solid #CCC;
 border-radius: 4px;
}
.group-input {
	height: 34px;
}
.group-input, .app-input {
 display: flex;
 margin-bottom: 10px;
}
.group-input input, .app-input input {
 flex: 1;
 padding: 8px;
 border: 1px solid #CCC;
 border-radius: 4px 0 0 4px;
}
.add-btn {
 padding: 8px 12px;
 border: none;
 background-color: #28a745;
 color: white;
 cursor: pointer;
 border-radius: 0 4px 4px 0;
}
#manage-app-groups-container #group-list {
 list-style-type: none;
 padding: 0;
 margin: 0;
 border: 1px solid #DDD;
 border-radius: 4px;
	height: 420px;
	overflow-y: auto;
}
.group-item {
 display: flex;
	font-size: 14px;
	height: 30px;
 justify-content: space-between;
 align-items: center;
 padding: 8px;
 border-bottom: 1px solid #DDD;
 cursor: pointer;
}
.group-item.active {
 background-color: #d6eaff;
 border-left: 4px solid #007bff;
}
.group-item .action-group {
	display: flex;
	gap: 24px;
}
.group-item .edit-btn .base-icon {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}
.remove-btn {
 background: none;
 border: none;
 color: red;
 cursor: pointer;
	font-size: 20px;
}
ul.app-list {
 list-style-type: none;
 padding: 0;
 margin: 0;
 border: 1px solid #DDD;
 border-radius: 4px;
	height: 420px;
	overflow-y: auto;
}
.app-item {
	display: flex;
	font-size: 14px;
	height: 30px;
 justify-content: space-between;
 align-items: center;
 padding: 8px;
 border-bottom: 1px solid #DDD;
}
#apps-container #add-apps {
	height: 34px;
	margin-bottom: 10px;
	position: relative;
}
#apps-container #add-apps #open-link.active {
 color: #28a745;
 font-size: 16px;
 cursor: pointer;
 font-weight: bold;
 line-height: 34px;
 text-decoration: none;
}
#apps-container #add-apps #open-link.active:hover {
 color: #218838;
}
#apps-container #add-apps #open-link.inactive {
 color: #6c757d;
 font-size: 16px;
 cursor: not-allowed;
 font-weight: bold;
 line-height: 34px;
 text-decoration: none;
}
#apps-container #add-apps #open-link.inactive:hover {
 color: #6c757d;
}
#apps-container #add-popup {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 370px;
	width: 240px;
	transform: translate(0, 100%);
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.17) 0px 8px 16px 0px, rgba(0, 0, 0, 0.11) 0px 0px 2px 0px;
}
#apps-container #add-popup .search-bar {
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 8px;
}
#apps-container #add-popup .search-bar input {
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	padding: 8px;
	border: 1px solid #CCC;
	border-radius: 4px;
}
#apps-container #add-popup .add-app-list {
	box-sizing: border-box;
	width: 100%;
	height: 280px;
	padding: 8px;
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom: 1px solid #CCC;
}
#apps-container #add-popup .add-app-list li {
	height: 32px;
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 14px;
	color: #2F3139;
}
#apps-container #add-popup .add-app-list li:hover {
	background-color: #F3F3F3;
}
#apps-container #add-popup #action-group {
	box-sizing: border-box;
	height: 42px;
	display: flex;
	padding: 8px;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
#add-popup #action-group .action {
	font-size: 14px;
	line-height: 20px;
	padding: 5px 14px;
}
#add-popup #action-group .action.save {
	background-color: rgb(30, 136, 229);
 color: rgb(255, 255, 255);
	border-radius: 4px;
	cursor: pointer;
}
#add-popup #action-group .action.close {
	background-color: rgb(255, 255, 255);
 color: rgb(47, 49, 57);
 border: 1px solid rgb(227, 227, 228);
	border-radius: 4px;
	cursor: pointer;
}
.button#close-manage-app-groups {
	width: 100%;
	background-color: #ddd;
 color: #666;
	cursor: pointer;
}
#manage-app-groups-form {
	display: flex;
	flex-direction: column;
}
#search-add-section {
	width: 100%;
	height: 32px;
	display: flex;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 16px;
}
#groups-search-bar-container {
	flex: 1;
	height: 32px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	gap: 4px;
	color: #8f8f8f;
	background-color: #f7f7f7;
	border: none;
	border-radius: 6px;
	margin-bottom: 10px;
}
#search-add-section .base-icon {
	width: 24px;
	height: 24px;
	position: relative;
}
#search-add-section .ap-icon {
	font-size: 24px;
}
#groups-search-bar-container input {
	display: flex;
	align-items: center;
	height: 100%;
	flex: 1;
	border: none;
	background-color: #f7f7f7;
	font-size: 14px;
}
#search-add-section #add-group-link {
	display: flex;
	justify-content: space-between;
	color: #1e88e5;
	cursor: pointer;
}
#search-add-section #add-group-link span {
	line-height: 32px;
}
#manage-app-groups-form #group-list-container {
	height: 500px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	overflow-y: auto;
	overflow-x: hidden;
}
#manage-app-groups-form .app-group-item {
	padding: 12px;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#manage-app-groups-form #group-list-container .app-group-header {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	height: 30px;
}
#group-list-container .app-group-header .app-group-title {
	color: #343434;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#manage-app-groups-form #group-list-container .app-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
#group-list-container .app-tags .app-tag {
	height: 18px;
	padding: 6px 4px;
	background-color: #f7f7f7;
	border-radius: 4px;
	font-size: 14px;
}
#group-list-container .app-group-actions {
	display: flex;
	gap: 12px;
}
.group-action {
	padding: 4px;
	border: 1px solid #ddd;
	border-radius: 8px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
.group-action.remove {
	color: #ff473d;
	border: 1px solid #ffbbb8;
}
.app-group-item .base-icon {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.app-group-item .ap-icon {
	font-size: 12px;
	display: flex;
}
.app-group-item .-ap {
	display: flex;
	justify-content: center;
	align-items: center;
}
#app-picker {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 14px;
}
#app-picker #tag-input-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 4px;
	max-height: 136px;
	overflow-y: auto;
	overflow-x: hidden;
}
#app-picker input#app-picker-input {
	border: none;
	min-width: 100px;
	flex-grow: 1;
	height: 17px;
	font-size: 14px;
	padding: 8px 10px;
}
#app-picker #app-picker-dialog {
	width: 100%;
	max-height: 320px;
	height: fit-content;
	margin-left: -4px;
	padding: 12px;
	box-sizing: border-box;
	box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.11), 0px 2px 4px 0px rgba(0, 0, 0, 0.17);
	border-radius: 4px;
	margin-top: 8px;
	position: absolute;
	top: 100%;
	display: none;
	background-color: #fff;
	z-index: 2;
}
#app-picker #app-picker-dialog ul {
	max-height: 260px;
	height: fit-content;
	overflow-y: scroll;
	overflow-x: hidden;
}
#app-picker #app-picker-dialog li.app {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 30px;
	padding: 0 8px;
	font-size: 14px;
}
#app-picker #app-picker-dialog li.app:hover {
	background-color: #f7f7f7;
}
#app-picker #app-picker-dialog li.app .app-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#app-picker #app-picker-dialog li.app input {
	width: 16px;
}
#groups-search-bar-container .base-icon {
	position: relative;
}
#app-picker .app-tag {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 16px;
	padding: 6px;
	font-size: 12px;
	border-radius: 4px;
	background-color: #eef7fc;
}
.app-group-edit-button-group {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}
.app-group-edit-button-group .cancel-btn {
	background-color: #fff;
	color: #666;
	border: 1px solid #ddd;
	padding: 6px 8px;
	border-radius: 4px;
	cursor: pointer;
}
.app-group-edit-button-group .cancel-btn:hover {
	background-color: #f7f7f7;
}
.app-group-edit-button-group .save-btn {
	background-color: #337ab7;
	color: #fff;
	border: 1px solid #337ab7;
	padding: 6px 8px;
	border-radius: 4px;
	cursor: pointer;
}
.app-group-edit-button-group .save-btn:hover {
	background-color: #2e6da4;
}
.edit-group-name-input {
	border: 1px solid #ccc !important;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 padding: 8px 10px !important;
	margin-bottom: 14px;
 font-size: 14px;
 box-sizing: border-box;
 width: 100%;
 display: block;
 padding: 0;
 border: none;
 background: transparent;
}
#create-app-group .base-form-row {
	padding-top: 0;
}
#create-app-group .base-form-row .fr-label,
#create-app-group #label {
	font-weight: 500;
 font-size: 12px !important;
 color: #333;
}
#manage-app-groups > .form-buttons {
	height: 0;
	padding: 0;
	margin: 0;
}
#create-app-group .base-form-row {
	padding-bottom: 15px;
}


.landingpage {
	color: #17161a;
	font-size: 16px;
	font-family: Roboto;
}
.landingpage a, a:hover{
	text-decoration: none;
}
.landingpage .mrb-40{
	margin-bottom: 40px;
}
.landingpage .section{
	padding: 70px 0px;
}
.landingpage #header{
	padding: 16px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.landingpage .section-banner {
 padding-top: 15px;
 position: relative;
}
.landingpage .banner-content{
	color: #282828;
 position: absolute;
 top: 50%;
 left: 50%;
 width: 100%;
 z-index: 9;
 transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
}
.landingpage .banner-content .banner-text{
	margin-bottom: 75px;
}
.landingpage .banner-content .banner-text h2{
	font-size: 56px;
	font-weight: 900;
	margin-bottom: 25px;
	text-transform: uppercase;
	background: -webkit-linear-gradient(left, #09b6ef, #1c4cf4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.landingpage .banner-content .banner-text p{
 font-size: 18px;
	margin-bottom: 0px;
}
.landingpage .ctas .btn-cta{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	padding: 15px 40px;
	border-radius: 50px;
	background-image: linear-gradient(to right, #fa7600 , #fdb55b);
}
.landingpage .ctas .btn-cta img{
	height: 22px;
	margin-left: 7px;
}
.landingpage .section-head{
	color: #1479f2;
	text-align: center;
	margin-bottom: 50px;
}
.landingpage .section-head h2{
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 60px;
	text-transform: uppercase;
}
.landingpage .about-title{
	margin-bottom: 30px;
}
.landingpage .about-title h3{
	font-size: 30px;
	font-weight: bold;
}
.landingpage .section-about .item h3{
	color: #17161a;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
	min-height: 50px;
}
.landingpage .section-about .item h3 b{
	background: -webkit-linear-gradient(left, #fa7600, #fdb55b);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
.landingpage .section-about .item .image{
	margin-bottom: 30px;
	text-align: center;
}
.landingpage .section-about .item .image img{
	max-width: 100%;
	height: 145px;
}
.landingpage .section-about .item p{
	color: #666;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0px;
}
.landingpage .section-about .about-des{
	color: #666;
	font-style: italic;
	text-align: center;
	margin-top: 40px;
}
.landingpage .section-step .image{
	text-align: center;
}
.landingpage .section-step .text h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}
.landingpage .section-step .text p{
	color: #666;
}
.landingpage .section-step .ctas{
	text-align: center;
}
.landingpage .section-why{
	background-color: #f5f8fa;
}
.landingpage .why-content{
	padding: 70px 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.landingpage .section-why .item{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.landingpage .section-why .item .icon img{
	max-width: 110px;
}
.landingpage .section-why .item .text{
	padding-left: 20px;
}
.landingpage .section-why .item .text h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
.landingpage .section-why .item .text p{
	color: #666;
	margin-bottom: 0px;
}
.landingpage .faq-item{
	font-size: 17px;
	border: 1px solid #166df2;
	border-radius: 20px;
	margin-bottom: 30px;
	background-color: #fff;
}
.landingpage .faq-item .faq-header{
	padding: 25px;
	font-size: 28px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	position: relative;
}
.landingpage .faq-item .faq-header .icon{
	position: absolute;
 right: 25px;
 top: 25px;
 transform: rotate(90deg);
 transition: transform 0.3s ease-out;
}
.landingpage .faq-item .faq-header .icon svg{
	width: 30px;
	height: 30px;
}
.landingpage .faq-item.active .faq-header .icon{
	transform: rotate(270deg);
}
.landingpage .faq-item.active .faq-header .icon svg path{
	stroke: #fff;
}
.landingpage .faq-item .faq-body{
	display: none;
	position: relative;
 padding: 0px 20px 20px;
 text-align: justify;
}
.landingpage .faq-item .faq-body p{
	margin-bottom: 10px;
}
.landingpage .faq-item.active{
	background-image: linear-gradient(to right, #195bf3 , #0caaf0);
}
.landingpage .faq-item.active .faq-header{
	color: #fff;
}
.landingpage .faq-item.active .faq-body p,
.faq-item.active .faq-body li{
	color: #fff;
}
.landingpage .section-reward{
	padding: 100px 0px;
	background-repeat: no-repeat;
	background-size: cover;
}
.landingpage .reward-content{
	text-align: center;
}
.landingpage .reward-content h3{
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
	background: -webkit-linear-gradient(left, #fa7600, #fdb55b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.landingpage .reward-content .des{
	color: #f5f8fa;
	font-size: 35px;
	font-weight: bold;
	text-transform: uppercase;
}
.landingpage .reward-content .sub-des{
	color: #f5f8fa;
	font-size: 17px;
}
.landingpage .section-reward .ctas{
	margin-top: 50px;
}
@media(max-width: 1199px){
	.landingpage #header{
 position: static;
 padding: 10px 0px;
 background-image: none;
 background-color: #1374f7;
	}
	.landingpage .section-banner{
 padding-top: 0px;
	}
	.landingpage .banner-content .banner-text h2{
 font-size: 42px;
	}
	.landingpage .about-title h3{
 font-size: 26px;
	}
}
@media(max-width: 991px){
	.landingpage .banner-content .banner-text h2{
 font-size: 36px;
	}
	.landingpage .banner-content .banner-text p{
 font-size: 15px;
	}
	.landingpage .banner-content .banner-text{
 margin-bottom: 55px;
	}
	.landingpage .section-head h2{
 font-size: 35px;
 line-height: initial;
	}
	.landingpage .about-title h3{
 text-align: center;
	}
	.landingpage .section-about .item{
 margin-bottom: 30px;
	}
	.landingpage .section-about .item h3{
 min-height: auto;
	}
	.landingpage .section-step .order{
 order: -1;
	}
	.landingpage .faq-item .faq-header{
 font-size: 18px;
 padding: 20px 25px;
	}
	.landingpage .faq-item .faq-header .icon{
 top: 20px;
 right: 0px;
	}
	.landingpage .faq-item .faq-body{
 font-size: 15px;
	}
	.landingpage .reward-content .des{
 font-size: 26px;
	}
}
@media(max-width: 767px){
	.landingpage .banner-content{
 position: initial;
 transform: initial;
 padding: 20px 0px;
	}
}
.landingpage .doc-url {
 color: #fdb55b;
}
.landingpage .doc-url:hover {
 text-decoration: underline;
}


#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;
}


.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;
}