/* -- 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;
}
.thick, .ap-thick{
	font-weight:500;
}
.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*/ /* 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%;
}
.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;
}
.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;
}
a.std:hover, .a.std:hover{
	text-decoration:underline;
}
.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);
}



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



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



.__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:#0a8ed2;
}
.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%;
}
.__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:#639c11;
}
.__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;
}
#overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:7000;
}



/* File does not exists: /var/www/secured/true/ap/static/css/ap/dialog.css */



#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 #7abd1a;
	background: rgba(122,189,26,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;
}



@font-face{
	font-family: 'ap';
src:url('https://base.vn/appimg/apfont/ap/ap.eot?cix0lc');
src:url('https://base.vn/appimg/apfont/ap/ap.eot?cix0lc#iefix') format('embedded-opentype'),
url('https://base.vn/appimg/apfont/ap/ap.ttf?cix0lc') format('truetype'),
url('https://base.vn/appimg/apfont/ap/ap.woff?cix0lc') format('woff'),
url('https://base.vn/appimg/apfont/ap/ap.svg?cix0lc#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-asterisk:before{
	content: "\f069";
}
.icon-plus:before{
	content: "\f067";
}
.icon-question2:before{
	content: "\f128";
}
.icon-minus:before{
	content: "\f068";
}
.icon-glass:before{
	content: "\f000";
}
.icon-music3:before{
	content: "\f001";
}
.icon-search6:before{
	content: "\f002";
}
.icon-envelope-o:before{
	content: "\f003";
}
.icon-heart6:before{
	content: "\f004";
}
.icon-star3:before{
	content: "\f005";
}
.icon-star-o:before{
	content: "\f006";
}
.icon-user7:before{
	content: "\f007";
}
.icon-film:before{
	content: "\f008";
}
.icon-th-large:before{
	content: "\f009";
}
.icon-th:before{
	content: "\f00a";
}
.icon-th-list:before{
	content: "\f00b";
}
.icon-check2:before{
	content: "\f00c";
}
.icon-close3:before{
	content: "\f00d";
}
.icon-remove:before{
	content: "\f00d";
}
.icon-times:before{
	content: "\f00d";
}
.icon-power-off:before{
	content: "\f011";
}
.icon-signal:before{
	content: "\f012";
}
.icon-cog5:before{
	content: "\f013";
}
.icon-gear:before{
	content: "\f013";
}
.icon-trash-o:before{
	content: "\f014";
}
.icon-home:before{
	content: "\f015";
}
.icon-file-o:before{
	content: "\f016";
}
.icon-clock-o:before{
	content: "\f017";
}
.icon-download5:before{
	content: "\f019";
}
.icon-inbox2:before{
	content: "\f01c";
}
.icon-play-circle-o:before{
	content: "\f01d";
}
.icon-repeat2:before{
	content: "\f01e";
}
.icon-rotate-right:before{
	content: "\f01e";
}
.icon-refresh2:before{
	content: "\f021";
}
.icon-lock3:before{
	content: "\f023";
}
.icon-headphones:before{
	content: "\f025";
}
.icon-volume-off2:before{
	content: "\f026";
}
.icon-volume-down2:before{
	content: "\f027";
}
.icon-volume-up2:before{
	content: "\f028";
}
.icon-qrcode2:before{
	content: "\f029";
}
.icon-barcode2:before{
	content: "\f02a";
}
.icon-tag4:before{
	content: "\f02b";
}
.icon-tags:before{
	content: "\f02c";
}
.icon-book5:before{
	content: "\f02d";
}
.icon-bookmark5:before{
	content: "\f02e";
}
.icon-print:before{
	content: "\f02f";
}
.icon-camera6:before{
	content: "\f030";
}
.icon-align-left:before{
	content: "\f036";
}
.icon-align-center:before{
	content: "\f037";
}
.icon-align-right:before{
	content: "\f038";
}
.icon-align-justify2:before{
	content: "\f039";
}
.icon-list6:before{
	content: "\f03a";
}
.icon-video-camera2:before{
	content: "\f03d";
}
.icon-image5:before{
	content: "\f03e";
}
.icon-photo2:before{
	content: "\f03e";
}
.icon-picture-o:before{
	content: "\f03e";
}
.icon-pencil:before{
	content: "\f040";
}
.icon-map-marker2:before{
	content: "\f041";
}
.icon-adjust2:before{
	content: "\f042";
}
.icon-edit2:before{
	content: "\f044";
}
.icon-pencil-square-o:before{
	content: "\f044";
}
.icon-check-square-o:before{
	content: "\f046";
}
.icon-arrows:before{
	content: "\f047";
}
.icon-play9:before{
	content: "\f04b";
}
.icon-pause3:before{
	content: "\f04c";
}
.icon-stop3:before{
	content: "\f04d";
}
.icon-chevron-left2:before{
	content: "\f053";
}
.icon-chevron-right2:before{
	content: "\f054";
}
.icon-plus-circle2:before{
	content: "\f055";
}
.icon-minus-circle2:before{
	content: "\f056";
}
.icon-times-circle:before{
	content: "\f057";
}
.icon-check-circle2:before{
	content: "\f058";
}
.icon-question-circle:before{
	content: "\f059";
}
.icon-info-circle:before{
	content: "\f05a";
}
.icon-ban:before{
	content: "\f05e";
}
.icon-arrow-left4:before{
	content: "\f060";
}
.icon-arrow-right4:before{
	content: "\f061";
}
.icon-arrow-up4:before{
	content: "\f062";
}
.icon-arrow-down:before{
	content: "\f063";
}
.icon-exclamation-circle:before{
	content: "\f06a";
}
.icon-gift4:before{
	content: "\f06b";
}
.icon-leaf2:before{
	content: "\f06c";
}
.icon-eye5:before{
	content: "\f06e";
}
.icon-eye-slash:before{
	content: "\f070";
}
.icon-exclamation-triangle:before{
	content: "\f071";
}
.icon-warning2:before{
	content: "\f071";
}
.icon-plane:before{
	content: "\f072";
}
.icon-calendar:before{
	content: "\f073";
}
.icon-random:before{
	content: "\f074";
}
.icon-comment:before{
	content: "\f075";
}
.icon-chevron-up2:before{
	content: "\f077";
}
.icon-chevron-down2:before{
	content: "\f078";
}
.icon-shopping-cart3:before{
	content: "\f07a";
}
.icon-folder5:before{
	content: "\f07b";
}
.icon-folder-open2:before{
	content: "\f07c";
}
.icon-arrows-v:before{
	content: "\f07d";
}
.icon-arrows-h:before{
	content: "\f07e";
}
.icon-bar-chart2:before{
	content: "\f080";
}
.icon-bar-chart-o:before{
	content: "\f080";
}
.icon-twitter-square:before{
	content: "\f081";
}
.icon-facebook-square:before{
	content: "\f082";
}
.icon-cogs2:before{
	content: "\f085";
}
.icon-gears:before{
	content: "\f085";
}
.icon-comments2:before{
	content: "\f086";
}
.icon-thumbs-o-up:before{
	content: "\f087";
}
.icon-thumbs-o-down:before{
	content: "\f088";
}
.icon-star-half2:before{
	content: "\f089";
}
.icon-heart-o:before{
	content: "\f08a";
}
.icon-sign-out:before{
	content: "\f08b";
}
.icon-linkedin-square:before{
	content: "\f08c";
}
.icon-external-link2:before{
	content: "\f08e";
}
.icon-sign-in:before{
	content: "\f090";
}
.icon-trophy4:before{
	content: "\f091";
}
.icon-upload5:before{
	content: "\f093";
}
.icon-lemon-o:before{
	content: "\f094";
}
.icon-phone4:before{
	content: "\f095";
}
.icon-square-o:before{
	content: "\f096";
}
.icon-bookmark-o:before{
	content: "\f097";
}
.icon-phone-square:before{
	content: "\f098";
}
.icon-twitter3:before{
	content: "\f099";
}
.icon-facebook5:before{
	content: "\f09a";
}
.icon-facebook-f:before{
	content: "\f09a";
}
.icon-github3:before{
	content: "\f09b";
}
.icon-unlock2:before{
	content: "\f09c";
}
.icon-credit-card4:before{
	content: "\f09d";
}
.icon-feed2:before{
	content: "\f09e";
}
.icon-rss4:before{
	content: "\f09e";
}
.icon-hdd-o:before{
	content: "\f0a0";
}
.icon-bullhorn:before{
	content: "\f0a1";
}
.icon-bell-o:before{
	content: "\f0a2";
}
.icon-certificate:before{
	content: "\f0a3";
}
.icon-hand-o-right:before{
	content: "\f0a4";
}
.icon-hand-o-left:before{
	content: "\f0a5";
}
.icon-hand-o-up:before{
	content: "\f0a6";
}
.icon-hand-o-down:before{
	content: "\f0a7";
}
.icon-arrow-circle-left:before{
	content: "\f0a8";
}
.icon-arrow-circle-right:before{
	content: "\f0a9";
}
.icon-arrow-circle-up:before{
	content: "\f0aa";
}
.icon-arrow-circle-down:before{
	content: "\f0ab";
}
.icon-globe:before{
	content: "\f0ac";
}
.icon-filter4:before{
	content: "\f0b0";
}
.icon-briefcase2:before{
	content: "\f0b1";
}
.icon-arrows-alt:before{
	content: "\f0b2";
}
.icon-cloud6:before{
	content: "\f0c2";
}
.icon-floppy-o:before{
	content: "\f0c7";
}
.icon-save2:before{
	content: "\f0c7";
}
.icon-square2:before{
	content: "\f0c8";
}
.icon-bars2:before{
	content: "\f0c9";
}
.icon-navicon:before{
	content: "\f0c9";
}
.icon-reorder:before{
	content: "\f0c9";
}
.icon-list-ul:before{
	content: "\f0ca";
}
.icon-list-ol:before{
	content: "\f0cb";
}
.icon-table:before{
	content: "\f0ce";
}
.icon-truck3:before{
	content: "\f0d1";
}
.icon-caret-down:before{
	content: "\f0d7";
}
.icon-caret-up:before{
	content: "\f0d8";
}
.icon-caret-left:before{
	content: "\f0d9";
}
.icon-caret-right:before{
	content: "\f0da";
}
.icon-columns:before{
	content: "\f0db";
}
.icon-sort:before{
	content: "\f0dc";
}
.icon-unsorted:before{
	content: "\f0dc";
}
.icon-sort-desc:before{
	content: "\f0dd";
}
.icon-sort-down:before{
	content: "\f0dd";
}
.icon-sort-asc:before{
	content: "\f0de";
}
.icon-sort-up:before{
	content: "\f0de";
}
.icon-envelope4:before{
	content: "\f0e0";
}
.icon-linkedin4:before{
	content: "\f0e1";
}
.icon-rotate-left:before{
	content: "\f0e2";
}
.icon-undo2:before{
	content: "\f0e2";
}
.icon-comment-o:before{
	content: "\f0e5";
}
.icon-comments-o:before{
	content: "\f0e6";
}
.icon-sitemap:before{
	content: "\f0e8";
}
.icon-clipboard2:before{
	content: "\f0ea";
}
.icon-paste:before{
	content: "\f0ea";
}
.icon-exchange:before{
	content: "\f0ec";
}
.icon-cloud-download2:before{
	content: "\f0ed";
}
.icon-cloud-upload3:before{
	content: "\f0ee";
}
.icon-suitcase:before{
	content: "\f0f2";
}
.icon-bell3:before{
	content: "\f0f3";
}
.icon-coffee2:before{
	content: "\f0f4";
}
.icon-file-text-o:before{
	content: "\f0f6";
}
.icon-building-o:before{
	content: "\f0f7";
}
.icon-hospital-o:before{
	content: "\f0f8";
}
.icon-ambulance:before{
	content: "\f0f9";
}
.icon-beer:before{
	content: "\f0fc";
}
.icon-h-square:before{
	content: "\f0fd";
}
.icon-plus-square2:before{
	content: "\f0fe";
}
.icon-angle-double-left:before{
	content: "\f100";
}
.icon-angle-double-right:before{
	content: "\f101";
}
.icon-angle-double-up:before{
	content: "\f102";
}
.icon-angle-double-down:before{
	content: "\f103";
}
.icon-angle-left:before{
	content: "\f104";
}
.icon-angle-right:before{
	content: "\f105";
}
.icon-angle-up:before{
	content: "\f106";
}
.icon-angle-down:before{
	content: "\f107";
}
.icon-laptop2:before{
	content: "\f109";
}
.icon-tablet4:before{
	content: "\f10a";
}
.icon-circle-o:before{
	content: "\f10c";
}
.icon-quote-left:before{
	content: "\f10d";
}
.icon-quote-right:before{
	content: "\f10e";
}
.icon-spinner9:before{
	content: "\f110";
}
.icon-circle2:before{
	content: "\f111";
}
.icon-mail-reply:before{
	content: "\f112";
}
.icon-reply3:before{
	content: "\f112";
}
.icon-folder-o:before{
	content: "\f114";
}
.icon-folder-open-o:before{
	content: "\f115";
}
.icon-smile-o:before{
	content: "\f118";
}
.icon-frown-o:before{
	content: "\f119";
}
.icon-meh-o:before{
	content: "\f11a";
}
.icon-keyboard-o:before{
	content: "\f11c";
}
.icon-terminal3:before{
	content: "\f120";
}
.icon-code3:before{
	content: "\f121";
}
.icon-star-half-empty:before{
	content: "\f123";
}
.icon-star-half-full:before{
	content: "\f123";
}
.icon-star-half-o:before{
	content: "\f123";
}
.icon-location-arrow:before{
	content: "\f124";
}
.icon-crop3:before{
	content: "\f125";
}
.icon-code-fork:before{
	content: "\f126";
}
.icon-chain-broken:before{
	content: "\f127";
}
.icon-unlink:before{
	content: "\f127";
}
.icon-microphone3:before{
	content: "\f130";
}
.icon-microphone-slash:before{
	content: "\f131";
}
.icon-shield3:before{
	content: "\f132";
}
.icon-calendar-o:before{
	content: "\f133";
}
.icon-chevron-circle-left:before{
	content: "\f137";
}
.icon-chevron-circle-right:before{
	content: "\f138";
}
.icon-chevron-circle-up:before{
	content: "\f139";
}
.icon-chevron-circle-down:before{
	content: "\f13a";
}
.icon-html5:before{
	content: "\f13b";
}
.icon-anchor4:before{
	content: "\f13d";
}
.icon-unlock-alt:before{
	content: "\f13e";
}
.icon-bullseye:before{
	content: "\f140";
}
.icon-ellipsis-h:before{
	content: "\f141";
}
.icon-ellipsis-v:before{
	content: "\f142";
}
.icon-rss-square:before{
	content: "\f143";
}
.icon-play-circle2:before{
	content: "\f144";
}
.icon-ticket2:before{
	content: "\f145";
}
.icon-minus-square2:before{
	content: "\f146";
}
.icon-minus-square-o:before{
	content: "\f147";
}
.icon-level-up:before{
	content: "\f148";
}
.icon-level-down:before{
	content: "\f149";
}
.icon-check-square2:before{
	content: "\f14a";
}
.icon-pencil-square:before{
	content: "\f14b";
}
.icon-external-link-square:before{
	content: "\f14c";
}
.icon-share-square:before{
	content: "\f14d";
}
.icon-compass4:before{
	content: "\f14e";
}
.icon-eur:before{
	content: "\f153";
}
.icon-euro:before{
	content: "\f153";
}
.icon-gbp:before{
	content: "\f154";
}
.icon-dollar:before{
	content: "\f155";
}
.icon-usd:before{
	content: "\f155";
}
.icon-inr:before{
	content: "\f156";
}
.icon-rupee:before{
	content: "\f156";
}
.icon-cny:before{
	content: "\f157";
}
.icon-jpy:before{
	content: "\f157";
}
.icon-rmb:before{
	content: "\f157";
}
.icon-yen:before{
	content: "\f157";
}
.icon-rouble:before{
	content: "\f158";
}
.icon-rub:before{
	content: "\f158";
}
.icon-ruble:before{
	content: "\f158";
}
.icon-krw:before{
	content: "\f159";
}
.icon-won:before{
	content: "\f159";
}
.icon-file2:before{
	content: "\f15b";
}
.icon-file-text3:before{
	content: "\f15c";
}
.icon-sort-alpha-asc2:before{
	content: "\f15d";
}
.icon-sort-alpha-desc2:before{
	content: "\f15e";
}
.icon-sort-amount-asc2:before{
	content: "\f160";
}
.icon-sort-amount-desc2:before{
	content: "\f161";
}
.icon-sort-numeric-asc2:before{
	content: "\f162";
}
.icon-sort-numeric-desc:before{
	content: "\f163";
}
.icon-thumbs-up3:before{
	content: "\f164";
}
.icon-thumbs-down3:before{
	content: "\f165";
}
.icon-youtube-square:before{
	content: "\f166";
}
.icon-youtube4:before{
	content: "\f167";
}
.icon-xing3:before{
	content: "\f168";
}
.icon-xing-square:before{
	content: "\f169";
}
.icon-youtube-play:before{
	content: "\f16a";
}
.icon-dropbox2:before{
	content: "\f16b";
}
.icon-instagram4:before{
	content: "\f16d";
}
.icon-flickr3:before{
	content: "\f16e";
}
.icon-apple:before{
	content: "\f179";
}
.icon-windows3:before{
	content: "\f17a";
}
.icon-android2:before{
	content: "\f17b";
}
.icon-linux:before{
	content: "\f17c";
}
.icon-dribbble3:before{
	content: "\f17d";
}
.icon-skype2:before{
	content: "\f17e";
}
.icon-trello2:before{
	content: "\f181";
}
.icon-female:before{
	content: "\f182";
}
.icon-male:before{
	content: "\f183";
}
.icon-gittip:before{
	content: "\f184";
}
.icon-gratipay:before{
	content: "\f184";
}
.icon-sun-o:before{
	content: "\f185";
}
.icon-moon-o:before{
	content: "\f186";
}
.icon-archive2:before{
	content: "\f187";
}
.icon-bug2:before{
	content: "\f188";
}
.icon-renren:before{
	content: "\f18b";
}
.icon-dot-circle-o:before{
	content: "\f192";
}
.icon-plus-square-o:before{
	content: "\f196";
}
.icon-slack2:before{
	content: "\f198";
}
.icon-envelope-square:before{
	content: "\f199";
}
.icon-openid:before{
	content: "\f19b";
}
.icon-bank:before{
	content: "\f19c";
}
.icon-institution:before{
	content: "\f19c";
}
.icon-university:before{
	content: "\f19c";
}
.icon-fax:before{
	content: "\f1ac";
}
.icon-building:before{
	content: "\f1ad";
}
.icon-cube:before{
	content: "\f1b2";
}
.icon-cubes:before{
	content: "\f1b3";
}
.icon-automobile:before{
	content: "\f1b9";
}
.icon-car:before{
	content: "\f1b9";
}
.icon-cab:before{
	content: "\f1ba";
}
.icon-taxi:before{
	content: "\f1ba";
}
.icon-tree2:before{
	content: "\f1bb";
}
.icon-spotify2:before{
	content: "\f1bc";
}
.icon-database3:before{
	content: "\f1c0";
}
.icon-file-pdf-o:before{
	content: "\f1c1";
}
.icon-file-word-o:before{
	content: "\f1c2";
}
.icon-file-excel-o:before{
	content: "\f1c3";
}
.icon-file-powerpoint-o:before{
	content: "\f1c4";
}
.icon-file-image-o:before{
	content: "\f1c5";
}
.icon-file-photo-o:before{
	content: "\f1c5";
}
.icon-file-picture-o:before{
	content: "\f1c5";
}
.icon-file-archive-o:before{
	content: "\f1c6";
}
.icon-file-zip-o:before{
	content: "\f1c6";
}
.icon-file-audio-o:before{
	content: "\f1c7";
}
.icon-file-sound-o:before{
	content: "\f1c7";
}
.icon-file-movie-o:before{
	content: "\f1c8";
}
.icon-file-video-o:before{
	content: "\f1c8";
}
.icon-file-code-o:before{
	content: "\f1c9";
}
.icon-life-bouy:before{
	content: "\f1cd";
}
.icon-life-buoy2:before{
	content: "\f1cd";
}
.icon-life-ring:before{
	content: "\f1cd";
}
.icon-life-saver:before{
	content: "\f1cd";
}
.icon-support:before{
	content: "\f1cd";
}
.icon-circle-o-notch:before{
	content: "\f1ce";
}
.icon-hacker-news:before{
	content: "\f1d4";
}
.icon-y-combinator-square:before{
	content: "\f1d4";
}
.icon-yc-square:before{
	content: "\f1d4";
}
.icon-history2:before{
	content: "\f1da";
}
.icon-circle-thin:before{
	content: "\f1db";
}
.icon-sliders2:before{
	content: "\f1de";
}
.icon-share-alt2:before{
	content: "\f1e0";
}
.icon-share-alt-square:before{
	content: "\f1e1";
}
.icon-futbol-o:before{
	content: "\f1e3";
}
.icon-soccer-ball-o:before{
	content: "\f1e3";
}
.icon-yelp2:before{
	content: "\f1e9";
}
.icon-newspaper-o:before{
	content: "\f1ea";
}
.icon-wifi2:before{
	content: "\f1eb";
}
.icon-calculator4:before{
	content: "\f1ec";
}
.icon-paypal2:before{
	content: "\f1ed";
}
.icon-cc-visa:before{
	content: "\f1f0";
}
.icon-cc-mastercard:before{
	content: "\f1f1";
}
.icon-cc-discover:before{
	content: "\f1f2";
}
.icon-cc-amex:before{
	content: "\f1f3";
}
.icon-cc-paypal:before{
	content: "\f1f4";
}
.icon-cc-stripe:before{
	content: "\f1f5";
}
.icon-bell-slash:before{
	content: "\f1f6";
}
.icon-bell-slash-o:before{
	content: "\f1f7";
}
.icon-trash5:before{
	content: "\f1f8";
}
.icon-copyright:before{
	content: "\f1f9";
}
.icon-at2:before{
	content: "\f1fa";
}
.icon-eyedropper2:before{
	content: "\f1fb";
}
.icon-birthday-cake:before{
	content: "\f1fd";
}
.icon-pie-chart3:before{
	content: "\f200";
}
.icon-toggle-off:before{
	content: "\f204";
}
.icon-toggle-on:before{
	content: "\f205";
}
.icon-cc:before{
	content: "\f20a";
}
.icon-diamond:before{
	content: "\f219";
}
.icon-street-view:before{
	content: "\f21d";
}
.icon-heartbeat:before{
	content: "\f21e";
}
.icon-venus:before{
	content: "\f221";
}
.icon-mars:before{
	content: "\f222";
}
.icon-mercury:before{
	content: "\f223";
}
.icon-intersex:before{
	content: "\f224";
}
.icon-transgender:before{
	content: "\f224";
}
.icon-transgender-alt:before{
	content: "\f225";
}
.icon-venus-double:before{
	content: "\f226";
}
.icon-mars-double:before{
	content: "\f227";
}
.icon-venus-mars:before{
	content: "\f228";
}
.icon-mars-stroke:before{
	content: "\f229";
}
.icon-mars-stroke-v:before{
	content: "\f22a";
}
.icon-mars-stroke-h:before{
	content: "\f22b";
}
.icon-neuter:before{
	content: "\f22c";
}
.icon-genderless:before{
	content: "\f22d";
}
.icon-facebook-official:before{
	content: "\f230";
}
.icon-whatsapp2:before{
	content: "\f232";
}
.icon-server2:before{
	content: "\f233";
}
.icon-train:before{
	content: "\f238";
}
.icon-mouse-pointer:before{
	content: "\f245";
}
.icon-sticky-note:before{
	content: "\f249";
}
.icon-sticky-note-o:before{
	content: "\f24a";
}
.icon-clone:before{
	content: "\f24d";
}
.icon-registered:before{
	content: "\f25d";
}
.icon-creative-commons:before{
	content: "\f25e";
}
.icon-get-pocket:before{
	content: "\f265";
}
.icon-chrome3:before{
	content: "\f268";
}
.icon-firefox2:before{
	content: "\f269";
}
.icon-opera:before{
	content: "\f26a";
}
.icon-internet-explorer:before{
	content: "\f26b";
}
.icon-television:before{
	content: "\f26c";
}
.icon-tv3:before{
	content: "\f26c";
}
.icon-amazon2:before{
	content: "\f270";
}
.icon-calendar-plus-o:before{
	content: "\f271";
}
.icon-calendar-minus-o:before{
	content: "\f272";
}
.icon-calendar-times-o:before{
	content: "\f273";
}
.icon-calendar-check-o:before{
	content: "\f274";
}
.icon-industry:before{
	content: "\f275";
}
.icon-map-signs:before{
	content: "\f277";
}
.icon-edge:before{
	content: "\f282";
}
.icon-credit-card-alt:before{
	content: "\f283";
}
.icon-mixcloud:before{
	content: "\f289";
}
.icon-pause-circle2:before{
	content: "\f28b";
}
.icon-pause-circle-o:before{
	content: "\f28c";
}
.icon-stop-circle2:before{
	content: "\f28d";
}
.icon-shopping-bag2:before{
	content: "\f290";
}
.icon-hashtag:before{
	content: "\f292";
}
.icon-bluetooth3:before{
	content: "\f293";
}
.icon-bluetooth-b:before{
	content: "\f294";
}
.icon-percent2:before{
	content: "\f295";
}
.icon-wpforms:before{
	content: "\f298";
}
.icon-envira:before{
	content: "\f299";
}
.icon-question-circle-o:before{
	content: "\f29c";
}
.icon-braille:before{
	content: "\f2a1";
}
.icon-low-vision:before{
	content: "\f2a8";
}
.icon-handshake-o:before{
	content: "\f2b5";
}
.icon-envelope-open:before{
	content: "\f2b6";
}
.icon-envelope-open-o:before{
	content: "\f2b7";
}
.icon-address-book2:before{
	content: "\f2b9";
}
.icon-address-book-o:before{
	content: "\f2ba";
}
.icon-address-card:before{
	content: "\f2bb";
}
.icon-vcard:before{
	content: "\f2bb";
}
.icon-address-card-o:before{
	content: "\f2bc";
}
.icon-vcard-o:before{
	content: "\f2bc";
}
.icon-user-circle:before{
	content: "\f2bd";
}
.icon-user-circle-o:before{
	content: "\f2be";
}
.icon-user-o:before{
	content: "\f2c0";
}
.icon-drivers-license:before{
	content: "\f2c2";
}
.icon-id-card:before{
	content: "\f2c2";
}
.icon-drivers-license-o:before{
	content: "\f2c3";
}
.icon-id-card-o:before{
	content: "\f2c3";
}
.icon-free-code-camp:before{
	content: "\f2c5";
}
.icon-telegram2:before{
	content: "\f2c6";
}
.icon-podcast:before{
	content: "\f2ce";
}
.icon-window-maximize:before{
	content: "\f2d0";
}
.icon-bandcamp:before{
	content: "\f2d5";
}
.icon-snowflake-o:before{
	content: "\f2dc";
}
.icon-out:before{
	content: "\e900";
}
.icon-in:before{
	content: "\e901";
}
.icon-in-alt:before{
	content: "\e902";
}
.icon-home4:before{
	content: "\e903";
}
.icon-lightbulb:before{
	content: "\e904";
}
.icon-anchor:before{
	content: "\e905";
}
.icon-feather:before{
	content: "\e906";
}
.icon-search2:before{
	content: "\e907";
}
.icon-zoomin:before{
	content: "\e908";
}
.icon-zoomout:before{
	content: "\e909";
}
.icon-add:before{
	content: "\e90a";
}
.icon-subtract:before{
	content: "\e90b";
}
.icon-exclamation:before{
	content: "\e90c";
}
.icon-close:before{
	content: "\e90e";
}
.icon-cmd:before{
	content: "\e90f";
}
.icon-forbid:before{
	content: "\e910";
}
.icon-book2:before{
	content: "\e911";
}
.icon-spinner5:before{
	content: "\e912";
}
.icon-play4:before{
	content: "\e913";
}
.icon-sound:before{
	content: "\e918";
}
.icon-task:before{
	content: "\e91b";
}
.icon-inbox:before{
	content: "\e91c";
}
.icon-envelope:before{
	content: "\e91e";
}
.icon-newspaper2:before{
	content: "\e920";
}
.icon-newspaper-alt:before{
	content: "\e921";
}
.icon-trash:before{
	content: "\e925";
}
.icon-trash-alt:before{
	content: "\e926";
}
.icon-grid:before{
	content: "\e927";
}
.icon-grid-alt:before{
	content: "\e928";
}
.icon-menu2:before{
	content: "\e929";
}
.icon-list3:before{
	content: "\e92a";
}
.icon-gallery:before{
	content: "\e92b";
}
.icon-calculator2:before{
	content: "\e92c";
}
.icon-browser:before{
	content: "\e92d";
}
.icon-clock3:before{
	content: "\e92f";
}
.icon-attachment2:before{
	content: "\e930";
}
.icon-settings:before{
	content: "\e931";
}
.icon-portfolio:before{
	content: "\e932";
}
.icon-user2:before{
	content: "\e933";
}
.icon-heart2:before{
	content: "\e935";
}
.icon-chat:before{
	content: "\e936";
}
.icon-comments:before{
	content: "\e937";
}
.icon-screen:before{
	content: "\e938";
}
.icon-iphone:before{
	content: "\e939";
}
.icon-ipad:before{
	content: "\e93a";
}
.icon-instagram2:before{
	content: "\e93d";
}
.icon-facebook3:before{
	content: "\e93e";
}
.icon-delicious2:before{
	content: "\e93f";
}
.icon-googleplus:before{
	content: "\e940";
}
.icon-dribbble2:before{
	content: "\e941";
}
.icon-pin:before{
	content: "\e942";
}
.icon-pin-alt:before{
	content: "\e943";
}
.icon-camera2:before{
	content: "\e944";
}
.icon-cloud2:before{
	content: "\e946";
}
.icon-circle-full:before{
	content: "\e947";
}
.icon-circle-half:before{
	content: "\e948";
}
.icon-comment-alt2-stroke:before{
	content: "\e94a";
}
.icon-comment-alt2-fill:before{
	content: "\e94b";
}
.icon-checkmark3:before{
	content: "\e94c";
}
.icon-check-alt:before{
	content: "\e94d";
}
.icon-x:before{
	content: "\e94e";
}
.icon-x-altx-alt:before{
	content: "\e94f";
}
.icon-denied:before{
	content: "\e950";
}
.icon-rss-alt:before{
	content: "\e951";
}
.icon-cog2:before{
	content: "\e952";
}
.icon-mail:before{
	content: "\e955";
}
.icon-document-alt-stroke:before{
	content: "\e956";
}
.icon-document-alt-fill:before{
	content: "\e957";
}
.icon-document-stroke:before{
	content: "\e958";
}
.icon-document-fill:before{
	content: "\e959";
}
.icon-plus2:before{
	content: "\e95a";
}
.icon-plus-alt:before{
	content: "\e95b";
}
.icon-minus2:before{
	content: "\e95c";
}
.icon-minus-alt:before{
	content: "\e95d";
}
.icon-move-alt1:before{
	content: "\e95f";
}
.icon-move-alt2:before{
	content: "\e960";
}
.icon-spin:before{
	content: "\e961";
}
.icon-loop3:before{
	content: "\e962";
}
.icon-arrow-left-alt1:before{
	content: "\e963";
}
.icon-arrow-right-alt1:before{
	content: "\e964";
}
.icon-arrow-up-alt1:before{
	content: "\e965";
}
.icon-arrow-down-alt1:before{
	content: "\e967";
}
.icon-microphone:before{
	content: "\e968";
}
.icon-headphones2:before{
	content: "\e969";
}
.icon-play5:before{
	content: "\e96a";
}
.icon-play-alt:before{
	content: "\e96b";
}
.icon-fullscreen-exit:before{
	content: "\e96c";
}
.icon-fullscreen:before{
	content: "\e96d";
}
.icon-box:before{
	content: "\e96e";
}
.icon-folder-stroke:before{
	content: "\e96f";
}
.icon-folder-fill:before{
	content: "\e970";
}
.icon-at:before{
	content: "\e971";
}
.icon-question-mark:before{
	content: "\e972";
}
.icon-pilcrow2:before{
	content: "\e973";
}
.icon-hash:before{
	content: "\e974";
}
.icon-left-quote:before{
	content: "\e975";
}
.icon-right-quote:before{
	content: "\e976";
}
.icon-left-quote-alt:before{
	content: "\e977";
}
.icon-right-quote-alt:before{
	content: "\e978";
}
.icon-book-alt2:before{
	content: "\e979";
}
.icon-pen:before{
	content: "\e97a";
}
.icon-pen-alt-stroke:before{
	content: "\e97b";
}
.icon-pen-alt-fill:before{
	content: "\e97c";
}
.icon-layers:before{
	content: "\e97d";
}
.icon-image2:before{
	content: "\e97e";
}
.icon-chart:before{
	content: "\e97f";
}
.icon-bars:before{
	content: "\e980";
}
.icon-bars-alt:before{
	content: "\e981";
}
.icon-eye2:before{
	content: "\e982";
}
.icon-user3:before{
	content: "\e983";
}
.icon-clock4:before{
	content: "\e984";
}
.icon-unlock-fill:before{
	content: "\e985";
}
.icon-moon-fill:before{
	content: "\e986";
}
.icon-star:before{
	content: "\e988";
}
.icon-paperclip:before{
	content: "\e989";
}
.icon-home3:before{
	content: "\e98c";
}
.icon-office:before{
	content: "\e98d";
}
.icon-newspaper:before{
	content: "\e98e";
}
.icon-quill:before{
	content: "\e990";
}
.icon-eyedropper:before{
	content: "\e991";
}
.icon-droplet:before{
	content: "\e992";
}
.icon-image:before{
	content: "\e994";
}
.icon-camera:before{
	content: "\e996";
}
.icon-music:before{
	content: "\e998";
}
.icon-play:before{
	content: "\e999";
}
.icon-spades:before{
	content: "\e99f";
}
.icon-clubs:before{
	content: "\e9a0";
}
.icon-diamonds:before{
	content: "\e9a1";
}
.icon-connection:before{
	content: "\e9a2";
}
.icon-feed:before{
	content: "\e9a3";
}
.icon-mic:before{
	content: "\e9a4";
}
.icon-book:before{
	content: "\e9a5";
}
.icon-books:before{
	content: "\e9a6";
}
.icon-file-empty:before{
	content: "\e9a7";
}
.icon-file-text2:before{
	content: "\e9a9";
}
.icon-file-picture:before{
	content: "\e9aa";
}
.icon-file-music:before{
	content: "\e9ab";
}
.icon-file-play:before{
	content: "\e9ac";
}
.icon-file-video:before{
	content: "\e9ad";
}
.icon-file-zip:before{
	content: "\e9ae";
}
.icon-stack:before{
	content: "\e9b1";
}
.icon-folder:before{
	content: "\e9b2";
}
.icon-folder-open:before{
	content: "\e9b3";
}
.icon-price-tag:before{
	content: "\e9b8";
}
.icon-price-tags:before{
	content: "\e9b9";
}
.icon-barcode:before{
	content: "\e9ba";
}
.icon-qrcode:before{
	content: "\e9bb";
}
.icon-ticket:before{
	content: "\e9bc";
}
.icon-coin-dollar:before{
	content: "\e9be";
}
.icon-coin-euro:before{
	content: "\e9bf";
}
.icon-coin-pound:before{
	content: "\e9c0";
}
.icon-coin-yen:before{
	content: "\e9c1";
}
.icon-credit-card:before{
	content: "\e9c2";
}
.icon-calculator:before{
	content: "\e9c3";
}
.icon-phone:before{
	content: "\e9c4";
}
.icon-phone-hang-up:before{
	content: "\e9c5";
}
.icon-address-book:before{
	content: "\e9c6";
}
.icon-location:before{
	content: "\e9c7";
}
.icon-compass:before{
	content: "\e9c8";
}
.icon-compass2:before{
	content: "\e9c9";
}
.icon-history:before{
	content: "\e9ca";
}
.icon-clock:before{
	content: "\e9cb";
}
.icon-clock2:before{
	content: "\e9cc";
}
.icon-printer:before{
	content: "\e9cd";
}
.icon-keyboard:before{
	content: "\e9ce";
}
.icon-display:before{
	content: "\e9cf";
}
.icon-laptop:before{
	content: "\e9d0";
}
.icon-mobile:before{
	content: "\e9d1";
}
.icon-mobile2:before{
	content: "\e9d2";
}
.icon-tablet:before{
	content: "\e9d3";
}
.icon-tv:before{
	content: "\e9d4";
}
.icon-drawer:before{
	content: "\e9d5";
}
.icon-drawer2:before{
	content: "\e9d6";
}
.icon-floppy-disk:before{
	content: "\e9d9";
}
.icon-drive:before{
	content: "\e9da";
}
.icon-database:before{
	content: "\e9db";
}
.icon-undo:before{
	content: "\e9dc";
}
.icon-redo:before{
	content: "\e9dd";
}
.icon-bubble:before{
	content: "\e9de";
}
.icon-bubbles:before{
	content: "\e9df";
}
.icon-bubble2:before{
	content: "\e9e0";
}
.icon-bubbles3:before{
	content: "\e9e1";
}
.icon-user:before{
	content: "\e9e2";
}
.icon-users:before{
	content: "\e9e3";
}
.icon-user-plus:before{
	content: "\e9e4";
}
.icon-user-minus:before{
	content: "\e9e5";
}
.icon-user-check:before{
	content: "\e9e6";
}
.icon-quotes-left:before{
	content: "\e9e7";
}
.icon-quotes-right:before{
	content: "\e9e8";
}
.icon-spinner:before{
	content: "\e9e9";
}
.icon-spinner2:before{
	content: "\e9ea";
}
.icon-spinner3:before{
	content: "\e9eb";
}
.icon-spinner4:before{
	content: "\e9ec";
}
.icon-spinner6:before{
	content: "\e9ed";
}
.icon-spinner7:before{
	content: "\e9ee";
}
.icon-spinner8:before{
	content: "\e9ef";
}
.icon-spinner10:before{
	content: "\e9f0";
}
.icon-spinner11:before{
	content: "\e9f1";
}
.icon-search:before{
	content: "\e9f2";
}
.icon-lock:before{
	content: "\e9fb";
}
.icon-unlocked:before{
	content: "\e9fc";
}
.icon-cog:before{
	content: "\e9fd";
}
.icon-cogs:before{
	content: "\e9fe";
}
.icon-aid-kit:before{
	content: "\ea00";
}
.icon-pie-chart:before{
	content: "\ea01";
}
.icon-stats-dots:before{
	content: "\e99b";
}
.icon-stats-bars:before{
	content: "\e99c";
}
.icon-trophy:before{
	content: "\e99e";
}
.icon-gift:before{
	content: "\ea02";
}
.icon-mug:before{
	content: "\ea03";
}
.icon-leaf:before{
	content: "\ea04";
}
.icon-rocket:before{
	content: "\ea05";
}
.icon-fire:before{
	content: "\ea06";
}
.icon-bin:before{
	content: "\ea07";
}
.icon-bin2:before{
	content: "\ea08";
}
.icon-truck:before{
	content: "\ea09";
}
.icon-power:before{
	content: "\ea0b";
}
.icon-switch:before{
	content: "\ea0c";
}
.icon-clipboard:before{
	content: "\ea0d";
}
.icon-list-numbered:before{
	content: "\ea0e";
}
.icon-list:before{
	content: "\ea0f";
}
.icon-list2:before{
	content: "\ea10";
}
.icon-tree:before{
	content: "\ea11";
}
.icon-menu:before{
	content: "\ea12";
}
.icon-cloud:before{
	content: "\ea13";
}
.icon-cloud-download:before{
	content: "\ea14";
}
.icon-cloud-upload:before{
	content: "\ea15";
}
.icon-download3:before{
	content: "\ea16";
}
.icon-upload3:before{
	content: "\ea17";
}
.icon-sphere:before{
	content: "\ea18";
}
.icon-earth:before{
	content: "\ea19";
}
.icon-link:before{
	content: "\ea1a";
}
.icon-attachment:before{
	content: "\ea1b";
}
.icon-eye:before{
	content: "\ea1c";
}
.icon-eye-plus:before{
	content: "\ea1d";
}
.icon-eye-minus:before{
	content: "\ea1e";
}
.icon-eye-blocked:before{
	content: "\ea1f";
}
.icon-bookmark:before{
	content: "\ea20";
}
.icon-sun:before{
	content: "\ea21";
}
.icon-contrast:before{
	content: "\ea22";
}
.icon-star-empty:before{
	content: "\ea23";
}
.icon-star-half:before{
	content: "\ea24";
}
.icon-star-full:before{
	content: "\ea25";
}
.icon-heart:before{
	content: "\ea26";
}
.icon-heart-broken:before{
	content: "\ea27";
}
.icon-happy:before{
	content: "\ea28";
}
.icon-smile:before{
	content: "\ea29";
}
.icon-sad:before{
	content: "\ea2a";
}
.icon-cool:before{
	content: "\ea2d";
}
.icon-angry:before{
	content: "\ea2e";
}
.icon-shocked:before{
	content: "\ea2f";
}
.icon-sleepy:before{
	content: "\ea30";
}
.icon-point-up:before{
	content: "\ea31";
}
.icon-point-right:before{
	content: "\ea32";
}
.icon-point-down:before{
	content: "\ea33";
}
.icon-point-left:before{
	content: "\ea34";
}
.icon-warning:before{
	content: "\ea35";
}
.icon-notification:before{
	content: "\ea36";
}
.icon-question:before{
	content: "\ea37";
}
.icon-info:before{
	content: "\ea3a";
}
.icon-cancel-circle:before{
	content: "\ea3b";
}
.icon-blocked:before{
	content: "\ea3c";
}
.icon-checkmark:before{
	content: "\ea3e";
}
.icon-checkmark2:before{
	content: "\ea3f";
}
.icon-spell-check:before{
	content: "\ea40";
}
.icon-play2:before{
	content: "\ea41";
}
.icon-pause:before{
	content: "\ea42";
}
.icon-stop:before{
	content: "\ea43";
}
.icon-previous:before{
	content: "\ea44";
}
.icon-next:before{
	content: "\ea45";
}
.icon-backward:before{
	content: "\ea46";
}
.icon-forward2:before{
	content: "\ea47";
}
.icon-play3:before{
	content: "\ea48";
}
.icon-pause2:before{
	content: "\ea49";
}
.icon-stop2:before{
	content: "\ea4a";
}
.icon-backward2:before{
	content: "\ea4b";
}
.icon-forward3:before{
	content: "\ea4c";
}
.icon-first:before{
	content: "\ea4d";
}
.icon-last:before{
	content: "\ea4e";
}
.icon-previous2:before{
	content: "\ea4f";
}
.icon-next2:before{
	content: "\ea50";
}
.icon-eject:before{
	content: "\ea51";
}
.icon-volume-high:before{
	content: "\ea52";
}
.icon-volume-medium:before{
	content: "\ea53";
}
.icon-volume-low:before{
	content: "\ea54";
}
.icon-volume-mute:before{
	content: "\ea55";
}
.icon-volume-mute2:before{
	content: "\ea56";
}
.icon-volume-increase:before{
	content: "\ea57";
}
.icon-volume-decrease:before{
	content: "\ea58";
}
.icon-loop:before{
	content: "\ea59";
}
.icon-loop2:before{
	content: "\ea5a";
}
.icon-infinite:before{
	content: "\ea5b";
}
.icon-shuffle:before{
	content: "\ea5c";
}
.icon-arrow-up-left2:before{
	content: "\ea5d";
}
.icon-arrow-up2:before{
	content: "\ea5e";
}
.icon-arrow-up-right2:before{
	content: "\ea5f";
}
.icon-arrow-right2:before{
	content: "\ea60";
}
.icon-arrow-down-right2:before{
	content: "\ea61";
}
.icon-arrow-down2:before{
	content: "\ea62";
}
.icon-arrow-down-left2:before{
	content: "\ea63";
}
.icon-arrow-left2:before{
	content: "\ea64";
}
.icon-circle-up:before{
	content: "\ea65";
}
.icon-circle-right:before{
	content: "\ea66";
}
.icon-circle-down:before{
	content: "\ea67";
}
.icon-circle-left:before{
	content: "\ea68";
}
.icon-move-up:before{
	content: "\ea69";
}
.icon-move-down:before{
	content: "\ea6a";
}
.icon-sort-alpha-asc:before{
	content: "\ea6b";
}
.icon-sort-alpha-desc:before{
	content: "\ea6c";
}
.icon-sort-numeric-asc:before{
	content: "\ea6d";
}
.icon-sort-numberic-desc:before{
	content: "\ea6e";
}
.icon-sort-amount-asc:before{
	content: "\ea6f";
}
.icon-sort-amount-desc:before{
	content: "\ea70";
}
.icon-command:before{
	content: "\ea71";
}
.icon-ctrl:before{
	content: "\ea72";
}
.icon-checkbox-checked:before{
	content: "\ea74";
}
.icon-checkbox-unchecked:before{
	content: "\ea75";
}
.icon-radio-checked:before{
	content: "\ea76";
}
.icon-radio-checked2:before{
	content: "\ea77";
}
.icon-radio-unchecked:before{
	content: "\ea78";
}
.icon-crop:before{
	content: "\ea79";
}
.icon-filter:before{
	content: "\ea7c";
}
.icon-font-size:before{
	content: "\ea82";
}
.icon-bold:before{
	content: "\ea83";
}
.icon-underline:before{
	content: "\ea84";
}
.icon-italic:before{
	content: "\ea85";
}
.icon-strikethrough:before{
	content: "\ea86";
}
.icon-clear-formatting:before{
	content: "\ea8e";
}
.icon-table2:before{
	content: "\ea90";
}
.icon-new-tab:before{
	content: "\ea9a";
}
.icon-embed:before{
	content: "\ea9b";
}
.icon-terminal:before{
	content: "\ea9d";
}
.icon-amazon:before{
	content: "\ea9f";
}
.icon-google:before{
	content: "\eaa0";
}
.icon-google2:before{
	content: "\eaa1";
}
.icon-google3:before{
	content: "\eaa2";
}
.icon-hangouts:before{
	content: "\eaa3";
}
.icon-google-drive:before{
	content: "\eaa4";
}
.icon-facebook:before{
	content: "\eaa5";
}
.icon-facebook2:before{
	content: "\eaa6";
}
.icon-instagram:before{
	content: "\eaa7";
}
.icon-whatsapp:before{
	content: "\eaa8";
}
.icon-spotify:before{
	content: "\eaa9";
}
.icon-telegram:before{
	content: "\eaaa";
}
.icon-twitter:before{
	content: "\eaab";
}
.icon-rss:before{
	content: "\eab0";
}
.icon-rss2:before{
	content: "\eab1";
}
.icon-youtube:before{
	content: "\eab2";
}
.icon-youtube2:before{
	content: "\eab3";
}
.icon-flickr:before{
	content: "\eab8";
}
.icon-flickr2:before{
	content: "\eab9";
}
.icon-dribbble:before{
	content: "\eabc";
}
.icon-dropbox:before{
	content: "\eac3";
}
.icon-onedrive:before{
	content: "\eac4";
}
.icon-github:before{
	content: "\eac5";
}
.icon-trello:before{
	content: "\eac8";
}
.icon-wordpress:before{
	content: "\eac9";
}
.icon-tumblr:before{
	content: "\eace";
}
.icon-tumblr2:before{
	content: "\eacf";
}
.icon-yahoo:before{
	content: "\ead0";
}
.icon-appleinc:before{
	content: "\ead3";
}
.icon-android:before{
	content: "\ead5";
}
.icon-windows:before{
	content: "\ead6";
}
.icon-windows8:before{
	content: "\ead7";
}
.icon-soundcloud:before{
	content: "\ead8";
}
.icon-soundcloud2:before{
	content: "\ead9";
}
.icon-skype:before{
	content: "\eada";
}
.icon-hackernews:before{
	content: "\eadc";
}
.icon-linkedin:before{
	content: "\eade";
}
.icon-linkedin2:before{
	content: "\eadf";
}
.icon-delicious:before{
	content: "\eae2";
}
.icon-stumbleupon:before{
	content: "\eae3";
}
.icon-stumbleupon2:before{
	content: "\eae4";
}
.icon-stackoverflow:before{
	content: "\eae5";
}
.icon-pinterest:before{
	content: "\eae6";
}
.icon-pinterest2:before{
	content: "\eae7";
}
.icon-xing:before{
	content: "\eae8";
}
.icon-xing2:before{
	content: "\eae9";
}
.icon-yelp:before{
	content: "\eaec";
}
.icon-paypal:before{
	content: "\eaed";
}
.icon-chrome:before{
	content: "\eaee";
}
.icon-firefox:before{
	content: "\eaef";
}
.icon-file-pdf:before{
	content: "\eaf3";
}
.icon-file-word:before{
	content: "\eaf4";
}
.icon-file-excel:before{
	content: "\eaf5";
}
.icon-libreoffice:before{
	content: "\eaf6";
}
.icon-html-five:before{
	content: "\eaf7";
}
.icon-html-five2:before{
	content: "\eaf8";
}
.icon-git:before{
	content: "\eaf9";
}
.icon-svg:before{
	content: "\eafa";
}
.icon-box2:before{
	content: "\eafb";
}
.icon-write:before{
	content: "\eafc";
}
.icon-clock5:before{
	content: "\eafd";
}
.icon-reply:before{
	content: "\eafe";
}
.icon-reply-all:before{
	content: "\eaff";
}
.icon-forward4:before{
	content: "\eb00";
}
.icon-flag:before{
	content: "\eb01";
}
.icon-search3:before{
	content: "\eb02";
}
.icon-trash2:before{
	content: "\eb03";
}
.icon-envelope2:before{
	content: "\eb04";
}
.icon-bubble3:before{
	content: "\eb05";
}
.icon-user4:before{
	content: "\eb06";
}
.icon-cloud3:before{
	content: "\eb07";
}
.icon-download:before{
	content: "\eb08";
}
.icon-upload:before{
	content: "\eb09";
}
.icon-rain:before{
	content: "\eb0a";
}
.icon-moon2:before{
	content: "\eb0c";
}
.icon-bell:before{
	content: "\eb0d";
}
.icon-folder2:before{
	content: "\eb0e";
}
.icon-pin2:before{
	content: "\eb0f";
}
.icon-sound2:before{
	content: "\eb10";
}
.icon-microphone2:before{
	content: "\eb11";
}
.icon-camera3:before{
	content: "\eb12";
}
.icon-image3:before{
	content: "\eb13";
}
.icon-cog3:before{
	content: "\eb14";
}
.icon-calendar2:before{
	content: "\eb15";
}
.icon-book3:before{
	content: "\eb16";
}
.icon-map-marker:before{
	content: "\eb17";
}
.icon-tag:before{
	content: "\eb1a";
}
.icon-heart3:before{
	content: "\eb1b";
}
.icon-video-camera:before{
	content: "\eb1c";
}
.icon-trophy2:before{
	content: "\eb1d";
}
.icon-cart2:before{
	content: "\eb1e";
}
.icon-eye3:before{
	content: "\eb1f";
}
.icon-cancel:before{
	content: "\eb20";
}
.icon-printer2:before{
	content: "\eb22";
}
.icon-location2:before{
	content: "\eb23";
}
.icon-bookmark2:before{
	content: "\eb24";
}
.icon-monitor:before{
	content: "\eb25";
}
.icon-cross2:before{
	content: "\eb26";
}
.icon-plus3:before{
	content: "\eb27";
}
.icon-left:before{
	content: "\eb28";
}
.icon-up:before{
	content: "\eb29";
}
.icon-browser2:before{
	content: "\eb2a";
}
.icon-windows2:before{
	content: "\eb2b";
}
.icon-switch2:before{
	content: "\eb2c";
}
.icon-dashboard:before{
	content: "\eb2d";
}
.icon-play6:before{
	content: "\eb2e";
}
.icon-refresh:before{
	content: "\eb2f";
}
.icon-film2:before{
	content: "\eb30";
}
.icon-add-to-list:before{
	content: "\e90d";
}
.icon-classic-computer:before{
	content: "\e914";
}
.icon-controller-fast-backward:before{
	content: "\e915";
}
.icon-creative-commons-noderivs:before{
	content: "\e916";
}
.icon-warning3:before{
	content: "\e917";
}
.icon-arrow-with-circle-down:before{
	content: "\e919";
}
.icon-arrow-with-circle-left:before{
	content: "\e91a";
}
.icon-arrow-with-circle-right:before{
	content: "\e91d";
}
.icon-arrow-with-circle-up:before{
	content: "\e91f";
}
.icon-chevron-down3:before{
	content: "\e922";
}
.icon-chevron-left3:before{
	content: "\e923";
}
.icon-chevron-right3:before{
	content: "\e924";
}
.icon-chevron-small-down:before{
	content: "\e92e";
}
.icon-chevron-small-left:before{
	content: "\e934";
}
.icon-chevron-small-right:before{
	content: "\e93b";
}
.icon-chevron-small-up:before{
	content: "\e93c";
}
.icon-chevron-thin-down:before{
	content: "\e945";
}
.icon-chevron-thin-left:before{
	content: "\e949";
}
.icon-chevron-thin-right:before{
	content: "\e953";
}
.icon-chevron-thin-up:before{
	content: "\e954";
}
.icon-chevron-up3:before{
	content: "\e95e";
}
.icon-chevron-with-circle-down:before{
	content: "\e966";
}
.icon-chevron-with-circle-left:before{
	content: "\e987";
}
.icon-chevron-with-circle-right:before{
	content: "\e98a";
}
.icon-chevron-with-circle-up:before{
	content: "\e98b";
}
.icon-cloud7:before{
	content: "\e98f";
}
.icon-controller-jump-to-start:before{
	content: "\e993";
}
.icon-controller-next:before{
	content: "\e995";
}
.icon-controller-paus:before{
	content: "\e997";
}
.icon-controller-play:before{
	content: "\e99a";
}
.icon-controller-record:before{
	content: "\e99d";
}
.icon-controller-stop:before{
	content: "\e9a8";
}
.icon-controller-volume:before{
	content: "\e9af";
}
.icon-dot-single:before{
	content: "\e9b0";
}
.icon-dots-three-horizontal:before{
	content: "\e9b4";
}
.icon-dots-three-vertical:before{
	content: "\e9b5";
}
.icon-dots-two-horizontal:before{
	content: "\e9b6";
}
.icon-dots-two-vertical:before{
	content: "\e9b7";
}
.icon-emoji-flirt:before{
	content: "\e9bd";
}
.icon-flow-branch:before{
	content: "\e9d7";
}
.icon-flow-cascade:before{
	content: "\e9d8";
}
.icon-flow-line:before{
	content: "\e9f3";
}
.icon-layers4:before{
	content: "\e9f4";
}
.icon-open-book:before{
	content: "\e9f5";
}
.icon-select-arrows:before{
	content: "\e9f6";
}
.icon-triangle-down:before{
	content: "\e9f7";
}
.icon-triangle-left:before{
	content: "\e9f8";
}
.icon-triangle-right:before{
	content: "\e9f9";
}
.icon-triangle-up:before{
	content: "\e9fa";
}
.icon-align-bottom:before{
	content: "\e9ff";
}
.icon-align-horizontal-middle:before{
	content: "\ea0a";
}
.icon-align-left3:before{
	content: "\ea2b";
}
.icon-align-right3:before{
	content: "\ea2c";
}
.icon-align-top:before{
	content: "\ea38";
}
.icon-align-vertical-middle:before{
	content: "\ea39";
}
.icon-back-in-time:before{
	content: "\ea3d";
}
.icon-bar-graph:before{
	content: "\ea73";
}
.icon-beamed-note:before{
	content: "\ea7a";
}
.icon-book6:before{
	content: "\ea7b";
}
.icon-box5:before{
	content: "\ea7d";
}
.icon-briefcase3:before{
	content: "\ea7e";
}
.icon-browser3:before{
	content: "\ea7f";
}
.icon-cake:before{
	content: "\ea80";
}
.icon-calculator5:before{
	content: "\ea81";
}
.icon-camera7:before{
	content: "\ea87";
}
.icon-ccw:before{
	content: "\ea88";
}
.icon-circle-with-cross:before{
	content: "\ea89";
}
.icon-circle-with-minus:before{
	content: "\ea8a";
}
.icon-circle-with-plus:before{
	content: "\ea8b";
}
.icon-circle3:before{
	content: "\ea8c";
}
.icon-clapperboard:before{
	content: "\ea8d";
}
.icon-cog6:before{
	content: "\ea8f";
}
.icon-credit-card5:before{
	content: "\ea91";
}
.icon-credit:before{
	content: "\ea92";
}
.icon-cross:before{
	content: "\ea93";
}
.icon-cw:before{
	content: "\ea94";
}
.icon-cycle:before{
	content: "\ea95";
}
.icon-database4:before{
	content: "\ea96";
}
.icon-dial-pad2:before{
	content: "\ea97";
}
.icon-documents:before{
	content: "\ea98";
}
.icon-drive2:before{
	content: "\ea99";
}
.icon-edit3:before{
	content: "\ea9c";
}
.icon-email:before{
	content: "\ea9e";
}
.icon-emoji-happy:before{
	content: "\eaac";
}
.icon-emoji-neutral:before{
	content: "\eaad";
}
.icon-emoji-sad:before{
	content: "\eaae";
}
.icon-flag2:before{
	content: "\eaaf";
}
.icon-folder6:before{
	content: "\eab4";
}
.icon-gauge:before{
	content: "\eab5";
}
.icon-graduation-cap:before{
	content: "\eab6";
}
.icon-grid3:before{
	content: "\eab7";
}
.icon-heart-outlined:before{
	content: "\eaba";
}
.icon-heart7:before{
	content: "\eabb";
}
.icon-help-with-circle:before{
	content: "\eabd";
}
.icon-help:before{
	content: "\eabe";
}
.icon-home2:before{
	content: "\eabf";
}
.icon-image-inverted:before{
	content: "\eac0";
}
.icon-image6:before{
	content: "\eac1";
}
.icon-info-with-circle:before{
	content: "\eac2";
}
.icon-info3:before{
	content: "\eac6";
}
.icon-keyboard3:before{
	content: "\eac7";
}
.icon-landline:before{
	content: "\eaca";
}
.icon-language:before{
	content: "\eacb";
}
.icon-laptop3:before{
	content: "\eacc";
}
.icon-leaf3:before{
	content: "\eacd";
}
.icon-light-bulb2:before{
	content: "\ead1";
}
.icon-light-up:before{
	content: "\ead2";
}
.icon-list7:before{
	content: "\ead4";
}
.icon-location4:before{
	content: "\eadb";
}
.icon-lock-open2:before{
	content: "\eadd";
}
.icon-lock4:before{
	content: "\eae0";
}
.icon-mail3:before{
	content: "\eae1";
}
.icon-megaphone:before{
	content: "\eaea";
}
.icon-menu5:before{
	content: "\eaeb";
}
.icon-message:before{
	content: "\eaf0";
}
.icon-minus4:before{
	content: "\eaf1";
}
.icon-moon:before{
	content: "\eaf2";
}
.icon-new-message:before{
	content: "\eb0b";
}
.icon-new:before{
	content: "\eb18";
}
.icon-notification3:before{
	content: "\eb19";
}
.icon-pie-chart4:before{
	content: "\eb21";
}
.icon-plus5:before{
	content: "\eb31";
}
.icon-popup:before{
	content: "\eb36";
}
.icon-quote:before{
	content: "\eb37";
}
.icon-share-alternitive:before{
	content: "\eb38";
}
.icon-share:before{
	content: "\eb39";
}
.icon-shopping-cart4:before{
	content: "\eb3a";
}
.icon-signal2:before{
	content: "\eb3d";
}
.icon-sound-mix:before{
	content: "\eb3e";
}
.icon-squared-cross:before{
	content: "\eb3f";
}
.icon-squared-minus:before{
	content: "\eb40";
}
.icon-squared-plus:before{
	content: "\eb4e";
}
.icon-star-outlined:before{
	content: "\eb4f";
}
.icon-star4:before{
	content: "\eb5e";
}
.icon-suitcase2:before{
	content: "\eb7e";
}
.icon-swap2:before{
	content: "\eb91";
}
.icon-sweden:before{
	content: "\eb98";
}
.icon-switch3:before{
	content: "\eb99";
}
.icon-tablet5:before{
	content: "\eb9c";
}
.icon-text-document-inverted:before{
	content: "\eb9d";
}
.icon-text-document:before{
	content: "\eba6";
}
.icon-text:before{
	content: "\eba7";
}
.icon-thumbs-down4:before{
	content: "\ebaa";
}
.icon-thumbs-up4:before{
	content: "\ebad";
}
.icon-time-slot:before{
	content: "\ebae";
}
.icon-trophy5:before{
	content: "\ebaf";
}
.icon-v-card:before{
	content: "\ebb0";
}
.icon-vinyl:before{
	content: "\ebb1";
}
.icon-wallet2:before{
	content: "\ebb3";
}
.icon-icloud:before{
	content: "\ebb4";
}
.icon-xing-with-circle:before{
	content: "\ebc2";
}
.icon-xing4:before{
	content: "\ebc8";
}
.icon-yelp3:before{
	content: "\ebd4";
}
.icon-flickr-with-circle:before{
	content: "\ebd5";
}
.icon-flickr4:before{
	content: "\ebec";
}
.icon-linkedin-with-circle:before{
	content: "\ebed";
}
.icon-linkedin5:before{
	content: "\ebee";
}
.icon-youtube5:before{
	content: "\ebef";
}
.icon-add-outline:before{
	content: "\eb32";
}
.icon-add-solid:before{
	content: "\eb33";
}
.icon-adjust:before{
	content: "\eb34";
}
.icon-airplane:before{
	content: "\eb35";
}
.icon-arrow-down3:before{
	content: "\eb3b";
}
.icon-arrow-left:before{
	content: "\eb3c";
}
.icon-arrow-right:before{
	content: "\eb41";
}
.icon-arrow-thick-down:before{
	content: "\eb42";
}
.icon-arrow-thick-left:before{
	content: "\eb43";
}
.icon-arrow-thick-right:before{
	content: "\eb44";
}
.icon-arrow-thick-up:before{
	content: "\eb45";
}
.icon-arrow-thin-down:before{
	content: "\eb46";
}
.icon-arrow-thin-left:before{
	content: "\eb47";
}
.icon-arrow-thin-right:before{
	content: "\eb48";
}
.icon-arrow-thin-up:before{
	content: "\eb49";
}
.icon-arrow-up:before{
	content: "\eb4a";
}
.icon-at-symbol:before{
	content: "\eb4b";
}
.icon-attachment3:before{
	content: "\eb4c";
}
.icon-backspace:before{
	content: "\eb4d";
}
.icon-badge:before{
	content: "\eb50";
}
.icon-beverage:before{
	content: "\eb51";
}
.icon-block:before{
	content: "\eb52";
}
.icon-bluetooth:before{
	content: "\eb53";
}
.icon-bolt:before{
	content: "\eb54";
}
.icon-book-reference:before{
	content: "\eb55";
}
.icon-bookmark3:before{
	content: "\eb56";
}
.icon-bookmarkcopy2:before{
	content: "\eb57";
}
.icon-bookmarkcopy3:before{
	content: "\eb58";
}
.icon-bookmark-outline:before{
	content: "\eb59";
}
.icon-bookmark-outline-add:before{
	content: "\eb5a";
}
.icon-border-all:before{
	content: "\eb5b";
}
.icon-border-outer:before{
	content: "\eb5c";
}
.icon-box3:before{
	content: "\eb5d";
}
.icon-brightness-up:before{
	content: "\eb5f";
}
.icon-browser-window:before{
	content: "\eb60";
}
.icon-browser-window-new:before{
	content: "\eb61";
}
.icon-browser-window-open:before{
	content: "\eb62";
}
.icon-bug:before{
	content: "\eb63";
}
.icon-calculator3:before{
	content: "\eb64";
}
.icon-calendar3:before{
	content: "\eb65";
}
.icon-camera4:before{
	content: "\eb66";
}
.icon-chart3:before{
	content: "\eb67";
}
.icon-chart-bar:before{
	content: "\eb68";
}
.icon-chart-pie:before{
	content: "\eb69";
}
.icon-chat-bubble-dots:before{
	content: "\eb6a";
}
.icon-checkmark4:before{
	content: "\eb6b";
}
.icon-checkmark-outline:before{
	content: "\eb6c";
}
.icon-cheveron-down:before{
	content: "\eb6d";
}
.icon-cheveron-left:before{
	content: "\eb6e";
}
.icon-cheveron-outline-down:before{
	content: "\eb6f";
}
.icon-cheveron-outline-left:before{
	content: "\eb70";
}
.icon-cheveron-outline-right:before{
	content: "\eb71";
}
.icon-cheveron-outline-up:before{
	content: "\eb72";
}
.icon-cheveron-right:before{
	content: "\eb73";
}
.icon-cheveron-up:before{
	content: "\eb74";
}
.icon-clipboard3:before{
	content: "\eb75";
}
.icon-close2:before{
	content: "\eb76";
}
.icon-close-outline:before{
	content: "\eb77";
}
.icon-close-solid:before{
	content: "\eb78";
}
.icon-cloud4:before{
	content: "\eb79";
}
.icon-cloud-upload2:before{
	content: "\eb7a";
}
.icon-code:before{
	content: "\eb7b";
}
.icon-coffee:before{
	content: "\eb7c";
}
.icon-cog4:before{
	content: "\eb7d";
}
.icon-compose2:before{
	content: "\eb7f";
}
.icon-computer-desktop:before{
	content: "\eb80";
}
.icon-computer-laptop:before{
	content: "\eb81";
}
.icon-conversation:before{
	content: "\eb82";
}
.icon-copy2:before{
	content: "\eb83";
}
.icon-credit-card2:before{
	content: "\eb84";
}
.icon-currency-dollar:before{
	content: "\eb85";
}
.icon-date-add:before{
	content: "\eb86";
}
.icon-dial-pad:before{
	content: "\eb87";
}
.icon-directions:before{
	content: "\eb88";
}
.icon-document:before{
	content: "\eb89";
}
.icon-document-add:before{
	content: "\eb8a";
}
.icon-dots-horizontal-double:before{
	content: "\eb8b";
}
.icon-dots-horizontal-triple:before{
	content: "\eb8c";
}
.icon-download2:before{
	content: "\eb8d";
}
.icon-duplicate:before{
	content: "\eb8e";
}
.icon-edit-copy:before{
	content: "\eb8f";
}
.icon-edit-crop:before{
	content: "\eb90";
}
.icon-edit-pencil:before{
	content: "\eb92";
}
.icon-education:before{
	content: "\eb93";
}
.icon-envelope3:before{
	content: "\eb94";
}
.icon-exclamation-outline:before{
	content: "\eb95";
}
.icon-exclamation-solid:before{
	content: "\eb96";
}
.icon-explore:before{
	content: "\eb97";
}
.icon-film3:before{
	content: "\eb9a";
}
.icon-filter2:before{
	content: "\eb9b";
}
.icon-folder3:before{
	content: "\eb9e";
}
.icon-folder-outline:before{
	content: "\eb9f";
}
.icon-folder-outline-add:before{
	content: "\eba0";
}
.icon-format-bold:before{
	content: "\eba1";
}
.icon-format-font-size:before{
	content: "\eba2";
}
.icon-format-italic:before{
	content: "\eba3";
}
.icon-format-text-size:before{
	content: "\eba4";
}
.icon-format-underline:before{
	content: "\eba5";
}
.icon-gift2:before{
	content: "\eba8";
}
.icon-globe2:before{
	content: "\eba9";
}
.icon-heart4:before{
	content: "\ebab";
}
.icon-home6:before{
	content: "\ebac";
}
.icon-inbox-full:before{
	content: "\ebb2";
}
.icon-information-outline:before{
	content: "\ebb5";
}
.icon-information-solid:before{
	content: "\ebb6";
}
.icon-keyboard2:before{
	content: "\ebb7";
}
.icon-layers2:before{
	content: "\ebb8";
}
.icon-library:before{
	content: "\ebb9";
}
.icon-light-bulb:before{
	content: "\ebba";
}
.icon-link2:before{
	content: "\ebbb";
}
.icon-list4:before{
	content: "\ebbc";
}
.icon-list-add:before{
	content: "\ebbd";
}
.icon-list-bullet:before{
	content: "\ebbe";
}
.icon-load-balancer:before{
	content: "\ebbf";
}
.icon-location3:before{
	content: "\ebc0";
}
.icon-location-current:before{
	content: "\ebc1";
}
.icon-location-gas-station:before{
	content: "\ebc3";
}
.icon-location-marina:before{
	content: "\ebc4";
}
.icon-location-restroom:before{
	content: "\ebc5";
}
.icon-lock-closed:before{
	content: "\ebc6";
}
.icon-lock-open:before{
	content: "\ebc7";
}
.icon-menu3:before{
	content: "\ebc9";
}
.icon-mic2:before{
	content: "\ebca";
}
.icon-minus-outline:before{
	content: "\ebcb";
}
.icon-minus-solid:before{
	content: "\ebcc";
}
.icon-mobile-devices:before{
	content: "\ebcd";
}
.icon-mood-happy-outline:before{
	content: "\ebce";
}
.icon-mood-happy-solid:before{
	content: "\ebcf";
}
.icon-mood-neutral-outline:before{
	content: "\ebd0";
}
.icon-mood-neutral-solid:before{
	content: "\ebd1";
}
.icon-mood-sad-outline:before{
	content: "\ebd2";
}
.icon-mood-sad-solid:before{
	content: "\ebd3";
}
.icon-music-notes:before{
	content: "\ebd6";
}
.icon-music-playlist:before{
	content: "\ebd7";
}
.icon-navigation-more:before{
	content: "\ebd8";
}
.icon-network:before{
	content: "\ebd9";
}
.icon-news-paper:before{
	content: "\ebda";
}
.icon-notification2:before{
	content: "\ebdb";
}
.icon-notifications:before{
	content: "\ebdc";
}
.icon-notifications-outline:before{
	content: "\ebdd";
}
.icon-paste2:before{
	content: "\ebde";
}
.icon-pause4:before{
	content: "\ebdf";
}
.icon-pause-outline:before{
	content: "\ebe0";
}
.icon-pause-solid:before{
	content: "\ebe1";
}
.icon-phone2:before{
	content: "\ebe2";
}
.icon-photo:before{
	content: "\ebe3";
}
.icon-pin3:before{
	content: "\ebe4";
}
.icon-play7:before{
	content: "\ebe5";
}
.icon-play-outline:before{
	content: "\ebe6";
}
.icon-playlist:before{
	content: "\ebe7";
}
.icon-plugin:before{
	content: "\ebe8";
}
.icon-portfolio2:before{
	content: "\ebe9";
}
.icon-printer3:before{
	content: "\ebea";
}
.icon-question3:before{
	content: "\ebeb";
}
.icon-reload:before{
	content: "\ebf0";
}
.icon-reply2:before{
	content: "\ebf1";
}
.icon-save-disk:before{
	content: "\ebf4";
}
.icon-search4:before{
	content: "\ebf6";
}
.icon-send:before{
	content: "\ebf7";
}
.icon-servers:before{
	content: "\ebf8";
}
.icon-share-alt:before{
	content: "\ebf9";
}
.icon-shield:before{
	content: "\ebfa";
}
.icon-shopping-cart:before{
	content: "\ebfb";
}
.icon-show-sidebar:before{
	content: "\ebfc";
}
.icon-stand-by:before{
	content: "\ebfe";
}
.icon-star-full2:before{
	content: "\ebff";
}
.icon-station:before{
	content: "\ec00";
}
.icon-step-backward:before{
	content: "\ec01";
}
.icon-step-forward:before{
	content: "\ec02";
}
.icon-subdirectory-left:before{
	content: "\ec05";
}
.icon-subdirectory-right:before{
	content: "\ec06";
}
.icon-swap:before{
	content: "\ec07";
}
.icon-tablet2:before{
	content: "\ec08";
}
.icon-tag2:before{
	content: "\ec09";
}
.icon-target2:before{
	content: "\ec0a";
}
.icon-text-decoration:before{
	content: "\ec0b";
}
.icon-thumbs-down:before{
	content: "\ec0c";
}
.icon-thumbs-up:before{
	content: "\ec0d";
}
.icon-time:before{
	content: "\ec0e";
}
.icon-translate:before{
	content: "\ec0f";
}
.icon-trash3:before{
	content: "\ec10";
}
.icon-travel:before{
	content: "\ec11";
}
.icon-travel-case:before{
	content: "\ec14";
}
.icon-trophy3:before{
	content: "\ec17";
}
.icon-tuning:before{
	content: "\ec18";
}
.icon-upload2:before{
	content: "\ec19";
}
.icon-usb:before{
	content: "\ec1a";
}
.icon-user5:before{
	content: "\ec1b";
}
.icon-user-add:before{
	content: "\ec1c";
}
.icon-user-solid-circle:before{
	content: "\ec1d";
}
.icon-user-solid-square:before{
	content: "\ec1e";
}
.icon-view-carousel:before{
	content: "\ec1f";
}
.icon-view-column:before{
	content: "\ec20";
}
.icon-view-hide:before{
	content: "\ec21";
}
.icon-view-list:before{
	content: "\ec22";
}
.icon-view-show:before{
	content: "\ec23";
}
.icon-view-tile:before{
	content: "\ec24";
}
.icon-volume-down:before{
	content: "\ec25";
}
.icon-volume-mute3:before{
	content: "\ec26";
}
.icon-volume-off:before{
	content: "\ec27";
}
.icon-volume-up:before{
	content: "\ec28";
}
.icon-wallet:before{
	content: "\ec29";
}
.icon-window:before{
	content: "\ec2b";
}
.icon-window-new:before{
	content: "\ec2c";
}
.icon-window-open:before{
	content: "\ec2d";
}
.icon-zoom-in2:before{
	content: "\ec2f";
}
.icon-zoom-out2:before{
	content: "\ec30";
}
.icon-activity:before{
	content: "\ec31";
}
.icon-airplay:before{
	content: "\ec32";
}
.icon-alert-circle:before{
	content: "\ec33";
}
.icon-alert-octagon:before{
	content: "\ec34";
}
.icon-alert-triangle:before{
	content: "\ec35";
}
.icon-align-center2:before{
	content: "\ec36";
}
.icon-align-justify:before{
	content: "\ec37";
}
.icon-align-left2:before{
	content: "\ec38";
}
.icon-align-right2:before{
	content: "\ec39";
}
.icon-anchor3:before{
	content: "\ec3a";
}
.icon-aperture:before{
	content: "\ec3b";
}
.icon-archive:before{
	content: "\ec3c";
}
.icon-arrow-down4:before{
	content: "\ec3d";
}
.icon-arrow-down-circle:before{
	content: "\ec3e";
}
.icon-arrow-down-left:before{
	content: "\ec3f";
}
.icon-arrow-down-right:before{
	content: "\ec40";
}
.icon-arrow-left3:before{
	content: "\ec41";
}
.icon-arrow-left-circle:before{
	content: "\ec42";
}
.icon-arrow-right3:before{
	content: "\ec43";
}
.icon-arrow-right-circle:before{
	content: "\ec44";
}
.icon-arrow-up3:before{
	content: "\ec45";
}
.icon-arrow-up-circle:before{
	content: "\ec46";
}
.icon-arrow-up-left:before{
	content: "\ec47";
}
.icon-arrow-up-right:before{
	content: "\ec48";
}
.icon-at-sign:before{
	content: "\ec49";
}
.icon-award:before{
	content: "\ec4a";
}
.icon-bar-chart:before{
	content: "\ec4b";
}
.icon-bar-chart-2:before{
	content: "\ec4c";
}
.icon-bell2:before{
	content: "\ec4f";
}
.icon-bell-off:before{
	content: "\ec50";
}
.icon-bluetooth2:before{
	content: "\ec51";
}
.icon-bold2:before{
	content: "\ec52";
}
.icon-book4:before{
	content: "\ec53";
}
.icon-book-open:before{
	content: "\ec54";
}
.icon-bookmark4:before{
	content: "\ec55";
}
.icon-box4:before{
	content: "\ec56";
}
.icon-briefcase:before{
	content: "\ec57";
}
.icon-calendar4:before{
	content: "\ec58";
}
.icon-camera5:before{
	content: "\ec59";
}
.icon-camera-off:before{
	content: "\ec5a";
}
.icon-cast:before{
	content: "\ec5b";
}
.icon-check:before{
	content: "\ec5c";
}
.icon-check-circle:before{
	content: "\ec5d";
}
.icon-check-square:before{
	content: "\ec5e";
}
.icon-chevron-down:before{
	content: "\ec5f";
}
.icon-chevron-left:before{
	content: "\ec60";
}
.icon-chevron-right:before{
	content: "\ec61";
}
.icon-chevron-up:before{
	content: "\ec62";
}
.icon-chevrons-down:before{
	content: "\ec63";
}
.icon-chevrons-left:before{
	content: "\ec64";
}
.icon-chevrons-right:before{
	content: "\ec65";
}
.icon-chevrons-up:before{
	content: "\ec66";
}
.icon-chrome2:before{
	content: "\ec67";
}
.icon-circle:before{
	content: "\ec68";
}
.icon-clipboard4:before{
	content: "\ec69";
}
.icon-clock6:before{
	content: "\ec6a";
}
.icon-cloud5:before{
	content: "\ec6b";
}
.icon-cloud-drizzle:before{
	content: "\ec6c";
}
.icon-cloud-lightning:before{
	content: "\ec6d";
}
.icon-cloud-off:before{
	content: "\ec6e";
}
.icon-cloud-rain:before{
	content: "\ec6f";
}
.icon-cloud-snow:before{
	content: "\ec70";
}
.icon-code2:before{
	content: "\ec71";
}
.icon-command2:before{
	content: "\ec72";
}
.icon-compass3:before{
	content: "\ec73";
}
.icon-copy3:before{
	content: "\ec74";
}
.icon-corner-down-left:before{
	content: "\ec75";
}
.icon-corner-down-right:before{
	content: "\ec76";
}
.icon-corner-left-down:before{
	content: "\ec77";
}
.icon-corner-left-up:before{
	content: "\ec78";
}
.icon-corner-right-down:before{
	content: "\ec79";
}
.icon-corner-right-up:before{
	content: "\ec7a";
}
.icon-corner-up-left:before{
	content: "\ec7b";
}
.icon-corner-up-right:before{
	content: "\ec7c";
}
.icon-cpu:before{
	content: "\ec7d";
}
.icon-credit-card3:before{
	content: "\ec7e";
}
.icon-crop2:before{
	content: "\ec7f";
}
.icon-crosshair:before{
	content: "\ec80";
}
.icon-database2:before{
	content: "\ec81";
}
.icon-delete:before{
	content: "\ec82";
}
.icon-disc:before{
	content: "\ec83";
}
.icon-dollar-sign:before{
	content: "\ec84";
}
.icon-download4:before{
	content: "\ec85";
}
.icon-download-cloud:before{
	content: "\ec86";
}
.icon-droplet2:before{
	content: "\ec87";
}
.icon-edit:before{
	content: "\ec88";
}
.icon-edit-2:before{
	content: "\ec89";
}
.icon-edit-3:before{
	content: "\ec8a";
}
.icon-external-link:before{
	content: "\ec8b";
}
.icon-eye4:before{
	content: "\ec8c";
}
.icon-eye-off:before{
	content: "\ec8d";
}
.icon-facebook4:before{
	content: "\ec8e";
}
.icon-fast-forward2:before{
	content: "\ec8f";
}
.icon-feather2:before{
	content: "\ec90";
}
.icon-file:before{
	content: "\ec91";
}
.icon-file-minus:before{
	content: "\ec92";
}
.icon-file-plus:before{
	content: "\ec93";
}
.icon-file-text:before{
	content: "\ec94";
}
.icon-film4:before{
	content: "\ec95";
}
.icon-filter3:before{
	content: "\ec96";
}
.icon-flag3:before{
	content: "\ec97";
}
.icon-folder4:before{
	content: "\ec98";
}
.icon-folder-minus2:before{
	content: "\ec99";
}
.icon-folder-plus2:before{
	content: "\ec9a";
}
.icon-gift3:before{
	content: "\ec9b";
}
.icon-git-branch:before{
	content: "\ec9c";
}
.icon-git-commit:before{
	content: "\ec9d";
}
.icon-git-merge:before{
	content: "\ec9e";
}
.icon-git-pull-request:before{
	content: "\ec9f";
}
.icon-github2:before{
	content: "\eca0";
}
.icon-globe3:before{
	content: "\eca2";
}
.icon-grid2:before{
	content: "\eca3";
}
.icon-hard-drive:before{
	content: "\eca4";
}
.icon-hash2:before{
	content: "\eca5";
}
.icon-headphones4:before{
	content: "\eca6";
}
.icon-heart5:before{
	content: "\eca7";
}
.icon-help-circle:before{
	content: "\eca8";
}
.icon-home7:before{
	content: "\eca9";
}
.icon-image4:before{
	content: "\ecaa";
}
.icon-inbox3:before{
	content: "\ecab";
}
.icon-info2:before{
	content: "\ecac";
}
.icon-instagram3:before{
	content: "\ecad";
}
.icon-italic2:before{
	content: "\ecae";
}
.icon-layers3:before{
	content: "\ecaf";
}
.icon-layout:before{
	content: "\ecb0";
}
.icon-life-buoy:before{
	content: "\ecb1";
}
.icon-link3:before{
	content: "\ecb2";
}
.icon-link-2:before{
	content: "\ecb3";
}
.icon-linkedin3:before{
	content: "\ecb4";
}
.icon-list5:before{
	content: "\ecb5";
}
.icon-loader:before{
	content: "\ecb6";
}
.icon-lock2:before{
	content: "\ecb7";
}
.icon-log-in:before{
	content: "\ecb8";
}
.icon-log-out:before{
	content: "\ecb9";
}
.icon-mail2:before{
	content: "\ecba";
}
.icon-map2:before{
	content: "\ecbb";
}
.icon-map-pin:before{
	content: "\ecbc";
}
.icon-maximize:before{
	content: "\ecbd";
}
.icon-maximize-2:before{
	content: "\ecbe";
}
.icon-menu4:before{
	content: "\ecbf";
}
.icon-message-circle:before{
	content: "\ecc0";
}
.icon-message-square:before{
	content: "\ecc1";
}
.icon-mic3:before{
	content: "\ecc2";
}
.icon-mic-off:before{
	content: "\ecc3";
}
.icon-minimize:before{
	content: "\ecc4";
}
.icon-minimize-2:before{
	content: "\ecc5";
}
.icon-minus3:before{
	content: "\ecc6";
}
.icon-minus-circle:before{
	content: "\ecc7";
}
.icon-minus-square:before{
	content: "\ecc8";
}
.icon-monitor2:before{
	content: "\ecc9";
}
.icon-moon3:before{
	content: "\ecca";
}
.icon-more-horizontal:before{
	content: "\eccb";
}
.icon-more-vertical:before{
	content: "\eccc";
}
.icon-move2:before{
	content: "\eccd";
}
.icon-music2:before{
	content: "\ecce";
}
.icon-navigation:before{
	content: "\eccf";
}
.icon-navigation-2:before{
	content: "\ecd0";
}
.icon-octagon:before{
	content: "\ecd1";
}
.icon-package:before{
	content: "\ecd2";
}
.icon-paperclip2:before{
	content: "\ecd3";
}
.icon-pause5:before{
	content: "\ecd4";
}
.icon-pause-circle:before{
	content: "\ecd5";
}
.icon-percent:before{
	content: "\ecd6";
}
.icon-phone3:before{
	content: "\ecd7";
}
.icon-phone-call:before{
	content: "\ecd8";
}
.icon-phone-forwarded:before{
	content: "\ecd9";
}
.icon-phone-incoming:before{
	content: "\ecda";
}
.icon-phone-missed:before{
	content: "\ecdb";
}
.icon-phone-off:before{
	content: "\ecdc";
}
.icon-phone-outgoing:before{
	content: "\ecdd";
}
.icon-pie-chart2:before{
	content: "\ecde";
}
.icon-play8:before{
	content: "\ecdf";
}
.icon-play-circle:before{
	content: "\ece0";
}
.icon-plus4:before{
	content: "\ece1";
}
.icon-plus-circle:before{
	content: "\ece2";
}
.icon-plus-square:before{
	content: "\ece3";
}
.icon-pocket:before{
	content: "\ece4";
}
.icon-power2:before{
	content: "\ece5";
}
.icon-printer4:before{
	content: "\ece6";
}
.icon-refresh-ccw:before{
	content: "\ece8";
}
.icon-refresh-cw:before{
	content: "\ece9";
}
.icon-repeat:before{
	content: "\ecea";
}
.icon-rewind2:before{
	content: "\eceb";
}
.icon-rotate-ccw:before{
	content: "\ecec";
}
.icon-rotate-cw:before{
	content: "\eced";
}
.icon-rss3:before{
	content: "\ecee";
}
.icon-save:before{
	content: "\ecef";
}
.icon-scissors2:before{
	content: "\ecf0";
}
.icon-search5:before{
	content: "\ecf1";
}
.icon-send2:before{
	content: "\ecf2";
}
.icon-server:before{
	content: "\ecf3";
}
.icon-settings2:before{
	content: "\ecf4";
}
.icon-share3:before{
	content: "\ecf5";
}
.icon-share-2:before{
	content: "\ecf6";
}
.icon-shield2:before{
	content: "\ecf7";
}
.icon-shield-off:before{
	content: "\ecf8";
}
.icon-shopping-bag:before{
	content: "\ecf9";
}
.icon-shopping-cart2:before{
	content: "\ecfa";
}
.icon-shuffle3:before{
	content: "\ecfb";
}
.icon-sidebar:before{
	content: "\ecfc";
}
.icon-skip-back:before{
	content: "\ecfd";
}
.icon-skip-forward:before{
	content: "\ecfe";
}
.icon-slack:before{
	content: "\ecff";
}
.icon-slash:before{
	content: "\ed00";
}
.icon-sliders:before{
	content: "\ed01";
}
.icon-smartphone:before{
	content: "\ed02";
}
.icon-speaker:before{
	content: "\ed03";
}
.icon-square:before{
	content: "\ed04";
}
.icon-star2:before{
	content: "\ed05";
}
.icon-stop-circle:before{
	content: "\ed06";
}
.icon-sun3:before{
	content: "\ed07";
}
.icon-tablet3:before{
	content: "\ed0a";
}
.icon-tag3:before{
	content: "\ed0b";
}
.icon-target3:before{
	content: "\ed0c";
}
.icon-terminal2:before{
	content: "\ed0d";
}
.icon-thumbs-down2:before{
	content: "\ed0e";
}
.icon-thumbs-up2:before{
	content: "\ed0f";
}
.icon-toggle-left:before{
	content: "\ed10";
}
.icon-toggle-right:before{
	content: "\ed11";
}
.icon-trash4:before{
	content: "\ed12";
}
.icon-trash-2:before{
	content: "\ed13";
}
.icon-trending-down:before{
	content: "\ed14";
}
.icon-trending-up:before{
	content: "\ed15";
}
.icon-triangle:before{
	content: "\ed16";
}
.icon-truck2:before{
	content: "\ed17";
}
.icon-tv2:before{
	content: "\ed18";
}
.icon-twitter2:before{
	content: "\ed19";
}
.icon-type:before{
	content: "\ed1a";
}
.icon-umbrella2:before{
	content: "\ed1b";
}
.icon-underline2:before{
	content: "\ed1c";
}
.icon-unlock:before{
	content: "\ed1d";
}
.icon-upload4:before{
	content: "\ed1e";
}
.icon-upload-cloud:before{
	content: "\ed1f";
}
.icon-user6:before{
	content: "\ed20";
}
.icon-user-check2:before{
	content: "\ed21";
}
.icon-user-minus2:before{
	content: "\ed22";
}
.icon-user-plus2:before{
	content: "\ed23";
}
.icon-user-x:before{
	content: "\ed24";
}
.icon-users3:before{
	content: "\ed25";
}
.icon-video:before{
	content: "\ed26";
}
.icon-video-off:before{
	content: "\ed27";
}
.icon-voicemail:before{
	content: "\ed28";
}
.icon-volume:before{
	content: "\ed29";
}
.icon-volume-1:before{
	content: "\ed2a";
}
.icon-volume-2:before{
	content: "\ed2b";
}
.icon-volume-x:before{
	content: "\ed2c";
}
.icon-watch2:before{
	content: "\ed2d";
}
.icon-wifi:before{
	content: "\ed2e";
}
.icon-wifi-off:before{
	content: "\ed2f";
}
.icon-x2:before{
	content: "\ed31";
}
.icon-x-circle:before{
	content: "\ed32";
}
.icon-x-square:before{
	content: "\ed33";
}
.icon-youtube3:before{
	content: "\ed34";
}
.icon-zap:before{
	content: "\ed35";
}
.icon-zap-off:before{
	content: "\ed36";
}
.icon-zoom-in3:before{
	content: "\ed37";
}
.icon-zoom-out3:before{
	content: "\ed38";
}



#apdialogs{
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
	z-index:9999;
}
#apdialogs .__dialog_ontop{
	z-index:99999;
}
.__dialog > .__closable{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}



.__cdialog{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__cdialog .__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);
}
.__cdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__cdialog .__dialogmain{
	float:left;
	position:relative;
	overflow:hidden;
	min-height:90px;
	min-width:360px;
	max-width:900px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
	margin:auto;
}
.__cdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid transparent;
}
.__cdialog .dc-wrapper{
	padding:0 25px;
}
.__cdialog .__dialogtitle{
	color:#111;
	position:relative;
	font-weight:normal;
	font-size:26px;
	text-align:center;
	padding: 18px;
	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;
}
.__cdialog .__dialogclose{
	position:absolute;
	cursor:pointer;
 color:#999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	right:10px;
	top:10px;
	padding:8px 8px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	width:32px;
	height:32px;
	z-index:100;
	border:1px solid transparent;
}
.__cdialog .__dialogclose span{
	font-size:14px;
}
.__cdialog .__dialogclose:hover{
	background-color: #fcfcfc;
	border:1px solid #ddd;
	color:#111;
}
.__cdialog .db-wrapper{
	margin:0 25px 25px 25px;
}
.__cdialog .__dialogbuttons{
	position:relative;
	overflow:hidden;
	padding-top:20px;
	margin-right:-3%;
}
.__cdialog .__dialogbuttons .button{
	text-align:center;
	cursor:pointer;
 color:#444;
	font-size:13px;
	font-weight:500;
	float:left;
	padding:12px 0px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-right:3%;
	-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;
}
.__cdialog .db-wrapper.-bs1 .__dialogbuttons{
	margin:0;
}
.__cdialog .db-wrapper.-bs1 .button.-b1{
	float:none;
	width:auto;
	margin-right:0px;
}
.__cdialog .__dialogbuttons .button.std{
	background-color: #1974d8;
	color:#fff;
	border:1px solid #0f6acd;
}
.__cdialog .__dialogbuttons .button.std:hover{
	background-color: #0058b8;
	color:#fff;
	border:1px solid #0053ae;
}
.__cdialog .__dialogbuttons .button.cc{
	color:#888;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}
.__cdialog .__dialogbuttons .button.cc:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18);
	background-color: #f8f8f8;
	color:#111;
}
.__cdialog .__dialogbuttons .button.er{
	color:#c34343;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}
.__cdialog .__dialogbuttons .button.er:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.18);
	background-color: #f1f1f1;
	color:#c34343;
}
.__cdialog .__dialogbuttons .button.cx{
	background: rgba(195,67,67,0.1);
	color:#c34343;
}
.__cdialog .__dialogbuttons .button.cx:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
	background-color: #f6f6f6;
	color:#c34343;
}
.__cdialog .__dialogbuttons .button.ss{
	color:#fff;
	font-weight:bold;
	background-color: #7abd1a;
}
.__cdialog .__dialogbuttons .button.ss:hover{
	background-color: #639c11;
	color:#fff;
}
.__cdialog .__dialogbuttons .button.cta{
	color:#fff;
	font-weight:bold;
	background-color: #267cde;
}
.__cdialog .__dialogbuttons .button.cta:hover{
	background-color: #1663ba;
}
.__cdialog .__dialogbuttons .button.-b1{
	width:97%;
}
.__cdialog .__dialogbuttons .button.-b2{
	width:47%;
}
.__cdialog .__dialogbuttons .button.-b3{
	width:30%;
}
.alert-dialog .__dialogtitle{
	display:none;
}
.alert-dialog .dialog{
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:40px 0px 10px 0px;
	max-width:420px;
}
.alert-dialog .alert-content{
	position:relative;
}
.alert-dialog .__dialogclose{
	display:none;
}
.alert-dialog .alert-content.-has-title{
	margin-top:-20px;
}
.alert-dialog .alert-content .-ac-icon{
	position:absolute;
	width:20px;
	height:20px;
	top:5px;
	left:1px;
}
.alert-dialog .alert-content .-ac-icon .base-icon{
	top:0px;
}
.alert-dialog .alert-content .-ac-text{
	font-weight:normal;
	font-size:14px;
 color:#111;
	position:relative;
	line-height:22px;
	padding-right:20px;
	min-height:32px;
}
.alert-dialog .alert-content .base-title{
	font-size:18px;
	font-weight:500;
	left:0px;
	padding:5px 20px 10px 30px;
	color:var(--color,#111);
}
.alert-dialog .alert-content strong{
	text-decoration:underline;
}
.alert-dialog .alert-content ul{
	margin-left:20px;
	list-style-type: disc;
}
.alert-dialog .db-wrapper{
}
.alert-dialog .alert-content.-no-title .-ac-text{
	padding-left:32px;
	padding-top:5px;
}
.alert-dialog.alert-singular .alert-content.-no-title .-ac-text{
	padding-left:0px;
	padding-top:0px;
}
.alert-dialog.alert-singular .dialog{
	width:360px;
	padding-top:30px;
	padding-bottom:0px;
}
.alert-dialog.alert-singular .db-wrapper{
	padding-left:0px;
}
.alert-dialog.alert-singular .alert-content{
	padding-left:0px;
	padding-top:60px;
	text-align:center;
	margin-top:0px;
}
.alert-dialog.alert-singular .alert-content .-ac-icon{
	width:40px;
	left:50%;
	margin-left:-20px;
}
.alert-dialog.alert-singular .alert-content .-ac-text{
	padding-right:0px;
}
.alert-dialog.alert-singular .__dialogclose{
}
.alert-dialog .alert-content .structed-error{
	color:#c34343;
}
.alert-dialog .alert-content .structed-error-extra{
}
.alert-dialog .alert-content .structed-error-extra .structed-error-li{
	padding-top:10px;
	position:relative;
}
.alert-dialog .alert-content .structed-error-extra .structed-error-li .-k{
	font-size:13px;
 color:#888;
}
.alert-dialog .alert-content .structed-error-extra .structed-error-li .-v{
	position:absolute;
	left:50%;
	top:10px;
}
#confirm-delete{
	text-align:center;
}
#confirm-delete-box{
	padding:40px;
	padding-bottom:20px;
}
#confirm-delete .icon{
	text-align:center;
	height:60px;
}
#confirm-delete .icon img{
	height:60px;
}
#confirm-delete .cd-title{
	font-weight:500;
 color:#fff;
	font-size:26px;
	padding:20px 0;
	margin-top:10px;
	text-shadow:0 1px 2px rgba(0,0,0,0.1);
}
#confirm-delete .cd-explain{
	font-size:15px;
	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:20px;
	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;
}



.ajax-spinning-dialog{
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.1);
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.ajax-spinning-dialog .__dialogwrapper{
	position:absolute;
}
.ajax-spinning-dialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.ajax-spinning-dialog .__dialogtitle{
	display:none;
}
.ajax-spinning-dialog .ajax-spinner{
	padding:20px 20px 20px 60px;
	background: rgba(0,0,0,0.5);
	font-size:28px;
	color:#fff;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.ajax-spinning-dialog .ajax-spinner .base-spinner{
	position:absolute;
	left:20px;
	top:17px;
}
.ajax-spinning-dialog .ajax-spinner .dialog{
	font-size:15px;
}
.__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);
}



.__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.fs .__dialogcontent{
	padding:0;
	padding-top:20px;
}
.__fdialog .dt-wrapper{
	padding:16px 20px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.__fdialog .__dialogtitle{
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
.__fdialog .__dialogtitle .title-2{
	text-transform:none;
	font-size:12px;
 color:#888;
	font-weight:normal;
	padding-top:3px;
}
.__fdialog .__dialogclose{
	position:absolute;
	cursor:pointer;
 color:#aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	right:10px;
	top:10px;
	padding:8px 8px;
	border:1px solid transparent;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	-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;
	width:32px;
	height:32px;
}
.__fdialog .__dialogclose span{
	font-size:14px;
}
.__fdialog .__dialogclose:hover{
	background-color: #D96C6C;
	color:#fff;
}
.__fdialog .form-buttons{
	overflow:hidden;
	padding-top:20px;
	border-top:1px dashed #ddd;
	margin-top:5px;
	margin-right:-2%;
}
.__fdialog .form-buttons .base-button{
	padding:10px 0px;
	width:48%;
	text-align:center;
	float:right;
	margin-right:2%;
}
.__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.full-content .__dialogcontent .form-buttons{
	padding-left:20px;
	padding-right:20px;
}
.__mfdialog{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__mfdialog .__dialogwrapper{
	position:absolute;
	width:100%;
	height:100%;
}
.__mfdialog .__dialogwrapper-inner{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
}
.__mfdialog .__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;
}
.__mfdialog .__dialogcontent{
	min-height:30px;
	border-top:1px solid transparent;
	position:absolute;
	overflow:hidden;
	top:48px;
	bottom:0px;
	right:0px;
	left:0px;
}
.__mfdialog .__dialogcontent .form-main{
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	bottom:64px;
	right:0px;
	overflow-y:scroll;
}
.__mfdialog .__dialogcontent .form-main .form-scroll{
	padding:15px;
}
.__mfdialog.fs .__dialogcontent{
	padding:0;
	padding-top:20px;
}
.__mfdialog .__dialogtitle{
	font-size:20px;
	font-weight:normal;
	height:45px;
	border-bottom:1px solid #eee;
	padding-right:36px;
}
.__mfdialog .__dialogtitle .title-1{
	padding:11px 15px;
	margin-right:10px;
	padding-right:0px;
}
.__mfdialog .__dialogclose{
	position:absolute;
	cursor:pointer;
 color:#aaa;
	right:3px;
	top:-1px;
	padding:13px;
}
.__mfdialog .__dialogclose span{
	font-size:20px;
}
.__mfdialog .form-buttons{
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:15px;
	right:15px;
	padding:10px 0;
	border-top:1px solid #eee;
}
.__mfdialog .form-buttons .button{
	padding:11px 0px;
	width:48%;
}
.__mfdialog .form-buttons.-one .button{
	width:100%;
}
.__mfdialog .form-buttons .button.ok{
	float:right;
}
.__mfdialog .form-buttons .button.cancel{
	float:left;
}
.__mfdialog .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;
}



/*! 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=var(--folderName)=basevar(--cornerRadiusShadow)=8pxvar(--offsetLeftShadow)=0pxvar(--offsetTopShadow)=0pxvar(--thicknessShadow)=5pxvar(--opacityShadow)=30var(--bgImgOpacityShadow)=0var(--bgTextureShadow)=flatvar(--bgColorShadow)=666666var(--opacityOverlay)=30var(--bgImgOpacityOverlay)=0var(--bgTextureOverlay)=flatvar(--bgColorOverlay)=aaaaaavar(--iconColorError)=cc0000var(--fcError)=5f3f3fvar(--borderColorError)=f1a899var(--bgTextureError)=flatvar(--bgColorError)=fddfdfvar(--iconColorHighlight)=777620var(--fcHighlight)=777620var(--borderColorHighlight)=dad55evar(--bgTextureHighlight)=flatvar(--bgColorHighlight)=fffa90var(--iconColorActive)=ffffffvar(--fcActive)=ffffffvar(--borderColorActive)=003effvar(--bgTextureActive)=flatvar(--bgColorActive)=007fffvar(--iconColorHover)=555555var(--fcHover)=2b2b2bvar(--borderColorHover)=ccccccvar(--bgTextureHover)=flatvar(--bgColorHover)=edededvar(--iconColorDefault)=777777var(--fcDefault)=454545var(--borderColorDefault)=c5c5c5var(--bgTextureDefault)=flatvar(--bgColorDefault)=f6f6f6var(--iconColorContent)=444444var(--fcContent)=333333var(--borderColorContent)=ddddddvar(--bgTextureContent)=flatvar(--bgColorContent)=ffffffvar(--iconColorHeader)=444444var(--fcHeader)=333333var(--borderColorHeader)=ddddddvar(--bgTextureHeader)=flatvar(--bgColorHeader)=e9e9e9var(--cornerRadius)=3pxvar(--fwDefault)=normalvar(--fsDefault)=1emvar(--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;
}



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;
}
.-fixed-size .ap-icon{
	font-size:inherit;
}
.ap-icon.-fixed-14, .-fixed-size-14 > .ap-icon{
	font-size:14px;
	width:14px !important;
	height:14px !important;
}
.ap-icon.-fixed-20, .-fixed-size-20 > .ap-icon{
	font-size:20px;
	width:20px;
	height:20px;
}
.ap-icon.-fixed-24, .-fixed-size-24 > .ap-icon{
	font-size:24px;
	width:24px;
	height:24px;
}
.-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:32px;
}
.-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;
}
.-icon-svg svg{
	fill:currentcolor;
}
.-icon-svg.-fixed-size{
	display:block;
}
.-icon-svg.-fixed-size svg{
	width:100% !important;
	height:100% !important;
}
.-edge-svg svg{
	fill:none !important;
	stroke: currentcolor !important;
}
.base-line > div{
	height:1px;
	background-color: #eee;
}
.base-line.-dashed > div{
	background-color: transparent;
	border-bottom:1px dashed rgba(0,0,0,0.1);
}
.base-line2 .-line{
	height:1px;
	background-color: #eee;
}
.base-line2 .-line-t{
	position:relative;
	overflow:hidden;
}
.base-line2 .-line-t em{
	font-weight:500;
	display:inline-block;
	position:relative;
	font-size:11px;
 color:#999;
	text-transform:uppercase;
}
.base-line2 .-line-t em:after{
	position:absolute;
	left:110%;
	top:6px;
	right:0px;
	width:2000px;
	content:"";
	height:1px;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.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;
}
.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:#7abd1a;
	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:#639c11;
	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-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.-square .avatar-icon{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.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:11px;
}
.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: #7abd1a;
	-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: #7abd1a;
	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);
	color:#267cde;
}
.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 var(--avatar-bg,#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, .base-block.-fit > .block-title, .base-block.-fit > .block-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 > .base-logo{
	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 > .block-title{
	font-size:13px;
}
.base-block.thick > .block-info{
	font-weight:normal;
}
.base-block.-sm > .base-title{
	font-size:14px;
}
.block-list{
}
.block-list > div{
	margin-bottom:4px;
}
.block-def{
	display:block;
	position:relative;
	font-weight:normal;
	text-align:left;
}
.block-def > .-bd-wrapper{
	position:relative;
}
.block-def.-single-line .-bd-content{
	position:absolute;
	right:0px;
	top:0px;
	left:60%;
}
.block-def.-single-line.-justify .-bd-content{
	text-align:right;
}
.block-def.-picon >.-bd-wrapper{
	padding-left:24px;
}
.block-def.-picon >.-bd-wrapper .-bd-icon{
	position:absolute;
	top:-2px;
	left:0px;
}
.base-tooltip .block-def{
	padding:2px 0;
	margin-bottom:0px !important;
}
.base-tooltip .block-def .-bd-title{
	opacity: 0.8; filter: alpha(Opacity:80);
	padding-bottom:2px !important;
	font-size:11px !important;
}



.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.-borderless:hover > .-txt{
	text-decoration:underline;
}
.base-button.-lg{
	padding-top:10px;
	padding-bottom:10px;
	height:36px;
}
.base-button.-sm{
	padding-top:8px;
	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:44px;
}
.base-button .-txt{
	font-weight:500;
}
.base-button .-prefix, .base-button .-suffix{
	position:absolute;
	width:16px;
	height:16px;
	top:5px;
}
.base-button .-sdd{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	width:32px;
}
.base-button .-sdd:before{
	position:absolute;
	left:-2px;
	top:6px;
	bottom:6px;
	width:1px;
	content:"";
	background: rgba(255,255,255,0.2);
}
.base-button.-wstd .-sdd:before{
	background: rgba(0,0,0,0.15);
}
.base-button .-suffix{
	right:6px;
	top:6px;
}
.base-button .-dd-icon:after{
	font-family:ap; content:"\f0d7";
	font-size:14px;
	position:absolute;
	display:block;
	top:2px;
}
.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: #7abd1a;
	border-color:#6fad15;
}
.base-button.-success{
	background-color: #7abd1a;
	color:#fff;
}
.base-button.-success:hover{
	background-color: #6fad15;
	border-color:#69a513 !important;
}
.base-button.-passive{
	background-color: #f1f1f1;
	color:#fff; color:#888;
	border:1px solid transparent;
}
.base-button.-passive:hover{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.3);
	color:#111;
}
.base-button.-white{
	background: rgba(255,255,255,0.8);
	color:#888;
}
.base-button.-white:hover{
	background-color: #fff;
	color:#111;
}
.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.-lg .-icon{
	top:8px;
}
.base-button .-icon .fa-icon{
	padding-top:2px;
	padding-left:2px;
	display:block;
}
.base-button .-icon .-icon-svg{
	display:block;
	margin-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 .-icon .ap-icon.-fixed-14{
	margin-top:2px;
}
.base-button .-ricon{
	position:absolute;
	top:5px;
	right:8px;
}
.base-button .-ricon .ap-icon.-fixed-14{
	margin-top:3px;
	margin-right:-1px;
	display:block;
}
.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.15);
	-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:ap; content:"\f0d7";
	position:absolute;
	font-size:14px;
	right:12px;
	top:8px;
}
.base-selected-button .-icon{
	position:absolute;
	top:8px;
	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-actions .base-action.active{
	color:#267cde;
}
.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 .fr-input{
	float:left;
	border-left:1px solid rgba(0,0,0,0.1);
}
.base-actions .fr-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;
}
.base-actions .fr-input input{
	height:27px;
	padding:7px 10px;
}
.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 .-icon{
	position:absolute;
	left:0px;
	top:0px;
	width:16px;
	height:16px;
}
.base-label .-icon > .-icon-svg{
	display:block;
}
.base-label .-icon > .-icon-svg svg{
	width:100%;
	height:100%;
}
.base-label .-icon .ap-icon{
	display:block;
}
.base-label .-icon .ap-icon.-fixed-14{
	margin-top:1px;
}
.base-label.-picon.-lg{
	padding-left:24px;
}
.base-label.-lg .-icon{
	width:16px;
	height:16px;
}
.base-label.-xl .-icon{
	width:16px;
	height:16px;
	top:1px;
}
.base-label.-picon.-xl{
	padding-left:24px;
}
.base-label.-xl{
	font-size:16px;
}
.base-label .-content.url:hover{
	color:#267cde;
	text-decoration:underline;
}



.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:4px;
	padding-bottom:4px;
	font-size:11px;
}
.base-tag.url:hover{
	color:#fff;
}
.base-tag.url.-fill-white:hover{
	color:#111;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.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{
	font-size:11px;
	font-weight:500;
	text-transform:uppercase;
	display:inline-block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:3px 6px;
}
.text-flag.-dark{
	color: rgba(255,255,255,0.9);
}
.text-flag.-dark:hover{
	color:#fff;
	$color:var(--hover-color,#666);
}
.text-flag.-sm{
	font-size:10px;
	padding:2px 5px;
}
.text-flag.-rounded{
	-moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
}
.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:#639c11;
}
.text-code{
	display:block;
 color:#639c11;
	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:-1px;
	padding:2px;
	width:20px;
	height:20px;
}
.text-editable .-edit-icon:hover{
	color:#267cde;
}
.text-editable:hover .-te-inner{
	text-decoration:underline;
}
.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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:10px;
	height:10px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	left:0px;
	top:2px;
}
.text-enabled-status{
	position:relative;
	padding-left:18px;
}
.text-enabled-status .text-dot{
	position:absolute;
	left:0px;
	top:0px;
	width:14px;
	height:14px;
}
.text-enabled-status .text-dot .-td-inner{
	padding:0;
	height:14px;
	width:14px;
	display:block;
}
.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:absolute;
	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: #fafafa;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1);
	font-size:14px;
}
.text-ie .tie-ip .tie-actions{
	position:absolute;
	overflow:hidden;
	right:8px;
	top:4px;
	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);
}
.text-upper.-sm{
	font-size:11px;
}
.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: #7abd1a;
}
.onoff.-success.-on{
	background-color: #7abd1a;
}
.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;
	left: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;
	right: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.-off:before{
	right:-1px;
	left:auto;
}



.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-image.-fixed-size{
	display:block;
}
.base-image.-fixed-size > span{
	display:block;
}
.base-image.-fixed-size img{
	width:100%;
	height:100%;
}
.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.-fixed-width > .-bt-inner{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.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.-square .avatar-icon{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.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:11px;
}
.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: #7abd1a;
	-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: #7abd1a;
	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);
	color:#267cde;
}
.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 var(--avatar-bg,#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.15);
	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.2);
	-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:11px;
	top:6px;
}
.base-filter .bf-icon svg{
	width:16px;
	height:16px;
	position:absolute;
	top:1px;
	left:0px;
	fill:currentcolor;
}
.base-filter:after{
	position:absolute;
	font-size:16px;
	font-family:ap; content:"\e922";
	right:10px;
	top:7px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
.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:"\e9e2";
	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:3px;
	top:0px;
	width:20px;
	height:16px;
}
.filter-user > .fu-comp .fu-cancel > .base-icon{
	top:8px !important;
	left:0px !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:28px;
	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:"\ec58";
	position:absolute;
	font-size:16px;
 color:#aaa;
	left:10px;
	top:6px;
}
.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;
 color:#888;
	width:24px;
	height:30px;
	right:0px;
	top:0px;
}
.filter-daterange .fd-comp .fd-cancel:hover{
	color:#111;
}
.filter-daterange .fd-comp .fd-cancel > .base-icon{
	top:7px !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(122,189,26,0.2);
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.base-switch.-on:after{
	left:0px;
	background: rgba(122,189,26,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{
	right: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:15px;
}
.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.-xs{
	padding:20px;
}
.base-empty-state.-xs .-title{
	font-size:13px;
	font-weight:normal;
 color:#999;
}
.base-empty-state.-xs .-text{
	font-size:12px;
	line-height:18px;
}
.base-empty-state.-xs .-icon{
	width:32px;
	height:32px;
	margin-bottom:10px;
}
.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;
}



.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 .-tab-wrapper{
	position:relative;
}
.base-tabs .base-tab.-picon .-tab-wrapper{
	padding-left:24px;
}
.base-tabs .base-tab .base-icon{
	left:0px;
}
.base-tabs .base-tab:hover{
	color:#267cde;
}
.base-tabs .base-tab:hover .base-backup{
	z-index:1000;
}
.base-tabs .base-tab.active{
	font-weight:500;
 color:#111;
}
.base-tabs .base-tab.-pdd .-tab-inner{
	padding-right:18px;
}
.base-tabs .base-tab.-pdd:after{
	font-family:ap; content:"\f0d7";
	position:absolute;
	font-size:14px;
	right:10px;
	top:50%;
	margin-top:-9px;
}
.base-tabs .base-tab .-cmenu{
	text-transform:none;
}
.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 .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{
	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:20px;
}
.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;
}
.base-list.-ambient .list-header{
	padding-right:0px;
	padding-left:0px;
}
.base-list.-ambient .list-header .base-side .base-col{
	font-size:11px;
	text-transform:uppercase;
 color:#999999;
}
.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;
}
.list-inline .list-item.-picon{
	padding-left:20px;
}
.list-inline .list-item.-picon .list-icon{
	position:absolute;
	left:0px;
}
.list-inline.-fit .list-item .li-container{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}



.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 1px3px 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:#7abd1a;
	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.-no-content .-title{
	padding-bottom:0px;
}
.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-flag-message .base-buttons{
	padding-top:10px;
}
.base-flag-message .base-buttons .base-button{
	display:inline-block;
	font-size:13px;
}
.base-flag-message .bm-inner > p:last-child{
	padding-bottom:0px;
}
.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:"\ebf6";
	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{
	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.-sm .base-star-single{
	width:14px;
	height:14px;
	font-size:14px;
	margin-right:1px;
}



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



.json-display{
	background-color: #fff;
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:20px;
}
.json-display pre{
	font-family: Consolas, Courier New, Courier New, monospace;
}
.json-display.-list{
	padding:0;
}
.json-display.-list .json-header{
	font-weight:500;
	font-size:12px;
	text-transform:uppercase;
	padding:15px 20px;
}
.json-display.-list .json-item{
	padding:20px;
	border-top:1px solid rgba(0,0,0,0.1);
	position:relative;
}
.json-display.-list .json-item:hover{
	background-color: #fafafa;
}
.json-display.-list .json-item .base-button-dd{
	position:absolute;
	right:20px;
	top:15px;
}
.json-display.-list .json-item .base-button-dd .-cmenu{
	position:absolute;
	right:0px;
}



.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-section{
}
.base-form .form-section .fs-header{
	text-transform:uppercase;
	font-weight:500;
	font-size:12px;
 color:#999;
	position:relative;
	padding-bottom:10px;
}
.base-form .form-section.-salient{
	padding-bottom:10px;
}
.base-form .form-section.-salient > .-fs-wrapper{
	padding:4%;
	border:1px solid rgba(0,0,0,0.1);
	background-color: #fff;
	-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);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.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 .improve-select{
	margin-top:8px;
}
.base-form .form-rows{
	display:grid;
	gap:20px;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
}
.base-form .form-rows .base-form-row{
	width:100%;
}
.fr-input .fr-suffix{
	position:absolute;
 color:#999;
	right:10px;
	bottom:11px;
}
.fr-input input, .fr-input textarea, .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;
}
.fr-input input, .fr-input textarea, .fr-input select{
	border:1px solid #ccc;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 10px;
	font-size:14px;
	height:36px;
}
.fr-input .-cancel{
	position:absolute;
	font-size:14px;
	cursor:pointer;
 color:#888;
	padding:10px;
	top:8px;
	right:1px;
}
.fr-input .-cancel:hover{
	color:#c34343;
}
.fr-input .fr-pre-icon{
	position:absolute;
	left:13px;
	top:10px;
	z-index:1;
	color: rgba(0,0,0,0.4);
}
.fr-input.-picon > input{
	padding-left:36px;
}
.base-form-row.-switchable{
	margin-bottom:6px;
}
.base-form-row.-switchable .onoff, .base-form-row.-switchable .input-switch-container{
	position:absolute;
	right:0px;
	top:7px;
}
.base-form-row.-switchable .fr-content{
	display:none;
}
.base-form-row.-switchable.-active{
	margin-bottom:0px;
}
.base-form-row.-switchable.-active .fr-content{
	display:block;
}
.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:ap; content:"\f023";
	font-size:14px;
 color:#7abd1a;
	position:absolute;
	top:9px;
	left:10px;
}
.fr-input.apcomplete .apc-selected{
	display:block;
	position:relative;
	margin-right:0px;
}
.fr-input.apcomplete .apc-selected .apc-close{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
}
.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: #7abd1a;
}
.base-form-buttons .form-button.-success{
	background-color: #7abd1a;
	font-weight:500;
 color:#fff;
}
.base-form-buttons .form-button.-success:hover{
	background-color: #6fad15;
}
.base-form-buttons .form-button.-cancel:hover{
	background-color: #f3f3f3;
}
.master-display-dialog .base-form.-display-mode .base-form-buttons{
	padding-top:5px;
	padding-bottom:10px;
	text-align:right;
}
.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: #7abd1a;
	border:1px solid #7abd1a;
}
.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;
}
.custom-dialog .base-form input, .custom-dialog .base-form textarea, .custom-dialog .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 1px2px 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;
}
.dform .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: #7abd1a;
	border:1px solid #6fad15;
	color:#fff;
}
.fi-checkbox.-checked .-fcb:before{
	font-family:ap; content:"\ea2b";
}
.fi-checkbox.-checked.-subtle .-fcb{
	background: rgba(122,189,26,0.1);
	color:#7abd1a;
}
.-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%;
}



.input-display{
	border:2px solid rgba(0,0,0,0.1);
	padding:8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	font-size:14px;
	position:relative;
	background-color: #fafafa;
	min-height:16px;
}
.input-display .showhide{
	position:absolute;
	cursor:pointer;
 color:#aaa;
	width:16px;
	height:16px;
	padding:3px;
	right:6px;
	top:6px;
}
.input-display.-autohide .-hstars{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.input-display .showhide:hover{
	color:#111;
}
.input-display.-autohide{
	padding-right:30px;
}
.input-display.-autohide .-value, .input-display.-autohide .-content{
	display:none;
}
.input-display.-autohide.-active .-value, .input-display.-autohide.-active .-content{
	display:block;
}
.input-display.-autohide.-active .-hstars{
	display:none;
}
.input-extra-exp{
	padding-top:10px;
	font-size:12px;
 color:#999;
}
.dform .input-extra-exp{
	padding-top:6px;
}
.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;
}
.dform .row .input-mlines{
	margin-top:-2px;
}
.dform .row .input-mlines .ip-line{
	margin-top:6px;
	position:relative;
}
.dform .row .input-mlines .ip-line input{
	margin:0;
	padding-left:60px;
}
.dform .row .input-mlines .ip-line .ip-remove{
	position:absolute;
	font-size:14px;
 color:#aaa;
	cursor:pointer;
	right:2px;
	top:2px;
	padding:8px 10px;
	z-index:100;
}
.dform .row .input-mlines .ip-line .ip-remove:hover{
	color:#D96C6C;
}
.dform .row .input-mlines .ip-line .counter{
	position:absolute;
	top:5px;
	left:0px;
	bottom:5px;
	width:50px;
	border-right:1px solid #ddd;
	z-index:100;
}
.dform .row .input-mlines .ip-line .counter .base-icon{
	left:10px;
	top:4px;
}
.dform .row .input-mlines .ip-line.-empty .counter .base-icon{
	left:20px;
	top:3px;
}
.dform .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;
}



.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:14px;
	cursor:pointer;
 #707070;
	right:10px;
	top:5px;
	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;
}



.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:hover{
	color:#111;
	text-decoration:underline;
}
.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:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	padding:5px 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);
}



.fr-input.-panel-bottom{
	position:relative;
}
.fr-input.-panel-bottom .ql-toolbar{
	position:absolute;
	bottom:0px;
	left:0px;
	border:none !important;
}
.fr-input.-panel-bottom .textarea-editor{
	padding-bottom:45px;
}
.fr-input.-panel-bottom .ql-snow.ql-toolbar:after{
	display:block;
}



.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 #7abd1a;
	color:#6fad15;
}
.ibs-wrapper .ibs-item.active .ibs-icon, .ibs-wrapper .ibs-item.active .ibs-info{
	color: #7abd1a;
}
.ifi-wrapper{
	border:1px solid rgba(0,0,0,0.2);
	margin-top:-10px;
	position:relative;
}
.dform .label.-not-empty + .ifi-wrapper{
	margin-top:4px;
}
.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:"\f0d7";
	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.-no-ph .-ph{
	display:none;
}
.input-switch-container.-no-ph .input-switch{
	position:relative;
}
.input-switch-container.-sm{
	height:18px;
}
.input-switch-container.-sm .-ph{
	margin-left:42px;
}
.input-switch-container.-sm .input-switch{
	height:16px;
	width:32px;
	margin-top:2px;
}
.input-switch-container.-sm .input-switch .slider.round{
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
.input-switch-container.-sm .input-switch .slider:before{
	left:2px;
	bottom:2px;
	width:12px;
	height:12px;
}
.input-switch-container.-sm .input-switch input:checked + .slider:before{
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}
.input-switch-container.-xs{
	height:16px;
}
.input-switch-container.-xs .-ph{
	margin-left:40px;
}
.input-switch-container.-xs .input-switch{
	height:16px;
	width:30px;
	margin-top:0px;
}
.input-switch-container.-xs .input-switch .slider.round{
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
}
.input-switch-container.-xs .input-switch .slider:before{
	left:2px;
	bottom:2px;
	width:12px;
	height:12px;
}
.input-switch-container.-xs .input-switch input:checked + .slider:before{
	-webkit-transform: translateX(14px);
	-ms-transform: translateX(14px);
	transform: translateX(14px);
}
.dform .row .input-switch-container{
	margin-top:4px;
}
.dform .row.-empty-label .input-switch-container{
	margin-top:-1px;
	padding-bottom:3px;
}



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



.form .emoji-ratings{
	overflow:hidden;
	margin-top:8px;
}
.form .emoji-ratings .emoji-rate-item{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	cursor:pointer;
	width:20%;
	padding:10px 0;
	max-width:100px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.form .emoji-ratings .emoji-rate-item .-icon{
	font-size:24px;
	-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;
}
.form .emoji-ratings .emoji-rate-item .-label{
	color:#aaa;
	font-size:13px;
	padding-top:8px;
}
.form .emoji-ratings .emoji-rate-item:hover .-icon{
	-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2);
}
.form .emoji-ratings .emoji-rate-item.active{
	box-shadow: inset 0 0 0 2px #267cde;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.form .emoji-ratings .emoji-rate-item.active .-label{
	color:#111;
	font-weight:500;
}
.form .emoji-ratings .emoji-rate-item.active .-icon{
	-moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2);
}



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



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



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



.row.-isinput-objects .label{
	display:none;
}
.input-objs{
	padding-top:10px;
	border:1px solid rgba(0,0,0,0.15);
	margin-top:8px;
	position:relative;
	background-color: #fcfcfc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.input-objs .iow-title{
	position:relative;
	font-size:16px;
	font-weight:normal;
	padding:0px 15px 2px 15px;
}
.input-objs .base-table-wrapper{
	padding:5px 15px;
}
.input-objs .base-table-wrapper .base-table thead td{
	color:#999;
}
.input-objs .base-table-wrapper .base-table thead td > div{
	padding-left:0px;
}
.input-objs .base-table-wrapper .base-table thead td .cell, .input-objs .base-table-wrapper .base-table thead td .cell-lead{
	text-transform:none;
	font-size:13px;
 color:#111;
}
.input-objs .base-table-wrapper tbody .-fx{
}
.input-objs .base-table-wrapper tbody .-fx .cell, .input-objs .base-table-wrapper tbody .-fx .cell-lead{
	padding:10px 6px 6px 0;
}
.input-objs .base-table-wrapper tbody .-fx .cell-lead{
	height:33px;
}
.input-objs .base-table-wrapper .base-table tbody td{
}
.input-objs .base-table-wrapper .-fx input, .input-objs .base-table-wrapper .-fx select{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.input-objs .base-table-wrapper .-fx input, .input-objs .base-table-wrapper .-fx select{
	padding:6px 8px;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.09);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	height:30px;
}
.input-objs .base-table-wrapper .-fx select{
	font-size:13px;
}
.input-objs .base-table-wrapper .-fx input:active, .input-objs .base-table-wrapper .-fx input:focus{
	border:1px solid #ccc;
}
.input-objs .base-table-wrapper .io-icon{
	width:20px;
	height:20px;
	padding:4px;
	cursor:pointer;
 color:#999;
}
.input-objs .base-table-wrapper .io-icon:hover{
	color:#c34343;
}
.input-objs .input-add-more{
	display:block;
	padding:10px 0 15px 15px;
}
.input-objs .input-add-more .base-label{
	display:inline-block;
	cursor:pointer;
}
.input-objs .input-add-more .base-label:hover{
	color:#267cde;
	text-decoration:underline;
}
.input-objs.-compact{
	margin-top:4px;
}
.input-objs.-compact .base-table-wrapper{
	padding-top:0px;
}
.input-objs.-compact .base-table thead{
	display:none;
}
.input-objs.-compact .base-table tbody td{
	border:none;
}
.input-objs.-compact .base-table tbody td.-last-td .cell{
	padding-left:8px;
}
.input-objs.-compact .input-add-more{
}
.input-objs.-compact .base-table-wrapper tbody .-fx .cell, .input-objs.-compact .base-table-wrapper tbody .-fx .cell-lead{
	padding-top:6px;
}
.input-objs.-compact .base-table-wrapper .io-icon{
	margin-top:-3px;
}
.input-objs.-compact .base-table-wrapper .-fx input, .input-objs.-compact .base-table-wrapper .-fx select{
	border:1px solid #ccc;
	padding:7px 8px;
	font-size:14px;
	height:33px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.input-objs.-compact .base-table-wrapper .-fx input:focus, .input-objs.-compact .base-table-wrapper .-fx select:focus{
	border:1px solid rgba(38,124,222,0.8);
}



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



.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{
	padding-left:32px;
}
.base-user.-compact .base-user-avatar{
	width:24px;
	height:24px;
}
.base-user.-compact .base-user-name{
	padding-top:4px;
	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.-fit .base-user-info{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.base-user.-sm{
	padding-left:30px;
}
.base-user.-sm .base-user-avatar{
	width:20px;
	height:20px;
}
.base-user.-sm.-compact .base-user-name{
	padding-bottom:0px;
}
.base-user.-sm:hover .base-user-name{
	color:#267cde;
	text-decoration:underline;
}
.base-user.-xs{
	padding-left:25px;
}
.base-user.-xs .base-user-avatar{
	width:16px;
	height:16px;
}
.base-user.-compact.-xs .base-user-name{
	padding-top:0px;
	padding-bottom:0px;
}
.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://share-gcdn.basecdn.net/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:14px;
	right:10px;
	top:13px;
	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: /var/www/secured/true/uikit/basic/css/base/reaction.css */



.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;
}
.base-esign-canvas .base-esign-files .be-file .base-info{
	font-size:13px;
 color:#999;
	padding-top:4px;
}
.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:#7abd1a;
	font-size:14px;
	right:-4px;
	bottom:-7px;
}
.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;
}



.base-logs{
	position:relative;
}
.base-logs .date-wrapper{
	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: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-bottom:13px;
	margin-left:90px;
	margin-right:32px;
	position:relative;
}
.base-logs .date-wrapper .d{
	position:absolute;
	left:-90px;
	width:80px;
	top:0px;
	bottom:0px;
}
.base-logs .date-wrapper .d:after{
	position:absolute;
	top:45px;
	bottom:0px;
	left:10px;
	width:1px;
	border-right:1px dotted rgba(0,0,0,0.15);
	content:"";
}
.base-logs .date-wrapper .d em{
	font-weight:bold;
	font-size:20px;
	display:block;
	margin-bottom:2px;
}
.base-logs .date-wrapper .d span{
	font-size:11px;
	text-transform:uppercase;
 color:#999999;
}
.base-logs .base-log{
	padding:15px 120px 15px 70px;
	position:relative;
	border-bottom:1px dotted rgba(0,0,0,0.1);
}
.base-logs .base-log:hover{
	background-color: #fafafa;
}
.base-logs .date-wrapper .base-log:last-child{
	border:none;
}
.base-logs .base-log .-bl-user{
	position:absolute;
	font-weight:500;
	left:20px;
	top:15px;
}
.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 .-bl-info{
	font-size:12px;
 color:#999999;
	padding-top:6px;
}
.base-logs .base-log .-bl-info .url{
	color:#707070;
}
.base-logs .base-log .-bl-info .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-logs .base-log .-bl-side{
	position:absolute;
	right:20px;
	top:15px;
}
.base-logs .base-log .-bl-logo{
	position:absolute;
	right:-30px;
	top:15px;
	filter: grayscale(1.0);
	opacity: 0.8; filter: alpha(Opacity:80);
}
.base-logs .base-log:hover .-bl-logo{
	filter: grayscale(0);
	opacity: 1; filter: alpha(Opacity:100);
}
.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;
}



.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:#7abd1a;
	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{
	min-height: 500px;
position: relative;
}
.super-editor::selection{
	background: rgba(45, 170, 219, 0.3);
}
.super-editor .super-editor-contents{
	pointer-events: none;
}
.super-editor .super-editor-contents .block-element{
	pointer-events: all;
}
.super-editor .-cmenu .-item .-icon svg{
	height: 16px;
width: 16px;
}
.super-editor .-cmenu .-item .-icon svg path{
	fill: #aaa;
}
.base-btn{
	cursor: pointer;
}
.super-editor .block-element{
	position: relative;
font-size: 14px;
margin-top: 1px;
}
.super-editor .block-element .-actions{
	position: absolute;
left: -26px;
top: 0px;
padding: 6px 4px;
display: block;
}
.super-editor-placeholder{
	background: rgb(242, 242, 242);
height: 32px;
}
.super-editor .block-element .-actions .action-item{
	cursor: pointer;
padding: 2px 2px;
border-radius: 3px;
display:none;
}
.super-editor .block-element.selected{
	background: rgba(45, 170, 219, 0.3);
transition-duration: 300ms;
}
.super-editor .block-element > .-inner-block-wrapper{
	position:relative;
}
.super-editor .block-element.selected > .-inner-block-wrapper .-actions .action-item{
	display:block;
}
.super-editor .block-element .-inner-block-wrapper:hover .-actions .action-item{
	display:block;
}
.super-editor .block-element .-inner-block-wrapper:hover .-actions .action-item .base-icon{
	position:relative;
}
.super-editor .block-element .-actions .action-item:hover{
	background-color: #eee;
}
.super-editor .block-element .-inner-block-children{
	padding-left: 24px;
}
.super-editor .block-element .-inner-block-element{
	max-width: 100%;
width: 100%;
box-sizing: border-box;
white-space: pre-wrap;
word-break: break-word;
caret-color: rgb(55, 53, 47);
color: rgb(55, 53, 47);
min-height: 20px;
padding: 4px 3px;
overflow-wrap: break-word;
	font-size:15px;
-webkit-line-break: after-white-space;
-webkit-text-size-adjust: 100%;
}
.super-editor .block-element.table-block .-inner-block-element{
	white-space: unset;
overflow-x: auto;
	position:relative;
}
.super-editor .block-element.code-block .-inner-block-element{
	white-space: unset;
	position:relative;
}
.super-editor .block-element.code-block .-inner-block-element pre{
	background: #ddd;
padding: 12px;
white-space: unset;
}
.super-editor .block-element.code-block .-inner-block-element pre code{
	display: block;
}
.super-editor .block-element .-inner-block-element .highlight{
	background: yellow;
}
.super-editor .block-element.-focused > .-inner-block-wrapper .-inner-block-element:empty{
	height: 12px;
}
.super-editor .block-element.-first .-inner-block-element:empty:after{
	content: attr(placeholder);
color: #888;
}
.super-editor .block-element.-focused > .-inner-block-wrapper .-inner-block-element:empty:after{
	content: attr(data-placeholder);
color: #888;
}
.super-editor .block-element .-inner-block-element .bold-text{
	font-weight:bold;
}
.super-editor .block-element .-inner-block-element .italic-text{
	font-style: italic;
}
.super-editor .block-element .-inner-block-element .link-data{
	border-bottom: 1px solid;
border-color: rgba(55,53,47,0.4);
opacity: 0.7;
}
.super-editor .block-element .-inner-block-element .decor-underline{
	text-decoration: underline;
}
.super-editor .block-element .-inner-block-element .decor-strike{
	text-decoration: line-through;
}
.super-editor .block-element .-inner-block-element .code-text{
	background: rgba(135,131,120,0.15);
color: #EB5757;
border-radius: 3px;
padding: 2px 6px;
}
.super-editor .block-element .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 .block-element .se-commands{
	max-height:330px;
	padding:8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.super-editor .block-element .se-command{
	position:relative;
	cursor:pointer;
	padding:11px 13px 11px 55px;
	margin-bottom:4px;
}
.super-editor .block-element .se-command .base-icon{
	position:absolute;
	left:15px;
	top:11px;
}
.super-editor .block-element .se-command .seco-title{
	font-size:14px;
	font-weight:500;
	padding-bottom:4px;
}
.super-editor .block-element .se-command .seco-desc{
	font-size:13px;
 color:#999;
}
.super-editor .block-element .se-command:hover{
	background-color: #f8f8f8;
	color:#267cde;
}
.super-editor .block-element .se-command.active{
	background-color: #f6f6f6;
	color:#267cde;
}
.super-editor .block-element .action-menu.active .-cmenuw-active .-cmenu{
	display:block;
}
.super-editor .block-element .action-menu .-cmenuw-active .-cmenu .-item{
	min-width: 120px;
}
.super-editor .-actions:hover .action-menu .-cmenuw-active .-cmenu{
	display:block;
}
.super-editor .-actions .action-menu .-cmenuw-active .-cmenu{
	top: -4px;
left: 18px;
border-radius: 3px;
}

.super-editor .block-element.image-block .-inner-block-element{
	white-space: unset;
display: inherit;
	position:relative;
}
.super-editor .block-element.image-block.align-center .-inner-block-element{
	text-align: center;
}
.super-editor .block-element.image-block .caption-wrapper{
	text-align: center;
}
.super-editor .block-element.image-block .caption-wrapper .image-caption{
	border: none;
color: rgba(55, 53, 47, 0.65);
font-size: 12px;
width: 100%;
background: transparent;
text-align: center;
}
.super-editor .block-element.image-block .-inner-block-element .-inner-image{
	position:relative;
	font-size:14px;
flex-grow: 1;
padding: 12px 36px 12px 40px;
color: rgba(55, 53, 47, 0.65);
background: rgb(242, 241, 238);
cursor: pointer;
border-radius: 3px;
pointer-events: all;
}
.super-editor .block-element.image-block.-has-image .-inner-block-element .-inner-image{
	display: inline-block;
padding: 0px;
z-index: inherit;
}
.super-editor .block-element.image-block .-inner-block-element .-inner-image:hover{
	background: rgba(55, 53, 47, 0.08);
}
.super-editor .block-element.image-block .-inner-block-element .-inner-image input{
	cursor:pointer;
}
.super-editor .block-element.image-block .-inner-block-element .-inner-image .base-icon{
	left: 10px;
top: 50%;
transform: translateY(-50%)
}
.super-editor .block-element.image-block .-inner-block-element .image-resizer{
	position:absolute;
	cursor:pointer;
height: 100%;
top: 0px;
width: 12px;
right: 0px;
}
.super-editor .block-element.image-block .-inner-block-element .image-resizer .indicator{
	height: 80%;
width: 6px;
background: black;
border-radius: 12px;
margin: auto;
top: 50%;
transform: translateY(-50%);
position: relative;
max-height: 42px;
background: rgba(15, 15, 15, 0.6);
opacity: 0;
transition: 200ms;
cursor: col-resize;
}
.super-editor .block-element.image-block .-inner-block-element .-inner-image:hover .image-resizer .indicator{
	opacity: 1;
}
.super-editor .block-element.image-block .-inner-block-element .image-resizer.-left{
	left: 0px;
}
.super-editor .block-element.image-block .-inner-block-element .image-resizer.-right{
	right: 0px;
}



.super-editor .super-editor-menu{
	position:absolute;
top: 0px;
left: 0px;
width: 200px;
z-index: 9999;
}
.super-editor .super-editor-menu .submenu{
	overflow-x: hidden;
max-height: 200px;
}
.super-editor .super-editor-menu .base-icon{
	top: 10px;
left: 12px;
}
.super-editor .super-editor-type-menu{
	position:absolute;
left: 0px;
top: 20px;
width: 200px;
z-index: 200;
}
.super-editor .super-editor-type-menu .base-icon{
	top: 10px;
left: 12px;
}



.-inner-block-element .color-gray{
	color: rgb(120, 119, 116);
fill: rgb(120, 119, 116)
}
.-inner-block-element .color-brown{
	color: rgb(159, 107, 83);
fill: rgb(159, 107, 83)
}
.-inner-block-element .color-orange{
	color: rgb(217, 115, 13);
fill: rgb(217, 115, 13)
}
.-inner-block-element .color-yellow{
	color: rgb(203, 145, 47);
fill: rgb(203, 145, 47)
}
.-inner-block-element .color-green{
	color: rgba(68, 131, 97, 1);
fill: rgba(68, 131, 97, 1);
}
.-inner-block-element .color-blue{
	color: rgba(51, 126, 169, 1);
fill: rgba(51, 126, 169, 1);
}
.-inner-block-element .color-purple{
	color: rgba(144, 101, 176, 1);
fill: rgba(144, 101, 176, 1);
}
.-inner-block-element .color-pink{
	color: rgba(193, 76, 138, 1);
fill: rgba(193, 76, 138, 1);
}
.-inner-block-element .color-red{
	color: rgba(212, 76, 71, 1);
fill: rgba(212, 76, 71, 1);
}
.-inner-block-element .color-gray-bg{
	background: rgba(241, 241, 239, 1);
}
.-inner-block-element .color-brown-bg{
	background: rgba(244, 238, 238, 1);
}
.-inner-block-element .color-orange-bg{
	background: rgba(251, 236, 221, 1);
}
.-inner-block-element .color-yellow-bg{
	background: rgba(251, 243, 219, 1);
}
.-inner-block-element .color-green-bg{
	background: rgba(237, 243, 236, 1);
}
.-inner-block-element .color-blue-bg{
	background: rgba(231, 243, 248, 1);
}
.-inner-block-element .color-purple-bg{
	background: rgba(244, 240, 247, 0.8);
}
.-inner-block-element .color-pink-bg{
	background: rgba(249, 238, 243, 0.8);
}
.-inner-block-element .color-red-bg{
	background: rgba(253, 235, 236, 1);
}



.super-editor .super-editor-toolbar{
	min-height: unset;
display: inline-flex;
align-items: stretch;
height: 32px;
background: white;
font-size: 14px;
line-height: 1.2;
border-radius: 3px;
box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px, rgb(15 15 15 / 20%) 0px 9px 24px;
pointer-events: all;
	position:absolute;
top: -40px;
z-index: 200;
}
.super-editor-toolbar .section{
	display: flex;
margin-right: 1px;
box-shadow: rgb(55 53 47 / 9%) 1px 0px 0px;
}
.super-editor-toolbar .section .section-item{
	cursor: pointer;
display: flex;
align-items: center;
border-radius: 0px;
padding-left: 7px;
padding-right: 8px;
white-space: nowrap;
width: 18px;
}
.super-editor-toolbar .section .section-item .base-tab .-cmenu{
	left: 0px;
}
.super-editor-toolbar .section .section-item.-with-icon{
	width: unset;
padding-left: 32px;
}
.super-editor-toolbar .section .section-item.-with-icon .base-icon{
	left: 8px;
}
.super-editor-toolbar .section .section-item.-dropdown.-with-icon{
	padding-left: 8px;
}
.super-editor-toolbar .section .section-item.-dropdown.-with-icon .base-tab{
	padding-left: 28px;
}
.super-editor-toolbar .section .section-item.-dropdown.-with-icon .-tab-inner > .base-icon{
	box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px inset;
width: 22px;
height: 22px;
padding: 2px;
border-radius: 3px;
box-sizing: border-box;
top: -2px;
left: 0px;
}
.super-editor-toolbar .section .section-item.link-item{
	width: 42px;
	position:relative;
}
.super-editor-toolbar .section .section-item.link-item .-inner{
	padding-left: 18px;
}
.super-editor-toolbar .section .section-item.link-item .base-icon{
	left: 8px;
}
.super-editor-toolbar .section .section-item.link-item.-active .link-item-input{
	display: block;
}
.super-editor-toolbar .section .section-item.link-item .link-item-input{
	display: none;
	position:absolute; color:#444;
top: 140%;
left: 0px;
background: #fff;
padding: 6px 6px;
border-radius: 3px;
box-shadow: rgb(15 15 15 / 5%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 3px 6px, rgb(15 15 15 / 20%) 0px 9px 24px;
width: 200px;
box-sizing: border-box
}
.super-editor-toolbar .section .section-item.link-item .link-item-input .link-action{
	padding: 4px;
padding-left: 24px;
margin-top: 2px;
border-radius: 3px;
}
.super-editor-toolbar .section .section-item.link-item .link-item-input .link-action:hover{
	background-color: #eee;
}
.super-editor-toolbar .section .section-item.link-item .link-item-input .link input{
	border: 1px solid #ccc;
padding: 2px 2px;
box-shadow: inset 1px 1px 1px #f3f3f3;
width: 180px;
}
.super-editor-toolbar .section .section-item.link-item .link-item-input .link input:focus{
	border:1px solid rgba(38,124,222,0.8);
	-moz-box-shadow: 0px 0px 4px rgba(38,124,222,0.2);
 -webkit-box-shadow: 0px 0px 4px rgba(38,124,222,0.2);
 box-shadow: 0px 0px 4px rgba(38,124,222,0.2);
 background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
 background: -moz-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#ffffff));
 background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
 background: linear-gradient(top, #ffffff 0%,#ffffff 100%);
}
.super-editor-toolbar .section .section-item.active{
	color:#2eaadc;
}
.super-editor-toolbar .section .section-item:hover{
	background-color: #eee;
}
.super-editor .super-editor-toolbar .-cmenu.-padding .-item > .-cmenu-icon{
	box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px inset;
width: 22px;
height: 22px;
padding: 2px;
border-radius: 3px;
box-sizing: border-box;
top: 4px;
left: 4px;
}
.super-editor .table-action-menu .-cmenu.-padding .-item > .-cmenu-icon{
	box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px inset;
width: 22px;
height: 22px;
padding: 2px;
border-radius: 3px;
box-sizing: border-box;
top: 4px;
left: 4px;
}
.super-editor .super-editor-toolbar .-cmenu.-padding .-item.-with-icon{
	padding-left: 40px;
}
.section-item .color-gray{
	color: rgb(120, 119, 116);
fill: rgb(120, 119, 116)
}
.section-item .color-brown{
	color: rgb(159, 107, 83);
fill: rgb(159, 107, 83)
}
.section-item .color-orange{
	color: rgb(217, 115, 13);
fill: rgb(217, 115, 13)
}
.section-item .color-yellow{
	color: rgb(203, 145, 47);
fill: rgb(203, 145, 47)
}
.section-item .color-green{
	color: rgba(68, 131, 97, 1);
fill: rgba(68, 131, 97, 1);
}
.section-item .color-blue{
	color: rgba(51, 126, 169, 1);
fill: rgba(51, 126, 169, 1);
}
.section-item .color-purple{
	color: rgba(144, 101, 176, 1);
fill: rgba(144, 101, 176, 1);
}
.section-item .color-pink{
	color: rgba(193, 76, 138, 1);
fill: rgba(193, 76, 138, 1);
}
.section-item .color-red{
	color: rgba(212, 76, 71, 1);
fill: rgba(212, 76, 71, 1);
}
.section-item .color-gray-bg .base-icon{
	background: rgb(241, 241, 239);
}
.section-item .color-brown-bg .base-icon{
	background: rgba(244, 238, 238, 1);
}
.section-item .color-orange-bg .base-icon{
	background: rgba(251, 236, 221, 1);
}
.section-item .color-yellow-bg .base-icon{
	background: rgba(251, 243, 219, 1);
}
.section-item .color-green-bg .base-icon{
	background: rgba(237, 243, 236, 1);
}
.section-item .color-blue-bg .base-icon{
	background: rgba(231, 243, 248, 1);
}
.section-item .color-purple-bg .base-icon{
	background: rgba(244, 240, 247, 0.8);
}
.section-item .color-pink-bg .base-icon{
	background: rgba(249, 238, 243, 0.8);
}
.section-item .color-red-bg .base-icon{
	background: rgba(253, 235, 236, 1);
}



.super-editor .block-element.bulletlist-block > .-inner-block-wrapper .-inner-block-element{
	padding-left: 30px;
}
.super-editor .block-element.bulletlist-block > .-inner-block-wrapper .-dot{
	display: inline;
font-size: 20px;
	position:absolute;
top: 15px;
left: 6px;
line-height: 0px;
}
.super-editor .block-element.numberlist-block > .-inner-block-wrapper .-inner-block-element{
	padding-left: 30px;
}
.super-editor .block-element.numberlist-block .-index{
	position:absolute;
	cursor:pointer;
left: 2px;
top: 4px;
}



.super-editor .block-element.togglelist-block > .-inner-block-wrapper .-inner-block-element{
	padding-left: 26px;
}
.super-editor .block-element.togglelist-block.toggle-heading-one > .-inner-block-wrapper .-inner-block-element{
	font-size:24px;
	font-weight:bold;
}
.super-editor .block-element.togglelist-block.toggle-heading-two > .-inner-block-wrapper .-inner-block-element{
	font-size:20px;
	font-weight:bold;
}
.super-editor .block-element.togglelist-block.toggle-heading-three > .-inner-block-wrapper .-inner-block-element{
	font-size:18px;
	font-weight:bold;
}
.super-editor .block-element.togglelist-block > .-inner-block-wrapper .toggle{
	position:absolute;
	cursor:pointer;
	font-size:20px; color:#888;
left: 0px;
top: 8px;
padding: 3px 2px;
width: 16px;
text-align: center;
height: 18px;
box-sizing: border-box;
border-radius: 3px;
}
.super-editor .block-element.togglelist-block.toggle-heading-one > .-inner-block-wrapper .toggle{
	top: 14px;
}
.super-editor .block-element.togglelist-block.toggle-heading-two > .-inner-block-wrapper .toggle{
	top: 10px;
}
.super-editor .block-element.togglelist-block > .-inner-block-wrapper .toggle:hover{
	background: #ddd;
}
.super-editor .block-element.togglelist-block > .-inner-block-wrapper .toggle svg{
	transition: transform 200ms ease-out 0s;
transform-origin: center center;
width: 10px;
height: 10px;
}
.super-editor .block-element.togglelist-block.-extend > .-inner-block-wrapper .toggle svg{
	transform: rotateZ(180deg) !important;
}
.super-editor .block-element.togglelist-block > .empty-block{
	padding-left: 25px;
}
.super-editor .block-element.togglelist-block > .empty-block .-inner-empty-block{
	max-width: 100%;
width: 100%;
color: rgba(55, 53, 47, 0.5);
border-radius: 3px;
min-height: 18px;
padding: 4px 3px;
	cursor:pointer;
}
.super-editor .block-element.togglelist-block > .empty-block .-inner-empty-block:hover{
	background: rgba(55, 53, 47, 0.08);
}
.super-editor .block-element.togglelist-block > .-inner-block-children{
	margin-top: 4px;
}
.super-editor .block-element.togglelist-block > .-inner-block-children{
	display: none;
}
.super-editor .block-element.togglelist-block > .empty-block{
	display: none;
}
.super-editor .block-element.togglelist-block.-extend > .-inner-block-children{
	display: block;
}
.super-editor .block-element.togglelist-block.-extend > .empty-block{
	display: block;
}



.super-editor .block-element .table-cell{
	pointer-events: all;
	position:relative;
}
.super-editor .block-element .table-cell .resizer{
	position: absolute;
width: 3px;
background: rgb(137, 137, 137);
top: 0px;
bottom: 0px;
right: 0px;
cursor: col-resize;
	opacity: 0;
	transition: 200ms;
}
.super-editor .block-element .table-cell .-inner-table-cell{
	min-height: 18px;
}
.super-editor .block-element .table-cell .resizer:hover{
	opacity: 1;
}
.super-editor .block-element .table-cell .table-action{
	pointer-events: all;
	position: absolute;
box-shadow: rgb(15 15 15 / 10%) 0px 0px 0px 1px, rgb(15 15 15 / 10%) 0px 2px 4px;
background: #fff;
padding: 2px;
border-radius: 3px;
	cursor:pointer;
	display: none;
	transition: 300ms;
}
.super-editor .block-element .table-cell:hover .table-action{
	display: block;
}
.super-editor .block-element .table-cell .table-action svg{
	width: 12px !important;
	height: 12px !important;
	fill: #888 !important;
}
.super-editor .block-element .table-cell .table-action.table-row-action{
	width: 12px;
height: 15px;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
}
.super-editor .block-element .table-cell .table-action.table-column-action{
	width: 15px;
height: 12px;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
}
.super-editor .block-element.table-block table{
	width: unset !important;
}
.super-editor .block-element.table-block .table-cell{
	border: 1px solid #ddd;
padding: 8px 8px;
vertical-align: top;
	position:relative;
}
.super-editor .block-element.table-block .table-cell .-colum-add.-left{
	position:absolute;
	cursor:pointer;
left: -8px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 20px;
background: red;
border-radius: 3px;
}
.super-editor .block-element.table-block .table-cell .-row-add.-top{
	position:absolute;
	cursor:pointer;
top: -8px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 16px;
background: red;
border-radius: 3px;
}
.super-editor .block-element.table-block .table-cell .-row-add-last{
	position:absolute;
	cursor:pointer;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 20px;
height: 16px;
background: red;
border-radius: 3px;
}
.super-editor .block-element.table-block .table-cell .-column-add-last{
	position:absolute;
	cursor:pointer;
right: -8px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 20px;
background: red;
border-radius: 3px;
}
.super-editor .table-action-menu{
	position:absolute;
top: 0px;
left: 0px;
width: 200px;
z-index: 999;
}
.super-editor .table-action-menu.-column{
	left: 50%;
	top: 20px;
}
.super-editor .table-action-menu.-row{
	top: 50%;
	left: 20px;
}
.super-editor .table-action-menu .submenu{
	overflow-x: hidden;
max-height: 200px;
}
.super-editor .table-action-menu .base-icon{
	top: 10px;
left: 12px;
}
.table-action-menu .color-gray{
	color: rgb(120, 119, 116);
fill: rgb(120, 119, 116)
}
.table-action-menu .color-brown{
	color: rgb(159, 107, 83);
fill: rgb(159, 107, 83)
}
.table-action-menu .color-orange{
	color: rgb(217, 115, 13);
fill: rgb(217, 115, 13)
}
.table-action-menu .color-yellow{
	color: rgb(203, 145, 47);
fill: rgb(203, 145, 47)
}
.table-action-menu .color-green{
	color: rgba(68, 131, 97, 1);
fill: rgba(68, 131, 97, 1);
}
.table-action-menu .color-blue{
	color: rgba(51, 126, 169, 1);
fill: rgba(51, 126, 169, 1);
}
.table-action-menu .color-purple{
	color: rgba(144, 101, 176, 1);
fill: rgba(144, 101, 176, 1);
}
.table-action-menu .color-pink{
	color: rgba(193, 76, 138, 1);
fill: rgba(193, 76, 138, 1);
}
.table-action-menu .color-red{
	color: rgba(212, 76, 71, 1);
fill: rgba(212, 76, 71, 1);
}
.table-action-menu .color-gray-bg .base-icon{
	background: rgb(241, 241, 239);
}
.table-action-menu .color-brown-bg .base-icon{
	background: rgba(244, 238, 238, 1);
}
.table-action-menu .color-orange-bg .base-icon{
	background: rgba(251, 236, 221, 1);
}
.table-action-menu .color-yellow-bg .base-icon{
	background: rgba(251, 243, 219, 1);
}
.table-action-menu .color-green-bg .base-icon{
	background: rgba(237, 243, 236, 1);
}
.table-action-menu .color-blue-bg .base-icon{
	background: rgba(231, 243, 248, 1);
}
.table-action-menu .color-purple-bg .base-icon{
	background: rgba(244, 240, 247, 0.8);
}
.table-action-menu .color-pink-bg .base-icon{
	background: rgba(249, 238, 243, 0.8);
}
.table-action-menu .color-red-bg .base-icon{
	background: rgba(253, 235, 236, 1);
}



.super-editor .block-element.embed-block .-inner-block-element{
	white-space: unset;
display: inherit;
	position:relative;
	text-align: center;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed{
	position:relative;
display: inline-block;
padding: 0px;
color: rgba(55, 53, 47, 0.65);
background: rgb(242, 241, 238);
cursor: pointer;
border-radius: 3px;
pointer-events: all;
user-select: none;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed.empty-block{
	display: block;
padding: 12px 36px 12px 40px;
text-align: left;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed.empty-block .base-button{
	display: inline-block;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed.empty-block .embed-url{
	border: 1px solid #ccc;
padding: 5px 6px;
box-shadow: inset 1px 1px 1px #f3f3f3;
border-radius: 3px;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed.empty-block .sublabel{
	margin-top: 6px;
}
.super-editor .block-element.embed-block.-has-image .-inner-block-element .-inner-embed{
	display: inline-block;
padding: 0px;
z-index: inherit;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed:hover{
	background: rgba(55, 53, 47, 0.08);
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed input{
	cursor:pointer;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed .base-icon{
	left: 10px;
top: 18px;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-overlay{
	position:absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer{
	position:absolute;
	cursor:pointer;
height: 100%;
top: 0px;
width: 12px;
right: 0px;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer.-horizon{
	position:absolute;
	cursor:pointer;
width: 100%;
top: 0px;
height: 12px;
left: 0px;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer.-horizon.-top{
	top: 0px;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer.-horizon.-bottom{
	bottom: 0px;
top: unset;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer .indicator{
	height: 80%;
width: 6px;
background: black;
border-radius: 12px;
margin: auto;
top: 50%;
transform: translateY(-50%);
position: relative;
max-height: 42px;
background: rgba(15, 15, 15, 0.6);
opacity: 0;
transition: 200ms;
cursor: col-resize;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer.-horizon .indicator{
	width: 80%;
height: 100%;
background: black;
border-radius: 12px;
margin: auto;
top: 0px;
position: relative;
max-width: 42px;
background: rgba(15, 15, 15, 0.6);
opacity: 0;
transition: 200ms;
cursor: row-resize;
transform: unset;
}
.super-editor .block-element.embed-block .-inner-block-element .-inner-embed:hover .embed-resizer .indicator{
	opacity: 1;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer.-left{
	left: 0px;
}
.super-editor .block-element.embed-block .-inner-block-element .embed-resizer.-right{
	right: 0px;
}



.super-editor .block-element.heading-one-block > .-inner-block-wrapper .-inner-block-element{
	font-size: 24px;
	font-weight:bold;
}
.super-editor .block-element.heading-two-block > .-inner-block-wrapper .-inner-block-element{
	font-size: 20px;
	font-weight:bold;
}
.super-editor .block-element.heading-three-block > .-inner-block-wrapper .-inner-block-element{
	font-size: 18px;
	font-weight:bold;
}
.super-editor .block-element.heading-paragraph-block > .-inner-block-wrapper .-inner-block-element{
	font-size: 16px;
}



.block-element .CodeMirror{
	height: unset;
}
.block-element.codeblock .-toolbar{
	position:absolute;
	top: 2px;
	left: 0px;
	right: 0px;
}
.block-element.codeblock .-toolbar .base-side{
	position:absolute;
	left: 0px;
}
.super-editor .super-editor-contents .block-element .-inner-block-element{
	font-size:14px;
}
.super-editor .block-element.codeblock .-inner-block-element{
	padding-top: 30px;
	background: rgb(55, 53, 47);
	white-space: unset;
}
.super-editor .block-element.codeblock.-display .-inner-block-element{
	padding-top: 0px;
}
.super-editor .block-element.codeblock .-toolbar .lang{
	color:#eee;
}
.super-editor .block-element.codeblock .-toolbar .lang .-icon{
	top: 8px;
}
.super-editor .block-element.codeblock .-toolbar .lang .-icon svg{
	width: 12px;
	height: 12px;
}
.super-editor .block-element.codeblock .-inner-block-element pre{
	padding: unset !important;
	background: unset !important;
}
.super-editor .block-element.codeblock .-toolbar .lang::after{
	font-family:ap; content:"\f0d7";
	position:absolute;
	margin-left:6px;
	margin-top:1px;
}




.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.08);
	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;
}
.cell-side{
	position:absolute;
	right:15px;
	top:15px;
}
.cell-side.-icons > .base-icon{
	position:relative;
	float:left;
	margin-left:10px;
}
.cell .cell-cb{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:18px;
	height:18px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	border:2px solid rgba(0,0,0,0.25);
}
.cell .cell-cb:hover{
	border:2px solid rgba(0,0,0,0.5);
}
.cell .cell-cb div{
	position:absolute;
	top:1px;
	left:4px;
	transform: rotate(45deg);
	height: 7px;
	width: 4px;
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
}
tr.-selected > td .cell .cell-cb{
	background-color: #7abd1a;
	border:2px solid rgba(0,0,0,0.05);
}
tr.-selected > td .cell .cell-cb div{
	border-color:#fff;
}



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



.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:#7abd1a;
	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 > .base-title .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.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:#7abd1a;
	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:#7abd1a;
	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-bottom:1px solid rgba(0,0,0,0.1);
	padding:13px 0;
}
.base-table-wrapper .over-limit-footer span{
	cursor:pointer;
 color:#888;
}
.base-table-wrapper .over-limit-footer span:hover{
	color:#267cde;
	text-decoration:underline;
}
.base-table-wrapper.-ambient .base-table thead{
	background-color: transparent;
}
.base-table-wrapper.-ambient .base-table thead td{
	color:#888;
}
.base-table-wrapper.-ambient .base-table .-first-td .cell, .base-table-wrapper.-ambient .base-table .-first-td .cell-lead{
	padding-left:0px;
}
.base-table-wrapper.-ambient .base-table .-last-td .cell .cell-actions{
	padding-right:0px;
}
.table-footer{
	position:relative;
	padding:20px 0;
}
.table-footer > .-tf-wrapper{
	position:relative;
	font-size:13px;
}
.table-footer .base-side{
	position:absolute;
	right:0px;
	top:0px;
}
.table-footer.-picon > .-tf-wrapper .ticon{
	position:absolute;
 color:#999;
	top:-1px;
	left:0px;
}
.table-footer.-picon > .-tf-wrapper{
	padding-left:24px;
}



.basetable-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.master-table table{
	position:relative;
	width:100%;
}
.master-table thead{
	position:relative;
	z-index:100;
}
.master-table thead tr{
	position:relative;
	background-color: #fff;
}
.master-table thead th{
	background-color: #fff;
	position:sticky;
	top:0px;
	text-align:left;
	font-weight:500;
	font-size:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:10;
}
.master-table thead th .base-backup{
	position:absolute;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-right:1px solid rgba(0,0,0,0.1);
}
.master-table thead th.-sticky-left{
	z-index:11;
}
.master-table thead th.-sticky-right .base-backup{
	border-right:0px solid transparent;
	border-left:1px solid rgba(0,0,0,0.1);
}
.master-table thead th .cell{
	padding:9px 15px;
}
.master-table thead.-gray th{
	background-color: #f3f3f3;
}
.master-table thead.-sm th .cell{
	padding-top:7px;
	padding-bottom:7px;
}
.master-table tbody{
	position:relative;
	overflow:hidden;
}
.master-table tbody td{
	position:relative;
	background-color: #fff;
	vertical-align:top;
}
.master-table tbody td.-sticky-left{
	position:sticky;
	z-index:11;
}
.master-table tbody td.-sticky-right{
	position:sticky;
	z-index:11;
	right:0px;
}
.master-table tbody td .cell{
	padding:8px 15px;
	position:relative;
}
.master-table tbody td .-cell-bg{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-right:1px solid rgba(0,0,0,0.1);
}
.master-table tbody td.-sticky-right .-cell-bg{
	border-left:1px solid rgba(0,0,0,0.1);
	border-right:0px solid transparent;
}
.master-table tbody td .cell .base-block .block-title{
	font-weight:500;
	font-size:14px;
}
.master-table tbody td .cell .base-block .-bcontent{
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
 color:#858585;
	margin-top:4px;
}
.master-table tbody tr.-selected > td{
	background-color: #f1f6eb;
}



.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 .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: #7abd1a;
}
.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-canvas.-multiple-lines .super-table .thead .base-block{
	text-transform:none;
	padding-top:5px;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-block .block-title{
	font-size:12px;
	text-transform:uppercase;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-block .block-info{
	font-weight:normal;
 color:#858585;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap: normal;
	font-size:13px;
}
.super-table-canvas.-multiple-lines .super-table .thead .base-block .block-info b{
	font-weight:500;
 color:#333333;
}
.super-table-canvas.-multiple-lines .super-table .thead .th .row-checkbox{
	margin-top:13px;
}
.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.-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;
}
.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;
}
.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:100;
}
#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:#7abd1a;
	right:10px;
	top:8px;
}
#board-ie .ie .dd .opt.active{
	color:#111;
}
#board-ie .ie .dd .opt.active:before{
	border:1px solid #7abd1a;
}
#board-ie .ie .dd .opt.active:after{
	content:"\2714";
	position:absolute;
 color:#639c11;
	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:#7abd1a;
	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: #7abd1a;
}
.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;
}



.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-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:#639c11;
	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);
}



.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;
}
.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:#7abd1a;
	background: rgba(122,189,26,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:normal;
	font-size:18px;
 color:#333333;
}
.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:"\e922";
	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:15px;
	font-weight:500;
 color:#999;
}



.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 .-avatar-text{
	padding-top:12px;
}
.display-cover > .base-icon{
	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.-justify{
}
.display-field.-justify .field-value{
	position:absolute;
	font-size:13px;
	right:0px;
	top:-2px;
	padding-top:0px;
}
.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-sections .tabs{
	overflow:hidden;
	position:relative;
	padding-left:20px;
	margin-right:1px;
}
.display-sections .tabs:before{
	position:absolute;
	bottom:0px;
	left:20px;
	right:20px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.display-sections .tabs .tab{
	float:left;
	font-size:11px;
 color:#888;
	cursor:pointer;
	position:relative;
	text-transform:uppercase;
	padding:10px 0px;
	margin-right:15px;
}
.display-sections .tabs .tab.active, .display-sections .tabs .tab.active{
	font-weight:500;
 color:#111;
	border-bottom:2px solid #ccc;
}
.display-sections.-bs-connected{
}
.display-sections.-bs-connected .section{
	border:none;
	display:none;
}
.display-sections.-bs-connected .section.active{
	display:block;
}
.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 .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:#6fad15;
	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%;
	max-width:33.333%;
}
.base-flex-cols.-col-4 > div{
	width:25%;
	max-width:25%;
}
.base-flex-cols.-col-5 > div{
	width:20%;
	max-width:20%;
}
.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-wrapper{
	overflow:hidden;
}
.base-grid-wrapper .grid-item-wrapper{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.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: #7abd1a;
}
#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: #6fad15;
}
.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 1px1px 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;
}
.dform .picked-labels{
	margin-top:4px;
}
.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 30px 8px 10px;
	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:"\eb6b";
	color:#111;
	font-size:14px;
	position:absolute;
	right:10px;
	top:10px;
}
.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;
}



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



.base-tabview{
}
.base-tabview .-tv-inactive{
	display:none;
}
.base-tabview .-tv-inactive.-tv-active{
	display:block;
}



*{
	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:#0a8ed2;
	font-weight:bold;
	cursor:pointer;
}
a:hover{
	color:#1e8fcf;
}
:focus{
	outline:none;
}
::-moz-focus-inner{
	border:0;
}
ins{
	text-decoration: none;
}
del,.del{
	text-decoration: line-through;
	color:#f30
}
ol, ul{
	list-style: none;
}
img{
	border: none;
	overflow:hidden;
	font-size:10px;
	color: transparent;
	vertical-align: middle;
	/*For IE.http://css-tricks.com/ie-fix-bicubic-scaling-for-images*/
	-ms-interpolation-mode: bicubic;
}
h5{
	font-size:12px;
}
h1{
	font-size:18px;
}
h2{
	font-size:16px;
}
h3, label{
	font-size:14px;
}
h4{
	font-size:13px;
}
h6{
	font-size:11px;
}
/*table*/ table{
	border-collapse:collapse;
	border-spacing:0;
}
table, th, td{
	vertical-align:middle;
}
textarea{
	resize: none;
}
.emo{
	vertical-align:-1px;
}
.url{
	cursor:pointer;
}
.inline-tag:hover{
	text-decoration:underline;
}
.url.std:hover{
	text-decoration:underline;
}



.master-pw{
	position:relative;
}
.pw-wrapper{
	max-width:1100px;
	margin:auto;
	position:relative;
	padding:0 20px;
}
.pw-wrapper .-pw{
	position:relative;
}



.marquee{
	animation: marquee 20s linear infinite;
	min-width:100%;
	display:flex;
	flex-direction:row !important;
	align-items:normal!important;
	flex:0 0 auto;
}
@keyframes marquee{
	0%{transform: translateX(0%);}
	100%{transform: translateX(-100%);}
}



.super-header{
	background-color: #267cde;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
	padding:11px 0;
	color: rgba(255,255,255,0.9);
	z-index:20000;
	position:sticky;
	top:0px;
	height:43px;
}
.super-header .tag{
	display:inline-block;
	font-size:10px;
 color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	background: rgba(255,255,255,0.1);
	padding:4px 8px;
	-moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
	margin-right:10px;
}
.super-header .base-button{
	position:absolute;
	right:40px;
	top:-6px;
	-moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
	background-color: transparent;
	border:none;
	font-size:14px;
	font-weight:bold;
}
.super-header .base-button:hover{
	text-decoration:underline;
 color:#fff;
}
.super-header .base-button .-icon{
	top:8px;
}
.super-header .-close{
	position:absolute;
	right:0px;
	top:3px;
}
.super-header .-close:before{
	position:absolute;
	left:-20px;
	top:0px;
	bottom:0px;
	width:2px;
	background: rgba(255,255,255,0.4);
	content:"";
}



.master-header{
	position:sticky;
	z-index:100;
	top:0px;
}
.master-header.-with-sh{
	top:43px;
}
.master-header.-auto-filled{
	border-bottom:1px solid rgba(0,0,0,0.1);
	backdrop-filter: blur(8px);
}
.master-header .brand{
	position:absolute;
	font-size:15px;
	min-width:60px;
	top:12px;
	padding:8px 0 8px 45px;
}
.master-header .brand .svg{
	position:absolute;
	width:36px;
	height:36px;
	top:0px;
	left:0px;
}
.master-header .brand .svg svg{
	height:36px;
	width:36px;
	fill:currentcolor;
}
.master-header .brand .txt{
}
.master-header .brand a:hover .txt{
	text-decoration:underline;
}
.master-header .main{
	padding:13px 0;
	margin:0 200px 0 200px;
	text-align:center;
}
.master-header .base-tabs{
	text-align:center;
}
.master-header .base-tabs .base-tab{
	margin:0 10px;
	color:#111;
	display:inline-block;
	font-size:14px;
	float:none;
}
.master-header .base-tabs .base-tab.-active{
	color:#267cde;
}
.master-header .base-tabs .base-tab:before{
	position:absolute;
	left:-10px;
	right:-10px;
	bottom:-18px;
	top:0px;
	content:"";
}
.master-header .base-tabs .base-tab.-pdd .-tab-inner{
	padding-right:23px;
}
.master-header .base-tabs .base-tab.-pdd:after{
	margin-top:-7px;
}
.master-header .base-tabs .base-tab:hover{
	color:#267cde;
	text-decoration:underline;
}
.master-header .base-side{
	position:absolute;
	right:0px;
	top:13px;
}
.master-header .base-side a{
	color:#267cde;
	display:block;
	float:left;
	font-size:14px;
	padding:8px 13px;
	margin-right:10px;
}
.master-header .base-side a:hover{
	text-decoration:underline;
}
.master-header .base-side .signup{
	background-color: #267cde;
	color:#fff;
	display:block;
	float:left;
	font-size:14px;
	font-weight:500;
	padding:8px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.master-header .base-side .signup:hover{
	background-color: #7abd1a;
}
.master-header .master-header-pages{
	position:absolute;
	left:0px;
	right:0px;
	top:60px;
}
.master-header .master-header-pages .master-header-page{
	display:none;
	padding:30px 0 10px 0;
	-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);
	background: rgba(255,255,255,0.95);
	backdrop-filter: blur(20px);
}
.master-header .master-header-pages .master-header-page.-active{
	display:block;
}
.master-header.-fw{
	color: rgba(255,255,255,0.8);
}
.master-header.-fw .brand a{
	color: rgba(255,255,255,0.9);
}
.master-header.-fw .brand a:hover{
	color:#fff;
}
.master-header.-fw .base-tabs .base-tab{
	color: rgba(255,255,255,0.9);
}
.master-header.-fw .base-tabs .base-tab:hover, .master-header.-fw .base-tabs .base-tab.-active{
	color:#fff;
}
.master-header.-fw .base-side a{
	color: rgba(255,255,255,0.8);
}
.master-header.-fw .base-side a:hover{
	color:#fff;
}
.master-header.-fw .base-side .signup{
	background: rgba(0,0,0,0.25);
}
.master-header.-fw .base-side .signup:hover{
	background: rgba(0,0,0,0.4);
}



.master-footer{
	position:relative;
	background-color: #303438;
	color: rgba(255,255,255,0.8);
}
.master-footer .footer-main{
	overflow:hidden;
	padding:30px 0;
}
.master-footer .footer-main .footer-links{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.master-footer .footer-main .footer-links.-lead{
	float:left;
	width:40%;
}
.master-footer .footer-main .footer-links.-std{
	float:left;
	width:20%;
}
.master-footer .footer-main .footer-links.-std > .-fl-wrapper{
	padding-left:30px;
}
.master-footer .footer-main .footer-links .base-title{
	font-size:12px;
	text-transform:uppercase;
	font-weight:500;
	color: rgba(255,255,255,0.6);
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
.master-footer .footer-main .footer-links .footer-link{
	padding-top:13px;
	font-size:14px;
	position:relative;
}
.master-footer .footer-main .footer-links .footer-link:hover{
	color:#fff;
	text-decoration:underline;
}
.master-footer .footer-main .footer-links .footer-def{
	padding-top:13px;
	font-size:14px;
	position:relative;
}
.master-footer .footer-def{
	padding-left:100px;
	line-height:23px;
}
.master-footer .footer-def em{
	position:absolute;
	left:0px;
	top:13px;
	font-size:13px;
	color: rgba(255,255,255,0.6);
}
.master-footer .footer-company{
	background: rgba(0,0,0,0.2);
	padding:20px 0;
	position:relative;
}
.master-footer .footer-company .base-title{
	padding:10px 0;
	font-size:15px;
	font-weight:500;
 color:#fff;
}
.master-footer .footer-company .base-tabs{
	position:absolute;
	text-align:center;
	left:200px;
	right:200px;
	top:3px;
}
.master-footer .footer-company .base-tabs .base-tab{
	margin:0 20px;
	display:inline-block;
	font-size:14px;
	float:none;
}
.master-footer .footer-company .base-tabs .base-tab:hover, .master-footer .footer-company .base-tabs .base-tab.active{
	color:#fff;
	text-decoration:underline;
}
.master-footer .footer-company .base-tabs .base-tab.-pdd:after{
	right:6px;
	margin-top:-7px;
}
.master-footer .footer-company .footer-icons{
	position:absolute;
	right:0px;
	top:0px;
}
.master-footer .footer-company .footer-icons .footer-icon{
	width:40px;
	height:40px;
	-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	position:relative;
	cursor:pointer;
	background: rgba(255,255,255,0.1);
	margin-left:10px;
}
.master-footer .footer-company .footer-icons .footer-icon .base-icon{
	left:12px;
	top:12px;
}
.master-footer .footer-company .footer-icons .footer-icon:hover{
	background: rgba(0,0,0,0.2);
	color:#fff;
}



.master-cover{
	position:relative;
}
.master-cover .master-pw{
	overflow:hidden;
}
.master-cover .-bg{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.master-cover.-fill-header .-bg{
	top:-200px;
}
.master-cover .mc-main{
	padding-bottom:30px;
}
.master-cover .cover-main{
	position:relative;
	padding:130px 0 130px 0;
	margin-right:40%;
}
.master-cover .cover-main .base-title{
	font-weight:bold;
	font-size:42px;
}
.master-cover .cover-main .base-subtitle{
	font-weight:500;
	display:block;
	font-size:34px;
	padding-top:15px;
}
.master-cover .cover-main .base-info{
	font-weight:normal;
	font-size:20px;
	padding:30px 0 60px 0;
	line-height:28px;
}
.master-cover .cover-main .base-info em{
	font-weight:bold;
}
.master-cover .cover-ctas{
	min-height:50px;
	overflow:hidden;
}
.master-cover .cover-ctas .cover-cta{
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:13px 30px;
	color:#267cde;
	font-weight:500;
	font-size:17px;
	float:left;
	cursor:pointer;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
	margin-right:16px;
	-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);
}
.master-cover .cover-ctas .cover-cta > .-cc-inner{
	position:relative;
}
.master-cover .cover-ctas .cover-cta.-picon > .-cc-inner{
	padding-left:18px;
}
.master-cover .cover-ctas .cover-cta .-icon{
	position:absolute;
	left:0px;
	top:1px;
}
.master-cover .cover-ctas .cover-cta:hover{
	text-decoration:underline;
	-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);
}
.master-cover .cover-ctas .cover-cta.-cta{
	background-color: #267cde;
	color:#fff;
}
.master-cover .cover-ctas .promo{
	clear:both;
	font-size:12px;
 color:#999;
	padding-top:30px;
}
.master-cover .mc-main .visual{
	position:absolute;
	left:66%;
	top:30px;
}
.master-cover .mc-main .visual img{
	max-width:500px;
}
.master-cover.-with-nav .mc-main .visual{
	top:100px;
}
.master-cover .cover-nav{
	position:absolute;
	top:20px;
	left:0px;
	right:0px;
}
.master-cover .cover-nav .logo{
	display:inline-block;
	position:relative;
	color: rgba(255,255,255,0.5);
	padding-left:16px;
}
.master-cover .cover-nav .logo .base-icon{
	left:0px;
	top:9px;
}
.master-cover .cover-nav .logo a{
	display:inline-block;
 color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:6px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.master-cover .cover-nav .logo a:hover{
	color:#fff;
	text-decoration:underline;
}
.master-cover .cover-nav .base-tabs{
	position:absolute;
	right:0px;
	top:0px;
}
.master-cover .cover-nav .base-tabs .base-tab{
	font-size:15px;
	color: rgba(255,255,255,0.7);
	margin-left:20px;
}
.master-cover .cover-nav .base-tabs .base-tab.-pdd:after{
	margin-top:-7px;
	right:5px;
}
.master-cover .cover-nav .base-tabs .base-tab .-cmenu{
	position:absolute;
	right:0px;
	top:32px;
}
.master-cover .cover-nav .base-tabs .base-tab.active, .master-cover .cover-nav .base-tabs .base-tab:hover{
	color:#fff;
}
.master-cover .cover-nav .base-tabs .base-tab.active{
	border-bottom:2px solid #fff;
}
.cover-credits{
	position:relative;
}
.cover-credits.-logos{
	text-align:center;
	padding-top:30px;
}
.cover-credits.-logos .title{
	font-size:20px;
	font-weight:300;
	padding-bottom:8px;
}
.cover-credits.-screenshot{
	position:relative;
	padding-top:20px;
}
.cover-credits.-screenshot:before{
	position:absolute;
	left:-1000px;
	right:-1000px;
	top:50%;
	bottom:-50px;
	background-color: #fff;
	content:"";
}
.cover-credits.-screenshot .ss{
	max-width:800px;
	margin:auto;
	position:relative;
	-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);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	overflow:hidden;
}
.cover-credits.-screenshot .ss img{
	width:800px;
}
.master-cover.-compact{
}
.master-cover.-compact .cover-main{
	padding:90px 0 60px 0;
}
.master-cover.-compact .cover-main .base-subtitle{
	padding-top:8px;
	font-size:28px;
}
.master-cover.-compact .visual .promo{
	text-align:right;
}
.master-cover.-compact .visual .cover-ctas .ctas{
	float:right;
	overflow:hidden;
	margin-right:-16px;
}
.master-cover.-fw .cover-main .base-title{
	color: rgba(255,255,255,0.95);
}
.master-cover.-fw .cover-main .base-subtitle{
	color: rgba(255,255,255,0.7);
}
.master-cover.-fw .cover-main .base-info{
	color: rgba(255,255,255,0.85);
}
.master-cover.-fw .cover-ctas .promo{
	color: rgba(255,255,255,0.6);
}



.lp-section{
	padding:80px 0;
}
.lp-section .ls-header{
	padding-bottom:30px;
	text-align:center;
}
.lp-section .ls-header .base-title{
	font-size:40px;
	font-weight:300;
}
.lp-section .ls-header .base-subtitle{
	font-size:16px;
 color:#888;
	padding-top:10px;
}
.lp-section.-gray{
	background-color: #f6f6f6;
}



.customer-logos{
	display:flex;
	flex:0 0 auto;
	flex-direction:row !important;
	min-width:100%;
}
.customer-logos .customer-logo{
	width:180px;
	min-width:180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	height:90px;
	padding:10px;
 filter: grayscale(100);
 -webkit-filter: grayscale(100);
 -moz-filter: grayscale(100);
 -ms-filter: grayscale(100);
 -o-filter: grayscale(100);
}
.customer-logos .customer-logo img{
	max-width:160px;
}
.customer-logos .customer-logo:hover{
	filter: grayscale(0);
 -webkit-filter: grayscale(0);
 -moz-filter: grayscale(0);
 -ms-filter: grayscale(0);
 -o-filter: grayscale(0);
}
.customer-logos.-marquees{
	display:flex;
	overflow-x: hidden !important;
	flex-direction:row !important;
	position:relative;
}
.customer-list{
	overflow:hidden;
	text-align:center;
}
.customer-list .customer-logo{
	width: 20%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100px;
	margin-bottom: 10px;
}
.customer-list .customer-logo img{
	max-width: 100%;
}



.customer-stories .cs-items{
	overflow:hidden;
	margin-right:-3.3%;
	padding:20px 0 0 0;
}
.customer-stories .cs-items .item{
	width:30.3%;
	margin-right:3%;
	float:left;
	overflow:hidden;
	background-color: #fafafa;
	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:30px;
}
.customer-stories .cs-items .item .image{
	position:relative;
	overflow:hidden;
	height:0px;
	padding-bottom: 51%;
}
.customer-stories .cs-items .item .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
.customer-stories .cs-items .item .image .inner img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.customer-stories .cs-items .item .image:hover .inner{
	transform: scale(1.1,1.1);
}
.customer-stories .cs-items .item .main{
	padding:15px 20px;
	height:95px;
}
.customer-stories .cs-items .item .main .title, .customer-stories .cs-items .item .main .title a{
	font-size:15px;
	font-weight:500;
 color:#1c70ce;
}
.customer-stories .cs-items .item .main .title a:hover{
	text-decoration:underline;
}
.customer-stories .cs-items .item .main .content{
	font-size:13px;
 color:#666;
	padding-top:6px;
}
.customer-stories .cs-items .item .main .subtitle{
	font-size:11px;
 color:#999;
	text-transform:uppercase;
	padding-top:13px;
}
.customer-stories .cs-items .item .main .subtitle a{
	font-size:11px;
 color:#999;
}
.customer-stories .cs-items .item .main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}
.customer-stories .cs-footer{
	text-align:center;
	padding-top:20px;
}
.customer-stories .cs-footer .more{
	font-size:16px;
	display:inline-block;
	font-weight:500;
	cursor:pointer;
	padding:10px 30px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.customer-stories .cs-footer .more:hover{
	color:#267cde;
	text-decoration:underline;
}
.cards.-alt .items .item{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
}
.cards.-alt .items .item{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
}



.customer-testimonials{
	padding:10px 0;
}
.customer-testimonial{
	position:relative;
	padding-right:10px;
}
.customer-testimonial .ct-logo{
}
.customer-testimonial .ct-logo img{
	max-height:48px;
}
.customer-testimonial .ct-content{
	font-size:16px;
 @tfont 
	font-style:italic;
	margin-bottom:15px;
	margin-top:3px;
	line-height:22px;
}



.product-packages.-board .package{
	margin-bottom:0px;
	position:relative;
	padding-left:30%;
	background-color: #fff;
	margin-bottom:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.product-packages.-board .package:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.product-packages.-board .package:after{
	position:absolute;
	left:30%;
	right:0px;
	bottom:0px;
	margin-left:35px;
	height:1px;
	content:"";
}
.product-packages.-board .package:last-child:after{
	display:none;
}
.product-packages.-board .package .graphic{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	width:30%;
	top:0px;
	bottom:0px;
	left:0px;
	opacity: 0.03; filter: alpha(Opacity:3);
}
.product-packages.-board .package .graphic img{
	width:100%;
}
.product-packages.-board .package .header{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:30%;
	top:0px;
	bottom:0px;
	left:0px;
	padding:20px;
	background-color: var(--bg);
	color:var(--alt-bg);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s;
 -o-transition-duration: 0.15s; transition-duration: 0.15s;
}
.product-packages.-board .package .header .title{
	font-size:24px;
	font-weight:500;
	color: var(--alt);
}
.product-packages.-board .package .header .title:hover{
	text-decoration:underline;
}
.product-packages.-board .package .header .info{
	font-size:16px;
	font-weight:normal;
	padding-top:5px;
}
.product-packages.-board .package .header .cta{
	display:inline-block;
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
 color:#fff;
	padding:10px 15px;
	margin-top:25px;
	background-color: var(--alt-bg);
}
.product-packages.-board .package .papps{
	overflow:hidden;
	padding:15px;
}
.product-packages.-board .package .papps .app{
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	display:block;
	font-weight:normal;
 color:#111;
	width:50%;
	padding:15px 0 15px 75px;
}
.product-packages.-board .package .papps .app .icon{
	position:absolute;
	top:13px;
	left:18px;
}
.product-packages.-board .package .papps .app .icon img{
	width:40px;
	height:40px;
}
.product-packages.-board .package .papps .app .name{
	font-size:15px;
	font-weight:500;
	display:block;
	padding-bottom:3px;
}
.product-packages.-board .package .papps .app .info{
	font-size:13px;
 color:#888;
	display:block;
}
.product-packages.-board .package .app.-more{
	color:#267cde;
	cursor:pointer;
}
.product-packages.-board .package .app.-more .icon{
	top:17px;
	left:27px;
}
.product-packages.-board .package .app.-more svg{
	width:32px;
	height:32px;
	fill:currentcolor;
}
.product-packages.-board .package .app.-more .more{
	text-transform:uppercase;
	font-weight:500;
	font-size:13px;
	display:block;
	padding-top:9px;
	padding-bottom:15px;
}
.product-packages.-board .package .app:hover{
	color:#267cde;
}
.product-packages.-board .package .app:hover .name, .product-packages.-board .package .app:hover .more{
	text-decoration:underline;
}
.product-packages.-board .package:hover .header{
	background-color: var(--alt-bg);
	color: #fff;
}
.product-packages.-board .package:hover .header .title{
	color:#fff;
}
.product-packages.-board .package:hover .header .cta{
	background: rgba(0,0,0,0.1);
	color:#fff;
}
.product-packages.-board .package:hover .header .cta:hover{
	background-color: #fff;
	color:var(--alt-bg);
}



.product-solutions > .-ps-inner{
	overflow:hidden;
	margin-right:-2%;
	padding:20px 0 0 0;
}
.product-solutions.-cards .product-solution{
	width:23%;
	margin-right:2%;
	float:left;
	overflow:hidden;
	display:block;
 color:#fff;
	font-weight:normal;
	background-color: #fafafa;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:30px;
	background-color: var(--bg);
}
.product-solutions.-cards .product-solution:hover{
	background-color: var(--hover-bg);
}
.product-solutions.-cards .product-solution .image{
	position:relative;
	overflow:hidden;
	display:block;
	height:0px;
	padding-bottom:60%;
}
.product-solutions.-cards .product-solution .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	text-align:center;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
	padding-top:30px;
}
.product-solutions.-cards .product-solution .image .base-icon-inline{
	width:80px;
	height:80px;
}
.product-solutions.-cards .product-solution .image svg{
	height:80px;
	width:80px;
	fill:currentcolor;
}
.product-solutions.-cards .product-solution .image:hover .inner{
	transform: scale(1.1,1.1);
}
.product-solutions.-cards .product-solution .ps-main{
	padding:15px 20px;
	text-align:center;
	display:block;
	background: rgba(0,0,0,0.1);
}
.product-solutions.-cards .product-solution .ps-main .title{
	font-size:16px;
	font-weight:500;
	display:block;
}
.product-solutions.-cards .product-solution .ps-main .subtitle{
	font-size:11px;
	text-transform:uppercase;
	display:block;
	padding-top:10px;
	color: rgba(255,255,255,0.8);
}
.product-solutions.-cards .product-solution .ps-main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}



.pricing-canvas{
	padding:60px 0;
}
.pricing-canvas .-pc-wrapper{
}
.pricing-canvas .pc-header{
	padding-bottom:20px;
}
.pricing-canvas .pc-header .base-title{
	font-size:32px;
	font-weight:bold;
}
.pricing-canvas .pc-header .base-info{
}
.pricing-contact{
	padding:20px 100px 20px 0;
	position:relative;
}
.pricing-contact .text{
	font-size:15px;
 color:#888;
}
.pricing-contact .base-button{
	position:absolute;
	font-size:16px;
	font-weight:500;
	right:0px;
	top:8px;
}
.pricing-contact .phones{
	position:absolute;
	top: 0;
	right: 0;
	width: 300px;
}
.pricing-contact .contact-phone{
	display:block;
	position:relative;
	padding: 15px;
}
.pricing-contact .base-button .-icon{
	left:4px;
	top:11px;
}
.pricing-plans{
}
.pricing-plans .plan{
	overflow:hidden;
}
.pricing-plans .plan > .-wrapper{
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-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);
	background-color: #fafafa;
}
.pricing-plans .plan .recommended{
	background-color: var(--color);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	text-transform:uppercase;
	font-size:12px;
	font-weight:500;
	height:28px;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	color:#fff;
	text-align:center;
 color:#fff;
	margin-bottom:-3px;
	z-index:1;
	padding-top:7px;
}
.pricing-plans .plan.-recommended{
	margin-top:-25px;
}
.pricing-plans.-recommended .base-grid-wrapper{
	padding-top:25px;
}
.pricing-plans .plan .header{
	padding:20px 5%;
	border-bottom:1px solid #eee;
	background-color: #fff;
}
.pricing-plans .plan.-picon .header > .-inner{
	position:relative;
	padding-left:36px;
}
.pricing-plans .plan.-picon .header .base-icon{
	position:absolute;
	left:0px;
	top:2px;
}
.pricing-plans .plan .header .base-title{
	font-size:22px;
	font-weight:bold;
}
.pricing-plans .plan .header .base-subtitle{
	font-size:12px;
 color:#888;
	margin-top:4px
}
.pricing-plans .plan .price{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	height:130px;
	padding:20px 5%;
}
.pricing-plans .plan .price .cost{
	display:block;
}
.pricing-plans .plan .price .cost em{
	font-weight:500;
	display:block;
	font-size:35px;
}
.pricing-plans .plan .price .cost em span{
	font-size:24px;
	font-weight:normal;
	display:inline-block;
 color:#999;
	vertical-align:10px;
}
.pricing-plans .plan .price .cost .unit{
	font-size:13px;
 color:#666;
	padding-top:4px;
}
.pricing-plans .plan .price .cost .unit b{
	color:#111;
}
.pricing-plans .plan .price p{
	font-size:12px;
 color:#888;
	padding-top:20px;
}
.pricing-plans .plan .price .contact-us{
	position:relative;
	height:48px;
}
.pricing-plans .plan .price .contact-us .icon{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid rgba(0,0,0,0.3);
	width:40px;
	height:40px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:7px;
	padding-left:7px;
}
.pricing-plans .plan .price .contact-us em{
	position:absolute;
	font-size:13px;
 color:#aaa;
	left:55px;
	top:13px;
}
.pricing-plans .plan .plan-cta{
	margin:0 5%;
	padding:30px 0;
}
.pricing-plans .plan .cta{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	padding:13px 5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	color:#267cde;
	border:1px solid #267cde;
}
.pricing-plans .plan .cta:hover{
	background-color: #267cde;
	color:#fff;
}
.pricing-plans .plan .offers{
	margin:0 5%;
	padding-bottom:20px;
}
.pricing-plans .plan .offers .offer{
	padding-bottom:11px;
	padding-left:24px;
	position:relative;
	font-size:12px;
}
.pricing-plans .plan .offers .offer .base-icon{
	position:absolute;
 color:#7abd1a;
	left:0px;
	top:1px;
}
.pricing-plans .plan.-colorful .header, .pricing-plans .plan.-colorful .price .cost em{
	color:var(--color);
}
.pricing-plans .plan.-colorful .plan-cta .cta{
	border-color:var(--color);
	color: var(--color);
}
.pricing-plans .plan.-colorful .plan-cta .cta:hover{
	background-color: var(--color);
	border-color:var(--color);
	color:#fff;
}
.pricing-plans .plan.-colorful .plan-cta .cta.-solid{
	background-color: var(--color);
	border-color:var(--color);
	color:#fff;
}
.pricing-plans .plan.-colorful .plan-cta .cta.-solid:hover{
	background-color: var(--darker);
}
.pricing-plans .plan.-colorful .offers .offer .base-icon{
	color: var(--color);
}
.pricing-slider{
	position:relative;
	padding:32px 0 60px 0;
}
.pricing-slider .slider-area{
	margin-right:0px;
}
.pricing-slider .slider-area .slider{
	-moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
	background: rgba(0,0,0,0.1);
	height:10px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
	@unselectable;
}
.pricing-slider .slider-area .ui-slider-horizontal .ui-slider-range{
	background-color: #267cde;
	-moz-border-radius: 6px 0 0 6px;
 -webkit-border-radius: 6px 0 0 6px;
 border-radius: 6px 0 0 6px;
}
.pricing-slider .slider-area .ui-slider-horizontal .ui-slider-handle{
	background-color: #fff;
	-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);
	width:22px;
	height:22px;
	-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;
	cursor:pointer;
	top:-6px;
}
.pricing-slider .slider-area .ui-slider-horizontal .ui-slider-handle:after{
	position:absolute;
	left:3px;
	right:3px;
	bottom:3px;
	top:3px;
	background-color: #267cde;
	content:"";
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.pricing-slider .slider-area .ui-slider-horizontal .ui-slider-handle > span{
	display:block;
	position:absolute;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	font-size:11px;
	color: rgba(255,255,255,0.8);
	width:120px;
	left:0px;
	bottom:30px;
	margin-left:-53px;
}
.pricing-slider .slider-area .ui-slider-horizontal .ui-slider-handle > span > span{
	display:inline-block;
	padding:5px 8px;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.pricing-slider .slider-area .ui-slider-horizontal .ui-slider-handle > span:before{
	width: 0; height: 0;
 border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:6px solid rgba(0,0,0,0.8);
	position:absolute;
	left:50%;
	margin-left:-3px;
	bottom:-6px;
	content:"";
}
.pricing-slider .slider-area .stack-sep{
	position:absolute;
	background-color: #fff;
	top:0px;
	width:2px;
	bottom:0px;
	z-index:1;
}
.pricing-slider .slider-area .stack-sep .marker{
	font-size:11px;
 color:#999;
	position:absolute;
	top: 15px;
	display:inline-block;
	text-align:center;
}
.pricing-slider .slider-area .stack-sep.-first .marker{
	left: 0;
}
.pricing-slider .slider-area .stack-sep.-last, .pricing-slider .slider-area .stack-sep.-last .marker{
	right: -2px;
}
.pricing-slider .computed{
	position:absolute;
	display:none;
	right:0px;
	width:180px;
	top:0px;
}
.pricing-slider .computed .count{
	font-size:13px;
 color:#888;
	padding-bottom:3px;
}
.pricing-slider .computed .count b{
	font-weight:bold;
	font-size:14px;
 color:#111;
}
.pricing-slider .computed .cost{
	font-size:12px;
 color:#888;
}
.pricing-slider .computed .cost b{
	font-weight:500;
	font-size:20px;
 color:#1157a5;
	vertical-align:-2px;
	margin-right:2px;
}
.pricing-slider .computed .cost b span{
	font-weight:normal;
	font-size:14px;
 color:#777;
}
.pricing-slider .enterprise{
	position:absolute;
	font-size:13px;
 color:#1663ba;
	display:none;
	top:65px;
	left:0px;
}
.pricing-slider.-maxed .enterprise{
	display:block;
}
.pricing-slider .starter{
	position:absolute;
	font-size:13px;
 color:#1663ba;
	display:none;
	top:65px;
	left:0px;
}
.pricing-slider.-min .starter{
	display:block;
}



.pricing-comparison{
	padding:60px 0;
	border-top:1px solid #e5e5e5;
}
.pricing-comparison .ps-header{
	font-size:32px;
	font-weight:bold;
}
.pricing-features{
}
.pricing-fgroup{
	padding-top:50px;
}
.pricing-fgroup .feature-name{
	font-size:15px;
}
.pricing-fgroup .plan-name{
	color:#111;
}
.pricing-fgroup .value{
	font-size:14px;
}
.pricing-fgroup .base-table thead.-sm td .cell, .pricing-fgroup .base-table thead.-sm td .cell-lead{
	text-transform:none;
	font-size:15px;
}
.pricing-fgroup .app-info{
	position:relative;
	padding-left:45px;
}
.pricing-fgroup .app-info .app-icon{
	position:absolute;
	width:32px;
	height:32px;
	top:0px;
	left:0px;
}
.pricing-fgroup .app-info .app-icon img{
	width:32px;
	height:32px;
}
.pricing-fgroup .app-info .app-name{
	font-size:14px;
	font-weight:500;
	padding-bottom:5px;
}
.pricing-fgroup .app-info .app-name .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.pricing-fgroup .app-info .app-desc{
	font-size:12px;
 color:#999;
}
.pricing-comparison .pricing-sticky-wrapper{
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	height: 150px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	z-index: 100;
	-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
	transition: all 500ms ease-in-out;
}
.pricing-comparison .pricing-sticky-wrapper.stick{
	-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%)
}
.pricing-comparison .pricing-sticky-wrapper .base-table tbody td{
	border-bottom: none;
}
.pricing-comparison .pricing-sticky-wrapper.hidden{
	display: none;
}
.pricing-comparison .plan .header{
	padding:20px 5%;
	border-bottom:1px solid #eee;
}
.pricing-comparison .plan.-picon .header > .-inner{
	position:relative;
	padding-left:36px;
}
.pricing-comparison .plan.-picon .header .base-icon{
	position:absolute;
	left:0px;
	top:0px;
}
.pricing-comparison .plan .header .base-title{
	font-size:16px;
	font-weight:bold;
}
.pricing-comparison .plan .price{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	height:80px;
	padding:12px 5%;
}
.pricing-comparison .plan .price .cost{
	display:block;
}
.pricing-comparison .plan .price .cost em{
	font-size:18px;
	font-weight:500;
	display:block;
}
.pricing-comparison .plan .price .cost em span{
	font-size:14px;
	font-weight:normal;
	display:inline-block;
 color:#999;
	vertical-align:10px;
}
.pricing-comparison .plan .price .cost .unit{
	font-size:11px;
 color:#666;
	padding-top:4px;
}
.pricing-comparison .plan .price .cost .unit b{
	color:#111;
}
.pricing-comparison .plan .price p{
	font-size:11px;
 color:#888;
	padding-top:20px;
}
.pricing-comparison .plan.-colorful .header, .pricing-comparison .plan.-colorful .price .cost em{
	color:var(--color);
}
.pricing-comparison .plan.-colorful .header .base-icon{
	color:var(--color);
}
.pricing-comparison .pricing-comparison-bottom{
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #fff;
	height: 155px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	z-index: 100;
}
.pricing-comparison .pricing-comparison-bottom .cell .plan{
	-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);
	background-color: #fafafa;
}
.pricing-comparison .pricing-comparison-bottom .base-table tbody td{
	border-bottom: none;
}



.pricing-addon{
	padding:20px 0;
	max-width:800px;
	margin:auto;
}
.pricing-addon > .-pa-wrapper{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:30px 10%;
	overflow:hidden;
	position:relative;
}
.pricing-addon .pa-label{
	background-color: #7abd1a;
	font-weight:500;
	position:absolute;
 color:#fff;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	padding:8px 0;
	width:200px;
	right:-64px;
	top:15px;
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(40deg); -ms-transform: rotate(40deg);
 -webkit-transform: rotate(40deg); -o-transform: rotate(40deg);
 -moz-transform: rotate(40deg);
}
.pricing-addon .header{
	padding-bottom:30px;
}
.pricing-addon .header .base-title{
	font-size:24px;
	font-weight:bold;
}
.pricing-addon .header .base-subtitle{
	font-size:15px;
 color:#999;
	padding-top:4px;
}
.pricing-addon .content{
	position:relative;
	padding-left:35%;
}
.pricing-addon .content .cost{
	position:absolute;
	left:0px;
	width:30%;
}
.pricing-addon .content .cost b{
	font-size:21px;
	display:block;
}
.pricing-addon .content .cost .txt{
	font-size:14px;
 color:#999;
	padding-top:4px;
}
.pricing-addon .content .offers{
}
.pricing-addon .content .offers .offer{
	padding-bottom:15px;
	padding-left:24px;
	font-size:14px;
	position:relative;
}
.pricing-addon .content .offers .offer .base-icon{
	position:absolute;
 color:#7abd1a;
	left:0px;
	top:1px;
}



.pricing-faqs{
	max-width:800px;
	margin:auto;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.base-faq{
	border-top:1px solid rgba(0,0,0,0.1);
}
.base-faq .faq-title{
	font-size:15px;
	font-weight:500;
	cursor:pointer;
	position:relative;
	padding:20px 30px 20px 0;
}
.base-faq .faq-title:after{
	font-family:ap; content:"\eb31";
	font-size:20px;
	position:absolute;
 color:#aaa;
	right:0px;
	top:19px;
	-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-faq .faq-content{
	font-size:14px;
	display:none;
 color:#666;
	padding-bottom:20px;
	line-height:22px;
	margin-top:-8px;
}
.base-faq .faq-content p{
	padding-bottom:15px;
}
.base-faq .faq-content p:last-child{
	padding-bottom:0px;
}
.base-faq:hover .faq-title{
	text-decoration:underline;
}
.base-faq.active .faq-content{
	display:block;
}
.base-faq.active .faq-title:after{
	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);
	color:#111;
}






.lp-features{
	margin-top:20px;
}
.lp-feature{
	position:relative;
}
.lp-feature > .-lf-wrapper{
	padding:15px 25px;
	position:relative;
	text-align:center;
}
.lp-feature .lf-icon{
	text-align:center;
	margin-bottom:10px;
}
.lp-feature .lf-icon .base-icon-inline{
	width:auto;
	height:auto;
}
.lp-feature .lf-icon .base-icon-inline > .base-icon{
	position:relative;
}
.lp-feature .lf-image{
	padding:20px 0;
}
.lp-feature .lf-image img{
	height:160px;
}
.lp-feature .base-title{
	font-size:22px;
	font-weight:bold;
	padding:13px 0;
}
.lp-feature .lf-content{
	font-size:16px;
 color:#666;
	line-height:24px;
}
.lp-features .extra{
	text-align:center;
	margin-top:30px;
}
.lp-features .extra .base-button{
	text-align:center;
	font-size:16px;
	font-weight:500;
	display:inline-block;
	height:48px;
	border:2px solid #888;
	padding:12px 24px;
}
.lp-features .extra .base-button:hover{
	text-decoration:underline;
	border:2px solid #267cde;
}






.lp-intro{
	position:relative;
}
.lp-intro > .-li-wrapper{
	position:relative;
	padding-left:45%;
}
.lp-intro .li-image{
	position:absolute;
	width:35%;
	top:0px;
	left:0px;
}
.lp-intro .li-image img{
	max-width:100%;
}
.lp-intro .base-title{
	font-size:16px;
	font-weight:500;
	text-transform:uppercase;
}
.lp-intro .base-subtitle{
	font-size:36px;
	padding:10px 0 15px 0;
	font-weight:500;
}
.lp-intro .li-text{
	font-size:15px;
	line-height:22px;
}
.lp-intro .li-text p{
	padding-bottom:15px;
}
.lp-intro.-align-right > .-li-wrapper{
	padding-right:45%;
	padding-left:0;
}
.lp-intro.-align-right .li-image{
	left:auto;
	right:0px;
}



.press-logo{
	height:24px;
	padding:0 15px;
 filter: grayscale(50);
 -webkit-filter: grayscale(50);
 -moz-filter: grayscale(50);
 -ms-filter: grayscale(50);
 -o-filter: grayscale(50);
}
.press-logo:hover{
	filter: grayscale(0);
 -webkit-filter: grayscale(0);
 -moz-filter: grayscale(0);
 -ms-filter: grayscale(0);
 -o-filter: grayscale(0);
}
.press-logo img{
	max-height:24px;
}
.press-logos.-marquees{
	display:flex;
	overflow-x: hidden !important;
	flex-direction:row !important;
	position:relative;
	height:32px;
	margin:5px 0 20px 0;
}
.press-articles{
}
.press-articles > .-pa-inner{
	overflow:hidden;
	position:relative;
	margin-top:20px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.press-articles > .-pa-inner:after{
	position:absolute;
	display:none;
	left:50%;
	top:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.1);
	content:"";
}
.press-articles .press-article{
	width:50%;
	float:left;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
 color:#111;
	display:block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:20px 20px 20px 200px;
	height:139px;
}
.press-articles .press-article .image{
	position:absolute;
	width:160px;
	height:100px;
	top:20px;
	left:20px;
}
.press-articles .press-article .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
.press-articles .press-article .image .inner img{
	width:100%;
	min-height:100%;
}
.press-articles .press-article .image:hover .inner{
	transform: scale(1.1,1.1);
}
.press-articles .press-article .main .title{
	font-size:16px;
	font-weight:normal;
}
.press-articles .press-article .main .title a:hover{
	text-decoration:underline;
}
.press-articles .press-article .main .subtitle{
	font-size:11px;
 color:#999;
	text-transform:uppercase;
	display:block;
 @norma;
	padding-top:10px;
}
.press-articles .press-article .main .subtitle a{
	font-size:11px;
 color:#999;
}
.press-articles .press-article .main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}
.press-articles .press-article:hover{
	background-color: #fff;
	color:#267cde;
}
.press-articles .press-article:hover .title{
	text-decoration:underline;
}



.lp-download{
	padding:80px 0;
	text-align:center;
}
.lp-download h3{
	color:#999;
	font-size:20px;
	font-weight:normal;
	padding-bottom: 20px;
}
.lp-download .download-icons a{
	padding: 0px 5px;
	display:inline-block;
}
.lp-download .download-icon a img{
	max-width: initial;
}



.lp-screenshots{
	padding-top:20px;
}
.lp-screenshots > .-ls-wrapper{
	position:relative;
}
.lp-screenshots .ls-images{
	position:absolute;
	right: 0px;
	width: 65%;
	top: -10px;
	bottom:0px;
}
.lp-screenshots .ls-images .image{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
.lp-screenshots .ls-images .image.active{
	display:block;
}
.lp-screenshots .ls-images .image img{
	position:absolute;
	top:0px;
	left:0px;
	max-width:200%;
}
.lp-screenshots .ls-items{
}
.lp-screenshots .lp-screenshot{
	position:relative;
	cursor:pointer;
	padding: 13px 20px;
	margin-right: 70%;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom: 5px;
}
.lp-screenshots .lp-screenshot:hover{
	background-color: #fff;
}
.lp-screenshots .lp-screenshot .title{
	font-size:15px;
	position:relative;
 color:#333;
	font-weight:normal;
	text-transform:uppercase;
	line-height: 23px;
	padding-bottom: 3px;
}
.lp-screenshots .lp-screenshot .content{
	font-size:13px;
 color:#888;
	line-height: 20px;
}
.lp-screenshots .lp-screenshot.active{
	display:block;
	-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;
}
.lp-screenshots .lp-screenshot.active .title{
	color:#267cde;
	font-weight:500;
}
.lp-section.-fw .lp-screenshots .lp-screenshot.active{
	background-color: #fafafa;
}



.page-cta-inline{
	position:relative;
	text-align:center;
	margin:auto;
	padding:40px 0;
	margin-top:20px;
	font-size:15px;
 color:#888;
}
.page-cta-inline a{
	font-size:13px;
 color:#fff;
	display:inline-block;
	font-weight:bold;
	cursor:pointer;
	padding:10px 15px;
	margin-left: 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #267cde;
}
.page-cta-inline a:hover{
	background-color: #7abd1a;
}



html.-stealth, body.-stealth{
	height:100%;
	position:relative;
	overflow:hidden;
}
body.-stealth #master{
	height:100%;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	position:relative;
}
body.-stealth #page{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.lp-scanvas{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	font-family:Source Sans Pro;
}
.lp-scanvas .lp-sbg{
	position:absolute;
	top:-100px;
	left:-100px;
	right:-100px;
	bottom:-100px;
}
.lp-scanvas .lp-sbg img{
	width:100%;
	min-height:100%;
}
.lp-scanvas .lp-sbg .bg-mask{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background: rgba(0,0,0,0.1);
}
.lp-scanvas .lp-scroll{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.lp-scanvas .lp-hiring{
	position:absolute;
	bottom:20px;
	left:0px;
	right:0px;
	text-align:center;
	font-size:14px;
}
.lp-scanvas .lp-hiring a{
	font-weight:normal;
	color: rgba(255,255,255,0.8);
}
.lp-scanvas .lp-hiring a span{
	color:#c34343;
}
.lp-scanvas .lp-hiring a:hover{
	text-decoration:underline;
 color:#fff;
}



.lp-scanvas .lp-sform-wrapper{
	width:520px;
	margin:auto;
	padding-top:200px;
}
.lp-scanvas .lp-sform{
	background: rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 6px rgba(255,255,255,0.2);
 -webkit-box-shadow: 0px 0px 6px rgba(255,255,255,0.2);
 box-shadow: 0px 0px 6px rgba(255,255,255,0.2);
	backdrop-filter:blur(10px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-size:15px;
	padding:40px 50px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	color: rgba(255,255,255,0.7);
}
.lp-scanvas .lp-sform .base-title{
	font-size:32px;
	font-weight:bold;
 color:#fff;
}
.lp-scanvas .lp-sform .base-subtitle{
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}
.lp-scanvas .lp-sform .content{
	padding-top:30px;
	color: rgba(255,255,255,0.6);
	line-height:22px;
}
.lp-scanvas .lp-sform .content p{
	padding-bottom:15px;
}
.lp-scanvas .lp-sform .form-trigger{
	border-top:1px solid rgba(255,255,255,0.1);
	padding-top:20px;
	margin-top:20px;
	color: rgba(255,255,255,0.9);
	font-size:13px;
}
.lp-scanvas .lp-sform .base-form{
	padding-top:15px;
	padding-bottom:15px;
	font-size:15px;
}
.lp-scanvas .lp-sform .base-form .fr-input{
	padding-bottom:15px;
	position:relative;
}
.lp-scanvas .lp-sform .base-form .fr-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;
}
.lp-scanvas .lp-sform .base-form .fr-input input{
	padding:7px 10px;
	height:36px;
	background: rgba(255,255,255,0.95);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid transparent;
}
.lp-scanvas .lp-sform .base-form .fr-input.-picon input{
	padding-left:36px;
}
.lp-scanvas .lp-sform .base-form .fr-input input:active, .lp-scanvas .lp-sform .base-form .fr-input input:focus{
	-moz-box-shadow: 0px 0px 6px rgba(38,124,222,0.8);
 -webkit-box-shadow: 0px 0px 6px rgba(38,124,222,0.8);
 box-shadow: 0px 0px 6px rgba(38,124,222,0.8);
}
.lp-scanvas .lp-sform .base-form .fr-input .input-field-error{
	color:#c34343;
	font-size:13px;
	padding-top:6px;
}
.lp-scanvas .lp-sform .base-form .base-form-submit, .lp-scanvas .lp-sform .base-form .form-button{
	background-color: #7abd1a;
	height:36px;
	border:none;
	color:#fff;
	text-align:center;
	font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	padding:8px;
}
.lp-scanvas .lp-sform .base-form .base-form-submit:hover, .lp-scanvas .lp-sform .base-form .form-button:hover{
	background-color: #267cde;
}
.lp-scanvas .lp-sform .base-form .trigger{
	padding-right:100px;
	position:relative;
}
.lp-scanvas .lp-sform .base-form .trigger .form-button{
	position:absolute;
	right:0px;
	top:0px;
	width:90px;
}
.lp-scanvas .lp-sform .base-form.-ext .extra{
	display:none;
}
.lp-scanvas .lp-sform .base-form.-ext.-activated .trigger{
	padding-right:0px;
}
.lp-scanvas .lp-sform .base-form.-ext.-activated .trigger .form-button{
	display:none;
}
.lp-scanvas .lp-sform .base-form.-ext.-activated .extra{
	display:block;
}



html, body{
	background-color: #fff;
}
#master{
	position:relative;
 padding:0;
	z-index:100;
	min-height:500px;
}
#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%;
}
#page{
}
#page.std{
	overflow:hidden;
}
#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%;
}
#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;
}
.tawk-to-avatar{
	position: fixed;
	z-index: 999997;
	bottom: 15px;
	right: 15px;
}
.tawk-to-avatar .icon{
	display:block;
	font-size:24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	background-color: #267cde;
	width:58px;
	height:58px;
	color: rgba(255,255,255,0.85);
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	padding-top:13px;
	position:relative;
}
.tawk-to-avatar .icon:after{
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	border:3px solid #fff;
	background-color: #fff;
	content:"";
	top:3px;
	left:45px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
.tawk-to-avatar .icon .r{
	position:absolute;
	display:block;
	width:10px;
	height:10px;
	border:3px solid #fff;
	background-color: #267cde;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	top:3px;
	left:45px;
 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;
	z-index:888;
}
.tawk-to-avatar .icon .r{
}
.tawk-to-avatar:hover .icon, .tawk-to-avatar:hover .icon .r{
	background-color: #7abd1a;
}


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



.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{
	$stroke:@cta;
}
.box-cta, .-bg-cta{
	$bg:@cta;
}
.box-cta-less, .-bg-cta-less{
	$bg:<@cta -50 -85>;
}
.box-cta-more, .-bg-cta-more{
	$bg:<@cta 30 60>;
}
.box-cta-edge, .-bg-cta-edge{
	$bg:@cta 0.2; color: <@cta 20 20>; border: 1px solid $rgba(@cta,0.2);
}
.box-cta-edge:hover, .-bg-cta-edge:hover{
	$bg:@cta 0.9; color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-cta, .text-cta-hover:hover{
	@@cta;
}
.text-cta-less{
	@<@cta -10 -20>;
}
.text-cta-more{
	@<@cta 20 20>;
}
.tag-cta{
	$bg:<@cta -45 -80>; color:<@cta 30 30>;
}
.tag-cta-more{
	$bg:@cta 0.7; color:#fff;
}
.tag-cta-edge{
	$istroke:$rgba(@cta,0.2); color:@cta; $bg:@cta 0.1;
}
.tag-cta-edge:hover{
	$istroke:@cta; color:#fff; $bg:@cta 0.8;
}
.fill-cta svg{
	fill:<@cta 10 10>;
}
.border-success{
	border:1px solid #7abd1a;
}
.box-success, .-bg-success{
	background-color: #7abd1a;
}
.box-success-less, .-bg-success-less{
	background-color: #eaf1e1;
}
.box-success-more, .-bg-success-more{
	background-color: #324f07;
}
.box-success-edge, .-bg-success-edge{
	background: rgba(122,189,26,0.2); color: #639c11; border: 1px solid rgba(122,189,26,0.2);
}
.box-success-edge:hover, .-bg-success-edge:hover{
	background: rgba(122,189,26,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-success, .text-success-hover:hover{
	color:#7abd1a;
}
.text-success-less{
	color:#98da39;
}
.text-success-more{
	color:#639c11;
}
.tag-success{
	background-color: #e4eed5; color:#578a0d;
}
.tag-success-more{
	background: rgba(122,189,26,0.7); color:#fff;
}
.tag-success-edge{
	box-shadow: inset 0 0 0 1px rgba(122,189,26,0.2); color:#7abd1a; background: rgba(122,189,26,0.1);
}
.tag-success-edge:hover{
	box-shadow: inset 0 0 0 1px #7abd1a; color:#fff; background: rgba(122,189,26,0.8);
}
.fill-success svg{
	fill:#6fad15;
}
.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 #2a94e6;
}
.box-alt1, .-bg-alt1{
	background-color: #2a94e6;
}
.box-alt1-less, .-bg-alt1-less{
	background-color: #e6eef4;
}
.box-alt1-more, .-bg-alt1-more{
	background-color: #083c65;
}
.box-alt1-edge, .-bg-alt1-edge{
	background: rgba(42,148,230,0.2); color: #1278c7; border: 1px solid rgba(42,148,230,0.2);
}
.box-alt1-edge:hover, .-bg-alt1-edge:hover{
	background: rgba(42,148,230,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt1, .text-alt1-hover:hover{
	color:#2a94e6;
}
.text-alt1-less{
	color:#5ca9e3;
}
.text-alt1-more{
	color:#1278c7;
}
.tag-alt1{
	background-color: #dde9f2; color:#0e6ab0;
}
.tag-alt1-more{
	background: rgba(42,148,230,0.7); color:#fff;
}
.tag-alt1-edge{
	box-shadow: inset 0 0 0 1px rgba(42,148,230,0.2); color:#2a94e6; background: rgba(42,148,230,0.1);
}
.tag-alt1-edge:hover{
	box-shadow: inset 0 0 0 1px #2a94e6; color:#fff; background: rgba(42,148,230,0.8);
}
.fill-alt1 svg{
	fill:#1787dd;
}
.border-alt2{
	border:1px solid #FF6F22;
}
.box-alt2, .-bg-alt2{
	background-color: #FF6F22;
}
.box-alt2-less, .-bg-alt2-less{
	background-color: #f7ece6;
}
.box-alt2-more, .-bg-alt2-more{
	background-color: #742900;
}
.box-alt2-edge, .-bg-alt2-edge{
	background: rgba(255,111,34,0.2); color: #e85200; border: 1px solid rgba(255,111,34,0.2);
}
.box-alt2-edge:hover, .-bg-alt2-edge:hover{
	background: rgba(255,111,34,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt2, .text-alt2-hover:hover{
	color:#FF6F22;
}
.text-alt2-less{
	color:#f69058;
}
.text-alt2-more{
	color:#e85200;
}
.tag-alt2{
	background-color: #f5e5dd; color:#cb4800;
}
.tag-alt2-more{
	background: rgba(255,111,34,0.7); color:#fff;
}
.tag-alt2-edge{
	box-shadow: inset 0 0 0 1px rgba(255,111,34,0.2); color:#FF6F22; background: rgba(255,111,34,0.1);
}
.tag-alt2-edge:hover{
	box-shadow: inset 0 0 0 1px #FF6F22; color:#fff; background: rgba(255,111,34,0.8);
}
.fill-alt2 svg{
	fill:#ff5e06;
}
.border-alt3{
	border:1px solid #16bccf;
}
.box-alt3, .-bg-alt3{
	background-color: #16bccf;
}
.box-alt3-less, .-bg-alt3-less{
	background-color: #e2f1f2;
}
.box-alt3-more, .-bg-alt3-more{
	background-color: #064d56;
}
.box-alt3-edge, .-bg-alt3-edge{
	background: rgba(22,188,207,0.2); color: #0e99aa; border: 1px solid rgba(22,188,207,0.2);
}
.box-alt3-edge:hover, .-bg-alt3-edge:hover{
	background: rgba(22,188,207,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt3, .text-alt3-hover:hover{
	color:#16bccf;
}
.text-alt3-less{
	color:#3ecfe0;
}
.text-alt3-more{
	color:#0e99aa;
}
.tag-alt3{
	background-color: #d7edef; color:#0b8796;
}
.tag-alt3-more{
	background: rgba(22,188,207,0.7); color:#fff;
}
.tag-alt3-edge{
	box-shadow: inset 0 0 0 1px rgba(22,188,207,0.2); color:#16bccf; background: rgba(22,188,207,0.1);
}
.tag-alt3-edge:hover{
	box-shadow: inset 0 0 0 1px #16bccf; color:#fff; background: rgba(22,188,207,0.8);
}
.fill-alt3 svg{
	fill:#12abbd;
}
.border-alt4{
	border:1px solid #C257BE;
}
.box-alt4, .-bg-alt4{
	background-color: #C257BE;
}
.box-alt4-less, .-bg-alt4-less{
	background-color: #f2eaf2;
}
.box-alt4-more, .-bg-alt4-more{
	background-color: #5c1559;
}
.box-alt4-edge, .-bg-alt4-edge{
	background: rgba(194,87,190,0.2); color: #b130ad; border: 1px solid rgba(194,87,190,0.2);
}
.box-alt4-edge:hover, .-bg-alt4-edge:hover{
	background: rgba(194,87,190,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt4, .text-alt4-hover:hover{
	color:#C257BE;
}
.text-alt4-less{
	color:#ca7dc7;
}
.text-alt4-more{
	color:#b130ad;
}
.tag-alt4{
	background-color: #eee2ee; color:#a1259c;
}
.tag-alt4-more{
	background: rgba(194,87,190,0.7); color:#fff;
}
.tag-alt4-edge{
	box-shadow: inset 0 0 0 1px rgba(194,87,190,0.2); color:#C257BE; background: rgba(194,87,190,0.1);
}
.tag-alt4-edge:hover{
	box-shadow: inset 0 0 0 1px #C257BE; color:#fff; background: rgba(194,87,190,0.8);
}
.fill-alt4 svg{
	fill:#c13dbc;
}
.border-alt5{
	border:1px solid #CF5555;
}
.box-alt5, .-bg-alt5{
	background-color: #CF5555;
}
.box-alt5-less, .-bg-alt5-less{
	background-color: #f3eaea;
}
.box-alt5-more, .-bg-alt5-more{
	background-color: #631212;
}
.box-alt5-edge, .-bg-alt5-edge{
	background: rgba(207,85,85,0.2); color: #c12929; border: 1px solid rgba(207,85,85,0.2);
}
.box-alt5-edge:hover, .-bg-alt5-edge:hover{
	background: rgba(207,85,85,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt5, .text-alt5-hover:hover{
	color:#CF5555;
}
.text-alt5-less{
	color:#d47c7c;
}
.text-alt5-more{
	color:#c12929;
}
.tag-alt5{
	background-color: #f0e2e2; color:#ad1f1f;
}
.tag-alt5-more{
	background: rgba(207,85,85,0.7); color:#fff;
}
.tag-alt5-edge{
	box-shadow: inset 0 0 0 1px rgba(207,85,85,0.2); color:#CF5555; background: rgba(207,85,85,0.1);
}
.tag-alt5-edge:hover{
	box-shadow: inset 0 0 0 1px #CF5555; color:#fff; background: rgba(207,85,85,0.8);
}
.fill-alt5 svg{
	fill:#ce3939;
}
.border-alt6{
	border:1px solid #FFC107;
}
.box-alt6, .-bg-alt6{
	background-color: #FFC107;
}
.box-alt6-less, .-bg-alt6-less{
	background-color: #f6f1e3;
}
.box-alt6-more, .-bg-alt6-more{
	background-color: #694f00;
}
.box-alt6-edge, .-bg-alt6-edge{
	background: rgba(255,193,7,0.2); color: #d29e00; border: 1px solid rgba(255,193,7,0.2);
}
.box-alt6-edge:hover, .-bg-alt6-edge:hover{
	background: rgba(255,193,7,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt6, .text-alt6-hover:hover{
	color:#FFC107;
}
.text-alt6-less{
	color:#f5c943;
}
.text-alt6-more{
	color:#d29e00;
}
.tag-alt6{
	background-color: #f4edd9; color:#b78a00;
}
.tag-alt6-more{
	background: rgba(255,193,7,0.7); color:#fff;
}
.tag-alt6-edge{
	box-shadow: inset 0 0 0 1px rgba(255,193,7,0.2); color:#FFC107; background: rgba(255,193,7,0.1);
}
.tag-alt6-edge:hover{
	box-shadow: inset 0 0 0 1px #FFC107; color:#fff; background: rgba(255,193,7,0.8);
}
.fill-alt6 svg{
	fill:#ecb200;
}
.border-alt7{
	border:1px solid #16CC71;
}
.box-alt7, .-bg-alt7{
	background-color: #16CC71;
}
.box-alt7-less, .-bg-alt7-less{
	background-color: #e1f2ea;
}
.box-alt7-more, .-bg-alt7-more{
	background-color: #06542d;
}
.box-alt7-edge, .-bg-alt7-edge{
	background: rgba(22,204,113,0.2); color: #0ea75a; border: 1px solid rgba(22,204,113,0.2);
}
.box-alt7-edge:hover, .-bg-alt7-edge:hover{
	background: rgba(22,204,113,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt7, .text-alt7-hover:hover{
	color:#16CC71;
}
.text-alt7-less{
	color:#3be08c;
}
.text-alt7-more{
	color:#0ea75a;
}
.tag-alt7{
	background-color: #d6efe2; color:#0b934e;
}
.tag-alt7-more{
	background: rgba(22,204,113,0.7); color:#fff;
}
.tag-alt7-edge{
	box-shadow: inset 0 0 0 1px rgba(22,204,113,0.2); color:#16CC71; background: rgba(22,204,113,0.1);
}
.tag-alt7-edge:hover{
	box-shadow: inset 0 0 0 1px #16CC71; color:#fff; background: rgba(22,204,113,0.8);
}
.fill-alt7 svg{
	fill:#12b965;
}
.border-alt8{
	border:1px solid #5969c5;
}
.box-alt8, .-bg-alt8{
	background-color: #5969c5;
}
.box-alt8-less, .-bg-alt8-less{
	background-color: #eaebf2;
}
.box-alt8-more, .-bg-alt8-more{
	background-color: #151f5e;
}
.box-alt8-edge, .-bg-alt8-edge{
	background: rgba(89,105,197,0.2); color: #2f42b5; border: 1px solid rgba(89,105,197,0.2);
}
.box-alt8-edge:hover, .-bg-alt8-edge:hover{
	background: rgba(89,105,197,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt8, .text-alt8-hover:hover{
	color:#5969c5;
}
.text-alt8-less{
	color:#7f89cc;
}
.text-alt8-more{
	color:#2f42b5;
}
.tag-alt8{
	background-color: #e3e4ef; color:#2436a4;
}
.tag-alt8-more{
	background: rgba(89,105,197,0.7); color:#fff;
}
.tag-alt8-edge{
	box-shadow: inset 0 0 0 1px rgba(89,105,197,0.2); color:#5969c5; background: rgba(89,105,197,0.1);
}
.tag-alt8-edge:hover{
	box-shadow: inset 0 0 0 1px #5969c5; color:#fff; background: rgba(89,105,197,0.8);
}
.fill-alt8 svg{
	fill:#3d50c4;
}
.border-alt9{
	border:1px solid #9FD900;
}
.box-alt9, .-bg-alt9{
	background-color: #9FD900;
}
.box-alt9-less, .-bg-alt9-less{
	background-color: #eef4de;
}
.box-alt9-more, .-bg-alt9-more{
	background-color: #405700;
}
.box-alt9-edge, .-bg-alt9-edge{
	background: rgba(159,217,0,0.2); color: #7fae00; border: 1px solid rgba(159,217,0,0.2);
}
.box-alt9-edge:hover, .-bg-alt9-edge:hover{
	background: rgba(159,217,0,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt9, .text-alt9-hover:hover{
	color:#9FD900;
}
.text-alt9-less{
	color:#baf321;
}
.text-alt9-more{
	color:#7fae00;
}
.tag-alt9{
	background-color: #e9f2d2; color:#6f9900;
}
.tag-alt9-more{
	background: rgba(159,217,0,0.7); color:#fff;
}
.tag-alt9-edge{
	box-shadow: inset 0 0 0 1px rgba(159,217,0,0.2); color:#9FD900; background: rgba(159,217,0,0.1);
}
.tag-alt9-edge:hover{
	box-shadow: inset 0 0 0 1px #9FD900; color:#fff; background: rgba(159,217,0,0.8);
}
.fill-alt9 svg{
	fill:#8fc400;
}
.border-alt10{
	border:1px solid #159B7A;
}
.box-alt10, .-bg-alt10{
	background-color: #159B7A;
}
.box-alt10-less, .-bg-alt10-less{
	background-color: #dcefeb;
}
.box-alt10-more, .-bg-alt10-more{
	background-color: #064132;
}
.box-alt10-edge, .-bg-alt10-edge{
	background: rgba(21,155,122,0.2); color: #0d7f63; border: 1px solid rgba(21,155,122,0.2);
}
.box-alt10-edge:hover, .-bg-alt10-edge:hover{
	background: rgba(21,155,122,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt10, .text-alt10-hover:hover{
	color:#159B7A;
}
.text-alt10-less{
	color:#26cda3;
}
.text-alt10-more{
	color:#0d7f63;
}
.tag-alt10{
	background-color: #d0ece5; color:#0a7158;
}
.tag-alt10-more{
	background: rgba(21,155,122,0.7); color:#fff;
}
.tag-alt10-edge{
	box-shadow: inset 0 0 0 1px rgba(21,155,122,0.2); color:#159B7A; background: rgba(21,155,122,0.1);
}
.tag-alt10-edge:hover{
	box-shadow: inset 0 0 0 1px #159B7A; color:#fff; background: rgba(21,155,122,0.8);
}
.fill-alt10 svg{
	fill:#118d6f;
}
.border-alt11{
	border:1px solid #E77E23;
}
.box-alt11, .-bg-alt11{
	background-color: #E77E23;
}
.box-alt11-less, .-bg-alt11-less{
	background-color: #f4ece5;
}
.box-alt11-more, .-bg-alt11-more{
	background-color: #633307;
}
.box-alt11-edge, .-bg-alt11-edge{
	background: rgba(231,126,35,0.2); color: #c46511; border: 1px solid rgba(231,126,35,0.2);
}
.box-alt11-edge:hover, .-bg-alt11-edge:hover{
	background: rgba(231,126,35,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt11, .text-alt11-hover:hover{
	color:#E77E23;
}
.text-alt11-less{
	color:#e49957;
}
.text-alt11-more{
	color:#c46511;
}
.tag-alt11{
	background-color: #f1e6dc; color:#ad580d;
}
.tag-alt11-more{
	background: rgba(231,126,35,0.7); color:#fff;
}
.tag-alt11-edge{
	box-shadow: inset 0 0 0 1px rgba(231,126,35,0.2); color:#E77E23; background: rgba(231,126,35,0.1);
}
.tag-alt11-edge:hover{
	box-shadow: inset 0 0 0 1px #E77E23; color:#fff; background: rgba(231,126,35,0.8);
}
.fill-alt11 svg{
	fill:#da7215;
}
.border-alt12{
	border:1px solid #2298b5;
}
.box-alt12, .-bg-alt12{
	background-color: #2298b5;
}
.box-alt12-less, .-bg-alt12-less{
	background-color: #e1edf0;
}
.box-alt12-more, .-bg-alt12-more{
	background-color: #0a3f4d;
}
.box-alt12-edge, .-bg-alt12-edge{
	background: rgba(34,152,181,0.2); color: #167d97; border: 1px solid rgba(34,152,181,0.2);
}
.box-alt12-edge:hover, .-bg-alt12-edge:hover{
	background: rgba(34,152,181,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt12, .text-alt12-hover:hover{
	color:#2298b5;
}
.text-alt12-less{
	color:#41b5d2;
}
.text-alt12-more{
	color:#167d97;
}
.tag-alt12{
	background-color: #d7e8ed; color:#116f86;
}
.tag-alt12-more{
	background: rgba(34,152,181,0.7); color:#fff;
}
.tag-alt12-edge{
	box-shadow: inset 0 0 0 1px rgba(34,152,181,0.2); color:#2298b5; background: rgba(34,152,181,0.1);
}
.tag-alt12-edge:hover{
	box-shadow: inset 0 0 0 1px #2298b5; color:#fff; background: rgba(34,152,181,0.8);
}
.fill-alt12 svg{
	fill:#1c8ba7;
}
.border-alt13{
	border:1px solid #607D8B;
}
.box-alt13, .-bg-alt13{
	background-color: #607D8B;
}
.box-alt13-less, .-bg-alt13-less{
	background-color: #e9ebec;
}
.box-alt13-more, .-bg-alt13-more{
	background-color: #1b3743;
}
.box-alt13-edge, .-bg-alt13-edge{
	background: rgba(96,125,139,0.2); color: #3e6a7f; border: 1px solid rgba(96,125,139,0.2);
}
.box-alt13-edge:hover, .-bg-alt13-edge:hover{
	background: rgba(96,125,139,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt13, .text-alt13-hover:hover{
	color:#607D8B;
}
.text-alt13-less{
	color:#7f98a4;
}
.text-alt13-more{
	color:#3e6a7f;
}
.tag-alt13{
	background-color: #e1e5e6; color:#2f6076;
}
.tag-alt13-more{
	background: rgba(96,125,139,0.7); color:#fff;
}
.tag-alt13-edge{
	box-shadow: inset 0 0 0 1px rgba(96,125,139,0.2); color:#607D8B; background: rgba(96,125,139,0.1);
}
.tag-alt13-edge:hover{
	box-shadow: inset 0 0 0 1px #607D8B; color:#fff; background: rgba(96,125,139,0.8);
}
.fill-alt13 svg{
	fill:#4e7486;
}
.border-alt14{
	border:1px solid #D97E3D;
}
.box-alt14, .-bg-alt14{
	background-color: #D97E3D;
}
.box-alt14-less, .-bg-alt14-less{
	background-color: #f3ede8;
}
.box-alt14-more, .-bg-alt14-more{
	background-color: #62310d;
}
.box-alt14-edge, .-bg-alt14-edge{
	background: rgba(217,126,61,0.2); color: #c1631d; border: 1px solid rgba(217,126,61,0.2);
}
.box-alt14-edge:hover, .-bg-alt14-edge:hover{
	background: rgba(217,126,61,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt14, .text-alt14-hover:hover{
	color:#D97E3D;
}
.text-alt14-less{
	color:#da9a6a;
}
.text-alt14-more{
	color:#c1631d;
}
.tag-alt14{
	background-color: #f0e6df; color:#ac5616;
}
.tag-alt14-more{
	background: rgba(217,126,61,0.7); color:#fff;
}
.tag-alt14-edge{
	box-shadow: inset 0 0 0 1px rgba(217,126,61,0.2); color:#D97E3D; background: rgba(217,126,61,0.1);
}
.tag-alt14-edge:hover{
	box-shadow: inset 0 0 0 1px #D97E3D; color:#fff; background: rgba(217,126,61,0.8);
}
.fill-alt14 svg{
	fill:#d57025;
}
.border-alt15{
	border:1px solid #8E44AD;
}
.box-alt15, .-bg-alt15{
	background-color: #8E44AD;
}
.box-alt15-less, .-bg-alt15-less{
	background-color: #ede7ef;
}
.box-alt15-more, .-bg-alt15-more{
	background-color: #3c134e;
}
.box-alt15-edge, .-bg-alt15-edge{
	background: rgba(142,68,173,0.2); color: #772c96; border: 1px solid rgba(142,68,173,0.2);
}
.box-alt15-edge:hover, .-bg-alt15-edge:hover{
	background: rgba(142,68,173,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt15, .text-alt15-hover:hover{
	color:#8E44AD;
}
.text-alt15-less{
	color:#a56abe;
}
.text-alt15-more{
	color:#772c96;
}
.tag-alt15{
	background-color: #e7deeb; color:#6a2188;
}
.tag-alt15-more{
	background: rgba(142,68,173,0.7); color:#fff;
}
.tag-alt15-edge{
	box-shadow: inset 0 0 0 1px rgba(142,68,173,0.2); color:#8E44AD; background: rgba(142,68,173,0.1);
}
.tag-alt15-edge:hover{
	box-shadow: inset 0 0 0 1px #8E44AD; color:#fff; background: rgba(142,68,173,0.8);
}
.fill-alt15 svg{
	fill:#8337a2;
}
.border-alt16{
	border:1px solid #27AE60;
}
.box-alt16, .-bg-alt16{
	background-color: #27AE60;
}
.box-alt16-less, .-bg-alt16-less{
	background-color: #e2f0e8;
}
.box-alt16-more, .-bg-alt16-more{
	background-color: #0b4b26;
}
.box-alt16-edge, .-bg-alt16-edge{
	background: rgba(39,174,96,0.2); color: #19924c; border: 1px solid rgba(39,174,96,0.2);
}
.box-alt16-edge:hover, .-bg-alt16-edge:hover{
	background: rgba(39,174,96,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt16, .text-alt16-hover:hover{
	color:#27AE60;
}
.text-alt16-less{
	color:#45cc7e;
}
.text-alt16-more{
	color:#19924c;
}
.tag-alt16{
	background-color: #d7ece0; color:#138342;
}
.tag-alt16-more{
	background: rgba(39,174,96,0.7); color:#fff;
}
.tag-alt16-edge{
	box-shadow: inset 0 0 0 1px rgba(39,174,96,0.2); color:#27AE60; background: rgba(39,174,96,0.1);
}
.tag-alt16-edge:hover{
	box-shadow: inset 0 0 0 1px #27AE60; color:#fff; background: rgba(39,174,96,0.8);
}
.fill-alt16 svg{
	fill:#20a156;
}
.border-alt17{
	border:1px solid #9B59B6;
}
.box-alt17, .-bg-alt17{
	background-color: #9B59B6;
}
.box-alt17-less, .-bg-alt17-less{
	background-color: #efeaf1;
}
.box-alt17-more, .-bg-alt17-more{
	background-color: #431756;
}
.box-alt17-edge, .-bg-alt17-edge{
	background: rgba(155,89,182,0.2); color: #8435a4; border: 1px solid rgba(155,89,182,0.2);
}
.box-alt17-edge:hover, .-bg-alt17-edge:hover{
	background: rgba(155,89,182,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt17, .text-alt17-hover:hover{
	color:#9B59B6;
}
.text-alt17-less{
	color:#ad7fc1;
}
.text-alt17-more{
	color:#8435a4;
}
.tag-alt17{
	background-color: #e9e2ec; color:#762996;
}
.tag-alt17-more{
	background: rgba(155,89,182,0.7); color:#fff;
}
.tag-alt17-edge{
	box-shadow: inset 0 0 0 1px rgba(155,89,182,0.2); color:#9B59B6; background: rgba(155,89,182,0.1);
}
.tag-alt17-edge:hover{
	box-shadow: inset 0 0 0 1px #9B59B6; color:#fff; background: rgba(155,89,182,0.8);
}
.fill-alt17 svg{
	fill:#9143b1;
}
.border-alt18{
	border:1px solid #554D89;
}
.box-alt18, .-bg-alt18{
	background-color: #554D89;
}
.box-alt18-less, .-bg-alt18-less{
	background-color: #e7e6ec;
}
.box-alt18-more, .-bg-alt18-more{
	background-color: #1c1640;
}
.box-alt18-edge, .-bg-alt18-edge{
	background: rgba(85,77,137,0.2); color: #3c317a; border: 1px solid rgba(85,77,137,0.2);
}
.box-alt18-edge:hover, .-bg-alt18-edge:hover{
	background: rgba(85,77,137,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt18, .text-alt18-hover:hover{
	color:#554D89;
}
.text-alt18-less{
	color:#736ba6;
}
.text-alt18-more{
	color:#3c317a;
}
.tag-alt18{
	background-color: #dedde6; color:#302670;
}
.tag-alt18-more{
	background: rgba(85,77,137,0.7); color:#fff;
}
.tag-alt18-edge{
	box-shadow: inset 0 0 0 1px rgba(85,77,137,0.2); color:#554D89; background: rgba(85,77,137,0.1);
}
.tag-alt18-edge:hover{
	box-shadow: inset 0 0 0 1px #554D89; color:#fff; background: rgba(85,77,137,0.8);
}
.fill-alt18 svg{
	fill:#483f82;
}
.border-alt19{
	border:1px solid #003E59;
}
.box-alt19, .-bg-alt19{
	background-color: #003E59;
}
.box-alt19-less, .-bg-alt19-less{
	background-color: #d0e6ef;
}
.box-alt19-more, .-bg-alt19-more{
	background-color: #001924;
}
.box-alt19-edge, .-bg-alt19-edge{
	background: rgba(0,62,89,0.2); color: #003348; border: 1px solid rgba(0,62,89,0.2);
}
.box-alt19-edge:hover, .-bg-alt19-edge:hover{
	background: rgba(0,62,89,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt19, .text-alt19-hover:hover{
	color:#003E59;
}
.text-alt19-less{
	color:#0977a5;
}
.text-alt19-more{
	color:#003348;
}
.tag-alt19{
	background-color: #bedfec; color:#002c3f;
}
.tag-alt19-more{
	background: rgba(0,62,89,0.7); color:#fff;
}
.tag-alt19-edge{
	box-shadow: inset 0 0 0 1px rgba(0,62,89,0.2); color:#003E59; background: rgba(0,62,89,0.1);
}
.tag-alt19-edge:hover{
	box-shadow: inset 0 0 0 1px #003E59; color:#fff; background: rgba(0,62,89,0.8);
}
.fill-alt19 svg{
	fill:#003951;
}
.border-alt20{
	border:1px solid #3477db;
}
.box-alt20, .-bg-alt20{
	background-color: #3477db;
}
.box-alt20-less, .-bg-alt20-less{
	background-color: #e7ecf3;
}
.box-alt20-more, .-bg-alt20-more{
	background-color: #0b2e61;
}
.box-alt20-edge, .-bg-alt20-edge{
	background: rgba(52,119,219,0.2); color: #1a5cbf; border: 1px solid rgba(52,119,219,0.2);
}
.box-alt20-edge:hover, .-bg-alt20-edge:hover{
	background: rgba(52,119,219,0.9); color: #fff; border:1px solid rgba(0,0,0,0.1);
}
.text-alt20, .text-alt20-hover:hover{
	color:#3477db;
}
.text-alt20-less{
	color:#6494dc;
}
.text-alt20-more{
	color:#1a5cbf;
}
.tag-alt20{
	background-color: #dee5f0; color:#1450aa;
}
.tag-alt20-more{
	background: rgba(52,119,219,0.7); color:#fff;
}
.tag-alt20-edge{
	box-shadow: inset 0 0 0 1px rgba(52,119,219,0.2); color:#3477db; background: rgba(52,119,219,0.1);
}
.tag-alt20-edge:hover{
	box-shadow: inset 0 0 0 1px #3477db; color:#fff; background: rgba(52,119,219,0.8);
}
.fill-alt20 svg{
	fill:#2169d4;
}
.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 */ .__appdialog{
	width:100%;
	height:100%;
	background-image: url(https://static-gcdn.basecdn.net/landing/base.vn/image/dialog.png); background-repeat: repeat;
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__appdialog .__dialogwrapper{
	position:absolute;
	-moz-box-shadow:0px 10px 10px -2px #888;
 -webkit-box-shadow:0px 10px 10px -2px #888;
 box-shadow:0px 10px 10px -2px #888;
}
.__appdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__appdialog .__dialogmain{
	float:left;
	position:relative;
	background-color: #fafafa;
	min-height:90px;
	min-width:400px;
	max-width:900px;
	@corner:4px;
}
.__appdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid #fff;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	background-image: url(https://static-gcdn.basecdn.net/landing/base.vn/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;
}
.__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;
}
.__apdialog p.thick{
	font-weight:500;
}
.__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 8px 0px rgba(0,0,0,0.8);
 -webkit-box-shadow: 0 2px 8px 0px rgba(0,0,0,0.8);
 box-shadow: 0 2px 8px 0px rgba(0,0,0,0.8);
}
.__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;
}



.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 .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-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: /var/www/secured/true/static/css/layout/context.css */



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



.-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:#639c11;
	background: rgba(122,189,26,0.1);
}
.-cmenu.-no-icon .-item.checked:after{
	font-family:ap; content:"\e206";
	color:#7abd1a;
	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:"\f0da";
	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: #EBEDF0;
}
.-ddw:hover:after{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: #EBEDF0;
	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: #EBEDF0;
	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{
	position:absolute;
	top:55px;
	left:50px;
	right:50px;
	bottom:50px;
	text-align:center;
}
#image-dialog-previewer .image-wrap .img{
	display:inline-block;
	max-width:100%;
	height:100%;
}
#image-dialog-previewer .image-wrap .img img{
	max-width:100%;
	max-height:100%;
}



#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: #7abd1a;
	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;
	width:0px;
	height:0px;
	z-index:1000001;
}
#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: rgba(255,255,255,0.8);
	-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);
	backdrop-filter:blur(6px);
	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:6px;
}
#context-menu .menu .-item{
	padding:8px 13px 8px 13px;
	position:relative;
	cursor:pointer;
	font-size:13px;
 color:#333;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#context-menu .menu .-item.-with-icon{
	padding-left:40px;
}
#context-menu .menu .-item:hover{
	background-color: #eee;
	color:#000;
}
#context-menu .menu .-item .base-icon{
	font-size:16px;
	position:absolute;
 color:#999;
	top:6px;
	left:13px;
}
#context-menu .menu .-item-sep{
	height:1px;
	background-color: #ddd;
	margin:10px 13px;
}
#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;
}
.__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:1em;
	display:inline-block;
	white-space:nowrap;
}
.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:#639c11;
}
.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;
}
.-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 #7abd1a;
	background-color: #fff;
}
.-radio.-checked:after{
	width:8px;
	height:8px;
	background-color: #7abd1a;
	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;
}
.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: -36px;
	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;
	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;
	width:40px;
}
.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;
}
#__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: #7abd1a;
	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;
}
.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;
}









.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(122,189,26,0.1);
	color:#639c11;
}
#custom-selection .list.list-actions .li.selected:after{
	font-family:ap; content:"\e94d";
	color:#7abd1a;
	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: #7abd1a;
	border:1px solid #6fad15;
}
.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;
}









/* File does not exists: /var/www/secured/true/static/css/common/prefixes.css */






/* File does not exists: /var/www/secured/true/static/css/common/boxes.css */



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









#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:#7abd1a;
}
#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:#7abd1a;
	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:#639c11;
	top:0px;
	left:0px;
	right:0px;
	height:45px;
	background-color: #f0fceb;
	border-bottom:1px solid rgba(122,189,26,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: #7abd1a;
	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: #639c11;
	color:#fff;
}



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


.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:10px;
	top:10px;
}
.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 .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:#0a8ed2;
	cursor:pointer;
	font-weight:normal;
}
.user-comments > .comment .info .link{
	cursor:pointer;
}
.user-comments > .comment .info .link:hover{
	color:#0a8ed2;
	text-decoration:underline;
}
.user-comments > .comment .info .comment-reactions{
	position:absolute;
	right:0px;
	top:3px;
}
.user-comments > .comment > .text .url{
	font-weight:normal;
	color:#0a8ed2;
}
.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:32px;
	max-height:32px;
	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(122,189,26,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:#7abd1a;
	padding-bottom:3px;
	padding-left:16px;
}
.user-comments > .comment .new-tag .new-icon{
	color:#7abd1a;
	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 > .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;
}
.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 .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 #ddd;
}
.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);
}



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{
}
.dform .row{
	position:relative;
	padding-bottom:15px;
}
.dform .row.-plain{
	padding-top:0px;
	margin-bottom:5px;
	margin-top:-5px;
}
.dform .row.-plain .a{
	font-weight:normal;
}
.dform .row.-plain .a:hover{
	text-decoration:underline;
}
.dform .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;
}
.dform .row.-iscolor.-empty-label{
	margin-top:-3px;
}
.dform .row.-note{
	position:relative;
 color:#D96C6C;
	padding:0;
	padding-left:15px;
	margin-bottom:20px;
	border-left:4px solid #D96C6C;
}
.dform .row.-no-padding{
	padding-top:0px;
	margin-top:-5px;
	position:relative;
}
.dform .row-sep{
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
 color:#666;
	margin:5px 0 25px 0;
	text-align:center;
	position:relative;
}
.dform .row-sep .render{
	position:absolute;
	background-color: #eee;
	height:2px;
	top:9px;
	left:0px;
	width:100%;
}
.dform .row-sep em{
	background-color: #fff;
	display:inline-block;
	position:relative;
	font-weight:bold;
	padding:0 20px;
}
.dform .label{
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
}
.dform .label small{
	font-size:13px;
	font-weight:normal;
 color:#999;
	display:inline-block;
	padding-left:9px;
}
.dform .label .sublabel{
	font-weight:normal;
	font-size:12px;
 color:#999;
	text-align:justify;
	padding-top:2px;
}
.dform .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;
}
.dform .label .-required{
	position:absolute;
	right:0px;
	top:-2px;
}
.dform .row .label.-empty{
	display:none;
}
.dform .input .icon-left{
	padding-top:8px;
	padding-left:8px;
}
.dform .half{
	width:48.5%;
}
.dform .filelink{
	padding-top:6px;
}
.dform .filelink a{
	font-weight:normal;
}
.dform .filelink a:hover{
	text-decoration:underline;
}
.dform .info{
	color:#888;
	padding-top:5px;
}
.dform .input.icon-right .icon{
	position:absolute;
	right:7px;
	top:7px;
	opacity: 0.7; filter: alpha(Opacity:70);
}
.dform .fi-extra{
	font-size:13px;
 color:#888;
	padding-top:10px;
}
.dform .fi-extra b{
	font-weight:500;
 color:#333;
}
.dform .fi-extra code{
	display:inline-block;
	font-family: Consolas, Courier New, Courier New, monospace;
	padding:2px 4px;
	background: rgba(122,189,26,0.1);
	color:#639c11;
}
.dform .fi-extra .url{
	color:#267cde;
}
.dform .fi-extra .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.dform .row .row-cta-show{
	font-size:13px;
 color:#858585;
	display:none;
	position:relative;
	margin-top:-6px;
}
.dform .row .row-cta-show .base-label .url:hover{
	color:#267cde;
	text-decoration:underline;
}
.dform .row.-autohide{
}
.dform .row.-autohide .label, .dform .row.-autohide .input{
	display:none;
}
.dform .row.-autohide .row-cta-show{
	display:block;
}
.dform .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;
}
.dform .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;
}
.dform .row-hr{
	height:2px;
	margin:10px 0 15px 0;
	position:relative;
}
.dform .row-hr.-dotted{
	border-top:2px dotted #ccc;
}
.dform .row-hr .hr-label{
	position:absolute;
	top:-9px;
	left:50%;
	width:130px;
	margin-left:-60px;
	background-color: #fff;
	color:#7abd1a;
	text-transform:uppercase;
	font-weight:500;
	text-align:center;
}
.dform .row.-ishidden{
	display:none !important;
}
.dform .extra{
	margin-left:0px;
}
.dform .data, .dform .input-group{
	margin-left:0px;
	position:relative;
}
.form .data .-ip-prefix{
	position:absolute;
 color:#7abd1a;
	display:block;
	font-weight:500;
	left: 30px;
	padding-top:10px;
}
.form .data .-ip-prefix:before{
	font-family:ap; content:"\f023";
	position:absolute;
	font-size:14px;
 color:#6fad15;
	left:-18px;
	top:10px;
}
.form .data .-ip-suffix{
	position:absolute;
 color:#999;
	display:block;
	right: 20px;
	padding-top:10px;
}
.dform .label.-empty ~ .input-group{
	margin-top:3px;
}
.dform .input-editor{
	margin-top:8px;
}
.dform .input-filebox-wrapper{
	margin-top:6px;
	padding-bottom:4px;
}
.dform .input-cover-wrapper{
	margin-top:6px;
	padding-bottom:4px;
}
.dform .note{
	font-size:13px;
	font-weight:300;
 color:#943d3d;
	position:relative;
	padding-top:8px;
	padding-left:20px;
	padding-bottom:6px;
}
.dform .note:before{
	font-family:ap; content:"\e30f";
	position:absolute;
 color:#ccc;
	font-size:16px;
	top:7px;
	left:0px;
}
.dform .wrapper{
	margin-top:15px;
}
.dform .-date-icon{
	margin-top:4px;
}
.dform .input-autocomplete-wrapper{
	padding-top:4px;
}
.dform .input-autocomplete-wrapper .base-search input{
	font-size:14px;
}
.dform .-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 .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:#7abd1a;
	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;
}
.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(122,189,26,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:#7abd1a;
}
.form .select-m .option.active:before{
	background: rgba(122,189,26,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;
}
.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;
	border-bottom:1px solid #eee;
}
.line-input.last{
	border:none;
}
.line-input .line-actions{
	position:absolute;
	font-size:11px;
	display:none;
	right:0px;
	top:6px;
}
.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:ap; content:"\f105";
	position:absolute;
 color:#aaa;
	font-size:14px;
	top:8px;
	left:3px;
}
.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, .dform .input .line-inputs textarea{
	overflow:hidden;
	height:32px;
	padding:7px 0px 7px 18px !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 !important;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
	margin-top:0px;
}
.line-input textarea:active, .line-input textarea:focus{
	border-bottom:1px solid #eee;
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
}
.line-input.last textarea{
	padding:8px 0px 8px 20px !important;
	height:40px;
	border:none !important;
}
.dform .input .line-inputs .line-input textarea:active, .dform .input .line-inputs .line-input textarea:focus{
	-moz-box-shadow: 0px 0px 0px transparent;
 -webkit-box-shadow: 0px 0px 0px transparent;
 box-shadow: 0px 0px 0px transparent;
	border:none !important;
}
.dform .input .line-input.last textarea:active, .dform .input .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:ap; content:"\f101";
	left:2px;
}
.dform .row .line-inputs{
	margin-top:4px;
	border:1px solid rgba(0,0,0,0.2);
	padding:0 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.dform .row .line-inputs .line-input.last:before{
	display:none;
}
.dform .row.-upper{
	margin-top:5px;
	padding-top:0px;
}
.dform .row.-upper.-closer{
	margin-top:-4px;
}
.dform .row.-upper.-istags{
	margin-top:-13px;
	padding-bottom:10px;
}
.dform .row.-upper .label.-empty{
	display:none;
}
.dform .row.-upper .data{
}
.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;
}
.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:"\e922";
	position:absolute;
	font-size:16px;
	right:8px;
	top:8px;
	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.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
.improve-select.active .is-display: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);
}
.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:"\ebf6";
	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 1px1px 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);
	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;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	margin-bottom:1px;
}
.improve-select .is-box .is-item: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.2);
	top:7px;
	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: rgba(38,124,222,0.9);
	color:#fff;
	font-weight:500;
}
.improve-select .is-box .is-item.active:before{
	border:1px solid #1663ba;
	background-color: #1969c4;
}
.improve-select .is-box .is-item.active:after{
	font-family:ap; content:"\eb6b";
	color:#fff;
	position:absolute;
	font-size:10px;
	left:13px;
	top:10px;
}
.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;
}
.improve-select .is-create{
	padding:10px 10px;
	border-top:1px solid rgba(0,0,0,0.1);
	color:#888;
	background-color: #fafafa;
}
.improve-select .is-create:hover{
	color:#267cde;
	text-decoration:underline;
	background-color: #fff;
}
.improve-select-wrapper{
}
.improve-select-wrapper.-singular .improve-select .is-box .is-item{
	padding-left:10px;
	border:none;
	margin-top:1px;
}
.improve-select-wrapper.-singular .improve-select .is-box .is-item:after{
	display:none;
}
.improve-select-wrapper.-singular .improve-select .is-box .is-item:before{
	display:none;
}
.improve-select-wrapper.-sm .improve-select .is-display{
	height:30px;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:7px;
	padding-bottom:7px;
}
.dform .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;
}
.dform .row.-issep .label{
	font-size:11px;
	text-transform:uppercase;
 color:#999;
	position:relative;
	float:left;
}
.dform .row.-issep .label:after{
	left:115%;
	top:6px;
	width:1000px;
	height:1px;
	background: rgba(0,0,0,0.1);
	content:"";
	position:absolute;
}
.form .fx-container-box, .dform .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:ap; 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:"\e924";
	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, .dform .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:#7abd1a;
	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;
}

.dform.buttons-hidden .buttons{
	display:none;
}
.dform .form-buttons{
	border:none;
	padding-top:15px;
	font-size:13px;
}
.dform .button.haft{
	width:48%;
}



.form .input{
	position:relative;
}
.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(122,189,26,0.3);
 -webkit-box-shadow: 0px 0px 8px rgba(122,189,26,0.3);
 box-shadow: 0px 0px 8px rgba(122,189,26,0.3);
	border-color:rgba(122,189,26,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;
}
.dform .input input, .dform .input textarea, .dform .select select{
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	font-size:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	display:block;
}
.dform .input input, .dform .input textarea, .dform .select select{
	border:none;
	border-bottom:1px dotted #ccc;
	padding:7px 9px;
	padding-left:0px;
	background-color: transparent;
	-moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 border-radius: 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;
}
.dform .input input.std:focus, .dform .input textarea.std:focus, .dform .select select.std:focus{
	border-bottom:1px solid #267cde;
}
.dform .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;
	font-size:inherit;
	cursor:text;
}
.dform .input .input-fake:after{
	content:"\2714";
	position:absolute;
	font-size:13px;
	right:10px;
	top:6px;
	opacity: 0.8; filter: alpha(Opacity:80);
}
.dform .-big .input input, .dform .-big .select select{
	font-size:24px;
}



.dform .theme-colors{
	overflow:hidden;
}
.dform .theme-colors .options{
	overflow:hidden;
	margin-right:-5px;
}
.dform .theme-colors .options .opt{
	float:left;
	cursor:pointer;
	padding:3px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid transparent;
	margin-right:5px;
	margin-bottom:5px;
	opacity: 0.9; filter: alpha(Opacity:90);
}
.dform .theme-colors .options .opt .square{
	width:32px;
	height:32px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	position:relative;
}
.dform .theme-colors .options .opt .square:before{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	border-top:36px solid transparent;
	border-left:36px solid rgba(255,255,255,0.05);
}
.dform .theme-colors .options .opt:hover{
	border:1px solid #ddd;
}
.dform .theme-colors .options .opt.selected{
	opacity: 1.0; filter: alpha(Opacity:100);
	border:1px solid #ccc;
}
.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;
}



.dform .list.checkboxes{
	border:1px solid #ddd;
	margin:5px 0 10px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.dform .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;
}
.dform .list.checkboxes .li input{
	position:absolute;
	cursor:pointer;
	opacity: 0; filter: alpha(Opacity:0);
	width:0px;
	height:0px;
	vertical-align: -1px;
	margin-right: 5px;
}
.dform .list.checkboxes .li .checkmark{
	position:absolute;
	width:17px;
	height:17px;
	background-color: #ddd;
	top:8px;
	left:10px;
}
.dform .list.checkboxes .li input:checked ~ .checkmark{
	background: rgba(38,124,222,0.9);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.dform .list.checkboxes .li input:checked ~ .checkmark:before{
	position:absolute;
 color:#fff;
	font-size:12px;
	font-weight:500;
	content:"\2714";
	top:0px;
	left:3px;
}
.dform .list.checkboxes .li:hover input:checked ~ .checkmark{
	background-color: #267cde;
}
.dform .list.checkboxes.-simple{
	border:none;
	overflow:hidden;
}
.dform .list.checkboxes.-simple .li{
	border:none;
	margin:0 -10px;
}
.dform .list.checkboxes.-simple .liw.-compact{
	float:left;
	width:50%;
}
.dform .list-checkbox{
	padding:13px 0 7px 0;
	border-top:1px dashed #ddd;
	position:relative;
	cursor:pointer;
}
.dform .row:first-child .list-checkbox{
	border:none;
}
.dform .list-checkbox .checkbox-ui{
	position:absolute;
	text-align:center;
	width:20px;
	height:20px;
	top:16px;
	left:15px;
}
.dform .list-checkbox .checkbox-ui .square{
	width:20px;
	height:20px;
	border:1px solid #ddd;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.dform .list-checkbox .checkbox-label{
	margin-left:55px;
	padding-right:20px;
}
.dform .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;
}
.dform .list-checkbox .checkbox-ui span{
	display:block;
	font-size:16px;
	margin-top:2px;
}
.dform .list-checkbox .checkbox-ui .square.active{
	display:block;
	border:1px solid #7abd1a;
	color:#7abd1a;
}
.dform .row.-ischeckbox.-empty-label.-upper{
	margin-top:-5px;
}
.dform .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;
}
.dform .row .-ischeckbox label input{
	position:absolute;
	cursor:pointer;
	opacity: 0; filter: alpha(Opacity:0);
	width:0px;
	height:0px;
}
.dform .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;
}
.dform .row .-ischeckbox.-ratio label .checkmark{
	-moz-border-radius: 9px;
 -webkit-border-radius: 9px;
 border-radius: 9px;
}
.dform .row .-ischeckbox label input:checked ~ .checkmark{
	background: rgba(38,124,222,0.9);
	box-shadow: inset 0 0 0 0px transparent;
}
.dform .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);
}
.dform .row .-ischeckbox label:hover input:checked ~ .checkmark{
	background-color: #267cde;
}
.dform .row.compact .list.checkboxes{
	overflow:hidden;
	padding:5px;
}
.dform .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;
}
.dform .list-radio{
}
.dform .data.list-radio{
	margin-top:10px;
}
.dform .-islist .label.-empty{
	display:none;
}
.dform .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;
}
.dform .list-radio .options{
	font-size:14px;
 color:#333;
}
.dform .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;
}
.dform .list-radio .options .opt:hover{
	text-decoration:underline;
}
.dform .-compact .list-radio .options .opt, .dform .list-radio .options.-compact .opt{
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:var(--col-width, 46%);
}
.dform .-compact .list-radio .options .opt:first-child{
	width:54%;
}
.dform .list-radio .options .opt .sublabel{
	font-weight:normal;
	color:#888;
	padding-top:4px;
}
.dform .list-radio .options .opt .circle{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
	-moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
	border:1px solid rgba(0,0,0,0.4);
}
.dform .list-radio .options .opt .circle .cin{
	position:absolute;
	width:8px;
	height:8px;
	top:3px;
	left:3px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.dform .list-radio .options .opt.selected{
	font-weight:bold;
 color:#111;
}
.dform .list-radio .options .opt.selected .circle{
	border-color:#7abd1a;
}
.dform .list-radio .options .opt.selected .circle .cin{
	background-color: #7abd1a;
}
.dform .radio-list{
}
.dform .radio-list .radio{
	padding-bottom:6px;
	font-size:15px;
}
.dform .radio-list .radio:last-child{
	border:none;
}
.dform .radio-list .radio input{
	vertical-align:-2px;
}
.dform .radio-list.formated .radio{
	position:relative;
	padding-left:20px;
}
.dform .radio-list.formated .radio:before{
	content:"\f10c";
	font-family:FontAwesome;
	color:#aaa;
	position:absolute;
	font-size:14px;
	top:2px;
	left:0px;
}
.dform .radio-list.formated .radio.checked:before{
	color:#7abd1a;
	content:"\f058";
}
.dform .radio-list.formated .checkbox{
	position:relative;
	font-size:15px;
	padding-left:20px;
	padding-bottom:6px;
}
.dform .radio-list.formated .checkbox:before{
	content:"\f096";
	font-family:FontAwesome;
	color:#aaa;
	position:absolute;
	font-size:14px;
	top:3px;
	left:0px;
}
.dform .radio-list.formated .checkbox.checked:before{
	color:#7abd1a;
	content:"\f14a";
}



.dform .row .form-org-picker{
}
.dform .row.-isorgchart .label{
	top:0px;
}
.dform .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;
}
.dform .form-org-picker .form-org-users .fo-node{
	position:relative;
}
.dform .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);
}
.dform .form-org-picker .form-org-users .fo-node.level-0:before{
	left:20px;
}
.dform .form-org-picker .form-org-users .fo-node.level-1:before{
	left:20px;
}
.dform .form-org-picker .form-org-users .fo-node.level-2:before{
	left:40px;
}
.dform .form-org-picker .form-org-users .fo-node.level-3:before{
	left:60px;
}
.dform .form-org-picker .form-org-users .fo-group{
	font-weight:500;
	cursor:pointer;
}
.dform .form-org-picker .form-org-users .fo-user{
	padding:5px 0 5px 0;
	cursor:pointer;
}
.dform .form-org-picker .form-org-users .fo-user:hover{
	color:#267cde;
	text-decoration:underline;
}
.dform .form-org-picker .form-org-users .fo-user .level{
	position:relative;
	padding-left:35px;
}
.dform .form-org-picker .form-org-users .fo-user .level:before{
	position:absolute;
	left:0px;
	top:7px;
	width:8px;
	height:2px;
	background-color: #ddd;
	content:"";
}
.dform .form-org-picker .form-org-users .fo-user .level.level-1{
	margin-left:20px;
}
.dform .form-org-picker .form-org-users .fo-user .level.level-2{
	margin-left:40px;
}
.dform .form-org-picker .form-org-users .fo-user .level.level-3{
	margin-left:60px;
}
.dform .form-org-picker .form-org-users .fo-user .level.level-4{
	margin-left:80px;
}
.dform .form-org-picker .form-org-users .fo-user .level.level-5{
	margin-left:100px;
}
.dform .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);
}
.dform .form-org-picker .form-org-users .fo-user .fo-username{
	color:#aaa;
	font-size:12px;
}
.dform .form-org-picker .form-org-users .fo-user.selected{
	color:#639c11;
}
.dform .form-org-picker .form-org-users .fo-user.selected .fo-cb{
	background-color: #7abd1a;
	border:1px solid rgba(0,0,0,0.05);
}
.dform .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;
}
.dform .form-org-picker .form-org-users .fo-group{
	padding:8px 0 8px 0;
	cursor:pointer;
}
.dform .form-org-picker .form-org-users .fo-group:hover{
	text-decoration:underline;
 color:#267cde;
}
.dform .form-org-picker .form-org-users .fo-group .level{
	position:relative;
	padding-left:15px;
}
.dform .form-org-picker .form-org-users .fo-group .level.level-1{
	margin-left:20px;
}
.dform .form-org-picker .form-org-users .fo-group .level.level-2{
	margin-left:40px;
}
.dform .form-org-picker .form-org-users .fo-group .level.level-3{
	margin-left:60px;
}
.dform .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;
}
.dform .form-org-picker .form-org-users .fo-subodes{
	position:relative;
	overflow:hidden;
}
.dform .form-org-picker .form-org-users .fo-group.selected{
	color:#639c11;
}
.dform .form-org-picker .form-org-users .fo-group.selected .fo-cb{
	background-color: #7abd1a;
	border:1px solid rgba(0,0,0,0.05);
}
.dform .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(122,189,26,0.1);
}
.form .fi-tags .fi-tag.selected:after{
	font-family:ap; content:"\f374";
	color:#7abd1a;
	font-size:16px;
	position:absolute;
	right:8px;
	top:8px;
}



.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:#7abd1a;
	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;
}
.dform.row .icon-picker-v2{
	position:absolute;
	right:6px;
	bottom:24px;
}
.dform.row .icon-picker-v2 .form-v2-icon-canvas{
	left:-240px;
}
.dform.row .inline-icon-picker{
	position:absolute;
	right:0px;
	bottom:25px;
}
.dform.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;
}
.dform.row .inline-icon-picker.-no-bg .icon-display{
	background-color: transparent;
}
.dform.row .inline-icon-picker .icon-display .base-emoji-inline{
	font-size:20px;
	position:absolute;
	top:-2px;
	left:-2px;
}
.dform.row .inline-icon-picker .icon-display .base-emoji-inline img{
	width:20px;
	height:20px;
}
.dform.row .inline-icon-picker .icon-display > .base-icon{
	top:2px;
	left:2px;
	width:20px;
	height:20px;
}
.dform.row .inline-icon-picker .icon-display > .base-icon svg{
	width:20px;
	height:20px;
}
.dform.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;
}
.dform.row .inline-icon-picker .icon-display img{
	width:16px;
	height:16px;
}
.dform.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;
}
.dform.row .inline-icon-picker.active .sx-icons{
	display:block;
}
.dform.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;
}
.dform.row .inline-icon-picker .sx-icons .sx-icon:hover{
	background-color: #f3f3f3;
}



.dform .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;
}
.dform .quill-wrapper.ql-bubble .ql-editor.ql-blank::before{
	left:9px;
	top:11px;
}



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



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



.stdform .input{
	position:relative;
}
.stdform .input.-fake{
	color:#999;
	font-size:inherit;
	cursor:text;
}
.stdform input, .stdform textarea, .stdform input, .stdform 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;
}
.stdform 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%);
}
.stdform select:hover{
	-moz-box-shadow:inset 1px6px 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);
}
.stdform input, .stdform textarea, .stdform select{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid #d3d3d3; border-right:1px solid #ccc; border-left:1px solid #d3d3d3; border-bottom:1px solid #ccc;
	padding:6px 8px;
	width:100%;
}
.stdform select{
	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;
}
.stdform select: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%);
}
.stdform input:focus, .stdform textarea:focus, .stdform .select select.std:focus, input.std:focus, textarea.std:focus{
	-moz-box-shadow: 0px 0px 8px rgba(122,189,26,0.3);
 -webkit-box-shadow: 0px 0px 8px rgba(122,189,26,0.3);
 box-shadow: 0px 0px 8px rgba(122,189,26,0.3);
	border-color:rgba(122,189,26,0.7);
}



.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;
}
.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:#7abd1a;
}
.cf-filler-canvas .field .opts .opt.selected .cb:before{
	background-color: #7abd1a;
}
.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{
	display:none;
}
.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;
}



#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:#639c11;
	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:#6fad15;
	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:#639c11;
	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:ap; content:"\ec89";
	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:#7abd1a;
}
#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:"\ece1";
	left:10px;
	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:"\f0d7";
	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;
}



.notis-canvas{
	position:absolute;
	display:none;
	left:0px;
	top:55px;
	right:0px;
	bottom:0px;
	background: rgba(0,0,0,0.6);
	z-index:999;
}
.notis-canvas .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:640px;
	z-index:6000;
	color:#555;
	position:absolute;
	height:100%;
	right:0px;
	left:auto;
}
.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-body{
	position:absolute;
	overflow:hidden;
	top:85px;
	bottom:48px;
	left:0px;
	right:0px;
}
.notis-canvas .nc-scroll{
	position:absolute;
	overflow:hidden;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
}
.notis-canvas .d-container{
}
.notis-canvas .d-header{
	padding:13px 15px;
	position:relative;
	font-weight:bold;
	font-size:13px;
 color:#111;
}
.notis-canvas .d-header:before{
	position:absolute;
	top:20px;
	left:15px;
	right:20px;
	height:1px;
	content:"";
}
.notis-canvas .d-header .d{
	position:relative;
	display:inline-block;
	background-color: #fff;
	padding-right:20px;
}
.notis-canvas .d-header .diff{
	color:#aaa;
	position:absolute;
	font-weight:normal;
	font-size:12px;
	right:0px;
	top:8px;
	background-color: #fff;
	padding:5px 25px;
}
.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%;
}
.notis-canvas .-more:hover{
	color:#0a8ed2;
	font-weight:bold;
	background-color: #f9f9f9;
}

.notis-canvas .item{
	position:relative;
	cursor:pointer;
 color:#333;
	padding:10px 15px 10px 70px;
	margin-bottom:1px;
}
.notis-canvas .item:hover{
	background-color: #f6f6f6;
	-moz-box-shadow: inset 0px 0px 13px rgba(0,0,0,0.03);
 -webkit-box-shadow: inset 0px 0px 13px rgba(0,0,0,0.03);
 box-shadow: inset 0px 0px 13px rgba(0,0,0,0.03);
	color:#111;
}
.notis-canvas .item:before{
	font-family:ap; content:"\e924";
	position:absolute;
	font-size:16px;
	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.2s; -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s; transition-duration: 0.2s;
}
.notis-canvas .item:hover:before{
	font-size:20px;
	top:13px;
	right:13px;
	color: rgba(0,0,0,0.5);
}
.notis-canvas .item.unread{
	background: rgba(255,243,225,0.8);
}
.notis-canvas .item.unread:hover{
	background: rgba(255,224,181,0.6);
}
.notis-canvas .item > .avatar{
	top:15px;
	left:15px;
	position:absolute;
	overflow:hidden;
	width:40px;
	height:40px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.notis-canvas .item > .avatar img{
	width:40px;
	height:40px;
}
.notis-canvas .item .main{
	font-size:15px;
	position:relative;
	min-height:50px;
	padding-right:13px;
	padding-top:2px;
}
.notis-canvas .item .main .title b, .notis-canvas .item .main .title em{
	font-weight:500;
 color:#000;
}
.notis-canvas .item.unread .main .title{
	font-weight:500;
 color:#000;
}
.notis-canvas .item .main .appicon{
	position:absolute;
	right:0px;
	bottom:0px;
}
.notis-canvas .item .main .appicon img{
	width:16px;
	height:16px;
}
.notis-canvas .item .main .info{
	color:#888;
	font-size:12px;
	padding-top:5px;
}
.notis-canvas .item .main .body{
	font-size:16px;
 color:#111;
	position:relative;
	margin-top:9px;
	padding-left:16px;
	margin-bottom:5px;
	font-weight:300;
}
.notis-canvas .item .main .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);
}
.notis-canvas .item .main .info span{
	color:#aaa;
	font-size:14px;
	display:inline-block;
	width:14px;
	margin-right:3px;
	vertical-align:-1px;
}
.notis-canvas .item .subitem{
	margin-top:6px;
	padding-left:15px;
	font-size:12px;
	position:relative;
}
.notis-canvas .item .subitem:before{
	position:absolute;
	width:6px;
	height:1px;
	background: rgba(0,0,0,0.2);
	content:"";
	left:0px;
	top:4px;
}
.notis-canvas .item .subitem:after{
	position:absolute;
	width:6px;
	height:1px;
	background: rgba(0,0,0,0.2);
	content:"";
	left:0px;
	top:8px;
}
.notis-canvas .item .subitem .sname{
	margin-right:40px;
}
.notis-canvas .item .subitem .stime{
	font-size:11px;
	position:absolute;
	right:-13px;
	top:1px;
}



.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;
border-bottom:2px solid rgba(0,0,0,0.1);
}
.notis-canvas .nc-header .base-title{
	font-size:20px;
 color:#111;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:bold;
 @tfont;
}
.notis-canvas .nc-header .mark-read{
	position:absolute;
cursor:pointer;
color:#707070;
font-size:12px;
font-weight:500;
right:20px;
top:18px;
}
.notis-canvas .nc-header .mark-read:hover{
	color:#222222;
	text-decoration:underline;
}
.notis-canvas .nc-header .base-tabs{
	margin-top:8px;
	height:32px;
}
.notis-canvas .nc-header .base-tabs .base-tab{
	margin-right:25px;
height:32px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size:14px;
color:#999999;
}
.notis-canvas .nc-header .base-tabs .base-tab em{
	display:inline-block;
 color:#666;
	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:#222222;
}
.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 .filter{
	position:absolute;
	cursor:pointer;
	right:10px;
	bottom:8px;
	padding:6px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.notis-canvas .nc-header .filter:hover{
	background-color: #fafafa;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}


.reminder-master{
	position:absolute;
display:none;
bottom:0px;
left:0px;
right:0px;
top:55px;
z-index:2001;
background: rgba(0,0,0,0.1);
z-index:900;
}
.reminder-master.active{
	display:block;
}
.reminder-master .reminder-board{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:380px;
	top:0px;
	bottom:0px;
	left:0px;
	background-color: #f6f6f6;
	border-right:1px solid rgba(0,0,0,0.15);
}
.reminder-master .reminder-calendar{
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	bottom:0px;
	left:380px;
	background: rgba(0,0,0,0.2);
}

.reminder-board .reminder-header{
	padding:0 10px;
	height:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.15);
}
.reminder-board .reminder-header .base-tabs{
	height:50px;
}
.reminder-board .reminder-header .base-tabs .base-tab{
	padding:16px 0;
width:33.3%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size:11px;
text-transform:uppercase;
text-align:center;
height:50px;
margin-right:0px;
}
.reminder-board .reminder-header .base-tabs .base-tab .-tab-wrapper{
	display:inline-block;
}
.reminder-board .reminder-header .base-tabs .base-tab .-tab-inner{
	padding-top:2px;
}
.reminder-board .reminder-header .base-tabs .base-tab.active{
	font-weight:bold;
color:#267cde;
}
.reminder-board .reminder-header .base-tabs .base-tab.active:before{
	position:absolute;
 left:5px;
 right:5px;
 bottom:0px;
 height:3px;
 background: rgba(38,124,222,0.8);
 content:"";
}
.reminder-board .reminder-header .base-tabs .base-tab em{
}
.reminder-board .reminder-header .base-tabs .base-tab em .counter{
	float:left;
 color:#fff;
	font-size:11px;
	font-weight:500;
	text-align:center;
 background-color: #267cde;
 padding:2px 4px;
 margin-right:10px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 min-width:10px;
 margin-top:-3px;
}
.reminder-board .reminder-header .base-tabs .base-tab em .counter-icon{
	float:left;
	font-size:11px;
	font-weight:500;
	text-align:center;
	position:relative;
 margin-right:10px;
 width:16px;
 height:16px;
 margin-top:-2px;
}
.reminder-board .reminder-body{
	position:absolute;
	top:50px;
	left:0px;
	right:0px;
	bottom:0px;
}
.reminder-board .reminder-body .page{
	display:none;
padding-bottom:50px;
}
.reminder-board .reminder-body .page.active{
	display:block;
}
.reminder-board .reminder-body .page .notice{
	padding:15px 0px 0 0;
margin:0 15px;
color:#b93333;
font-weight:500;
font-size:16px;
}
.reminder-board .reminder-body .page .notice .count{
	position:absolute;
 color:#fff;
	font-size:12px;
	font-weight:500;
 right:15px;
 top:11px;
 background-color: #c34343;
 padding:2px 4px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.reminder-board .reminder-body .page .section-title{
	padding:12px 15px 3px 32px;
color:#111;
font-weight:500;
font-size:16px;
position:relative;
font-weight:bold;
}
.reminder-board .reminder-body .page .section-title:before{
	font-family:ap; content:"\f0d7";
	position:absolute;
	font-size:14px;
 top:15px;
 left:15px;
}
.reminder-board .reminder-body .page .section-title .count{
	position:absolute;
 right:15px;
 top:11px;
 background-color: #fff;
 color:#D96C6C;
	font-size:12px;
	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.2);
}
.reminder-board .reminder-footer{
	position:absolute;
text-align:center;
text-transform:uppercase;
font-size:12px;
font-weight:500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor:pointer;
left:15px;
right:15px;
bottom:15px;
height:33px;
background-color: #e5f6eb;
padding:9px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #00b363;
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}
.reminder-board .reminder-footer:hover{
	color:#fff;
 background-color: #6fad15;
}
.reminder-board .reminder-footer .base-label{
	display:inline-block;
}
.reminder-board .reminder-footer .base-label .-content{
	display:inline-block;
 padding-top:2px;
}
.reminder-board .reminder-section{
	position:relative;
	padding-bottom:5px;
	padding-top:5px;
}
.reminder-board .reminder-section .item{
	padding:13px 20px 13px 36px;
	position:relative;
	cursor:pointer;
	margin:6px 15px 0 15px;
	-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 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: rgba(255,255,255,0.8);
}
.reminder-board .reminder-section .item:hover{
	font-weight:500;
	background: rgba(38,124,222,0.1);
}
.reminder-board .reminder-section .item .actions{
	position:absolute;
font-weight:normal;
font-size:12px;
color:#aaa;
display:none;
right:15px;
bottom:13px;
z-index:101;
}
.reminder-board .reminder-section .item .actions .action{
	cursor:pointer;
}
.reminder-board .reminder-section .item .actions .action:hover{
	color:#267cde;
	text-decoration:underline;
}
.reminder-board .reminder-section .item:hover .actions{
	display:block;
}
.reminder-board .reminder-section .item .mask{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	z-index:100;
}
.reminder-board .reminder-section .item .trigger{
	position:absolute;
font-size:16px;
color:#aaa;
right:10px;
top:11px;
width:16px;
height:16px;
}
.reminder-board .reminder-section .item .trigger img{
	width:16px;
 height:16px;
}
.reminder-board .reminder-section .item .name{
	font-size:14px;
 color:#111;
	margin-right:30px;
	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-board .reminder-section .item .info{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	color: rgba(0,0,0,0.6);
}
.reminder-board .reminder-section .item.overdue-1 .info .time{
	color:#D96C6C;
}
.reminder-board .reminder-section .item.overdue-1 .info .hidden{
	display:inline-block;
}
.reminder-board .reminder-section .item .dot{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:13px;
	height:13px;
	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-board .reminder-section .item.state--1 .name{
}
.reminder-board .reminder-section .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-board .reminder-section .item.state-1{
	color:#7abd1a;
}
.reminder-board .reminder-section .item.state-1 .name{
	color:#7abd1a;
	text-decoration:line-through;
}
.reminder-board .reminder-section .item.state-1 .dot{
	background-color: #7abd1a;
}



.reminder-calendar .canvas{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0;
	overflow:hidden;
	background-color: #fff;
}
.reminder-calendar .header{
	height:50px;
border-bottom:1px solid rgba(0,0,0,0.15);
position:relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.reminder-calendar .header .icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
 top:10px;
 left:20px;
}
.reminder-calendar .header .title{
	padding:13px 20px 13px 55px;
font-weight:500;
font-size:18px;
}
.reminder-calendar .header .title .url: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:9px;
-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:11px;
}
.reminder-calendar .header .side > div{
	float:left;
}
.reminder-calendar .header .side > .base-action{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left:20px;
}
.reminder-calendar .header .side > .base-action:hover{
	box-shadow: inset 0 0 0 1px #267cde;
}
.reminder-calendar .header .side .base-action.-icon-only{
	width:30px;
height:30px;
padding:0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-top:-1px;
}
.reminder-calendar .header .side .base-action.-icon-only .-icon{
	left:5px;
 top:6px;
}
.reminder-calendar .header .side .base-action.-icon-only:hover{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
 color:#267cde;
}
.reminder-calendar .header .side .base-actions.-borderless .base-action:after{
	display:none;
}
.reminder-calendar .header .close{
	position:absolute;
font-size:24px;
color:#aaa;
cursor:pointer;
right:18px;
top:1px;
padding:8px;
width:16px;
height:16px;
}
.reminder-calendar .header .close:before{
	position:absolute;
 left:-13px;
 top:12px;
 bottom:-2px;
 width:1px;
 background: rgba(0,0,0,0.15);
 content:"";
}
.reminder-calendar .header .close:hover{
	color:#D96C6C;
}
.reminder-calendar .body{
	position:absolute;
	overflow:hidden;
	top:50px;
	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:72px;
	border-bottom:1px solid rgba(0,0,0,0.15);
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.reminder-calendar .body .dheader .w{
	font-size:13px;
	font-weight:500;
	text-transform:uppercase;
 color:#999999;
	padding-top:10px;
}
.reminder-calendar .body .dheader .d{
	padding-top:3px;
	font-weight:300;
	font-size:22px;
 color:#333333;
}
.reminder-calendar .body .day.today{
}
.reminder-calendar .body .day.today .dheader{
	border-bottom:2px solid rgba(38,124,222,0.8);
}
.reminder-calendar .body .day.today .dheader .w, .reminder-calendar .body .day.today .dheader .d{
	color:#267cde;
}
.reminder-calendar .body .dbody{
	position:absolute;
	top:73px;
	left:0px;
	right:0px;
	bottom:0px;
}
.reminder-calendar .body .dbody:before{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	height:1px;
	margin-top:-2px;
	background-color: #eee;
	content:"";
}
.reminder-calendar .body .ditems{
	position:relative;
	overflow:hidden;
	height:50%;
}
.reminder-calendar .item{
	padding:6px 6px 6px 25px;
	position:relative;
	cursor:pointer;
	margin:2px 4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.reminder-calendar .item .name{
	display: block; display: -webkit-box;
	max-height: 32px;
	font-size: 12px; line-height: 16px; -webkit-line-clamp: 2;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
.reminder-calendar .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:8px;
}
.reminder-calendar .item .info{
	position:relative;
padding-top:4px;
color: rgba(0,0,0,0.5);
}
.reminder-calendar .item .info .time{
	font-size:11px;
}
.reminder-calendar .item:hover{
	background: rgba(38,124,222,0.1);
}
.reminder-calendar .item:hover .name{
	text-decoration:underline;
 color:#267cde;
}
.reminder-calendar .item.meaningful-1{
	background: rgba(38,124,222,0.1);
	color:#267cde;
	font-weight:500;
}
.reminder-calendar .item.state-1{
}
.reminder-calendar .item.state-1 .c{
	background-color: #7abd1a;
}
.reminder-calendar .item.state-1 .name{
	color:#7abd1a;
	text-decoration:line-through;
}
.reminder-calendar .item.state--1:hover{
	background: rgba(237,99,52,0.1);
	color:#ED6334;
}
.reminder-calendar .item.state--1:hover .name{
	color:#ED6334;
}
.reminder-calendar .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 .item.state--1 .time{
	color:#ED6334;
}
.reminder-calendar .item.state-0 .c{
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
.reminder-calendar .item.meaningful-0{
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
	background-color: #f6f6f6;
}
.reminder-calendar.meaningful .item.meaningful-0{
	display:none;
}



.app-roles-supertable{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.app-roles-superlist{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
.app-roles-wrapper{
	position:relative;
	position:relative;
	max-width:1000px;
	margin:auto;
	padding:20px;
}
.app-roles{
}
.app-roles .role{
	position:relative;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:15px;
	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);
}
.app-roles .role .role-header{
	position:relative;
	cursor:pointer;
	padding:15px 0 15px 85px;
}
.app-roles .role .role-header:after{
	font-family:ap; content:"\f0d7";
	position:absolute;
	font-size:16px;
 color:#aaa;
	left:18px;
	top:20px;
}
.app-roles .role .role-header .role-icon{
	position:absolute;
	overflow:hidden;
	width:40px;
	height:40px;
	top:16px;
	left:45px;
}
.app-roles .role .role-header .base-title{
	font-size:15px;
	font-weight:500;
	padding-bottom:3px;
}
.app-roles .role .role-header .base-info{
	font-size:12px;
 color:#858585;
}
.app-roles .role .role-header .base-side{
	position:absolute;
	right:20px;
	top:15px;
}
.app-roles .role .role-header .base-side .base-avatars{
	margin-top:3px;
}
.app-roles .role .body{
	overflow:hidden;
}
.app-roles .role .role-scope{
	padding:10px 20px 10px 45px;
	border-top:1px solid #eee;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.app-roles .role .role-scope .s-icon{
	position:absolute;
	left:15px;
	top:10px;
}
.app-roles .role .role-scope .s-name{
	font-size:13px;
	font-weight:500;
}
.app-roles .role .role-scope .s-key{
	position:absolute;
	right:180px;
	top:16px;
	background: rgba(122,189,26,0.1);
	padding:4px 6px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
 color:#578a0d;
	text-align:center;
	font-family: Consolas, Courier New, Courier New, monospace;
	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;
}
.app-roles .role .role-scope .s-info{
	font-size:12px;
 color:#999999;
	padding-top:4px;
}
.app-roles .role .role-scope .s-value{
	position:absolute;
	right:20px;
	top:11px;
	width:135px;
}
.app-roles .role.-collapsed .role-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);
	color:#111111;
}
.app-roles .role.-collapsed .body{
	display:none;
}
.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:#7abd1a;
}
.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;
}



#internal-excel{
}
#internal-excel .col-note{
	background: rgba(122,189,26,0.1);
	color:#639c11;
	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:15px;
	padding-top:12px;
}
#internal-excel .ui-col .sicon:after{
	position:absolute;
	left:72px;
	top:0px;
	bottom:0px;
	width:1px;
	background-color: #ddd;
	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:#6fad15;
	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:#629a13;
}


#float-action{
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:8000;
}
#float-action .main-action{
	background-color: #7abd1a;
	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: #7abd1a;
}
#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%;
}
#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;
}
.-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:#7abd1a;
	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(122,189,26,0.1);
}
.ap-inline-tagger .ap-tagger .api-tag.-selected:after{
	font-family:ap; content:"\e116";
	color:#7abd1a;
	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:"\e923";
	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;
	width:16px;
	height:16px;
}
.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:406px;
	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:14px;
 color:#aaa;
	cursor:pointer;
	right:8px;
	top:4px;
	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 .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: #578a0d;
}
.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;
}



.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: #7abd1a;
	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(122,189,26,0.8);
	border:1px solid #7abd1a;
}
.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:#7abd1a;
	text-decoration:line-through;
}
.etaskform .r{
	display:none;
}
.etaskform.activated .rf{
	display:none;
}
.etaskform.activated .r{
	display:block;
}



.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 DIALOG -- /** * @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:400px;
	max-width:900px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	background-color: #fff;
}
.__wtdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid trapsparent;
	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:5px 9px;
	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:#36b918;
	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-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight:normal;
}
.__appdialog{
	width:100%;
	height:100%;
	background-image: url(https://static-gcdn.basecdn.net/landing/base.vn/image/dialog.png); background-repeat: repeat;
	overflow:auto;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
}
.__appdialog .__dialogwrapper{
	position:absolute;
	-moz-box-shadow:0px 10px 10px -2px #888;
 -webkit-box-shadow:0px 10px 10px -2px #888;
 box-shadow:0px 10px 10px -2px #888;
}
.__appdialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
}
.__appdialog .__dialogmain{
	float:left;
	position:relative;
	background-color: #fafafa;
	min-height:90px;
	min-width:400px;
	max-width:900px;
	@corner:4px;
}
.__appdialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid #fff;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
	background-image: url(https://static-gcdn.basecdn.net/landing/base.vn/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;
}
--- AP ALERT .__apalert .__dialogmain .__dialogtitle{
	display:none;
}
.__apalert .__apdialog{
	overflow:hidden;
	padding:25px 5px;
	padding-top:30px;
	max-width:500px;
	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:#222;
	line-height:24px;
	padding-right:20px;
}
.__apalert .__apdialog .text strong{
	text-decoration:underline;
}
.__apalert .__apdialog .text *{
	font-family: Arial, san-serif;
}
--- UPLOAD DIALOG .__uploaddialog{
	width:100%;
	height:100%;
	background-image: url(https://static-gcdn.basecdn.net/landing/base.vn/image/dialog.png); background-repeat: repeat;
	overflow:auto;
	z-index:2111;
	position:absolute;
	top:0px;
	left:0px;
}
.__uploaddialog .__dialogwrapper{
	position:absolute;
	background: rgba(0,0,0,0.15);
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
.__uploaddialog .__dialogwrapper-inner{
	margin:auto;
	overflow:hidden;
	-moz-box-shadow: 1px 1px 6px 0px #555;
 -webkit-box-shadow: 1px 1px 6px 0px #555;
 box-shadow: 1px 1px 6px 0px #555;
}
.__uploaddialog .__dialogmain{
	float:left;
	position:relative;
	background-color: #fafafa;
	min-height:90px;
	min-width:400px;
	max-width:900px;
	@corner:4px;
}
.__uploaddialog .__dialogcontent{
	min-height:40px;
	border-top:1px solid #fff;
	padding:10px;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
}
.__uploaddialog .__dialogtitle{
	color: #2481d8;
	padding: 12px 10px 12px 10px;
	position:relative;
	font-weight:normal;
	font-size:17px;
	font-family: Arial, san-serif;
 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%);
	border-bottom:2px solid #2481d8;
}
.__uploaddialog .__dialogclose{
	position:absolute;
	cursor:pointer;
	right:6px;
	top:6px;
	padding:3px;
	opacity: 0.5;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	border:1px solid transparent;
}
.__uploaddialog .__dialogclose:hover{
	background-color: #efefef;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e5e5e5');
 background: -moz-linear-gradient(top, #efefef 0%,#e5e5e5 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef),color-stop(100%,#e5e5e5));
 background: -webkit-linear-gradient(top, color-stop(0%,#efefef),color-stop(100%,#e5e5e5));
 background: -o-linear-gradient(top, #efefef 0%,#e5e5e5 100%);
 background: -ms-linear-gradient(top, #efefef 0%,#e5e5e5 100%);
 background: linear-gradient(top, #efefef 0%,#e5e5e5 100%);
	border:1px solid #d7d7d7;
	opacity: 1.0; filter: alpha(Opacity:100);
}
.__uploaddialog .__dialogbuttons{
	border-top:1px solid #e3e3e3;
	padding:10px;
	text-align:right;
 background-color: #fafafa;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5');
 background: -moz-linear-gradient(top, #fafafa 0%,#f5f5f5 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa),color-stop(100%,#f5f5f5));
 background: -webkit-linear-gradient(top, color-stop(0%,#fafafa),color-stop(100%,#f5f5f5));
 background: -o-linear-gradient(top, #fafafa 0%,#f5f5f5 100%);
 background: -ms-linear-gradient(top, #fafafa 0%,#f5f5f5 100%);
 background: linear-gradient(top, #fafafa 0%,#f5f5f5 100%);
}
.__uploaddialog .__dialogbuttons .button{
	display:inline-block;
	text-align:center;
	cursor:pointer;
	margin:3px 3px;
	padding:8px 15px;
	margin-left:5px;
 background-color: #fcfcfc;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee');
 background: -moz-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc),color-stop(100%,#eeeeee));
 background: -webkit-linear-gradient(top, color-stop(0%,#fcfcfc),color-stop(100%,#eeeeee));
 background: -o-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%);
 background: -ms-linear-gradient(top, #fcfcfc 0%,#eeeeee 100%);
 background: linear-gradient(top, #fcfcfc 0%,#eeeeee 100%);
	border:1px solid #d1d1d1;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-moz-box-shadow: inset 0px 0px 1px #fff;
 -webkit-box-shadow: inset 0px 0px 1px #fff;
 box-shadow: inset 0px 0px 1px #fff;
	text-shadow:0 1px 1px #fff;
	color:#444;
	font-size:11px;
	font-family: Arial, san-serif;
	font-weight:bold;
}
.__uploaddialog .__dialogbuttons .button:hover{
	background-color: #ffffff;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9');
 background: -moz-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#e9e9e9));
 background: -webkit-linear-gradient(top, color-stop(0%,#ffffff),color-stop(100%,#e9e9e9));
 background: -o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
 background: -ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
 background: linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
	color:#111;
	border:1px solid #ccc;
}
.__uploaddialog .__dialogbuttons .button:active, .__uploaddialog .__dialogbuttons .button:focus{
	-moz-box-shadow:inset 1px2px 2px #ddd;
 -webkit-box-shadow:inset 1px 2px 2px #ddd;
 box-shadow:inset 1px 2px 2px #ddd;
	border:1px solid #ccc;
}
.__uploaddialog{
}
.__uploaddialog .__dialogbuttons{
	display:none;
}
.__uploaddialog .__dialogcontent{
	padding:0;
	margin:0;
}
.__uploaddialog .__dialogclose{
	display:none;
}
.__uploaddialog.has_close_button .__dialogclose{
	display:block;
}


.footer{
	background: rgba(235,237,240,0.8);
 padding: 60px 0px;
}
.footer .title{
	font-size:18px;
	font-weight:normal;
 color:#111;
	text-transform:uppercase;
font-weight:normal;
margin-bottom: 15px;
}
.footer .link{
	margin-bottom: 10px;
	font-weight:normal;
 color:#666;
	display:block;
	font-size:14px;
}
.footer .link:hover{
	text-decoration:underline;
color:#1d8ccb;
}
.footer .actions{
	margin: 20px 0px;
text-align: left;
}
.footer .btn{
	font-size:13px;
margin-right: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px 20px;
}
.footer .btn.-try{
	background-color: #1d8ccb;
 color:#fff;
 border:1px solid #1d8ccb;
}
.footer .btn.-try:hover{
	background-color: #176d9e;
 border:1px solid #176d9e;
}
.footer .btn.-demo{
	border:1px solid #1d8ccb;
 color:#1d8ccb;
}
.footer .btn.-demo:hover{
	background-color: #176d9e;
 border:1px solid #176d9e;
 color:#fff;
}
.footer .social{
	margin-top: 20px;
}
.footer .social .name{
	margin-bottom: 10px;
}
.footer .social .btn{
	width: 30px;
 height: 28px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	display:inline-block;
	font-size:16px;
	background-color: #999;
	color:#fff;
	padding:0;
	padding-top:0px;
vertical-align: middle;
}
.footer .social .btn:hover{
	background-color: #1d8ccb;
}
.footer .social .btn .-ap{
	line-height: 28px;
}
.footer .social .btn.-zalo{
	border-radius: 5px;
}
.footer .social .btn img{
	width: 30px;
}
.footer .add{
}
.add__title{
	color:#000;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom: 5px;
	padding-left: 0 !important;
}
.footer .add p{
	position:relative;
	padding-left: 125px;
	padding-bottom:8px;
	line-height: 1.58;
	font-size:14px;
}
.footer .add p em{
	display:inline-block;
 color:#888;
	position:absolute;
	font-size:13px;
	width:125px;
	top: 0;
	left: 0;
}
.footer .container{
	max-width: 1200px;
}
.footer .row{
	width: 100%;
display: inline-block;
}
.footer .container{
	max-width: 1200px;
}
.footer .col{
	display: inline-block;
float: left;
}
.footer .col-5{
	width: 41.66666667%;
}
.footer .col-6{
	width: 50%;
}
.footer .col-2{
	width: 16.66666667%;
}
.footer .col-3{
	width: 25%;
}
.footer .copyright{
	text-align: center;
margin-top: 30px;
padding: 20px 0px;
color: #7f8fa4;
}
#footer{
	padding:40px 0px;
	font-size:13px;
 color:#888;
border-top: 1px solid #eee;
}
#footer .pw{
	max-width:1200px;
	margin:auto;
}
#footer .footer-left{
	display:inline-block;
	font-weight:300;
 color:#888;
}
#footer .footer-left .copyright{
	display:inline-block;
 color:#888;
margin-right: 10px;
}
#footer .footer-left .links{
	display:inline-block;
}
#footer .footer-left .links a{
	display:inline-block;
 color:#888;
	font-weight:normal;
margin-left: 10px;
}
#footer .footer-left .links a:hover{
	text-decoration:underline;
color:#0d87e0;
}
#footer .footer-right{
	float:right;
}
#footer .footer-right .contact,#footer .footer-right .social{
	display:inline-block;
}
#footer .footer-right .contact{
	margin-right:20px;
}
#footer .footer-right .social a{
	width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(0,0,0,0.2);
	display:inline-block;
 color:#fff;
	text-align:center;
line-height: 30px;
}
#footer .footer-right .social .-fb:hover{
	background-color: #3b5999;
color:#fff;
}
#footer .footer-right .social .-gg:hover{
	background-color: #cd201f;
color:#fff;
}
#group-support-hotline{
	position: fixed;
 right: 20px;
 background: 0 0;
 display: flex;
 flex-direction: column;
 z-index: 11;
 gap: 16px;
 transform: translateY(50%);
 bottom: 100px;
}
#group-support-hotline a{
	width: 60px;
 height: 60px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 background: #fff;
 box-shadow: 0 0 36px rgba(0, 0, 0, .2);
 cursor: pointer;
 z-index: 999;
 text-align: center;
 -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
 animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
 -webkit-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
}
#group-support-hotline a img{
	width: 40px;
 height: 40px;
}
.effect-ring:before{
	position: absolute;
 content: " ";
 z-index: -1;
 background-color: #d3d3d3;
 width: 60px;
 height: 60px;
 border-radius: 100%;
 opacity: .6;
 -webkit-animation: pulse 1.2s infinite ease-in-out;
 animation: pulse 1.2s infinite ease-in-out;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}
.effect-ring:after{
	content: " ";
 z-index: -1;
 width: 120px;
 height: 120px;
 position: absolute;
 background-color: transparent;
 border-radius: 100% !important;
 border: 2px solid #fbfbfa;
 opacity: .1;
 -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
 animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
 transition: all .5s;
 -webkit-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
}
@-webkit-keyframes phonering-alo-circle-img-anim{
	0%{-webkit-transform: rotate(0) scale(1) skew(1deg)}
	10%{-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	20%{-webkit-transform: rotate(25deg) scale(1) skew(1deg)}
	30%{-webkit-transform: rotate(-25deg) scale(1) skew(1deg)}
	40%{100%,}
	50%{-webkit-transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes phonering-alo-circle-anim{
	0%{-webkit-transform: rotate(0) scale(.5) skew(1deg);
 -webkit-opacity: .1}
	30%{-webkit-transform: rotate(0) scale(.7) skew(1deg);
 -webkit-opacity: .5}
	100%{-webkit-transform: rotate(0) scale(1) skew(1deg);
 -webkit-opacity: .1}
}

 
#pay{
	padding-top: 70px;
}
#pay .packages{
	display:flex;
}
#pay .packages .package{
	flex:1;
	float:left;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid rgba(0,0,0,0.05);
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:30px 0;
	margin:0 2%;
}
#pay .packages .package.fullw{
	width: 100%;
margin-top: 10px;
}
#pay .packages .package h2{
	font-size:28px;
	font-weight:300;
}
#pay .packages .package .price{
	padding:10px 0;
	font-size:28px;
 color:#888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	height:105px;
}
#pay .packages .package .price p{
	line-height:22px;
	font-size:13px;
}
#pay .packages .package .price.-sep:after{
	position:absolute;
	left:20%;
	right:20%;
	bottom:30px;
	content:"";
	height:1px;
	background: rgba(0,0,0,0.1);
}
#pay .packages .package .price b{
	color:#111;
}
#pay .packages .package .info{
	color:#888;
	font-size:13px;
	padding-top:8px;
}
#pay .packages .package .key{
	padding-top:4px;
	font-weight:500;
	font-size:15px;
 color:#7abd1a;
	padding-bottom:6px;
}
#pay .packages .package .submit{
	margin:50px 20px 30px 20px;
	background-color: #267cde;
	color:#fff;
	font-size:15px;
	font-weight:500;
	cursor:pointer;
	display:block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:13px 0;
}
#pay .packages .package .submit:hover{
	background-color: #7abd1a;
}
#pay .packages .package .paynow{
	color:#267cde;
	cursor:pointer;
}
#pay .packages .package .paynow:hover, #pay .packages .package .paynoww:hover{
	text-decoration:underline;
}
#pay .packages .package .paynoww{
	color:#fff;
	cursor:pointer;
}
#pay .packages .package.middle{
	color:#fff;
	border:1px solid rgba(0,0,0,0.1);
	background-color: #aaa;
}
#pay .packages .package.middle .info{
	color: rgba(255,255,255,0.6);
}
#pay .packages .package.middle .info a{
	color:#fff;
}
#pay .packages .package.middle .price b{
	color:#fff;
}
#pay .packages .package.middle .price{
	color: rgba(255,255,255,0.5);
}
#pay .contact{
	font-size:24px;
	font-weight:300;
	text-align:center;
 color:#aaa;
	padding:75px 0;
}
#pay .packages.more{
	margin:0 -5px;
}
#pay .packages.more .package{
	margin:0 5px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:none;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
#pay .packages.more .package .price{
	font-size:15px;
}
#pay .packages.more .package .price b{
	font-size:20px;
}
#pay .packages.more .package .price em{
	font-weight:500;
 color:#111;
}
#pay .packages.more .package h2{
	font-size:24px;
}

 
#cover{
	overflow:hidden;
	position:relative;
	z-index:98;
	padding-top: 50px;
}
#cover > .title{
	text-align:center;
	font-size:30px;
	font-weight:500;
	padding: 0px 0 72px 0;
	color: #fff;
}
#cover > .title .sub{
	font-size:18px;
	font-weight:normal;
	color: rgba(255,255,255,0.75);
	padding-top:15px;
	color: rgba(255,255,255,0.7);
}
#cover .header{
	padding:15px 0;
	overflow:hidden;
}
#cover .header .logo{
	float:left;
	font-size:20px;
	padding:6px 0;
	color: rgba(255,255,255,0.5);
}
#cover .header .logo a{
	color:#fff;
	font-size:16px;
}
#cover .header .logo a:hover{
	text-decoration:underline;
}
#cover .header .menu{
	float:right;
	margin-top:1px;
}
#cover .header .menu a, #cover .header .menu .url{
	color: rgba(255,255,255,0.6);
	font-weight:normal;
	display:inline-block;
	font-size:13px;
	text-transform:uppercase;
	cursor:pointer;
	padding:8px 15px;
}
#cover .header .menu a:hover, #cover .header .menu .more:hover{
	color:#fff;
}
#cover .header .menu a.active{
	font-weight:bold;
 color:#fff;
}
#cover .header .menu a.cta{
	-moz-border-radius: 18px;
 -webkit-border-radius: 18px;
 border-radius: 18px;
	color:#fff;
	margin-left:8px;
	background: rgba(0,0,0,0.1);
}
#cover .header .menu a.cta:hover{
	color:#fff;
	background: rgba(0,0,0,0.2);
}
#cover .content{
	position:relative;
	width:550px;
	padding:80px 0;
	padding-bottom:150px;
	z-index:999;
	min-height:320px;
}
#cover .content h1{
	font-weight:normal;
 color:#fff;
	font-size:36px;
}
#cover .content h1 b{
	font-weight:500;
	display:block;
	font-size:50px;
}
#cover .content p{
	color: rgba(255,255,255,0.8);
	padding:20px 0 20px 0;
	font-size:17px;
	font-weight:normal;
	line-height:25px;
}
#cover .content ul{
	color: rgba(255,255,255,0.8);
	margin-left:20px;
	margin-top:15px;
	font-size:15px;
}
#cover .content ul li{
	list-style-type:square;
	padding:5px 0;
	line-height:22px;
}
#cover .content .ctas{
	margin-top:40px;
	overflow:hidden;
}
#cover .content .ctas a, #cover .content .ctas .more{
	display:block;
	float:left;
 color:#fff;
	cursor:pointer;
	margin-right:20px;
	border:1px solid rgba(255,255,255,0.3);
	font-size:16px;
	font-weight:normal;
	background: rgba(255,255,255,0.1);
	-moz-border-radius: 28px;
 -webkit-border-radius: 28px;
 border-radius: 28px;
	padding:13px 25px;
	-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;
}
#cover .content .ctas a.cta{
	background-color: #fff;
	font-weight:500;
 color:#267cde;
	border:1px solid #fff;
}
#cover .content .ctas .more:hover{
	background-color: #fff;
}
#cover .content .ctas a:hover{
	background: rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.1);
	color:#fff;
}
#cover .content .ctas .cta{
	float:left;
	background-color: #fff;
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	padding:13px 30px;
	margin-right: 20px;
	font-weight:500;
	font-size:17px;
	display:block;
	cursor:pointer;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
#cover .showcase-image{
	position:absolute;
right: 0px;
top: 90px;
z-index: 999;
}
#cover .showcase-image img{
	max-width: 100%;
}
#cover .banner{
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity: 0.03; filter: alpha(Opacity:3);
}
#cover .banner .image, #cover .banner .bg{
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}
#cover .banner .image img{
	width:100%;
	min-height:100%;
}
#cover .showcase{
	position:absolute;
	right:0px;
	bottom:-10px;
}
#cover .showcase img{
	width:900px;
}
#cover .signup{
	position:absolute;
	right:20px;
	top:90px;
	width:28%;
	z-index:999;
	background: rgba(0,0,0,0.2);
	padding:30px 30px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#cover .signup h2{
	font-size:18px;
	font-weight:500;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:25px;
	color: rgba(255,255,255,0.8);
}
#cover .signup .row{
	background-color: #fff;
	margin-bottom:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	position:relative;
	overflow:hidden;
}
#cover .signup .row .label{
	position:absolute;
	font-size:15px;
	font-weight:normal;
 color:#aaa;
	top:8px;
	left:40px;
	-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;
}
#cover .signup .row .si{
	position:absolute;
	font-size:14px;
 color:#aaa;
	top:9px;
	left:15px;
}
#cover .signup .row.active .label{
	top:43px;
}
#cover .signup .row .input{
	position:relative;
}
#cover .signup .row input, #cover .signup .row 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;
}
#cover .signup .row input, #cover .signup .row select{
	padding:8px 12px 8px 40px;
	font-size:15px;
}
#cover .signup .row .select select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#cover .signup .row .select::after{
	color:#333;
	position:absolute;
	font-family:ap; content:"\e10f";
	font-size: 20px;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
#cover .signup .cta{
	background-color: #6fad15;
	color:#fff;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	font-weight:500;
	padding:11px 0;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#cover .signup .cta:hover{
	background-color: #7abd1a;
}
#cover2{
	overflow:hidden;
	position:relative;
	z-index:98;
	padding-top:20px;
	background-color: #1663ba;
}
#cover2 > .title{
	text-align:center;
	font-size:30px;
	font-weight:500;
	padding:40px 0 60px 0;
	color: #fff;
}
#cover2 > .title .sub{
	font-size:18px;
	font-weight:normal;
	color: rgba(255,255,255,0.75);
	padding-top:15px;
	color: rgba(255,255,255,0.7);
}
.section-hero .main .text h1{
	color:#fff;
	font-size: 96px;
	font-weight: 200;
	line-height: 50px;
}
.section-hero .main .text h1 span{
	color:#C5FFE9;
	font-size:24px;
	font-weight:500;
}

 
#showcase{
}
#showcase .section{
	padding: 60px 0;
}
#showcase .section.-alt{
	background-color: #f8f8f8;
	margin-top:-1px;
}
#showcase .section.section-icon-visuals{
}
#showcase .section.section-icon-visuals .header{
	color:#333;
	font-size:30px;
	font-weight:500;
	text-align:center;
	padding-bottom: 50px;
}
#showcase .section.section-icon-visuals .subheader{
	color:#888;
	text-align:center;
	font-size:15px;
	padding: 0 20px;
	margin-top: -30px;
	padding-bottom: 20px;
}
#showcase .section.section-icon-visuals .items{
	overflow:hidden;
}
#showcase .section.section-icon-visuals .item{
	width: 30%;
	float:left;
	text-align:center;
	font-size:14px;
	padding: 15px 0;
}
#showcase .section.section-icon-visuals .item.middle{
	margin: 0 5%;
}
#showcase .section.section-icon-visuals .item .image{
	padding: 30px 0;
}
#showcase .section.section-icon-visuals .item .image .num{
	font-size: 50px;
 width: 130px;
 height: 130px;
 background: rgba(0,0,0,0.06);
 -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;
	text-align:center;
 margin: auto;
 padding-top: 30px;
}
#showcase .section.section-icon-visuals .item .image img{
	height: 160px;
}
#showcase .section.section-icon-visuals .item .title{
	font-weight:500;
	font-size:18px;
 padding: 0 0 20px 0;
}
#showcase .section.section-icon-visuals .item .content{
	line-height: 22px;
 margin: 0 5%;
}
#showcase .section.section-features{
	overflow:hidden;
}
#showcase .section.section-features .header{
	border-bottom:2px solid #eee;
	display: flex;
	margin-top: -10px;
}
#showcase .section.section-features .header .tab{
	flex: 1;
	text-align:center;
	position:relative;
 color:#999;
	font-weight:500;
	cursor:pointer;
	font-size:13px;
	text-transform:uppercase;
	padding: 0 10px 20px 10px;
}
#showcase .section.section-features .header .tab:hover{
	color:#267cde;
}
#showcase .section.section-features .header .tab.active{
	color:#267cde;
}
#showcase .section.section-features .header .tab.active:before{
	position:absolute;
	left: 0px;
	right: 0px;
	bottom: -2px;
	height: 2px;
	background-color: #267cde;
	content: "";
}
#showcase .section.section-features .items{
	min-height: 360px;
}
#showcase .section.section-features .item{
	position:relative;
	display:none;
	padding: 100px 0 30px 0;
	padding-right: 75%;
}
#showcase .section.section-features .item.active{
	display:block;
}
#showcase .section.section-features .item .li{
	font-size:15px;
	position:relative;
 color:#333;
	padding: 10px 0 10px 50px;
	line-height: 23px;
	text-align:justify;
}
#showcase .section.section-features .item .li b{
	display:block;
	padding-bottom: 3px;
}
#showcase .section.section-features .item .li .icon{
	width: 32px;
	height: 32px;
	border:1px solid #267cde;
	-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%;
	color:#267cde;
	text-align:center;
	font-size:16px;
	position:absolute;
	padding-top: 5px;
	left: 0px;
	top: 10px;
}
#showcase .section.section-features .item .image{
	position:absolute;
	right: 0px;
	top: 50px;
	width: 70%;
}
#showcase .section.section-features .item .image img{
	max-width: 100%;
}
#showcase .section.section-features{
}
#showcase .section.section-features .header{
	border-bottom:2px solid #eee;
	display: flex;
	margin-top: -10px;
}
#showcase .section.section-features .header .tab{
	flex: 1;
	text-align:center;
	position:relative;
 color:#999;
	font-weight:500;
	cursor:pointer;
	font-size:13px;
	text-transform:uppercase;
	padding: 0 0px 20px 0px;
}
#showcase .section.section-features .header .tab:hover{
	color:#267cde;
}
#showcase .section.section-features .header .tab.active{
	color:#267cde;
}
#showcase .section.section-features .header .tab.active:before{
	position:absolute;
 left: 0px;
 right: 0px;
 bottom: -2px;
 height: 2px;
 background-color: #267cde;
 content: "";
}
#showcase .section.section-features .items{
}
#showcase .section.section-features .item{
	position:relative;
	display:none;
 padding: 100px 0 30px 0;
 padding-right: 75%;
}
#showcase .section.section-features .item.active{
	display:block;
}
#showcase .section.section-features .item .li{
	font-size:15px;
	position:relative;
 color:#333;
 padding: 10px 0 10px 50px;
 line-height: 23px;
}
#showcase .section.section-features .item .li .icon{
	width: 32px;
 height: 32px;
 border:1px solid #267cde;
	-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%;
 color:#267cde;
	text-align:center;
	font-size:16px;
	position:absolute;
 padding-top: 5px;
 left: 0px;
 top: 10px;
}
#showcase .section.section-features .item .image{
	position:absolute;
 right: 0px;
 top: 50px;
 width: 70%;
}
#showcase .section.section-features .item .image img{
	width: 100%;
}
#showcase .section.section-tabs{
	overflow:hidden;
}
#showcase .section.section-tabs .images{
	position:absolute;
	right: 0px;
	width: 65%;
	top: 0px;
}
#showcase .section.section-tabs .images .image{
	display:none;
}
#showcase .section.section-tabs .images .image.active{
	display:block;
}
#showcase .section.section-tabs .images img{
	max-width: 110%;
}
#showcase .section.section-tabs .header{
	color:#333;
	font-weight:500;
	font-size:28px;
	text-align:center;
	padding-bottom: 15px;
}
#showcase .section.section-tabs .subheader{
	font-weight:normal;
	font-size:16px;
	text-align:center;
 color:#666;
	padding-bottom: 60px;
}
#showcase .section.section-tabs .items{
}
#showcase .section.section-tabs .item{
	position:relative;
	cursor:pointer;
	padding: 13px 20px;
	margin-right: 70%;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom: 5px;
}
#showcase .section.section-tabs .item:hover{
	background-color: #fff;
}
#showcase .section.section-tabs .item.active{
	display:block;
 -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);
}
#showcase .section.section-tabs .item .title{
	font-size:15px;
	position:relative;
 color:#333;
	font-weight:normal;
	text-transform:uppercase;
 line-height: 23px;
 padding-bottom: 3px;
}
#showcase .section.section-tabs .item .content{
	font-size:13px;
 color:#888;
 line-height: 20px;
}
#showcase .section.section-tabs .item.active{
	background-color: #fff;
}
#showcase .section.section-tabs .item.active .title{
	color:#267cde;
}
#showcase .section.section-mobile{
}
#showcase .section.section-mobile .image{
	position:absolute;
	text-align:center;
	left: 0px;
	width: 40%;
}
#showcase .section.section-mobile .image img{
	max-height: 450px;
}
#showcase .section.section-mobile .main{
	margin-left: 45%;
	padding: 100px 100px 100px 0px;
	text-align:center;
}
#showcase .section.section-mobile .main .title{
	font-size:20px;
	font-weight:500;
 padding-bottom: 30px;
}
#showcase .section.section-mobile .main .content{
	font-size:14px;
 color:#888;
 line-height: 24px;
 padding-bottom: 30px;
}
#showcase .section.section-customers{
}
#showcase .section.section-customers .title-customers{
	text-align:center;
	font-size:28px;
}
#showcase .section.section-customers .subtitle{
	font-size:18px;
 color:#888;
	text-align:center;
	padding-top: 15px;
}
.customers{
	padding-top: 40px;
	text-align:center;
	display:inline-block;
}
.customers .name{
	display:none;
}
.customers .li{
	display:inline-block;
	width: 20%;
	float: left;
	margin-bottom: 15px;
}
.customers .li img{
	max-width: 70%;
}
.customers .image{
	filter: grayscale(100);
 -webkit-filter: grayscale(100);
 -moz-filter: grayscale(100);
 -ms-filter: grayscale(100);
 -o-filter: grayscale(100);
}
.customers .image:hover{
	filter: grayscale(0);
 -webkit-filter: grayscale(0);
 -moz-filter: grayscale(0);
 -ms-filter: grayscale(0);
 -o-filter: grayscale(0);
}
.customers .image img{
	height: 40px;
}
#showcase .section.section-video{
}
#showcase .section.section-video .header{
	font-size:28px;
	font-weight:normal;
 color:#111;
	text-align:center;
}
#showcase .section.section-video .subheader{
	font-size:16px;
 color:#888;
	text-align:center;
 padding-top: 6px;
 padding-bottom: 30px;
}
#showcase .section.section-video .video{
	margin-bottom: -80px;
	position:relative;
}
#showcase .section.section-video .video img{
	width: 100%;
}
#showcase .section.section-video .video .play{
	position:absolute;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:24px;
	display:block;
 left: 50%;
 top: 30%;
 margin-left: -30px;
 width: 60px;
 height: 60px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: #fff;
 padding-top: 15px;
 color:#17C286;
	cursor:pointer;
 -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);
 -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;
}
#showcase .section.section-video .video:hover img{
	filter: grayscale(80%);
 -webkit-filter: grayscale(80%);
 -moz-filter: grayscale(80%);
 -ms-filter: grayscale(80%);
 -o-filter: grayscale(80%);
}
#showcase .section.section-video .video:hover .play{
	width: 80px;
 height: 80px;
 margin-left: -40px;
 margin-top: -10px;
	font-size:40px;
 padding-top: 16px;
}

 
.cta-line{
	position:relative;
	text-align:center;
	margin:auto;
	margin-top:80px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	font-size:15px;
 color:#888;
}
.cta-line .cta{
	font-size:13px;
 color:#fff;
	display:inline-block;
	font-weight:bold;
	padding:10px 15px;
	margin-left: 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	cursor: pointer;
}
.cta-line .cta:hover{
	background-color: #7abd1a;
}
.cta-full{
	padding:80px 0;
	max-width:1000px;
	margin:auto;
	text-align:center;
}
.cta-full.-alt{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.cta-full .title{
	font-size:24px;
	padding-bottom:40px;
	color: #333;
}
.cta-full .ctas{
}
.cta-full .ctas > *{
	display:inline-block;
	font-size:16px;
	font-weight:500;
	cursor:pointer;
	padding:13px 20px;
	margin:0 6px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:2px solid transparent;
}
.cta-full .ctas .cta{
	color:#fff;
}
.cta-full .ctas .more{
	background-color: #f3f3f3;
}
.cta-full .ctas .cta:hover, .cta-full .ctas .more:hover{
	background-color: #fff;
	color:#267cde;
	border:2px solid #267cde;
}
#partner .main .ctas{
	margin-top: 15px;
}
#partner .main .ctas .cta{
	font-size: 13px;
	color: #fff;
	display: inline-block;
	padding: 10px 15px;
	top: 10px;
	right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

 
#private{
	padding:20px 0;
	margin:20px 0;
}
#private .upgrade{
	padding:30px;
	background: rgba(122,189,26,0.1);
	text-align:center;
	font-size:18px;
 color:#7abd1a;
}

 
#header-solutions{
	position: absolute;
	display:none;
	top: 70px;
	left:0px;
	right:0px;
	bottom: auto;
	background-color: #fff;
	z-index:888;
	-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);
}
#header-solutions .solutions{
	padding:30px 0;
}
#header-packages{
	position: absolute;
	display:none;
	top: 70px;
	left:0px;
	right:0px;
	bottom: auto;
	background-color: #fff;
	z-index:888;
	-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);
}
#header-packages .packages{
	overflow:hidden;
	display:flex;
}
#header-packages .packages .package{
	flex:1;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	width:20%;
}
#header-packages .packages .package:after{
	position:absolute;
	top:20px;
	bottom:20px;
	right:0px;
	width:2px;
	content:"";
}
#header-packages .packages .package:last-child:after{
	display:none;
}
#header-packages .packages .package .header{
	padding-bottom:15px;
}
#header-packages .packages .package .header .title{
	text-transform:uppercase;
	font-size:20px;
 color:#267cde;
	font-weight:500;
	display:block;
	padding-bottom:5px;
}
#header-packages .packages .package .header .title:hover{
	text-decoration:underline;
}
#header-packages .packages .package .header .info{
	font-size:13px;
 color:#999;
	border-bottom:1px dotted #eee;
	padding-bottom:15px;
}
#header-packages .packages .papps{
	margin:0 -10px;
}
#header-packages .packages .package .more{
	color:#267cde;
	font-size:11px;
	text-transform:uppercase;
	font-weight:500;
	cursor:pointer;
	display:block;
	padding:10px 13px;
	margin-top:10px;
}
#header-packages .packages .package .more:hover{
	text-decoration:underline;
}
#header-packages .app{
	position:relative;
	cursor:pointer;
	display:block;
	font-weight:normal;
 color:#111;
	padding:10px 0 10px 55px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:2px;
}
#header-packages .app .name{
	font-size:14px;
	font-weight:500;
	display:block;
	padding-bottom:3px;
}
#header-packages .app .info{
	font-size:12px;
 color:#999;
	display:block;
}
#header-packages .app .new{
	position:absolute;
	font-size:12px;
	font-weight:bold;
 color:#267cde;
	right: 20px;
	top: 5px;
	padding: 3px 8px;
	border-radius: 3px;
	background-color: #64a7f347;
}
#header-packages .app .icon{
	position:absolute;
	display:block;
	left:13px;
	top:13px;
	width:40px;
	height:40px;
}
#header-packages .app .icon img{
	width:32px;
	height:32px;
}
#header-packages .app.-free:after{
	position:absolute;
 color:#fcba03;
	font-size:10px;
	font-weight:500;
	content:"FREE";
	background-color: #fff;
	padding:1px 4px;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	right:10px;
	top:10px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.03);
 -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.03);
 box-shadow: 0 2px 3px 0px rgba(0,0,0,0.03);
}
#header-packages .app:hover{
	background: rgba(38,124,222,0.06);
	color:#267cde;
}
#header-packages .app.active{
	background: rgba(38,124,222,0.1);
	color:#267cde;
	box-shadow: inset 0 0 0 1px rgba(38,124,222,0.1);
}
#header-packages .app.active .info{
	color: rgba(38,124,222,0.8);
}
#header-packages .base-platform{
	overflow:hidden;
	background-color: #f3f3f3;
}
#header-packages .base-platform .main{
	width:25%;
	padding:30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
#header-packages .base-platform .header{
}
#header-packages .base-platform .header .title{
	text-transform:uppercase;
	font-size:15px;
	font-weight:500;
 color:#111;
}
#header-packages .base-platform .header .info{
	font-size:13px;
 color:#999;
	padding-top:5px;
}
#header-packages .base-platform .papps{
	position:relative;
	float:right;
	overflow:hidden;
	width:70%;
	padding-top:20px;
	padding-bottom:20px;
}
#header-packages .base-platform .papps .app{
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:33.33%;
	margin-bottom:5px;
}
#header-resources{
	position: absolute;
	display:none;
	top: 70px;
	left: 0px;
	right: 0px;
	bottom: auto;
	background-color: #fff;
	z-index: 888;
	-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);
}
#header-resources .resources{
	padding: 30px 0;
}
#header-resources .items{
	overflow:hidden;
	margin-right: -1.5%;
	padding: 20px 0 0 0;
}
#header-resources .items .item{
	width: 18%;
	margin-right: 1.5%;
	float:left;
	overflow:hidden;
	display:block;
 color:#fff;
	font-weight:normal;
	background-color: #fafafa;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom: 30px;
}
#header-resources .items .item .image{
	position:relative;
	overflow:hidden;
	display:block;
	height: 0px;
	padding-bottom: 70%;
}
#header-resources .items .item .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	text-align:center;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
	padding-top: 30px;
}
#header-resources .items .item .image .inner svg{
	height: 80px;
	width: 80px;
}
#header-resources .items .item .image:hover .inner{
	transform: scale(1.1, 1.1);
}
#header-resources .items .item .main{
	padding: 15px 20px;
	text-align:center;
	display:block;
	background: rgba(0,0,0,0.1);
}
#header-resources .items .item .main .title{
	font-size:16px;
	font-weight:500;
	display:block;
	text-transform:uppercase;
}
#header-resources .items .item .main .subtitle{
	font-size:13px;
	display:block;
	padding-top: 10px;
	color: rgba(255,255,255,0.8);
}
#header-resources .items .item .main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}
#header-resources .items .item:nth-child(1), #header-resources .items .item:nth-child(6){
	background-color: #3299F3;
}
#header-resources .items .item:nth-child(2), #header-resources .items .item:nth-child(7){
	background-color: #A882D1;
}
#header-resources .items .item:nth-child(3), #header-resources .items .item:nth-child(8){
	background-color: #F9D545;
}
#header-resources .items .item:nth-child(4), #header-resources .items .item:nth-child(9){
	background-color: #5DAC52;
}
#header-resources .items .item:nth-child(5), #header-resources .items .item:nth-child(10){
	background-color: #4FC1FF;
}
#header-resources .items .item:hover{
	background-color: #267cde;
	color:#fff;
}

 .-color-title{
	color:#267cde;
}
.-color-title-plus{
	color:#1663ba;
}
.-fill{
	background-color: #267cde;
}
.pw{
	max-width:1100px;
	margin:auto;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 20px;
}
#header{
	padding:10px 0;
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	z-index:6999;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s; transition-duration: 0.3s;
}
#header.sticky{
	position: fixed;
	background-color: #267cde;
}
#header .main{
	position:relative;
}
#header .logo{
	position:absolute;
	min-width:60px;
	top:7px;
	padding:8px 0 8px 45px;
	font-size:15px;
 color:#fff;
}
#header .logo .image{
	position:absolute;
	width:36px;
	height:36px;
	top:-2px;
	left:0px;
}
#header .logo svg{
	height:36px;
	fill:currentcolor;
}
#header .logo .image img{
	height: 36px;
	filter: brightness(0) invert(1);
}
#header.light .logo .image img{
	filter: initial;
}
#header .tabs{
	padding:10px 0;
	margin:0 180px 0 110px;
	text-align:center;
}
#header .tab{
	display:inline-block;
	cursor:pointer;
	font-size:12px;
	font-weight:500;
	position:relative;
	text-transform:uppercase;
	padding:8px 13px;
	color: rgba(255,255,255,0.7);
	text-align:left;
}
#header .tab:hover{
	color:#fff;
}
#header .tab.active{
	font-weight:500;
 color:#fff;
}
#header .tab.selected{
	background: rgba(0,0,0,0.1);
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	color:#fff;
}
#header .tab.selected:after{
	width: 0; height: 0;
 border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom:7px solid #fff;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-7px;
	content:"";
}
#header .tab .dd{
	position:absolute;
	display:none;
	left:0px;
	top:30px;
	width:300px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-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);
	padding:6px;
	background-color: #fff;
	text-transform:none;
}
#header .tab:hover .dd{
	display:block;
}
#header .tab .dd a{
	display:block;
	font-weight:normal;
	font-size:14px;
	position:relative;
 color:#888;
	padding:10px 10px 10px 58px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#header .tab .dd a:hover{
	background-color: #f3f3f3;
	font-weight:500;
 color:#267cde;
}
#header .tab .dd a img{
	position:absolute;
	width:32px;
	top:10px;
	left:10px;
}
#header .tab .dd a .desc{
	display:block;
	font-size:12px;
	font-weight:normal;
	padding-top:4px;
}
#header .tab.-dd a{
	color: rgba(255,255,255,0.7);
}
#header .tab.-dd:hover a{
	color:#fff;
}
#header .tab.-dd .sub-tab{
	display:none;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 200px;
	background-color: #fff;
}
#header .tab.-dd:hover .sub-tab{
	display:block;
}
#header .tab.-dd .sub-tab a{
	color:#111;
	font-size:14px;
	font-weight:500;
	display:block;
	text-transform: none;
	padding: 8px 13px;
}
#header .tab.-dd .sub-tab a:hover{
	color:#267cde;
}
#header .user{
	position:absolute;
	right:0px;
	top:9px;
}
#header .user a.auth{
	position:relative;
	cursor:pointer;
	display:block;
	padding-left:45px;
}
#header .user .auth .avatar{
	width:32px;
	height:32px;
	-moz-border-radius: 16px;
 -webkit-border-radius: 16px;
 border-radius: 16px;
	overflow:hidden;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}
#header .user .auth .avatar img{
	width:32px;
	height:32px;
}
#header .user .auth .name{
	font-weight:500;
 color:#267cde;
	font-size:13px;
	display:block;
	margin-top:-2px;
}
#header .user .auth:hover .name{
	text-decoration:underline;
}
#header .user a{
	display:block;
	float:left;
	font-size:13px;
	font-weight:normal;
	padding:8px 10px;
	color:#fff;
}
#header .user a:hover{
	text-decoration:underline;
}
#header .user a.button, #header .user .button{
	background-color: #fff;
	color:#267cde;
	display:block;
	float:right;
	font-weight:500;
	cursor:pointer;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:8px 13px;
	margin-left:20px;
	-moz-border-radius: 18px;
 -webkit-border-radius: 18px;
 border-radius: 18px;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
#header .user a.button:hover, #header .user .button:hover{
	transform:scale(1.2,1.2);
	text-decoration:none;
}
#header.light .user .button{
	color:#fff;
	background-color: #267cde;
}
#header.fs{
	top:-90px;
	position:absolute;
	left:0px;
	right:0px;
}
#header.light{
	color: #333;
	background-color: #fff;
	position: static;
}
#header.light.sticky{
	position: fixed;
	box-shadow: 0px 4px 7.7px rgba(0, 0, 0, 0.10);
}
.hsep{
	height:1px;
	background: rgba(0,0,0,0.1);
}
#header.light .logo{
	color:#267cde;
}
#header.light .tab{
	color:#aaa;
}
#header.light .tab.active{
	color:#111;
}
#header.light .tab.hot{
	color:#c34343;
}
#header.light .user a{
	color:#267cde;
	font-weight:500;
	padding:8px 10px;
}
#header.light .user a.button{
	background-color: #267cde;
	color:#fff;
	padding:8px 15px;
}
#v2-body{
	border-top:1px solid #eee;
}
.pag{
	text-align:center;
	padding:10px 0;
}
.pag a{
	display:inline-block;
 color:#888;
	padding:8px 15px;
	margin:0 5px;
}
.pag a.nav{
	font-weight:normal;
}
.pag a:hover{
	text-decoration:underline;
 color:#267cde;
}
.pricing-plans .plan .header .base-title{
	font-size:18px;
}
.pricing-comparison .pricing-sticky-wrapper{
	top: 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-comparison .plan .header{
	padding: 20px 3%;
}
.pricing-comparison .plan.-picon .header>.-inner{
	padding-left: 22px;
}
.pricing-comparison .plan .header .base-title{
	font-size:14px;
}
.pricing-plans .plan .offers .offer{
	line-height: 20px;
	padding-bottom: 15px;
	font-size: 13px;
}
.pricing-addon>.-pa-wrapper{
	padding: 30px 60px;
}
.callToAction-inner{
	align-items: center;
	display: flex;
	flex-flow: wrap;
	padding: 30px;
	border-radius: 16px;
	margin-bottom: 60px;
	background: rgba(52, 122, 168, 0.1);
}
.callToAction-inner .callToAction-content{
	flex: 4 1 600px;
	padding: 20px 0px;
	padding-right: 80px;
}
.callToAction-inner .callToAction-content h2{
	color: #000;
	display: block;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.33;
	margin-bottom: 18px;
}
.callToAction-inner .callToAction-content p{
	color: #000;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
	margin-bottom: 0px;
}
.callToAction-inner .callToAction-button{
	flex: 1 1 0%;
	padding: 20px 0px
}
.callToAction-inner .callToAction-button .button{
	color:#267cde;
	display: inline-flex;
	font-weight: 500;
	opacity: 1;
	position: relative;
	white-space: nowrap;
	border-radius: 5px;
	cursor: pointer;
	font-size: 18px;
	padding: 10px 15px;
	border: 2px solid #267cde;
	align-items: center;
	justify-content: center;
}
.callToAction-inner .callToAction-button .button:hover{
	color: #fff;
	background-color: #267cde;
}
.pricing-premium{
	margin-bottom: 60px;
}
.pricing-premium .premium-title{
	margin-bottom: 40px;
}
.pricing-premium .premium-title h2{
	color: #000;
	display: block;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.33;
	margin-bottom: 18px;
}
.pricing-premium .premium-title p{
	color: #000;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 24px;
	margin-bottom: 0px;
}
.pricing-premium table{
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-premium td{
	font-size: 16px;
	line-height: 25px;
	vertical-align: middle !important;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-premium td b{
	font-weight: 500;
}
.pricing-premium td .ctas a{
	color:#267cde;
	display: inline-flex;
	font-weight: 500;
	opacity: 1;
	position: relative;
	white-space: nowrap;
	border-radius: 5px;
	cursor: pointer;
	font-size: 16px;
	padding: 7px 15px;
	border: 1px solid #267cde;
	align-items: center;
	justify-content: center;
}
.pricing-premium td .ctas a:hover{
	color: #fff;
	background-color: #267cde;
}
.pricing-features .base-table table div.ap-xdot{
	word-wrap: normal;
	white-space: normal;
	text-overflow: initial;
	line-height: 20px;
}
.pricing-fgroup .base-table thead.-sm td .cell, .pricing-fgroup .base-table thead.-sm td .cell-lead{
	height: 60px;
	line-height: 20px;
}
#modal-newsletter{
	bottom: 0;
	left: 0;
	overflow-x: auto;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0 !important;
	z-index: 9999
}
#modal-newsletter .modal-newsletter-promo{
	position: absolute;
	max-width: 650px;
	top: 50%;
	left: 50%;
	height: auto;
	margin: 0 auto;
	z-index: 8011;
	transform: translate(-50%, -50%);
	background-color: transparent;
	transition: all linear .3s;
}
#modal-newsletter .modal-newsletter-promo .modal-body{
	position: relative;
	width: 100%;
	text-align: center;
}
#modal-newsletter .modal-newsletter-promo .modal-body img{
	max-width: 100%;
}
#modal-newsletter .modal-newsletter-promo .modalnewsletter-close{
	border-radius: 50%;
	height: 30px;
	width: 30px;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
	color: #fff;
	opacity: 1;
	font-weight: normal;
	text-shadow: none;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	float: none
}
#modal-newsletter .modal-newsletter-promo .modalnewsletter-close svg{
	width: 20px;
	height: 20px
}
#modal-newsletter .modalnewsletter-overlay{
	position: fixed;
	top: 0 !important;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	opacity: .8
}
#modal-newsletter .check-close{
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: center;
	margin-top: 12px;
	font-size: 15px;
	font-weight: bold
}
#modal-newsletter .check-close input{
	display: inline-block;
	background: #fff;
	width: 20px;
	height: 20px;
	opacity: 1;
	position: relative;
	top: inherit;
	left: inherit;
	margin-right: 8px;
	cursor: pointer
}
#modal-newsletter .check-close label{
	margin: 0px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)
}

#welcome{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#1663ba', endColorstr='#0e349c');
 background-color:#1663ba;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#1663ba), to(#0e349c));
 background-image: -webkit-linear-gradient(-45deg, #1663ba, #0e349c);
 background-image:	-moz-linear-gradient(-45deg, #1663ba, #0e349c);
 background-image: -ms-linear-gradient(-45deg, #1663ba, #0e349c);
 background-image:	-o-linear-gradient(-45deg, #1663ba, #0e349c);
 background-image: linear-gradient(-45deg, #1663ba, #0e349c);
	position:relative;
	overflow:hidden;
}
#welcome .main{
	padding:100px 0;
}
#welcome .main .present{
	padding-right:450px;
	padding-top:40px;
}
#welcome .main h1{
	font-weight:300;
	font-size:40px;
	color: rgba(255,255,255,0.9);
}
#welcome .main h1 em{
	font-weight:500;
	display:block;
	font-size:45px;
}
#welcome .main h2{
	font-weight:normal;
	font-size:20px;
	padding:30px 0 60px 0;
	color: rgba(255,255,255,0.65);
}
#welcome .main .ctas{
}
#welcome .main .cta{
	background-color: #fff;
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	padding:13px 30px;
	color:#267cde;
	font-weight:500;
	font-size:17px;
	display:inline-block;
	cursor:pointer;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
#welcome .main .cta:hover{
	-moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
}
#welcome .main .cta-alt{
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.3);
	-moz-border-radius: 24px;
 -webkit-border-radius: 24px;
 border-radius: 24px;
	padding:13px 30px;
	font-weight:500;
	font-size:17px;
	display:inline-block;
	cursor:pointer;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
	margin-left:10px;
	color: rgba(255,255,255,0.8);
}
#welcome .main .cta-alt:hover{
	background-color: #fff;
	color:#267cde;
	box-shadow: inset 0 0 0 2px #fff;
}
#welcome .packages{
	padding-top:50px;
	position:relative;
	border-top:1px solid rgba(255,255,255,0.2);
}
#welcome .packages .title{
	text-align:center;
	color: rgba(255,255,255,0.65);
}
#welcome .packages .title h2{
	font-size:30px;
	font-weight:500;
	color: rgba(255,255,255,0.9);
}
#welcome .packages .title h3{
	font-weight:normal;
	font-size:18px;
	padding-top:10px;
}
#welcome .packs{
	display:flex;
	margin-top:50px;
	padding-bottom:50px;
}
#welcome .packs .pack{
	float:left;
	text-align:center;
	flex:1;
	margin:10px;
	background: rgba(255,255,255,0.1);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding: 20px 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);
}
#welcome .packs .pack .image{
	height:130px;
	overflow:hidden;
}
#welcome .packs .pack .image img{
	height: 130px;
}
#welcome .packs .pack .title{
	font-size:24px;
	font-weight:500;
 color:#fff;
	font-weight:500;
	padding:10px 0 8px 0;
}
#welcome .packs .pack .content{
	color: rgba(255,255,255,0.6);
	font-size:13px;
	padding-bottom:20px;
}
#welcome .packs .pack .cta{
	background: rgba(255,255,255,0.1);
	padding:10px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	display:block;
	text-transform:uppercase;
	font-weight:500;
	font-size:12px;
	color: rgba(255,255,255,0.8);
}
#welcome .packs .pack .cta:hover{
	background-color: #fff;
	color:#267cde;
}
#welcome .main .graphic{
	position:absolute;
	right:0px;
	top:110px;
	width:400px;
	text-align:center;
}
#welcome .main .graphic img{
	height: 400px;
}
#welcome .main .selection{
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:30px;
	margin-bottom:20px;
}
#welcome .main .selection .exp{
	font-size:20px;
	font-weight:300;
 color:#FF6F22;
	border-bottom:1px dashed #e5e5e5;
	padding-bottom:30px;
}
#welcome .main .selection .exp .-ap{
}
#welcome .main .selection .item{
	padding:20px 20px 20px 40px;
	border-bottom:1px dashed #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-size:16px;
	position:relative;
	cursor:pointer;
	line-height:22px;
}
#welcome .main .selection .item .icon{
	position:absolute;
	left:0px;
	top:18px;
	width:20px;
	height:20px;
	border:2px solid rgba(0,0,0,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#welcome .main .selection .item .cta{
	font-weight:normal;
	font-size:15px;
 color:#267cde;
	text-align:center;
	padding:8px 0;
	position:absolute;
	width:110px;
	right:15px;
	top:11px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	border:1px solid #267cde;
}
#welcome .main .selection .item .cta .-ap{
	font-size:16px;
	display:inline-block;
	vertical-align:0px;
	margin-right:8px;
}
#welcome .main .selection .item:hover{
	color:#267cde;
}
#welcome .main .selection .item .cta:hover{
	background-color: #1663ba;
}
#welcome .main .selection .item:hover .cta{
	background-color: #267cde;
	color:#fff;
	font-weight:500;
}
#welcome .main .selection .item:hover .icon{
	border:2px solid #267cde;
	background: rgba(38,124,222,0.8);
}
#welcome .main .selection .item:hover .icon:after{
	font-family:ap; content:"\e116";
	font-size:14px;
 color:#fff;
	padding-left:4px;
}
#welcome .flows{
	overflow:hidden;
	padding:50px 0 50px 0;
}
#welcome .flows .flow{
	float:left;
	position:relative;
	padding:160px 0;
}
#welcome .flows .flow .arr{
	height:8px;
	width:100%;
	background: rgba(0,0,0,0.2);
}
#welcome .flows .flow .image{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#fff;
	text-align:center;
	width:80px;
	height:80px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:1px solid rgba(255,255,255,0.4);
	padding-top:16px;
	left:50%;
	margin-left:-40px;
}
#welcome .flows .flow .image:after{
	position:absolute;
	content:"";
	left:41px;
	background: rgba(255,255,255,0.5);
	width:2px;
	height:50px;
}
#welcome .flows .flow .image img{
}
#welcome .flows .flow .image svg{
	width:40px;
	height:49px;
	fill:currentcolor;
}
#welcome .flows .flow .content{
	text-align:center;
	position:absolute;
	padding:0 20px;
	left:0px;
	right:0px;
}
#welcome .flows .flow .content b{
	display:block;
	font-size:17px;
	font-weight:500;
	color: rgba(255,255,255,0.9);
	padding-bottom:5px;
}
#welcome .flows .flow .content .info{
	font-size:14px;
	display:block;
	color: rgba(255,255,255,0.6);
}
#welcome .flows .flow.-up .image{
	top:0px;
}
#welcome .flows .flow.-up .image:after{
	top:90px;
}
#welcome .flows .flow.-up .content{
	padding-top:20px;
}
#welcome .flows .flow.-down .image{
	bottom:0px;
}
#welcome .flows .flow.-down .image:after{
	bottom:90px;
}
#welcome .flows .flow.-down .content{
	padding-bottom:20px;
	top:20px;
}
#apps{
	padding:60px 0;
}
#apps .title{
	text-align:center;
	font-weight:300;
	font-size:50px;
}
#apps .apps{
	overflow:hidden;
	padding-top:50px;
}
#apps .apps .box h1{
	text-align:center;
	font-weight:500;
	font-size:16px;
}
#apps .apps a{
	float:left;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	width:20%;
	padding:20px;
	margin-bottom:20px;
}
#apps .apps a em{
	display:block;
	font-size:14px;
	font-weight:500;
 color:#333;
	padding-top:15px;
}
#apps .apps a span{
	font-weight:normal;
	font-size:13px;
 color:#aaa;
	display:block;
	padding-top:8px;
}
#apps .apps a:hover{
	background: rgba(38,124,222,0.1);
	color:#267cde;
}
#apps .apps a img{
	height:64px;
}
#apps .apps .fs{
	overflow:hidden;
	border-bottom:2px solid rgba(0,0,0,0.1);
	margin-bottom:20px;
}
#apps .apps .fs a{
	width:33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	text-align:left;
	padding-top:50px;
}
#apps .apps .fs a.middle{
}
#apps .apps .fs a .top{
	display:block;
	position:relative;
	height:50px;
}
#apps .apps .fs a .top span{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:120px;
	height:120px;
	position:absolute;
	text-align:center;
	left:50%;
	margin-left:-60px;
	top:-30px;
	background-color: #267cde;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	-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);
	padding-top:27px;
}
#apps .apps .fs a img{
	width:64px;
}
#apps .apps .fs a .main{
	display:block;
	text-align:center;
	padding-top:45px;
}
#apps .apps .fs a .main em{
	padding-top:5px;
	font-size:20px;
}
#customers{
	padding:80px 0;
}
#customers .title{
	font-size:32px;
	font-weight:300;
	text-align:center;
	padding-bottom:20px;
}
#customers .subtitle{
	font-size:16px;
 color:#aaa;
	text-align:center;
padding-bottom: 20px;
}
#customers .logos{
	overflow:hidden;
	text-align:center;
}
#customers .logos .logo{
	width:20%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
	height:100px;
}
#customers .logos .logo img{
	max-width:100%;
}
#customers .customers{
	overflow:hidden;
	text-align:center;
}
#customers .customers .li{
	width: 20%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
}
#customers .customers .li img{
	max-width: 70%;
}
#hero{
	padding:80px 0;
	position:relative;
	text-align:center;
}
#hero .c{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#424d5a', endColorstr='#232533');
 background-color:#424d5a;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#424d5a), to(#232533));
 background-image: -webkit-linear-gradient(-45deg, #424d5a, #232533);
 background-image:	-moz-linear-gradient(-45deg, #424d5a, #232533);
 background-image: -ms-linear-gradient(-45deg, #424d5a, #232533);
 background-image:	-o-linear-gradient(-45deg, #424d5a, #232533);
 background-image: linear-gradient(-45deg, #424d5a, #232533);
	text-align:left;
	position:relative;
	overflow:hidden;
}
#hero .c .text{
	padding:137px 0;
	padding-right:600px;
}
#hero .title{
	color: rgba(255,255,255,0.9);
	font-size:30px;
	font-weight:500;
}
#hero .c .image{
	position:absolute;
	left:400px;
	top:-463px;
}
#hero .c .image img{
	max-width:1200px;
}
#hero .c .image.-cta{
	position:absolute;
	left:550px;
	top:0px;
	width:2000px;
	bottom:0px;
	background: rgba(0,0,0,0.1);
}
#hero .c .image.-cta .ctas{
	padding-top:180px;
	padding-left:80px;
}
#hero .c .image.-cta .cta{
	display:inline-block;
	border:3px solid rgba(255,255,255,0.5);
	color:#fff;
	font-size:18px;
	font-weight:500;
	cursor:pointer;
	padding:15px 30px;
	margin-right:15px;
}
#hero .c .image.-cta .cta:hover{
	background-color: #fff;
	border:3px solid #fff;
	color:#111;
}
#hero .c h3{
	font-weight:300;
	font-size:22px;
	padding-top:25px;
	color: rgba(255,255,255,0.7);
}
#hero .download{
	position: relative;
margin: auto;
margin-top: 70px;
}
#hero .download h3{
	color: #888;
margin-bottom: 20px;
font-size: 22px;
font-weight: normal;
}
#hero .download-icon a{
	padding: 0px 5px;
display: inline-block;
}
#hero .download-icon a img{
	max-width: initial;
}
.platform{
	overflow:hidden;
	padding:80px 0;
}
.platform .image{
	float:left;
	width:35%;
}
.platform .image img{
	width:100%;
}
.platform .main{
	margin-left:40%;
}
.platform .title{
	text-transform:uppercase;
	font-weight:500;
	font-size:15px;
 color:#888;
}
.platform h2{
	font-size:30px;
 color:#5969c5;
	font-weight:300;
	padding:13px 0 5px 0;
	line-height:37px;
}
.platform .content{
	font-size:15px;
	line-height:24px;
	text-align:justify;
}
.platform .content a{
	font-weight:normal;
}
.platform .content a:hover{
	text-decoration:underline;
}
.platform p{
	padding-top:20px;
}
.platform p.ext{
	font-size:13px;
 color:#999;
}
#partner{
	overflow:hidden;
	padding:80px 0;
}
#partner .main{
	margin-right:45%;
}
#partner .image{
	position:absolute;
	width:35%;
	right:0px;
	top:0px;
}
#partner .image img{
	max-width:200%;
}
#partner .title{
	text-transform:uppercase;
	font-weight:500;
	font-size:14px;
 color:#888;
}
#partner h2{
	font-size:32px;
 color:#5969c5;
	font-weight:300;
	padding:20px 0 20px 0;
}
#partner .content{
	font-size:15px;
	line-height:24px;
	text-align:justify;
}
.cards{
	padding:80px 0;
}
.cards .header{
	text-align:center;
}
.cards .header .title{
	font-size:40px;
	font-weight:300;
}
.cards .header .info{
	font-size:16px;
 color:#888;
	padding-top:10px;
	padding-bottom:30px;
}
.cards .items{
	overflow:hidden;
	margin-right:-3.3%;
	padding:20px 0 0 0;
}
.cards .items .item{
	width:30.3%;
	margin-right:3%;
	float:left;
	overflow:hidden;
	background-color: #fafafa;
	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:30px;
}
.cards .items .item .image{
	position:relative;
	overflow:hidden;
	height:0px;
	padding-bottom: 51%;
}
.cards .items .item .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
.cards .items .item .image .inner img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.cards .items .item .image:hover .inner{
	transform: scale(1.1,1.1);
}
.cards .items .item .main{
	padding:15px;
	height: 130px;
}
.cards .items .item .main .title, .cards .items .item .main .title a{
	font-size:15px;
	font-weight:500;
 color:#1c70ce;
}
.cards .items .item .main .title a:hover{
	text-decoration:underline;
}
.cards .items .item .main .content{
	font-size:13px;
 color:#666;
	padding-top:6px;
}
.cards .items .item .main .subtitle{
	font-size:11px;
 color:#999;
	text-transform:uppercase;
	padding-top:10px;
}
.cards .items .item .main .subtitle a{
	font-size:11px;
 color:#999;
}
.cards .items .item .main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}
.cards .cfooter{
	text-align:center;
	padding-top:20px;
}
.cards .cfooter .more{
	font-size:16px;
	display:inline-block;
	font-weight:500;
	cursor:pointer;
	padding:10px 30px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.cards .cfooter .more:hover{
	color:#267cde;
	text-decoration:underline;
}
.cards.-alt .items .item{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
}
.cards.-alt .items .item{
	background-color: #fff;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
 box-shadow: 0px 0px 3px rgba(0,0,0,0.08);
}
.pcards{
	padding:80px 0;
}
.pcards .header{
	text-align:center;
}
.pcards .header .title{
	font-size:40px;
	font-weight:300;
}
.pcards .header .info{
	font-size:16px;
 color:#888;
	padding-top:10px;
	padding-bottom:30px;
}
.pcards .header .info .image{
	display:inline-block;
	height:20px;
	margin:2px 5px;
	padding-top:4px;
}
.pcards .header .info .image img{
	height:20px;
}
.pcards .items{
	overflow:hidden;
	position:relative;
	margin-right:-3%;
	border:1px solid #eee;
	margin-top:20px;
	background: rgba(255,255,255,0.3);
}
.pcards .items:after{
	position:absolute;
	left:50%;
	top:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.05);
	content:"";
}
.pcards .items .item{
	width:50%;
	float:left;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
 color:#111;
	display:block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:20px 20px 20px 200px;
	height:139px;
	border-bottom:1px solid #eee;
}
.pcards .items .item .image{
	position:absolute;
	width:160px;
	height:100px;
	top:20px;
	left:20px;
}
.pcards .items .item .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
}
.pcards .items .item .image .inner img{
	width:100%;
	min-height:100%;
}
.pcards .items .item .image:hover .inner{
	transform: scale(1.1,1.1);
}
.pcards .items .item .main .title{
	font-size:16px;
	font-weight:normal;
}
.pcards .items .item .main .title a:hover{
	text-decoration:underline;
}
.pcards .items .item .main .subtitle{
	font-size:11px;
 color:#999;
	text-transform:uppercase;
	display:block;
 @norma;
	padding-top:10px;
}
.pcards .items .item .main .subtitle a{
	font-size:11px;
 color:#999;
}
.pcards .items .item .main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}
.pcards .items .item:hover{
	background-color: #fff;
	color:#267cde;
}
.pcards .items .item:hover .title{
	text-decoration:underline;
}
.pcards .cfooter{
	text-align:center;
	padding-top:20px;
}
.pcards .cfooter .more{
	font-size:16px;
	display:inline-block;
	font-weight:500;
	cursor:pointer;
	padding:10px 30px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.pcards .cfooter .more:hover{
	color:#267cde;
	text-decoration:underline;
}
.solutions{
	padding:80px 0;
}
.solutions .header{
	text-align:center;
}
.solutions .header .title{
	font-size:40px;
	font-weight:300;
}
.solutions .header .info{
	font-size:16px;
 color:#888;
	padding-top:10px;
	padding-bottom:30px;
}
.solutions .items{
	overflow:hidden;
	margin-right:-2%;
	padding:20px 0 0 0;
}
.solutions .items .item{
	width:23%;
	margin-right:2%;
	float:left;
	overflow:hidden;
	display:block;
 color:#fff;
	font-weight:normal;
	background-color: #fafafa;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:30px;
}
.solutions .items .item .image{
	position:relative;
	overflow:hidden;
	display:block;
	height:0px;
	padding-bottom:60%;
}
.solutions .items .item .image .inner{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:hidden;
	display:block;
	text-align:center;
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; transition-duration: 0.1s;
	padding-top:30px;
}
.solutions .items .item .image .inner svg{
	height:80px;
	width:80px;
	fill:currentcolor;
}
.solutions .items .item .image:hover .inner{
	transform: scale(1.1,1.1);
}
.solutions .items .item .main{
	padding:15px 20px;
	text-align:center;
	display:block;
	background: rgba(0,0,0,0.1);
}
.solutions .items .item .main .title{
	font-size:16px;
	font-weight:500;
	display:block;
}
.solutions .items .item .main .subtitle{
	font-size:11px;
	text-transform:uppercase;
	display:block;
	padding-top:10px;
	color: rgba(255,255,255,0.8);
}
.solutions .items .item .main .subtitle a:hover{
	color:#267cde;
	text-decoration:underline;
}
.solutions .items .item:nth-child(1), .solutions .items .item:nth-child(6){
	background-color: #0a9ac9;
}
.solutions .items .item:nth-child(2), .solutions .items .item:nth-child(7){
	background-color: #31b575;
}
.solutions .items .item:nth-child(3), .solutions .items .item:nth-child(8){
	background-color: #7d56c4;
}
.solutions .items .item:nth-child(4), .solutions .items .item:nth-child(9){
	background-color: #DFB300;
}
.solutions .items .item:nth-child(5), .solutions .items .item:nth-child(10){
	background-color: #d4c62f;
}
.solutions .items .item:hover{
	background-color: #267cde;
	color:#fff;
}
.solutions .cfooter{
	text-align:center;
	padding-top:20px;
}
.solutions .cfooter .more{
	font-size:16px;
	display:inline-block;
	font-weight:500;
	cursor:pointer;
	padding:10px 30px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.solutions .cfooter .more:hover{
	color:#267cde;
	text-decoration:underline;
}
.cards.-alt, .pcards.-alt, .platform.-alt, #packages.-alt, #partner.-alt{
	background-color: #f5f5f5;
}

#flows{
	background-color: #fff;
	padding:60px 0;
}
#flows .title{
	font-size:24px;
	text-align:center;
 color:#111;
}
#flows .title h2{
	font-size:32px;
	font-weight:500;
}
#flows .title h3{
	font-size:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:30px;
}
#flows .flows{
	overflow:hidden;
	padding:50px 0 50px 0;
}
#flows .flows .flow{
	float:left;
	position:relative;
	padding:160px 0;
}
#flows .flows .flow .arr{
	height:8px;
	width:100%;
	background: rgba(0,0,0,0.2);
}
#flows .flows .flow .image{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#999;
	text-align:center;
	width:80px;
	height:80px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	border:2px solid #ddd;
	padding-top:16px;
	left:50%;
	transform: translateX(-50%) translateY(0%);
	-webkit-transform: translateX(-50%) translateY(0%);
}
#flows .flows .flow .image:after{
	position:absolute;
	content:"";
	left:50%;
	background: rgba(0,0,0,0.1);
	width:2px;
	height:50px;
	transform: translateX(-50%) translateY(0%);
	-webkit-transform: translateX(-50%) translateY(0%);
}
#flows .flows .flow .image img{
}
#flows .flows .flow .image svg{
	width:40px;
	height:49px;
	fill:currentcolor;
}
#flows .flows .flow .content{
	text-align:center;
	position:absolute;
	padding:0 20px;
	left:0px;
	right:0px;
}
#flows .flows .flow .content b{
	display:block;
	font-size:17px;
	font-weight:500;
	color: #333;
	padding-bottom:5px;
}
#flows .flows .flow .content .info{
	font-size:14px;
	display:block;
	color: #999;
}
#flows .flows .flow.-up .image{
	top:0px;
}
#flows .flows .flow.-up .image:after{
	top:90px;
}
#flows .flows .flow.-up .content{
	padding-top:20px;
}
#flows .flows .flow.-down .image{
	bottom:0px;
}
#flows .flows .flow.-down .image:after{
	bottom:90px;
}
#flows .flows .flow.-down .content{
	padding-bottom:20px;
	top:20px;
}
.pack-apps{
	background-color: #f3f3f3;
	padding:50px 0;
}
.pack-apps .title{
	padding-bottom:20px;
	text-align:center;
}
.pack-apps .title h2{
	font-size:30px;
	font-weight:500;
 color:#111;
}
.pack-apps .title h3{
	font-size:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:30px;
}
.pack-apps .apps{
	position:relative;
	overflow:hidden;
	margin-right:-2%;
}
.pack-apps .apps .app{
	width:25%;
	position:relative;
	float:left;
	text-align:center;
	display:block;
	font-weight:normal;
 color:#111;
	margin-bottom:30px;
}
.pack-apps .apps .app .inner{
	margin-right:8%;
	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;
	height:350px;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display:block;
}
.pack-apps .apps .app .inner .logo{
	height: 120px;
	display:block;
}
.pack-apps .apps .app .inner .logo img{
	height:100%;
	max-width:100%;
}
.pack-apps .apps .app .name{
	font-size:20px;
	font-weight:500;
 color:#267cde;
	display:block;
	padding-top:10px;
}
.pack-apps .apps .app .subtitle{
	font-size:15px;
	display:block;
	padding-top:8px;
}
.pack-apps .apps .app .info{
	font-size:12px;
 color:#999;
	display:block;
	padding-top:13px;
}
.pack-apps .apps .app .cta{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#267cde;
	font-size:12px;
	text-transform:uppercase;
	font-weight:500;
	cursor:pointer;
	bottom:0px;
	left:20px;
	right:20px;
	padding:15px 0;
	border-top:1px dotted #eee;
}
.pack-apps .apps .app .cta .icon{
	position:absolute;
	width:24px;
	height:24px;
	top:13px;
	left:0px;
}
.pack-apps .apps .app .cta .icon img{
	width:20px;
}
.pack-apps .apps .app .cta:after{
	font-family:ap; content:"\e111";
	position:absolute;
	font-size:16px;
	right:0px;
	top:15px;
	display:none;
}
.pack-apps .apps .app.-compact .name{
	font-size:18px;
}
.pack-apps .apps .app.-compact .subtitle{
	font-size:13px;
}
.pack-apps .apps .app.-compact .inner{
	height:190px;
}
.pack-apps .apps .app.-compact .inner .logo{
	display:none;
}
.pack-apps .apps .app .name:hover{
	text-decoration:underline;
}
.pack-apps .apps .app .cta:hover{
	text-decoration:underline;
}
#packages{
	padding:60px 0;
}
#packages .packages{
	padding:20px 0;
}
#packages .header{
	font-weight:300;
	text-align:center;
	font-size:40px;
	padding-bottom:30px;
}
#packages .header .info{
	font-size:16px;
 color:#999;
	font-weight:normal;
	padding-top:10px;
}
#packages .packages .package{
	margin-bottom:0px;
	position:relative;
	padding-left:30%;
	background-color: #fff;
	margin-bottom:13px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#packages .packages .package:hover{
	background-color: #f6f6f6;
}
#packages .packages .package:after{
	position:absolute;
	left:30%;
	right:0px;
	bottom:0px;
	margin-left:35px;
	height:1px;
	content:"";
}
#packages .packages .package:last-child:after{
	display:none;
}
#packages .packages .package .graphic{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	width:30%;
	top:0px;
	bottom:0px;
	left:0px;
	opacity: 0.03; filter: alpha(Opacity:3);
}
#packages .packages .package .graphic img{
	width:100%;
}
#packages .packages .package .main{
	position:absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:30%;
	top:0px;
	bottom:0px;
	left:0px;
	padding:20px;
	background-color: #1663ba;
	color: rgba(255,255,255,0.9);
	-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s;
 -o-transition-duration: 0.15s; transition-duration: 0.15s;
}
#packages .packages .package .main .title{
	font-size:24px;
	font-weight:500;
 color:#fff;
}
#packages .packages .package .main .title:hover{
	text-decoration:underline;
}
#packages .packages .package .main .info{
	font-size:16px;
	font-weight:normal;
	padding-top:5px;
}
#packages .packages .package .main .cta{
	display:inline-block;
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
 color:#fff;
	padding:10px 15px;
	margin-top:25px;
}
#packages .packages .package .papps{
	overflow:hidden;
	padding:15px;
}
#packages .packages .package .papps .app{
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
	display:block;
	font-weight:normal;
 color:#111;
	width:50%;
	padding:15px 0 15px 75px;
}
#packages .packages .package .papps .app .icon{
	position:absolute;
	top:13px;
	left:18px;
}
#packages .packages .package .papps .app .icon img{
	width:40px;
	height:40px;
}
#packages .packages .package .papps .app .name{
	font-size:15px;
	font-weight:500;
	display:block;
	padding-bottom:3px;
}
#packages .packages .package .papps .app .info{
	font-size:13px;
 color:#888;
	display:block;
}
#packages .packages .package .app.-more{
	color:#267cde;
	cursor:pointer;
}
#packages .packages .package .app.-more .icon{
	top:17px;
	left:22px;
}
#packages .packages .package .app.-more svg{
	width:32px;
	height:32px;
	fill:currentcolor;
}
#packages .packages .package .app.-more .more{
	text-transform:uppercase;
	font-weight:500;
	font-size:13px;
	display:block;
	padding-top:9px;
	padding-bottom:15px;
}
#packages .packages .package .app:hover{
	color:#267cde;
}
#packages .packages .package .app:hover .name, #packages .packages .package .app:hover .more{
	text-decoration:underline;
}
#packages .packages .package.-phrm .main{
	background: rgba(52,122,168,0.1);
	color:#347aa8;
}
#packages .packages .package.-phrm .main .title{
	color:#347aa8;
}
#packages .packages .package.-phrm .main .cta{
	background-color: #347aa8;
}
#packages .packages .package.-phrm .main .cta:hover{
	background-color: #fff;
	color:#347aa8;
}
#packages .packages .package.-phrm .app.-more, #packages .packages .package.-phrm .app.-more .more{
	color:#5a96bc;
}
#packages .packages .package.-phrm .app:hover{
	color:#5a96bc;
}
#packages .packages .package.-phrm:hover .main{
	background: rgba(52,122,168,0.8);
	color:#fff;
}
#packages .packages .package.-phrm:hover .main .title{
	color:#fff;
}
#packages .packages .package.-pwork .main{
	background: rgba(91,57,128,0.1);
	color:#5b3980;
}
#packages .packages .package.-pwork .main .title{
	color:#5b3980;
}
#packages .packages .package.-pwork .main .cta{
	background-color: #5b3980;
}
#packages .packages .package.-pwork .main .cta:hover{
	background-color: #fff;
	color:#5b3980;
}
#packages .packages .package.-pwork .app.-more, #packages .packages .package.-pwork .app.-more .more{
	color:#7b57a4;
}
#packages .packages .package.-pwork .app:hover{
	color:#7b57a4;
}
#packages .packages .package.-pwork:hover .main{
	background: rgba(91,57,128,0.8);
	color:#fff;
}
#packages .packages .package.-pwork:hover .main .title{
	color:#fff;
}
#packages .packages .package.-pinfo .main{
	background: rgba(62,150,50,0.1);
	color:#3e9632;
}
#packages .packages .package.-pinfo .main .title{
	color:#3e9632;
}
#packages .packages .package.-pinfo .main .cta{
	background-color: #3e9632;
}
#packages .packages .package.-pinfo .main .cta:hover{
	background-color: #fff;
	color:#3e9632;
}
#packages .packages .package.-pinfo .app.-more, #packages .packages .package.-pinfo .app.-more .more{
	color:#5db551;
}
#packages .packages .package.-pinfo .app:hover{
	color:#5db551;
}
#packages .packages .package.-pinfo:hover .main{
	background: rgba(62,150,50,0.8);
	color:#fff;
}
#packages .packages .package.-pinfo:hover .main .title{
	color:#fff;
}
#packages .packages .package.-psales .main{
	background: rgba(223,179,0,0.1);
	color:#DFB300;
}
#packages .packages .package.-psales .main .title{
	color:#DFB300;
}
#packages .packages .package.-psales .main .cta{
	background-color: #DFB300;
}
#packages .packages .package.-psales .main .cta:hover{
	background-color: #fff;
	color:#DFB300;
}
#packages .packages .package.-psales .app.-more, #packages .packages .package.-psales .app.-more .more{
	color:#e8c431;
}
#packages .packages .package.-psales .app:hover{
	color:#e8c431;
}
#packages .packages .package.-psales:hover .main{
	background: rgba(223,179,0,0.8);
	color:#fff;
}
#packages .packages .package.-psales:hover .main .title{
	color:#fff;
}
#packages .packages .package.-partner .main{
	background: rgba(62,150,50,0.1);
	color:#3e9632;
}
#packages .packages .package.-partner .main .title{
	color:#3e9632;
}
#packages .packages .package.-partner .main .cta{
	background-color: #3e9632;
}
#packages .packages .package.-partner .main .cta:hover{
	background-color: #fff;
	color:#3e9632;
}
#packages .packages .package.-partner .app.-more, #packages .packages .package.-partner .app.-more .more{
	color:#5db551;
}
#packages .packages .package.-partner .app:hover{
	color:#5db551;
}
#packages .packages .package.-partner:hover .main{
	background: rgba(62,150,50,0.8);
	color:#fff;
}
#packages .packages .package.-partner:hover .main .title{
	color:#fff;
}



html.xo, body.xo{
	height:100%;
	overflow:hidden;
	position:relative;
}
#master.xo{
	height:100%;
	overflow:hidden;
}
.page-cta{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background: rgba(0,0,0,0.7);
	z-index:4999;
}
.page-cta .wrapper{
	padding:50px 0;
}
.page-cta .canvas{
	position:relative;
	max-width:1000px;
	margin:auto;
	background-color: #fff;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	-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);
}
.page-cta .canvas .header{
	position:relative;
	padding:20px 20px 20px 85px;
}
.page-cta .canvas .header .close{
	position:absolute;
	font-size:15px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
 color:#999;
	right:20px;
	top:20px;
	padding:11px 0px;
	width:40px;
	height:40px;
	border:1px solid rgba(0,0,0,0.1);
	text-align:center;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.page-cta .canvas .header .close:hover{
	color:#D96C6C;
	border:1px solid #D96C6C;
}
.page-cta .canvas .header .icon{
	position:absolute;
	top:20px;
	left:20px;
}
.page-cta .canvas .header .icon svg{
	width:48px;
	height:48px;
}
.page-cta .canvas .header .title{
	font-size:26px;
	font-weight:500;
}
.page-cta .canvas .header .info{
	font-size:13px;
 color:#888;
	padding-top:4px;
}
.page-cta .canvas .header .info em{
	display:block;
	font-size:15px;
 color:#17C286;
	font-weight:500;
	padding-bottom:7px;
}
.page-cta .canvas .key-contacts{
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
	overflow:hidden;
	background-color: #fcfcfc;
}
.page-cta .canvas .key-contacts .contact{
	padding:20px 20px 20px 85px;
	position:relative;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 33.33333%;
	border-right:1px solid #eee;
}
.page-cta .canvas .key-contacts .contact.-last{
	border:none;
}
.page-cta .canvas .key-contacts .contact .icon{
	position:absolute;
	width:28px;
	height:28px;
	left:30px;
	top:18px;
}
.page-cta .canvas .key-contacts .contact .icon svg{
	width:28px;
	height:28px;
	fill:#888;
}
.page-cta .canvas .key-contacts .contact .title{
	font-size:18px;
	font-weight:500;
 color:#c34343;
}
.page-cta .canvas .key-contacts .contact .phone{
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
}
.page-cta .canvas .key-contacts .contact .phone a:hover{
	text-decoration:underline;
}
.page-cta .canvas .key-contacts .contact .subtitle{
	padding-top:10px;
	font-size:14px;
}
.page-cta .canvas .key-contacts .contact .subtitle em{
	font-weight:500;
 color:#333;
}
.page-cta .canvas .form{
	padding:30px;
	max-width:500px;
	margin:auto;
}
.page-cta .canvas .form .title{
	font-size:18px;
	font-weight:normal;
	text-align:center;
}
.page-cta .canvas .form .info{
	font-size:13px;
 color:#888;
	text-align:center;
	padding-top:8px;
	padding-bottom:20px;
	line-height: 20px;
}
.page-cta .canvas .form .row{
	padding-top:20px;
}
.page-cta .canvas .form .row .label{
	font-size:14px;
	font-weight:500;
	display:block;
	padding-bottom:9px;
}
.page-cta .canvas .form .row input, .page-cta .canvas .form .row textarea, .page-cta .canvas .form .row 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;
}
.page-cta .canvas .form .row input, .page-cta .canvas .form .row textarea, .page-cta .canvas .form .row select{
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:8px 10px;
	font-size:14px;
	-moz-box-shadow:inset 1px1px 1px #f8f8f8;
 -webkit-box-shadow:inset 1px 1px 1px #f8f8f8;
 box-shadow:inset 1px 1px 1px #f8f8f8;
}
.page-cta .canvas .form .g{
	overflow:hidden;
	margin-right:-3%;
}
.page-cta .canvas .form .g .row{
	float:left;
	width:47%;
	margin-right:3%;
}
.page-cta .canvas .form .cta{
	background-color: #267cde;
	margin:40px 0 20px 0;
	text-align:center;
	font-weight:500;
 color:#fff;
	cursor:pointer;
	font-size:13px;
	padding:10px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
.page-cta .canvas .form .cta:hover{
	background-color: #7abd1a;
}
.page-cta .canvas .form .cancel{
	text-align:center;
 color:#aaa;
	font-size:13px;
	cursor:pointer;
	padding:10px 0;
	margin-bottom:40px;
}
.page-cta .canvas .form .cancel:hover{
	color:#111;
	text-decoration:underline;
}
.page-cta .canvas.-signup .header{
	background-color: #267cde;
	-moz-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0;
 border-radius: 3px 3px 0 0;
}
.page-cta .canvas.-signup .header .title{
	color:#fff;
}
.page-cta .canvas.-signup .header .info em{
	color: rgba(255,255,255,0.8);
}
.page-cta .canvas.-signup .header .close{
	color:#fff;
	border-color:rgba(255,255,255,0.4);
}
.page-cta .canvas.-signup .header .close:hover{
	background-color: #fff;
	border:1px solid #fff;
	color:#D96C6C;
}
.page-cta .canvas.-signup .key-contacts{
	border-top:none;
}
.page-cta .canvas .form .row .checkbox input{
	display:inline-block;
width: auto;
border: none;
box-shadow: initial;
margin-right: 5px;
line-height: 20px;
margin-top: 5px;
}
.page-cta .canvas .form .row .checkbox label{
	margin-bottom: 5px;
	display:inline-block;
}
.page-cta .canvas .table{
	display: table;
	width: 100%;
}
.page-cta .canvas .table .cell{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}
.page-cta .canvas .table .page-left{
	background: #c2dfef;
	padding: 40px;
}
.page-cta .canvas .page-left .close{
	position:absolute;
	font-size:15px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
 color:#999;
	right: 20px;
	top: 20px;
	padding: 11px 0px;
	width: 40px;
	height: 40px;
	border:1px solid rgba(0,0,0,0.1);
	text-align:center;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.page-cta .canvas .page-left .close:hover{
	color:#D96C6C;
	border:1px solid #D96C6C;
}
.page-cta .canvas .page-left .form-des .title{
	color:#000;
	font-size:32px;
	font-weight:bold;
	margin-bottom: 20px;
}
.page-cta .canvas .page-left .form-des .info{
	color:#000;
	font-size:16px;
	font-weight:500;
	line-height: 22px;
	margin-bottom: 20px;
}
.page-cta .canvas .page-left .form-des ul{
	list-style: initial;
	margin-left: 20px;
}
.page-cta .canvas .page-left .form-des ul li{
	color:#000;
	font-size:16px;
	font-weight:normal;
	line-height: 22px;
	margin-bottom: 10px;
}



#sol-pricing{
	padding:50px 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#sol-pricing .header{
	text-align:center;
}
#sol-pricing .header .title{
	font-size:32px;
	text-align:center;
}
#sol-pricing .header .subtitle{
	font-size:16px;
 color:#aaa;
	padding-top:15px;
}
#sol-pricing .pricing-box{
	position:relative;
	margin-top:40px;
}
#sol-pricing .pricing-box .l1{
	font-size:17px;
	font-weight:500;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:40px;
	padding:7px 0;
}
#sol-pricing .pricing-box .l2{
	padding:5px 0 13px 0;
	height:36px;
	font-size:13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	font-weight:500;
}
#sol-pricing .pricing-box .product-catalog{
	width:27%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}
#sol-pricing .pricing-box .product-catalog:after{
	position:absolute;
	right:-1px;
	top:0px;
	bottom:0px;
	width:1px;
	background: rgba(0,0,0,0.05);
	content:"";
}
#sol-pricing .pricing-box .product-catalog .apppack{
}
#sol-pricing .pricing-box .product-catalog .apppack .title{
	font-size:16px;
	font-weight:normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
 color:#666;
	padding:8px 0 8px 0px;
	height:40px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	border-top:1px solid rgba(0,0,0,0.05);
}
#sol-pricing .pricing-box .product-catalog .app{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 0 10px 45px;
	height:58px;
}
#sol-pricing .pricing-box .product-catalog .app .name{
	font-size:14px;
	font-weight:500;
}
#sol-pricing .pricing-box .product-catalog .app .info{
	font-size:12px;
 color:#999;
	padding-top:3px;
}
#sol-pricing .pricing-box .product-catalog .app .icon{
	position:absolute;
	top:13px;
	left:10px;
}
#sol-pricing .pricing-box .product-catalog .app .icon img{
	width:24px;
	height:24px;
}
#sol-pricing .pricing-box .product-catalog .total{
	border-top:1px solid #e5e5e5;
	padding:13px 0;
	font-size:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:48px;
}
#sol-pricing .pricing-box .product-catalog .total.-sub{
	font-size:13px;
 color:#999;
	padding:15px 0;
}
#sol-pricing .pricing-box .product-catalog .total.-nobor{
	border: none;
}
#sol-pricing .pricing-box .pricing-option .total.full-width .subopt{
	width: 100%;
	border-top:1px solid #e5e5e5;
	font-weight:normal;
}
#sol-pricing .pricing-box .pricing-options{
	position:absolute;
	left:27%;
	top:0px;
	right:0px;
	bottom:0px;
	margin-right:-2%;
}
#sol-pricing .pricing-box .pricing-option{
	width:31.3%;
	overflow:hidden;
	float:left;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
	margin-right:2%;
}
#sol-pricing .pricing-box .subopt{
	float:left;
	width:50%;
}
#sol-pricing.ext .pricing-box .subopt{
	width: 33.33333%;
}
#sol-pricing .pricing-box .pricing-option .l1{
	padding:9px 15px;
	font-size:15px;
	text-align:center;
}
#sol-pricing .pricing-box .pricing-option .l2{
	padding:0;
	height:36px;
	background-color: #267cde;
}
#sol-pricing .pricing-box .pricing-option .l2 .subopt{
	text-align:center;
 color:#fff;
	padding:10px 0;
}
#sol-pricing .pricing-box .pricing-option .l2 .subopt.-basic{
	background: rgba(0,0,0,0.1);
}
#sol-pricing .pricing-box .pricing-option .l2 .subopt.-overview{
	background: rgba(0,0,0,0.4);
}
#sol-pricing .pricing-box .pricing-option .title{
	height:40px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid rgba(0,0,0,0.05);
	background: rgba(248,248,248,0.3);
}
#sol-pricing .pricing-box .pricing-option .apppack.-first .title{
	border-top:1px solid transparent;
}
#sol-pricing .pricing-box .pricing-option .apppack{
}
#sol-pricing .pricing-box .pricing-option .app{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
	height:58px;
	border-top:1px solid rgba(0,0,0,0.05);
}
#sol-pricing .pricing-box .pricing-option .app .subopt{
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	overflow:hidden;
	padding-top:15px;
	border-right:1px solid rgba(0,0,0,0.03);
	height:58px;
}
#sol-pricing .pricing-box .pricing-option .app .check{
	font-size:20px;
 color:#1c70ce;
	-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;
}
#sol-pricing .pricing-box .pricing-option .app .check.-on:before{
	font-family:ap; content:"\e116";
}
#sol-pricing .pricing-box .pricing-option .app .actual{
	position:absolute;
	top:10px;
	width:90px;
	bottom:0px;
	right:0px;
	text-align:left;
	left:110%;
	-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;
}
#sol-pricing .pricing-box .pricing-option .app .actual em{
	display:block;
	font-size:12px;
	color: rgba(255,255,255,0.6);
}
#sol-pricing .pricing-box .pricing-option .app .actual span{
	display:block;
	font-weight:500;
 color:#fff;
	padding-top:4px;
}
#sol-pricing .pricing-box .pricing-option .app .subopt.-ac:hover{
	background-color: #267cde;
}
#sol-pricing .pricing-box .pricing-option .app .subopt.-ac:hover .check{
	width:40%;
	font-size:16px;
 color:#fff;
}
#sol-pricing .pricing-box .pricing-option .app .subopt.-ac:hover .actual{
	left:40%;
}
#sol-pricing .pricing-box .pricing-option .total{
	height:48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sol-pricing .pricing-box .pricing-option .total.-bd{
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#sol-pricing .pricing-box .pricing-option .total.-flat{
	border-bottom:1px solid rgba(0,0,0,0.05);
	height: 48px;
	background: rgba(243,243,243,0.3);
	color:#aaa;
	font-weight:normal;
}
#sol-pricing .pricing-box .pricing-option .total.-flat .subopt{
	text-decoration: line-through;
}
#sol-pricing .pricing-box .pricing-option .total .-saved{
	color:#0fa06e;
}
#sol-pricing .pricing-box .pricing-option .total .subopt{
	height:47px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
	font-weight:500;
	overflow:hidden;
	padding:13px 0;
}
#sol-pricing .pricing-box .pricing-option .total.-cost{
	background-color: #267cde;
	color:#fff;
}
#sol-pricing .pricing-box .pricing-option .total.-cost .-basic{
	background: rgba(0,0,0,0.1);
}
#sol-pricing .pricing-box .pricing-option .total.-cost .-overview{
	background: rgba(0,0,0,0.4);
}
#sol-pricing .pricing-box .formula{
	height:97px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#sol-pricing .pricing-box .formula .subopt{
	padding-top: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:97px;
}
#sol-pricing .pricing-box .formula .subopt.-bd{
	border-right:1px solid #eee;
}
#sol-pricing .pricing-box .formula .subopt b{
	display:block;
	font-size:13px;
	padding-bottom: 10px;
}
#sol-pricing .pricing-box .formula .subopt .i{
	font-size: 11px;
}
#sol-pricing.ext .pricing-box .formula .subopt{
	padding-top: 5px;
}
#sol-pricing.ext .pricing-box .formula .subopt b{
	padding-bottom: 5px;
}
#sol-pricing .pricing-box .packinfo{
	font-size:11px;
 color:#999;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform:uppercase;
	font-weight:500;
	height:48px;
	background: rgba(243,243,243,0.3);
	padding:15px 0;
	border-bottom:1px solid rgba(0,0,0,0.05);
	border-top:1px solid rgba(0,0,0,0.05);
}
#sol-pricing .pricing-box .pricing-option.-small .l2{
	background-color: #777;
}
#sol-pricing .pricing-box .pricing-option.-small .total.-cost{
	background-color: #777;
}
#sol-pricing .pricing-box .pricing-option.-medium .l2{
	background-color: #267cde;
}
#sol-pricing .pricing-box .pricing-option.-medium .total.-cost{
	background-color: #267cde;
}
#sol-pricing .pricing-box .pricing-option.-enterprise .l2{
	background-color: #17C286;
}
#sol-pricing .pricing-box .pricing-option.-enterprise .total.-cost{
	background-color: #17C286;
}


#about{
	padding-top: 0px;
}
#about-menu{
	float:left;
	width:250px;
	padding-top:30px;
}
#about-menu a{
	display:block;
 color:#888;
	font-weight:normal;
	font-size:15px;
	position:relative;
	padding:10px 0 10px 60px;
}
#about-menu a:hover{
	color:#267cde;
	text-decoration:underline;
}
#about-menu a .-ap{
	position:absolute;
	font-size:16px;
 color:#aaa;
	top:10px;
	left:30px;
}
#about-menu a.active{
	font-weight:500;
 color:#267cde;
}
#about-menu a.active .-ap{
	color:#267cde;
}
#about .body{
	margin-left:260px;
	min-height:800px;
}
#about .logos{
	overflow:hidden;
	text-align:center;
}
#about .logos .logo{
	width:20%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	height:100px;
}
#about .logos .logo img{
	max-width:100%;
}

#about .article{
	padding:30px;
}
#about .article .top{
	padding-bottom:15px;
}
#about .article h1{
	font-size:40px;
	font-weight:normal;
	padding-bottom:5px;
}
#about .article .top h2{
	font-size:24px;
	font-weight:normal;
 color:#333;
}
#about .article .sum{
	padding:15px 0 15px 60px;
	font-size:18px;
 color:#888;
	position:relative;
	line-height:25px;
}
#about .article .sum p{
	padding-bottom:20px;
}
#about .article .sum:before{
	font-family:ap; content:"\e9f4";
	font-size:32px;
 color:#aaa;
	position:absolute;
	top:10px;
	left:0px;
}
#about .article .image{
	padding:15px 0;
}
#about .article .image img{
	width:100%;
}
#about .article .section{
	padding:70px 0;
	overflow:hidden;
}
#about .article .section.bottom{
	padding:0px 0 30px 0;
	margin-bottom:30px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
#about .article .section.bottom:last-child{
	border:none;
}
#about .article .section.bottom ul{
	margin-left:20px;
	list-style-type:square;
}
#about .article .section.bottom ul.list{
	margin-left:0px;
	list-style-type:none;
}
#about .article .section.bottom li{
	margin-bottom: 10px;
	font-size:15px;
}
#about .article .section.bottom li ol{
	margin-top: 10px;
}
#about .article .section.bottom li img{
	width:20px;
}
#about .article .section.isleft .image{
	float:left;
	width:35%;
}
#about .article .section.isleft .content{
	margin-left:45%;
}
#about .article .section.isright .image{
	float:right;
	width:35%;
}
#about .article .section.isright .content{
	float:left;
	width:55%;
}
#about .article .section h2{
	font-size:24px;
	font-weight:500;
	padding:15px 0 10px 0;
}
#about .article .section h3{
	font-size:22px;
	font-weight:500;
	padding:15px 0 10px 0;
}
#about .article .section h4{
	font-size:20px;
	font-weight:500;
	padding:10px 0 10px 0;
}
#about .article .section h5{
	font-size:18px;
	font-weight:500;
	font-style: italic;
	padding: 10px 0 10px 0;
}
#about .article .section p{
	font-size:15px;
	padding-bottom: 10px;
	line-height:25px;
}



#about .contact{
	border-top:1px solid #eee;
	padding-top:30px;
	margin-top:20px;
}
#about .contact .row{
	padding:15px 0 15px 30%;
	position:relative;
	font-size:16px;
}
#about .contact .row .label{
	color:#888;
	font-size:15px;
	position:absolute;
	top:15px;
	max-width:250px;
	left:0px;
}
#about .contact .row a{
	font-weight:normal;
}
#about .contact .row a:hover{
	text-decoration:underline;
}


#dev-canvas{
	background-color: #f3f3f3;
}
#dev-cover{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#1663ba', endColorstr='#5969c5');
 background-color:#1663ba;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#1663ba), to(#5969c5));
 background-image: -webkit-linear-gradient(-45deg, #1663ba, #5969c5);
 background-image:	-moz-linear-gradient(-45deg, #1663ba, #5969c5);
 background-image: -ms-linear-gradient(-45deg, #1663ba, #5969c5);
 background-image:	-o-linear-gradient(-45deg, #1663ba, #5969c5);
 background-image: linear-gradient(-45deg, #1663ba, #5969c5);
	color:#fff;
	padding:80px 0 130px 0;
	position:relative;
	overflow:hidden;
	text-align:center;
}
#dev-cover:before{
	left:-400px;
	right:200px;
	top:0px;
	bottom:-200px;
	background: rgba(0,0,0,0.03);
	content:"";
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(25deg); -ms-transform: rotate(25deg);
 -webkit-transform: rotate(25deg); -o-transform: rotate(25deg);
 -moz-transform: rotate(25deg);
	position:absolute;
}
#dev-cover .bg{
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
}
#dev-cover .bg img{
	width:100%;
	opacity: 0.1; filter: alpha(Opacity:10);
}
#dev-cover h1{
	text-align:center;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	color: rgba(255,255,255,0.8);
	padding-bottom:10px;
}
#dev-cover h2{
	padding-top:6px;
	font-size:32px;
	font-weight:normal;
}
#dev-cover .text{
	padding-top:20px;
	font-size:15px;
}
#dev-main{
	position:relative;
	z-index:99;
	padding-bottom:100px;
}
#dev-main .form{
	width:65%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	padding:50px;
	padding-bottom:80px;
	margin:auto;
	margin-top:-60px;
	z-index:9;
	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;
}
#dev-main .form h1{
	font-size:24px;
	font-weight:normal;
}
#dev-main .form h2{
	font-weight:normal;
	font-size:15px;
 color:#888;
	padding:8px 0 20px 0;
}
#dev-main .form .row{
	padding-top:20px;
}
#dev-main .form .label{
	font-size:13px;
	font-weight:500;
	padding-bottom:10px;
}
#dev-main .form .input{
}
#dev-main .form .input input, #dev-main .form .input select, #dev-main .form .input textarea, #dev-main .form .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;
}
#dev-main .form .input input, #dev-main .form .input select, #dev-main .form .input textarea, #dev-main .form .select select{
	border-top:1px solid #ddd; border-right:1px solid #ccc; border-left:1px solid #ddd; border-bottom:1px solid #ccc;
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
	padding:9px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	font-size:15px;
}
#dev-main .form .rsep{
	margin-top:30px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:13px;
 color:#aaa;
}
#dev-main .form .cta{
	background-color: #267cde;
	padding:10px 0;
	text-align:center;
 color:#fff;
	font-size:15px;
	font-weight:500;
	cursor:pointer;
	margin-top:25px;
	margin-bottom:25px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#dev-main .form .cta:hover{
	background-color: #7abd1a;
}
#dev-main .form .note{
	font-weight:normal;
 color:#888;
	font-size:12px;
}

#master.started{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	min-height:0px;
}
#start{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background-color: #fff;
	z-index:888;
}
#form{
	width:580px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
}
#sidebar{
	position:absolute;
	left:580px;
	top:0px;
	bottom:0px;
	right:0px;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#5969c5', endColorstr='#1663ba');
 background-color:#5969c5;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#5969c5), to(#1663ba));
 background-image: -webkit-linear-gradient(-45deg, #5969c5, #1663ba);
 background-image:	-moz-linear-gradient(-45deg, #5969c5, #1663ba);
 background-image: -ms-linear-gradient(-45deg, #5969c5, #1663ba);
 background-image:	-o-linear-gradient(-45deg, #5969c5, #1663ba);
 background-image: linear-gradient(-45deg, #5969c5, #1663ba);
}
#sidebar .image{
	width:50%;
	margin:auto;
	opacity: 0.2; filter: alpha(Opacity:20);
}
#sidebar .image img{
	width:50%;
	position:absolute;
	padding:20% 0;
}
#particles-js{
	height: 100%;
	position:relative;
width: 100%;
}
#start .header{
	padding:10px 30px;
}
#start .header img{
	height:48px;
}
#start .header .back{
	position:absolute;
 color:#aaa;
	font-weight:normal;
	font-size:12px;
	right:10px;
	top:10px;
	padding:8px 20px;
}
#start .header .back:hover{
	color:#267cde;
	text-decoration:underline;
}
#start .main{
	padding:30px;
}
#start .main h1{
	font-size:40px;
	font-weight:normal;
	padding:10px 0 20px 0;
}
#start .main h2{
	font-weight:normal;
	font-size:17px;
 color:#666;
	padding-bottom:30px;
}
#start .main .selection{
	border:1px solid rgba(0,0,0,0.15);
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:30px;
}
#start .main .selection .item{
	padding:20px 20px 20px 65px;
	border-bottom:1px solid rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	font-size:15px;
	position:relative;
	cursor:pointer;
	line-height:22px;
}
#start .main .selection .item .icon{
	position:absolute;
	left:20px;
	top:18px;
	width:20px;
	height:20px;
	border:2px solid rgba(0,0,0,0.2);
	-moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}
#start .main .selection .item:hover{
	background: rgba(38,124,222,0.1);
	color:#267cde;
}
#start .main .selection .item.active{
	background: rgba(122,189,26,0.1);
	color:#7abd1a;
	font-weight:500;
}
#start .main .selection .item.active .icon{
	border:2px solid #7abd1a;
	background: rgba(122,189,26,0.8);
}
#start .main .selection .item.active .icon:after{
	font-family:ap; content:"\e116";
	color:#fff;
	font-size:16px;
	padding-top:0px;
	padding-left:2px;
}
#start .form{
}
#start .form .row{
	position:relative;
	padding-bottom:15px;
}
#start .form .row input, #start .form .row 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;
}
#start .form .row input{
	border-bottom:1px solid #ddd;
	padding:15px 0 15px 40px;
	font-size:16px;
}
#start .form .row select{
	border-bottom:1px solid #ddd;
	padding:15px 0 15px 40px;
	font-size:16px;
}
#start .form .row .icon{
	position:absolute;
	font-size:16px;
 color:#aaa;
	top:15px;
	left:0px;
}
#start .form .row input:active, #start .form .row input:focus{
	border-bottom:1px solid #267cde;
}
#start .ft{
	padding:20px 30px 40px 30px;
}
#start .ft .cta{
	background-color: #267cde;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-weight:500;
	cursor:pointer;
	padding:13px 0;
	$corner:3px
}
#start .ft .cta:hover{
	background-color: #7abd1a;
}
#start .ft .note{
	padding-top:30px;
	font-size:12px;
 color:#999;
}
#start .step{
	display:none;
}
#start .step.active{
	display:block;
}




.sybg-nav{
	border-top:1px solid #e5e5e5;
	padding:20px 0;
	border-bottom:1px solid #e5e5e5;
	background-color: #f3f3f3;
}
.sybg-nav a{
	font-weight:normal;
	text-transform:uppercase;
 color:#888;
	font-size:12px;
	display:inline-block;
}
.sybg-nav a:hover{
	text-decoration:underline;
 color:#267cde;
}
.sybg-nav .sep{
	display:inline-block;
 color:#aaa;
	margin:0 10px;
}
.sybg-nav .sep:before{
	font-family:ap; content:"\e6b3";
	font-size:16px;
}
#sybg-menu{
	position:absolute;
	top:40px;
	left:20px;
	width:15%;
}
#sybg-menu .li{
	padding:8px 10px;
	font-size:14px;
	font-weight:normal;
 color:#888;
	cursor:pointer;
	display:block;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-bottom:4px;
}
#sybg-menu .li:hover{
	background: rgba(38,124,222,0.1);
	color:#1663ba;
}
#sybg-menu .li.active{
	color:#267cde;
	font-weight:500;
}
#sybg{
	position:relative;
padding:20px 0;
max-width:80%;
float:right;
min-height:500px;
}
#sybg .document{
	position:relative;
padding-right:150px;
margin-top:20px;
}
#sybg .document > .time{
	position:absolute;
top:0px;
right:0px;
border-left:3px solid #ddd;
padding-left:20px;
}
#sybg .document > .time .h{
	font-weight:300;
font-size:32px;
}
#sybg .document > .time .d{
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
 color:#999;
padding-top:6px;
text-align:center;
}
#sybg .document > h1{
	font-size:33px;
font-weight:300;
padding-bottom:20px;
}
#sybg .document > h1 a{
	font-size:33px;
font-weight:300;
}
#sybg .document > .tagline{
	font-style:italic;
	font-size:15px;
 color:#999;
line-height:24px;
padding-bottom:20px;
}
#sybg .document > .content{
	font-size:15px;
}
#sybg .document > .content a{
	font-weight:normal;
}
#sybg .document > .content a:hover{
	text-decoration:underline;
	color:#1157a5;
}
#sybg .document > .content{
	line-height:22px;
}
#sybg .document > .content p{
	padding-bottom:15px;
}
#sybg .document > .content ul{
	list-style-type:square;
	margin-left:20px;
}
#sybg .document > .content ul li{
	padding:8px 0;
	font-size:13px;
}
#sybg .document > .image{
	display:block;
	overflow:hidden;
width:100%;
background-color: #f3f3f3;
min-height:300px;
margin-bottom:30px;
}
#sybg .document > .image > div{
	overflow:hidden;
width:100%;
height:100%;
}
#sybg .document > .image > div img{
	width:100%;
}
#sybg .document > .footer{
	padding-top:20px;
	font-size:13px;
 color:#aaa;
line-height:25px;
}
#sybg .document > .comments{
	padding-bottom:50px;
margin-top:20px;
}



#help{
	overflow:hidden;
}
#help .main{
	width:45%;
	float:left;
	padding:80px 0;
}
#help .main h1{
	color:#888;
	font-size:30px;
	font-weight:normal;
	margin-bottom: 15px;
}
#help .main .hotline{
	color:#666;
	font-size:18px;
	font-weight:500;
	padding:5px 0 30px 0;
}
#help .main .hotline .phone{
	font-size:30px;
	display:block;
	color:#dd3030;
}
#help .main h2{
	font-size:20px;
	font-weight:300;
 color:#888;
	padding:25px 0 30px 0;
	border-top:1px solid #eee;
}
#help .main .contact .row{
	padding-bottom:20px;
}
#help .main .contact .row .label{
	font-size:13px;
 color:#6fad15;
	font-weight:500;
	padding-bottom:5px;
}
#help .main .contact .row .value{
	font-size:15px;
}
#help .main .contact .row .value a{
	font-weight:normal;
}
#help .form{
	float:right;
	width:40%;
	padding:80px 0;
}
#help .form h2{
	font-size:18px;
	font-weight:500;
	padding-bottom:20px;
}
#help .form .row{
	padding-bottom:18px;
}
#help .form .row .label{
	font-size:13px;
	font-weight:500;
	padding-bottom:8px;
}
#help .form .row input, #help .form .row 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;
}
#help .form .row input, #help .form .row textarea{
	border-top:1px solid #ccc; border-right:1px solid #bbb; border-left:1px solid #ccc; border-bottom:1px solid #bbb;
	font-size:14px;
	padding:9px 10px;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}
#help .form .submit{
	background-color: #267cde;
	text-align:center;
 color:#fff;
	font-size:14px;
	cursor:pointer;
	padding:10px 0;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	margin-top:10px;
}
#help .form .submit:hover{
	background-color: #1c70ce;
}



#feature-header{
	overflow:hidden;
	text-align:center;
	border-bottom:2px solid #eee;
	display:none;
}
#feature-header .mslide{
	height:52px;
	overflow:hidden;
	overflow-x:scroll;
	white-space: nowrap;
	width:100%;
}
#feature-header.fixed{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:4999;
	background-color: #fff;
	display:block;
}
#feature-header .tab{
	display:inline-block;
	position:relative;
 color:#888;
	padding:18px;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	cursor:pointer;
}
#feature-header .tab.active{
	color:#267cde;
	cursor:pointer;
}
#features .section{
	padding:50px 0;
}
#features .section .header{
	text-align:center;
}
#features .section .header h3{
	font-weight:500;
	font-size:29px;
	color: #333;
}
#features .section .header .title{
	font-size:16px;
 color:#666;
	padding:15px 0 15px 0;
	max-width:820px;
	margin:auto;
	line-height:25px;
}
#features .section .body{
	padding-bottom:40px;
	padding-top:40px;
	overflow:hidden;
}
#features .section .body .image, #features .section .body .list{
	width:30%;
}
#features .section .body .image img{
	max-width:100%;
}
#features .section .body .image .image-placeholder{
	background: rgba(0,0,0,0.1);
	height:300px;
}
#features .section .body .raw{
	font-size:14px;
	line-height:25px;
}
#features .section .body .list{
	padding-top: 0px;
}
#features .section .body .list .top{
	border-bottom:1px solid rgba(0,0,0,0.05);
	margin-bottom:20px;
}
#features .section .body .list .top h3{
	font-size:20px;
	font-weight:500;
	padding-bottom:8px;
}
#features .section .body .list .top .txt{
	color:#999;
	font-size:13px;
	padding-bottom:15px;
	line-height:20px;
	text-align:justify;
}
#features .section .body .list .li{
	position:relative;
	font-size:15px;
 color:#555;
	padding:13px 0;
	line-height:20px;
	padding-top: 10px;
}
#features .section .body .list .li b{
	display:block;
	font-size:15px;
 color:#111;
	font-weight:500;
	padding-bottom:8px;
}
#features .section .body .list .li.wi{
	padding-left: 35px;
	text-align:justify;
}
#features .section .body .list .li.wi .sx{
	position:absolute;
 color:#267cde;
	top:13px;
	left:0px;
	width:32px;
	height:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:16px;
	text-align:center;
}
#features .section .body .list .li.wi .sx img{
	width:32px;
}
#features .section .body .list .li.wi .si{
	position:absolute;
	top:13px;
	left:0px;
	width:20px;
	height:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:16px;
	text-align:center;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	line-height
}
#features .section .body .list .li.wi .si .-ap{
	line-height: 20px;
}
#features .section .body.-al .image{
	float:left;
	width: 66%;
}
#features .section .body.-al .image .subtext{
	color:#828282;
	text-align:center;
	font-style: italic;
	margin-top: 15px;
}
#features .section .body.-al .image .subtext a{
	color:#828282;
	font-weight:normal;
	text-decoration: underline;
}
#features .section .body.-al .list{
	float:right;
}
#features .section .body.-ar .image{
	float:right;
	width: 66%;
}
#features .section .body.-ar .list{
	float:left;
}
#features .section.-alt{
	background-color: #f6f6f6;
}


html.pxo{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
body.pxo #master{
	display:none;
}
#presentation{
	position:absolute;
	overflow:hidden;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:9999999;
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#333333', endColorstr='#292929');
 background-color:#333333;
 background-image: -webkit-gradient(linear, left top, right bottom, from(#333333), to(#292929));
 background-image: -webkit-linear-gradient(-45deg, #333333, #292929);
 background-image:	-moz-linear-gradient(-45deg, #333333, #292929);
 background-image: -ms-linear-gradient(-45deg, #333333, #292929);
 background-image:	-o-linear-gradient(-45deg, #333333, #292929);
 background-image: linear-gradient(-45deg, #333333, #292929);
}
#presentation .wrapper{
	position:absolute;
	top:50px;
	bottom:50px;
	left:50px;
	right:50px;
	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);
}
#presentation .pgnums{
	position:absolute;
	top:30%;
	right:10px;
	width:30px;
}
#presentation .pgnums .pg{
	width:6px;
	height:6px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	background: rgba(0,0,0,0.8);
	margin:20px auto;
	cursor:pointer;
	-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;
}
#presentation .pgnums .pg:hover{
	background-color: #FFD000;
}
#presentation .pgnums .pg.active{
	background-color: #FFD000;
	-ms-transform: scale(2.0, 2.0); /* IE 9 */
-webkit-transform: scale(2, 2); /* Safari */
transform: scale(2, 2);
}
#presentation .slide{
	position:absolute;
	overflow:hidden;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#presentation .image-wrap{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
#presentation .image-wrap img{
	width:100%;
}
#presentation .image-wrap img.full{
	min-height:100%;
}
#presentation .-bd:after{
	width:80px;
	height:1px;
	background: rgba(0,0,0,0.7);
	margin:auto;
	margin-top:30px;
	content:"";
	display:block;
	margin-bottom:50px;
}
#presentation .-bdw:after{
	width:80px;
	height:1px;
	background: rgba(255,255,255,0.7);
	margin:auto;
	margin-top:30px;
	content:"";
	display:block;
	margin-bottom:50px;
}
#presentation p.-bd{
	padding-bottom:0px;
}
#presentation p.-bd:after{
	margin-left:0px;
}
#presentation .sep:before{
	height:1px;
	background: rgba(0,0,0,0.3);
	margin-top:10px;
	content:"";
	display:block;
	margin-bottom:20px;
}
#presentation .sep:after{
	height:1px;
	background: rgba(0,0,0,0.3);
	margin-top:20px;
	content:"";
	display:block;
	margin-bottom:20px;
}
#presentation h1{
	font-size:40px;
}
#presentation h2{
	font-size:26px;
	font-weight:300;
	padding-bottom:25px;
}
#presentation h3{
	font-size:18px;
	font-weight:normal;
}
#presentation p{
	font-size:17px;
	font-weight:300;
	line-height:25px;
	padding-bottom:25px;
}
#presentation p.-big{
	font-size:20px;
	font-weight:300;
	line-height:30px;
}
#presentation p.-xl{
	font-size:26px;
	font-weight:300;
	line-height:30px;
}
#presentation p.-small{
	color: rgba(0,0,0,0.7);
	font-size:14px;
}

#presentation .slide-welcome{
	display:block;
}
#presentation .slide-welcome .bg{
}
#presentation .slide-welcome .text{
	top:20%;
	left:20%;
	right:20%;
	position:absolute;
	text-align:center;
	font-weight:500;
	margin-top:-50px;
	font-size:100px;
	color: #fff;
}
#presentation .slide-welcome .text .main{
	position:relative;
}
#presentation .slide-welcome .text .main:after{
	content:"";
	width:130px;
	margin:auto;
	height:1px;
	display:block;
	background: rgba(255,255,255,0.5);
	margin-top:50px;
}
#presentation .slide-welcome .text em{
	font-weight:bold;
 color:#FFD000;
}
#presentation .slide-welcome .text .arrow{
	font-size:40px;
	cursor:pointer;
	color: rgba(255,255,255,0.5);
	margin-top:80px;
	-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;
}
#presentation .slide-welcome .text .arrow:hover{
	padding-top:10px;
	color: #fff;
}
#presentation .section-text{
	max-width:900px;
	margin:auto;
	padding:90px 0;
}
#presentation .section-text .title{
	text-align:center;
 color:#111;
	font-size:40px;
	padding-bottom:5%;
}
#presentation .section-text .content{
}
#presentation .section-text .content .s{
	width:47%;
}
#presentation .slide-image-full{
	background-color: #222;
}
#presentation .slide-image{
}
#presentation .slide-image .image{
	position:absolute;
	top:0px;
	left:0px;
	width:50%;
	bottom:0px;
	text-align:center;
}
#presentation .slide-image .image .bg{
	padding-top:5%;
}
#presentation .slide-image .image img{
	max-width:100%;
	max-height:100%;
}
#presentation .slide-image .text{
	position:absolute;
	top:10%;
	right:10%;
	bottom:5%;
	width:40%;
}
#presentation .slide-image .text h2{
	font-weight:500;
	padding-bottom:15px;
}
#presentation .slide-image-focus{
	background-color: #222;
}
#presentation .section-image-focus{
	text-align:center;
	padding:100px 0;
	margin:auto;
	max-width:900px;
}
#presentation .section-image-focus .image{
	margin-bottom:50px;
}
#presentation .section-image-focus .image img{
	max-height:200px;
}
#presentation .section-image-focus .text{
	font-weight:300;
	color: rgba(255,255,255,0.8);
	font-size:36px;
	line-height:60px;
}
#presentation .section-image-focus .text.-bd:after{
	background: rgba(255,255,255,0.6);
}
#presentation .section-vs{
}
#presentation .section-vs .content{
	padding:100px 10%;
}
#presentation .section-vs .content .s{
	width:36%;
}
#presentation .section-vs .content h1{
	padding-bottom:25px;
}
#presentation .section-vs .vs{
	position:absolute;
	width:80px;
	left:50%;
	top:0px;
	bottom:0px;
	margin-left:-40px;
}
#presentation .section-vs .vs .box{
	width:80px;
	height:80px;
	background-color: #222;
	text-align:center;
	font-weight:300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:32px;
	display:block;
	position:absolute;
	padding-top:18px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	top:50%;
	margin-top:-40px;
	color: rgba(255,255,255,0.6);
	z-index:999;
}
#presentation .section-vs .vs .r{
	width:1px;
	background: rgba(0,0,0,0.1);
	position:absolute;
	top:0px;
	left:50%;
	bottom:0px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform: rotate(10deg);
}
#presentation .slide-stop{
	background-color: #222;
	text-align:center;
}
#presentation .section-stop{
	margin:0 auto;
	max-width:1000px;
	color: rgba(255,255,255,0.8);
	font-size:45px;
	padding-top:200px;
	font-weight:300;
	line-height:60px;
}
#presentation .section-conclusion{
	max-width:600px;
	margin:auto;
	padding-top:100px;
}
#presentation .section-conclusion .image{
	text-align:center;
}
#presentation .section-conclusion .title{
	font-weight:300;
	font-size:24px;
	text-align:center;
	padding:20px 0 30px 0;
}
#presentation .section-tes{
	position:absolute;
	top:50px;
	left:100px;
	right:100px;
	bottom:50px;
}
#presentation .section-tes .logos{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	border-top:1px solid rgba(255,255,255,0.5);
	text-align:center;
}
#presentation .section-tes .logos .logo{
	display:inline-block;
	cursor:pointer;
	padding-top:20px;
	opacity: 0.5; filter: alpha(Opacity:50);
}
#presentation .section-tes .logos .logo img{
	height:50px;
}
#presentation .section-tes .logos .logo:hover, #presentation .section-tes .logos .logo.active{
	opacity: 1.0; filter: alpha(Opacity:100);
}
#presentation .section-tes .nav{
	font-size:40px;
	position:absolute;
	cursor:pointer;
	top:40%;
	width:40px;
	color: rgba(0,0,0,0.6);
	z-index:999;
	margin-top:-20px;
}
#presentation .section-tes .nav:hover{
	color: #000;
}
#presentation .section-tes .nav.left{
	left:-60px;
}
#presentation .section-tes .nav.right{
	right:-60px;
}
#presentation .section-tes .main{
	position:relative;
	width:640px;
	min-height:300px;
	overflow:hidden;
	font-size:26px;
	font-weight:300;
	margin:auto;
	line-height:40px;
}
#presentation .section-tes .main .list{
	overflow:hidden;
	width:4000px;
}
#presentation .section-tes .main .item{
	float:left;
	text-align:center;
	width:640px;
	padding-top:150px;
}
#presentation .section-tes .main .item .text{
	padding-bottom:20px;
}
#presentation .section-tes .main .item .user{
	position:relative;
	padding-bottom:30px;
	margin-top:50px;
}
#presentation .section-tes .main .item .user .img{
	display:inline-block;
	overflow:hidden;
	width:80px;
	height:80px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#presentation .section-tes .main .item .user img{
	width:100%;
	height:100%;
}
#presentation .section-tes .main .item .user .u{
	text-align:left;
	padding-left:20px;
	vertical-align:10px;
}
#presentation .section-tes .main .item .user .uname{
	font-weight:500;
	font-size:20px;
	line-height:27px;
}
#presentation .section-tes .main .item .user .utitle{
	font-size:15px;
	font-weight:300;
	color: rgba(0,0,0,0.7);
}


#blog-canvas{
}
#ft-blog{
	position:relative;
	margin:20px 0;
	margin-bottom:50px;
}
#ft-blog .cover{
	position:relative;
	overflow:hidden;
	min-height:300px;
	max-height:360px;
}
#ft-blog .cover img{
	width: 100%;
}
#ft-blog .cover .r{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.2);
}
#ft-blog .text{
	position:absolute;
	top:0px;
	width:400px;
	left:0px;
	bottom:0px;
	color:#fff;
	background: rgba(0,0,0,0.5);
	padding:30px;
}
#ft-blog .text .date{
	text-transform:uppercase;
	font-size:13px;
	font-weight:500;
	display:inline-block;
 color:#333;
	margin-bottom:30px;
	background-color: #fff;
	padding:4px 8px;
}
#ft-blog .text h1, #ft-blog .text h1 a{
	font-weight:bold;
	font-family: 'Droid Serif', 'Segoe UI', sans-serif;
	text-shadow:0 1px 2px rgba(0,0,0,0.3);
	color:#fff;
	font-size:34px;
}
#ft-blog .text .auth{
	padding:30px 0;
	font-size:15px;
	font-weight:500;
}
#ft-blog .text .summary{
	font-size:18px;
 color:#fff;
	color:#fff 0.5;
	display: block; display: -webkit-box;
	max-height: 96px;
	font-size: 16px; line-height: 24px; -webkit-line-clamp: 4;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
#blog-list{
	padding:40px 0;
	background-color: #f3f3f3;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#blog-list .main{
	margin-right:380px;
}
#blog-list .main .blog{
	position:relative;
	background-color: #fff;
	padding:25px;
	padding-left:360px;
	-moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
	margin-bottom:25px;
}
#blog-list .main .blog .image{
	position:absolute;
	top:25px;
	left:25px;
	width:300px;
	bottom:25px;
	overflow:hidden;
}
#blog-list .main .blog .image img{
	width:100%;
}
#blog-list .main .blog h2, #blog-list .main .blog h2 a{
	color:#111;
	font-family: 'Droid Serif', 'Segoe UI', sans-serif;
	font-size:24px;
	font-weight:normal;
}
#blog-list .main .blog h2 a:hover{
	color:#267cde;
	text-decoration:underline;
}
#blog-list .main .blog .auth{
	font-family: 'Droid Serif', 'Segoe UI', sans-serif;
	font-size:12px;
 color:#888;
	padding:15px 0;
}
#blog-list .main .blog .summary{
	display: block; display: -webkit-box;
	max-height: 80px;
	font-size: 14px; line-height: 20px; -webkit-line-clamp: 4;
	-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
}
#blog-list .main .blog .more{
	margin-top:15px;
}
#blog-list .main .blog .more a{
	text-transform:uppercase;
 color:#888;
	font-size:12px;
	font-weight:300;
}
#blog-list .main .blog .more a:hover{
	color:#267cde;
	text-decoration:underline;
}
#blog-list .side{
	float:right;
	width:320px;
}

#blog-list .side{
}
#blog-list .side .box{
	padding-bottom:50px;
}
#blog-list .side .box h2{
	font-size:14px;
	font-weight:bold;
 color:#888;
}
#blog-list .side .box h1{
	font-size:22px;
	font-weight:normal;
	padding:8px 0;
}
#blog-list .side .box .text{
	line-height:22px;
	font-size:14px;
}
#blog-list .side .box .text a{
	font-weight:normal;
 color:#267cde;
}
#blog-list .side .box .text a:hover{
	text-decoration:underline;
}
#blog-list .side .box .cta{
	display:block;
	text-align:center;
 color:#fff;
	background-color: #267cde;
	-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
	padding:13px 0;
	margin-top:15px;
}
#blog-list .side .box .cta:hover{
	background-color: #7abd1a;
}
#blog-list .side .input{
	position:relative;
	margin-top:10px;
}
#blog-list .side .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;
}
#blog-list .side .input input{
	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;
	padding:9px 10px;
	background-color: #fff;
}
#blog-list .side .input input:active, #blog-list .side .input input:focus{
	border:1px solid #267cde;
	-moz-box-shadow: 0px 0px 3px rgba(38,124,222,0.5);
 -webkit-box-shadow: 0px 0px 3px rgba(38,124,222,0.5);
 box-shadow: 0px 0px 3px rgba(38,124,222,0.5);
}
#blog-list .side .input .next{
	position:absolute;
	cursor:pointer;
	right:0px;
	bottom:0px;
	top:0px;
	width:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left:1px solid #ddd;
	text-align:center;
	font-size:16px;
	padding-top:8px;
}



#blog{
	border-top:1px solid #eee;
	padding:50px 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
#blog .canvas{
	max-width:800px;
	margin:auto;
	position:relative;
}
#blog .canvas .auth{
	position:absolute;
	left:-200px;
	width:150px;
	top:0px;
}
#blog .canvas .auth .image{
	width:100px;
	height:100px;
	-moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
	overflow:hidden;
	margin:auto;
}
#blog .canvas .auth .image img{
	width:100%;
	height:100%;
}
#blog .canvas .auth .name{
	font-weight:500;
	font-size:15px;
	text-align:center;
 color:#111;
	margin-top:15px;
}
#blog .canvas .main{
}
#blog .canvas .main .top{
	text-transform:uppercase;
	font-size:12px;
 color:#999;
	display:block;
	font-weight:normal;
	margin-bottom:15px;
}
#blog .canvas .main .top:hover{
	text-decoration:underline;
 color:#267cde;
}
#blog .canvas .main .info{
	text-transform:uppercase;
	font-size:12px;
 color:#999;
	margin-top:15px;
}
#blog .canvas .main h1, #blog .canvas .main h1 a{
	font-size:45px;
	font-family: 'Droid Serif', 'Segoe UI', sans-serif;
 color:#111;
	font-weight:normal;
	line-height:42px;
}
#blog .canvas .main .image{
	position:relative;
	margin-bottom:20px;
	padding:10px 0;
}
#blog .canvas .main .image img{
	max-width:100%;
}
#blog .canvas .main .summary{
	font-size:16px;
	font-family: 'Droid Serif', 'Segoe UI', sans-serif;
 color:#666;
	line-height:24px;
	padding-top:20px;
	padding-bottom:20px;
}
#blog .canvas .main .content{
	font-family: 'Droid Serif', 'Segoe UI', sans-serif;
	font-size:15px;
	line-height:24px;
}
#blog .canvas .main .content h1, #blog .canvas .main .content h2, #blog .canvas .main .content h3{
	padding-bottom:15px;
}
#blog .canvas .main .content p{
	padding-bottom:20px;
}
#blog .canvas .main .content img{
	max-width:100%;
}
#blog .canvas .main .content ul, #blog .canvas .main .content ol{
	margin-left:20px;
	padding-bottom:20px;
}
#blog .canvas .main .content ul li{
	list-style-type:square;
	font-size:14px;
}





*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#base-booking{
}
.full-height-sec{
	width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.full-height-sec .left-sec{
	width: 45%;
background-color: #fff;
}
.full-height-sec .contact{
	padding: 0px 4%;
}
.full-height-sec .contact .logo{
	margin-bottom: 20px;
}
.full-height-sec .contact .header{
	margin-bottom: 20px;
}
.full-height-sec .contact .header h1{
	color:#012269;
	font-weight:bold;
font-size: 40px;
margin: 0px;
margin-bottom: 15px;
	text-align:justify;
	text-transform:uppercase;
}
.full-height-sec .contact .header p{
	color:#1f88e4;
	font-size:20px;
	font-weight:bold;
margin-bottom: 0px;
}
.full-height-sec .contact .info .item{
	display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.full-height-sec .contact .info .item .icon{
	width: 28px;
margin-right: 20px;
}
.full-height-sec .contact .info .item .icon img{
	width: 28px;
}
.full-height-sec .contact .info .item .text{
}
.full-height-sec .contact .info .item .text h4{
	color:#012269;
	font-size:18px;
	font-weight:500;
margin-top: 0px;
margin-bottom: 5px;
}
.full-height-sec .contact .info .item .text p{
	color:#1f88e4;
	font-size:16px;
line-height: 22px;
margin: 0px;
}
.full-height-sec .left-sec .logos{
	padding: 15px 4% 30px;
}
.full-height-sec .left-sec .logos h3{
	color:#012269;
	font-size:20px;
	font-weight:500;
margin-top: 0px;
margin-bottom: 20px;
}
.full-height-sec .left-sec .logos .logos_cover{
	margin: 0px -15px;
}
.full-height-sec .left-sec .logos .logos_cover .item{
	padding: 0px 15px;
}
.full-height-sec .left-sec .logos .logos_cover .item img{
	max-width: 100%;
}
.full-height-sec .left-sec .awards{
	padding: 20px 4%;
background-color: #e7f5fe;
}
.full-height-sec .left-sec .awards .image{
	text-align:center;
}
.full-height-sec .left-sec .awards .image img{
	max-width: 100%;
}
.full-height-sec .right-sec{
	width: 55%;
padding: 4%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
border-radius: 60px 0px 0px 60px;
}
.full-height-sec .right-sec .form{
	max-width: 100%;
margin: 0px auto;
padding: 30px;
border: 2px solid #b5c5de;
border-radius: 30px;
background: linear-gradient(100deg, #ffffffcf 40%, #ffffff80 100%);
}
.full-height-sec .right-sec .form .logo{
	text-align:center;
margin-bottom: 15px;
}
.full-height-sec .right-sec .form .title{
	margin-bottom: 20px;
text-align: center;
font-size: 26px;
text-transform: uppercase;
font-weight: 500;
}
.full-height-sec .right-sec .form .row{
	padding-top: 15px;
}
.full-height-sec .right-sec .form .label{
	color: #000;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.full-height-sec .right-sec .form .input input, .full-height-sec .right-sec .form .input select{
	font-size: 15px;
padding: 8px 15px;
height: 45px;
border: none;
width: 100%;
border-radius: 15px;
background-color: #fff;
}
.full-height-sec .right-sec .form .input input::focus, .full-height-sec .right-sec .form .input select::focus{
	border: none;
}
.full-height-sec .right-sec .form .g{
	overflow: hidden;
margin-right: -3%;
}
.full-height-sec .right-sec .form .g .row{
	float: left;
width: 47%;
margin-right: 3%;
}
.full-height-sec .right-sec .form .cta{
	color: #fff;
font-size: 18px;
padding: 12px 30px;
max-width: 250px;
text-align: center;
margin: 20px auto 15px;
background-color: #0276fd;
border-radius: 30px;
cursor: pointer;
}
.full-height-sec .right-sec .form .cancel{
	text-align: center;
color: #4a5159;
font-size: 18px;
cursor: pointer;
padding: 10px 0;
}
.slick-slider{
	position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list{
	position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus{
	outline: 0
}
.slick-list.dragging{
	cursor: pointer;
cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track{
	-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track{
	position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after, .slick-track:before{
	display: table;
content: ''
}
.slick-track:after{
	clear: both
}
.slick-loading .slick-track{
	visibility: hidden
}
.slick-slide{
	display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide{
	float: right
}
.slick-slide img{
	display: block
}
.slick-slide.slick-loading img{
	display: none
}
.slick-slide.dragging img{
	pointer-events: none
}
.slick-initialized .slick-slide{
	display: block
}
.slick-loading .slick-slide{
	visibility: hidden
}
.slick-vertical .slick-slide{
	display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden{
	display: none
}
/*# sourceMappingURL=slick.min.css.map */ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list{
	background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */ @font-face{
	font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */ .slick-prev, .slick-next{
	font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
	color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
	opacity: .25;
}
.slick-prev:before, .slick-next:before{
	font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev{
	left: -25px;
}
[dir='rtl'] .slick-prev{
	right: -25px;
left: auto;
}
.slick-prev:before{
	content: '←';
}
[dir='rtl'] .slick-prev:before{
	content: '→';
}
.slick-next{
	right: -25px;
}
[dir='rtl'] .slick-next{
	right: auto;
left: -25px;
}
.slick-next:before{
	content: '→';
}
[dir='rtl'] .slick-next:before{
	content: '←';
}
/* Dots */ .slick-dotted.slick-slider{
	margin-bottom: 30px;
}
.slick-dots{
	position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
	position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
	font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{
	opacity: 1;
}
.slick-dots li button:before{
	font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	opacity: .75;
color: black;
}

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900var(--display)=swap');
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mrb-50{
	margin-bottom: 50px;
}
#BaseCRM{
	font-family: "Lexend", serif;
}
.container{
	width: 100%;
max-width: 1170px;
margin: 0px auto;
position: relative;
padding: 0px 15px;
}
.section-hero{
	position:relative;
background-color: #014337;
}
.section-hero .main{
	position:relative;
}
.section-hero .main .image{
}
.section-hero .main .image img{
	max-width: 100%;
}
.section-hero .main .text{
	position:absolute;
top: 73%;
left: 50%;
width: 100%;
	text-align:center;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.section-hero .main .text h1 b{
	font-weight: 600;
}
.section-hero .main .text .cta{
	display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 40px;
margin: 30px 0px;
border-radius: 20px;
border: 1px solid #C2FFE9;
box-shadow: 0px 1px 8px 0px #C2FFE9;
background: linear-gradient(272deg, #2C8C5E 12.78%, #35C27E 99.34%);
}
.section-hero .main .text .cta span{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	display:block;
margin-right: 10px;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.section-hero .main .text .cta svg{
	width: 13px;
height: 13px;
}
.section-hero .main .text .cta:hover{
	background: #014337;
}
.section-hero .main .text .desc{
	color:#fff;
	font-size:20px;
	display:inline-block;
padding: 7px 15px;
border-radius: 15px;
border: 1px solid #34BE7B;
border-bottom: none;
margin-top: 20px;
}
.tabs-container{
	position: relative;
padding-bottom: 45px;
}
.tabs-wrap .tabs-dialog{
	display: flex;
align-items: center;
gap: 30px;
padding-bottom: 35px;
}
.tabs-wrap .tabs-dialog .title{
	width: calc(100%/4);
padding: 10px;
border-radius: 8px;
cursor: pointer;
border: 2px solid #34BE7B
}
.tabs-wrap .tabs-dialog .title:hover, .tabs-wrap .tabs-dialog .title.current{
	background: linear-gradient(272deg, rgba(44, 140, 94, 0.18) 12.78%, rgba(53, 194, 126, 0.60) 99.34%);
}
.tabs-wrap .tabs-dialog .title .item{
	display: flex;
align-items: center;
	position:relative;
}
.tabs-wrap .tabs-dialog .title .item .icon{
	width: 90px;
	text-align:center;
	display:block;
}
.tabs-wrap .tabs-dialog .title .item .icon img{
	max-width: 100%;
position: absolute;
bottom: 0px;
left: 5px;
}
.tabs-wrap .tabs-dialog .title:nth-child(1) .item .icon img{
	bottom: -13px;
left: -7px;
}
.tabs-wrap .tabs-dialog .title .item .text{
	color:#C5FFE9;
	font-size:20px;
	font-weight:300;
width: calc(100% - 90px);
padding-left: 10px;
position: relative;
display: block;
line-height: 28px;
}
.tabs-wrap .tabs-dialog .title .item .text b{
	font-weight:bold;
	text-transform:uppercase;
}
.tabs-wrap .tabs-dialog .title .item .text::after{
	content: '';
width: 3px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
border-radius: 20px;
background-color: #34BE7B;
}
.tabs-container .tab-content{
	display:none;
}
.tabs-container .tab-content.current{
	display:block;
}
.tab-content .lb-header{
	display: flex;
align-items: center;
padding: 5px;
border-radius: 8px;
margin-bottom: 30px;
background: linear-gradient(272deg, rgba(44, 140, 94, 0.00) 0.21%, rgba(53, 194, 126, 0.60) 99.35%);
}
.tab-content .lb-header .lb-desc{
	width: 270px;
color:#fff;
	font-size:14px;
padding: 5px;
line-height: 22px;
}
.tab-content .lb-header .lb-tabs{
	width: calc(100% - 280px);
display: flex;
align-items: center;
padding-left: 10px;
margin-left: 10px;
border-left: 3px solid #34BE7B;
}
.tab-content .lb-header .lb-tabs .lpb-tab{
	width: calc(100%/5);
display: flex;
align-items: center;
padding: 7px 10px;
position: relative;
background-clip: padding-box;
border: 2px solid transparent;
border-radius: 100px;
cursor: pointer;
}
.tab-content .lb-header .lb-tabs .lpb-tab:hover, .tab-content .lb-header .lb-tabs .lpb-tab.current{
	background-color: #014337;
}
.tab-content .lb-header .lb-tabs .lpb-tab .icon{
	width: 45px;
height: 45px;
background-color: #fff;
border: 4px solid #fff;
border-radius: 17px;
}
.tab-content .lb-header .lb-tabs .lpb-tab .icon img{
	width: 37px;
height: 37px;
}
.tab-content .lb-header .lb-tabs .lpb-tab .text{
	color:#fff;
	font-size:14px;
	font-weight:bold;
line-height: 22px;
padding-left: 10px;
width: calc(100% - 45px);
}
.tab-content .lb-main .lb-images{
	padding: 15px;
border-radius: 8px;
background-color: #167250;
}
.tab-content .lb-main .lb-images img{
	max-width: 100%;
border-radius: 8px;
}
/*-------------------*/ .section-customers{
	padding: 50px 0px;
}
.section-customers .title{
	color:#000;
	font-size:24px;
	font-weight:normal;
	text-align:center;
margin-bottom: 24px;
line-height: 24px;
}
.section-customers #customers-slider{
	overflow:hidden;
	text-align:center;
margin: 0px auto;
padding: 0px;
max-width: 700px;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
}
.section-customers #customers-slider .li{
	text-align:center;
	display:inline-block;
margin-bottom: 0px;
float: none;
}
.section-customers #customers-slider .li img{
	height: 45px;
margin: 0px auto;
}
/*-----------------------*/ .section-business{
	position: relative;
padding: 50px 0px;
}
.section-business .title{
	color:#000;
	font-weight:bold;
	text-align:center;
font-size: 40px;
}
.section-business .desc{
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.section-business .desc span{
	color:#4EC98E;
}
.section-business .image{
	text-align:center;
}
.section-business .image img{
	max-width: 100%;
}
/*-----------------------*/ .section-data{
	padding: 50px 0px;
position: relative;
}
.section-data .title{
	color:#34BE7B;
	font-size:32px;
	font-weight:bold;
	text-align:center;
margin-bottom: 30px;
}
.section-data .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.section-data .col-6{
	width: 50%;
padding: 0px 15px;
}
.section-data .main{
	height: 100%;
padding: 15px;
border-radius: 20px;
background-color: #13674B;
}
.section-data .main h3{
	color:#fff;
	font-size:20px;
	font-weight:bold;
margin-bottom: 15px;
}
.section-data .main p{
	color:#fff;
	font-size:16px;
	text-align:justify;
line-height: 24px;
margin-bottom: 15px;
}
.section-data .main .image{
	position: relative;
}
.section-data .main .image img{
	max-width: 100%;
border-radius: 20px;
}
.section-data .items{
	height: 100%;
padding: 40px;
border-radius: 20px;
border: 2px solid #13674B;
}
.section-data .items .item{
	display: flex;
align-items: center;
margin-bottom: 50px;
}
.section-data .items .item:last-child{
	margin-bottom: 0px;
}
.section-data .items .item .icon{
	width: 85px;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
border: 2px solid #13674B;
margin-right: 30px;
}
.section-data .items .item .icon svg{
	width: 50px;
height: 50px;
}
.section-data .items .item .text{
	width: calc(100% - 115px);
}
.section-data .items .item .text h3{
	color:#000;
	font-size:24px;
	font-weight:bold;
margin-bottom: 0px;
}
.section-data .items .item .text p{
	color:#000;
	font-size:18px;
	font-weight:normal;
margin-bottom: 0px;
}
.section-data .mrb-100{
	margin-bottom: 100px;
}
/*-----------------*/ .section-apps{
	padding-top: 50px;
position: relative;
}
.section-apps .title{
	color:#000;
	font-size:40px;
	font-weight:bold;
	text-align:center;
margin-bottom: 15px;
}
.section-apps .title span{
	color:#34BE7B;
}
.section-apps .desc{
	color:#000;
	font-size:16px;
	font-weight:normal;
	text-align:center;
}
.section-apps .image{
	text-align:center;
}
.section-apps .image img{
	max-width: 100%;
}
/*----------------------*/ .section-wrapper{
	padding: 80px 0px;
position: relative;
}
.section-wrapper .title{
	color:#000;
	font-weight:bold;
	text-align:center;
font-size: 40px;
margin-bottom: 10px;
}
.section-wrapper .desc{
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
margin-bottom: 50px;
}
.section-wrapper .desc span{
	color:#34BE7B;
}
.lp-fbox{
	position: relative;
display: flex;
}
.lp-fbox .fb-control{
	width: 40%;
padding: 40px 40px 40px 0px;
}
.lp-fbox .fb-control .fbc-main{
	position: sticky;
top: 10px;
}
.fbc-main .items .item{
	display: flex;
align-items: center;
margin-bottom: 40px;
}
.fbc-main .items .item .icon{
	width: 85px;
height: 85px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
border-radius: 20px;
border: 2px solid #13674B;
}
.fbc-main .items .item .icon svg{
	width: 50px;
height: 50px;
}
.fbc-main .items .item .text{
	width: calc(100% - 105px);
}
.fbc-main .items .item .text h3{
	color:#000;
	font-size:20px;
	font-weight:bold;
}
.fbc-main .items .item .text p{
	color:#000;
	font-size:16px;
}
.lp-fbox .fb-side{
	width: 60%;
overflow: hidden;
}
.feature-box-items{
	padding: 25px;
border-radius: 8px;
background-color: #014337;
}
.feature-box-items .fb-feature{
	padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #5E7D72;
}
.feature-box-items .fb-feature:last-child{
	padding-bottom: 0px;
margin-bottom: 0px;
border: none;
}
.feature-box-items .fb-feature .fbf-main{
	color:#fff;
padding: 15px;
border-radius: 8px;
background-color: #3EC986;
margin-bottom: 15px;
}
.feature-box-items .fb-feature .fbf-main .title{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	text-align:left;
margin-bottom: 5px;
}
.feature-box-items .fb-feature .fbf-main .subtitle{
	font-size:16px;
	font-weight:bold;
}
.feature-box-items .fb-feature .fbf-main .content{
	font-size:14px;
	font-weight:500;
padding-top: 12px;
margin-top: 12px;
border-top: 1px solid #fff;
}
.feature-box-items .fb-feature .fbf-image img{
	max-width: 100%;
border-radius: 8px;
}
.section-effective{
	padding: 60px 0px;
position: relative;
}
.section-effective .title{
	color:#000;
	font-weight:bold;
	text-align:center;
font-size: 40px;
margin-bottom: 5px;
}
.section-effective .title span{
	color:#34BE7B;
}
.section-effective .desc{
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.section-effective .section-content{
	margin-top: 70px;
}
.section-effective .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.section-effective .col-6{
	width: 50%;
padding: 0px 15px;
}
.section-effective .col-6.mrb-70{
	margin-bottom: 70px;
}
.section-effective .item{
	height: 100%;
padding: 20px;
border-radius: 8px;
margin-left: 45px;
padding-left: 95px;
position: relative;
background-color: #EAFFEE;
}
.section-effective .item.-alt{
	background-color: #D7ECDD;
}
.section-effective .item .icon{
	width: 115px;
height: 115px;
position: absolute;
left: -45px;
top: -30px;
}
.section-effective .item .icon img{
	max-width: 100%;
}
.section-effective .item .main h4{
	color:#000;
	font-size:24px;
	font-weight:bold;
margin-bottom: 15px;
}
.section-effective .item .main p{
	color:#000;
	font-size:16px;
margin-bottom: 15px;
}
.section-problem{
	padding: 60px 0px;
position: relative;
}
.section-problem .title{
	color:#000;
	font-weight:bold;
	text-align:center;
font-size: 40px;
margin-bottom: 70px;
}
.section-problem .title span{
	color:#34BE7B;
text-decoration: line-through;
}
.section-problem .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.section-problem .col-4{
	width: 33.33333%;
padding: 0px 15px;
}
.section-problem .item{
	margin-bottom: 30px;
}
.section-problem .icon{
	width: 72px;
height: 72px;
margin-bottom: 10px;
}
.section-problem .icon img{
	width: 72px;
height: 72px;
}
.section-problem .main h4{
	color:#13674B;
	font-size:22px;
	font-weight:bold;
margin-bottom: 15px;
}
.section-problem .main p{
	color:#000;
	font-size:15px;
}
.section-ctas{
	padding: 115px 0px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.section-ctas .container{
	max-width: 980px;
margin: 0px auto;
}
.section-ctas .main{
	display: flex;
align-items: center;
justify-content: space-between;
}
.section-ctas .main .title{
	color:#fff;
	font-size:32px;
	font-weight:500;
padding-left: 80px;
}
.section-ctas .main .cta{
	color:#fff;
	font-size:18px;
font-weight: 600;
padding: 10px 20px;
border-radius: 20px;
border: 1px solid #C2FFE9;
background: linear-gradient(272deg, #2C8C5E 12.78%, #35C27E 99.34%);
box-shadow: 0px 1px 8px 0px #C2FFE9;
}
.section-ctas .main .cta:hover{
	background: #014337;
}
/*-----PRICING-----*/ .section-pricing{
	padding: 60px 0px;
position: relative;
}
.section-pricing .section-title{
	color:#000;
	font-weight:bold;
	text-align:center;
font-size: 40px;
margin-bottom: 30px;
}
.pricing-plans{
	max-width: 1000px;
margin: 0px auto;
}
.pricing-plans .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.pricing-plans .col-4{
	width: 33.33333%;
padding: 0px 20px;
}
.pricing-plans .item{
	height: 100%;
border-radius: 8px;
background-color: #fff;
box-shadow: 2px 3px 15px 0px rgba(0, 0, 0, 0.15);
}
.pricing-plans .recommended{
	border-radius: 8px 8px 0px 0px;
width: 100%;
height: 30px;
background-color: #78D6B3;
}
.pricing-plans .recommended.-center{
	background-color: #52E79F;
}
.pricing-plans .recommended.-right{
	background: linear-gradient(272deg, #177045 12.78%, #35C27E 99.34%);
}
.pricing-plans .wrapper{
	padding: 15px;
}
.pricing-plans .wrapper .header{
	padding-bottom: 15px;
}
.pricing-plans .wrapper .header .title{
	color:#272727;
	font-size:32px;
	font-weight:bold;
text-transform: capitalize;
}
.pricing-plans .wrapper .header .subtitle{
	font-size: 14px;
color: #272727;
margin-top: 4px;
}
.pricing-plans .wrapper .price{
	position: relative;
}
.pricing-plans .wrapper .price .dynamic-total{
	display: flex;
align-items: flex-end;
justify-content: space-between;
}
.pricing-plans .wrapper .price .dynamic-total em{
	color:#13674B;
	font-size:26px;
font-weight: 600;
}
.pricing-plans .wrapper .price .dynamic-total span{
	color:#A1A1A1;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
display: inline-block;
margin-bottom: 5px;
}
.pricing-plans .wrapper .price .unit{
	padding: 15px 0px;
}
.pricing-plans .wrapper .price .unit ul{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pricing-plans .wrapper .price .unit ul li{
	width: 60%;
color:#000;
	font-size:12px;
margin: 5px 0px;
}
.pricing-plans .wrapper .price .unit ul li.t-right{
	width: 40%;
padding-left: 8px;
border-left: 1px solid #13674B;
}
.pricing-plans .wrapper .plan-ctas .cta{
	width: 100%;
color:#fff;
	font-size:18px;
	font-weight:500;
	text-align:center;
padding: 10px 20px;
border-radius: 20px;
line-height: 28px;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
background: linear-gradient(272deg, #2C8C5E 12.78%, #35C27E 99.34%);
}
.pricing-plans .wrapper .plan-ctas .cta:hover{
	background: #014337;
}
.pricing-plans .wrapper .msg{
	color:#000;
	font-size:12px;
margin: 15px 0px;
padding: 10px 0px;
line-height: 22px;
border-top: 1px solid #2C8C5E;
border-bottom: 1px solid #2C8C5E
}
.pricing-plans .wrapper .msg .h4{
	color:#13674B;
	font-weight:bold;
}
.pricing-plans .wrapper .pricing-offers .title{
	color:#13674B;
	font-size:16px;
	font-weight:bold;
margin-bottom: 10px;
}
.pricing-plans .wrapper .pricing-offers .offer{
	color:#272727;
	font-size:13px;
line-height: 20px;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.pricing-plans .wrapper .pricing-offers .offer .icon{
	width: 16px;
height: 16px;
margin-right: 6px;
}
.pricing-plans .wrapper .pricing-offers .offer .icon svg{
	width: 16px;
height: 16px;
}
.pricing-plans .wrapper .pricing-offers .offer .text{
	width: calc(100% - 22px);
}
.pricing-premium{
	padding-bottom: 60px;
margin: 0px;
position: relative;
}
.pricing-premium .base-table{
	width: 100%;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}
.pricing-premium .base-table thead{
	background-color: #3EC986;
}
.pricing-premium .base-table thead th{
	color:#fff;
	font-size:16px;
font-weight: 600;
line-height: 24px;
padding: 9px 25px;
text-align: left;
border-left: 1px solid #D8D8D8;
}
.pricing-premium .base-table td{
	padding: 5px 25px;
}
.pricing-premium .base-table .cell-lead{
	color:#000;
	font-size:12px;
padding: 0px;
}
.pricing-premium .base-table .cell-lead b{
	font-weight:bold;
}

#baseService{
	font-family: "Lexend", serif;
}
.service-head{
	position:relative;
	text-align:center;
margin-bottom: 30px;
}
.service-head .-color{
	color:#1854B9;
}
.service-head .title{
	color:#000;
font-size: 40px;
font-weight: 600;
margin-bottom: 15px;
}
.service-head .desc{
	color:#000;
	font-size:20px;
}
/*-----------------*/ .service-hero{
	padding: 110px 0px 90px 0px;
position: relative;
background-image: url('https://static-gcdn.basecdn.net/landing/base.vn/image/service/bg-hero.jpg');
background-repeat: no-repeat;
background-position: center top;
background-color: #002B68;
}
.service-hero .main{
	display: flex;
gap: 30px;
}
.service-hero .main .text{
	max-width: 600px;
padding-top: 70px;
}
.service-hero .main .image{
	width: calc(100% - 580px);
}
.service-hero .main .image img{
	max-width: 140%;
}
.service-hero .text .logo-app{
	display:inline-block;
	vertical-align:middle;
padding: 6px 8px;
padding-right: 12px;
background-color: #fff;
border-radius: 50px;
margin-bottom: 24px;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}
.service-hero .text .logo-app img{
	width: 37px;
height: 37px;
padding: 3px;
margin-right: 10px;
background-color: #fff;
border-radius: 100%;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}
.service-hero .text .logo-app .name{
	color:#1E88E5;
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
.service-hero .text h1{
	color:#fff;
font-size: 44px;
font-weight: 600;
margin-bottom: 20px;
}
.service-hero .text p{
	color:#fff;
	font-size:20px;
	font-weight:300;
line-height: 26px;
}
.service-hero .text ul{
	padding-left: 20px;
list-style: initial;
}
.service-hero .text ul li{
	color:#fff;
	font-size:20px;
	font-weight:300;
line-height: 26px;
}
.service-hero .text .ctas{
	margin-top: 24px;
}
.service-hero .text .ctas .cta{
	position:relative;
display: inline-flex;
align-items: center;
padding: 11px 27px;
color:#fff;
	font-size:22px;
font-weight: 600;
border-radius: 50px;
background: linear-gradient(272deg, rgba(51, 153, 255, 1) 12.78%, rgba(24, 84, 185, 1) 99.34%);
text-shadow: 0px 4.7px 9.4px rgba(0, 0, 0, 0.25);
}
.service-hero .text .ctas .cta svg{
	width: 18px;
height: 13px;
margin-left: 10px;
}
/*-------------------*/ .service-customers{
	padding: 60px 0px 0px;
}
.service-customers .title{
	color:#000;
	font-size:24px;
	font-weight:normal;
	text-align:center;
margin-bottom: 24px;
line-height: 24px;
}
.service-customers #customers-slider{
	overflow:hidden;
	text-align:center;
margin: 0px auto;
padding: 0px;
max-width: 700px;
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);
}
.service-customers #customers-slider .li{
	text-align:center;
	display:inline-block;
margin-bottom: 0px;
float: none;
}
.service-customers #customers-slider .li img{
	height: 45px;
margin: 0px auto;
}
/*-----------------------*/ .service-base{
	position: relative;
padding: 60px 0px 0px;
background-image: url('https://static-gcdn.basecdn.net/landing/base.vn/image/service/bg-service.png');
background-repeat: no-repeat;
background-position: center 110px;
background-size: 1460px;
}
.service-base .service-head{
	margin-bottom: 60px;
}
.service-base .service-content{
	max-width: 1000px;
margin: 0px auto;
}
.service-base .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
align-items: center;
}
.service-base .col-5{
	width: 43%;
padding: 0px 15px;
}
.service-base .col-2{
	width: 14%;
padding: 0px 15px;
}
.service-base .main .text{
	color:#000;
	font-size:28px;
	font-weight:bold;
	text-align:center;
margin-bottom: 20px;
}
.service-base .main .text span{
	background: linear-gradient(90deg, #003989 0.01%, #008CFF 32.57%, #007AE5 52.15%, #003F91 77.69%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.service-base .main .image img{
	max-width: 100%;
}
.service-base .icon{
	text-align:center;
}
.service-base .icon img{
	max-width: 100%;
}
.service-base .service-bottom{
	color:#000;
	font-size:16px;
	text-align:center;
margin-top: 35px;
margin-bottom: 50px;
}
.service-base .service-image{
	position:relative;
	text-align:center;
}
.service-base .service-image img{
	max-width: 100%;
}
/*-------------------------*/ .service-business{
	position:relative;
padding-bottom: 132px;
background-image: url('https://static-gcdn.basecdn.net/landing/base.vn/image/service/bg-business.png');
background-repeat: no-repeat;
background-position: center bottom;
}
.service-business .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
align-items: center;
}
.service-business .col-4{
	width: 35%;
padding: 0px 15px;
}
.service-business .col-8{
	width: 65%;
padding: 0px 15px;
}
.service-business .box-wrap .item{
	position:relative;
padding: 16px 16px 16px 45px;
margin-bottom: 40px;
border-radius: 20px;
border: 1px solid #39F;
background: linear-gradient(90deg, rgba(94, 174, 255, 0.50) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.service-business .box-wrap .item .icon{
	position: absolute;
left: -65px;
top: 15px;
}
.service-business .box-wrap .item h3{
	color:#0A6EDC;
	font-size:18px;
	font-weight:bold;
margin-bottom: 10px;
}
.service-business .box-wrap .item p{
	color:#000;
	font-size:14px;
line-height: 22px;
}
.service-business .box-image{
	text-align:center;
}
/*--------------------------*/ .service-automation{
	position: relative;
padding-bottom: 100px;
margin-bottom: 105px;
}
.service-automation .service-head{
	position: relative;
z-index: 9;
}
.service-automation .service-head .title{
	font-size:32px;
	font-weight:bold;
background: linear-gradient(90deg, #003989 0.01%, #008CFF 32.57%, #007AE5 52.15%, #003F91 77.69%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.service-automation .service-head .desc{
	color:#000;
	font-size:16px;
}
.service-automation .automation-image{
	text-align:center;
position: relative;
z-index: 9;
margin-bottom: 50px;
}
.service-automation .automation-image:after{
	content: '';
position: absolute;
top: 50%;
left: 50%;
width: 100%;
z-index: -1;
min-height: 320px;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
background: linear-gradient(90deg, #003989 0.01%, #008CFF 32.57%, #007AE5 52.15%, #003F91 77.69%);
}
.service-automation .automation-image img{
	max-width: 100%;
}
.service-automation .bg{
	text-align:center;
position: absolute;
z-index: 1;
top: 50px;
}
.service-automation .bg img{
	max-width: 100%;
}
.automation-content .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 90px;
}
.automation-content .col-4{
	width: 35%;
padding: 0px 15px;
}
.automation-content .col-8{
	width: 65%;
padding: 0px 15px;
}
.automation-content .item h3{
	font-size:28px;
background: linear-gradient(90deg, #003989 0.01%, #008CFF 32.57%, #007AE5 52.15%, #003F91 77.69%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px;
}
.automation-content .item p{
	color:#000;
	font-size:16px;
}
.automation-content .image{
	border-radius: 8px;
}
.automation-content .image img{
	max-width: 100%;
border-radius: 8px;
}
.automation-content .row:last-child{
	margin-bottom: 0;
}
.service-automation .ctas{
	text-align:center;
}
.service-automation .ctas .cta{
	position:relative;
display: inline-flex;
align-items: center;
padding: 11px 27px;
color:#fff;
	font-size:22px;
font-weight: 600;
border-radius: 50px;
background: linear-gradient(272deg, rgba(51, 153, 255, 1) 12.78%, rgba(24, 84, 185, 1) 99.34%);
text-shadow: 0px 4.7px 9.4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 2.35px 18.8px 0px #1F97EC;
}
.service-automation .ctas .cta svg{
	width: 18px;
height: 13px;
margin-left: 10px;
}
/*--------------------*/ .service-ecosystem{
	position: relative;
padding: 0px 0px 60px;
background-color: #002B68;
}
.service-ecosystem .service-head{
	max-width: 890px;
margin: 0px auto;
background-color: #fff;
border-radius: 1000px;
padding: 25px 50px;
top: -105px;
position: relative;
}
.service-ecosystem .service-head .title{
	background: linear-gradient(90deg, #003989 0.01%, #008CFF 32.57%, #007AE5 52.15%, #003F91 77.69%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 25px;
}
.service-ecosystem .service-head .title .-color2{
	background: #000;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.service-ecosystem .service-head .desc{
	color:#000;
	font-size:19px;
}
.ecosystem-content .container-eco{
	width: 100%;
max-width: 1300px;
margin: 0px auto;
position: relative;
padding: 0px 15px;
}
.ecosystem-content .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
margin-right: -15px;
margin-left: -15px;
}
.ecosystem-content .col-7{
	width: 60%;
padding: 0px 15px;
}
.ecosystem-content .col-5{
	width: 40%;
padding: 0px 15px;
}
.ecosystem-content .image{
}
.ecosystem-content .image img{
	max-width: 100%;
}
.ecosystem-content .text h3{
	color:#B7E9FF;
	font-size:30px;
font-weight: 600;
margin-bottom: 20px;
}
.ecosystem-content .text p{
	color:#fff;
	font-size:16px;
line-height: 23px;
}
.ecosystem-content .container{
	margin-top: 80px;
}
/**************/ .service-optimize{
	position: relative;
padding-top: 20px;
}
.service-optimize .optimize-cover{
	text-align:center;
}
.service-optimize .optimize-cover img{
	max-width: 100%;
}
.service-optimize .optimize-content{
	position: absolute;
top: 50%;
left: 50%;
width: 100%;
z-index: 9;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.optimize-content .row{
	display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.optimize-content .col-2{
	width: 20%;
padding: 0px 15px;
}
.optimize-content .col-4{
	width: 30%;
padding: 0px 15px;
}
.optimize-content .col-6{
	width: 50%;
padding: 0px 15px;
}
.optimize-content .text h2{
	font-size:32px;
	font-weight:bold;
background: linear-gradient(90deg, #008CFF 36.66%, #007AE5 71.23%, #003F91 100.55%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.optimize-content .ctas .cta{
	color:#fff;
	font-size:22px;
	text-align:center;
font-weight: 600;
padding: 10px 20px;
text-shadow: 0px 4.7px 9.4px rgba(0, 0, 0, 0.25);
border-radius: 50px;
border: 0.47px solid #0A6EDC;
background: linear-gradient(272deg, #39F 12.78%, #1854B9 99.34%);
box-shadow: 0px 2.35px 18.8px 0px #1F97EC;
}
/*******************/ .service-pricing{
	position: relative;
padding: 80px 0px;
}
.pricing-content{
	max-width: 900px;
margin: 0px auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
background-color: #fff;
box-shadow: 1.559px 3.118px 15.589px 0px rgba(0, 0, 0, 0.15);
border-radius: 100px;
}
.pricing-content .item{
	height: 100%;
width: calc(100%/3);
padding: 12px;
text-align: center;
}
.pricing-content .item .header{
	margin-bottom: 12px;
}
.pricing-content .item .header .title{
	color:#7F7F7F;
	font-size:24px;
	font-weight:500;
}
.pricing-content .item .price{
	margin-bottom: 6px;
}
.pricing-content .item .price .dynamic-total{
	color:#0A6EDC;
	font-size:36px;
font-weight: 600;
line-height: 33px;
letter-spacing: 0.16px;
}
.pricing-content .item .price .dynamic-total sup{
	font-size: 14px;
}
.pricing-content .item .price .dynamic-total span{
	color:#A1A1A1;
	font-weight:500;
	display:block;
font-size: 8px;
line-height: 22px;
}
.pricing-content .item .msg{
	color:#000;
	font-weight:500;
	text-align:center;
font-size: 10px;
}
.pricing-content .item.-business{
	color: #fff;
border-radius: 6px;
background: linear-gradient(272deg, #39F 12.78%, #1854B9 99.34%);
}
.pricing-content .item.-business .-white{
	color: #fff;
}
.pricing-content .item.-business .-white span{
	color: #fff;
}
.pricing-content .item.-standard .header .title{
	color: #000;
}
.service-pricing .pricing-ctas{
	max-width: 750px;
margin: 0px auto;
text-align: center;
margin-top: 50px;
}
.service-pricing .pricing-ctas .cta{
	color:#fff;
	font-size:22px;
	text-align:center;
	display:inline-block;
font-weight: 600;
padding: 10px 20px;
text-shadow: 0px 4.7px 9.4px rgba(0, 0, 0, 0.25);
border-radius: 50px;
border: 0.47px solid #0A6EDC;
background: linear-gradient(272deg, #39F 12.78%, #1854B9 99.34%);
box-shadow: 0px 2.35px 18.8px 0px #1F97EC;
}

#press, #press::before, #press::after, #press *, #press *::before, #press *::after{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#press{
	padding-top: 0px;
}
#press .hsep{
	margin-bottom:20px;
}
#press .press{
	position:relative;
display: flex;
flex-wrap: wrap;
padding: 0;
align-items: stretch;
}
#press .press.vertical{
	flex-direction: row;
}
#press .press.vertical .image{
	text-align:right;
height: 350px;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
#press .press.vertical .content a.title{
	margin-bottom: 20px;
}
#press .press.vertical .content a.title, #press .press.vertical .content p.description{
	-webkit-line-clamp: 3;
}
#press .press.vertical .content{
	flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
#press .press.vertical .content{
	padding-left: 15px;
}
#press .press.vertical .image{
	padding-right: 15px;
}
#press .press.horizontal{
	flex-direction: column;
}
#press .press.horizontal .image{
	height: 200px;
}
#press .press.horizontal .content a.title, #press .press.horizontal .content p.description{
	-webkit-line-clamp: 2;
}
#press .press.horizontal .content a.title, #press .press.horizontal .content p.description, #press .press.horizontal .footer, #press .press.horizontal .link{
	margin-top: 15px;
margin-bottom: 15px;
}
#press .press.horizontal .link{
	font-size:13px;
	font-weight:normal;
}
#press .press.horizontal .link:hover{
	text-decoration:underline;
}
#press .press .image{
	position:relative;
	width:100%;
overflow: hidden;
}
#press .press .image img{
	width:100%;
	height:100%;
	position:absolute;
left: 0;
max-width: 100%;
max-height: 100%;
-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
object-fit: cover;
}
#press .press .content a.title{
	font-weight:500;
	font-size:18px;
 color:#3B3B3B;
	display:block;
line-height: 28px;
}
#press .press .content a.title, #press .press .content p.description{
	overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
#press .press .content p.description{
	font-size:14px;
 color:#6D6D6D;
margin-top: 20px;
margin-bottom: 20px;
line-height: 24px;
}
#press .press .content .footer{
	width:100%;
display: inline-flex;
background-color: transparent !important;
flex-wrap: wrap;
align-items: center;
padding: 0;
}
#press .press .content .footer .since{
	font-size:13px;
 color:#666;
	font-weight:normal;
flex: 0 0 50%;
max-width: 50%;
}
#press .press .content .footer .socials{
	text-align:right;
flex: 0 0 50%;
max-width: 50%;
}
#press .press .content .footer .socials .button{
	color:#fff;
	display:inline-block;
	cursor:pointer;
	font-size:15px;
	text-align:center;
-moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
-webkit-transition-property: background-color; -moz-transition-property: background-color;
 -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
padding: 10px;
background-color: #d8d8d8;
min-height: 1em;
vertical-aling: baseline;
border: none;
outline: 0;
width: 26px;
height: 26px;
margin-right: 5px;
	position:relative;
}
#press .press .content .footer .socials .button .icon{
	position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#press .press .content .footer .socials .button.facebook:hover{
	-webkit-transition-property: background-color; -moz-transition-property: background-color;
 -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
#press .press .content .footer .socials .button.facebook:hover{
	background-color: #3b5998;
}
#press .press .content .footer .socials .button.twitter:hover{
	background-color: #1da1f2;
}
#press .press .content .footer .socials .button.linkedin:hover{
	background-color: #0077b5;
}
#press .three.slider.presses{
	margin-left: 15px;
margin-right: 15px;
}
#press .three.columns.presses{
	position:relative;
	width:100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding: 0;
margin-bottom: 30px;
margin-top: 50px;
}
#press .three.columns.presses .press{
	position:relative;
flex: 0 0 calc(100%/3);
max-width: calc(100%/3);
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
#press .error.notfound{
	position:relative;
	text-align:center;
margin: 0 auto;
}
#press .error.notfound img{
	max-width: 500px;
}
#press .error.notfound h3{
	font-size:30px;
	font-weight:300;
 color:#666;
margin-top: 15px;
margin-bottom: 15px;
}
#press .error.notfound p{
	font-size:16px;
	font-weight:normal;
 color:#888;
margin-top: 15px;
margin-bottom: 100px;
}
#press .error.notfound p a{
	font-weight:normal;
}
.pagination{
	position:relative;
	width:100%;
display: inline-flex;
margin-bottom: 50px;
}
.pagination .page{
	flex: 0 0 50%;
max-width: 50%;
}
.pagination .page a{
	font-size:16px;
 color:#1f88e4;
-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.pagination .page a:hover{
	background-color: #1f88e4;
color:#fff;
-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.pagination .page a{
	border: 2px solid #1f88e4;
padding: 10px 20px;
-moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}
.pagination .page.prev{
	text-align:left;
}
.pagination .page.next{
	text-align:right;
}

.slick-slider{
	position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
	position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after{
	display: table;
content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
	display: none;
}
.slick-dotted.slick-slider{
	margin-bottom: 30px;
}
.slick-dots{
	position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
	position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 2px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
	font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{
	opacity: 1; filter: alpha(Opacity:100);
color:#1f88e4;
-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.slick-dots li button:before{
	font-size:18px;
	position:absolute;
 color:#000;
	text-align:center;
opacity: .25; filter: alpha(Opacity:25);
font-family: AP;
line-height: 20px;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "\e6c7";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-property: all; -moz-transition-property: all;
 -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s;
 -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease; transition-timing-function: ease;
}
.slick-dots li.slick-active button:before{
	color:#1f88e4;
opacity: .75; filter: alpha(Opacity:75);
}



@media only screen and (max-width:991px){
}
@media only screen and (max-width:991px) #press .press.vertical .image{
	flex: 0 0 100%;
max-width: 100%;
padding-right: unset;
}
@media only screen and (max-width:991px) #press .press.vertical .image img{
	width:100%;
}
@media only screen and (max-width:991px) #press .press.vertical .content{
	flex: 0 0 100%;
max-width: 100%;
padding-left: unset;
margin-top: 15px;
}
@media only screen and (max-width:991px) #press .three.columns.presses .press{
	flex: 0 0 100%;
max-width: 100%;
}
@media only screen and (max-width:991px) #press .press.vertical .image{
	height: 200px;
}
@media only screen and (max-width:991px) #press .error.notfound img{
	max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width:991px){
}
@media only screen and (min-width: 768px) and (max-width:991px) #press .three.columns.presses .press{
	flex: 0 0 calc(100%/2);
max-width: calc(100%/2);
}