@font-face{
    font-family:'OpenSans';
    src:url("../fonts/OpenSans.woff2") format("woff2");
    font-weight:normal;
    font-style:normal
}
@font-face {
  font-family: 'tcm';
  src: url('../fonts/HelveticaNeueLTStd-Blk.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Blk.otf')  format('opentype'),
	     url('../fonts/HelveticaNeueLTStd-Blk.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Blk.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Blk.svg#HelveticaNeueLTStd-Blk') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*!
 * pagepiling.js 1.5.5
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */body,html{overflow:hidden;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.pp-section{height:100%;position:absolute;width:100%}.pp-easing{-webkit-transition:all 1s cubic-bezier(.55,.085,0,.99);-moz-transition:all 1s cubic-bezier(.55,.085,0,.99);-o-transition:all 1s cubic-bezier(.55,.085,0,.99);transition:all 1s cubic-bezier(.55,.085,0,.99);-webkit-transition-timing-function:cubic-bezier(.55,.085,0,.99);-moz-transition-timing-function:cubic-bezier(.55,.085,0,.99);-o-transition-timing-function:cubic-bezier(.55,.085,0,.99);transition-timing-function:cubic-bezier(.55,.085,0,.99)}#pp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1}#pp-nav.right{right:17px}#pp-nav.left{left:17px}.pp-section.pp-table{display:table}.pp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.pp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}.pp-slidesNav.bottom{bottom:17px}.pp-slidesNav.top{top:17px}#pp-nav ul,.pp-slidesNav ul{margin:0;padding:0}#pp-nav li,.pp-slidesNav li{display:block;width:14px;height:13px;margin:7px;position:relative}.pp-slidesNav li{display:inline-block}#pp-nav li a,.pp-slidesNav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#pp-nav li .active span,.pp-slidesNav .active span{background:#333}#pp-nav span,.pp-slidesNav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0,0,0,0);border-radius:50%;position:absolute;z-index:1}.pp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px}.pp-tooltip.right{right:20px}.pp-tooltip.left{left:20px}.pp-scrollable{overflow-y:scroll;height:100%}
/*# sourceMappingURL=jquery.pagepiling.min.css.map */



html,body,form,input,select,table{
    font-size:13px;
    font-family:OpenSans;
    color:#444941;
}
h1{
    font-size:24px;
    font-family:tcm;
}
h2{
    font-size:18px;
    color:#888888;
    font-family:tcm;
}
h3{
    font-size:14px;
    font-family:tcm;
}
.btn{
    width:auto;
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    margin:10px 0 20px
}
.btn-success{
    color:#fff;
    background-color:#5cb85c;
    border-color:#4cae4c
}


body, #content{
    margin:0;
    padding:0;
}

.section {
	background:white;
}
.section div {
	padding:5px;
}


.page2 {
	font-size:11px;
}

.page2 h1 {
	margin:0;
}

.page2 input {
	padding:2px 5px;
	width:85px;
}
input.fullWidth {
	width:100%;
}








#pp-nav {
	top:unset;
	bottom:10px;
	left:0;
	width:100%;
}
#pp-nav ul {
	display:block;    
	width: 130px;
	margin:0 auto;
}
#pp-nav li {
	float:left;
	margin:10px 14px;
}
#pp-nav li a {
	padding:5px;
}
#pp-nav span, .pp-slidesNav span {
    top: 5px;
    left: 5px;
    width: 12px;
    height: 12px;
}

@media print {
    #pp-nav, #pp-nav * {display:none!important;}
}

body {
	position:relative;
}

/* LOGIN */

	#login {
		text-align:center;
		background:url('/images/bg.jpg') 100% -50px no-repeat;
		background-size:40%;
	}
	.login__logo {
		width:40%;
		margin:50px 0;
	}
	.login__subtitle {
	    font-family:OpenSans;
		color: #444941;
	}
	.login__title {
		text-transform:uppercase;
		color: #444941;
	}
	.login__form:before {
		content:'';
		display:block;
		background:url('/images/login/shadow_top.jpg') no-repeat;
		background-size:contain;
		background-position: center;
		height:35px;
		margin-bottom:25px;
	}
	.login__form:after {
		content:'';
		display:block;
		background:url('/images/login/shadow_bottom.jpg') no-repeat;
		background-size:contain;
		background-position: center;
		height:35px;
		margin-top:5px;
	}
	.login__label {
	    display:inline-block;
	    text-align:right;
	    width:100px;
	    margin-right:10px;
	    font-size:16px;
	}
	.login__input {
	    border: 1px solid #92908b;
	    font-size:16px;
	    padding:5px;
	    margin-bottom:10px;
	    width:250px;
	}
	.login__form ul {
		list-style-type:none;
	}
	.login__submit {
		display:inline-block;
		-webkit-appearance: none;
	}
	
/* HEADER */
	body {
		background:url('/images/bg.jpg') 100% -50px no-repeat;
		background-size:175px;
	}
	.header {
		display:flex;
		padding:10px 20px 20px;
	}
	.header__truckType {
		display:flex;
	}
	.header__label {
		width:150px;
		border-bottom:1px solid #ec1b3c;
		margin:0;
		line-height: 28px;
		font-size:16px;
		padding:0 10px;
		display:inline-block;
	}
	select.header__select {
		font-size:16px;
		border:1px solid #ec1b3c;
		border-radius:0;
		color:#ec1b3c;
		font-family:tcm;
	    padding: 7px;
	    height: 30px;
	    line-height:20px;
	    background:white;
	    width:140px;
		-webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	}
	select.header__select:focus {
		outline: none;
	}
	div.header__select {
	    position: relative;
	}
	div.header__select:after {
	    position: absolute;
	    right:10px;
	    top:6px;
		content: '';
		display:block;
		background:url('/images/dropdown.png') no-repeat;
		background-size:contain;
		width:16px;
		height:16px;
		pointer-events:none;
	}
	.header__select--electric {
		border-top:0;
	}
	.header__title {
		font-family:openSans;
	    font-size: 16px;
	    letter-spacing: 1px;
	    margin-left:auto;
	}
	.header__titleStrong {
		font-family:tcm;
		text-transform: uppercase;
	}
	
	
/* GENERIC */
	/* Hide HTML5 Up and Down arrows. */
	input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}
	 
	input[type="number"] {
	    -moz-appearance: textfield;
	}

/* PAGE 1 */
.page1 {
	font-size:0;
}
.page1 > div {
	display:flex;
	justify-content:space-around;
	padding:25px 50px;
}
.page1 table {
	padding:0;
	border-spacing: 0;
	border-collapse: collapse;
}
.page1 .table1 {
	margin-left:20px;
}
.page1 .table1 label {
	width:200px;
	margin:0;
}
.page1 .table2 label {
	width:240px;
	margin:0;
}
.page1 td {
	margin:0;
	padding:0;
    border: 1px solid #92908b;
    font-size: 16px;
}
.page1 tr.blank td {
    border-left:0;
    border-right:0;
}
.page1 td.blankBottom {
    border-bottom:0;
}
.page1 td.blankTop {
    border-top:0;
}
.page1 td:nth-child(1) {
	border-left:0;
	padding:0 10px;
}
.page1 td:nth-child(1) label {
	font-size:14px;
}
.page1 .table1 td:nth-child(2) {
	border-right:0;
}
.page1 .table2 td:nth-child(3) {
	border-right:0;
	padding:0 10px;
}
.page1 .table2 td:nth-child(3) label {
	font-size:12px;
	width:125px;
}

.page1 td input {
	border:0;
	text-align:right;
	width:100px;
    border: 1px solid #92908b;
    border-right: 2px solid #92908b;
	font-size:16px;
	font-weight:bold;
	padding:2px 10px 2px 5px;
	margin:0;
	-webkit-appearance: none;
	border-radius:0;
}


.page1 .table2 input {
	width:150px;
}
.page1 td input:disabled {
    border:0;
    background:#eaeae9;
    opacity:1;
    color:#000000;
}

	
	
	
	
/* PAGE 2 */

.page2 {
	text-align:center;
}
.page2 > div {
	display:inline-block;
	height:130%;
}

.page2 h1 {
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
    color:#E3022C;
	margin-top:4px;
}	
.page2 table {
	padding:0;
	border-spacing: 0;
	border-collapse: collapse;
}
.page2 td {
	margin:0;
	padding:0;
    border: 1px solid #92908b;
    font-size: 10px;
}
.page2 tr.blankRow td {
	border:0;
	height:15px;
}
.page2 tr.blank td {
    border-left:0;
    border-right:0;
}
.page2 td.blankBottom {
    border-bottom:0;
}
.page2 tr.blankTop td, .page2 td.blankTop {
    border-top:0;
}
.page2 td.blank {
    border:0;
}

.page2 td:nth-child(1) {
    text-align:right;
	padding:0 10px 0 5px;
	border-left:0;
}

.page2 td:nth-child(1), .page2 td:nth-child(8) {
	width:180px;
}

.page2 td:nth-child(2), .page2 td:nth-child(3), .page2 td:nth-child(4), .page2 td:nth-child(9), .page2 td:nth-child(10), .page2 td:nth-child(11) {
    background:#eaeae9;
    border-right:10px solid white!important;
    text-align:right;
	padding:0 10px;
	width:65px
}
.page2 td.noRightBorder {
    border-right:0!important;
}
.page2 td:nth-child(8) {
    border-left:0;
    text-align:right;
	padding:0 10px 0 5px;
}

.page2 td:nth-child(9), .page2 td:nth-child(10) {
    border-right: 1px solid #92908b!important;
}
.page2 td:nth-child(11) {
    border-right: 0!important;
}
.page2 td:nth-child(5), .page2 td:nth-child(6), .page2 td:nth-child(7) {
	border:0;
}
.page2 td.nopad {
	padding:0;
}
.page2 td.centerText, .page2 td.centerText input {
	text-align:center;
}
.page2 td input {
	border:0;
	text-align:right;
	width:100%;
    border: 1px solid #92908b;
    border-right: 2px solid #92908b;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-right:10px;
	margin:0;
	-webkit-appearance: none;
	border-radius:0;
}
.page2 td.center {
    text-align:center;
}
.page2 td.bold {
    font-family:tcm;
    text-transform:uppercase;
    padding-top:4px;
}
.page2 td.white {
    background:white;
}



/* PAGE 3 */

.page3 {
	font-size:0;
	text-align:center;
}
.page3 > div {
	padding:25px;
	display:inline-block;
}
.page3 h1 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
    color:#E3022C;
	margin:8px 0 0 0;
}	
.page3 table {
	padding:0;
	border-spacing: 0;
	border-collapse: collapse;
}
.page3 label {
	width:200px;
	margin:0;
}
.page3 td {
	margin:0;
	padding:3px 0;
    border: 1px solid #92908b;
    font-size: 14px;
}
.page3 .modelImg {
	width:275px;
	margin:0 auto;
}
.page3 td.border, .page3 .border td {
    border: 1px solid #92908b;
}
.page3 td.borderB, .page3 .borderB td {
    border-bottom: 1px solid #92908b;
}
.page3 td.borderT, .page3 .borderT td {
    border-top: 1px solid #92908b;
}
.page3 .borderL td, .page3 td.borderL {
    border-left: 1px solid #92908b;
}
.page3 .borderR td, .page3 td.borderR {
    border-right: 1px solid #92908b;
}

td.blank, .blank td {
    border:0;
}
td.blankB, .blankB td {
    border-bottom:0;
}
td.blankT, .blankT td {
    border-top:0;
}
.blankL td, td.blankL {
    border-left:0;
}
.blankR td, td.blankR {
    border-right:0;
}
.page3 tr.blankRow td {
	border:0;
	height:25px;
}
.page3 .grey {
    background:#eaeae9;	
    text-align:right;
    padding:0 10px;
    width:80px;
}
.page3 .center {
    text-align:center;
}
.page3 .bold {
    font-family:tcm;
    text-transform:uppercase;
    padding-top:4px;
}
.page3 td:nth-child(1) {
    text-align:right;
    padding-left:10px;
    padding-right:10px;
    border-left:0;
    width:300px;
}
.page3 td:nth-child(2), .page3 td:nth-child(3) {
	border-right:15px solid white;
}
.page3 td:nth-child(4) {
	border-right:none;
}
.page3 td:nth-child(5) {
	border-right:15px solid white;
	border-top:none;
	border-bottom:none;
	border-left:none;
	width:10px;
}
	 
.page3 td:nth-child(8) {
	border-right:0;
}



table, tr {
	position:relative;
}

.toggle {
	display:inline-block;
	float:left;
	width:6px;
	height:6px;
	background:url('/images/minus.png') no-repeat;
	background-size:contain;
	position:absolute;
	left:-15px;
}
.toggle.hide {
	display:inline-block;
	float:left;
	width:6px;
	height:6px;
	background:url('/images/plus.png') no-repeat;
	background-size:contain;
	position:absolute;
	left:-15px;
}

.hideyearly tr.yearly {
	display:none;
}
.hidecontractCosts tr.contractCosts {
	display:none;
}
.hideoverall tr.overall {
	display:none;
}



/* FOOTER */
	.footer__trucks {
		position:absolute;
		left:15px;
		bottom:15px;
		width:30%;
		z-index:999;
	}
	.page1 .footer__trucks {
		bottom:100px;
		width:30%;
		z-index:9999;
	}
	


/* ADMIN */
.admin > div {
	padding:10px 20px;
}
.admin h2 {
	margin:0 0 20px 0;
}
.admin_header, .admin_header a {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
    color:#E3022C;
	margin:0;	
}
.admin_link {
	font-size:14px;
	border:1px solid #E3022C;
	color:#E3022C;
	padding:5px 10px;
	margin:0 20px 20px 0;
	border-radius: 5px;
	text-decoration:none;
	transition:all 200ms;
	cursor:pointer;
}
.admin_link:hover {
	background:#E3022C;
	color:white;
	text-decoration:none;
}
.admin_link--small {
	font-size:12px;
	padding:2px 5px;
	margin:0;
}
.admin_link--fixed {
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:999;
}

/* NEW USER */
.newuser label {
	font-size:16px;	
}
.newuser label {
	display:inline-block;
	width:100px;
	text-align:right;
	line-height:3;
	padding-right:10px;
}
.newuser input[type="email"], .newuser input[type="text"], .newuser input[type="password"] {
	display:inline-block;
	width:300px;
	padding:5px 10px;
}
.newuser input[type="submit"] {
	margin-left:110px;
}


.manage_users table {
	border-collapse: collapse;
	font-size:14px;
}
.manage_users table th {
	font-weight:bold;
}
.manage_users table th, .manage_users table td {
	border:1px solid #EAEAEA;
	padding:10px 20px;
}
.manage_users table th.nb, .manage_users table td.nb {
	border:0;
}
.manage_users .changePassword {
	display:inline-block;
}