@font-face {
	font-family: 'IcoMoon';
	src: url('/css/fonts/IcoMoon/IcoMoon.eot');
	src: url('/css/fonts/IcoMoon/IcoMoon.eot?#iefix') format('embedded-opentype'), 
	url('/css/fonts/IcoMoon/IcoMoon.woff') format('woff'), 
	url('/css/fonts/IcoMoon/IcoMoon.ttf') format('truetype'), 
	url('/css/fonts/IcoMoon/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {font-size:16px;font-family:"Ubuntu";font-weight:300;background:lightgrey;margin:0px;padding:0px;}
footer {height:100px;}
#head {height:60px;width:100%;background:#0066cc;color:#fff;}
#container {margin-left:80px; padding:20px;background:white;overflow:auto;}
#col_left {min-width:150px;margin-bottom:100%;}
#col_right {margin-left: 160px;}
#analytics_choose {background:#d3d3d3;padding:10px;}
#analytics_choose a, a.export {margin:10px; padding:5px; background:#0066cc;color:white; float:left;}
.clearfix {clear:both;}
form span {width:200px;display:inline-block;text-align:right;margin-right: 10px;}

select {
	font-size: 15px;
	font-weight: bold;
	color: grey;
	border-radius: 8px;
	border: 3px solid #06c;
	padding: 4px;
}

input {	border-radius: 5px;
		margin: 1px 2px;
		text-align: center;
		border: 2px solid #0066cc;	
		-webkit-border-radius: 5px; 
		padding: 3px;
		}
input[type=submit] {
	background: #0066cc;
	color: #fff;
	box-shadow: 0px 0px 3px #333;
}
input[type=submit]:hover {box-shadow: 2px 2px 5px #333;}
input[type=text] {
	color:#808080;
	font-size: 16px;
}

input[type=text]:focus {
    border-color:#f30;color: #333;
}
div.client_data {background:#cfcfcf;}
div.client {}
div.workers {}
#customer b {font-weight: 700;}

div {padding:6px;overflow: auto}
table { 
    border-collapse: collapse;width: 100%; 
	font-size:14px;
}
table td {padding: 5px;}
th {background:#0066cc;color:#fff; max-width:150px;}
td {border:1px solid lightgrey;padding:3px;}
.nowrap,td span {white-space:nowrap;}
.small {font-size:60%;}
tr:nth-child(even) {background: #f3f3f3}
tr:nth-child(odd) {background: #ededed}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.float_left {float:left;}
.char {max-width:400px;vertical-align: top;}
.attention, .attention a {color:crimson!important;font-weight:700;}

.bold {font-weight:700;}
.red {color:crimson;font-weight: 700;}
.sugarcrm {
	background: url("http://cennik.comes.com.pl/intranet/img/sugarcrm.png") 0px 0px no-repeat;
	width: 100%;
	padding-left: 19px;
	white-space: nowrap;
	background-size: 18px;
	}
.parametry {width:100%;}
.filtry {width:48%;float:left;position:relative;}
.criteria {width:48%;position:relative;margin-left:50%;}

tfoot td {background: #0066cc;color: #fff;font-weight:700;}
.summary {
	position: fixed;
	bottom: 0px;
	background: rgba(0,0,0,0.6) none repeat scroll 0% 0%;
	left: 0px;
	width: 100%;
	color: #fff;
}
.suma {text-align: center;}	
img.icon {
	max-width:20px;
	max-height:20px;
	}	
.prev_next {background: #d3d3d3;border-radius: 5px;}	
.prev_next form {display: inline;}
.prev_next:after form {clear:both;}	

.button {background-color:#0066cc;padding:6px;border-radius:5px; color:#fff;}
.button a {color:#fff;}
.bottom.clear {margin:10px;}

#wizyty td {font-size:11px;}


.blue {color: #06C;}

.pop {
	width: auto;
	border-radius: 10px;
	right: 10px;
	padding: 10px;
	position: fixed;
	top: calc(100% - 110px);
	background: #dedede;
	transition: all 1s ease 0s;
	background-color:#F30;
	height:90%;
	
}
.pop * {font-size:2vh;}
.pop .hide {display:none;}
.pop strong > * {font-size:3vh;font-weight:700;}

.pop:hover {top:10px;background-color:#ededed;width: 90%;margin:10px auto;box-shadow: 0px 0px 100px black;}
.pop:hover .hide {display:block;}
.pop:hover #pop_title {display:none;}
.popsmall {
	width: 400px;
	border-radius: 10px;
	right: 10px;
	padding: 10px;
	position: fixed;
	bottom: 10px;
	background: red;
}

.back-display {
	z-index: 9999;
	cursor: pointer;
	opacity: 0.7;
	display: block;
	position: fixed;
	bottom: 20%;
	right: 30px;
	width: 60px;
	height: 60px;
	background: url('http://partner.comes.com.pl/skin/frontend/default/xx_partner/images/arrow-top.png') no-repeat 50% 50% rgba(172,172,172,0.4);
	border-radius: 10px;
}

.clear {
	background: #f30;
	color: #fff;
	padding: 6px;
	border-radius: 9px;
	margin: 8px;
	font-size: 72%;
	text-decoration: none;
}

.back {
	position: relative;
	left: 77%;
	display: block;
	text-align: center;
	width: 120px;
}

.graph {
	background-color: #d5d5d5;
	height: 4px;
	display: table;
	}
.graph_in {
	background-color: crimson;
	height: 4px;
	display: table;
	}	
	
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.7);
	z-index: fixed;
}
#preloader #image {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #000 url('/img/sprites.gif') no-repeat center;
	margin: -60px 0 0 -60px;
}	


#leftcol {width:60px;background: #444; color:#fff;height: 100vh;margin:0;padding: 0; transition: all 0.4s easy;}
#leftcol:hover {width:200px;}
#leftcol a {color:#fff;}
#leftcol .fas {font-size: 30px;}
#leftcol ul {padding: 0;}
.mainmenu li {list-style-type: none;}
.menuitems {}
.parent {}
.menuitems , .child {list-style-type: none;}
.menu_child {display:none;background: #666;}
.parent:hover .parent_a {background: grey;}
.parent:hover .menu_child {display: block;}