/*================================
	BASE
================================*/
*{
	font-family: sans-serif;
}
body{	
	font-size:14px;
	padding:0;
	margin:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	background-color:#1d252e;
	/*position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;*/
	overflow-y:hidden;
	overflow-x:hidden;	
}
body.tv{
	padding:30px 50px;
}
a {
    color: black;
	text-decoration:none;
}
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{
	font-weight: bold;
}
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%;
}
button, input[type="submit"], input[type="button"]{
	border: 0;
	padding:7px 15px;
	background:#1A1A1A;
	color:lightgray;
	border-radius:0;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
	cursor:pointer;	
	color:white;
}
button[disabled], input[type="submit"][disabled], input[type="button"][disabled]{
	color:gray;
}
button[disabled]:hover, input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover{
	background-color: #222;
	color:gray;
}
/*================================
	GENERAL
================================*/
.wrapper{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow-y:hidden;
	overflow-x:hidden;	
}
.contentbox{
	position:relative;
	float:left;
	width:100%;
	padding: 10px;
	overflow: auto;
	margin-top:0;
	height: calc(100% - 60px);
}
.contentbox.leadform{
	height: calc(100% - 87px);
	padding:10px;
}
.contentbox.table{	
	padding:0 0 0 0;
}
.contentbox.tools{
	padding:0 10px 0 10px;
}
.contentbox.stats{
	padding: 55px 10px 0 10px;
}
content{
	position:relative;
}
content.content{
	color:#eee;
}
.ui-state-highlight {
	width:175px;
	min-height:120px;
	opacity:.3;
}
.gui-state-highlight {
	padding: 0 10px;
    margin: 0;
    height: 60px;
    line-height: 60px;
	opacity:.3;
}

.topnav{	
	left:0;
	top:0;	
	right:0;	
	background:#25303b;
	color:#ABAEB7;
	min-height:60px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	z-index: 5000;
	text-align:center;	
	padding:0 10px;
	
	display:flex;
	flex-wrap:wrap;
	flex-flow:wrap;
	justify-content:flex-start;
	align-items: flex-start;
	align-content: flex-start;	
}
.topnav .left{
	position:relative;
	float:left;
}
.topnav .right{
	position:relative;
	float:right;
}
nav{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	float:left;
}
nav a{
	padding:0 10px;
	margin:0;
	height:60px;
	line-height:30px;
	text-decoration:none;
	position:relative;
	float: left;
	color:#ABAEB7;
	box-sizing: border-box;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	font-size:13px;
	/* background: #161c23; */
}
nav a img{
	width: 20px;
	display: block;
	margin:13px auto 0px auto;
	opacity: .6;
}
nav a.sel img{
	margin:5px auto 7px auto;
	opacity:1;
}
nav a span{
	position: absolute;
    top: -5px;    
	background: #fff;	
	color: #000;
    border-radius: 0 0 0 50%;
    z-index: 500;
    padding: 2px 2px 0px 2px;    
    font-size: 11px;
    line-height: 18px;
    margin: 0 5px;
    
    right: -5px;
}
nav a.sel{	
	background:#1a1a1a;
	color:white;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	opacity: 1;
}
nav a:hover{
	background:#999999;	
	color:white;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	opacity: 1;
}
nav a:hover img{	
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	opacity: 1;
}
nav a.add{
	display:none;
	font-size: 23px;
    line-height: 47px;
	padding: 0 15px;
}
.topnav:hover nav a.add{
	display:block;
}
nav.leftnav{
    position: fixed;
    left: 0;
    top: 50px;
	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;
}
/*	LEADS TABLE   */
.leadstable{
	width:100%;
	text-align: left;
	position: relative;
	border-collapse: collapse; 
}
.leadstable tbody{
	min-height: calc(100vh - 40px);
}
.leadstable tr.header th:first-child, .leadstable tr td:first-child{
	padding-left:20px;
}
.leadstable tr.header th:last-child, .leadstable tr td:last-child{
	/* padding-right:20px; */
}
.leadstable tr.header th{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
	background: #1a1a1a;
	text-align:left;
	padding:7px 0 7px 0;
	color:#dddddd;
	line-height: 25px;
	font-size:14px;
	z-index: 10;
}
.leadstable tr.header th a{
	color:#dddddd;
}
.leadstable tr.header th a.green{
	color:#008000;
}
.leadstable tr.header th.center{
	text-align:center;
}
.leadstable tr.footer td{
	position: -webkit-sticky;
	position: sticky;
	bottom: -1px;
	background: #1a1a1a;
	text-align:left;
	padding:6px 0 6px 0;
	color:#dddddd;
	text-align:center;
	z-index: 10;
}
.leadstable tr.footer td:first-child{	
	text-align:left;
	padding-left:15px;
}
.leadstable tr.footer td.nopad{
	padding:0;
}
.leadstable tr td.setleft{
	text-align:left;
}
.leadstable tr td.setleft.hideforadv select,
.leadstable tr td.setleft.hideforadv .statusicon{
	display:none;
}
.leadstable tr td.setleft2{
	padding-left:10px;
	text-align: left;
}
.leadstable tr td.setright{
	text-align:right;
}
.leadstable tr td.padr20{
	padding-right:20px;
}
.leadstable tr td.padl20{
	padding-left:20px;
}
.leadstable tr td.padl0{
	padding-left:0px;
}
.leadstable tr:not(.quickview):hover{
	background:#303d4c;
}
.leadstable tr.loaderrow{
	text-align: center;	
}
.leadstable tr.loaderrow td{
	vertical-align: middle;	
	color: white;
	font-size: 2rem;
	background:black;
}
.leadstable tr:nth-child(even) {
	background: #242e39;
}
.leadstable tr:not(.quickview):hover:nth-child(even){
	background: #303d4c;
}
.leadstable tr td{
	padding:3px 0 3px 0;
	color:#cccccc;
	border-bottom: 1px dashed #333;
	position:relative;
}
.leadstable tr td:last-child{
	padding-right:20px;
}
.leadstable tr td.setleft.hide *, .leadstable tr td.setleft2.hide *{
	display:none;
}
.leadstable tr td.center{
	text-align:center;
}
.leadstable tr td a{
	color:#cccccc;
	display: inline-block;
}
.leadstable tr td .iconbtn{
	width:20px;
	vertical-align: middle;
}
.leadstable tr td .iconbtn.greencheck{
	vertical-align: middle;
	color:green;
}
.leadstable tr td .iconbtn.checkmarks{
	width:25px;
	opacity:.7;
}
.leadstable tr td .iconbtn.checkmarks.faded{
	opacity:1;
}
.leadstable tr td.tools a{
	margin-right:5px;
	position:relative;
}
.leadstable tr td.tools a:last-child{
	margin-right:5px;
}
.leadstable tr td.tools img{
	width:20px;	
}
.leadstable tr th img.filterbtn{
	width:20px;
	vertical-align: middle;
	margin-right:10px;
}
.leadstable tr th img.filterarrow{
	width:20px;
	vertical-align: middle;
	margin-left:10px;
}
.leadstable tr th img.filterarrow.up{
	transform: rotate(180deg);
}
.leadstable tr td.noleads{
	text-align:center;
	padding:40px 0;
	background:#111;
}
.leadstable tr td.fav{
	max-width: 50px;
}
.leadstable tr td.pic img{
	width:50px;
	height:50px;
	border-radius:50%;
	object-fit: cover;
}
.leadstable tr td.date{
	min-width: 115px;
	padding-right: 10px;
	font-size:1em;
}
.leadstable tr td.company{	
	font-size:1em;
}
.leadstable tr td.realname{
	min-width:200px;
	max-width:300px;
	font-size:1em;
}
.leadstable tr td.username{
	min-width:150px;
	max-width:300px;
	font-size:1em;
}
.leadstable tr td.address{
	min-width:150px;
	max-width:300px;
	font-size:1em;
}
.leadstable tr td.useremail{
	min-width:100px;
	max-width:300px;
	font-size:1em;
}
.leadstable tr td.post{
	min-width: 40px;
	padding-right: 10px;
	text-align:center;
}
.leadstable tr td.city{	
	padding-right: 10px;
}
.leadstable tr td.address{
	max-width:200px;
	padding-right: 10px;
}
.leadstable tr td.companytype{	
	padding-right: 10px;
	max-width:300px;
	min-width: 180px;
}
.leadstable tr td.userinfo{	
	/*padding-right: 10px;
	max-width:300px;
	min-width: 180px;*/
	text-align:right;
	position:relative;
}
.leadstable tr td.phone{	
	min-width:185px;
	text-align:left;
}
.leadstable tr td.phone span{
	min-width:185px;
}
.leadstable tr td.userphone{
	max-width:125px;
	text-align:left;
}
.leadstable tr td.email{
	min-width:60px;
	text-align: right;
	padding: 3px 10px 3px 0;
	text-align: center;
}
.leadstable tr td.cvr{
	min-width:75px;
}
.leadstable tr.leadscontent{
	position:relative;
	height: 40px;
	min-height: 40px;	
}
.leadstable tr.leadscontent.showinvoicebutton{
	background:darkred;
}
.leadstable tr.leadscontent.red td{	
	color:#ff0000;
}
.leadstable tr.leadscontent.red td .iconbtn,
.leadstable tr.leadscontent.red td select.leadstatus,
.leadstable tr.leadscontent.red td select.leaddate,
.leadstable tr.leadscontent.red td select.undofilter{	
	filter:invert(25%) sepia(92%) saturate(6953%) hue-rotate(347deg) brightness(78%) contrast(120%);
	opacity: 1;
}
.userpic{
	width: 25px;
	border-radius: 50%;
	height: 25px;
	position: absolute;
	right: 5px;
	top: 6px;
}
/*
	EMAIL EDIT OVERLAY
*/
.leadstable tr.leadscontent.showemailbox::after{	
	content: "\00a0";
	position: absolute;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .80);
	max-height: 100%;
	white-space: pre;
	height: inherit;
	z-index: 15;
}
.leadstable tr.emailoverlaytr{
	position:absolute;
	left:0;
	right:0;
	z-index: 16;
	background:transparent;
	border:0;
	width: 100%;
	text-align: center;
	display: flex;
}
.leadstable tr.emailoverlaytr:hover{
	background:transparent;
}
.leadstable tr.emailoverlaytr td{
	border:0;
	width: 100%;
	padding: 0;
	text-align: center;
	position: relative;
	min-width: 100%;
	flex: 1 1 100%;
	padding: 3px 0 0 0;
}

.leadstable tr.emailoverlaytr .editleadweb,
.leadstable tr.emailoverlaytr .editcallbackdate,
.leadstable tr.emailoverlaytr .editleademail{
	background: transparent;
	border: 1px solid darkgray;
	color: darkgray;
	min-width: 400px;
}
.leadstable tr.emailoverlaytr .editcallbackdate{
	min-width: 150px;
}
.leadstable tr.emailoverlaytr button.editleadwebsend,
.leadstable tr.emailoverlaytr button.editleadwebsave,
.leadstable tr.emailoverlaytr button.editcallbackdatesave,
.leadstable tr.emailoverlaytr button.editleademailsave{
    border: 0;
    padding: 7px 15px;
    background: white;
    color: black;
    border-radius: 0;
    margin: 0px 10px 0 10px;
    border: 1px solid darkgreen;
}
.leadstable tr.emailoverlaytr button.editleademailsend{
    border: 0;
    padding: 7px 15px;
    background: black;
    color: white;
    border-radius: 0;
    margin: 0px 10px 0 10px;
    border: 1px solid darkgray;
}

.leadstable tr.leadscontent td{
	min-height: 40px;
}
.leadstable tr.leadscontent td.pic{
	text-align: center;
}
.leadstable tr td.status{
	min-width:165px;
}
.leadstable tr td.tools{
	display:xnone;
	position:absolute;
	right:0;	
	background:rgba(0, 0, 0, .8);
	padding:5px 10px;
	border:0;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr:hover td.tools{
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
/*
	INVOICE
*/
.leadstable.invoice{
	
}

.leadstable.invoice td{
	
}
.leadstable tr.leadscontent.invoice td.fav{
	/* min-width:100px; */
	text-align: center;
	margin: 0 0;
	padding-right: 10px;	
}
.leadstable tr.leadscontent.invoice td.fav label{
	margin: 0 15px;
	padding: 0;
	text-align: center;
}
.leadstable tr.leadscontent.invoice td.invoicenumber{
	min-width: 50px;
	text-align: left;
	margin: 0;
	padding: 0;
	/*width: 80px;*/
}
.leadstable tr.leadscontent.invoice td.company{
	min-width: 200px;
}
.leadstable tr.leadscontent.invoice td.company img{
	margin: 0 10px 0 0;
}
.leadstable tr.leadscontent.invoice td.company img.subarrow{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr.leadscontent.invoice:hover td.company img.subarrow{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr.leadscontent.invoice td.invoicetitle{
	min-width: 150px;
}
.leadstable tr.leadscontent.invoice td.invoicetitle img{
	width: 25px;
	vertical-align: middle;
}
.leadstable tr.leadscontent.invoice td.dateadded{
	/* min-width: 100px; */
	max-width: 130px;
	text-align: right;
}
.leadstable tr.leadscontent.invoice td.dateupdated{
	min-width: 118px;
	text-align: right;
}
.leadstable tr.leadscontent.invoice td.price{
	min-width:100px;
	text-align: right;
}
.leadstable tr.leadscontent.invoice td.price span.graydkprice{
	color:gray;
}
.leadstable tr.leadscontent.invoice td.hasbeenopened{
	min-width: 50px;
	text-align: center;
}
.leadstable tr.leadscontent.invoice td.invoicestatus{
	min-width: 0;
	text-align: right;
}
.leadstable tr.leadscontent.invoice td.options{
	min-width: 60px;
	text-align: right;
	padding-right: 20px;
}

.leadstable tr.leadscontent.invoice td.options a img{
	width: 25px;
	opacity:.1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr.leadscontent.invoice:hover td.options a img{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}

.leadstable tr.leadscontent.invoice td.options a img.flip{
	transform: rotate(180deg);
}
.leadstable tr.leadscontent.invoice td .iconbtn.addplusover:after{
	/* content:'+'; */
	position: relative;
	width: 15px;
	height: 15px;
	z-index: 100;
	color: red;
	float: left;
}
.leadstable tr.leadscontent.invoice td .iconbtn.normal{
	filter: none;
}
.leadstable tr.leadscontent.invoice td .iconbtn.wait{
	filter: invert(15%) sepia(92%) saturate(6953%) hue-rotate(347deg) brightness(78%) contrast(120%);
}
.leadstable tr.leadscontent.invoice td .iconbtn.out{
	filter: invert(31%) sepia(63%) saturate(6917%) hue-rotate(347deg) brightness(121%) contrast(120%);
}
.leadstable tr.leadscontent.invoice td .iconbtn.pause{
	filter: invert(0%) sepia(0) saturate(6953%) hue-rotate(292deg) brightness(49%) contrast(76%);
}
.leadstable tr.leadscontent.invoice td .iconbtn.closed{
	filter: invert(25%) sepia(92%) saturate(6953%) hue-rotate(347deg) brightness(78%) contrast(120%);
}
.leadstable tr.leadscontent.invoice td .iconbtn.paid{
	filter: invert(46%) sepia(22%) saturate(1039%) hue-rotate(427deg) brightness(105%) contrast(120%);
}

.leadstable tr.leadscontent.invoice td .iconbtn.rykker1{
	filter: invert(25%) sepia(92%) saturate(6953%) hue-rotate(347deg) brightness(78%) contrast(120%);
}
.leadstable tr.leadscontent.invoice td .iconbtn.rykker2{
	filter: invert(25%) sepia(92%) saturate(6953%) hue-rotate(347deg) brightness(78%) contrast(120%);
}
.leadstable tr td.quickviewtd{
	padding: 0;
	width: 100%;
	/* height: auto; */
	overflow-y: auto;
	/* display: flex; */
	/* position: relative; */
	/* float: left; */
	/* width: 100%; */
	align-items: stretch;
}
.leadstable tr td.quickviewtd .innerbox{
	display:flex;
	position: relative;
	float: left;
	width: calc(100% - 800px);
	/* flex: 1 1 100%; */
	flex-wrap: wrap;
	/* display: table-cell; */
	align-items: stretch;
}
.leadstable tr td.quickviewtd .innerbox.alltemplates{
	display:flex;
	position: relative;
	float: left;
	width: calc(100%);	
	flex-wrap: wrap;	
	align-items: stretch;
}
.leadstable tr td.quickviewtd .innerbox div{
	flex:1;
	margin: 10px 10px 0 0;
	padding: 20px;
	/* border: 1px dashed #666; */
	/* border-top: 0; */
	/* border-top-style: dashed; */
	background: black;
	/* display: table-cell; */
}

img.titleicon,
.leadstable tr td.quickviewtd .innerbox div img.titleicon{
	vertical-align: middle;
	width: 20px;
	margin: 5px 5px 10px 0;
}
.leadstable tr td.quickviewtd .innerbox div p{
	font-size: 4em;
	margin: 0;
	text-align: center;
	/* float: left; */
	line-height: 1em;
	padding: 0 0 0 0;
	color: skyblue;
	display: block;
	width:100%;
}
.leadstable tr td.quickviewtd .innerbox div strong{
	font-size:1rem;
	/*color:#666;*/
	margin: 0 10px 5px 0;
	padding:0;
	color: deepskyblue;
	/* text-align: center; */
}
.sentinfo img.check,
.leadstable tr td.quickviewtd .innerbox div .check{
	vertical-align:middle;
	width:20px;
	height: 20px;
	margin: 5px 5px 5px 0px;
}

.leadstable tr.leadscontent.invoice td.fav{
	margin: 0 0px;
	padding:0 0;
}
label.checkbox.leadchkall input[type="checkbox"]{
	
}
.leadstable tr td a.unfoldinvoice{
	/* bottom: 7px; */
	/* position: absolute; */
	/* left: 1px; */
	color: red;
	font-size: 2rem;
	line-height: 50px;
}
/*
	Invoice table
*/
#invoicetable label.checkbox.leadchklbl.show, 
#invoicetable label.checkbox.leadchkall.show{
	text-align: center;
	margin: 0 0px;
	padding: 0 0px 0 20px;
}
#invoicetable select.leadstatus, #invoicetable select.leaddate, #invoicetable select.undofilter{
	padding: 4px 5px;
	min-width: 70%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgb(169, 169, 169);
	border-radius: 0;
	max-height: 34px;
	margin: 0 0 0 0;
	background: none;
	border: 0;
	color: #cccccc;
	font-size: 14px;
}
#invoicetable .templatereview{
	/* display: block; */
	/*width: calc(100% - 804px);*/
	float: left;
	margin: 0px -28px 15px -28px;
	text-align: center;
	/* flex: 1 1 100%; */
	/* flex: 0 0 auto; */
	align-self: stretch;
	flex: 0 0 50%; /* flex-grow, flex-shrink, flex-basis */
	/* display: table-row; */
	padding: 0px 10px 10px 10px;
	
	width: calc(100% - 774px);
}
#invoicetable .templatereview #templatebody, #invoicetable .templatereview .templatebody{
	max-width: none;
}
#invoicetable .templatereview > table{
	/* float:left; */
	/* margin: 0 0 0 30px !important; */
	/* width: 100%; */
}
#invoicetable .tools{
	/* display: block; */
	/*width: calc(100% - 810px);*/
	float: left;
	text-align: left;
	/* flex: 1 1 100%; */
	/* flex: 0 0 auto; */
	align-self: stretch;
	flex: 0 0 50%; /* flex-grow, flex-shrink, flex-basis */
	display: table-row;
	background: black;
	margin: 10px 10px 0 0px;
	/*padding: 15px 10px 15px 20px;*/
	line-height: 27px;
	
	padding: 15px 10px 15px 40px;
	width: calc(100%);
}
#invoicetable .tools img.titleicon{
	margin: 0px 5px 0px 0;
}
#invoicetable .tools strong{
	font-size: 1rem;    
    margin: 0 10px 5px 0;
    padding: 0;
    color: deepskyblue;
	text-align:left;    
}
#invoicetable .tools button{
	float:right;
	background: #222;
	margin: 0px 5px 0 0;
	FONT-VARIANT: 0;
}
#invoicetable .templatereviewrightbar{
	display: block;
	width: 800px;
	float: right;
	margin: 10px 0 0 0;
	padding: 25px 25px 25px 25px;
	text-align: left;
	height: calc(100% - 10px);
	/* border-left: 1px dashed #666; */
	min-height: 1120px;
	background: black;
	/* flex: 1 1 100%; */
	/* flex: 0 0 50%; */ /* flex-grow, flex-shrink, flex-basis */
	/* display: table-row; */
	flex-grow: 1 1 1;
	/* align-items: stretch; */
	/* flex: 1 1; */
	/* align-self: flex-start; */
	/* height: 100%; */
	justify-content: center;
	align-items: center;
	/* position: absolute; */
	/* right: 0px; */
}
#invoicetable .templatereviewrightbar button{
	width:100%;
	padding:15px 10px;
	margin:0 0 10px 0;
}
#invoicetable .templatereviewrightbar > strong{
	font-size: 1rem;
	color: deepskyblue;
	margin: 0 0 0px 0;
	padding: 0;
}
.leadstable tr.leadscontent.invoice td.invoicenumber.right{
	text-align: center;
	float: none;
}
#invoicetable .templatereviewrightbar .invoicelog tr td img.openlog{
	width:25px;
	vertical-align:middle;
	text-align:center;
}
#invoicetable .templatereviewrightbar .invoicelog{
	margin:0;
	padding:0 0 0 0;
	width:100%;
	max-height: 100px;
	overflow: auto;
	border: 0;
}

#invoicetable .templatereviewrightbar .invoicelog tr:hover td{
	background: #222;
}
#invoicetable .templatereviewrightbar #invoicecomments tr:hover td{
	background:#2e3a49;
}
#invoicetable .templatereviewrightbar .invoicelog tr th{
	height: 40px;
	padding: 0 10px;
	background: #333;
}
#invoicetable .templatereviewrightbar .invoicelog tr td{
	padding: 0 10px;
	height: 35px;
	border: 0;
}
#invoicetable .templatereviewrightbar .invoicelog tr td.comment{
	padding:10px;
	height: auto;
	border: 0;
	vertical-align: top;
	border-bottom: 1px solid #555;
}
#invoicetable .templatereviewrightbar .invoicelog tr td span.date{
	color:gray;
	/* display: block; */
}
#invoicetable tr td.quickviewtd .innerbox div.bignumbers{
	display:flex;
	min-width: 330px;
	margin: 10px 10px 0 0;
	padding: 15px;
}
.leadstable tr td.quickviewtd .innerbox div.bignumbers div{
	padding: 0 0 0 0;
	margin:0;
	text-align: center;
}
#invoicetable .templatereviewrightbar .invoicelog tr.sub td.invoicelogmessage{
	padding: 5px 10px;
	background: whitesmoke;
	color: #222;
	border: 0;
}
#invoicetable tr td.quickviewtd .innerbox div.downloadsnumber{
	/* min-width: 155px; */
}
#invoicetable tr td.quickviewtd .innerbox div.printnumber{
	/* min-width: 145px; */
}
#invoicetable tr td.quickviewtd .innerbox div.sentinfo{
	/* min-width: 200px; */
	margin: 10px 0 0 0;
}
#invoicetable tr td.quickviewtd .innerbox div.clientviewed{
	/* min-width: 128px; */
}
#invoicetable tr td.quickviewtd .innerbox div.clientinfo{
	/* min-width: 227px; */
}
#invoicetable tr td.quickviewtd .innerbox div.tools{
	/* max-width: 200px; */
}
#invoicetable tr td.quickviewtd .innerbox div.tools button{
	width:100%;
	margin:0 0 2px 0;
}
img.invoicelefdownarrow{
	width: 15px;
	vertical-align: middle;
	margin: auto;
	opacity: .3;
	position: absolute;
	left: 25px;
	/* right: 0; */
	/*bottom: 20px;*/
	/* bottom: 0px; */
	top: 11px;
	/* height: 92%; */
}
img.invoicerightdownarrow{
	transform: rotate(90deg);
	width: 15px;
	vertical-align: middle;
	margin: auto;
	opacity: .3;
	position: absolute;
	left: 25px;
	/* right: 0; */
	bottom: 6px;
	/* top: 0; */
}
#invoicetable tr:nth-child(even) {
    /* background: #2e3a49; */
}
#invoicetable .invoicelog tr{
    background: #2e3a49;
    /* margin: 0 0 0 0; */
    /* border-bottom: 1px solid gray; */
}
.leadstable tr.leadscontent.invoice.sub{
	background: #161c23;
	min-height: 40px;
	height: 40px;
}
.leadstable tr.leadscontent.invoice.sub:nth-child(even){
	background: #364556;
	background-color: #0d1114;
}
.leadstable tr.leadscontent.invoice td.company img.invoicelefdownarrow{
	margin: -12px 6px 0px 8px;
}
.leadstable tr.leadscontent.invoice td{
	min-height: 40px;
}
.leadstable tr.leadscontent.invoice.sub td{
	/* min-height: 26px; */
}
.leadstable tr.leadscontent.invoice {
    position: relative;
    height: 55px;
    min-height: 55px;
}
#templatebody, .templatebody{
	background:white;
	float: none;
	width: 100%;
	display: table;
	max-width: 970px;
	margin: 0 auto;
}
#templatebody tr td{
	padding: 0px 0 10px 0;
	background:white;
	border:0;
	/* float: left; */
	/* width: 100%; */
}
#templatebody tr{
	width: 100%;
	/* float: left; */
}
#invoicetable tr.leadscontent.invoice td.fav label{
	margin: 0 10px 0 20px;
	width: auto;
}


/**********************************
FADE ALL BUT ELEMENTS : BETA
**********************************/
body.focusmode{
	
}
/*.leadstable.focusmode > tr.leadscontent:not(.focusonly){
	filter: blur(3px);
	background: #ffd83c;
}
.leadstable.focusmode > tr.leadscontent:not(.focusonly) td {
	filter: blur(3px);
	background: #ffd83c;
}*/

#invoicetable tr.leadscontent.invoice.quickfocus{
	background: black !important;
}
/*#invoicetable tr.leadscontent.invoice.quickfocus.focusonly{
	filter: none;
	z-index: 10000;
}
#invoicetable.focusmode tr.leadscontent:not(.focusonly) td {
	filter: blur(3px);	
}*/
/***************************************
	NEW LEADS HOVER TOOLS
***************************************/
tr.leadscontent div.floattools{
	display:none;
	position:absolute;
	right: 0;
	top:0;
	bottom:0;
	left:0;
	background:rgba(0, 0, 0, .8);
	padding:8px 5px 5px 5px;
	border:0;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	z-index: 10;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
tr.leadscontent:hover div.floattools{
	display:flex;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
tr.leadscontent div.floattools a{
	margin-right:0px;
	position:relative;
	line-height:normal;
	flex:1;
	flex-wrap:wrap;
	flex-grow: 1;
	text-align:center;
}
tr.leadscontent div.floattools a.whitegoogle{
	line-height: 25px;
    color: white;
	font-size: 30px;
	opacity:.6;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
tr.leadscontent div.floattools a:last-child{ 
	margin-right:0;
}
tr.leadscontent div.floattools a img{
	max-width: 24px;
    max-height: 24px;
	opacity:.6;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
tr.leadscontent div.floattools a:hover img,
tr.leadscontent div.floattools a.whitegoogle:hover,
tr.leadscontent div.floattools a:hover span{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
tr.leadscontent div.floattools a.createinvbtn img{
	/* filter: invert(100%); */
	filter: invert(0%) sepia(100%) saturate(6935%) hue-rotate(53deg) brightness(100%) contrast(120%);
}
tr.leadscontent div.floattools a.viewinvbtn img{
	/* filter: invert(100%); */
	filter: invert(0) sepia(25%) saturate(6934%) hue-rotate(343deg) brightness(100%) contrast(120%);
}
.leadstable tr td.cvr{
	max-width:100px;
}
.footertools img{
	margin-right:10px;
}
.footertools img:last-child{
	margin-right:0px;
}
.footertools .dotdotdotmenu ul li a img{
	margin:0 10px 0 0;
}
.fade50{
	opacity: .5;
}
.fade30{
	opacity: .3;
}
/*	TOP SEARCH	*/
form{
	border:0;
	position:relative;
}
.search{
	background:#1a1a1a;
	border:0;
	padding:10px;
	margin:12px 0px 12px 0px;
	color:#ABAEB7;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	width:150px;
	float:right;
}
.search:focus{
	width:300px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	outline: 1px solid gray !important;   
}
.search::-webkit-search-cancel-button{
	-webkit-appearance: none;
    cursor: pointer;
    height: 14px;
    width: 14px;
    background-image: url("img/closew.svg");
}
.searchbutton{
	background-image:url('img/search_white.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:20px;	
	padding: 18px;
    margin: 12px 0 12px 5px;
    float: right;
	border-radius:0;
	background-color:#1a1a1a;
	border:0;
}
.searchbutton:hover{
	background-color: #5C5C5C;	
	cursor:pointer;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.searchbutton.g{
	background-image:none;
	color:white;
	padding: 3px 10px;
    font-size: 25px;
}
.searchbutton.gi{
	background-image:none;
	color:white;
	padding:1px 9px 5px 9px;
    font-size: 25px;
}
.centerimg{
	vertical-align:middle;
}

.ck-editor{
	color:green;
}
.ck.ck-editor__main>.ck-editor__editable{
	background:#333 !important;
	color:lightgray;
}
.ck.ck-editor__main>.ck-editor__editable a{
	color:lightgray;
}
/*======================================
	CKEDITOR INLINE
======================================*/
button.clear{
	background:none;
	border-radius:0px;
	padding:0;
	color:#212121;
}
button.nobor{
	border:0;
	border-radius:0;
}
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;
}
.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;
}
.center{
	margin:0 auto;
}
.centerlogobox{	
	min-height: 60px;
	position: relative;
    float: left;
	margin:0 auto 0 auto;
}
.centerlogo{
	/*max-height: 32px;
	margin:2px auto 0 auto;*/
	max-height: 25px;
    margin: 5px auto 5px auto;
}
#topnavright{
	min-height: 60px;
    line-height: 60px;
}
select.right{
	float:right;
	position:relative;
	margin-left:0px;
}
.bold{
	font-weight:bold;
}
.textright{
	text-align:right;
	display: block;
    width: 100%;
	margin:0;
}
.textleft{
	text-align:left;
	display: block;
    width: 100%;
	margin:0;
}
.config div.full,
div.full{
	float:left;
	margin:0;
	width:100%;
	padding: 0 0px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:0;
}
.config div.fullwidth,
div.fullwidth{
	float:left;
	margin:0;
	width:100%;
	padding:0 0 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
	margin-top:10px;
}
.config div.halfleft,
.halfleft{
	float:left;
	margin:0;
	width:50%;
	padding:0 10px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
	border-right:1px solid gray;
}
.config div.halfright,
.halfright{
	float:left;
	margin:0;
	width:50%;
	padding:0 0 0 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:0;
	min-height: 52px;
}
.config div.thirdleft,
.thirdleft{
	float:left;
	margin:0;
	width:33%;
	padding:0 10px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
	border-right:1px solid gray;
}
.config div.thirdmiddle,
.thirdmiddle{
	float:left;
	margin:0;
	width:33%;
	padding:0 0 0 10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
}
.config div.thirdright,
.thirdright{
	float:left;
	margin:0;
	width:33%;
	padding:0 0 0 10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
}

.config div.left20,
.left20{
	float:left;
	margin:0;
	width:30%;
	padding:0 10px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
	border-right:1px solid gray;
}
.config div.right80,
.right80{
	float:left;
	margin:0;
	width:70%;
	padding:0 0 0 10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0;
}
.config div.halfright span,
.userprofile div.halfright span{
	padding:5px 0;
	margin:0 0 0 0;	
}
.noborder{
	border:0;
}
.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="number"],input[type="text"], input[type="password"], input[type="date"],input[type="datetime-local"], input[type="email"]{
	border:1px solid rgb(169, 169, 169);
	padding:7px;
	min-width:40%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 32px;
	margin-bottom: 5px;
}
input[type="number"][readonly],
input[type="text"][readonly],
input[type="password"][readonly],
input[type="date"][readonly],
input[type="datetime-local"][readonly],
input[type="email"][readonly]{
	background: transparent;
    color: white;
	border: 1px solid rgba(169, 169, 169,.5);
}

textarea::placeholder,
input[type="number"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="datetime-local"]:placeholder,
input[type="email"]::placeholder{
  color: lightgray;
  opacity: 1;
}

textarea:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
  color: lightgray;
}

textarea::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="datetime-local"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder {
  color: lightgray;
}
input[isdatetime="true"]{
	width:auto;
	min-width: auto;
}
.inputnote{
	font-size:12px;
	color:gray;
	margin: -3px 0 10px 0;
    display: block;
    float: left;
	width:70%;
}
.inputnotebutton{
	display: block;
    float: right;	
	margin: -5px 0 10px 0;
	text-align: right;
}
/*
	POPUP LOADER
*/
.leadpopuploader{
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, .7);
	z-index:5100 !important;
	display:none;
}
.leadpopuploaderloader {
	border: 16px solid #f3f3f3;
	border-top: 16px solid #3DB4E5;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;  
	
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*
	POPUP
*/
.jconfirm{
	z-index:5000 !important;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54,70,93,0.95);
}
.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 0px 0 !important;
    min-height:80vh !important;
}
.jc-bs3-container{
	min-height:100%;
	min-height:80vh !important;
}
.jc-bs3-container .jc-bs3-row{
	min-height:80vh !important;
}
.jc-bs3-container .jc-bs3-row .jconfirm-box-container.jconfirm-no-transition{
	min-height:80vh !important;
}
.jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{
	min-height:80vh !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{
	min-height:80vh !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{	
	margin-bottom: 0 !important;
	overflow-x: visible;
    overflow-y: visible;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{
	text-align:left;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content > div{
	position:relative;
}
.formName.neweditlead{
	height:calc(100% - 31px);
}
.formName.neweditlead div.full{
	padding:0 0 0 0;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 0px;
    margin-top: 20px;
}
.jconfirm .jconfirm-row{
	display: table-row;
    width: 100%;
    height: 100%;
}
.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}
.jconfirm.jconfirm-supervan.jconfirm-open .jconfirm-cell{
	display:block;
    vertical-align: middle;
	min-height:100vh !important;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{
	
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button.btn-blue{
	background:#4ca6ff;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button.btn-green{
	background:#27ae60;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button[disabled]{
	background:gray;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button[disabled]:hover{
	background:gray;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button.btn-red{
	background:red;
}
.jconfirm.jconfirm-dark .jconfirm-box div.jconfirm-title-c .jconfirm-title{
	padding-top:20px;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
label.checkbox{
	line-height:40px;
	height:40px;
	display:block;
	float: left;
	width:100%;
}
label.checkbox.half{
	width:50%;	
}
label.checkbox input[type="checkbox"]{
	line-height:40px;
	height:40px;
	margin:0px 0 0px 0;
	width: 20px;
}
label.checkbox input[type="checkbox"].left{
	margin-right: 10px;
}
label.checkbox input[type="checkbox"].right{
	margin-left:10px;
}
/*	CHECK BOX ICON	*/
label.checkbox.leadchklbl{
	line-height:30px;
	height:auto;	
	margin-right:10px;
}
label.checkbox.leadchklbl input[type="checkbox"]{
	line-height:30px;
	height:32px;
	margin: 0 auto;
}
/* CHECK ALL ICON */
label.checkbox.leadchkall{
	line-height:30px;
	height:auto;	
	margin-right:0;
}
label.checkbox.leadchkall input[type="checkbox"]{
	line-height:30px;
	height:25px;
	margin:0px 0 0px 0;	
}

.cke_editor_editor1,textarea.notes{
	margin-top:5px;
}
textarea.desc{
	margin:2px 0 5px 0;
	padding:7px;
	width:100%;
	/* float:left; */
	min-height:60px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
select{	
	padding:6px 5px;
	min-width:40%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	border:1px solid rgb(169, 169, 169);
	border-radius:0;
	max-height: 34px;
	margin:0 0 0 0;
}
select.full{
	width:100%;
}
select.leadstatus, select.leaddate, select.undofilter{
	padding:4px 5px;
	min-width:40%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid rgb(169, 169, 169);
	border-radius:0;
	max-height: 34px;
	margin:0 0 0 0;
	background:none;
	border:0;
	color:#cccccc;
	font-size: 14px;
}
select.leadstatus.autowidth, select.leaddate.autowidth{
	min-width:auto;
}
select.leadstatus option, select.leaddate option, select.undofilter option{
	color:black;
}
.todoinner .todo .todoinput textarea:focus {
	outline-offset:0;
	outline:white auto 5px;
	resize: none;
}
.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:14000;
	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;
	padding: 10px;
}
.loadermessage{
	color:white;
	text-align:center;
	width:100%;
	padding:0;
	margin:20px 0 0 0;
}
.windows8 {	
	position:relative;
	width:52px;
	height:52px;
	margin:45px 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;
	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;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{
	overflow:hidden !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;
}
a.disabled{
	pointer-events: none;
	color: gray;
}
input.full{
	width:100%;
}
.formicon{	
	margin:0 0px 0px 10px;
    position: relative;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .formicon img,
.formicon img{
	width:25px;	
	vertical-align: middle;
}
input.full.withiconright{
	width:85%;
	max-width:85%;
}
input.full.withplus{
	width:90%;
}
.addurl{
	color: white;
    margin: 2px 0px 0px 15px;
	font-size: 30px;
	line-height: 30px;
	padding:0;
	float: right;
}
.addurl.minus{
	color: white;
    margin: 0 2px 0px 0;
	font-size: 45px;
	line-height: 30px;
	padding:0;
	float: right;
}
.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:5100;
}
.toastmessage.big{
	top:50%;
	bottom:auto;
	padding:30px 50px;
	background:rgba(0, 0, 0, .8);
	font-size:2rem;
}
.toastmessage span,.toastmessage div,.toastmessage strong{
	font-size:inherit;
}
.toastmessage.txtleft{
	text-align:left;
}
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: 2px;
	width:20px;
	height:32px;
	font-weight: 900;
    font-size: 20px;
	margin-top:2px;
}
.inputchecker:after{
	color:greenyellow;
	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.filedropzone{
	line-height: 100px;
	text-align: center;
	min-height: 100px;
	padding: 0px 20px;
	border: 0;
	background: transparent;
	color: white;
	border: 1px dashed gray;
	margin-bottom:10px;
	float: right;
	width: calc(100% - 110px);
}
.dropzone.filedropzone .dz-message{
	margin:0;
}
.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";
}
.leadstable tr td.nocoderesults{
	position: relative;    
    width: 100%;
    text-align: center;    
    padding: 40px 0 40px 0;
	border: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;
}
.tooltipster-content, .tooltipster-content span{
	font-size:14px;
	line-height: 20px;
}
.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;
}
.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="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:#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:-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:0px 20px !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;
}
.form-group{
	margin:10px 0 0 0;
	position:relative;
}
.form-group input, .form-group select{
	margin:2px 0 5px 0;
}
#lead_phone{
	width: calc(100% - 35px);
}
a.leadeditcallbtn{
	float: right;
	margin: 5px 0 0px 0;
	width: 24px;
	padding: 0 0px 0px 5px;
	height: 31px;
}
a.leadeditcallbtn img{
	vertical-align:middle;
}
.form-group h5{
	margin:0 0 0 0;
	padding:5px 0 10px 0;
}
.form-group input[type="radio"]{
	margin:10px 5px 10px 5px;
}
.formName{
	border: 0;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
	display:table;
}
.form-group{
	display: inline-block;
	vertical-align: top;
	text-align:left;
	height: 100%;
	display: table-cell;
}
.form-group.l{
	width:30%;
	border-right: 1px solid white;
    padding-right: 15px;
}
.form-group.m{
	width:30%;
	padding-left:15px;
	padding-right:15px;	    
	border-right: 1px solid white;	
}
.form-group.r{
	width:40%;
	padding-left:15px;
}
.form-group.l2{
	width:50%;    
	border-right: 1px solid white;
    padding-right: 15px;
}
.form-group.r2{
	width:50%;
	padding-left:15px;
}
input.full{
	width:100%;
}
.datecallbacklist{
	max-height: 55px;
	margin: 0 0 0 10px;
}
.datecallbacklist span{
	display: inline-block;
}
.datecallbacklist2{
	max-height: 55px;
	margin: 0 0 0 0;
	overflow:auto;
}
.datecallbacklist2 span{
	display: block;
	float: left;
	width: 50%;
	padding: 2px 0;
	margin:0;
	border-bottom: 1px dashed gray;
}
.datecallbacklist2 span:nth-child(even){
	display: block;
	float: right;
	width: 50%;
	padding: 2px 0;
	margin:0;
	text-align:right;
	border-bottom: 1px dashed gray;
}
#popupcallbackcomment input.full.datepicker{
	width: 31%;
}
#popupcallbackcomment input.full.datepicker.mid{
	margin: 0 2.75% 0 2.75%;
}
/* SETTINGS */
.form-group.f{
	width:100%;
	display: block;
}
.form-group h3{
	background:black;
	color:#eee;
	padding:10px;
	float: left;
    width: 100%;
	margin: 0 10px 10px 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.userconfig{
	padding:10px 0 0 0;
}
.userconfig .form-group div.full{
	float: left;
    margin: 0;
    width: 100%;
    padding: 0 0 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
}
#user_product_access_list{
	min-height: 120px;
	width:100%;
}
.settingsicon{
	position:fixed;
	left:0;
	bottom:0;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	background:rgba(0,0,0,0.9);
    color: #fff;
	border-radius:0 10px 0 0;
	padding:10px 15px 5px 10px;
	margin:0 0 0 0;
}
.settingsicon img{
	width:30px;
	height:30px;
}
.currencyicon{
	position:fixed;
	left:60px;
	bottom:0;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	background:rgba(0,0,0,0.9);
    color: #fff;
	border-radius:10px 10px 0 0;
	padding:15px 10px 0 10px;
	margin:0 0 0 0;
}
.currencyicon img{
	width:30px;
	height:30px;
}
.toolsicon{
	position:fixed;
	left:225px;
	bottom:0;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	background:rgba(0,0,0,0.9);
    color: #fff;
	border-radius:10px 10px 0 0;
	padding:10px 10px 5px 10px;
	margin:0 0 0 0;
}
.toolsicon img{
	width:30px;
	height:30px;
}
.exportright:before {
	content: "Export notes to";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	color:#ABAEB7;
	background: #414247;
	padding: 10px;
	font-weight: bold;
}
.exportright :first-child {
	margin-top: 35px;
}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{
	background:#414247;
}
.ck.ck-toolbar__separator{
	background:gray;
}
.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners{
	color:white;
}
.ck.ck-button:not(.ck-disabled):focus,
.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):focus,
a.ck.ck-button:not(.ck-disabled):hover{
	background: gray !important;
}
.ck.ck-button.ck-disabled,
a.ck.ck-button.ck-disabled{
	color:gray;
}
.notesbox a.closenotes{
	float: right;
    color: red;
    font-size: 40px;
    margin:0 0 0 0;
    padding: 0;
    line-height: 20px;
	font-family: monospace;
	opacity:.2;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.notesbox:hover a.closenotes{
	opacity:1;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
a.clearpreview{
	float: right;
    color: red;
    font-size: 30px;
    margin:0 0 0 0;
    padding: 0;
    line-height: 12px;
	font-family: monospace;
}
#uploadbox img{
	max-width: 100%;
    max-height: 250px;
}
.uploadbox{
	float:right;
	border: 1px solid gray;
	padding: 15px;
	width: 100%;
}
.bgimagepreview{
	float: left;
    margin: 10px 0px 20px 0px;
    width: 100%;
	max-height: 300px;
}

.userprofile{
	position:fixed;
	left:20%;	
	right:20%;
	height:90%;
	height:calc(100% - 50px);
	margin:0 0 0 0;
	background:rgba(0, 0, 0, .9);
	bottom:-100%;
	color:white;
	padding:20px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	z-index: 5000;
}
.userprofile div input[type="text"],
.userprofile div input[type="number"],
.userprofile div input[type="password"],
.userprofile div input[type="color"],
.userprofile div input[type="date"],
.userprofile div input[type="datetime-local"],
.userprofile div input[type="email"]{
	padding:5px;
	margin:0 25px 0 0;
	float:right;
	width:100px;
	min-width:100px;
	text-align:right;
	max-height: none;
	box-sizing: border-box;
	border: 0;
	border:1px solid rgb(169, 169, 169);
	border-radius:5px;
}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
textarea:disabled{
	background:lightgray;
}
.userprofile div input.full,
.config div input.full{
	width:100%;
	box-sizing: border-box;
	margin: 0 0 0 0;
	text-align:left;
}
.userprofile div input[type="color"],
.config div input[type="color"]{
	padding: 0;
    margin: 0 15px 0 0;
    min-height: 40px;
	color:black;
	border: 0;
    outline: 0;
    background: none;
}
.config div.px:after{
	content:"px";
	width:10px;
	height:10px;
	position: absolute;
    right: 10px;
    top: 9px;
}
a.closeconfig{
	color: red;
    font-size: 20px;
    margin: 0 0 5px 0;
    padding: 5px 0;
    line-height: 20px;
    font-family: monospace;
    z-index: 2000;    
    text-align: center;
	background: black;
    color: white;
    width: 100%;
    float: left;	
}
.sharebox{
	position: absolute;
    bottom: 0;
    left: 10px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    color: white;
    display: none;
}
.sharebox img{
	width:32px;
	height:32px;
}
.userbox{
	position:absolute;
	left:50%;
	bottom:0;
	margin:0 0 0 -100px;
	width:200px;	
	background:rgba(0,0,0,0.9);
	border-radius:10px 10px 0 0;
	color:#ddd;
	padding:10px 7px 9px 7px;
	z-index: 2000;
}
.userbox a{
	color:#ddd;
}
.userbox img{
	width:30px;
	vertical-align: middle;
	margin:0 5px 0 0;
}
.xlogout{
	float: right;
    color: red;
    font-size: 35px;
    margin: 0 0 0 15px;
    padding: 0 5px 0 0;
    line-height: 50px;
    font-family: monospace;
    opacity: .5;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.xlogout:hover{
	opacity:1;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
/*********************************
login form
*********************************/
.accessform{
	text-align: center;
	float: left;
    width: 100%;
	position:relative;
}
.logologin{
	margin:0 auto;
}
.loginformbg{
	padding:0;
	margin:0;
	float: left;
    width: 100%;
	position:relative;
}
#accessform h1{
	text-align:center;	
}
.logindiv{
	background:white;
	color:black;
	padding:30px 30px 30px 30px;
	display: inline-block;
	border-radius:10px;
	margin:0 0 0 0;
	font-size: 14px;
	box-shadow:0px 10px 20px rgba(0, 0, 0, 1);
	margin:0 0 0 0;
}
.logindiv table{
	line-height:20px;
	min-width:300px;
}
.logindiv table td{
	padding:0 0 5px 0;
	color:black;
}
.statusmess{
	background:white;
	color:black;
	padding:20px 10px 20px 10px;
	width:534px;
	border-radius:10px;
	margin:10px;
	display:none;
	color:red;
}
.mobilenav{
	background-image:url('img/menu2w.svg');
	background-size:39px;
	background-repeat:no-repeat;
	background-position:center;
	width: 35px;
    height: 35px;
	border: 0;
    background-color: transparent;
	padding:0 0 0 0;
	border-radius:0;
	margin:5px 0 0 5px;
	float: left;
	display:none;
}
.mobilenav:hover{
	background-color:transparent;
	background:none;
	background-image:url('img/menu2w.svg');
}
.topnav .right .mobilenav.right{
	float: right;
	margin:9px 3px 0 0;
	background-image:url('img/search_white.svg');
	background-size:28px;
	width: 30px;
    height: 30px;
}
.topnav .right .mobilenav.right:hover{
	background-color:transparent;
	background:none;
	background-image:url('img/search_white.svg');
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;   
    overflow-x: hidden;
  }
* html .ui-autocomplete {
    height: 200px;
}
.tooltip_templates { display: none; }
.tooltipster-sidetip .tooltipster-content{
	color: #fff;
    line-height: 18px;
    padding: 6px 6px;
}
.weatherbox{
	position:fixed;
	left:60px;
	bottom:0;
	margin:0 0 0 0;
	width:160px;	
	background:rgba(0,0,0,0.9);
	border-radius:10px 10px 0 0;
	color:#ddd;
	padding:4px 13px 5px 7px;
	z-index: 2000;
}
.weatherbox .city{
	margin:0 0 0 0;
	padding:0 0 5px 0;
	width:100%;
	font-size:12px;
}
.weatherbox .date{
	float:left;
	font-size:12px;
	padding:0 0 0 0;
	width:100%;
}
.weatherbox .temp{
	float:right;
	font-size:25px;
	font-weight:normal;	
}
.weatherbox .tempimg{
	width:40px;
	vertical-align: middle;
	margin:0 0 0 0;
	position:absolute;
	left:5px;
	top:3px;
}
.weatherbox .desc{
	float:right;
	font-size:12px;
	width:100%;
	text-align:right;
    margin:-2px 0 -3px 0;
	color: lightgray;
}
.clocks{
	position:fixed;
	right:65px;
	bottom:0;
	margin:0 0 0 0;
	min-width:160px;	
	background:rgba(0,0,0,0.9);
	border-radius:10px 10px 0 0;
	color:#ddd;
	padding:5px 7px 0px 7px;
	z-index: 2000;	
	font-size:1rem;
}
.clockbox{
	display: inline-block;
	float:left;
}
.clockbox span{
	float:left;
	text-align:center;
	width:100%;
	margin: 0 0 -2px 0;
}
.clockbox img{
	width:22px;
	height:13px;
	float:none;	
	margin:0 0 0 0;
}
.clockbox h2{	
	float:left;
	display:inline-block;
	color:#ddd;
	font-size:14px;
	margin: 0 0 0 0;
	font-weight:normal;
	line-height: normal;
}
.clockbox h5{	
	text-align:center;
	display:block;
	color:#ddd;
	font-size:11px;
	margin: 0 0 0 0;
	font-weight:normal;
	line-height: normal;
}
.tipunderlay{
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, .4);
	z-index:2000;
	diplay:none;
}
.tooltipster-sidetip .tooltipster-content{
	word-wrap: break-word;
}
.introtip .tooltipster-sidetip .tooltipster-content{
	color:red !important;	
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{
	box-shadow:0px 10px 20px rgba(0, 0, 0, 1);
}
.qtip.xintrotip .qtip-tip{
	border-color:white;	
}
.qtip{
	background-color:#000001;
	color:white;
	border: none;
	border-color:blue;
}
.qtip .qtip-tip{	
	border-color:#000001;
}
/* Mouse-over effects */
input[type="range"]{
	width:100%;
}
.rangevaluer{
	float:right;
}
/*
	NEW SLIDER
*/
.slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 25px;
  background: #D3D3D3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #FF0000;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #FF0000;
  cursor: pointer;
}
.sliderticks {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.sliderticks p {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 1px;
  background: #D3D3D3;
  height: 10px;
  line-height: 40px;
  margin: 0 0 20px 0;
}
/*
	RSS
*/
.rssbox .inner ul{
	margin:0;
	padding:0;
	list-style: none;
}
.rssbox .inner ul li{
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:5px 0;
	border-bottom:1px solid #333;
}
.rssbox{
	position:fixed;
	width:50%;
	right:-50%;
	top:48px;
	bottom:0;
	z-index: 2000;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.rssbox.open{
	right:0;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.rssbox.tv .rsstoggle{
	margin-top:50px;
}
.rssbox.engadget .rsstoggle{
	margin-top:100px;
}
.rssbox .inner{
	background:rgba(0,0,0,0.9);
	color:#ddd;
	padding:20px 20px;
	overflow-y:scroll;
	overflow-x:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.rssbox .inner h4{
	padding:0 0 0 0;
	margin: 0 0 5px 0;
    text-align: center;
}
.rssbox .inner ul li span.gray{
	color:gray;
}
.rsstoggle{
	position:absolute;
	left:-47px;
	top:50%;
	background:rgba(0,0,0,0.9);
	border-radius:10px 0 0 10px;
	padding:11px 10px 7px 13px;
}
.rssbox .inner ul li a{
	color:#ddd;
}
.maxw20{
	width:20px;
}
.opa5{
	opacity:.5;
}
.open{
	z-index:10000;
}
/*************************************************
	COMMENTS : POPUP
*************************************************/
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
    padding-bottom: 5px !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c{
	padding-bottom: 5px !important;
}
.commentspopuptitle{
	position: relative;
    width: 45%;
    float: left;
	padding:7px 0px 7px 0px;
}
#commentsinpopup{	
	width: 100%;
    z-index: 5000;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: #ddd;
	position: relative;
    width: 100%;
    float: left;
}
#commentsinpopup .commentsinner{
	position: relative;
    width: 100%;
    float: left;
}
#commentsinpopup .commentsinner .filtercomments{
    width: 100%;    
    z-index: 1000;
    border-bottom: 0px solid gray;
}
#commentsinpopup .commentsinner .filtercomments #commentsfilterinput{
	width: 100%;
	margin: 2px 0 2px 0;
	border: 1px solid rgb(169, 169, 169);
    padding: 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 32px;
}
#commentsinpopup .commentsinner #commentsbox #comments{
    margin: 0px 0 0 0;
    padding:0;
    overflow-y: auto;
	max-height:calc(100vh - 220px);
}
#commentsinpopup .commentsinner #googleinpopupbox table{
	margin: 0px 0 0 0;
    padding:0;
    overflow-y: auto;
}
#commentsinpopup .commentsinner #commentsbox #comments li{
	list-style: none;
    padding: 0 0 0px 0;
    margin: 0;
    float: left;
    width: 100%;
    border-bottom: 1px dashed #333;
    position: relative;
}
#commentsinpopup .commentsinner #commentsbox #comments li.nocomments{
	text-align: center;
    padding: 40px 0;
    background: #111;
}
#commentsinpopup .commentsinner #commentsbox #comments li div{
	padding: 5px;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#commentsinpopup .commentsinner #commentsbox #comments li div strong{
	display: block;
    font-weight: 700;
}
#commentsinpopup .commentsinner #commentsbox #comments li div strong span{
	font-weight: normal;
    color: gray;
}
#commentsinpopup .commentsinner #commentsbox #comments li div strong a{
	float: right;
    opacity: 0;
}
#commentsinpopup .commentsinner #commentsbox #comments li div:hover strong a{
	opacity:.3;	
}
#commentsinpopup .commentsinner #commentsbox #comments li div strong a img{
	width:14px;
	vertical-align: middle;
	margin-top: -4px;
}
#commentsinpopup .commentsinner #commentsbox .todoinput{	
	height:40px;
	display: flex;
}
#commentsinpopup .commentsinner #commentsbox .todoinput #commenttxt{
	flex: 1;
	min-width: 80%;
	margin: 2px 0 10px 0;
	border: 1px solid rgb(169, 169, 169);
    padding: 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
	min-height:38px;
}
#commentsinpopup .commentsinner #commentsbox .todoinput #commentpost{
	flex: 1;
    max-width: 50px;
	border: 0;
    border-radius: 0;
    background: none;
    padding: 0;
    color: #212121;
	background:black;
}
#commentsinpopup .commentsinner #commentsbox .todoinput #commentpost img{
	
}
/*************************************************
	GOOGLE : POPUP
*************************************************/
.googleiframe{
	width:100%;
	height:100%;	
}
.googleiframe html{
	background:transparent;
}
#googleinpopup{	
	width: 100%;
    z-index: 5000;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: #ddd;
	position: relative;
    width: 100%;
    float: left;
	display:none;
}
#googleinpopup .commentsinner{
	position: relative;
    width: 100%;
    float: left;
	margin:2px 0 0 0;
	padding:10px 0;
	max-height:calc(100vh - 140px);
	overflow: auto;
}
#googleinpopup .commentsinner table tr td{
	position:relative;
}
#googleinpopup .commentsinner table tr td.date{
	width:135px;
}
#googleinpopup .commentsinner table tr td.mid{
	width:15px;
}
#googleinpopup .commentsinner table tr td span{
	position:absolute;
	right: 0;
    top: -5px;
	color:black;
	display:none;
    padding: 5px;
    background: black;
    color: white;
    border-radius: 10px;
}
#googleinpopup .commentsinner table tr:hover td span{
	display:inline;
}
/*************************************************
	SMS POPUP LIST
*************************************************/
#smsinpopup{	
	width: 100%;
    z-index: 5000;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: #ddd;
	position: relative;
    width: 100%;
    float: left;	
}
#smsinpopup .commentsinner{
	position: relative;
    width: 100%;
    float: left;
	margin:2px 0 0 0;
	padding:10px 0;
	max-height:calc(100vh - 70px);
	overflow: auto;	
}
#smsinpopup .commentsinner.editlead{
	max-height:calc(100vh - 255px);
}
#smsinpopup .commentsinner table tr td{
	position:relative;
}
#smsinpopup .commentsinner table tr td.date{
	width:135px;
}
#smsinpopup .commentsinner table tr td.mid{
	width:15px;
}
#smsinpopup .commentsinner table tr td span{
	position:absolute;
	right: 0;
    top: -5px;
	color:black;
	display:none;
    padding: 5px;
    background: black;
    color: white;
    border-radius: 10px;
}
#smsinpopup .commentsinner table tr:hover td span{
	display:inline;
}
#smscontentcounter{
	float:right;
}
/*************************************************
	COMMENTS SLIDEOUT
*************************************************/
.todobox{
	position:absolute;
	width:400px;
	right:-400px;
	min-width:400px;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.9);
	border-radius:10px 0 0 10px;
	z-index: 5000;
	color:#ddd;
}
.todobox.open{
	right:0;
}
.todotabs{
	list-style:none;
	padding:0;
	margin:0;
	width: 100%;
	display: flex;
	border-bottom:1px solid gray;
}
.todotabs li{
	padding:0;
	margin:0;
	border-right:1px solid gray;
	flex-grow: 1;
	text-align:center;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.todotabs li:last-child{
	border-right:none;
}
.todotabs li.sel,
.todoinner li.sel{
	background-color:#1a1a1a;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.todotabs li a{
	color:#ddd;
	padding:10px 10px 10px 20px;
	margin:0;
	display:block;
	text-align:left;
}
.todoinner{
	position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
}
.todoinner .tabcontent{
	display:none;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.todoinner .filtertodo{
	position:absolute;
	top:0;
    width: 100%;
	background-color: #1a1a1a;
	z-index:1000;
	display:none;
	border-bottom:1px solid gray;
}
.todoinner .filtertodo input{
	width:100%;
	background-color: #1a1a1a;
	padding:12px 10px;
	border:0;
	color: #ABAEB7;
}
.todoinner .tabcontent.sel{
	display:block;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
.todoinner .todo .todos{
	bottom:40px;
	position:absolute;
	left:0;
	right:0;
	top:0;	
	margin:0;
	padding:0;
	overflow-y: auto;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.todoinner .todo .todos li{
	list-style:none;
	padding: 5px 10px;
	margin:0;
	float:left;
	width:100%;
	border-bottom:1px dashed #333;
	position:relative;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.todoinner .todo .todos li:ui-state-highlightli{
	
}
.todoinner .todo .todos li div strong{
	display:block;
	font-weight: 700;
}
.todoinner .todo .todos li div strong span{
	font-weight:normal;
	color:gray;
}
.todoinner .todo .todos li div{
	padding: 5px;
	display: block;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.todoinner .todo .todos li div[contenteditable="true"]{
	background:#1a1a1a;	
}
.todoinner .todo .todos li a.checktodo{
	float:left;
	margin:3px 10px 0 0;
}
.todoinner .todo .todos li a.checktodo img{
	width:20px;
	opacity:.3;
	vertical-align: middle;
}
.todoinner .todo .todos li a.removetodo{
	float:right;
	opacity:0;	
}
.todoinner .todo .todos li:hover{
	background-color:#111;
}
.todoinner .todo .todos li:hover a.removetodo{
	opacity:.3;	
}
.todoinner .todo .todos li a.removetodo:hover{
	opacity:1;
}
.todoinner .todo .todos li a.removetodo img{
	width:14px;
	vertical-align: middle;
	margin-top: -4px;
}
.todoinner .todo .todoinput{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:40px;
	border-top:1px solid gray;
	display: flex;
}
.todoinner .todo .todoinput textarea{
	flex: 1;
    min-width: 80%;
	margin: 0;
	padding: 5px 10px;
	background: #1a1a1a;
	color: #ABAEB7;
	border: 0;
}
.todoinner .todo .todoinput button{
	flex: 1;
	max-width:50px;
}
.todotabs li.filter{
	max-width: 70px;
}
.todotabs li a.togglefilter{	
    color: red;
    font-size: 40px;
    margin:0 0 0 0;
    padding: 0;
    line-height: 28px;
	font-family: monospace;
	opacity:.5;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
	max-width: 100px;
	text-align:center;
}
.todotabs li a.togglefilter img{
	width:20px;
}
.todotabs li:hover a.togglefilter{
	opacity:1;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.todotabs li.closetodotab{
	max-width: 70px;
}
.todotabs li a.closetodo{	
    color: red;
    font-size: 40px;
    margin:0 0 0 0;
    padding: 0;
    line-height: 28px;
	font-family: monospace;
	opacity:.5;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
	max-width: 70px;
	text-align:center;
}
.todotabs li a.closetodo img{
	width:20px;
	vertical-align: middle;
}
.todotabs li:hover a.closetodo{
	opacity:1;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
.todoinner .todo .todos.withfilter, .todoinner .todohistory .todos.withfilter{
	top: 35px;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.todoinner .todo .todos li.todonoitems{
	text-align: center;
    border: 0;
    padding: 40px 0;
	display: block;
}

.toolsbox{
	position:fixed;
	left:20%;	
	right:20%;
	height:90%;
	height:calc(100% - 50px);
	margin:0 0 0 0;
	background:rgba(0, 0, 0, .9);
	bottom:-100%;
	color:white;
	padding:20px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	z-index: 5000;
}
.toolsbox.open{
	margin:0 0 0 0;
	bottom:0;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
textarea{
	padding:5px;
	border: 1px solid rgb(169, 169, 169);       
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0 0 5px 0;
}
textarea.full{
	width:100%;
}
textarea.h50{
	min-height:50px;
}
textarea.h75{
	min-height:75px;
}
textarea.h100{
	min-height:100px;
}
textarea.h150{
	min-height:150px;
}
#tooltxtin{
	margin:0 0 10px 0;
	padding:10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#tooltxtout{
	margin:10px 0 0 0;
	padding:10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.closetoolsbox{
	color: red;
    font-size: 20px;
    margin: 0 0 5px 0;
    padding: 5px 0;
    line-height: 20px;
    font-family: monospace;
    z-index: 2000;    
    text-align: center;
	background: black;
    color: white;
    width: 100%;
    float: left;	
}
.jssocials-share-link { border-radius: 50%; }
.btn{
	cursor:pointer;
}
.whitegoogle{
	background-image:none;
	background-color:none;
	color:white;
	padding:0;
    font-size: 25px;
}
.leadscontent td span.hidden{
	display:none;
}
.leadscontent.quickfocus{
	background:black !important;
}
.wrap{
	word-break: break-word;
    white-space: pre-wrap;
    overflow-wrap: break-word;
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-word;
    white-space: normal;
}
.cap{
	text-transform: capitalize;
}
.capfirst::first-letter {
	text-transform: capitalize;
}
/*====================================
	CUSTOM SCROLLBAR
====================================*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #eeeeee;
}

/*====================================
	INPUT FILE
====================================*/
.fileinput2{
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	width:100%;
	margin:10px 0 0 0;
}
.fileinput2 input[type="file"]{
    height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	zoom: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display:none;
}
.fileinput2 input[type="text"]{
	margin-bottom:0;
}
.fileinput2 input[type="button"]:disabled{
	display:none;
}
#csvpickbtn{
	padding: 7px 5px;
}
.csvuploadtype{
	float: left;
	margin-right:10px;
}
.csvuploadtype input[type="checkbox"]{
	height: 31px;
	vertical-align: middle;
	margin: 0 10px;
	padding: 0;
	width: 25px;
}
/*====================================
	FLEX BOX
====================================*/
.flexbox{
	display:flex;
	flex-wrap:wrap;
	flex-flow:wrap;
	justify-content:flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin: -10px;
	padding: 10px 0;
}
.innersection{
	background:#12181e;
	padding:10px 20px 20px 20px;
	margin: 10px 10px 0px 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width:350px;
	align-self:stretch;
	flex-grow:1;
}

.innersection h5{
	margin:5px 0 10px 0;
}
.innersection span{
	display:block;
	height:auto;
	margin-bottom:10px;
}
/*====================================
	CHART
====================================*/
.innersection.chart{
	min-width:45%;
	flex-grow:1;
	position:relative;
}
.innersection.chart h5{
	margin:5px 0 10px 0;
}
.innersection.chart span{
	display:block;
	height:auto;
}

.chartbox{	
	height:auto;
	max-height:calc(100% - 80px) !important;
	margin: 20px 0;
}
/*====================================
	STATS CHART
====================================*/
.flexbox.stats{
	display:flex;
	flex-wrap:wrap;
	flex-flow:wrap;
	justify-content:flex-start;
	align-items: stretch;
	align-content: flex-start;	
	
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 0 5px 0;
	margin:-5px;
	flex-direction: row; /* let the content flow to the next row */
}

.flexbox.stats .innersection.chart{
	align-self:auto;
	flex:1 1 50%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:40px 20px 20px 20px;	
	flex: 0 0 auto; /* auto is important because of an IE bug with box-size */    
    display: inline-block;	
	margin: 5px; /* spacing between boxes, matches parent element */
	width: calc(50% - 10px);
}
.flexbox.stats.first{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	display:block;
	position:fixed;
	z-index:990;
	margin:0px 0 0 0;
	top:60px;
	left:0;
	right:0;
	background: #25303b;
	border-top:1px solid black;
}
.flexbox.stats.first .innersection.chart{
	padding:0;	
	margin:0 0 0 0;
	border:0;	
	position:relative;
	width:100%;
	text-align: center;
	background:transparent;
}
.flexbox.stats.first .formbox{
	padding:8px 20px 6px 20px;
	position:relative;
    display: inline-block;	
}
.flexbox.stats.first .formbox *{
	float:left;	
	width:auto;
	min-width:auto;
}
.flexbox.stats.first .formbox button{
	margin:0 1px;
}
.flexbox.stats.first .formbox span{
	line-height:30px;
	margin:0 5px;
}
.flexbox.stats.first .formbox input,
.flexbox.stats.first .formbox select{
	background: transparent;
    color: white;
    border: 1px solid rgba(169, 169, 169,.5);
	padding: 7px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 32px;
    margin-bottom: 0;
}
.flexbox.stats.first .formbox input::placeholder,
.flexbox.stats.first .formbox select::placeholder,
.flexbox.stats.first .formbox input:-ms-input-placeholder,
.flexbox.stats.first .formbox select:-ms-input-placeholder,
.flexbox.stats.first .formbox input::-ms-input-placeholder,
.flexbox.stats.first .formbox select::-ms-input-placeholder{	
	color: white;
}
.slidecharts.full.stats{	
	align-self: auto;
    flex: 1 1 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    flex: 0 0 auto;
    display: inline-block;
    margin: 0;
    width: 50%;
}
.slidecharts.full.stats .innersection.chart.stats.chatjs{
	flex: 0 1 100%;
    padding: 40px 20px 20px 20px;
	align-self: auto;
    flex: 1 1 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    flex: 0 0 auto;
    display: inline-block;
    margin: 5px;
    width: calc(100% - 10px);
	min-width:auto;
}

.innersection.chart.stats.fullwidth.chatjs{
	padding:0px 20px 20px 20px;	
	margin:10px 0px 0 0px;	
	flex: 0 1 100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	max-height: none;
}

.statslist{
	line-height:25px;
	font-size:16px;
}
.statslist p{
	border-bottom:1px solid #333;
	padding:5px 0;
	margin:0px 0;
	font-size:16px;
}
.statslist p.spacer{
	padding:0 0;
	margin:0px 0;	
	border:0;
}
.statslist p span{
	float:right;
	font-size:18px;
}
.innersection.chart span.green{
	color:#36d900;
}
/*	statsbox at 30%  */
#statslist{
	width: calc(30% - 10px);
	min-width:auto;
}
.flexbox.stats .innersection.chart.salesboards1{
	width: calc(70% - 10px);
	min-width:auto;
}
.flexbox.stats .innersection.chart.full{
	width: calc(100%);
	min-width:auto;
}
.flexbox.stats .innersection.chart.progchart{
	padding: 20px 20px 20px 20px;
	min-height:300px;
	border-left: 0;
	border-right: 10px solid #1d252e;
	margin: 10px 5px 5px 5px;
	max-height:80vh;
}
.flexbox.stats .innersection.chart.progchart canvas{
	min-height:350px;
	max-height:none;
    margin: 0px 0 0px 0;
}
.flexbox.stats .innersection.chart.progchart h5{
	text-align:center;
}
.flexbox.stats .innersection.chart.progchart h5 a{
	margin:0 10px;
}
.flexbox.stats .innersection.chart.progchart h5 a img{
	vertical-align:middle;
}
.flexbox.stats .innersection.chart.dougnut{
	min-height:500px;
	max-height:none;
	padding:10px 20px 0px 20px;
	margin: 5px;
	width: calc(70% - 10px);
	min-width:auto;
}
.flexbox.stats .innersection.chart.dougnut h5{
	margin:10px 0 0px 0;
}
.innersection.chart.dougnut {
	padding: 10px 20px 20px 20px;
    margin: 10px;
}
.flexbox.stats .innersection.chart.top5{
	width: calc(30% - 10px);
	min-width:auto;
	padding: 20px 20px 20px 20px;
}
.flexbox.stats .innersection.chart.top5 h5{
	padding-bottom:10px;
}
.flexbox.stats .innersection.chart.top5 h6{
	padding:20px 0 10px 0;
	margin:0 0 0 0;
	font-size:14px;
	float: left;
    width: 100%;
}
.flexbox.stats .innersection.chart.top5 ul{
	list-style:none;
	padding:0 0 0 0;
	margin:0;
	float: left;
    width: 100%;
}
.flexbox.stats .innersection.chart.top5 ul li{
	width:100%;
	float:left;
	padding:7px 0 7px 0;
	border-bottom: 1px dashed #555;
}
.flexbox.stats .innersection.chart.top5 ul li .left{
	float:left;
	font-size:16px;
	width:70%;
}
.flexbox.stats .innersection.chart.top5 ul li .right{
	float:right;
	font-size:16px;
	min-width:45px;
	text-align:right;
}
/*====================================
	START CHART
====================================*/
.flexbox.start{
	display:flex;
	flex-wrap:wrap;
	flex-flow:wrap;
	justify-content:flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin: -10px;
	padding: 10px 0;	
}
.innersection.chart.start{
	min-width:20%;
	flex-grow:1;
	align-self:auto;
}
.innersection.chart.start.smaller{
	min-width:30%;
}
.innersection.chart.start.big{
	min-width:50%;
}
.innersection.chart.start.bigger{
	min-width:70%;
}
.innersection.chart.start.fullsize{
	min-width:90%;
}
.innersection.chart.start.small{
	min-width:100px;	
	flex-grow:.2;
	align-self:stretch;
	padding: 10px 20px 20px 20px;
}
.flexbox.start.fullheight{
	margin: -10px -10px -10px -10px;
	padding: 0px 0 10px 0;	
}
.innersection.chart.start.chatjs{
	padding:0px 20px 20px 20px;
	margin:10px 0px 0 0px;
	border-left:10px solid #1d252e;
	border-right:5px solid #1d252e;
	flex: 0 1 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	flex: 0 0 auto; /* auto is important because of an IE bug with box-size */
	display: inline-block;
	width: calc(50%);
}
.innersection.chart.start.big.chatjs{
	border-left:5px solid #1d252e;
	border-right:10px solid #1d252e;
}
.slidecharts{
	flex: 0 1 50%;	
	-moz-box-sizing: border-box;
    box-sizing: border-box;	
	margin:0;
    padding:0;
	display: flex;
    flex-wrap: wrap;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
	min-width: 20%;    
    align-self: auto;
}
.slidecharts.full{
	flex: 0 1 100%;	
	-moz-box-sizing: border-box;
    box-sizing: border-box;	
	margin:0;
    padding:0;
	display: flex;
    flex-wrap: wrap;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
	min-width: 20%;    
    align-self: auto;
}
.slidecharts .innersection.chart.start.chatjs{
	flex: 0 1 100%;
    padding: 40px 20px 20px 20px;
	border-left:10px solid #1d252e;
	border-right:10px solid #1d252e;	
}

.innersection.chart.start.fullwidth.chatjs{
	padding:0px 20px 20px 20px;	
	margin:10px 0px 0 0px;
	border-left:10px solid #1d252e;
	border-right:10px solid #1d252e;	
	flex: 0 1 100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	max-height: none;
}
.innersection.chart.start.chatjs h5{
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}
.innersection.chart.start.chatjs .bigno{
	font-size: 2em;
    text-align: center;
    line-height: normal;
    margin:10px 0 0 0;
}
.innersection.chart.start.chatjs .bigno .eurosmall{
	display: inline;
	font-size:2rem;
	margin: 0;
    padding: 0;
    line-height: normal;
}
.innersection.chart.start.dashbox{
	display:flex;
	padding:0;
    margin: 0px 10px 0px 10px;
	background:none;
}
.innersection.chart.start.dashbox .dashitem{
	flex-grow:1;
	align-self:stretch;
	padding:5px 10px 0 10px;
	background: #12181e;
	border-right:10px solid #1d252e;
}
.innersection.chart.start.dashbox .dashitem:last-child{
	border-right:0px solid transparent;
}
.innersection.chart.start.dashbox h5 span{
	color: deepskyblue;
}
.innersection.chart.start.dashbox h5,
.innersection.chart.start.dashbox h5:first-child{
	margin:5px 0 0 0;
	padding:0 0 0 0;
}
.innersection.chart.start.dashbox span.bigno{
	font-size:5em;
	margin-bottom: 0;	
	text-align:right;
	float: right;
	line-height: 1em;
}
.innersection.chart.start.dashbox span.bigno .eurosmall{
	display: inline;
	font-size:2rem;
	margin: 0;
    padding: 0;
    line-height: normal;
}
.innersection.chart.start.dashbox span.bigno.green{
	color:#36d900;
}
.innersection.chart.start.dashbox span.bigno.red{
	color:darkred;
}
.innersection.chart.start.dashbox span.bigno.yellow{
	color:yellow;
}
.innersection.chart.start .dashitem h5{
	float:left;
}
.innersection.chart.start h5{
	margin:5px 0 0 0;
	padding:20px 0 0 0;	
}
.innersection.chart.start h5:first-child{
	margin:5px 0 10px 0;
	padding:0 0 0px 0;
}

.innersection.chart.start span{
	display:block;
	height:auto;
}
.innersection.chart.start span.hidden{
	display:none;
}
.innersection.chart.start span.bigno{
	font-size:10em;
	text-align:center;
}
.innersection.chart.start .chartbox{
	height:auto;
	max-height: calc(100% - 80px) !important;
	margin: 20px 0 10px 0;
	min-height:300px;
}
.slidecharts .innersection.chart.start .chartbox{
	min-height: auto;
    height: auto;
    max-height: none;
	margin:10px 0 10px 0;
}
.innersection.chart.start.chatjs h5 span{
	float:right;
}
.chartresize,
.innersection.chart.start.chatjs h5 img{
	float:right;
	margin:0 0 0 10px;
}
.popuptabswitch{
	float:right;
	color:white;	
	text-align: right;
}
.companynameshow{
	padding:10px 0;
    display: block;
	text-transform: capitalize;
}
label.checkbox.leadchklbl, label.checkbox.leadchkall{
	display:none;
}
label.checkbox.leadchklbl.show, label.checkbox.leadchkall.show{
	display: inline-block;
}
.leadchktoolbox{
	position:fixed;
	bottom:50px;
	right:30px;
	min-width:350px;
	max-width: 33%;
	background: #000;
	color:white;
	padding:20px;
	z-index:200;
	display:none;
}
.leadchktoolbox select, .leadchktoolbox button{
	margin-top:5px;
}
.leadchktoolbox button{
	width:100%;
}
.leadchktoolbox .title{
	font-weight: bold;
	text-align:left;
	padding: 0px 0 10px 0;
	min-height: auto;
}
.leadchktoolbox .fullwidth{
	margin-bottom:10px;
}
#leadchktoolboxcount{
	float:left;
	width:150px;
	text-align:left;
	padding: 0px 0 10px 0;
	min-height: auto;
}
.btn.img.left img{
	float:left;
	width:15px;
	margin-right: 10px;
}
.btn.img.right img{
	float:left;
	width:15px;
	margin-left: 10px;
}
#closeleadchktoolbox{
	position: absolute;
    right: 15px;
    top: 5px;
    float: none;
    color: red;
    font-size: 30px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 30px;
    font-family: monospace;
    opacity: .5;
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
textarea.desc.nobottommar{
	margin: 2px 0 0 0;
}
span.graynote{
	color:gray;
}
/* pagination */
ul.pagination{
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
}
ul.pagination li{
	display:inline-block;
	list-style-type: none;
	position: relative;
}
ul.pagination li a{
	background:#333;
	border-radius:10px;
	margin:0;
	padding:6px;	
}
ul.pagination li a:hover{
	background:black;
}
ul.pagination li a.reverse,
.reverse{
	transform: rotate(180deg);
}
ul.pagination li.info{
	padding:0 10px 0 10px;
	margin:0 0 0 0;
	font-size:12px;
	min-width:250px;
	position: relative;
	z-index:200;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
ul.pagination li.info div.pagelbl{
	display:block;
	position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
	background: #1a1a1a;
	padding:8px 8px 0 0;
	border-radius:10px 10px 0 0;
    line-height: 20px;
}
ul.pagination li.info div.pageno{
	display:block;
	position: absolute;    
	top:-10px;
	left: 0;
    right: 0;
}
ul.pagination li.info div.pageno a{
	padding:5px;
	margin:0;
	border-radius:50%;
	width: 15px;
    height: 15px;
    line-height: 16px;
	transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}
ul.pagination li.info div.pageno a.sel{
	background:black;
}
ul.pagination li.info div.pageno a:hover{	
	background:black;
}
.faded{
	opacity:.5;
}
.userimage{
	float: right;
    margin: 12px 0 0 5px;
    padding:6px 7px 5px 7px;
    line-height: 50px;
    opacity: 1;
    border-radius: 0;
    background-color: #1a1a1a;
    border: 0;	
}
.userimage:hover{
	background-color: #5C5C5C;	
	cursor:pointer;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
/* USER SUBMENU */
.usersubmenu{
	display:none;
	position:fixed;
	background:#1a1a1a;
	color:white;
	padding:0;
	z-index:1000;
	right:10px;
	top:47px;	
	margin:0;
	line-height: 20px;
}
.usersubmenu li{
	color:white;
	text-align:left;
	list-style:none;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.usersubmenu li a{
	color:white;
	text-align:left;
	float: left;
    width: 100%;
    display: block;
	padding:10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.usersubmenu li a.logout{
	color:red;
}
.usersubmenu li a:hover{
	background:#333;
}
.usersubmenu li.userinfo{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background: black;
    color: gray;
}
#usermenu{
	position:relative;	
}
.start_filterbyuser{
	background:transparent;
	border:1px solid #333;
	color:white;
	padding: 7px 0px 7px 10px;
    margin:5px 0px 5px 0px;
	font-weight:bold;
	max-height: none;
}
.start_filterbyuser option{
	background:black;
	color:white;
	box-shadow:none;
}
.start_filterbyuserinfo{
	line-height:20px;
}
.innersection.chart.start .start_filterbyuserinfo span{
	display:inline-block;
	float:right;
}
.topnav .left,
.centerlogobox,
#topnavright {	
	margin-left:0;
	margin-right:0;
	float:none;
}
.topnav .left{
	width:40%;
	flex-grow:1;
}
.centerlogobox{
	min-width:150px;
}
#topnavright{
	width:40%;	
	flex-grow:1;
}
/*	CUSTOM SELECT   */
#adminshowuser, #adminshowproduct, #usershowproduct{
	padding: 0px 5px;
    min-width:auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    border-radius: 0;
    max-height: 34px;
    margin: 0 0 0 0;
	background: transparent;
	color:gray;
	text-align: center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	text-align-last:center;
}
#adminshowuser option, #adminshowproduct option, #usershowproduct option{
	text-align: center;
	background:#1a1a1a;
	color:white;
	border:0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
	outline:none;
	padding:10px;
}
.leadformfooter{
	position: fixed;
    left: 0;
    bottom: 0;
	right:0;
	z-index: 5000;
	background-color: #25303b;
	padding:4px 0px 3px 0px;
	text-align:center;	
}
.leadbtnboxbottom{
	display:inline-block;
	text-align:center;
}
.leadbtnboxbottom button{
	display:inline-block;
	font-size: 16px;
	border-radius: 2px;
	padding: 10px 10px;
	min-width: 100px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.leadbtnboxbottom button{
	margin-right:5px;
	margin-left:5px;
}
.leadbtnboxbottom button:first-child{
	margin:0px;
}
.leadbtnboxbottom button:last-child{
	margin:0px;
}
.leadbtnboxbottom .closeeditlead{
	background:red;
	color:white;
}
.leadbtnboxbottom .saveeditlead{
	color:white;
	background:#27ae60;
}
.leadbtnboxbottom .saveandcloseeditlead{	
	color:white;
	background:#4ca6ff;
}
.leadbtnboxbottom .testsaveeditlead{	
	color:white;
	background:#00468c;
}
.prevleadsarrow{
	position: fixed;
    left: 0;
    bottom: 0;
	z-index: 5000;
	background-color: #1a1a1a;
	padding:10px;
}
.nextleadsarrow{
	position: fixed;
    right: 0;
    bottom: 0;
	z-index: 5000;
	background-color: #1a1a1a;
	padding:10px;
}
.prevleadsarrow img{
	transform: rotate(180deg);
}
.tooltipster-sidetip .tooltipster-content{
	font-size:20px;
}
.logline{
	color: #666;
	padding: 0 0 5px 0;
    border-bottom: 1px dashed lightgray;
    margin: 5px 0 0 0;    
	position:relative;
}
.logline span{
	position:absolute;
	right: 0;
    top: -5px;
	color:black;
	display:none;
    padding: 5px;
    background: black;
    color: white;
    border-radius: 10px;
}
.logline:hover span{
	display:inline;
}

.loglist .loglinetr{	
	position:relative;
}
.loglist .loglinetr td{
	color: #fff;
	padding: 0 0 5px 0;
    border-bottom: 1px dashed lightgray;
    margin: 5px 0 0 0;
}
.loglist .loglinetr .date{
	width: 130px;
	padding:5px 0;
	margin:0;
}
.loglist .loglinetr .mid{
	padding:5px 5px;
	margin:0;
	width: 15px;
}
.loglist .loglinetr .text{
	padding:5px 0;
	margin:0;
	position:relative;
}
.loglist .loglinetr span{
	position:absolute;
	right: 0;
    top: -5px;
	color:black;
	display:none;
    padding: 5px;
    background: black;
    color: white;
    border-radius: 10px;
}
.loglist .loglinetr:hover span{
	display:inline;
}
.loglist.calllog .loglinetr{
	padding: 0;
	margin: 0;
}
.loglist.calllog .loglinetr td{
	padding: 0;
	margin: 0;
	border:0;
}
.loglist.calllog{
	position: relative;
}
.loglist.calllog
.loglist .loglinetr
.loglist.calllog .loglinetr td,
.loglist.calllog .loglinetr td table tr td{
	border:0;
}
.loglist.calllog .loglinetr .innermain{
	border-bottom: 1px dashed gray;
	margin: 5px 0 0 0;
	padding: 10px 10px 10px 10px;
	background: gray;
	border-radius: 15px;
	border: 0;
}
.loglist.calllog .loglinetr .innermain tr.sub{
	background: white;
	color: black;
}
.loglist.calllog .loglinetr .innermain tr.sub td{
	border-top: 1px dashed white;
	margin:0 0 0 0;
	padding: 15px 0 15px 15px;
	color: black;
	line-height: 1.75rem;
	font-weight: normal;
}
.loglist.calllog .loglinetr .innermain tr.sub td:last-child{
	line-height: 1.35rem;
	padding: 15px 15px 15px 0;
}
.loglist.calllog .loglinetr .innermain tr.sub td strong, .loglist.calllog .loglinetr .innermain tr.sub td a{	
	font-weight: bold;
}
.loglist.calllog .loglinetr .innermain tr.sub td audio{
	display: block;
    position: relative;
    width: 100%;
}
.undofitem{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	line-height: 31px;
}
.undofitem input[isdate="true"]{
	width: 100px;
    padding: 7px;
    min-width: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: auto;
    margin-bottom: 0;
	border:0;
	background:transparent;
	color: #cccccc;
}
.undoicon{
	width: 20px;
    vertical-align: middle;
}
.commentcount{
	position: absolute;
    top: -7px;
    background: #ddd;
    border-radius: 50%;
    z-index: 500;
    padding: 3px;
    font-size: 12px;
    line-height: 12px;
    margin: 0 0;
    color: #212121;
    right: -5px;
	min-width: 13px;
    text-align: center;
    z-index: 5;
}
.commentcount.has{
	background:darkgreen;
	color:white;
}
.innersection.chart.start.chatjs.floatingchart,
.innersection.chart.floatingchart{
	position:fixed;
	left:0;
	right:0;	
	top:60px;
	bottom:0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	z-index:2000;	
}
.leadstable tr td a.but{
	float:left;
	display: inline;
}
input[type="number"].transinput, 
input[type="text"].transinput, 
input[type="password"].transinput, 
input[type="date"].transinput, 
input[type="datetime-local"].transinput, 
input[type="email"].transinput,
.transinput{
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	color:#cccccc;
	outline:0;
	display:inline-block;
	display: inline;
    float: left;    
	width:100%;
	font-size: 1em;	
}
input[type="number"].transinput.small, 
input[type="text"].transinput.small, 
input[type="password"].transinput.small, 
input[type="date"].transinput.small, 
input[type="datetime-local"].transinput.small, 
input[type="email"].transinput.small,
.transinput.small{
	min-width:1px;
    width: auto;
}
input[type="number"].transinput.iconleft, 
input[type="text"].transinput.iconleft,
input[type="password"].transinput.iconleft,
input[type="date"].transinput.iconleft,
input[type="datetime-local"].transinput.iconleft, 
input[type="email"].transinput.iconleft,
.transinput.iconleft{
	margin-left:10px;
}
input[type="number"].transinput.iconright, 
input[type="text"].transinput.iconright,
input[type="password"].transinput.iconright,
input[type="date"].transinput.iconright,
input[type="datetime-local"].transinput.iconright, 
input[type="email"].transinput.iconright,
.transinput.iconright{
	margin-right:10px;
}
[contenteditable="true"]{
	
}
[contenteditable="true"]:focus{
	background:rgba(0,0,0,.5);
}
.foc{
	color:green;
}
.popupproduct{
	margin-bottom:5px;
}
.popupproduct strong{
	font-weight:700;
}
#callback_product_details_full img,
#popup_product_details_full img,
#popup_product_details img{
	max-width:75px;
	min-width:75px;
	float: right;
}
ul.templateicons{
	list-style-type:none;
	width:100%;
	text-align: center;
	padding:0 0 0 0;
	margin:20px 0 0 0;
}
ul.templateicons li{
	display: block;
	padding: 3px 0 0 0;
	margin: 0px 0 3px 0;
	float: left;
	width: calc(100% - 2px);
	border-bottom: 1px dotted gray;
	/* border-radius: 0; */
}
ul.templateicons li:hover{
	background-color:#333;
}
ul.templateicons li div.leftimg{
	float:left;
	padding: 10px 10px 10px 0px;
	width: 70px;
	padding:10px;
	border:1px solid white;
	border-radius:50%;
	margin: 0px 0 0px 0;
}
ul.templateicons li div.leftimg img{
	width: 60px;
	float: left;
	margin:0 0 0 0;
}
ul.templateicons li div.left{
	float:left;
	padding:10px 10px 10px 10px;
	width: calc(70% - 70px);
}
.jconfirm-content ul.templateicons li div.left img.lineicon{
	width: 60px;
	float:left;
	margin:0 10px 0 0;
}
ul.templateicons li div.left span{
	float:left;
	padding: 5px 0 0 0;
	display:block;
	width: calc(100% - 75px);
	text-align:left;
	color: darkgray;
}
ul.templateicons li div.left span.title{
	margin:0;
	padding:0 0 0 0;
	display:block;
	color: white;
	font-weight: bold;
	font-size: 15px;
}
ul.templateicons li div.left span.title .keyword{
	float: none;
	display: inline;
	margin: 0 5px 0 10px;
	padding: 4px 10px;
	background: rgba(0, 0, 0, .25);
	border-radius: 15px;
	font-size: 11px;
}
ul.templateicons li div.left span.title .keyword.mobile{
	color:red;
}
ul.templateicons li div.left span.title .keyword.email{
	color:green;
}
ul.templateicons li div.right{
	float: right;
	padding: 0 0 0px 0;
	margin-left: 0px;
	text-align:right;
	margin: 0px 0 0 0;
	height: 76px;
	display: flex;
	justify-items: end;
	align-items: center;
}
ul.templateicons li div.right a{
	color:white;
	padding:15px 15px 15px 15px;
	text-align:center;
	border-left:1px solid gray;	
}
ul.templateicons li div.right a img{
	width:25px;
	margin:0px auto 5px auto;
	display:block;
}
ul.templateicons li div.right button{
	color: white;
    padding: 6px;
    text-align: center;
    border-left: 0;
	border: 1px solid #444;
	background: #1A1A1A;
	border-radius: 0;
	margin-right:5px;
}
ul.templateicons li div.right button.vis{
	/*background: #27ae60;*/
}
ul.templateicons li div.right button.tilpas{
	/*background: #4ca6ff;*/
}
ul.templateicons li div.right button img.templatebtnimg{
	width: 20px;
	margin:0 6px 0 0;
	vertical-align: middle;
}
.popuptoplefticons{
	position:absolute;
	top: 15px;
    left: 20px;	
}
.popuptoplefticons a{
	float:left;
	margin: 0 0px 0px 10px;
	line-height: 20px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .popuptoplefticons a.whitegoogle,
.popuptoplefticons a.whitegoogle{
	font-size: 33px;
    line-height: 26px;
    margin: 0 0 0 0;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .popuptoplefticons a img,
.popuptoplefticons a img{
	max-height: 25px;
	width: 25px;
    vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img.productpicpreview{
	max-width:100px;
	float:left;
}
#productpicbuttons{
	float:left;
	line-height: normal;
	margin: 0 10px;
}
.dropzone.filedropzone.productpic{
	line-height: 100px;
    text-align: center;
    min-height: 100px;
    padding: 0px 20px;    
    border: 1px dashed gray;	
	margin:0 0 10px 10px;
	float:right;
}
#popup_product_details_full{
	padding:10px;
	border:1px solid white;
	margin:0 0 10px 0;
}
#popupjatakcomment{
	padding: 0 0 0 0;
}
.select2-container{
	z-index:9000;
	width:100%;
}
img.productimage{
	max-width:75px;
	min-width:75px;
	float: right;
	padding: 5px 5px 5px 5px;
}
.select2-container{
	margin: 2px 0 5px 0;	
}
#editcallback .select2-container--default .select2-selection--single,
#jatakpopup .select2-container--default .select2-selection--single,
#jatakbox .select2-container--default .select2-selection--single{
	border-radius: 0;
	margin: 2px 0 5px 0;
}
#select2-popup_product_full-results, #select2-popup_product-results{
	max-height: 350px;
    overflow: auto;
}
#select2-popup_product_full-results .popup_product_full .select2-results__option,
#select2-popup_product-results .popup_product .select2-results__option{
	float: left;
    width: 100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#editcallback .select2-container--default .select2-selection--single .select2-selection__rendered,
#editcallback .select2-container .select2-selection--single,
#jatakpopup .select2-container--default .select2-selection--single .select2-selection__rendered,
#jatakpopup .select2-container .select2-selection--single,
#jatakbox .select2-container--default .select2-selection--single .select2-selection__rendered,
#jatakbox .select2-container .select2-selection--single{
	line-height: 31px;
	height: 31px;
}
#editcallback .select2-container--default .select2-selection--single .select2-selection__arrow,
#jatakpopup .select2-container--default .select2-selection--single .select2-selection__arrow,
#jatakbox .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 3px;
}
.popup_product .popupproduct h4,
.popup_product_full .popupproduct h4{
	margin: 0;
    padding: 0;
	text-transform: capitalize;
}
#export_userid{
	margin:10px 0;
}
.csvuploadformatselect{
	min-width:auto;
}
.charttools{
	padding: 0px 20px 0px 20px;
	min-width: 20%;
    flex-grow: 1;
    align-self: auto;
	margin: 0;
	background: #000000;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	position:absolute;
	z-index:1000;	
	min-height:25px;
	line-height:25px;
}
.percentage-char {
	position: absolute;
	right: 17px;
    top: 25px;
    font-size: 15px;
	color:black;
}
.one-digit {
	left: 13px;
}
.two-digits{
	left: 24px;
}
.fullchart{
	background: #12181e;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:20px 20px 130px 20px;
	z-index:990;
	color:white;
	display:none;
    margin:0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	height:100%;
}
.fullchart a{
	position:absolute;
	top:10px;
	right:20px;
	color:white;
	font-size:30px;
}
.fullchart .innerbox *{
	border:0 !important;
}
.fullchart .chartresize{
	display:none;
}
.salesboardcontrols{
	float:right;
	margin-top:-25px;
}
.salesboardcontrols a img{
	width:20px;
}
.smallcvrchk{
	float:right;
	font-weight:bold;
}
.smallcvrchk.green{	
	color:#36d900;
}
.smallcvrchk.red{
	color:#D4000E;
}
.flexbox.stats .innersection.chart.salesboards1 h5{
	margin: -24px 0 0 0;
    padding: 0 0 0 0;
}
/************************************
	REMINDER POPUP
************************************/
.reminder{
	position:fixed;
	right:0;
	bottom:-210px;
	background:rgba(0, 0, 0, .7);
	z-index: 1000;
	min-width:600px;
	min-height:200px;
	max-height:300px;
	color:white;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y:auto;
}
.reminder:hover{
	background:rgba(0, 0, 0, .9);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.reminder .reminderinner{
	padding:30px 20px 20px 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:white;
	overflow: auto;
}
.reminder a.maxbut{
	position:absolute;
	right:45px;
	top:0;
	color:white;
	font-size:25px;
	margin:0 0 0 0;
}
.reminder a.minbut{
	position:absolute;
	right:45px;
	top:0;
	color:white;
	font-size:25px;
	margin:0 0 0 0;
}
.reminder a.checkallbut{
	position:absolute;
	right:65px;
	top:0;
	color:white;
	font-size:25px;
	margin:0 0 0 0;
}.reminder a.checkallbut img{
	width: 15px;
    height: 15px;
}
.reminder a.closebut{
	position:absolute;
	right:15px;
	top:0;
	color:white;
	font-size:25px;
	margin:0 0 0 0;
}
.reminder .reminderinner table{
	padding:0;
	margin:0;
	width:100%;
	position:relative;
}
.reminder .reminderinner table th{
	text-align:left;
	padding:10px 5px 10px 5px;
	background:#222;
}
.reminder .reminderinner table td{
	padding:10px 0px;
	margin:0;
	border-bottom:1px dashed gray;
}
.reminder .reminderinner table tr.item:hover{
	background:#444;
	cursor:pointer;
}
.reminder .reminderinner table td:first-child{
	padding:10px 5px 10px 5px;
}
.reminder .reminderinner table td:last-child{
	padding:10px 5px 10px 5px;
}
.reminder .reminderinner table td.datecallback{
	min-width:140px;
}
.reminder .reminderinner table td.datecallback span.no{
	color:green;	
	font-size:20px;	
}
.reminder .reminderinner table td.datecallback span.no2{
	color:red;
	font-size:20px;
}
.reminder .reminderinner table td.datecallback span.datecb{
	font-size:15px;
	display:block;
}
.reminder .reminderinner table td.datecallback span.datecb.red{
	color:red;
}
.reminder .reminderinner table td.companyname{
	min-width:350px;
}
.reminder .reminderinner table td.reset{
	min-width:31px;
}
.reminder .reminderinner table td.reset button{
	padding: 4px 12px;
}
.reminder .reminderinner table td.reset button.g{
	background:green;
}
.reminder .reminderinner table td.reset button.r{
	background:red;
}
.reminder .reminderinner table td.desc{
	min-width:310px;
}
/*
	min version
*/
.reminder.min{
	background:rgba(0, 0, 0, .7);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	min-height:103px;
	max-height:103px;
	color:white;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow-y:auto;
}
.reminder.min:hover{
	background:rgba(0, 0, 0, .9);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.reminder.min .reminderinner{
	padding:30px 20px 20px 20px;	
}
.reminder.min .reminderinner table tr th{
	display:none;
}
.reminder.min .reminderinner table tr:first-child td{
	padding:0 5px 5px 5px;
}
.reminder.min .reminderinner table td{
	padding:10px 0px;
	margin:0;
	border-bottom:1px dashed gray;
}
.reminder.min .reminderinner table tr:last-child td{
	padding:5px 5px 5px 5px;
	border-bottom:0;
}
.reminder.min .reminderinner table td:first-child{
	padding:5px 5px 5px 5px;
}
.reminder.min .reminderinner table td:last-child{
	padding:5px 5px 5px 5px;
}
.reminder.min .reminderinner table td.datecallback div{
	display:none;
}
.reminder.min .reminderinner table td.datecallback span.no{
	font-size:14px;
}
.leadtop{
	left:0;
	top:0;
	right:0;
	background:#25303b;
	color:#ABAEB7;
	min-height:40px;
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
	z-index: 5000;
	text-align:center;	
	padding:0 10px;
	display:flex;
	flex-wrap:wrap;
	flex-flow:wrap;
	justify-content:flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.leadtop .left{
	float:left;
}
.leadtop h4{
	margin:0 auto;
	padding:8px 0;
	display:inline-block;
	font-weight:normal;
	color:white;
}
.leadtop .right{
	float:right;
}
.leadtop .right a.closelead{
	color:white;
	padding:0 5px 0 0;
	margin:0 0 0 0;
	font-size:30px;
}
.leadtop .popuptoplefticons{
	position:relative;
	left:auto;
	top:auto;
	padding: 7px 0 0 0;
}
.leadtop .popuptoplefticons a{
	float:left;
	margin: 0 0px 0px 10px;
	line-height: 20px;
}
.leadtop .popuptoplefticons a.whitegoogle{
	font-size: 33px;
    line-height: 26px;
    margin: 0 0 0 0;
}
.leadtop .popuptoplefticons a img{
	max-height: 25px;
	width: 25px;
    vertical-align: middle;
}

/*
	SMS LIST
*/
.smslist .smsloglinetr{	
	position:relative;
}
.smslist .smsloglinetr td{
	color: #fff;
	padding: 0 0 5px 0;
    margin: 0 0 0 0;
}
.smslist .smsloglinetr .date{
	width: 130px;
	padding:5px 0;
	margin:0;
}
.smslist .smsloglinetr .mid{
	padding:5px 5px;
	margin:0;
	width: 15px;
}
.smslist .smsloglinetr .text{
	padding:5px 0;
	margin:0;
	position:relative;
}
.smslist .smsloglinetr .text a.smslogdel{
	float:right;
	color:red;
	font-size: 25px;
    line-height: 15px;
	margin: 10px 10px 0 0;
	display:none;
}
.smslist .smsloglinetr:hover .text a.smslogdel{
	display:inline-block;
}
.smslist .smsloglinetr .text .smsmessage{
	padding:15px;
	background: #333;
	margin:0 0 2px 0;
	border-radius:15px;
	transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
}
.smslist .smsloglinetr .text .smsmessage.focus{
	background: #555;
	transition:background .25s ease-in-out;
	-webkit-transition:background .25s ease-in-out;
}
#smsinpopup .smslist tr.smsloglinetr td.text div.smsdata{
	float:left;
	margin-left:15px;
	display:inline-block;
	color:#aaa;
	font-size:.9em;
}
#smsinpopup .smslist tr.smsloglinetr td.text div.datebottom{
	float:right;
	margin-right:15px;
	display:inline-block;
	color:#aaa;
	font-size:.9em;
}
.smslist .smsloglinetr span{
	position:absolute;
	right: 0;
    top: -5px;
	color:black;
	display:none;
    padding: 5px;
    background: black;
    color: white;
    border-radius: 10px;
}
.smslist .smsloglinetr:hover span{
	display:inline;
}
.formName.sms h4{
	color:white;
	padding:0;
	margin:0;
	font-size: 1em;
}
.reminder.sms{
	position:fixed;
	left:0;
	bottom:-210px;
	background:rgba(0, 0, 0, .7);
	z-index: 1000;
	width:600px;
	min-height:200px;
	max-height:300px;
	color:white;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}
.reminder.sms .reminderinner{
	box-sizing: border-box;
	/* overflow-y: scroll; */
}
.reminder.sms.min{	
	bottom:-175px;
}
.editleadrighttitle{
	float:left;
	width:40%;
    padding: 5px 0;
    font-size: 1.3em;
}
.editleadrightbtns{
	float:left;
	width:60%;
}
/******************************************************
	LIGHT THEME
******************************************************/
body.light{
	background-color: #eeeeee;
}
body.light img[src*="svg"]{	
	filter: invert(100%);
}
body.light .centerlogobox img[src*="png"]{	
	filter: invert(100%);
}
body.light .footer img[src*="svg"]{	
	filter: invert(0%);
}
body.light #topsearch img[src*="svg"]{	
	filter: invert(0%);
}
body.light .leadstable tr:nth-child(even) {
    background: #bbbbbb;
}
body.light .leadstable tr td{
	color: #222;
    border-bottom: 1px dashed #333;
}
body.light .topnav{
	background:#ABAEB7;
	color:#222;
}
body.light nav a{
	color:#222;
}
body.light .leadstable tr:hover:nth-child(even) {
    background: #black;
}
body.light .leadstable tr:nth-child(even) {
    background: #bbbbbb;
}
body.light .leadstable tr:nth-child(even) {
    background: #aaa;
}
body.light .leadstable tr:hover {
    background: #000;
}
body.light .leadstable tr td a{
	color: #222;
}
body.light .leadstable tr:hover td a{
	color:white;
}
body.light .leadstable tr:hover td{
	color:white;
}
body.light .leadstable tr:hover td img[src*="svg"]{	
	filter: invert(0%);
}
body.light select.leadstatus, select.leaddate, select.undofilter{
	color: #222;
}
body.light .leadstable tr:hover select.leadstatus,
body.light .leadstable tr:hover select.leaddate,
body.light .leadstable tr:hover select.undofilter{
	color: white;
}
body.light tr.footer select.leadstatus, select.leaddate, select.undofilter{
	color: white;
}
body.light .leadstable tr.footer td{
	color: white;
}
body.light nav a.sel{
	background: #666666;
	color:white;
}
body.light #adminshowuser, body.light #adminshowproduct{
	color:#222;
}
body.light .innersection.chart.start.dashbox .dashitem {    
    background: #aaa;
    border-right: 10px solid #eeeeee;
}
body.light .slidecharts .innersection.chart.start.chatjs {    
    border-left: 10px solid #eeeeee;
    border-right: 10px solid #eeeeee;
	background: #aaa;
}
body.light .innersection.chart.start.chatjs {    
    border-left: 10px solid #eeeeee;
    border-right: 5px solid #eeeeee;
	background: #aaa;
}
body.light .innersection{
	background: #aaa;
}
body.light .flexbox.stats.first{	
    border-top: 1px solid black;
	background: #333;
}
body.light .leadtop, body.light .leadformfooter{
	background: #333;
}
body.light #commentsinpopup .commentsinner #commentsbox #comments li{
	border-bottom: 1px dashed #333;
}
body.light #commentsinpopup{
	color:#222;
}
body.light #smsinpopup{
	color:#222;
}
body.light #googleinpopup{
	color:#222;
}
body.light label.checkbox{
	color:#222;
}
body.light .jconfirm.jconfirm-black .jconfirm-box,
body.light .jconfirm.jconfirm-dark .jconfirm-box{
	background: #444;
}
body.light .jconfirm.jconfirm-black label.checkbox,
body.light .jconfirm.jconfirm-dark label.checkbox{
	color:white;
}
body.light ul.pagination li.info div.pageno a{
	color:white;
}
span.green{
	color:#00b300;
}
/*
	datetime picker custom dark theme
*/
.xdsoft_datetimepicker.xdsoft_dark {
    background:  #1d252e;	
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_timepicker.xdsoft_time_box > div > div {
    background:  #1d252e;    
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_label {
    background-color: #1d252e;
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_label > .xdsoft_select {    
    background:  #1d252e;
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_label > .xdsoft_select > div > .xdsoft_option: hover {
    color:  #000;
    background: #fff;
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background:  #c50;    
    color:  #000;
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar th {
    background:  #1d252e;    
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar th {
    background:  #1d252e;
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar td.xdsoft_highlighted_default {
    background:  #ffe9d2;   
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar td.xdsoft_highlighted_mint {
    background:  #c1ffc9;   
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark.xdsoft_timepicker.xdsoft_time_box > div > div.xdsoft_current {
    background:  #c50;    
}
.xdsoft_datetimepicker.xdsoft_dark.xdsoft_calendar td: hover, .xdsoft_datetimepicker.xdsoft_dark.xdsoft_timepicker.xdsoft_time_box > div > div: hover {
    color:  #000 !important;
    background:  #007fff !important
}
#smsnumberlist{
	margin: 2px 0 5px 5px;
	padding: 6px 5px;
    min-width: 150px;
    box-sizing: border-box;
    border: 1px solid rgb(169, 169, 169);
    border-radius: 0;
    max-height: 34px;
}
.avanceret{
	padding:0 10px;
    font-size: 25px;
	margin:13px 0 13px 0;
	float:right;
	line-height: normal;
	opacity:.6;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.avanceret.open, .avanceret:not(.open):hover{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.avanceret img {
	vertical-align: middle;
}
.avanceretbox{
	top:60px;
	left:0;
	right:0;
	background: #111;
	border-bottom: 1px solid #555;
	z-index:800;
	height:39px;
	border-top:1px solid #555;
}
.avanceretbox .left{
	float:left;
	text-align:left;
	line-height:39px;
	padding:0 0 0 15px;
	width:200px;
}
.avanceretbox .right{
	float:left;
	text-align:right;	
	line-height:39px;
	padding:0 10px 0 0;
	width:calc(100% - 220px);
}
.avanceretbox .right button{
	float:right;
	width:auto;
	margin:3px 0 3px 5px;
	padding: 8px 15px 8px 15px;
}
.avanceretbox .right select,
.avanceretbox .right input{
	float:right;
	width:auto;
	margin:3px 5px 3px 5px;
	min-width:20px;
	color:white;
	background:transparent;
}
.avanceretbox .right input[type="checkbox"]{
	margin: 8px 3px 0px 3px;
	min-width: 25px;
	height: 20px;
}
.avanceretbox .right select option{
	background: #25303b;
	padding:3px 0;
}
.avanceretbox .right input[type="number"]{
	width:50px;
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
.avanceretbox .right input[type="number"]::-webkit-outer-spin-button,
.avanceretbox .right input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.avanceretbox .right input[type="number"] {
  -moz-appearance: textfield;
}
.avanceretbox .right input[isdate="true"]{
	width:105px;
}
.avanceretbox .right input[type="search"]{
	border:1px solid rgb(169, 169, 169);
	padding:7px;	
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	max-height: 32px;
	margin-bottom: 5px;
}
.testtable{
	color:white;
}
.testtable tr td{
	color:white;
}
/*
	CHATBOX
*/
.chaticon{
	position:fixed;
	bottom:45px;
	left:20px;
}
.chaticon span{
	position: absolute;
    right: -5px;
    top: -5px;
    background: burlywood;
    padding: 3px;
    border-radius: 50%;
	width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
}
.chaticon img{	
	width:32px;
}
.chatbox{
	position:absolute;
	width:400px;
	left:-400px;
	min-width:400px;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.9);
	border-radius:10px 0 0 10px;
	z-index: 5000;
	color:#ddd;
}
.chatbox.open{
	left:0;
}
.chatbox .todoinner .chattabs{
	position:absolute;
	right:-32px;
	top:0;
	background:red;
	float:left;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: right top;
}
.chatbox .todoinner .chattabs button{
	float:left;
}
/*
	DIALER
*/
.dialerpopup{
	position:fixed;
	left:0;
	bottom: 38px;
	background:#333;
	padding:20px;
	z-index:500;
	min-width: 250px;
	max-width: 250px;
	width: 250px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;	
}
.dialerpopup.faded{
	opacity:.5;
}
.dialerpopup select{
	padding: 6px 5px;	
}
.dialerpopup.small{
	padding: 10px;
}
.dialerpopup.small .ButtonContainer, #dial_button p{
	display:none;
}
.dialerpopup input:focus{
	outline-style: none;
	box-shadow: none;
	border-color: transparent;
}
img.statusicon[src='img/delivery.svg']:hover{
	cursor:pointer;
}
#tools .flexbox button, #tools .flexbox input[type="submit"], #tools .flexbox input[type="button"]{
	background:black;
}
.sign {
  position: relative;
  font-family:sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}
@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
/*
	QUICK DASHBOARD
*/
.quickdash{
	position:absolute;
	left: 10px;
	top: 60px;
	/* width: 1200px; */
	/* max-height: 550px; */
	background: rgba(0, 0, 0, 1);
	z-index:100;
	color: white;
	overflow-x: hidden;
	overflow-y: auto;
	right: 10px;
	bottom: 10px;
	display:none;
}
.closequickdash{
	position:absolute;
	right: 10px;
	top: 0;
	z-index:100;
	color: white;
	font-size:2.5rem;
}
.dashunderlay{
	position:absolute;
	left: 0;
	top: 0;
	right:0;
	bottom:0;
	background: rgba(0, 0, 0, .85);
	z-index:90;
}
.quickdash .innersection.chart.start.dashbox .dashitem{
	border-right:10px solid #000;
}
.quickdash .slidecharts .innersection.chart.start.chatjs{
	border:0;
}
.quickdash .innersection.chart.start.dashbox span.bigno{
	font-size: 3em;
    margin-bottom: 0;
    text-align: right;
    float: right;
    line-height: 1em;
}
.quickdash .innersection.chart.start.chatjs{
	border:0;
	border-right: 10px solid #000;
}
.quickdash .innersection.chart.start.dashbox .dashitem:last-child{
	border:0;
}
.quickdash .flexbox.start.fullheight{
	margin: 0;
	padding: 0px 0 0px 0;
}
.quickdash .innersection.chart.start.big.chatjs{
	border:0;
}
.quickdash .innersection.chart.start.chatjs .bigno,
.quickdash .innersection.chart.start.chatjs .bigno .eurosmall{
	font-size: 1em;
}
.quickdash #salesindex, .quickdash #dougnut{
	padding-top:15px;
}
#salesindex{
	border-right: 10px solid #1d252e;
	padding: 0px 20px 38px 20px;
}
#salesindex2{
	border-right: 10px solid #1d252e;
	padding: 0px 20px 38px 20px;
	border-left: 3px solid #1d252e;
}
#dougnut{
	border-left: 2px solid #1d252e;
}
.quickdash .innersection.chart.start .chartbox{
	max-height: calc(100% - 80px) !important;
	margin: 20px 0 10px 0;
	min-height: 200px;
	max-width: 100%;
}
/*
	FAKTA STATS
*/
#faktastats{
	padding: 20px 20px 20px 20px;
	margin: 5px 0px 0 0px;
	border-left: 5px solid #1d252e;
	border-right: 5px solid #1d252e;
}

#faktastats .chartbox{
	max-height: calc(100%) !important;
	margin: 10px 0 10px 0;
}
/*
	PROGNOSIS
*/
.abbgennemsnitbox{
	padding: 0px 0 0 0;
	margin: 5px 0 0 0;
	text-align:center;
	color:gray;
}
.abbgennemsnit{
	
}
#progchart div.expected,
#progchartgp div.expected,
#progchartgp2 div.expected{
	position:absolute;
	left: 25px;
	min-width: 270px;
}
#progchart div.expected input[type="number"],
#progchartgp div.expected input[type="number"],
#progchartgp2 div.expected input[type="number"]{
	background: transparent;
	color: white;
	border: 1px solid rgba(169, 169, 169,.5);
	padding: 7px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 32px;
	margin-bottom: 0;
	width: 150px;
}
#progchart div.expected input, #progchart div.expected button,
#progchartgp div.expected input, #progchartgp div.expected button,
#progchartgp2 div.expected input, #progchartgp2 div.expected button{
	float:left;
	margin-right:10px;
}
#progchart div.expected input::-webkit-outer-spin-button,
#progchart div.expected input::-webkit-inner-spin-button,
#progchartgp div.expected input::-webkit-outer-spin-button,
#progchartgp div.expected input::-webkit-inner-spin-button,
#progchartgp2 div.expected input::-webkit-outer-spin-button,
#progchartgp2 div.expected input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*
	SMS REMINDER
*/ 
.newsmspreview{
	background: #222;
	padding: 10px 15px 5px 15px;
	border-radius: 15px;
	position:relative;
	float:left;
	width:100%;
	margin:0 0 5px 0;
}
.newsmspreview .top{
	position:relative;
	float:left;
	width:100%;
}
.newsmspreview .bottom{
	position:relative;
	float:left;
	width:100%;
	display:none;
}
.newsmspreview .bottom div.bottomdata{
	float:right;
	text-align:right;
}
.newsmspreview .bottom img{
	width: 30px;
	margin: 0 10px 0 10px;
	padding: 0 0 0px 10px;
	border-left: 1px solid #444;
}
.newsmspreview .bottom img:hover{
	cursor:pointer;
}
.newsmspreview .bottom img:last-child{
	border-right: 1px solid #444;
	margin: 0 0px 0 0;
	padding: 0 10px 0 10px;
}
.newsmspreview .bottom img:first-child{
	border-right: 0px solid #444;
	margin: 0 10px 0 0;
	padding: 0 0px 0 10px;
}
.newsmspreview .top:hover{
	background: #444;
	cursor:pointer;
}
.newsmspreview .top .companyname{
	float:left;
	color:lightgray;
	/* width:120px; */
}
.newsmspreview .top .phone{
	float:right;
	margin-right:10px;
	color:lightgray;
	min-width: 120px;
	text-align: right;
}
.newsmspreview .top .dateupdated{
	float:right;
	color:lightgray;
	text-align: right;
}
.newsmspreview .top .smsresponse{
	float:left;
	width:100%;
	padding: 5px 0px 5px 0px;
}
#config_dailymessage{
	float:none;
}
#profilepicpreview{
	width: 100px;
	height: 100px;
	float: left;
	border-radius: 50%;
}
/*
	DOTDOTDOT MENU
*/
.dotdotdotmenu{
	position:absolute;
	display:none;
	background:black;
	padding: 0;
	margin:0;
	color:white;
	margin:0 0 0 -90px;
	border-radius: 5px;
	z-index:1000;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
}
.dotdotdotmenu ul{
	list-style:none;
	padding:0 0 0 0;
	margin:0;
}
.dotdotdotmenu ul li{
	text-align:left;
	padding: 5px 25px 5px 25px;
	margin:0;
	border-bottom:1px solid #222;
}
.dotdotdotmenu ul li.disabled{
	background:#666;
	color:black;
}
.dotdotdotmenu ul li:hover{
	background:white;
	color:black;
}
.dotdotdotmenu ul li.dottitle{
	background:#333;
	color:white;
}
.dotdotdotmenu ul li a{
	display:block;
	color: white;
}
.dotdotdotmenu ul li:hover a{
	color:black;	
}
.dotdotdotmenu ul li a img{
	opacity:1 !important;
	vertical-align:middle;
	margin:0 10px 0 0;
	width: 27px;
}
.dotdotdotmenu ul li:hover a img{
	filter: invert(100%);	
}

/* ckeditor */
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{
	background:black;
	border-color:#777;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){
	border-color:#777;
}
div.full.ckandtags{
	display:flex;
}
div.full.ckandtags .ck.ck-editor{
	width:calc(100%);
}
.ck-editor__editable_inline {
    min-height: 150px;
}
.ckeditor{
	/* min-height: 182px; */
	margin: 0 25px 0 0;
	width: calc(100% - 400px);
}
.tagslist{
	width: 400px;
	padding: 10px 20px;
	background: gray;
}
.tagstablebox{
	max-height: 514px;
	/* overflow-y: auto; */
	margin: 0 -16px 0 -20px;
	padding: 10px 20px;
	/* width: 100%; */
	/* background: black; */
}
.tagstable{
	width:100%;
	padding:0px;
	margin:0;
	border:0;
}
.tagstable tr td{
	padding:10px;
	margin:0 0 0 0;
	background:black;
	float: none;
	border-bottom:2px solid #444444;
}
.tagstable tr td a{
	color:white;
	text-decoration:underline;
}
.tagstable tr td.right{
	text-align:right;
	color:gray;
}
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{
	/*width:100%;*/
}
.floatleft{
	float:left;
}
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{
	margin: 0 10px 4px 2px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button:last-child{
	margin: 0 0px 4px 2px;
	/* margin-bottom: 4px; */
	/* margin-left: 2px; */
	/* margin-right: 2px; */
}
.horline{
	border-right:1px solid gray;
	width:1px;
	height: 37px;
	float:right;
	margin: 0 2px;
}
a.plusminusinv{
	float:right;
	color:white;
	font-size:20px;
	margin: 0 0px 0 0px;
	padding: 8px 15px;
	/* background: red; */
	line-height: 20px;
}
a.plusminusinv:hover{
	color:#36d900;
	background:#222;
}
a.plusminusinv.minus{
	font-size: 30px;
	margin: 0 0px 0 0px;
	line-height: 24px;
	padding: 5px 15px 7px 15px;
}
a.plusminusinv.minus:hover{
	color:#d90000;
	background:#222;
}
h4.invoicetitle{
	padding:0;
	/* margin:0; */
	text-align: left;
	/* width: 100%; */
	display: block;
	margin: 10px 0 10px 0px;
	font-size: 1rem;
	text-indent: 15px;
}
div.full.doctypeicons{
	/*display:flex;
	align-items: flex-start;*/
	margin: 10px 0 5px 0;
	display: flex;
	justify-items: left;
	align-items: center;
	flex-wrap: wrap;
	flex-flow:wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: space-between;
	flex-grow: unset;
	/* align-items: stretch; */
}
div.full.doctypeicons div{
	flex: 0 1 auto;
	/* float:left; */
	margin: 0 2px 0 2px;
	text-align: center;
	color: white;
	padding: 12px 15px 12px 15px;
	background: #555;
}

div.full.doctypeicons div.isroot{
	background:#666;
}
div.full.doctypeicons div.sel{
	background: black;
}
div.full.doctypeicons div:hover{
	background: #888;
}
div.full.doctypeicons div.label,
div.full div.label{
	margin: 0 5px 0 0;
	background: none;
	max-width: 75px;
	padding: 12px 15px 12px 0;
	font-weight: bold;
}
div.full.doctypeicons div a{
	color: white;
	display: block;
	font-size: 12px;
}
div.full.doctypeicons div a img{
	width: 35px;
	color: white;
	margin: 0 0 6px 0;
}
div.full.editmodeswitch{
	/* float: left; */
}
div.label,
div.full.editmodeswitch div.label{
	float: left;
}
label.switch,
div.full.editmodeswitch label.switch{
	margin: 8px 0px 0 0;
	/* border-right: 1px solid black; */
}
.editmode{
	display: none;
	/*visibility: hidden;*/
}
/*
	SWITCH / TOGGLE
*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: left;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 0px;
  bottom: -1px;
  background-color: deepskyblue;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: white;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(32px);
  -ms-transform: translateX(32px);
  transform: translateX(32px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
div.full.doctypeicons div.devideline{
	border-right: 1px solid white;
	flex: 0 1 auto;
	background: none;
	margin: 0 15px 0 0;
	width: 1px;
	padding: 10px 0px 12px 15px;
	/* height: 100%; */
	/* align-items: stretch; */
	/* align-self: flex-start; */
	/* margin-bottom: auto; */
	align-self: stretch;
}

/*
	createdocumentform
*/
#createdocumentform{
	
}
#createdocumentform .config div.full, 
#createdocumentform div.full{
	padding: 0 0 0 0;
}

#createdocumentform input[type="number"],
#createdocumentform input[type="text"],
#createdocumentform input[type="password"],
#createdocumentform input[type="date"],
#createdocumentforminput[type="datetime-local"],
#createdocumentform input[type="email"]{
	border:1px solid rgb(169, 169, 169);
	background:white;
	padding:7px;
	min-width:40%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 32px;
	margin-bottom: 5px;
}
#createdocumentform input[type="number"][readonly],
#createdocumentform input[type="text"][readonly],
#createdocumentform input[type="password"][readonly],
#createdocumentform input[type="date"][readonly],
#createdocumentform input[type="datetime-local"][readonly],
#createdocumentform input[type="email"][readonly]{
	background: darkgray;
	color: white;
	border: 1px solid rgba(169, 169, 169,.5);
}
#createdocumentform textarea:placeholder,
#createdocumentform input[type="number"]:placeholder,
#createdocumentform input[type="text"]:placeholder,
#createdocumentform input[type="password"]:placeholder,
#createdocumentform input[type="date"]:placeholder,
#createdocumentform input[type="datetime-local"]:placeholder,
#createdocumentform input[type="email"]:placeholder {
  color: green;
}
#createdocumentform textarea:-ms-input-placeholder,
#createdocumentform input[type="number"]:-ms-input-placeholder,
#createdocumentform input[type="text"]:-ms-input-placeholder,
#createdocumentform input[type="password"]:-ms-input-placeholder,
#createdocumentform input[type="date"]:-ms-input-placeholder,
#createdocumentform input[type="datetime-local"]:-ms-input-placeholder,
#createdocumentform input[type="email"]:-ms-input-placeholder {
  color: lightgray;
}

#createdocumentform textarea::-ms-input-placeholder,
#createdocumentform input[type="number"]::-ms-input-placeholder,
#createdocumentform input[type="text"]::-ms-input-placeholder,
#createdocumentform input[type="password"]::-ms-input-placeholder,
#createdocumentform input[type="date"]::-ms-input-placeholder,
#createdocumentform input[type="datetime-local"]::-ms-input-placeholder,
#createdocumentform input[type="email"]::-ms-input-placeholder {
  color: lightgray;
}
#createdocumentform input[disabled]{
	background:lightgray;
	color: gray;
}
#createdocumentform textarea:placeholder,
#createdocumentform input[type="number"]:placeholder:disabled,
#createdocumentform input[type="text"]:placeholder:disabled,
#createdocumentform input[type="password"]:placeholder:disabled,
#createdocumentform input[type="date"]:placeholder:disabled,
#createdocumentform input[type="datetime-local"]:placeholder:disabled,
#createdocumentform input[type="email"]:placeholder:disabled {
  color: green;
}
#createdocumentform input[isdatetime="true"]{
	width:100%;
	min-width: auto;
}
#createdocumentform h4{
	padding:10px 0;
	margin:0;
	color:deepskyblue;
}
#createdocumentform select{
	width:100%;
}
#productinfo{
	line-height:20px;
	color: deepskyblue;
}
.protitle{
	/* color: deepskyblue; */
	color: white;
}
.footer img{
	opacity:.5;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr.footer td{
	color:rgba(255, 255, 255, .5);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr.footer:hover td{
	color:rgba(255, 255, 255, 1);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
#invoicetable tr.footer select.leadstatus{
	color:rgba(255, 255, 255, .5);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
#invoicetable tr.footer:hover select.leadstatus{
	color:rgba(255, 255, 255, 1);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}

.footer:hover img{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.leadstable tr td .iconbtn.footerdots{
	margin: -13px 0 0 0;
	padding: 0px 3px;
}
.subcount{
	position: absolute;
	left: 10px;
	top: 28px;
	background: rgba(0, 0, 0, 1);
	padding: 3px 5px 3px 5px;
	border-radius: 50%;
	font-size: .7rem;
	color: mediumseagreen;
}
/*
Farver ude i siden, grøn(ikke overskredet betfrist), gul(efter betfrist er overskredet), rød(når status inkasso)
*/
div.invoicemarkercolor,
div.invoicemarkercolor.OUT{
	background: green;
	width: 5px;
	height: 30px;
	position: absolute;
	left: 0;
	margin: 6px 0px 0 0;
}
div.invoicemarkercolor.RKI{
	background: darkred;
}
div.invoicemarkercolor.PAUSE{
	background: gray;
}
div.invoicemarkercolor.PAID{
	background: black;
}
div.invoicemarkercolor.REMIND{
	background: pink;
}
div.invoicemarkercolor.RYK1{
	background: #b32d00;
}
div.invoicemarkercolor.RYK2{
	background: #8c2300;
}
div.invoicemarkercolor.CANCLED{
	background: #cccccc;
}
div.invoicemarkercolor.DELETED{
	background: #ffffff;
}
div.invoicemarkercolor.RYK1SMS,
div.invoicemarkercolor.SMSRYK1{
	background: #b32d00;
}
div.invoicemarkercolor.RYK2SMS,
div.invoicemarkercolor.SMSRYK2{
	background: #cc2300;
}
div.invoicemarkercolor.CRE{
	background: darkgreen;
}
div.invoicemarkercolor.GREEN{
	background: darkgreen;
}
div.invoicemarkercolor.GREEN2{
	background: #004010;
}
div.invoicemarkercolor.YELLOW{
	background: #aba022;
}
div.invoicemarkercolor.RED{
	background: #cc2300;
}
div.invoicemarkercolor.ORANGE{
	background: #d96c00;
}
div.invoicemarkercolor.BLACK{
	background: #000;
}
div.invoicemarkercolor:hover{
	/*width:300px;*/
	z-index:100;
	background:deepskyblue;
}
div.invoicemarkercolor.leads{
	left: 0;
    margin: -4px 0px 0 0;
}
.leadstable tr td .iconbtn.footertrashbtn{
	margin: -13px 0 0 0;
    padding: 0px 3px;
	width: 20px;
    vertical-align: middle;
}
.leadstable tr td a.trashfooterno{
	/* display: inline-block; */
	/* margin: 0; */
	padding: 0px 4px 0px 2px;
	vertical-align: middle;
	height: 15px;
	position: absolute;
	bottom: 0;
	margin: 0 0 0 -29px;
	z-index: 20;
	/* color: wheat; */
	background: rgba(0, 0, 0, .6);
	text-align: center;
	line-height: 18px;
	border-radius: 50% 50% 0% 0%;
	font-size: 9px;
	/* right: 0; */
	color: goldenrod;
	min-width: 20px;
}
.avanceretbox .right button.clearinvoiceform{
	color:white;
	background:none;
	border:0;
	font-size: 1.5rem;
	line-height: 13px;
}
.dialogloading{
	background:rgba(0, 0, 0, .85);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	text-align:center;
	vertical-align:middle;	
	margin: auto;
	/*width: 50%;*/
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content .dialogloading img{
	vertical-align:middle;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.leadstable tr.leadscontent.invoice.deleted{
	background:#240000;
}
#locked{
	color: #2ecc71;
}
#locked.ja{
	color:red;
}
.anim25s{
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.anim50s{
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
#invoicetable select.leadstatus option[value="OUT"]{
	/*background:Red;*/
}
#invoicetable select.leadstatus option:nth-child(even){
	background:#EEE;
}
.invoicecomment{
	width:100%;
	border: 0;
	padding: 10px;
}
.leadstable tr td a.delinvcommentbtn,
.delinvcommentbtn{
	float:right;
	color: red;
	font-size: 1.7rem;
	/* margin: 0; */
	padding: 5px 5px 0 0;
	line-height: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.leadstable tr.leadscontent.invoice td .iconbtn.normal.locked{
	position:absolute;
	width:15px;
}
.secretgamemenuclick{
	background:black;
	width:10px;
	height:10px;
	position:absolute;
	right:0;
	top:0;
	z-index:1000;
	display:none;
}
.gamemenu{
	position:absolute;
	left:0;
	right:0;
	width:200px;
	background:black;
	border-radius: 20px;
	padding:20px 20px 20px 20px;
	z-index:1000;
	margin: auto;
	top: 40%;	
	/* bottom: 0; */
	/* min-height: 100px; */
	color: white;
	display:none;
}
.gamemenu a{
	color:white;
	display:block;
	padding:5px 0px;
	margin:0;
}
#sendemail > .full > .full{
	margin-top:10px;
}
#sendemail .select2-container--default .select2-selection--single{
	border-radius:0;
}

/*
	BUBBLE CHAT
*/
.bubbleChatBtn{
	position:absolute;
	left: 10px;
	top: calc(100% - 60px);
	/* padding: 12px; */
	border-radius:50%;
	background:black;
	z-index:1000;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
	opacity:.3;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
	touch-action: none;
	user-select: none;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 43px;
}
.bubbleChatBtn.moved{
	/* right: 10px; */
	/* bottom: 40px; */
	left:auto;	
	border-radius:0;
	background:none;
	top:auto;
	box-shadow:none;
    opacity: .5;
	right: 138px;
    bottom: 0;
}
.bubbleChatBtn.moved2{
	/*right: 10px;
	bottom: 50px;*/
}
.bubbleChatBtn:hover{
	cursor: pointer;
}
.bubbleChatBtn:hover, .bubbleChatBtn.open, .bubbleChatBtn.focused{
	opacity:1;
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
.bubbleChatBtn:active{
	background:#333;
}
.bubbleChatBtn img{
	vertical-align: middle;
	width: 20px;
	text-align: center;
}
.bubbleChatBtn .bubblenewcount{
	z-index:100;
	padding: 5px 5px;
	color: wheat;
	background: #0f9c20;
	position: absolute;
	border-radius: 50%;
	line-height: 8px;
	left: -5px;
	top: -5px;
	display:none;
}

.bubbleChat{
	position:absolute;
	background:white;
	right:10px;
	bottom:65px;
	z-index:100;
	min-width: 350px;
	border-radius:10px;
	display:none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 300px;
	min-height: 450px;
}
.bubbleChat.moved{
	right:10px;
	bottom:85px;
}
.bubbleChat .header{
	padding: 5px 10px 5px 10px;
	background: lightgray;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	line-height: 30px;
}
.bubbleChat .header span{
	position: relative;
	/* float: left; */
	/* width: 100%; */
}
.bubbleChat .header span img{
	width: 30px;
	vertical-align:middle;
	margin: 0 5px 0 0;
	border-radius: 50%;
	height: 30px;
}
.bubbleChat .chat{
	padding: 10px 10px;
	overflow-y:auto;
	max-height: 330px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bubbleChat.chat .chat{
	max-height: 358px;
	/* float: left; */
	width: 100%;
}
.bubbleChat .chat .message{
	display:block;
	width:100%;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bubbleChat .chat .message .content{
	border-radius:10px;
	background: #333333;
	padding:15px;
	float:right;
	margin:0 0 5px 0;
	color:white;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bubbleChat .chat .message.nomess .content{
	background:none;
	color:#333;
	text-align:center;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bubbleChat .chat .message .content img.smiley{
	vertical-align:middle;
	width:30px;
}
.bubbleChat .chat .message .content img.gif{
	
}
.bubbleChat .chat .message .content img.imgpreview{
	max-width:100%;
}
.bubbleChat .chat .message .content img.imgpreview:hover{
	cursor:pointer;
}
.bubbleChat .chat .message .content img.link{
	margin: 0 5px 0 0;
	height: 20px;
	vertical-align: middle;
}
.bubbleChat .chat .message .content a{
	color:white;
}
.bubbleChat .chat .message.l .content{
	float:left;
	background: #3e94ff;
}
.bubbleChat .chat .user{
	margin: 0 0px 3px 0;
	border-bottom: 1px dashed lightgray;
	padding: 0 0 3px 0;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
}
.bubbleChat .chat .user:hover{
	background:black;
	color:white;
}
.bubbleChat .chat .user:last-child{
	border-bottom: 1px dashed transparent;
}
.bubbleChat .chat .user img{
	width: 40px;
	vertical-align:middle;
	margin:0 10px 0 0;
	border-radius: 50%;
	height: 40px;
	/* padding: 0 0 5px 0; */
	float: left;
}
.bubbleChat .chat .user > span{
	/* line-height: 39px; */
	float:right;
	/* height: 40px; */
	vertical-align: middle;
	padding:6px 7.15px;
	border-radius:50%;
	line-height:10px;
	/*background:#333;
	color:#00d900;*/
	margin: 10px 5px 0 0;
	/*background: transparent;
	border: 1px solid lightgray;*/
	background:#00d900;
	color:white;
}
.bubbleChat .chat .user > p{
	display:inline-block;
	/* float:left; */
	color:gray;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: .8em;
}
.bubbleChat .chatmsgbox{
	position:absolute;
	bottom:0;
	background:lightgray;
	left:0;
	right:0;
	border-radius: 0 0 10px 10px;
	display:flex;
	padding:5px;
	display:none;
}
.bubbleChat.chat .chatmsgbox{
	display:flex;
}

#chatmsg{
	flex:4;
	padding:5px;
	margin:0;
	border-radius: 5px 0 0 5px;
	resize: none;
}
#chatmsgbtn{
	flex:1;
	max-width:50px;
	text-align:center;
	/* text-align: center; */
}
#chatmsgbtn img{
	/* width:30px; */
	vertical-align:middle;
	text-align:center;
}
#bcback{
	vertical-align:middle;
	display:none;
	float:right;
	padding: 0;
	margin: 3px -3px 0 0;
}
#BCmoreitems{
	display:none;
	background: #1A1A1A;
	color:white;
	flex:1;
	border-radius: 0 0 0 10px;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
}
#BCmoreitems a{
	float:left;
	color:white;
	line-height: 30px;
	margin: 0 5px 0 5px;
}
#BCmoreitems a img{
	width:25px;
	vertical-align:middle;
}
#BCmoreitems a:hover img{
	/*background:#555;*/
	/*filter: invert(0%) sepia(100%) saturate(6935%) hue-rotate(53deg) brightness(100%) contrast(120%);*/
	filter: invert(50%);
}

.BCmoreitemsbox{
	position:absolute;
	background:black;
	color:white;
	padding:10px;
	display:none;
	transform:translate(-100%, -100%);
	margin:0 0 0 -15px;
	min-width:500px;
}
/*********************************************
	CHAT IMAGE POPUP
*********************************************/
.BCPicPop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.BCPicPop-content {
  margin: auto;
  display: block;
  width: auto;
  max-width: 100%;
}

/* Add Animation - Zoom in the Modal */
.BCPicPop-content {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .BCPicPop-content {
    width: 100%;
  }
}
.cameracapture{
	position: absolute;
	/* bottom:0; */
	top: 50%;
	background: white;
	/*left: 0;
	right: 0;*/
	margin:auto;
	padding:5px;
	z-index:1000;
	text-align: center;
	/* position: relative; */
	/* top: 50%; */
	left: 50%;
	transform: translate(-50%, -50%);
}
#camvideo{
	/*position: absolute;
	bottom:0;
	top:0;
	background:lightgray;
	left:0;	
	right:0;*/
	margin: 20px 20px 20px 20px;
	/*border-radius: 0 0 10px 10px;*/
	/* padding:5px; */
	/* z-index:1000; */
	/* max-width:1080px; */
}
#camvideopic{
	display:none;
	margin: 20px 20px 20px 20px;
}
#camcanvaspic{
	display:none;	
}
.cameracapture button{
	margin:0 5px;
	border:0;
	padding:10px 20px;
	border-radius:10px;
}
/*
	NEW UNFOLD INVOICE
*/
.unfold.leftside{
	display:flex;
	position: relative;
	margin: 0px 0 0 0;
	float: left;
	width: calc(100% - 800px);
	flex-wrap: wrap;
	align-items: stretch;
}
.unfold.leftside .clientinfo{
	flex:1;
	margin: 10px 10px 0 0;
	padding: 20px;	
	background: black;
}
.unfold.leftside .clientinfo strong{
	font-size: 1rem;    
    margin: 0 10px 5px 0;
    padding: 0;
    color: deepskyblue;    
}
.unfold.leftside .clientviewed{
	flex:1;
	margin: 10px 10px 0 0;
	padding: 20px;	
	background: black;
}
.unfold.leftside .clientviewed strong{
	font-size: 1rem;    
    margin: 0 10px 5px 0;
    padding: 0;
    color: deepskyblue;
}
.unfold.leftside .bignumbers{
	display: flex;
	/* min-width: 330px; */
	/* margin: 0px 0px 0 0; */
	/* padding: 0px 0px 0 0px; */
	/* background: black; */
	/* flex: 1 1 50%; */
	flex: 0 0 50%;
	margin: 0px 0 0 0px;
	padding: 0px 0px 5px 10px;
}
.unfold.leftside .bignumbers > div{
	padding: 15px;
	margin: 10px 10px 0 0;
	text-align: center;
	flex: 1 1 25%;
	background: black;
}

.unfold.leftside .bignumbers div p{
	font-size: 4em;
    margin: 0;
    text-align: center;
    /* float: left; */
    line-height: 1em;
    padding: 0 0 0 0;
    color: skyblue;
    display: block;
    width: 100%;
}

img.titleicon, .unfold.leftside .bignumbers div img.titleicon{
	vertical-align: middle;
    width: 20px;
    margin: 5px 5px 10px 0;
}
.unfold.leftside .bignumbers div strong {
    font-size: 1rem;    
    margin: 0 10px 5px 0;
    padding: 0;
    color: deepskyblue;    
}

#invoicetable .unfold.leftside .templatereview{
	/*display: block;
    width: 800px;
    float: right;*/
	margin: 0px 0 0 0;
	padding: 5px 10px 25px 0px;
	text-align: left;
	height: calc(100% - 10px);
	min-height: 1120px;	
	flex-grow: 1 1 1;
	justify-content: center;
	align-items: center;
	flex:1 1 100%;
}
#invoicetable .unfold.leftside .templatereview .tools{
    margin: 5px 10px 0 0px;
    padding: 15px 10px 15px 20px;
}
#invoicetable .unfold.leftside div.sentinfo{
	/* flex: 1; */
	margin: 10px 10px 0 0;
	padding: 20px;
	background: black;
	flex: 1 1 25%;
	text-align: left;
}
#invoicetable .unfold.leftside .templatepreview{
	/* display: flex; */
	flex: 1 1 100%;
	margin: 0px 0 5px 12px;
	padding: 0px 0px 0px 0px;
}
#invoicetable .unfold.leftside .templatepreview > table{
	/* width: auto !important; */
	margin: 0 !important;
	min-width: auto !important;
}

/*
	RIGHT
*/
.unfold.rightside{
	display: block;
	width: 800px;
	float: right;
	margin: 10px 0 0 0;
	padding: 25px 25px 25px 25px;
	text-align: left;
	height: calc(100% - 10px);	
	min-height: 1120px;
	background: black;
	flex-grow: 1 1 1;
	justify-content: center;
	align-items: center;
}
.unfold.rightside > strong{
	font-size: 1rem;    
    margin: 0 10px 5px 0;
    padding: 0;
    color: deepskyblue;	
}
.unfold.rightside .invoicelog{
	margin: 0;
    padding: 0 0 0 0;
    width: 100%;
    max-height: 100px;
    overflow: auto;
    border: 0;
}
.unfold.rightside .invoicelog tbody{
	   min-height: calc(100vh - 40px);
}
.unfold.rightside .invoicelog tr {
    background: #2e3a49;
    /* margin: 0 0 0 0; */
    /* border-bottom: 1px solid gray; */
}
.unfold.rightside  .invoicelog tr th {
    height: 40px;
    padding: 0 10px;
    background: #333;
}

.unfold.rightside .invoicelog tr td.comment{
	padding: 10px;
    height: auto;
    border: 0;
    vertical-align: top;
    border-bottom: 1px solid #555;
}
.unfold.rightside .invoicelog tr td span.date{
	color: gray;
}
.unfold.rightside #invoicelog tr td:first-child{
	padding: 10px;
	height: auto;
	border: 0;
	vertical-align: top;
	min-width: 135px;
}
.unfold.rightside #invoicelog tr td{
	padding: 10px;
    height: auto;
    border: 0;
    vertical-align: top;
}
/*
	NEW SALE POPUP OUT
*/
#newsale{
	position:fixed;	
	top:50%;
	background:black;
	color:white;
	left:-250px;
	margin:0 0 0 0;
	padding:20px 20px 20px 20px;
	border-radius:0 20px 20px 0px;	
	z-index:1000;
	min-width:200px;
	box-shadow:2px 0px 5px rgba(0, 0, 0, 0.5);
	border:1px solid #333;
	border-left:0;
}
#newsale h3{
	color:deepskyblue;
	font-size:1.5rem;
	padding:0px 0 10px 0;
	margin:0;
}
#newsale h5{
	color:deepskyblue;
	text-align:center;
	padding:0px 0 10px 0;
	margin:0;
}
#newsale div{	
}
#newsale img{
	width: 75px;
	height: 75px;
	vertical-align:middle;
	margin:0 10px 0 0;
	border-radius: 50%;
	object-fit: cover;
}
#newsale span{
	color:white;
}
.closecameracapture{
	position: absolute;
	top: -14px;
	right: 5px;
	color: red;
	font-size: 2rem;
	font-family: cursive;
}
/*
	SHARE
*/
#userlistshare{
	
}
#userlistshare a{
	color:white;
	display:block;
	padding:5px 0;
	border-bottom:1px dotted gray;
}
#userlistshare a.sel{
	background:gray;
}
#userlistshare a img{
	width: 40px;
	vertical-align:middle;
	margin:0 10px 0 0;
	border-radius: 50%;
	height: 40px;
	/* padding: 0 0 5px 0; */	
}
#sharebox{
	width:100%;
	min-height:100px;
	margin:10px 0 0 0;
}

/*########################################
MULTI SELECT CHECKBOX
########################################*/
.multiple_select option::before {
  content: "\2610";
  width: 1.3em;
  text-align: center;
  display: inline-block;
}
.multiple_select option:checked::before {
  content: "\2611";
}
#avanceretboxform .select2-container{
	float: right;
    width: auto !important;
    margin: 3px 5px 3px 5px;
    min-width: 20px;
    color: white;
    background: transparent;
	
	/*padding: 6px 5px;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(169, 169, 169);
    border-radius: 0;
    max-height: 34px;    
}
#avanceretboxform .select2-container--default .select2-selection--single{
	background: transparent;
    border: 0;
    height: 30px;
    margin: 0;
}
#ms-list-1 button,
#ms-list-2 button{
	float: right;
    width: auto !important;
    margin: 3px 5px 3px 5px;
    min-width: 20px;
    color: white;
    background: transparent;
	padding:6px 25px 6px 10px;
	/*padding: 6px 5px;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgb(169, 169, 169);
    border-radius: 0;
    max-height: 34px;
}
#ms-list-1.ms-active button,
#ms-list-2.ms-active button{
	/*border-bottom:1px solid #25303b;*/
	background:white;
	color:black;
}
#ms-list-1 .ms-options > .ms-selectall.global,
#ms-list-2 .ms-options > .ms-selectall.global{
	color:white;
	/*background: #25303b;*/
	text-align:left;
	display: block;
    margin: 0;
    padding: 5px 10px;
}
#ms-list-1 .ms-options,
#ms-list-2 .ms-options{
	width:auto;
	left:auto;
	top: 32px;
	right: 5px;
	min-width: 200px;
	/*border-top:0;*/
}
#ms-list-1 .ms-options ul,
#ms-list-2 .ms-options ul{
	color:white;
	/*background: #25303b;*/
	background:#111;
}
#ms-list-1 .ms-options ul li,
#ms-list-2 .ms-options ul li{
	padding:3px 0 3px 5px;
	color:white;
	/*background: #25303b;*/  
	text-align:left;
}
#ms-list-1 .ms-options ul li:hover,
#ms-list-2 .ms-options ul li:hover{
	background:#222;
}
#ms-list-1 .ms-options ul li label,
#ms-list-2 .ms-options ul li label{
	/*background: #25303b;*/    
	color:white;
	text-align:left;
	padding:0px 4px 0px 35px;
	border: 0;
    margin: 0;
	line-height: 1.3;
}
.ms-options-wrap > .ms-options > ul li.selected label,
.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover{
	background:transparent;
}
#ms-list-1 .ms-options ul li label input[type="checkbox"],
#ms-list-2 .ms-options ul li label input[type="checkbox"]{	
    top: 0;
}
.ms-options-wrap > button:before{
	content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    width: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    margin-top: -6px;
    border-top-color: #000;
    z-index: 2;
}
.ms-options-wrap > button:after{
	content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    width: 0;
    border: 5px solid rgba(0, 0, 0, 0);
    border-top-color: #fff;
    margin-top: -3px;
}
/*
	MINI TOPNAV
*/
.mini .topnav{
	min-height: 30px;
}
.mini .topnav nav a{
	padding: 0 10px;
    margin: 0;
    height: 47px;
    line-height: 15px;
}
.mini nav a img{
	width: 15px;
    display: block;
    margin: 5px auto 3px auto;
}
.mini .topnav .centerlogobox {	
	display:none;
}
.mini .topnav #topnavright {
    min-height: 30px;
    line-height: 30px;
}
.mini .topnav .contentbox {    
    height: calc(100% - 30px);
}
.mini .userimage{	
    margin: 6px 0 0 5px;
    padding: 6px 7px 5px 7px;
    line-height: 25px;
}
.mini .avanceret {   
    font-size: 25px;
    margin: 6px 0 6px 0;
}
.mini .search{
	padding: 10px;
    margin: 6px 0px 6px 0px;
}
.mini .searchbutton{
	margin: 6px 0 6px 5px;
}
.mini .searchbutton.gi {        
    padding: 5px 9px 5px 9px;
    font-size: 15px;
}
.mini .searchbutton.g {    
    padding: 3px 10px;
    font-size: 24px;
}
.mini .contentbox{
	height: calc(100% - 47px);
}
#invoicechart{
	min-height: 825px;
}
/*EOF*/


/*	CHART FIX */
#statslist,
.flexbox.stats .innersection.chart.salesboards1,
#faktastats,
#progchartgp,
#invoicechartbar,
#invoicechart,
#leadindex,
#dougnut,
#dougnut2{
	/*max-height:550px !important;*/
	height:550px !important;
	/*min-height:550px;*/
}
#invoicechart{
	min-height:550px;
}
#faktastats {
	padding: 20px 20px 50px 20px;
}
.chartbox {
    height: auto;
    /*max-height: calc(100%) !important;*/
	/*max-height: none !important;*/
    margin: 20px 0;
}
.slidecharts .innersection.chart.start.chatjs{
	
}
.flexbox.start #dougnut{
	min-height:738px;
}
@media screen and (max-width: 1920px) {
	.flexbox.start #dougnut{
		min-height:560px;
	}
}
.slidecharts.full{
	
}