@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,700);

body {
	font-family:"Open Sans",Helvetica,Arial;
	margin:40px 0 0 0;
}
body.u {margin-top:40px;}

.no-mobile {display:block;}

.wrapper {
	max-width:1400px;
	width:99%;
	margin:0 auto;
}

.body {
	line-height:1.6;
	margin:0 auto;
	padding:20px 0;
}
#top {
	position:fixed;
	top:0;
	width:100%;
	z-index:9;
}
header {
	height:50px; /* 60px */
	padding:0 0;  /* 7px 0 */
}


.logo {
	background-position:4px 5px;
	height:50px;
}


nav {
	border:none;
	position:relative;
	top:auto;
	display:block;
	height:50px;
	padding:0;
	background:none;
	box-shadow:none;
	margin:none;
	border-left:1px solid #2c3e50;
	transition:none;
}

.nav {
	clear:none;
}

.nav-item {
	border:none;
	border-right:1px solid #2c3e50;
	border-left:1px solid #6e7e8f;
	display:block;
	line-height:49px;
	font-size:0.85rem;
	float:left;
	padding:0;
	position:relative;
	color:#eceffb;x:#dfecf5;
	margin:0;
	transition:none
}
.nav-log {color:#fff;}
.nav-log .nav-link {font-weight:700}
.nav-item:hover {background:#eceffb;border-left:1px solid #eceffb;color:#2c3e50;}
.nav-link {color:inherit;	transition:none;padding:0 15px;}
.nav-link:hover {text-decoration:none;}
	

	.nav-item__edit,
	.nav-item__logout {float:right;}


	.sub {display:none;position:absolute;left:-2px;top:49px;background:#eceffb;padding:6px 14px 10px;margin:0;width:222px;border-width:0 1px 1px 1px;border-style:solid;border-color:#eceffb #2c3e50 #2c3e50;}
		.sub-item {line-height:30px;padding:0;}
		.nav-item:hover .sub {display:block;}

/* breadcrumbs */
	.crumbs {display:none;}
	.crumbs ul {border-bottom:1px solid #ddd;padding:0 0 3px 0;}
	.crumbs li {display:inline;padding:0 0 0 10px;font-size:0.7rem;}
	.crumbs li:last-child {font-weight:bold;;}
	
	

p {/*font-weight:300*/}


.heading1,
h2 {
	font-size:2.4rem;
/*	font-weight:400;*/
/*	background-size:100% 5px;*/
}
.title {
/*	font-weight:300;*/
}

	.decline {margin-top:90px;}

.categories {margin:0 0 30px;}


	.category {clear:both;}

	
.pull {
 	display:none
}
	



.top28 {
	margin-top:32px;
}

/* form inputs & buttons */

input,textarea,select {
	font-family:"Open Sans",Helvetica,Arial;
}

.input {
	padding:7px;
	margin-bottom:1em;
}
	.input__search {
		border-color:#34495E;
		font-size:0.8rem;
		margin:0;
		padding:4px 7px;
		margin:8px 0 0 0;
	}
	.input__filter {
		border-color:#D4D7D9;
		display:inline;
		font-size:0.9rem;
		height:35px;
		margin:0 3% 0 0;
		padding:0 3px;
		width:auto;
		line-height:35px;
		}
	.sightings-input {
		height:500px;	
	}

	.haulage-input {
		height:87px;	
	}

label {
	margin-top:13px;
}
	.label__tick {margin:0 0 5px 0;margin: 0px 0px 5px;
background: #F1F1FF;
padding: 5px;
display: block;
width: 100%;}
	
	.label__filter {
		clear:none;
		display:inline;
		font-size:0.9rem;
		line-height:35px;
		margin:0 1% 0 0;
		padding:0;
		width:auto;
	}
	
.button {background-size:40px auto;height:40px;line-height:38px;padding-right:50px;font-size:0.95rem;}	
	.button-save {background-position:right -40px;}
	.button-invite {background-position:right -80px;}
	.button-haulage {background-position:right -120px;}
	.button-delete {background-position:right -160px;}
	.button-photo {background-position:right -200px;}
	.button-people {background-position:right -240px;}
	.button-person {background-position:right -280px;}
	.button-speech {background-position:right -320px;}
	.button-cover {background-position:right -360px;}
	.button-filter {background-position:right -402px;height:35px;line-height:32px;margin:0;clear:none;float:left;}
	.button-upgrade {background-position:right -440px;}
.button:hover {/*border-radius:10px;*/}

.form-box {/*border-bottom:none;*/margin:3px 0;}
	.form-box__welcome {padding:5px 10px;margin:0 0 1em 0;;}
	.form-box fieldset {/*padding-top:0;*/}
	
.tagsinput { border:1px solid #4A5F74;}


.mini label {
	width:25%;
	text-align:right;
	line-height:1.7
}
.mini select,
.mini input {
	-webkit-min-logical-width: 69%;
	width:75%;
	margin:5px 0;
}


/* tables */

table {margin:1em 0;width:100%;}

thead {
	display:table-row-group;
}

th {
	background:#eceff1;
	border-bottom:2px solid #2c3e50;
	color:#4A5F74;	
	font-size:0.8rem;
}
tr {font-weight:400;
	transition:background-color 0.3s ease-in;
} /* standard table background     */



th,	
td {
	display:table-cell;
	padding:5px 3px;
}
.table__upgrade {font-size:0.95rem;}
.table__upgrade td {padding:5px 10px;}

	.t-form {font-size:0.7rem;}
	.t-livery {max-width:50px;font-size:0.7rem;overflow:hidden;}
	.t-name {max-width:150px;}
	.t-owner {max-width:100px;}
	.t-pool {max-width:45px;}
	.t-depot {max-width:130px;}
	.t-edit {width:50px;}	
	.t-date {padding:5px 10px;}
	.s-first,
	.s-last {padding:5px 3px;font-size:0.9rem;}
	.t-desktop {display:table-cell;}
	.t-tick {width:86px;}
	
	.s-last {padding-left:40px;max-width:140px;width:140px;background-repeat:no-repeat;background-position:2px 5px;}
	.statusX .s-last {background-image:url('/assets/images/icon_statusx.png');}
	.seen .s-last.c-seen10,
	.unseen  .s-last {background-image:url('/assets/images/icon_cross.png');}
	.unseen .c-seen11,
	.seen    .s-last {background-image:url('/assets/images/icon_tick.png');}
	
.seen-count {position:absolute;left:9px;top:14px;display:block;line-height:16px;width:15px;height:16px;text-align:center;color:#fff;background:#5cb85c;font-size:0.7rem;}

	.c-seen10,
	.c-seen11 {padding-left:40px;background-repeat:no-repeat;background-position:5px 50%;}
	.c-seen10 {background-image:url('/assets/images/icon_cross.png');}
	.c-seen11 {background-image:url('/assets/images/icon_tick.png');}

	.upgrade-basic,
	.upgrade-gold {width:150px;}


/* messagebox */
p.messagebox {margin:10px 0;background-size:30px auto;padding:10px 50px;}
p.flash {margin:-1em 0 1em 0;padding:10px;font-size:0.8rem;}
/* trips */
.trip {margin:4px;width:174px;height:111px;transition:border-color 0.3s ease-in,box-shadow 0.3s ease-in,background-position 0.3s ease-in,background-color 0.3s ease-in}
	.thumb {width:175px;height:111px;}
	.trip-image {/*transition:transform 0.3s ease-in;-webkit-transition:-webkit-transform 0.2s ease-in*/}
	.trip:hover {border-color:#4A5F74;box-shadow:0 0 2px #4A5F74}
	.trip:hover .trip-image {/*transform:scale(1.33)*/}
	.trip:hover {}
	
.trip_intro {margin:-10px 0 20px 0;border-bottom:0}	
.trip_overlay {padding:50px 20px;}
/* heros */
.row {display:block; }

.box {margin:10px 12px 10px 0 ;padding:0 16px 10px;background-size:auto 90px;}
	.g05.box {width:41%;}
	.g04.box {width:32%;}
	.g03.box {width:24%;}
.box__todo {padding-bottom:56px;}
.box p {font-size:1.1rem;margin:10px 0;line-height:1.5}
.box p.p__small {font-size:0.8rem;}
/* home */
.banner_area .wrapper {z-index:4;position:relative;}
.banner_area .row {position:absolute;bottom:0px;}
.banner_area .box {box-shadow:0 0 5px #000;background:rgba(223,236,245,0.95) ;padding:5px 20px;border-radius:8px;}



.mtab a::before {
	content:"View ";
}

/* grid */
footer .grid {padding-right:20px;}
.grid {float:left;}
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g02logo {width:200px;}
	.g02 {width:16.66%;}
	.g03 {width:25%;}
	.g04 {width:33.3%;}
	.g05 {width:44%;} /* 41.666 */
	.g06 {width:50%;}
	.g07 {width:56%;} /*58.3 */
	.g08 {width:66.66%;}
	.g09 {width:75%;}
	.g10 {width:83.3%;}
	.g11 {width:91.66%;}
	.g12 {width:100%;}
	.pull_left {padding-right:20px;}
	.padding-left {padding-left:4.166%;}
	.padding-right {padding-right:4.166%;}
	
	.margin-right {margin-right:20px;}
	.margin-left {padding-left:20px;}
	.clear_right {clear:right;}
	.clear_left {clear:left;}
.butt_top {;margin-top:0;}


.no-desktop {display:none;}


@media only screen and (min-width: 768px) {
	.row{
		display: flex;
		overflow: hidden;
		padding:0 0 32px 0;
	}
	.box {
		min-height:111px;
	}
}

@media only screen and (min-width: 1200px) {
.logo {
	background-position:4px 1px;
	background-size:180px auto;
	width:190px;
}
	.nav-item {
		font-size:0.95rem;
		
	}
	.nav-link {
		padding:0 20px;
	}
	.sub {
		padding:7px 19px 12px;
	}
	.input__search {
		font-size:0.9rem;
	}
}