@font-face {
    font-family: 'A bit sketchy';
    src: url('/include/fonts/Abitsketchy-Regular.woff2') format('woff2'),
        url('/include/fonts/Abitsketchy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.staticlogo{
	font-family: 'A bit sketchy';
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	vertical-align: middle;
}

.circle100{
	width:100px;
	height:100px;
	border-radius: 100px;
}

.circle100-content{
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: 'A bit sketchy';
	font-size: 100px;
	line-height: 100px;
	font-weight: normal;
}

.circle70{
	width:70px;
	height:70px;
	border-radius: 70px;
}

.circle70-content{
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-family: 'A bit sketchy';
	font-size: 70px;
	line-height: 70px;
	font-weight: normal;
}

.cod-box{
	position: relative;
	/*top:-30px;*/
	width:120px;
	height:90px;
	border:solid 1px #777777;
	border-radius: 10px;
}

.cod-content{
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color:#777777;
	font-weight: bold;
}

.cod2-box{
	position: relative;
	/*top:-30px;*/
	width:84px;
	height:63px;
	border:solid 1px #777777;
	border-radius: 7px;
}

.cod2-content{
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	font-size: 21px;
	line-height: 21px;
	color:#777777;
	font-weight: bold;
}

.cod3-content{
	font-size: 20px;
	line-height: 20px;
	color:#777777;
	font-weight: bold;
	text-align: center;
	border:solid 1px #777777;
	border-radius: 7px;
	padding: 3px 10px 3px 10px;
}

.tt-icon::before {
	display: inline-block;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'fasolid';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.icon-eye::before {
	content: "\f06e";
	font-size: 1em;
	color:#777777;
	opacity: 0.5;
	cursor: pointer;
}


.icon-search::before {
	content: "\f002";
	font-size: 2em;
	color:#90918B;
	opacity: 1;
}
.icon-search:hover {
	opacity: 0.5;
}

.icon-question::before {
	content: "\f128";
	font-size: 1.5em;
	color:#57BCDE;
}

.icon-close::before{
	content: "\f057";
	font-size: 1.5em;
	color:#33A7DA;
	opacity: 1;
}
.icon-close:hover {
	opacity: 0.5;
}

.icon-plus::before{
	content: "\f067";
	font-size: 2em;
	color:#92D737;
}

.icon-minus::before{
	content: "\f068";
	font-size: 2em;
	color:#FE5E00;
}

.icon-equal::before{
	content: "\f52c";
	font-size: 2em;
	color:#E3E3E3;
}

.icon-hide::before{
	content: "\f070";
	font-size: 1em;
	color:#B02323;
}

.icon-comment::before{
	content: "\f086";
	font-size: 1.5em;
	color:#FFAF47;
}

.icon-up::before{
	content: "\f106";
	font-size: 1.5em;
	color:#999999;
}

.icon-down::before{
	content: "\f107";
	font-size: 1.5em;
	color:#999999;
}

.icon-note::before{
	content: "\f14b";
	font-size: 1.5em;
	color:#F4C51C;
	opacity: 1;
}
.icon-note:hover {
	opacity: 0.5;
}

.icon-trash::before{
	content: "\f1f8";
	font-size: 1.5em;
	color:#AE0000;
	opacity: 1;
}
.icon-trash:hover {
	opacity: 0.5;
}


.icon-at::before{
	content: "\f1fa";
	font-size: 1em;
	color:#999999;
	opacity: 1;
}

.icon-weight::before{
	content: "\f496";
	font-size: 1em;
	color:#999999;
	opacity: 1;
}

.icon-cart::before{
	content: "\f07a";
	font-size: 1em;
	color:#999999;
	opacity: 1;
}

.icon-shoppingbag::before{
	content: "\f290";
	font-size: 4.3em;
	color:#DDAC79;
	opacity: 1;
}
.icon-shoppingbag:hover {
	opacity: 0.8;
}

.icon-dollar::before{
	content: "\f651";
	font-size: 1.5em;
	color:#00B900;
	opacity: 1;
}

.icon-edit::before{
	content: "\f044";
	font-size: 1.5em;
	color:#999999;
	opacity: 1;
}

.icon-copy::before{
	content: "\f24d";
	font-size: 1.5em;
	color:#0099FF;
	opacity: 0.5;
}

.icon-split::before{
	content: "\f248";
	font-size: 1.5em;
	color:#FC4338;
	opacity: 0.5;
}

.icon-user1::before{
	content: "\f007";
	font-size: 1em;
	color:#999999;
	opacity: 0.5;
}

.icon-box::before{
	content: "\f49e";
	font-size: 1em;
	color:#E0C79C;
	opacity: 1;
}

.icon-share::before{
	content: "\f14d";
	font-size: 1.5em;
	color:#1094F1;
	opacity: 0.5;
}

.icon-share:hover::before{
	opacity: 1;
}

.icon-phone::before{
	content: "\f095";
	font-size: 1em;
	color:#cccccc;
	opacity: 1;
}

.icon-history::before{
	content: "\f1da";
	font-size: 3.6em;
	color:#EE3A43;
	opacity: 0.5;
}
.icon-history:hover {
	opacity: 1;
}

.icon-p-comment::before{
	content: "\f4ad";
	font-size: 1em;
	color:#aaaaaa;
	opacity: 1;
}

.icon-p-comment-hidden::before{
	content: "\f2a8";
	font-size: 1em;
	color:#aaaaaa;
	opacity: 1;
}

.icon-printer::before{
	content: "\f02f";
	font-size: 1em;
	opacity: 1;
}

.icon-barcode::before{
	content: "\f02a";
	font-size: 1em;
	color:#5A677D;
	opacity: 1;
}

.icon-user-circle::before{
	content: "\f2c1";
	font-size: 1.5em;
	color:#548200;
	opacity: 0.5;
}

.icon-user-tag::before{
	content: "\f02b";
	font-size: 1.5em;
	color:#548200;
	opacity: 0.5;
}

.icon-eraser::before{
	content: "\f12d";
	font-size: 1em;
	color:#B80000;
	opacity: 1;
}

.icon-time::before{
	content: "\f00d";
	font-size: 1em;
	color:#B80000;
	opacity: 1;
}

.icon-clock::before{
	content: "\f017";
	font-size: 1em;
	color:#999999;
	opacity: 1;
}

.icon-save::before{
	content: "\f0c7";
	font-size: 1em;
	color:#999999;
	opacity: 1;
}

.icon-save:hover::before{
	opacity: 0.5;
}

.icon-stickynote::before{
	content: "\f249";
	font-size: 1em;
	color:#FFE793;
	opacity: 1;
}

.icon-warning::before{
	content: "\f071";
	font-size: 1em;
	color:#FFFFFF;
	opacity: 1;
}

.icon-home::before{
	content: "\f015";
	font-size: 1em;
	color:#999999;
	opacity: 1;
}

.icon-toggle-off::before{
	content: "\f204";
	font-size: 3em;
	color:#999999;
	opacity: 1;
}

.icon-toggle-on::before{
	content: "\f205";
	font-size: 3em;
	color:#0099FF;
	opacity: 1;
}

.icon-check::before{
	content: "\f00c";
	font-size: 1em;
	color:#0099FF;
	opacity: 1;
}

.icon-gem::before{
	content: "\f3a5";
	font-size: 1em;
	color:#F5539EB3;
}

.icon-ad::before{
	content: "\f641";
	font-size: 1.6em;
	color:#b3b3b3;
	opacity: 0.5;
}

.icon-ad1::before{
	content: "\f641";
	font-size: 1.6em;
	color:#82C91E;
	opacity: 1;
}

.icon-ad2::before{
	content: "\f641";
	font-size: 1.6em;
	color:#FD7E14;
	opacity: 1;
}

.icon-ad3::before{
	content: "\f641";
	font-size: 1.6em;
	color:#F65569;
	opacity: 1;
}

.icon-ad4::before{
	content: "\f641";
	font-size: 1.6em;
	color:#4C6EF5;
	opacity: 1;
}

.icon-ad5::before{
	content: "\f641";
	font-size: 1.6em;
	color:#15AABF;
	opacity: 1;
}

.icon-ad6::before{
	content: "\f641";
	font-size: 1.6em;
	color:#BE4BDB;
	opacity: 1;
}

.icon-ad7::before{
	content: "\f641";
	font-size: 1.6em;
	color:#90949C;
	opacity: 1;
}