/*
//https://soho.infor.com/index.php?p=component/color-palette

#F0F0F0;
#D8D8D8;
#BDBDBD;
#999999;
#737373;
#5C5C5C;
#454545;
#383838;
#292929;
#1A1A1A;
*/
/*================================
	BASE
================================*/

*{
	/*font-family:sans-serif;*/
	/*font-family:monospace;*/
	font-family: 'Roboto', sans-serif;
	/*300,400,500,700,900*/
}
body{
	position:relative;
	font-size:1em;	
	padding:0;
	margin:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	background:#F0F0F0;
	/*overflow-x:hidden;*/
	/*overflow-y:hidden;*/
	/*overflow:hidden;*/	
}

a:link {
    color: black;
	text-decoration:none;
}
a:visited {
    color: black;
}
a:hover {
    color: gray;
	text-decoration:underline;
}
a:active {
    color: gray;
}
h1{
	font-size:1.5em;
	margin:0px 0 5px 0;
}
h2{
	font-size:1.25em;
}
h3{
	font-size:1em;
}
h4{
	font-size:1.5em;	
}
h5{
	font-size:1em;
}
p{
	font-size:14px;
}
span{
	font-size:14px;
}
i{
	font-size:1em;
}
div{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
strong{
	/*300,400,500,700,900*/
	font-weight:500;
}
strong.black{
	color:#1A1A1A;
}
ul.list{
	padding:10px 0;
	margin:0;
	float: left;
}
ul.list li{
	padding:0;
	margin:0 25px;
    float: left;
    width: 100%;
}
/*================================
	GENERAL
================================*/
.wrapper{
	/*position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow-y:auto;
	overflow-x:hidden;*/
	display:flex;
}
.wrapper h2{
	font-size: 1.15rem;
	font-weight:400;
	text-transform:uppercase;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	float:left;
	width:100%;
}
.bodywrapper{
	margin:68px 10px;
	width:100%;
	position:relative;
}
.bodywrapper.nopad{
	margin:68px 20px;
}
.bodywrapper.embed{
	margin:0;
}
.bodywrapper p{
	margin:5px 0 10px 0;
}
.wrapper section{
	float:left;
	width:100%;
	padding:0 0 30px 0;
	margin:0 0 0 0;
	box-sizing: border-box;
}
.wrapper section h2, h2.bar{
	font-weight: 500;
	/*border-bottom:1px dotted gray;*/
	background: #999999;
	padding: 5px 10px 5px 10px;
	margin:0;
	color:#F0F0F0;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.wrapper section p{
	float: left;
}
.topnav{
	position:fixed;
	left:0;
	top:0;
	right:0;
	background:#D8D8D8;
	height:48px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	z-index: 5000;
	text-align:center;
}
.topnav.nav-up {
    top: -49px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.topnav.bottom{
	left:0;
	top:auto;
	right:0;
	bottom:0;
	text-align:center;
	z-index: 5000;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
}
.topnav.top{
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
}
.topnav.bottom.middle{	
	bottom:48px;
	text-align:center;
	z-index: 5000;
	border-bottom:1px solid #bbb;
}
.topnav.bottom.nav-down {
    bottom: -49px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.toplogo{
	position:relative;
	float:left;
}
.nav{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	float:left;
}
.nav.right{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	float:right;
}
.nav li{
	padding:0;
	margin:0;
	position:relative;
	/*display:inline-block;*/
	height:48px;
	float: left;
}
.nav li a{
	padding:0 10px;
	margin:0;
	height:48px;
	line-height:48px;
	text-decoration:none;	
	position:relative;
	float: left;
    width: 100%;
	color:#737373;
	box-sizing: border-box;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	font-size:14px;
}
.nav li span{
	position: absolute;
    left: 50%;
    bottom:0;
    background: #F0F0F0;	
    border-radius: 8px 8px 0 0;
    z-index: 500;
    padding: 0px 0 0 0;
    height: 14px;
    width: 30px;
    font-size: 11px;
    line-height: 15px;
    margin-left: -15px;
	color:#212121;
}
.nav li.sel, .nav li.sel a{
	background:#BDBDBD;
	color:#454545;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.nav li a:hover{
	background:#999999;
	color:#D8D8D8;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.nav.leftnav{
    position: fixed;
    left: 0;
    top: 48px;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
}
.nav.leftnav li{
	float:none;
	background: #D8D8D8;
}
.nav.leftnav li a{
	padding:0 4px 0 5px;
    font-size: 12px;
}
.bottomfilter{
    position: relative;
    display: inline-block;
    padding: 8px 8px 8px 8px;
    margin: 9px 10px 0px 0;
    min-width:60px;
	border:0;
	opacity:.5;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	float:right;
}
.bottomfilter:focus{
	min-width: 80%;
	opacity:1;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.filterbox{
	float:left;
	width:50%;
}
.codeitem{
	position:relative;
	float:left;
	width:100%;
	padding:10px 10px;
    margin: 5px 0 0 0;
    /*border-bottom: 1px dotted lightgray;*/
	/*border-bottom: 1px dashed gray;*/
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.codeitem:nth-child(odd){
	background:#dddddd;
}
.codeitem.min{
	padding:10px 10px 5px 10px;
    margin:0 0 0 0;
}
/*.codeitem:hover{
	background:gray;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}*/
.codeitem pre{
	position:relative;
	float:left;
	width:100%;
	/*display:none;*/
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.codeitem pre.open{
	display:block;
}
.codeitem h4{
	padding:0;
	margin:0 0 5px 0;
	float:left;
	max-width:50%;
	font-size:15px;
	font-weight:400;
}
.codeitem h4.embed{
	margin:0 0 5px 15px;
}
.codeitem h5{
	padding:0;
	margin:0 40px 5px 0;
	float:right;
	max-width:50%;
	font-size:13px;
	font-weight:normal;
}
.codeitem h5.embed{
	margin:0 10px 5px 0;
}
.codeitem h5 a{
	color:#292929;
	text-decoration:none;
}
.CodeMirror{
	margin:10px 0;
	width:100%;
	float:left;
}
span.info{
	margin:7px 0 0px 0;
	width:100%;
	float:left;
	color:gray;
	font-size:14px;
}
button{
	border:0;
	background-color:#1A1A1A;
	color:#F0F0F0;
	border-radius:10%;
	padding:10px 20px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
button:hover{
	background: #5C5C5C;
	color:#F0F0F0;
	cursor:pointer;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
button[disabled]{
	background:lightgray;
	color:gray;
}
button.clear{
	background:none;
	border-radius:0px;
	padding:0;
	color:#212121;
}
button.light{
	background:#757575;
}
button.light[disabled]{
	background:lightgray;
	color:gray;
}
button.clear.fav,
button.fav{
	color:#F0F0F0;
	background: #999999;
}
button.clear.green,
button.green{
	color:green !important;
}
.topnav.bottom button{	
	margin:7px 10px 0 0;
}
.keywords{
	margin:5px 0;
	width:50%;
	float:left;
	text-align:left;
	font-size:13px;
}
.keywords.embed{	
	padding:0 0 0 15px;
}
div.gray, strong.gray, .gray a{
	color:#777;
}
.products{
	margin:5px 0;
	width:50%;
	float:right;
	text-align: right;
	font-size:13px;
}
div.desc{
	margin:5px 0;
	width: 100%;
	float:left;
	text-align:left;
	font-size:13px;
	padding: 10px;
	background: #C8CBD4;
	border-radius: 10px;
}
.desc.prev{
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height:100px;*/
	max-height:65px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
code[class*="language-"]{
	overflow:hidden;
	max-height:50px;
	white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;	
}
.CodeMirror, .CodeMirror-code{
	font-size: 14px;
}
.token{
    font-size: 14px;
	line-height: 24px;
}
.line-numbers-rows > span{
	font-size: 14px;
    line-height: 24px;
}
.grayinfobox{
	background:#D8D8D8;
	color:#383838;
	padding:20px;
	border-radius:10px;
	position:relative;
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.left{
	float:left;
	position:relative;
	margin-right:10px;
}
.right{
	float:right;
	position:relative;
	margin-left:10px;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.max50{
	max-width:48%;
	width: 48%;
}
.w50{
	width: 50%;
}
.topnav.bottom button.right{
	float:right;
}
input[type="text"], input[type="password"], input[type="date"], input[type="email"]{
	border:1px solid rgb(169, 169, 169);
	padding:7px;
	min-width:40%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*border-radius:5px;*/
	max-height: 32px;
	/* margin-top:5px; */
	margin-bottom: 5px;
}
.cke_editor_editor1,textarea{
	margin-top:5px;
}
textarea.desc{
	margin:10px 0 0 0;
	padding:7px;
	width:100%;
	float:left;
	min-height:60px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
select{
	border:1px solid rgb(169, 169, 169);
	padding:7px;
	min-width:40%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:5px;
	max-height: 32px;
	margin:0 0 10px 0;
}
select.full{
	width:100%;
}
.addcodebox{
	display:none;
	z-index:5100;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#F0F0F0;
	padding:20px;
}
.chosen-container-single .chosen-single, 
.chosen-container-active.chosen-with-drop .chosen-single{
	border: 1px solid #5897fb !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
    background-image: linear-gradient(#eee 20%, #fff 80%) !important;
	height:31px !important;
	line-height: 31px !important;
	border-radius: 0px !important;
	background:none !important;
}
.chosen-container-single .chosen-single div b{
	background: url(../img/chosen-sprite.png) no-repeat 0px 5px !important;
}
.chosen-container.chosen-container-multi{
	background-image:none !important;
	background-color:white !important;
}
.chosen-container-multi .chosen-choices{
	height:31px !important;
	line-height: 31px !important;
	background-image: url(../img/dropdownmini.png) !important;
	background-repeat:no-repeat;
    background-position:right 10px center;
}
.chosen-container-single .chosen-single{
	border: 1px solid rgb(169, 169, 169) !important;
    box-shadow: none !important;
	background-color:white !important;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    border: 1px solid #5897fb !important;
    box-shadow: none !important;
	background-color:white !important;
}
img.svg{
	width:18px;
	height:18px;
}
img.svg.big{
	width:32px;
	height:32px;
}
/*================================
	LOADER
================================*/
.loaderbox{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:4000;
	background:rgba(0, 0, 0, 0.8);
	/*display:none;*/
}
.loader{
	position: absolute;
	width:200px;
	height:200px;
	margin:-100px 0 0 -100px;
	left:50%;
	top:50%;
	background:black;
	border-radius:20px;
	text-align:center;
	/*border:1px solid gray;*/
}
.loadermessage{
	color:white;
	text-align:center;
	width:100%;
	padding:0;
	margin:10px 0 0 0;
}
.windows8 {	
	position:relative;
	width:52px;
	height:52px;
	margin:65px auto 0 auto;
}

.windows8 .wBall {
	position: absolute;
	width: 49px;
	height: 49px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 6.96s infinite;
		-o-animation: orbit 6.96s infinite;
		-ms-animation: orbit 6.96s infinite;
		-webkit-animation: orbit 6.96s infinite;
		-moz-animation: orbit 6.96s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 6px;
	height: 6px;
	background: rgb(255,255,255);
	left:0px;
	top:0px;
	border-radius: 6px;
}

.windows8 #wBall_1 {
	animation-delay: 1.52s;
		-o-animation-delay: 1.52s;
		-ms-animation-delay: 1.52s;
		-webkit-animation-delay: 1.52s;
		-moz-animation-delay: 1.52s;
}

.windows8 #wBall_2 {
	animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		-ms-animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
}

.windows8 #wBall_3 {
	animation-delay: 0.61s;
		-o-animation-delay: 0.61s;
		-ms-animation-delay: 0.61s;
		-webkit-animation-delay: 0.61s;
		-moz-animation-delay: 0.61s;
}

.windows8 #wBall_4 {
	animation-delay: 0.91s;
		-o-animation-delay: 0.91s;
		-ms-animation-delay: 0.91s;
		-webkit-animation-delay: 0.91s;
		-moz-animation-delay: 0.91s;
}

.windows8 #wBall_5 {
	animation-delay: 1.22s;
		-o-animation-delay: 1.22s;
		-ms-animation-delay: 1.22s;
		-webkit-animation-delay: 1.22s;
		-moz-animation-delay: 1.22s;
}



@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}

.profilebox{
	color:#D8D8D8;
}
.profilelogo{
	width:48px;
	height:48px;
	/*float:left;*/
	vertical-align:middle;
	margin-right:10px;
	border-radius:50%;
}
.profilelogoround{
	width:48px;
	height:48px;	
	vertical-align:middle;
	margin-right:10px;
	border-radius:50%;
}
.mobileonly{
	display:none;
}
.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #292929;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{
	background-color: #212121 !important;
    color: white !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{
	background-color: #000 !important;
    color: white !important;
}
.grayline{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #292929;
	height:1px;
	padding:0;
	margin:20px 0;
}
.grayline.dash{
	border-bottom:1px dashed #292929;
}

input.full{
	width:100%;
}
.toastmessage{
	position:fixed;
	left:50%;
	bottom:60px;
	padding:10px 20px;
	background:rgba(0, 0, 0, .8);
	color:white;
	border-radius:15px;
	min-width:200px;
	text-align:center;
	box-shadow:5px 5px 25px rgba(0, 0, 0, 0.5);
	z-index:5000;
}
a.redx{
	color:#D4000E;
	text-decoration:none;
	font-size: 22px;
	margin-left:5px;
	float: left;
	height:48px;
	line-height:45px;
	font-family: monospace;
}
a.redx:hover{
	color:darkred;
}
.tooltip_templates{display:none;}
.inputchecker{
    position: absolute;
    right: 5px;
	width:20px;
	height:32px;
	font-weight: 900;
    font-size: 20px;
	margin-top: 5px;
}
.inputchecker:after{
	color:green;
	content:"\2713";
}
.inputchecker.red:after{
	content:"\2713";
	color:red;
}
.inputsubinfo{
	font-size:13px;
	color:gray;
    line-height: normal;
    margin-top: 3px;
    display: block;
	text-align:right;
	margin-bottom: -15px;
}
.dropzone{
	/*width:150px;*/
	line-height: normal;
	text-align:center;
	min-height: 100px;	
	padding: 20px 20px;
}
.dropzone .dz-preview.dz-image-preview,
.dropzone .dz-preview{
	margin:0;
	max-width:100%;
}
.dropzone .dz-preview .dz-image{
	border-radius:0;
    overflow: hidden;
    min-width: 120px;
    min-height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}
.profilepicpreview{
	width:150px;
	height:150px;
	border-radius:50%;
}
.profilepicpreviewround{
	width:50px;
	height:50px;
	border-radius:50%;
}
#loginbox{
	position:absolute;
	top: 50%;
	left: 25%;
	right:25%;	
	line-height:22px;
	margin:auto;
	background:#D8D8D8;
	padding:30px;
	border-radius:25px;
	max-width:350px;
}
.sectiontoolbar{
	background:#e9e9e9;
	padding:5px 15px;
	position:relative;
	float:left;
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0 0 10px 0;
}
.sectiontoolbar.float{
	top:10px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	position:fixed;
	z-index:6000;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
    left: 20px;
    right: 20px;
    width: auto;
}
.sectiontoolbar button img{
	position:relative;
	float:left;
	margin-right: 10px;
	width:20px;
	height:20px;
}
.sectiontoolbar button{
	position:relative;
	float:left;
	line-height: 20px;
	opacity:.7;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.sectiontoolbar button:hover{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.sectiontoolbar .left button{
	border-right:1px solid black;
	padding:0 10px;
}
.sectiontoolbar .left button:first-child{
	padding:0 10px 0 0;
}
.sectiontoolbar .left button:last-child{
	padding:0 0 0 10px;
	border-right:0px solid black;
}
.sectiontoolbar .right button{
	border-right:1px solid black;
	padding:0 10px;
}
.sectiontoolbar .right button:first-child{
	padding:0 10px 0 0;
}
.sectiontoolbar .right button:last-child{
	padding:0 0 0 10px;
	border-right:0px solid black;
}
.itemmenuicon{
	width:28px;
	position: absolute;
    right: 9px;
    top:5px;
}
.itemsubmenu{
	position:absolute;
	background:lightgray;
	padding:0 0px 0 0;
	right: 10px;
    top: -3px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	z-index:2000;
	border-radius:5px 0 0px 5px;
	width:auto;
    white-space: nowrap;
	margin-right:-338px;	
}
.itemsubmenu button img{
	position:relative;
	float:left;
	margin-right: 10px;
	width:22px;
	height:22px;
}
.itemsubmenu button{
	position:relative;
	float:left;
	line-height: 22px;
	border-right:1px solid black;
	padding:5px 10px;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.itemsubmenu button:hover{
	background:#999999;
	color:#D8D8D8;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.itemsubmenu button:first-child{
	padding:5px 10px 5px 10px;
}
.itemsubmenu button:last-child{
	padding:5px 0 0 10px;
	border-right:0px solid black;
}
.itemsubmenu button:last-child img{
	margin:0 5px 0 0;
}
.flipx{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.flipy{
	-moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipW;
    -ms-filter: "FlipW";
}
.nocoderesults{
	position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 40px 0 0 0;
}
.itemshare{
	position: absolute;
    right:0;
    z-index: 5000;
    top: 30px;
    background: #e9e9e9;
    padding:0;
	border: 3px solid #292929;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.shareitemtabbut{
	padding:5px 10px;
	background:#212121;
	color:white;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	float:left;
	width:100%;
}
.sharecontent{
	float:left;
	padding:10px 20px;	
	width:100%;
    min-height: 80px;
	min-width: 265px;
}
.sharecontent textarea{
	width:100%;
	float:left;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	resize: none;
	color: black;
    text-decoration: none;
	font-size: 1em;
	background: transparent;
	padding:10px 20px;
	min-height: 80px;	
}
.sharecontent.nopad{
	padding:0;
}

pre.line-numbers{
	padding-left: 2.8em !important;
}
form{
	position:relative;
	float:left;
	width:100%;
}
.tooltipster-content, .tooltipster-content span{
	font-size:14px;
	line-height: 20px;
}
.nicescroll-rails{
	
}
.unfoldcode{
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	position:absolute;
	right:3px;
	top:-15px;
	z-index:3000;
	opacity:0.5;
}
/*pre.code-toolbar:hover + code.preview > .toolbar{
	display:none !important;
}
code.preview + .toolbar{
	display:none !important;
}*/
.icon{
	width:19px;
	color:white;
	height:19px;
	display:inline-block;
}
.editicon{	
	background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.8 18.8"><path d="M0 18.8l4.1-.7-3.4-3.4zM17.4 4.8l1-1c.5-.5.5-1.3 0-1.8l-1.7-1.7c-.5-.5-1.3-.5-1.8 0l-1 1 3.5 3.5zM13.029 2.361l3.464 3.465-11.527 11.524-3.464-3.465z"/></svg>') no-repeat;
	background-size: contain;
}
.leftopenicon{
	width:25px;
	height:25px;
	background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 471.2 471.2" enable-background="new 0 0 471.2 471.2"><path d="M227.619 444.2h-122.9c-33.4 0-60.5-27.2-60.5-60.5v-296.2c0-33.4 27.2-60.5 60.5-60.5h124.9c7.5 0 13.5-6 13.5-13.5s-6-13.5-13.5-13.5h-124.9c-48.3 0-87.5 39.3-87.5 87.5v296.2c0 48.3 39.3 87.5 87.5 87.5h122.9c7.5 0 13.5-6 13.5-13.5s-6.1-13.5-13.5-13.5zM450.019 226.1l-85.8-85.8c-5.3-5.3-13.8-5.3-19.1 0-5.3 5.3-5.3 13.8 0 19.1l62.8 62.8h-273.9c-7.5 0-13.5 6-13.5 13.5s6 13.5 13.5 13.5h273.9l-62.8 62.8c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4s6.9-1.3 9.5-4l85.8-85.8c5.4-5.4 5.4-14 .1-19.2z"/></svg>') no-repeat;
	background-size: contain;
	padding-right: 6px;
}
.flipx.leftopenicon{
	padding-right: 0;
}
.embedicon{
    float: left;
	width:25px;
	height:25px;	
	/*background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25"><path d="M133.333 116.667l-133.333 133.333 133.333 133.333h66.667l-133.333-133.333 133.333-133.333h-66.667zm233.334 0h-66.667l133.333 133.333-133.333 133.333h66.667l133.333-133.333-133.333-133.333z"/></svg>') no-repeat;*/
	background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" width="522.468" height="522.469" viewBox="0 0 522.468 522.469"><path d="M325.762 70.513l-17.706-4.854c-2.279-.76-4.524-.521-6.707.715-2.19 1.237-3.669 3.094-4.429 5.568l-106.494 368.588c-.76 2.475-.522 4.809.715 6.995 1.237 2.19 3.09 3.665 5.568 4.425l17.701 4.856c2.284.766 4.521.526 6.71-.712 2.19-1.243 3.666-3.094 4.425-5.564l106.497-368.594c.759-2.474.523-4.808-.716-6.999-1.238-2.19-3.089-3.665-5.564-4.424zM166.167 142.465c0-2.474-.953-4.665-2.856-6.567l-14.277-14.276c-1.903-1.903-4.093-2.857-6.567-2.857s-4.665.955-6.567 2.857l-133.044 133.044c-1.906 1.903-2.856 4.093-2.856 6.567s.953 4.664 2.856 6.566l133.043 133.044c1.902 1.906 4.089 2.854 6.567 2.854s4.665-.951 6.567-2.854l14.277-14.268c1.903-1.902 2.856-4.093 2.856-6.57 0-2.471-.953-4.661-2.856-6.563l-112.203-112.209 112.204-112.201c1.906-1.902 2.856-4.093 2.856-6.567zM519.614 254.663l-133.047-133.044c-1.902-1.902-4.093-2.857-6.563-2.857-2.478 0-4.661.955-6.57 2.857l-14.271 14.275c-1.902 1.903-2.851 4.09-2.851 6.567s.948 4.665 2.851 6.567l112.206 112.204-112.206 112.21c-1.902 1.902-2.851 4.093-2.851 6.563 0 2.478.948 4.668 2.851 6.57l14.271 14.268c1.909 1.906 4.093 2.854 6.57 2.854 2.471 0 4.661-.951 6.563-2.854l133.047-133.043c1.903-1.902 2.854-4.096 2.854-6.57 0-2.475-.951-4.665-2.854-6.567z"/></svg>') no-repeat;
	background-size: contain;
	margin-right:10px;
}
.shareicon{
	float: left;
	width:25px;
	height:25px;
	background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" width="481.6" height="481.6" viewBox="0 0 481.6 481.6"><path d="M381.6 309.4c-27.7 0-52.4 13.2-68.2 33.6l-132.3-73.9c3.1-8.9 4.8-18.5 4.8-28.4 0-10-1.7-19.5-4.9-28.5l132.2-73.8c15.7 20.5 40.5 33.8 68.3 33.8 47.4 0 86.1-38.6 86.1-86.1s-38.6-86.1-86.1-86.1-86.1 38.6-86.1 86.1c0 10 1.7 19.6 4.9 28.5l-132.1 73.8c-15.7-20.6-40.5-33.8-68.3-33.8-47.4 0-86.1 38.6-86.1 86.1s38.7 86.1 86.2 86.1c27.8 0 52.6-13.3 68.4-33.9l132.2 73.9c-3.2 9-5 18.7-5 28.7 0 47.4 38.6 86.1 86.1 86.1s86.1-38.6 86.1-86.1-38.7-86.1-86.2-86.1zm0-282.3c32.6 0 59.1 26.5 59.1 59.1s-26.5 59.1-59.1 59.1-59.1-26.5-59.1-59.1 26.6-59.1 59.1-59.1zm-281.6 272.7c-32.6 0-59.1-26.5-59.1-59.1s26.5-59.1 59.1-59.1 59.1 26.5 59.1 59.1-26.6 59.1-59.1 59.1zm281.6 154.7c-32.6 0-59.1-26.5-59.1-59.1s26.5-59.1 59.1-59.1 59.1 26.5 59.1 59.1-26.5 59.1-59.1 59.1z"/></svg>') no-repeat;
	background-size: contain;
	margin-right:10px;
}
.favicon{
	float: left;
	width:25px;
	height:25px;
	background: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.94 49.94"><path d="M48.856 22.731c.983-.958 1.33-2.364.906-3.671-.425-1.307-1.532-2.24-2.892-2.438l-12.092-1.757c-.515-.075-.96-.398-1.19-.865l-5.406-10.957c-.607-1.231-1.839-1.996-3.212-1.996-1.372 0-2.604.765-3.211 1.996l-5.407 10.957c-.23.467-.676.79-1.191.865l-12.092 1.758c-1.359.197-2.466 1.13-2.891 2.437-.424 1.307-.077 2.713.906 3.671l8.749 8.528c.373.364.544.888.456 1.4l-2.065 12.043c-.232 1.353.313 2.694 1.424 3.502 1.11.809 2.555.914 3.772.273l10.814-5.686c.461-.242 1.011-.242 1.472 0l10.815 5.686c.528.278 1.1.415 1.669.415.739 0 1.475-.231 2.103-.688 1.111-.808 1.656-2.149 1.424-3.502l-2.066-12.042c-.088-.513.083-1.036.456-1.4l8.749-8.529zm-11.175 10.267l2.065 12.042c.104.606-.131 1.185-.629 1.547-.499.361-1.12.405-1.665.121l-10.815-5.687c-.521-.273-1.095-.411-1.667-.411s-1.145.138-1.667.412l-10.813 5.686c-.547.284-1.168.24-1.666-.121-.498-.362-.732-.94-.629-1.547l2.065-12.042c.199-1.162-.186-2.348-1.03-3.17l-8.75-8.529c-.441-.43-.591-1.036-.4-1.621.19-.586.667-.988 1.276-1.077l12.091-1.757c1.167-.169 2.176-.901 2.697-1.959l5.407-10.957c.272-.552.803-.881 1.418-.881.616 0 1.146.329 1.419.881l5.407 10.957c.521 1.058 1.529 1.79 2.696 1.959l12.092 1.757c.609.089 1.086.491 1.276 1.077.19.585.041 1.191-.4 1.621l-8.749 8.528c-.844.823-1.229 2.008-1.029 3.171z"/></svg>') no-repeat;
	background-size: contain;
	margin-right:10px;
}
.floatingplus{
	position:fixed;
	bottom:55px;
	right:10px;
	border-radius:50%;
	/*background:darkred;*/
	background:#D4000E;
	color:white;
	font-size:25px;
	z-index:5000;
	line-height: 25px;
    height: 45px;
    width: 45px;
    text-align: center;
	padding: 0;
    margin: 0;
}
button.floatingplus:focus {outline:0;}
.floatingplussubbox{
	position:fixed;
	bottom:17px;
	/*right:65px;*/
	right:-220px;
	z-index:5000;
	display:none;
	transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.floatingplussub{	
	border-radius:25px;	
	background:#D4000E;
	color:white;
	font-size:15px;
	z-index:5000;
	line-height: 25px;    
    text-align: center;
	padding:3px 10px;
    margin: 0;
}
button.floatingplussub:focus {outline:0;}
.jconfirm .jconfirm-box{
	padding:25px 25px 25px 25px !important;
}
.chatbut{
	position:fixed;
	bottom:309px;
	left:-14px;
    background: black;
    color: white;
    border-radius: 5px 5px 0 0;	
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
	padding:5px 10px;
}
.chatiframe{
	display:xnone;
	width:300px;
	height:300px;
	position:fixed;
	bottom:49px;
	left:0px;
	border:0;
	margin-left:-320px;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
	z-index: 500;
}