/*  
Theme Name: Premier - Client Portal - V1
Version: v1
Author: 3ManFactory
Author URI: http://3manfactory.co.uk
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(resources/fonts/font-awesome/font-awesome.min.css);
@import url(resources/scripts/featherlight.css);

::selection {
background: transparent;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, input, textarea {
border:0;
margin:0;
outline:0;
padding:0;
font-size:100%;
border-radius: 0px;
background:transparent;
vertical-align:baseline;}

body {
color: #252525;
cursor: default;
min-width: 320px;
font-size: 1.15em;
line-height: 2.05em;
background: #ffffff;
font-family:'Open Sans',arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.wrapper {
display: block;
padding: 0 30px;
overflow: hidden;
max-width: 1020px;
margin: 0 auto 0 auto;}

.grid {
margin: -5px;
padding: 5px;
display: block;
overflow: hidden;}
.grid.pad-top {
padding-top: 30px;}
.grid.pad-bottom {
padding-bottom: 30px;}
	.grid .element {
	float: left;
	width: 100%;
	display: block;
	overflow: hidden;}
	.grid .element.four-fifths {
	width: 80%;}
	.grid .element.three-quarters {
	width: 75%;}
	.grid .element.two-thirds {
	width: 66.6666%;}
	.grid .element.three-fifths {
	width: 60%;}
	.grid .element.half {
	width: 50%;}
	.grid .element.two-fifths {
	width: 40%;}
	.grid .element.third {
	width: 33.3333%;}
	.grid .element.quarter {
	width: 25%;}
	.grid .element.fifth {
	width: 20%;}
		.grid .element .content {
		margin: 5px;
		padding: 10px;
		display: block;
		overflow: hidden;}
		.grid .element .content.no-padding {
		padding: 0;}
		.grid .element .content.align-center {
		text-align: center;}
		.grid .element .content.align-right {
		text-align: right;}
		.grid .element .content.pad-bottom {
		padding-bottom: 15px;}
		.grid .element .content.alert {
		margin: 15px;
		font-size: .75em;
		border-radius: 3px;
		line-height: 1.75em;
		padding: 30px 30px 15px 30px;
		background: rgba(219,55,55,.1);
		border: 1px solid rgba(219,55,55,.3);}
			.grid .element .content.alert p {
			margin-bottom: 15px;}
			.grid .element .content img {
			float: left;
			width: 100%;
			height: auto;}

header {
display: block;
padding: 25px 0;
line-height: 50px;
text-align: right;
font-size: 1.25em;
font-weight: bold;
background: #f8f8f8;
margin-bottom: 15px;
border-bottom: 1px solid #eeeeee;}
	header a#logo {
	float: left;
	display: block;
	overflow: hidden;}
		header a#logo img {
		float: left;
		height: 50px;
		width: auto;}
	header a,
	header a:visited {
	color: #252525;
	text-decoration: none;}

footer {
display: block;
padding-top: 30px;}

ul.list {
overflow: hidden;
margin-top: -30px;
border-bottom: 1px dashed #bbbbbb;}
	ul.list li {
	padding: 30px 0;
	overflow: hidden;
	border-top: 1px dashed #bbbbbb;}
	ul.list li:nth-child(1) {
	border: none;
	font-size: 1.25em;
	font-weight: bold;}
		ul.list li:nth-child(1) span {
		font-weight: 300;}
		ul.list li span.hidden {
		display: none;}
			span.hidden strong {
			clear: both;
			color: #eb3e21;
			display: block;
			overflow: hidden;
			margin-bottom: 15px;}
				span.hidden strong i {
				margin-right: 10px;}
			span.hidden a,
			span.hidden a:hover {
			float: left;
			display: block;
			color: #ffffff;
			padding: 0 10px;
			border-radius: 3px;
			background: #c6db37;
			text-decoration: none;}
		ul.list li:nth-child(1) #filters {
		display: block;
		font-size: .6em;
		margin-top: 30px;
		overflow: hidden;
		padding-left: 15px;
		border-radius: 3px;
		background: #f8f8f8;
		border: 1px solid #eeeeee;}
			ul.list li:nth-child(1) #filters span {
			float: left;
			width: auto;
			display: block;
			overflow: hidden;
			text-indent: 30px;
			margin-left: 15px;
			padding-left: 15px;
			font-size: inherit;
			position: relative;
			border-left: 1px solid #eeeeee;}
				ul.list li:nth-child(1) #filters span i {
				top: 0;
				left: 0;
				z-index: 0;
				text-indent: 15px;
				position: absolute;
				line-height: inherit;}
				ul.list li:nth-child(1) #filters span input {
				top: 0;
				z-index: 9;
				opacity: 0;
				left: 15px;
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;}
			ul.list li:nth-child(1) #filters span:nth-child(1) {
			margin: 0;
			border: none;
			text-indent: 15px;}
			ul.list li:nth-child(1) #filters span:nth-child(1) i {
			text-indent: 0;}
			ul.list li:nth-child(1) #filters span input:checked ~ .fa-square,
			ul.list li:nth-child(1) #filters span .fa-check-square {
			display: none;}
			ul.list li:nth-child(1) #filters span input:checked ~ .fa-check-square,
			ul.list li:nth-child(1) #filters span .fa-square {
			display: block;}
				ul.list li:nth-child(1) #filters span:nth-child(1) input {
				left: 0;}
			ul.list li:nth-child(1) #filters label {
			z-index: 0;
			display: block;
			position: relative;}
		ul.list li:nth-child(1) #filters button {
		margin: 0;
		float: right;
		border: none;
		color: #ffffff;
		height: inherit;
		cursor: pointer;
		padding: 0 30px;
		font-size: inherit;
		line-height: inherit;
		font-family: inherit;
		background: url(resources/images/transparent.png) #252525;}
		ul.list li:nth-child(1) #filters button:hover {
		background-color: #000000;}
		ul.list li:nth-child(1) small {
		float: right;
		font-size: .75em;
		font-weight: 300;
		border-radius: 3px;
		padding-left: 15px;
		background: rgba(198,219,55,.45);}
			ul.list li:nth-child(1) small a {
			margin: 0 15px 0 0;
			display: inline-block;}
				ul.list li:nth-child(1) small a i {
				margin-left: 5px;}
	ul.list.jobs li:nth-child(2) {
	padding: 10px 0;
	font-weight: 300;
	font-size: .75em;}
		ul.list li span {
		display: inline-block;}
		ul.list li:nth-child(n+1) span:nth-child(-n+2) {
		width: 20%;
		font-weight: 300;}
		ul.list.jobs li:nth-child(n+3) span:nth-child(-n+2) {
		font-size: .75em;}
		ul.list li a,
		ul.list li a:visited {
		color: #252525;
		display: inline-block;
		text-decoration: none;}
		ul.list li a:hover {
		text-decoration: underline;}
		ul.list.jobs li a.post-edit-link {
		float: right;
		color: #cc0000;}
	ul.list.jobs li.current {
	font-weight: bold;}
ul.list.timeline {}
	ul.list.timeline li {
	padding: 15px 0;}
	ul.list.timeline li:nth-child(1) {
	padding: 30px 0;
	font-size: 1.25em;}
	ul.list.timeline li:nth-child(n+2) {
	cursor: pointer;
	font-size: .75em;}
		ul.list.timeline li i {
		margin-right: 10px;}
		ul.list.timeline li i.fa-file-pdf-o {
		margin: 0;
		float: right;
		line-height: inherit;}

ol.preview {
list-style-type: none;}
	ol.preview li {
	display: block;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	border-top: 1px dashed #bbbbbb;}
	ol.preview li:nth-child(1) {
	border: none;}
		ol.preview li i {
		float: left;
		margin-right: 5px;
		line-height: inherit;}
		ol.preview li a,
		ol.preview li a:visited,
		ol.preview li a:hover {
		padding: 0;
		color: #252525;
		background: none;
		line-height: inherit;}
		ol.preview li span {
		float: left;
		display: block;}
		ol.preview li span:nth-child(1),
		ol.preview li span:nth-child(2) {
		width: 50%;
		font-size: .75em;}

.engineer {}
	.engineer small {
	font-size: .75em;}
	.engineer a {
	color: #ffffff;
	padding: 0 15px;
	background: #bfd857;
	text-decoration: none;}

.gform_wrapper,
ul.contact li {
overflow: hidden;
border-radius: 3px;
padding: 30px 30px 0 30px;
background: rgba(0,0,0,.045);
border: 1px solid rgba(0,0,0,.075);}
	.gform_wrapper ul {
	list-style-type: none;}
		.gform_wrapper ul li {
		width: 100%;}
			.gform_wrapper ul li label {}
				.gform_wrapper ul li label span {
				color: #cc0000;}
			.gform_wrapper ul li .gfield_description,
				.gform_wrapper .gform_heading .gform_description {
				padding: 15px;
				display: block;
				font-weight: 300;
				font-size: .75em;
				line-height: 1.75em;
				margin: -30px 0 30px 0;
				border-bottom-right-radius: 3px;
				border-bottom-left-radius: 3px;
				background: rgba(0,0,0,.015);
				border: 1px solid rgba(0,0,0,.05);
				border-top: none;}
				.gform_wrapper .gform_heading .gform_description {
				border: none;
				padding: 30px;
				background: none;
				font-size: inherit;
				font-weight: normal;
				margin: -30px -30px 30px -30px;
				border-bottom: 1px dashed #bbbbbb;}
	.gform_wrapper textarea,
	.gform_wrapper input {
	width: 100%;
	clear: both;
	padding: 15px;
	display: block;
	border-radius: 3px;
	font-size: inherit;
	background: #ffffff;
	margin-bottom: 30px;
	line-height: inherit;
	font-family: inherit;
	border: 1px solid rgba(0,0,0,.13);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
	.gform_wrapper .button {
	border: none;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	background: url(resources/images/transparent.png) #c7db38;}

ul.contact {
list-style-type: none;}
	ul.contact li {
	margin-top: 15px;
	padding-bottom: 30px;}
	ul.contact li:nth-child(1) {
	margin: 0;}
		ul.contact li span {
		display: block;
		margin-top: 5px;
		padding-top: 5px;
		font-weight: 300;
		border-top: 1px dashed #bbbbbb;}
		ul.contact.additional-details li span.role {
		padding: 0;
		border: none;
		font-weight: 300;
		margin: 0 0 0 5px;
		display: inline-block;}
			ul.contact li span a {
			color: #ffffff;
			padding: 0 15px;
			background: #bfd857;
			text-decoration: none;}

/* S - Featherlight */

.featherlight {
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;}
	.featherlight .featherlight-content {
	max-width: 920px;
	border-radius: 3px;
	padding: 30px 30px 15px 30px;}
	.featherlight .featherlight-content .featherlight-close-icon {
	width: 30px;
	height: 30px;
	color: #ffffff;
	font-size: .75em;
	line-height: 30px;
	background: #eb3e21;
	border-bottom-left-radius: 3px;}

/* E - Featherlight */

/* S - Login */
#loginform-wplfta {
border-radius: 3px;
background: #f8f8f8;
margin-bottom: 15px;
border: 1px solid #eeeeee;
padding: 15px 30px 15px 30px;}
	#loginform-wplfta p {
	margin: 0;
	padding: 15px 0;
	font-weight: bold;}
	#loginform-wplfta p:nth-child(3) {
	display: none;}
	#loginform-wplfta input,
	#loginform-wplfta textarea {
	margin: 0;
	clear: both;
	width: 100%;
	display: block;
	color: inherit;
	height: inherit;
	padding: 15px 0;
	text-indent: 15px;
	font-size: inherit;
	border-radius: 3px;
	background: #ffffff;
	line-height: inherit;
	font-family: inherit;
	border: 1px solid rgba(0,0,0,.13);}
	#loginform-wplfta input[type=submit] {
	border: none;
	color: #ffffff;
	cursor: pointer;
	background: url(resources/images/transparent.png) #252525;}
	#loginform-wplfta input[type=submit]:hover {
	background: #000000;}

/* E - Login */

/* S - Statuses */
i.WA {
color: #ebc721;}
i.WOG {
color: #FE9836;}
i.WC {
color: #c7db38;}
i.WICD {
color: #4DFA90;}
span.WA,
span.WOG,
span.WC,
span.WICD {
color: #ffffff;
padding: 0 5px;
border-radius: 3px;
width: auto !important;}
span.WA {
background: #ebc721;}
span.WOG {
background: #FE9836;}
span.WC {
background: #c7db38;}
span.WICD {
background: #4DFA90;}
/* E - Statuses */

p {
margin-bottom: 30px;}

img {
border-radius: 3px;}

strong {}
	strong span {
	font-weight: 300;}

.rule {
width: 100%;
height: 0px;
display: block;
border-top: 1px dashed #bbbbbb;}

textarea::selection,
input::selection {
background: #f3f3f3;}

a.wpptopdfenh {
display: block;}

#logout {
display: block;
overflow: hidden;
text-align: center;}
	#logout a,
	#logout a:visited {
	color: #ffffff;
	display: block;
	padding: 45px 0;
	font-size: 1.25em;
	background: #252525;
	text-decoration: none;}

@media screen and (max-width:769px) {

	body {
	font-size: 1em;}

	.grid .element.three-quarters,
	.grid .element.two-thirds,
	.grid .element.half,
	.grid .element.third,
	.grid .element.quarter {
	width: 100%;}

	.wrapper,
	header {
	padding: 0;}

	header {
	text-align: left;}
	header a#logo {
	float: none;}
		header a#logo img {
		height: 45px;}
	header span span span span span {
	clear: both;
	display: block;
	margin-top: 15px;
	border-top: 1px dashed #bbbbbb;}
		header span span span span span span {
		border: none;
		font-size: .8em;
		display: inline-block;}

	#loginform-wplfta,
	.gform_wrapper {
	padding: 15px;}

	ul.list li:nth-child(1) small {
	display: none;}

	ul.list li:nth-child(1) #filters {
	clear: both;
	padding: 15px;
	margin: 15px 0 -15px 0;}
		ul.list li:nth-child(1) #filters span {
		padding: 0;
		clear: both;
		float: none;
		width: 100%;
		border: none;
		text-align: 0;
		display: block;
		overflow: hidden;
		text-indent: 30px !important;
		margin: 0 0 15px 0 !important;}
			ul.list li:nth-child(1) #filters span input {
			left: 0;
			margin: 0;
			padding: 0;
			width: 100%;
			text-indent: 0;}
			ul.list li:nth-child(1) #filters span i {
			text-indent: 0;}
		ul.list li:nth-child(1) button {
		width: 100%;
		line-height: 45px;
		height: 45px !important;}

	ul.list.jobs li:nth-child(2) {}
		ul.list.jobs li span {
		display: inline-block;}
		ul.list.jobs li:nth-child(2) {
		display: none;}
		ul.list.jobs li:nth-child(n+3) span:nth-child(-n+2) {
		width: 50%;
		float: left;}
		ul.list.jobs li:nth-child(n+3) a {
		clear: both;
		width: 100%;
		margin-top: 10px;}

	ul.list.timeline {}
		ul.list.timeline li:nth-child(1) span {
		width: auto;}

	.engineer .element:nth-child(1) {
	display: none;}
	.engineer small {
	font-size: inherit;}
	.engineer strong {
	font-weight: normal;}

}

@media print {

	body {
	font-size: .5em;}

	.wrapper {
	padding: 0;}

	.grid .element .content {
	padding-right: 0;
	padding-left: 0;}

	ul.list.jobs li {
	padding: 15px 0;}

	ul.list li:nth-child(1) small,
	.print {
	display: none;}

}