@act: #5e82cf;
@red: #d06b5f;

@light: #f4f4f4;
@medium: #e3e3e3;
@intro: #7d7d7d;
@deep: #333333;
@title: #465656;

@dark1: #373e49;
@dark2: #2c343f;
@dark3: #252c36;

@btnBlueColor: #5e82cf;
@btnRedColor: #d06b5f;


@round: 2px;

.shadow(){
	box-shadow: 0 0 10px @medium;
}
.trans {
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
* {

}
.redColor {
	color: @red;
}
.blueColor {
	color: @btnBlueColor;
}
.text-mid {
	font-size: 1.2em;
}
.noinfo {
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.steps {
	font-size: 12px;
	color: #999;
	position: absolute;
	right: 10px;
	top: 3px;
	img {
		border: 0;
		height: 65px;
	}
	img:hover {
		border: 0;
	}
	.step {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		line-height: 18px;
		text-align: center;
		float: left;
		border: 3px solid #ddd;
		font-weight: bold;
	}
	.line {
		width: 50px;
		height: 10px;
		border-top: 1px solid #ccc;
		margin-top: 9px;
	}
}
span.switch-component {
	display: inline-block;
}
.switch-component {
	position: relative;
	width: 50px;
	height: 25px;
	background-color: #dadada;
	border-radius: 25px;
	border: 1px solid #ccc;
	outline: none;
	-webkit-appearance: none;
	transition: all .2s ease;
	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
		background-color: #fff;
		border-radius: 50%;
		transition: all .2s ease;
	}
	&.checked {
		background-color: @act;
		border-color: @act;
	}
	&.checked::after {
		left: 50%;
	}
	&.small {
		width: 40px;
		height: 20px;
	}
	&.checked.green {
		background-color: #1ab394;
		border-color: #1ab394;
	}
	&.checked.red {
		background-color: @red;
		border-color: @red;
	}
}
 
ul.tabs {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	overflow: hidden;
	border-radius: 3px;
	li {
		float: left;
		padding: 8px 20px;
		background: #e0e0e0;
		color: #333;
		cursor: pointer;
		border-right: 1px solid #d3d3d3;
		&.act {
			background: #5e82cf;
			color: #fff;
			border-right: none;
		}
		&.act:hover {
			background: #5e82cf;
		}
		&:hover {
			background: #fff;
		}
		&.last {
			border-right: none;
		}
	}
	&:after {
		content: " ";
		height: 1px;
		clear: both;
	}

}
.dialog {
	position: absolute;
	z-index: 99999999;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -100px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	.title {
		line-height: 30px;
		padding-top: 5px;
		font-weight: bold;
		font-size: 14px;
	}
	.content {
		min-height: 150px;
		max-height: 360px;
		overflow-y: auto; 
		img {
			border: none;
		}
		img:hover {
			border: none;
		}
	}
}
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 24px;
	color: @deep;
	background: @light;
	-webkit-font-smoothing: antialiased;
	font-family: "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", "DIN alternate", "Pingfang SC", "Helvetica Neue";
	.left {
		float: left !important;
	}
	.right {
		float: right !important;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	.clr {
		clear: both;
	}
	a {
		color: @deep;
		text-decoration: none;
		&:hover {
			color: @act;
		}
	}
	.mask {
		width: 100%;
		height: 100%;
		background: url(../images/bg-mask.png) center center repeat;
		background-size: 1px auto;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 3;
		.trans();
		display: none;
		opacity: 0;
	}
	.nobdr {
		border: none !important;
	}
	.empty {
		width: 100%;
		height: 100px;
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: @medium - #333;
		line-height: 100px;
		text-align: center;
	}
}

img {
	display: block;
	padding: 2px;
	border: 1px @medium solid;
	border-radius: @round;
	.trans();
	&:hover {
		border-color: @act;
	}
	&.img40 {
		width: auto;
		height: 36px;
		&.left {
			margin: 0 5px 0 0;
		}
	}
	&.img60 {
		width: 56px;
		height: 56px;
		padding: 2px;
	}
	&.img80 {
		width: 76px;
		height: auto;
		padding: 2px;
	}
	&.img100 {
		width: auto;
		height: 96px;
		margin: 0 0 5px;
	}
}



button, .button {
	width: auto;
	height: auto;
	border: 1px @medium solid;
	background: white;
	color: black;
	cursor: pointer;
	font-size: 12px;
	line-height: 12px;
	margin: 0 10px 0 0;
	padding: 8px 12px;
	border-radius: @round;
	outline: none;
	&.act {
		background: @act;
		color: white;
		border-color: @act;
	}
	&.big {
		padding: 9px 12px !important;
		margin: 0 10px 0 0 !important;
	}
	&.small {padding: 4px 6px;
	margin: 0;
	}
	&.red {
		color: #fff;
		background: @red;
		border: 0;
	}
	&.blue {
		color: #fff;
		background: @act;
		border: 0;
	}
}

.btn-group {
	margin: 0;
	padding: 0;
	position: relative;
	button {
		float: left;
		margin: 0 0 0 -1px;
		position: relative;
		z-index: 1;
		border-radius: 0;
		cursor: pointer;
		background-size: 12px auto;
		background-repeat: no-repeat;
		background-position: center center;
		&.btn-left {
			border-top-left-radius: @round;
			border-bottom-left-radius: @round;
		}
		&.btn-right {
			border-top-right-radius: @round;
			border-bottom-right-radius: @round;
		}
		&.act {
			z-index: 2;
		}
	}
}

table button {
	padding: 4px 6px;
	margin: 0;
}

.badge {
	font-size: 12px;
	font-weight: bold;
	background: @act;
	border: none;
	border-radius: 2px;
	color: white;
	margin: 0;
	padding: 2px 6px;
	&.green {
		background: #1ab394;
	}
	&.red {
		background: #ed5565;
	}
	&.blue {
		background: #1c84c6;
	}
	&.yellow {
		background: #f8ac59;
	}
	&.grey {
		background: #ccc;
	}
	&.default {
		background: #fff;
		border: 1px solid #ccc;
		color: #666;
		padding: 1px 5px;
	}
}

input {
	width: auto;
	height: 30px;
	border: 1px @medium solid;
	border-radius: @round;
	margin: 0 10px 0 0;
	padding: 0 10px;
	font-size: 12px;
	line-height: 28px;
	outline: none;
	.trans();
	&.big {
		width: 80%;
	}
	&.middle {
		width: 60%;
	}
	&.small {
		width: 120px;
	}
	&.tiny {
		width: 60px;
	}
	&:focus {
		border-color: @act;
	}
	&:disabled {
		background: @light;
	}
	&[type=radio] {
		display: none;
	}
	&[type=checkbox] {
		display: none;
	}
	&[type=date] {
		height: 28px;
	}
}

select {
	width: auto;
	height: 30px;
	border: 1px @medium solid;
	border-radius: 2px;
	-webkit-appearance: none;
	font-size: 12px;
	line-height: 28px;
	margin: 0 10px 0 0;
	padding: 0 30px 0 8px;
	background: white url(../images/arrow-down.svg) 95% center no-repeat;
	background-size: 14px auto;
	outline: none;
}

textarea {
	width: 96%;
	height: auto;
	margin: 0;
	padding: 10px 2%;
	border: 1px @medium solid;
	border-radius: @round;
	outline: none;
	.trans();
	&:focus {
		border-color: @act;
	}	
}

.editor {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px @medium solid;
	.control {
		width: 100%;
		height: 40px;
		background: @light;
		button {
			margin: 5px 0 5px 10px;
			padding-left: 20px;
			background-size: 16px auto;
			background-position: 3px center;
			background-repeat: no-repeat;
			&.add-image {
				background-image: url(../images/btn-image.svg);
			}
			&.show-source {
				background-image: url(../images/btn-source.svg);
			}
		}
	}
	.editor-box {
		width: 96%;
		height: 400px;
		margin: 0;
		padding: 10px 2%;
		border: none;
		overflow-x: hidden;
		overflow-y: scroll;
		&::-webkit-scrollbar-track {
			background: white;
			box-shadow: none;
		}
		img {
			width: 300px;
			height: auto;
			margin: 0 auto;
			padding: 0;
			border: none;
			border-radius: 0;
		}
	}
}

label,div {
	&.label-radio {
		margin: 0 10px 0 0;
		padding: 0 0 0 17px;
		background-color: white;
		background-size: 14px auto;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(../images/icon-radio.svg);
		cursor: pointer;
		&.checked {
			background-image: url(../images/icon-radio-checked.svg);
		}
	}
	&.label-checkbox {
		margin: 0;
		padding: 3px 12px;
		background-size: 14px auto;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(../images/icon-checkbox.svg);
		cursor: pointer;
		&.checked {
			background-image: url(../images/icon-checkbox-checked.svg);
		}
		span{
			display: inline-block;
			margin-left: 6px;
		}
	}
}

.search {
	float: right;
	margin: 0;
	padding: 0;
}

.money {
	font-size: 12px;
	&:before {
		content: "￥";
		font-size: 75%;
		line-height: 100%;
		color: @deep + #333;
		font-weight: normal;
		letter-spacing: -1px;
	}
	&.minus {
		&:before {
			content: "- ";
			font-size: 75%;
			line-height: 100%;
			color: @deep + #333;
			font-weight: normal;
			letter-spacing: -1px;
		}
	}
}

.pager {
	width: auto;
	height: auto;
	float: right;
	margin: 0 5px 5px 0;
	span {
		width: 28px;
		height: 24px;
		float: left;
		border: 1px @light solid;
		text-align: center;
		line-height: 24px;
		margin: 0 0 0 -1px;
		padding: 0;
		cursor: pointer;
		background-size: 8px auto;
		background-position: center center;
		background-repeat: no-repeat;
		.trans();
		&:hover {
			background-color: @light;
		}
	}
	.first {
		background-image: url(../images/arrow-left-d.svg);
		border-top-left-radius: @round;
		border-bottom-left-radius: @round;
	}
	.last {
		background-image: url(../images/arrow-right-d.svg);
		border-top-right-radius: @round;
		border-bottom-right-radius: @round;
	}
	.prev {
		background-image: url(../images/arrow-left.svg);
	}
	.next {
		background-image: url(../images/arrow-right.svg);
	}
	.page-num {
		
		&.act {
			background-color: @act;
			color: white;
			border-color: @act;
		}

	}
	.page-jump {

	}
}

table {
	width: 100%;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	&.list {
		margin: 0 0 20px;
		thead {
			&:hover {
				background: white !important;
			}
			td {
				border-bottom: 1px @medium solid !important;
				padding: 4px 8px;
				font-weight: bold;
				height: 28px !important;
			}
		}
		tr {
			&:hover {
				background: @light + #070707;
				.trans();
			}
			td {
				border-bottom: 1px @light solid;
				padding: 6px 8px;
				line-height: 20px;
				min-height: 28px;
				&.nest {
					padding: 4px 0 !important;
				}
				span.title {
					font-size: 14px;
					line-height: 24px;
					strong {
						color: @act;
						font-weight: normal;
					}
				}
				span.realname { font-size: 16px; line-height: 20px;}
				span.highlight {
					color: @act;
					font-size: 16px;
					line-height: 20px;
				}
				i.mobile {
					margin: 0 0 0 5px;
					color: #999;
					font-size: 1em;
					position: relative;
					cursor: pointer;
				}
				span.mobile {
					padding-left: 5px;
					font-size: 14px;
					color: @act;
					display: none;
				}
				span.info {
					color: #999;
				}
				span.progess {
					height: 3px;
					width: 120px;
					background: #eee;
					display: block;
					border-radius: 1px;
					overflow: hidden;
					margin: 8px 0;
					.act {
						display: block;
						background: @act;
						height: 3px;
						width: 100%;
					}
				}
			}
			&.sub {
				td {
					background-color: @light + #070707;
					line-height: 30px;
					color: @intro;
					&:first-child {
						padding-left: 30px;
					}
				}
			}
			&.sum {
				td {
					background-color: @light + #070707;
					font-weight: bold;
					border-top: 1px @act solid;
					border-bottom: none;
				}
			}
		}
	}
	&.tiny-list {
		margin: 0;
		tr {
			td {
				height: 24px !important;
			}
			&:last-child {
				td {
					border: none;
				}
			}
		}
	}
	&.detail {
		margin: 30px 0 30px;
		thead {
			td {
				color: @intro;
				font-size: 10px;
				font-weight: normal !important;
			}
		}
		tr {
			td {
				font-weight: bold;
			}
		}
	}
	&.edit {
		width: 100%;
		height: auto;
		margin: 20px 0 0;
		padding: 0 0 20px;
		&.nobdr {
			border: none;
			padding: 0 0 10px;
		}
		thead {
			td {
				font-size: 10px;
				color: @title;
				padding: 0 !important;
			}
		}
		tr {
			td {
				padding: 0 0 5px;
				&:first-child {
				}	
			}
		}
	}
}

.chart {
	height: 300px;
	&.chart-user-gender {
		height: 500px;
	}
	&.chart-user-location {
		height: 500px;
	}
}

.sidebar {
	width: 220px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	color: @light;
	background: @dark2;
	.shadow();
	.site-info {
		width: 100%;
		height: 60px;
		margin: 0 auto;
		padding: 0 0;
		position: relative;
		background: @dark1;
		img.logo {
			width: 20px;
			float: left;
			margin: 20px 5px 0 10px;
			border: none;
			opacity: .75;
			&:hover {
				border: none;
			}
		}
		.title {
			font-size: 16px;
			line-height: 32px;
			color: #ddd;
			font-weight: bold;
			padding: 15px 0 0 0;

			.version {
				font-size: 16px;
				font-color: @intro;
				font-weight: normal;
			}
		}
		.intro {
			font-size: 12px;
			line-height: 12px;
			color: @intro;
		}
		
	}
	.menu {
		width: 220px;
		height: auto;
		margin: 0;
		padding: 1.25rem 0 0 0; 
		overflow: hidden;
		.menu-title {
			width: 100%;
			height: 40px;
			margin: 0;
			padding: 0 0 0 1.25rem;
			font-size: .875rem;
			line-height: 40px;
			color: rgba(255,255,255,.75);
			background-position: 3% center;
			background-repeat: no-repeat;
			background-size: 12px 12px;
			cursor: pointer;
			position: relative;
			&::before {
				font-family: simple-line-icons;
				content: "\e605";
    			opacity: .4;
    			position: absolute;
			    top: 50%;
			    right: 1.625rem;
			    display: block;
			    margin-top: -.5rem;
			    width: 1rem;
			    height: 1rem;
			    line-height: 1rem;
			    text-align: center;
			    font-weight: 900;
			    font-size: .5rem;
			    .trans();
			}
			&:hover {
				background-color: @dark1;
				/*border-color: @light;*/
				.trans();
			}
			&.act {
				background-color: @dark2;
				/* border-color: @act; */
				color: #fff;
				&:hover {
					background-color: @dark1;
				}
				&::before {
					transform: rotate(-90deg);
				}
			}
			&.dashboard::before {
				content: "";
			}
			i {
				margin-right: 10px;
			}
			
		}
		.menu-group {
			height: 46px;
			margin: 0;
			padding: 0 0 0 1.25rem;
			color: rgba(255,255,255, .75);
			font-size: 12px;
			font-weight: bold;
			line-height: 60px;
			
		}
		ul.submenu {
			width: 220px;
			height: 0;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
			transition: height .3s;
			background: @dark3;
			&.expand {
				height: auto;
				li {
					border-color: @act;
				}
			}
			li {
				width: 177px;
				height: 36px;
				color: rgba(255,255,255, .75);
				margin: 0;
				padding: 0 0 0 2.7rem;
				font-size: .8125rem;
				line-height: 36px;
				/*border-left: 3px @light solid;*/
				cursor: pointer;
				.trans();
				&:hover {
					background-color: @dark1;
					color: #fff;
				}
				&.act {
					background-color: @dark3;
					color: #fff;
					font-weight: bold;
				}
			}
		}
	}
}

.login {
	width: 30%;
	height: auto;
	margin: 0 auto;
	padding: 100px 0;
	text-align: center;
	.login-title {
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 20px;
	}
	.login-qr {
		margin: 0 auto;
		img {
			width: 200px;
			height: auto;
			margin: 0 auto;
		}
		input {
			width: 100px;
			margin: 0 0 10px 0;
		}
	}
}

.container {
	width: auto;
	height: auto;
	min-height: 400px;
	margin: 0 20px 0 240px;
	.page-head {
		width: 50%;
		height: auto;
		margin: 20px 0;
		padding: 0;
		float: left;
		.page-title {
			font-size: 18px;
			line-height: 18px;
			margin: 0 0 4px 0;
		}
		.page-nav {
			font-size: 12px;
			color: @intro;
			a {
				color: @intro;
				&:hover {
					color: @act;
				}
			}
		}
	}
	.log-user-info {
		width: 50%;
		height: 46px;
		margin: 20px 0;
		float: right;
		text-align: right;
		.log-user-head {
			width: 42px;
			height: 42px;
			border: 1px @medium solid;
			margin: 0 5px 0 10px;
			padding: 1px;
			border-radius: 23px;
			.shadow();
			float: right;
		}
		.log-user-name {
			font-size: 12px;
			line-height: 12px;
			margin: 4px 0 0;
		}
		.log-user-role {
			font-size: 10px;
			line-height: 10px;
			margin: 0 0 5px;
			background: @deep;
			display: inline-block;
			color: white;
			padding: 4px 6px;
			border-radius: @round;
		}
	}
	.filter {
		width: auto;
		height: auto;
		background: white;
		.shadow();
		margin: 0 0 20px 0;
		padding: 20px;
		.filter-box {
			float: left;
			margin: 0 30px 0 0;
		}
		span {
			line-height: 30px;
		}
	}
	.col2-left {
		width: 49%;
		height: auto;
		float: left;
	}
	.col2-right {
		width: 49%;
		height: auto;
		float: right;
	}
	.block {
		width: auto;
		height: auto;
		background: white;
		.shadow();
		margin: 0 0 20px 0;
		padding: 20px;
		.block-title {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0 0 15px;
			font-size: 14px;
			line-height: 14px;
			font-weight: bold;
			span {
				font-weight: normal;
				color: #999;
				font-size: 12px;
				padding-left:10px;
			}
			strong{
				color: @act;
			}
		}
		.schedule {
			overflow-x: auto;
			background: #fcfcfc; 
			img {
				border: none;
				&:hover {
					border: none;
				}
			}

		}
	}

	//商品详情页各类样式
	.product-detail-cover-image {
		width: 80px;
		height: auto;
	}
	.product-detail-slide-image {
		width: auto;
		height: auto;
	}
	.product-detail-app-image {
		width: 60px;
		height: auto;
	}
	.product-detail-image-frame {
		float: left;
		margin: 0 5px 5px 0;
		position: relative;
		.product-detail-image-delete {
			width: 20px;
			height: 20px;
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 100;
			background-color: none;
			background-size: 20px auto;
			background-repeat: no-repeat;
			background-position: top right;
			background-image: url(../images/img-delete.svg);
			cursor: pointer;
			border-top-right-radius: @round;
		}
	}
	.product-detail-desc {
		width: 270px;
		height: auto;
		margin: 20px 0 0;
		position: relative;
		.product-detail-desc-frame {
			width: 270px;
			height: 560px;
			margin: 0;
			padding: 0;
			float: left;
			background: url(../images/bg-product-detail.png) center top no-repeat;
			background-size: 100% auto;
		}
		.product-detail-desc-container {
			width: 238.5px;
			height: 460px;
			overflow-x: hidden;
			overflow-y: scroll;
			position: absolute;
			left: 15px;
			top: 72px;
			border-bottom-left-radius: 22px;
			border-bottom-right-radius: 22px;
			&::-webkit-scrollbar{
				display:none;
			}
			img {
				width: 100%;
				height: auto;
				display: block;
				margin: 0;
				padding: 0;
				border: none;
				border-radius: 0;
			}
		}
	}

	//分类、品牌、系列、套装、商品集样式
	img {

	}

	//弹出窗体样式
	.popup {
		width: 400px;
		height: 100vh;
		position: fixed;
		top: 0;
		right: -440px;
		//right: 0;
		margin: 0;
		padding: 0px;
		background: white;
		.shadow();
		z-index: 20;
		.trans();
		.popup-wrapper {
			padding: 20px;
		
			.popup-title {
				width: 30%;
				height: auto;
				margin: 0 0 30px;
				padding: 0;
				float: left;
				font-size: 14px;
				line-height: 30px;
				font-weight: bold;
			}
			.popup-control {
				position: relative;
				left: 0;
				bottom: -20px;
				z-index: 30;
			}
			.popup-product {
				width: 94%;
				height: auto;
				margin: 10px 0;
				padding: 10px 3%;
				background: @light;
				border-radius: @round;
				img {
					float: left;
					margin: 0 10px 0 0;
				}
				.popup-product-title {
					font-weight: bold;
				}
			}
		}
	}

	//弹出确认框样式
	.alert {
		width: 200px;
		height: 80px;
		margin: 0 0 0 -60px;
		padding: 80px 20px 20px;
		position: fixed;
		z-index: 30;
		top: 200px;
		left: 50%;
		border-radius: @round;
		.shadow();
		display: none;
		text-align: center;
		font-weight: bold;
		background: white url(../images/icon-alert.svg) center 20px no-repeat;
		background-size: 50px auto;
		.alert-control {
			margin: 20px auto 0;
			padding-left: 10px;
		}
	}
}

.footer {
	width: auto;
	height: auto;
	margin: 20px 25px 0 245px;
	img {
		width: auto;
		height: 16px;
		float: left;
		margin: 8px 20px 9px 0;
		padding: 0;
		border: none;
	}
	p {
		font-size: 12px;
		margin: 5px 0;
	}
	.logo {
		font-size: 18px;
		line-height: 40px;
	}
}

@font-face{font-family:simple-line-icons;src:url(../fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0);src:url(../fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"),url(../fonts/simple-line-icons/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"),url(../fonts/simple-line-icons/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"),url(../fonts/simple-line-icons/Simple-Line-Icons.woff?v=2.4.0) format("woff"),url(../fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");font-weight:400;font-style:normal}.si{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.si-user:before{content:"\e005"}.si-people:before{content:"\e001"}.si-user-female:before{content:"\e000"}.si-user-follow:before{content:"\e002"}.si-user-following:before{content:"\e003"}.si-user-unfollow:before{content:"\e004"}.si-login:before{content:"\e066"}.si-logout:before{content:"\e065"}.si-emotsmile:before{content:"\e021"}.si-phone:before{content:"\e600"}.si-call-end:before{content:"\e048"}.si-call-in:before{content:"\e047"}.si-call-out:before{content:"\e046"}.si-map:before{content:"\e033"}.si-location-pin:before{content:"\e096"}.si-direction:before{content:"\e042"}.si-directions:before{content:"\e041"}.si-compass:before{content:"\e045"}.si-layers:before{content:"\e034"}.si-menu:before{content:"\e601"}.si-list:before{content:"\e067"}.si-options-vertical:before{content:"\e602"}.si-options:before{content:"\e603"}.si-arrow-down:before{content:"\e604"}.si-arrow-left:before{content:"\e605"}.si-arrow-right:before{content:"\e606"}.si-arrow-up:before{content:"\e607"}.si-arrow-up-circle:before{content:"\e078"}.si-arrow-left-circle:before{content:"\e07a"}.si-arrow-right-circle:before{content:"\e079"}.si-arrow-down-circle:before{content:"\e07b"}.si-check:before{content:"\e080"}.si-clock:before{content:"\e081"}.si-plus:before{content:"\e095"}.si-minus:before{content:"\e615"}.si-close:before{content:"\e082"}.si-event:before{content:"\e619"}.si-exclamation:before{content:"\e617"}.si-organization:before{content:"\e616"}.si-trophy:before{content:"\e006"}.si-screen-smartphone:before{content:"\e010"}.si-screen-desktop:before{content:"\e011"}.si-plane:before{content:"\e012"}.si-notebook:before{content:"\e013"}.si-mustache:before{content:"\e014"}.si-mouse:before{content:"\e015"}.si-magnet:before{content:"\e016"}.si-energy:before{content:"\e020"}.si-disc:before{content:"\e022"}.si-cursor:before{content:"\e06e"}.si-cursor-move:before{content:"\e023"}.si-crop:before{content:"\e024"}.si-chemistry:before{content:"\e026"}.si-speedometer:before{content:"\e007"}.si-shield:before{content:"\e00e"}.si-screen-tablet:before{content:"\e00f"}.si-magic-wand:before{content:"\e017"}.si-hourglass:before{content:"\e018"}.si-graduation:before{content:"\e019"}.si-ghost:before{content:"\e01a"}.si-game-controller:before{content:"\e01b"}.si-fire:before{content:"\e01c"}.si-eyeglass:before{content:"\e01d"}.si-envelope-open:before{content:"\e01e"}.si-envelope-letter:before{content:"\e01f"}.si-bell:before{content:"\e027"}.si-badge:before{content:"\e028"}.si-anchor:before{content:"\e029"}.si-wallet:before{content:"\e02a"}.si-vector:before{content:"\e02b"}.si-speech:before{content:"\e02c"}.si-puzzle:before{content:"\e02d"}.si-printer:before{content:"\e02e"}.si-present:before{content:"\e02f"}.si-playlist:before{content:"\e030"}.si-pin:before{content:"\e031"}.si-picture:before{content:"\e032"}.si-handbag:before{content:"\e035"}.si-globe-alt:before{content:"\e036"}.si-globe:before{content:"\e037"}.si-folder-alt:before{content:"\e039"}.si-folder:before{content:"\e089"}.si-film:before{content:"\e03a"}.si-feed:before{content:"\e03b"}.si-drop:before{content:"\e03e"}.si-drawer:before{content:"\e03f"}.si-docs:before{content:"\e040"}.si-doc:before{content:"\e085"}.si-diamond:before{content:"\e043"}.si-cup:before{content:"\e044"}.si-calculator:before{content:"\e049"}.si-bubbles:before{content:"\e04a"}.si-briefcase:before{content:"\e04b"}.si-book-open:before{content:"\e04c"}.si-basket-loaded:before{content:"\e04d"}.si-basket:before{content:"\e04e"}.si-bag:before{content:"\e04f"}.si-action-undo:before{content:"\e050"}.si-action-redo:before{content:"\e051"}.si-wrench:before{content:"\e052"}.si-umbrella:before{content:"\e053"}.si-trash:before{content:"\e054"}.si-tag:before{content:"\e055"}.si-support:before{content:"\e056"}.si-frame:before{content:"\e038"}.si-size-fullscreen:before{content:"\e057"}.si-size-actual:before{content:"\e058"}.si-shuffle:before{content:"\e059"}.si-share-alt:before{content:"\e05a"}.si-share:before{content:"\e05b"}.si-rocket:before{content:"\e05c"}.si-question:before{content:"\e05d"}.si-pie-chart:before{content:"\e05e"}.si-pencil:before{content:"\e05f"}.si-note:before{content:"\e060"}.si-loop:before{content:"\e064"}.si-home:before{content:"\e069"}.si-grid:before{content:"\e06a"}.si-graph:before{content:"\e06b"}.si-microphone:before{content:"\e063"}.si-music-tone-alt:before{content:"\e061"}.si-music-tone:before{content:"\e062"}.si-earphones-alt:before{content:"\e03c"}.si-earphones:before{content:"\e03d"}.si-equalizer:before{content:"\e06c"}.si-like:before{content:"\e068"}.si-dislike:before{content:"\e06d"}.si-control-start:before{content:"\e06f"}.si-control-rewind:before{content:"\e070"}.si-control-play:before{content:"\e071"}.si-control-pause:before{content:"\e072"}.si-control-forward:before{content:"\e073"}.si-control-end:before{content:"\e074"}.si-volume-1:before{content:"\e09f"}.si-volume-2:before{content:"\e0a0"}.si-volume-off:before{content:"\e0a1"}.si-calendar:before{content:"\e075"}.si-bulb:before{content:"\e076"}.si-chart:before{content:"\e077"}.si-ban:before{content:"\e07c"}.si-bubble:before{content:"\e07d"}.si-camrecorder:before{content:"\e07e"}.si-camera:before{content:"\e07f"}.si-cloud-download:before{content:"\e083"}.si-cloud-upload:before{content:"\e084"}.si-envelope:before{content:"\e086"}.si-eye:before{content:"\e087"}.si-flag:before{content:"\e088"}.si-heart:before{content:"\e08a"}.si-info:before{content:"\e08b"}.si-key:before{content:"\e08c"}.si-link:before{content:"\e08d"}.si-lock:before{content:"\e08e"}.si-lock-open:before{content:"\e08f"}.si-magnifier:before{content:"\e090"}.si-magnifier-add:before{content:"\e091"}.si-magnifier-remove:before{content:"\e092"}.si-paper-clip:before{content:"\e093"}.si-paper-plane:before{content:"\e094"}.si-power:before{content:"\e097"}.si-refresh:before{content:"\e098"}.si-reload:before{content:"\e099"}.si-settings:before{content:"\e09a"}.si-star:before{content:"\e09b"}.si-symbol-female:before{content:"\e09c"}.si-symbol-male:before{content:"\e09d"}.si-target:before{content:"\e09e"}.si-credit-card:before{content:"\e025"}.si-paypal:before{content:"\e608"}.si-social-tumblr:before{content:"\e00a"}.si-social-twitter:before{content:"\e009"}.si-social-facebook:before{content:"\e00b"}.si-social-instagram:before{content:"\e609"}.si-social-linkedin:before{content:"\e60a"}.si-social-pinterest:before{content:"\e60b"}.si-social-github:before{content:"\e60c"}.si-social-google:before{content:"\e60d"}.si-social-reddit:before{content:"\e60e"}.si-social-skype:before{content:"\e60f"}.si-social-dribbble:before{content:"\e00d"}.si-social-behance:before{content:"\e610"}.si-social-foursqare:before{content:"\e611"}.si-social-soundcloud:before{content:"\e612"}.si-social-spotify:before{content:"\e613"}.si-social-stumbleupon:before{content:"\e614"}.si-social-youtube:before{content:"\e008"}.si-social-dropbox:before{content:"\e00c"}.si-social-vkontakte:before{content:"\e618"}.si-social-steam:before{content:"\e620"}.si-users:before{content:"\e001"}.si-bar-chart:before{content:"\e077"}.si-camcorder:before{content:"\e07e"}.si-emoticon-smile:before{content:"\e021"}.si-eyeglasses:before{content:"\e01d"}.si-moustache:before{content:"\e014"}.si-pointer:before{content:"\e096"}.fa-07x{font-size: 0.7em;}.fa-08x{font-size: 0.8em;}.fa-09x{font-size: 0.9em;}.fa-1x{font-size: 1em;}.fa-12x{font-size: 1.2em;}.fa-15x{font-size: 1.5em;}.fa-2x{font-size: 2em;}