@charset "utf-8";

/** Basics **/

html {
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}

body {
	color: #000;
	background-color: #f1f1f1;
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	line-height: 1.2em;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body.tasks { background-color: #ffeeee; }
body.contractsout { background-color: #e7e9f3; }
body.contractsin { background-color: #f7e9e9; }
body.worksheets { background-color: #fbebcf; }
body.devices { background-color: #ddd; }
body.sims { background-color: #e7e9f3; }
body.payrequests { background-color: #ebe1eb; }
body.reports { background-color: #ebe1eb; }
body.customers { background-color: #f3d1d1; }
body.settings { background-color: #e7f1e0; }
body.manual { background-color: #cec89d; }

form, table, th, td, p, ul, ol, li, h1, h2, h3, h4, a, a img {
	font-family: Verdana,sans-serif;
	font-size: 11px;
	line-height: 13px;
	padding: 0;
	margin: 0;
	border: 0;
}

a, input, button, object, player, video, embed {
	outline: none;
}

header, footer, video, section {
	display: block;
}

input, textarea, select {
	background-color: #fff;
	background: linear-gradient(to bottom, #e6e6e6 0%, #fff 30%, #f3f3f3 100%);
	color: #444;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	line-height: 24px;
	box-sizing: border-box;
	padding: 5px 10px;
	margin: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

select, select option {
	text-align: left;
	max-width: 90%;
	min-height: 24px;
}

select option {
	background-color: #fff;
	color: #444;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	line-height: 24px;
	padding: 0 0 0 10px;
}

input[type="submit"] {
	font-weight: normal;
}

input[type="button"]:hover {
	background-color: #082085;
	background: linear-gradient(to bottom, #082085 0%, #0a2aaf 40%, #0a2aaf 100%);
	color: #fff;
}

input.hugo {
	display: none;
}

input.hugo + label {
	background: transparent url('../images/hugo-icon-off.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.hugo:checked + label {
	background: transparent url('../images/hugo-icon-on.png') scroll no-repeat center center;
}

.edit .row input.hugo + label {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.export {
	display: none;
}

input.export + label {
	background: transparent url('../images/export-icon-off.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.export:checked + label {
	background: transparent url('../images/export-icon-on.png') scroll no-repeat center center;
}

.edit .row input.export + label {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.probe {
	display: none;
}

input.probe + label {
	background: transparent url('../images/probe-icon-off.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.probe:checked + label {
	background: transparent url('../images/probe-icon-on.png') scroll no-repeat center center;
}

.edit .row input.probe + label {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

.edit .row input.customer-type {
	display: none;
}

.edit .row input.customer-type + label {
	color: #999;
	display: inline-block;
	vertical-align: middle;
	min-width: 36px;
	width: auto;
	height: 36px;
	padding: 0 10px;
	border: 1px solid #999;
	border-radius: 4px;
}

.edit .row input.customer-type:checked + label {
	color: #000;
	font-weight: bold;
}

.edit .row input.customer-type + label span {
	font-size: 26px;
	font-weight: normal;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

.edit .row input.yesno {
	display: none;
}

.edit .row input.yesno + label {
	background: transparent url('../images/no-icon.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0 none;
}

.edit .row input.yesno:checked + label {
	background: transparent url('../images/yes-icon.png') scroll no-repeat center center;
}

input.paid {
	display: none;
}

input.paid + label {
	background: transparent url('../images/paid-icon-off.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.paid:checked + label {
	background: transparent url('../images/paid-icon-on.png') scroll no-repeat center center;
}

.edit .row .error {
	color: #ee2222;
	line-height: 19px;
	display: block;
	padding: 5px 0 1px 0;
}

a {
	color: #444;
	font-size: 8pt;
	text-decoration: none;
	line-height: 19px;
}

a:hover {
	color: #000;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: Verdana,sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000;
	font-family: Verdana,sans-serif;
}

button {
	background-color: #fff;
	color: #000;
	font-family: Verdana,sans-serif;
	font-size: 13px;
	line-height: 23px;
	box-sizing: border-box;
	padding: 2px 5px;
	margin: 0;
	border: 1px solid #999;
	border-radius: 4px;
	box-shadow: 0 0 3px #999;
}

button:hover {
	background-color: #082085;
	color: #fff;
}

button span {
	color: #000;
	font-family: 'FontAwesome';
	font-size: 12pt;
	line-height: 15pt;
	padding-right: 5px;
}

button span.blue {
	color: #281bb5;
}

button span.green {
	color: #32a338;
}

button span.orange {
	color: #efa125;
}

button span.red {
	color: #b52121;
}

button:hover span,
button:hover span.blue,
button:hover span.green,
button:hover span.orange,
button:hover span.red {
	color: #fff;
}

button.med {
	font-size: 15px;
	line-height: 27px;
	padding: 4px 8px;
	border-radius: 4px;
}

button.med span {
	font-size: 15px;
	line-height: 27px;
	padding-right: 8px;
}

button.big {
	font-size: 17px;
	line-height: 33px;
	padding: 6px 12px;
	border-radius: 5px;
}

button.big span {
	font-size: 17px;
	line-height: 33px;
	padding-right: 12px;
}

button.green {
	background-color: #69974b;
	color: #fff;
}

button.green span {
	color: #fff;
}

button.green:hover {
	background-color: #fff;
	color: #69974b;
}

button.green:hover span {
	color: #69974b;
}

button.red {
	background-color: #cc1b1b;
	color: #fff;
}

button.red span {
	color: #fff;
}

button.red:hover {
	background-color: #fff;
	color: #cc1b1b;
}

button.red:hover span {
	color: #cc1b1b;
}

button.orange {
	background-color: #f17900;
	color: #fff;
}

button.orange span {
	color: #fff;
}

button.orange:hover {
	background-color: #fff;
	color: #ffa858;
}

button.orange:hover span {
	color: #f17900;
}

hr {
	padding: 0 10%;
	margin: 10px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #999;
}

/** Global styles **/

.fbold { font-weight: bold; }

.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.tmoney {
	text-align: right;
	white-space: nowrap;
}

.dnone { display: none; }
.dblock { display: block; }

.cleft { clear: left; }
.cright { clear: right; }
.cboth { clear: both; }

.fleft { float: left; }
.fright { float: right; }
.fnone { float: none; }

.o25 { opacity: 0.25; }
.o50 { opacity: 0.50; }
.o75 { opacity: 0.75; }

.w5 { width: 5px; }
.w10 { width: 10px; }
.w15 { width: 15px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 40px; }
.w40 { width: 40px; }
.w50 { width: 50px; }

.w5p { width: 5%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w80p { width: 80%; }
.w85p { width: 85%; }
.w90p { width: 90%; }
.w95p { width: 95%; }
.w100p { width: 100%; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mauto { margin: 0 auto; }

/** Popup **/

#popup_inner .mbox {
	color: #333;
	font-family: Verdana,sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 1.5em;
	padding: 10px;
	margin: 0;
}

#popup_inner .mbox.alert {
	background: transparent url('../images/icon-alert.png') scroll no-repeat right 10px;
	min-height: 64px;
	padding: 10px 74px 10px 10px;
}

#popup_inner .mbox.mail {
	background: transparent url('../images/icon-mail.png') scroll no-repeat right 10px;
	min-height: 64px;
	padding: 10px 74px 10px 10px;
}

#popup_inner .confirm-box {
	background: transparent url('../images/icon-question.png') scroll no-repeat right 10px;
	color: #333;
	font-family: Verdana,sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 1.5em;
	min-height: 64px;
	padding: 10px 74px 10px 10px;
	margin: 0;
}

.popup-errors {
	padding: 0 0 0 20px;
	margin: 0;
}

.popup-errors li {
	color: #662222;
	padding: 0 0 10px 0;
}

.popup-errors li > strong {
	color: #ee2222;
}

.popup-buttons {
	min-height: 50px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #333;
}

/** Floating menus **/

.floatmenu-sign {
	background-color: #ccc;
	display: block;
	width: 5px;
	position: fixed;
	top: 205px;
	bottom: 100px;
	padding: 0;
	margin: 0;
	border-style: solid;
	border-color: #e33;
	z-index: 12;
}

#floatmenu-left-sign {
	left: 0px;
	border-width: 2px 2px 2px 0;
	border-radius: 0 10px 10px 0;
}

#floatmenu-right-sign {
	right: 0px;
	border-width: 2px 0 2px 2px;
	border-radius: 10px 0 0 10px;
}

#floatmenu-left {
	background-color: #eee;
	background: linear-gradient(#eee, #fff);
	position: fixed;
	left: -100%;
	top: 205px;
	width: 100%;
	min-height: 100px;
	padding: 0;
	margin: 0;
	border-width: 2px 0;
	border-style: solid;
	border-color: #333;
	box-shadow: 0 0 10px #555;
	box-sizing: border-box;
	z-index: 15;
	transition: left 0.5s;
}

#floatmenu-left.active {
	left: 0%;
	transition: left 0.5s;
}

#floatmenu-left hr {
	width: 80%;
	padding: 0;
	margin: 0 auto 20px auto;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #999;
}

#floatmenu-left .content {
	text-align: center;
	overflow: hidden;
	padding: 20px 0 0 0;
	margin: 0 0 0 10px;
	border-radius: 10px;
	box-sizing: border-box;
}

#floatmenu-left button {
	min-width: 200px;
	vertical-align: middle;
	padding: 10px;
	margin: 0 10px 20px 0;
}

#floatmenu-left button span {
	font-size: 32px;
	line-height: 40px;
	display: block;
	padding: 0 0 10px 0;
}

#floatmenu-left button img {
	width: 32px;
	height: 32px;
	display: block;
	padding: 4px 0 14px 0;
	margin: 0 auto;
}

#floatmenu-right {
	background-color: #eee;
	background: linear-gradient(#eee, #fff);
	position: fixed;
	right: -100%;
	top: 205px;
	width: 100%;
	min-height: 100px;
	padding: 0;
	margin: 0;
	border: 0;
	box-shadow: 0 0 10px #555;
	box-sizing: border-box;
	z-index: 15;
	transition: right 0.5s;
}

#floatmenu-right.active {
	right: 0%;
	transition: right 0.5s;
}

/** Header **/

header {
	background-color: #555;
	background: linear-gradient(to bottom, #333 0%, #aaa 20%, #333 100%);
	background: -webkit-linear-gradient(#333 0%, #aaa 20%, #333 100%);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0px;
	margin: 0;
	box-shadow: 0 0 3px #999;
	z-index: 10;
}

header .menu-text {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	text-shadow: 0 0 3px #000;
	line-height: 84px;
	float: right;
	padding: 0 10px 0 0;
	margin: 10px 10px 0 0;
}

header ul {
	list-style: none;
	text-align: left;
	display: none;
	padding: 0;
	margin: 0;
}

header ul li {
	list-style-type: none;
	text-align: center;
	display: inline-block;
	padding: 15px 10px;
	margin: 0;
}

header ul li:first-child {
	margin: 0 0 0 10px;
}

header ul li a {
	display: block;
	position: relative;
	padding: 0 5px;
}

header ul li a span {
	background-color: #ee2222;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 13px;
	position: absolute;
	top: -15px;
	left: 10px;
	right: 10px;
	padding: 2px;
	margin: 0;
	border-radius: 0 0 6px 6px;
}

header .menu-name {
	color: #fff;
	font-family: 'Tahoma',cursive;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #555;
	letter-spacing: 1.3px;
	line-height: 55px;
	height: 55px;
	padding: 5px 10px;
}

header .active-page-icon {
	width: 75px;
	float: left;
	padding: 0 0 0 5px;
	margin: 0;
}

header .active-page-icon img {
	background-color: #fff;
	background: linear-gradient(to bottom, #e6e6e6 0%, #fff 30%, #f3f3f3 100%);
	display: block;
	width: 35px;
	height: 35px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 3px #999;
}

header .notification-summary {
	text-align: right;
	width: 75px;
	float: right;
	padding: 0 0 0 5px;
	margin: 0;
}

header .notification-summary a {
	background-color: #fff;
	background: linear-gradient(to bottom, #e6e6e6 0%, #fff 30%, #f3f3f3 100%);
	color: #ee2222;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 3px #999;
}

header .notification-summary a.has-new {
	background-color: #f11;
	background: linear-gradient(to bottom, #f44 0%, #f00 50%, #f44 100%);
	color: #fff;
	font-size: 21px;
}

.tasks li.active { background-color: #e12020; }
.contractsout li.active { background-color: #082085; }
.contractsin li.active { background-color: #a20e0e; }
.worksheets li.active { background-color: #efa125; }
.devices li.active { background-color: #555; }
.sims li.active { background-color: #425c9b; }
.payrequests li.active { background-color: #783479; }
.reports li.active { background-color: #783479; }
.customers li.active { background-color: #be0a07; }
.settings li.active { background-color: #5c9e26; }
.manual li.active { background-color: #ceb607; }

.tasks .menu-name { background-color: #e12020; }
.contractsout .menu-name { background-color: #082085; }
.contractsin .menu-name { background-color: #a20e0e; }
.worksheets .menu-name { background-color: #efa125; }
.devices .menu-name { background-color: #555; }
.sims .menu-name { background-color: #425c9b; }
.payrequests .menu-name { background-color: #783479; }
.reports .menu-name { background-color: #783479; }
.customers .menu-name { background-color: #be0a07; }
.settings .menu-name { background-color: #5c9e26; }
.manual .menu-name { background-color: #ceb607; }

/** Content container **/

.content {
	padding: 75px 15px 15px 15px;
}

.demo .content {
	padding-top: 115px;
}

.panels {
	position: relative;
}

.left-panel {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	padding: 0 550px 0 0;
	z-index: 1;
}

.left-panel.opened {
	padding: 0 0 0 0;
}

.right-panel {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 530px;
	z-index: 1;
}

h1 {
	background-color: #eee;
	background: linear-gradient(#eee, #fff);
	color: #444;
	font-family: Arial,cursive;
	font-size: 19px;
	line-height: 29px;
	padding: 5px 15px;
	margin: 10px 0 0 0;
	border: 0 none;
	box-shadow: 0 0 4px #333;
}

h1.tasks {
	background-color: #e12020;
	background: linear-gradient(#ac1919, #c91d1d);
	color: #fff;
}

h1.contractsout {
	background-color: #c1c7e1;
	background: linear-gradient(#c1c7e1, #082085);
	color: #fff;
}

h1.contractsin {
	background-color: #dda5a5;
	background: linear-gradient(#dda5a5, #a20e0e);
	color: #fff;
}

h1.worksheets {
	background-color: #f8d69f;
	background: linear-gradient(#f8d69f, #efa125);
	color: #fff;
}

h1.devices {
	background-color: #aaa;
	background: linear-gradient(#bbb, #444);
	color: #fff;
}

h1.sims {
	background-color: #374c81;
	background: linear-gradient(#374c81, #425c9b);
	color: #fff;
}

h1.payrequests {
	background-color: #552556;
	background: linear-gradient(#ca57ca, #552556);
	color: #fff;
}

h1.reports {
	background-color: #552556;
	background: linear-gradient(#ca57ca, #552556);
	color: #fff;
}

h1.customers {
	background-color: #700604;
	background: linear-gradient(#d70b08, #700604);
	color: #fff;
}

h1.settings {
	background-color: #365e16;
	background: linear-gradient(#6fbf2e, #365e16);
	color: #fff;
}

h1.manual {
	background-color: #a79306;
	background: linear-gradient(#cec583, #a59106);
	color: #fff;
}

h1 .ordering {
	font-size: 15px;
	display: block;
	float: right;
}

h1 .ordering select {
	line-height: 19px;
	min-height: 19px;
	padding: 0 5px;
	margin: 0;
}

h1 .ordering select option {
	line-height: 19px;
	min-height: 19px;
}

.decor-form {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.decor-form.wide {
	max-width: 1100px;
}

.box {
	background-color: #fff;
	padding: 15px;
	margin: 0 0 15px 0;
	border: 0 none;
	border-radius: 0 0 4px 4px;
	box-shadow: 0px 0px 4px #333;
}

.box.nopad {
	padding: 0;
}

.box h2 {
	font-size: 10pt;
	font-weight: bold;
	padding: 15px 0 5px 0;
	margin: 0;
}

.box table {
	width: 100%;
	border-spacing: 0;
}

.box tr:nth-child(even) {
	background: #fff;
}

.box tr:nth-child(odd) {
	background: #eee;
}

.box tr.active,
.box tr:hover {
	background: #082085;
}

.box tr.active td,
.box tr:hover td {
	color: #fff;
}

.box tr.active td span.fa,
.box tr:hover td span.fa {
	color: #fff;
}

.box tr.head,
.box tr.head:hover {
	background-color: #ccc;
}

.box th {
	padding: 12px 10px;
}

.box td {
	padding: 10px;
}

.box tr.startline td {
	border-top: 1px solid #555;
}

.box td.status {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 1px #000, 0 0 4px #aaa;
}

.box .datarow {
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.box .datarow:last-child {
	border-bottom: 0 none;
}

.box .datarow span {
	font-weight: bold;
	display: inline-block;
	width: 35%;
}

.filters input,
.filters label,
.filters select,
.filters button {
	vertical-align: middle;
}

/** Forms **/

.edit h2 {
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 0 2px 0;
	margin: 0;
}

.edit .row {
	font-size: 12px;
	line-height: 36px;
	min-height: 36px;
	padding: 12px 0 6px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
}

.edit .row:last-child {
	border-bottom: 0 none;
}

.edit .row label {
	font-size: 12px;
	line-height: 36px;
	width: 35%;
	max-width: 250px;
	min-height: 36px;
	float: left;
}

.edit .row input,
.edit .row textarea,
.edit .row select {
	width: 55%;
}

.edit .row input[type="radio"],
.edit .row input[type="checkbox"] {
	width: auto;
	vertical-align: middle;
}

.edit .wrow {
	padding: 4px 0 2px 0;
	margin: 0;
	border-bottom: 1px solid #999;
}

.edit .wrow label {
	line-height: 20px;
	float: left;
	width: 75%;
}

.edit .wrow input,
.edit .wrow textarea,
.edit .wrow select {
	width: 15%;
}

.edit .wrow input[type="radio"],
.edit .wrow input[type="checkbox"] {
	width: auto;
}

/** Login **/

body.login.distributor-1 {
	background: #f1f1f1 url('../images/login-bg-nz.jpg') scroll no-repeat center center;
}
body.login.distributor-2 {
	background: #f1f1f1 url('../images/login-bg-it.jpg') scroll no-repeat center center;
}
body.login.distributor-3 {
	background: #f1f1f1 url('../images/login-bg-demo.jpg') scroll no-repeat center center;
}

.login {
	width: 420px;
	height: auto;
	padding: 0 0 15px 0;
	margin: 40px auto 0 auto;
}

.login h1 {
	text-align: center;
	padding: 15px;
	margin: 0;
}

.login .logo {
	display: block;
	margin: 15px auto;
}

.login .box {
	padding: 0;
	border-radius: 4px;
}

.login form {
	padding: 10px 50px;
}

.login button {
	display: block;
}

/** Main page **/

.main-links ul {
	text-align: center;
	display: block;
	width: 600px;
	padding: 100px 0 25px 0;
	margin: 0 auto;
}

.main-links li {
	position: relative;
	display: inline-block;
	width: 196px;
	height: 196px;
}

.main-links li a {
	font-size: 21px;
	text-align: center;
}

.main-links li a span.icon {
	font-size: 96px;
	display: block;
	padding: 20px 0;
}

.main-links li a span.notification {
	background-color:  #dd2222;
	color: #fff;
	font-size: 27px;
	line-height: 35px;
	position: absolute;
	right: 25px;
	top: 15px;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	border: 0 none;
	border-radius: 18px;
}

/** Contracts out **/

.co-status-1 {
	color: #fffd75;
}

.co-status-2 {
	color: #63cd76;
}

.co-status-3 {
	color: #da3434;
}

.contractsout-menu {
	padding: 10px 0;
}

.contractsout-menu a {
	background-color: #fff;
	background: linear-gradient(#eee, #fff);
	color: #000;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	min-width: 110px;
	padding: 15px 10px;
	margin: 0 10px 0 0;
	border-radius: 8px;
	box-shadow: 0 0 3px #999;
}

.contractsout-menu a.active {
	background-color: #0c33ce;
	background: linear-gradient(#0c33ce, #082085);
	color: #fff;
}

.contractsout-menu a span {
	font-size: 35px;
	line-height: 39px;
}

table.vehicles {
	width: 100%;
	margin: 15px 0 10px 0;
}

table.vehicles th {
	font-weight: bold;
	padding: 5px;
}

table.vehicles td {
	padding: 3px 5px;
	border-top: 1px solid #ccc;
}

.create-worksheet {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.create-worksheet li {
	list-style: none;
	padding: 5px 10px;
	margin: 0;
	border-top: 1px solid #ccc;
}

.create-worksheet input.yesno {
	display: none;
}

.create-worksheet input.yesno + label {
	background: transparent url('../images/no-icon.png') scroll no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0 10px 0 0;
	border: 0 none;
}

.create-worksheet input.yesno:checked + label {
	background: transparent url('../images/yes-icon.png') scroll no-repeat center center;
	background-size: 100%;
}

/** Contracts in **/

.ci-status-1 {
	color: #fffd75;
}

.co-status-10 {
	color: #63cd76;
}

.import-changed-field {
	color: #ff2222;
}

.import-small {
	min-height: 0;
	padding: 2px 5px;
	margin: 0;
}

.import-small option {
	min-height: 0;
}

.import-price-sum {
	font-size: 16px;
	text-align: right;
	line-height: 23px;
	padding: 10px 0 0 0;
}

.import-checkbox input.yesno {
	display: none;
}

.import-checkbox input.yesno + label {
	background: transparent url('../images/no-icon.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0 none;
}

.import-checkbox input.yesno:checked + label {
	background: transparent url('../images/yes-icon.png') scroll no-repeat center center;
}

/** Worksheets **/

.ws-status-1 {
	color: #fffd75;
}

.ws-status-2 {
	color: #63cd76;
}

.ws-status-3 {
	color: #da3434;
}

.ws-status-4 {
	color: #ac5ab3;
}

.ws-status-5 {
	color: #0000c0;
}

.warranty {
	background-color: #efa125;
	color: #f0f0f0;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	line-height: 13px;
	display: inline-block;
	height: 13px;
	padding: 0 5px;
	margin: 0 0 0 10px;
	border-radius: 6px;
}

input.warranty-box {
	display: none;
}

input.warranty-box + label {
	background: transparent url('../images/warranty-icon-off.png') scroll no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

input.warranty-box:checked + label {
	background: transparent url('../images/warranty-icon-on.png') scroll no-repeat center center;
}

.edit .row input.warranty-box + label {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid #999;
	border-radius: 4px;
}

/** Devices **/

.dev-status-0 {
	color: #fffd75;
}

.dev-status-1 {
	color: #63cd76;
}

/** SIMs **/

.sim-status-0 {
	color: #fffd75;
}

.sim-status-1 {
	color: #63cd76;
}

/** Payrequests **/

.col-paid input.yesno {
	display: none;
}

.col-paid input.yesno + label {
	background: transparent url('../images/no-icon.png') scroll no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0 none;
}

.col-paid input.yesno:checked + label {
	background: transparent url('../images/yes-icon.png') scroll no-repeat center center;
	background-size: 100%;
}

/** Reports **/

.reports-menu {
	padding: 10px 0;
}

.reports-menu a {
	background-color: #fff;
	background: linear-gradient(#eee, #fff);
	color: #000;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	min-width: 110px;
	padding: 15px 10px;
	margin: 0 10px 0 0;
	border-radius: 8px;
	box-shadow: 0 0 3px #999;
}

.reports-menu a.active {
	background-color: #552556;
	background: linear-gradient(#ca57ca, #552556);
	color: #fff;
}

.reports-menu a span {
	font-size: 35px;
	line-height: 39px;
}

.report-monthly table {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0 none;
	border-spacing: 10px;
}

.report-monthly td {
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
	padding: 10px;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.report-monthly td .fa {
	font-size: 48px;
	text-align: center;
	display: block;
	padding: 10px;
}

.report-monthly td .subtext {
	color: #999;
	font-size: 17px;
	font-weight: normal;
	line-height: 27px;
	display: block;
	padding: 5px 0;
}

.reports-tell-sum {
	font-size: 16px;
	text-align: right;
	line-height: 23px;
	padding: 10px 0 0 0;
}

/** Customers **/

.cu-status-0 {
	color: #fffd75;
}

.cu-status-1 {
	color: #63cd76;
}

.obu-list {
	width: 100%;
	padding: 20px 0;
	margin: 10px 0;
}

.obu-list li {
	display: inline-block;
	width: 45%;
	padding: 5px;
	margin: 5px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}

.obu-list input.yesno {
	display: none;
}

.obu-list input.yesno + label {
	background: transparent url('../images/no-icon.png') scroll no-repeat center center;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0 10px 0 0;
	border: 0 none;
}

.obu-list input.yesno:checked + label {
	background: transparent url('../images/yes-icon.png') scroll no-repeat center center;
	background-size: 100%;
}

/** Settings **/

.settings-menu {
	padding: 10px 0;
}

.settings-menu a {
	background-color: #fff;
	background: linear-gradient(#eee, #fff);
	color: #000;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	min-width: 110px;
	padding: 15px 10px;
	margin: 0 10px 0 0;
	border-radius: 8px;
	box-shadow: 0 0 3px #999;
}

.settings-menu a.active {
	background-color: #5c9e26;
	background: linear-gradient(#5c9e26, #497d1e);
	color: #fff;
}

.settings-menu a span {
	font-size: 35px;
	line-height: 39px;
}

.user-rights-list {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

.user-rights-list span {
	padding-left: 12px;
}

/** Manual **/

.manual h2 {
	font-size: 15px;
	font-weight: bold;
}

/** Info bubble **/

.info-bubble {
	cursor: pointer;
}

.info-bubble-content {
	background-color: #f9f9f9;
	background: linear-gradient(to top, #f9f9f9 0%, #fff 15%, #fff 90%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#f9f9f9 0%, #fff 15%, #fff 90%, #e6e6e6 100%);
	color: #333;
	padding: 10px 20px;
}

.info-bubble-content h1 {
	background: transparent none;
	font-size: 23px;
	font-weight: bold;
	line-height: 35px;
	box-shadow: none;
}

.info-bubble-content h2 {
	background: #888 none;
	color: #fff;
	font-size: 17px;
	padding: 10px;
	margin: 5px 0 10px 0;
}

.info-bubble-content .row {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	padding: 3px 0;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
}

.info-bubble-content .row span {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	line-height: 15px;
	display: inline-block;
	width: 150px;
	padding-right: 10px;
}

.info-bubble-content table {
	width: 100%;
}

.info-bubble-content th {
	font-weight: bold;
}

.info-bubble-content th,
.info-bubble-content td {
	font-size: 12px;
	text-align: left;
	line-height: 15px;
	padding: 3px 0;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
}

.info-bubble-content th.c,
.info-bubble-content td.c {
	text-align: center;
}

.info-bubble-content th.r,
.info-bubble-content td.r {
	text-align: right;
}

.info-bubble-content td.nb {
	border: 0 none;
}

.info-bubble-content td.sum {
	background-color: #ccc;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #333;
}

/** Vehicle list **/

.vehicle-list {
	cursor: pointer;
}

/** Print preview **/

.preview {
	background-color: #fff;
	font-family: 'Tahoma';
	max-width: 1000px;
	min-height: 1050px;
	padding: 10px;
	margin: 20px auto;
	border: 1px solid #333;
	box-shadow: 2px 2px 16px #888;
}

.preview .c {
	text-align: center;
}

.preview .r {
	text-align: right;
}

.preview .b {
	font-weight: bold;
}

.preview .s {
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
}

.preview .border {
	padding: 0;
	margin: 0;
	border: 1px solid #333;
}

.preview .title {
	color: #333;
	font-size: 29px;
	font-weight: bold;
	line-height: 39px;
	float: right;
	padding: 9px 10px 0 0;
	margin: 0;
}

.preview .subtitle {
	color: #555;
	font-size: 16px;
	line-height: 21px;
	padding: 0;
	margin: 0;
}

.preview h5 {
	background-color: #eee;
	color: #333;
	font-size: 15px;
	line-height: 19px;
	padding: 3px 10px;
	margin: 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #333;
}

.preview table {
	width: 100%;
	border-spacing: 0;
}

.preview table {
	padding: 5px;
}

.preview table.service td {
	padding: 2px 5px;
}

.preview table.data tr td {
	border-top: 1px solid #ccc;
}

.preview table.data th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	padding: 6px 5px;
}

.preview table.data td {
	font-size: 11px;
	line-height: 14px;
	padding: 3px 5px;
}

.preview table.data td.s {
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
}

.preview table.data td.wp {
	color: #999;
	font-size: 11px;
}

.preview table.data td.nb {
	border: 0 none;
}

.preview table.data td.bp {
	padding: 8px 5px;
}

.preview table.data td.subsep {
	height: 15px;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #555;
}

/** Print **/

.print {
	background-color: #fff;
	max-width: 880px;
	padding: 10px;
	margin: 0 auto;
}

.print h1 {
	background-color: #fafafa;
	color: #333;
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	clear: both;
	padding: 5px;
	margin: 5px 0;
	box-shadow: none;
}

.print p {
	text-align: justify;
}

.print ol li,
.print ul li{
	text-align: justify;
}

.print table td {
	padding: 2px 5px;
	border-width: 0 1px 1px 0;
}

.print table.inner tr td {
	padding: 2px 5px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ccc;
}

.print table.inner tr td:last-child {
	border-right: 0 none;
}

.print table.inner tr:last-child td {
	border-bottom: 0 none;
}

.print table td.c {
	text-align: center;
}

.print table td.r {
	text-align: right;
}

.print table.fw {
	width: 100%;
	border-spacing: 0;
}

.print table.signo {
	padding-top: 25px;
}

.print .row {
	line-height: 1.9em;
	padding: 0;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #f5f5f5;
}

.print .row span {
	background-color: #f5f5f5;
	line-height: 1.9em;
	display: block;
	width: 30%;
	float: left;
	clear: left;
	padding: 0 5px;
	margin: 0 5px 0 0;
}

.print-buttons {
	background-color: #f0f0f0;
	background: linear-gradient(#f0f0f0, #ddd);
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px;
	margin: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #333;
}

/** Document print **/

.doc {
	line-height: 1.5em;
}

.doc .header-image {
	text-align: center;
	width: 100%;
	padding: 0 10px;
}

.doc .header-image img {
	padding: 0;
	margin: 0;
	border: 0 none;
}

.doc .main-title {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
	padding: 12px 25px;
}

.doc table {
	width: 100%;
	border: 0 none;
}

.doc th {
	background-color: #bbb;
	font-family: 'verdana';
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
	padding: 1px 3px;
}

.doc td {
	font-family: 'verdana';
	font-size: 10px;
	text-align: left;
	line-height: 13px;
	padding: 1px 3px;
}

.doc p {
	font-family: 'verdana';
	font-size: 10px;
	line-height: 15px;
	padding: 6px 0 14px 0;
}

.doc ol {
	font-family: 'verdana';
	font-size: 10px;
	line-height: 15px;
	padding: 3px 0 8px 25px;
}

.doc ol li {
	font-family: 'verdana';
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 3px 0;
}

.doc ul {
	font-family: 'verdana';
	font-size: 10px;
	line-height: 15px;
	padding: 3px 0 8px 25px;
}

.doc ul li {
	font-family: 'verdana';
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 3px 0;
}

/** Fix for float divs **/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}