@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i");
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  display: block;
  font-size: 18px;
  color: #000;
  background: #FFF;
  font-family: Ariel, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background: #FAFAFA;
}

body * {
  font-size: 1rem;
  color: #3a3a3a;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
}

body * em {
  font-size: inherit;
  font-weight: inherit;
  font-style: italic;
  color: inherit;
  font-family: inherit;
}

body * strong {
  font-size: inherit;
  font-weight: 700;
  font-style: inherit;
  color: inherit;
  font-family: inherit;
}

body * span {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  font-family: inherit;
}

body * a {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  text-decoration: none;
}

@media screen and (min-width: 820px) {
  body * a:hover {
    text-decoration: underline;
  }
}

body {
  min-width: 900px;
}

#wrapper {
  width: 100%;
  padding: 0 0 40px 0;
  background: #FFF;
}

img.tuubes {
  display: block;
  margin: 40px auto 0;
}

h1 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3em;
  padding-bottom: 20px;
}

h2 {
  font-size: 1.4rem;
  line-height: 1.3em;
  padding-bottom: 12px;
  font-weight: 700;
}

h2.title {
  padding: 20px 5% 16px 5%;
  display: block;
  clear: both;
}

p {
  font-size: 1rem;
  line-height: 1.4;
  padding-bottom: 9px;
}

p.error, p.success {
  font-size: 1.3rem;
  padding-bottom: 18px;
}

@media screen and (max-width: 1180px) {
  p.error, p.success {
    font-size: 1.1rem;
  }
}

p.error {
  color: #ec2027 !important;
}

p.success {
  color: #2dac4e !important;
}

p.emph {
  font-size: 1.4rem;
  line-height: 1.3em;
  padding-bottom: 12px;
  font-weight: 700;
  padding: 20px 5% 16px 5%;
  display: block;
  clear: both;
}

p.emph + p {
  display: none;
}

/* Nav */
#header {
  width: 100%;
  height: 90px;
  background: #FFF;
  padding: 0 5%;
}

#header h1.logo {
  padding-bottom: 0;
  width: 50%;
  height: 90px;
  display: inline-block;
}

#header img.logo {
  float: right;
  height: 90px;
}

#header h1.logo a {
  width: 100%;
  height: 90px;
  background: url(../images/logo@2x.png);
  -webkit-background-size: auto 66px;
          background-size: auto 66px;
  background-repeat: no-repeat;
  background-position: left top 14px;
  text-indent: -9999px;
  display: inline-block;
}

#header .logout, 
#header .customer_logout {
  float: right;
  background: #0ab5cd;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 38px;
  padding: 0 40px 0 48px;
  font-size: 0.9rem;
  color: #FFF;
  font-weight: bold;
  background-image: url(../images/icons/logout@2x.png), url(../images/icons/arrow.png);
  -webkit-background-size: 22px, 14px;
          background-size: 22px, 14px;
  background-position: left 16px center, right 16px center;
  background-repeat: no-repeat;
  margin-top: 25px;
}

ul.nav {
  width: 100%;
  height: 80px;
  overflow: hidden;
  background: #0ab5cd;
  position: relative;
  padding: 0 5% 0 30%;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ul.nav.customer {
  padding-left: 5%;
}

ul.nav #site_select {
  width: 22%;
  position: absolute;
  left: 5%;
  top: 20px;
}

ul.nav #site_select select {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #d2d2d2;
  line-height: 38px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFF;
  font-size: 0.9rem;
  background-image: url(../images/icons/select@2x.png);
  background-repeat: no-repeat;
  -webkit-background-size: 12px 12px;
          background-size: 12px;
  background-position: right 20px center;
}

ul.nav li:not(#site_select) {
  background-position: center top 14px;
  -webkit-background-size: 28px 28px;
          background-size: 28px;
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: auto;
  height: 80px;
  border-right: 1px solid #038fa2;
  text-align: center;
  position: relative;
  margin-right: -5px;
}

ul.nav li:not(#site_select).logout {
  background-image: url(../images/icons/logout@2x.png);
}

ul.nav li:not(#site_select).change_password {
  background-image: url(../images/icons/change_password@2x.png);
  min-width: 128px;
}

ul.nav.customer.module-0 li:not(#site_select).change_password {
  margin-right: 90%;
}

ul.nav.customer.module-1 li:not(#site_select).change_password {
  margin-right: 80%;
}

ul.nav.customer.module-2 li:not(#site_select).change_password {
  margin-right: 70%;
}

ul.nav li:not(#site_select).profile {
  background-image: url(../images/icons/profile@2x.png);
}

ul.nav li:not(#site_select).profiles {
  background-image: url(../images/icons/profiles@2x.png);
}

ul.nav li:not(#site_select).certificates {
  background-image: url(../images/icons/certificates@2x.png);
}

ul.nav li:not(#site_select).documents, 
ul.nav li:not(#site_select).handovers {
  background-image: url(../images/icons/documents@2x.png);
}

ul.nav li:not(#site_select).courses {
  background-image: url(../images/icons/courses@2x.png);
}

ul.nav li:not(#site_select).stock {
  background-image: url(../images/icons/stock@2x.png);
}

ul.nav li:not(#site_select).retention {
  background-image: url(../images/icons/retention@2x.png);
}

ul.nav li:not(#site_select).inspections {
  background-image: url(../images/icons/defects@2x.png);
}

ul.nav li:not(#site_select).projects {
  background-image: url(../images/icons/projects@2x.png);
}

ul.nav li:not(#site_select).budgets {
  background-image: url(../images/icons/wages@2x.png);
}

ul.nav li:not(#site_select).issues {
  background-image: url(../images/icons/issue@2x.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
}

ul.nav li:not(#site_select).site {
  background-image: url(../images/icons/sitemap@2x.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
}

ul.nav li:not(#site_select).cv {
  background-image: url(../images/icons/variations@2x.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
}

ul.nav li:not(#site_select).map {
  background-image: url(../images/icons/directions@2x.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
}

ul.nav li:not(#site_select).tools {
  background-image: url(../images/icons/tools@2x.png);
  -webkit-background-size: 32px 32px;
          background-size: 32px;
}

ul.nav li:not(#site_select).vehicles {
  background-image: url(../images/icons/vehicles@2x.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
}

ul.nav li:not(#site_select) a {
  padding: 54px 5% 0 5%;
  display: inline-block;
  width: 100%;
  height: 80px;
  font-size: 0.9rem;
  color: #FFF;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1180px) {
  ul.nav li:not(#site_select) a {
    font-size: 0.7rem;
    padding-top: 55px;
  }
}

ul.nav li:not(#site_select) a span {
  position: absolute;
  left: 60%;
  top: 8px;
  margin: auto;
  width: auto;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 0.48rem;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: red;
  color: #FFF;
  font-weight: 700;
}

@media screen and (max-width: 1180px) {
  ul.nav li:not(#site_select).change_password a {
    padding-top: 48px;
  }
}

ul.nav li:not(#site_select).active {
  background-color: #038fa2;
}

.page_nav,
.module_nav,
#module_nav {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #038fa2;
  margin-bottom: 20px;
  padding: 1% 5%;
}

.customer-account #module_nav  {
  padding: 1% 5% 5px;
}

.customer-account #module_nav li ol {
  float: left;
  width: 80%;
}

.customer-account #module_nav li ol li {
  width: 19.8%;
}

.customer-account #module_nav button {
  width: 10%;
  margin: 0 0 0 5px;
  cursor: pointer;
}

.customer-account h2.results {
  font-size: 1em;
  margin: 10px 0;
}

.customer-account h2.results a.export {
  float: right;
  background: url('../../admin/core/media/images/excel-icon.png') right center no-repeat;
  margin-top: -8px;
  padding: 10px 50px 10px 0;
}

.staff-account.cv h2 {
  width: 50%;
}

.staff-account.cv h2 a.export {
  float: right;
  font-size: 0.6em;
  font-weight: normal;
  background: url('../../admin/core/media/images/pdf-icon.png') right center no-repeat;
  margin-top: -8px;
  padding: 10px 50px 10px 0;
}

.staff-account.cv select#recipients {
  height: 100px;
  background: transparent;
  padding: 10px;
}

.page_nav li a,
.module_nav li a,
#module_nav li a {
  display: inline-block;
  width: 18.8%;
  margin-right: 2%;
  float: left;
  background: #FFF;
  padding: 12px 0 13px;
  text-align: center;
  color: #038fa2;
  font-weight: 700;
  font-size: 0.8rem;
  position: relative;
  margin-bottom: -2px;
}

.page_nav li a:after,
.module_nav li a:after,
#module_nav li a:after {
  content: "";
  background: #FFF;
  height: 2000%;
  width: 100%;
  position: absolute;
  top: 100%;
  margin-top: -2px;
  left: 0;
  right: 0;
  z-index: 999;
  opacity: 0;
}

.page_nav li a.active,
.module_nav li a.active,
#module_nav li a.active {
  background: #FFF;
}

.page_nav li a.active:after,
.module_nav li a.active:after,
#module_nav li a.active:after {
  opacity: 1;
}

.page_nav li:nth-of-type(5n) a,
.module_nav li:nth-of-type(5n) a,
#module_nav li:nth-of-type(5n) a {
  margin-right: 0;
}

.page_nav li.search form,
.module_nav li.search form,
#module_nav li.search form {
  width: 40%;
  float: right;
  position: relative;
}

.page_nav li.search form label,
.module_nav li.search form label,
#module_nav li.search form label {
  display: inline-block;
  width: auto;
  float: left;
  font-size: 0.9rem;
  color: #FFF;
  line-height: 40px;
  width: auto;
  margin-right: 20px;
  padding-bottom: 0;
}

.page_nav li.search form input,
.module_nav li.search form input,
#module_nav li.search form input {
  width: 80%;
  display: inline-block;
  float: left;
  margin-right: 2%;
  margin-bottom: 0;
  border: none;
}

.page_nav li.search form button,
.module_nav li.search form button,
#module_nav li.search form button {
  width: 18%;
  margin-top: 0;
  float: left;
}

.page_nav + h2.title,
.module_nav + h2.title,
#module_nav + h2.title,
.page_nav + p.emph,
.module_nav + p.emph,
#module_nav + p.emph {
  padding-top: 0;
}

.page_nav + a.back,
.module_nav + a.back,
#module_nav + a.back {
  width: 200px;
  height: 40px;
  margin-left: 5%;
  background: #038fa2;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  font-weight: 700;
  font-size: 0.9rem;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

ul.page_sub_nav {
  float: left;
  width: 100%;
  padding: 1% 5%;
}

ul.page_sub_nav li a {
  float: left;
  width: 18.8%;
  margin-right: 2%;
  width: 18.8%;
  color: #FFF;
  padding: 0;
  text-align: center;
  display: inline-block;
  font-size: 0.9em;
  position: relative;
  background: #038fa2;
  border-right: 2px solid #FFF;
  min-width: 175px;
  height: 50px;
  line-height: 50px;
}

ul.page_sub_nav li a.active {
  text-decoration: underline;
}

/* Forms */
form {
  width: 100%;
  height: auto;
  display: inline-block;
}

.customer-account.password form {
  width: 40%;
  margin-left: 5%;
}

form:not(:last-child) {
  margin-bottom: 26px;
}

form legend {
  display: none;
}

form p, form h2, form legend {
  font-size: 1.3rem;
  padding-bottom: 18px;
}

@media screen and (max-width: 1180px) {
  form p, form h2, form legend {
    padding-bottom: 8px;
  }
}

form p.error, form h2.error, form legend.error {
  color: #ec2027;
}

form p.success, form h2.success, form legend.success {
  color: #2dac4e;
}

form p {
  font-size: 1.2rem;
  padding-bottom: 14px;
}

form ol li {
  position: relative;
  display: inline-block;
  width: 100%;
}

form li.quarter {
  width: 23.5%;
  display: inline-block;
  float: left;
  margin-right: 2%;
}

form li.quarter:nth-of-type(4n) {
  margin-right: 0;
}

form li.half {
  width: 49%;
  display: inline-block;
  float: left;
  margin-right: 2%;
}

form li.half:nth-of-type(2n) {
  margin-right: 0;
}

form li.hidden {
  display: none;
}

form label,
form fieldset + h3 {
  font-size: 0.9rem;
  display: inline-block;
  width: 100%;
  padding-bottom: 8px;
  line-height: 1.3;
}

@media screen and (max-width: 1180px) {
  form label,
  form fieldset + h3 {
    font-size: 0.8rem;
  }
}

form label.checkbox-style,
form fieldset + h3.checkbox-style {
  margin-bottom: 18px;
  padding-left: 46px;
  padding-top: 5px;
  padding-bottom: 0;
  min-height: 30px;
  position: relative;
}

form label.checkbox-style:before,
form fieldset + h3.checkbox-style:before {
  content: "";
  width: 30px;
  height: 30px;
  border: 1px solid #d2d2d2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

form label.checkbox-style:after,
form fieldset + h3.checkbox-style:after {
  content: "✔";
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  font-size: 1.2rem;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #ec2027;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

form label.checkbox-style.checked:after,
form fieldset + h3.checkbox-style.checked:after {
  opacity: 1;
}

form label.radio-style,
form fieldset + h3.radio-style {
  margin-bottom: 18px;
  padding-left: 46px;
  padding-top: 5px;
  padding-bottom: 0;
  min-height: 30px;
  position: relative;
}

form label.radio-style:before,
form fieldset + h3.radio-style:before {
  content: "";
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid #d2d2d2;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

form label.radio-style:after,
form fieldset + h3.radio-style:after {
  content: "";
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  font-size: 1.2rem;
  top: 0;
  bottom: 0;
  left: 5px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin: auto;
  background: #ec2027;
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

form label.radio-style.checked:after,
form fieldset + h3.radio-style.checked:after {
  opacity: 1;
}

form input.radio {
  margin: 0 8px;
  width: 1.6em;
  height: 1.6em;
}

form label span.warning,
form fieldset + h3 span.warning {
  width: 100%;
  height: auto;
  background: #ec2027;
  color: #FFF;
  font-weight: 700;
  padding: 6px 8px;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  font-size: 0.6rem;
  margin-top: 6px;
}

form input:not([type="checkbox"]):not([type="radio"]),
form select,
form textarea,
form fieldset + h3 + p {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #d2d2d2;
  line-height: 38px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFF;
  font-size: 1rem;
}

@media screen and (max-width: 1180px) {
  form input:not([type="checkbox"]):not([type="radio"]),
  form select,
  form textarea,
  form fieldset + h3 + p {
    padding: 0 12px;
    font-size: 0.8rem;
  }
}

form select {
  background-image: url(../images/icons/select@2x.png);
  background-repeat: no-repeat;
  -webkit-background-size: 15px 15px;
          background-size: 15px;
  background-position: right 20px center;
}

form textarea {
  height: 160px;
  padding: 20px;
  resize: vertical;
  line-height: 1.3;
}

@media screen and (max-width: 1180px) {
  form textarea {
    padding: 12px;
  }
}

form fieldset + h3 + p {
  background-color: #EEE;
}

form button {
  width: 100%;
  height: 40px;
  background: #ec2027;
  color: #FFF;
  font-size: 0.9rem;
  font-weight: 700;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin-top: 8px;
}

@media screen and (max-width: 1180px) {
  form button {
    font-size: 0.8rem;
  }
}

form dl.inputgroup {
  margin-top: 8px;
}

form li.hide_label label {
  display: none;
}

form .inline {
  display: inline-block;
  font-size: 0.9rem;
  margin: 6px 0 18px;
}

form .dp-choose-date {
  width: 40px !important;
  height: 40px !important;
  bottom: 12px !important;
}

form .custom_upload {
  cursor: pointer;
  width: 70px;
  height: 50px;
  border: 2px solid #ec2027;
  display: inline-block;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: -8px;
  background: url(../images/icons/camera-red@2x.png);
  -webkit-background-size: 32px 32px;
          background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}

form .custom_upload.active {
  background-color: #1FB15E;
  border-color: #1FB15E;
  background-image: url(../images/icons/camera-white@2x.png);
}

div.cv form .custom_upload {
  margin-bottom: 8px;
}

div.cv form div.upload {
  position: absolute;
  left: 42%;
  z-index: 9999;
}

div.cv form select#select_rate {
  float: left;
  width: 28.5%;
}

div.cv form select#select_rate option.hidden {
  display: none;
}

div.cv form th {
  width: 10%;
}

div.cv form th.left {
  width: 30%;
}

div.cv form th.quantity {
  width: 20%;
}

div.cv form td input {
  margin-top: 8px;
}

div.cv form td.quantity input, 
div.cv form td.quantity span, 
div.cv form td.quantity select {
  width: 29% !important;
}

div.cv form td.quantity span {
  display: inline-block;
  padding: 20px 0 0 20px;
  text-align: left;
}

div.cv form td.quantity select, 
div.cv form td.quantity span {
  margin-left: 2%;
  width: 69% !important;
}

div.cv form.table input.checkbox {
  display: block !important;
  float: left;
  width: 15px;
  margin-top: 18px;
}

div.cv form.table label {
  float: left;
  width: 15%;
  text-align: left;
  padding: 15px 5px 0;
}

div.cv form.table span.checked {
  float: right;
  clear: right;
}

div.cv form.table textarea {
  float: right;
  width: 100%;
  height: 40px;
  overflow: hidden;
  margin-top: 10px;
  padding: 8px 20px !important;
}

div.cv form tr.misc td button {
  margin-top: 0;
}

div.cv form tr.total td input, 
div.cv form tr.total td button {
  float: right;
  width: 8% !important;
}

div.cv form tr.total td button {
  margin-left: 2%;
}

div.cv form tr.total td button.saved {
  background-color: #39A751;
}

div.cv form table {
  width: 100%;
  margin-bottom: 30px;
}

#dp-popup {
  margin-left: -272px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

#dp-popup .dp-nav-prev a,
#dp-popup .dp-nav-next a {
  line-height: 46px;
  width: 36px;
  margin: 0 !important;
  text-align: center;
  padding: 0;
}

#dp-popup .dp-nav-prev {
  left: 5px;
}

#dp-popup .dp-nav-next {
  right: 5px;
}

#dp-popup table.jCalendar {
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

#dp-popup table.jCalendar td {
  line-height: 1 !important;
  padding: 14px 0 !important;
}

.customer-account, 
.staff-account {
  min-height: 100vh;
  min-height: -webkit-calc(100vh - 170px);
  min-height: calc(100vh - 170px);
}

.staff-account > form {
  padding: 0 5%;
  max-width: 50%;
}

.staff-account > form.table {
  max-width: 100%;
}

.staff-account > p,
.staff-account > h1,
.staff-account > h2,
.staff-account > h3 {
  padding-left: 5%;
  padding-right: 5%;
}

.staff-account > form:first-child {
  padding-top: 14px;
}

.staff-account p.error:first-child {
  margin-top: 30px;
}

#helper {
  display: none;
}

/* Tables */
table {
  width: 90%;
  margin: auto;
  table-layout: fixed;
}

table.half {
  width: 42.5%;
  margin-right: 5%;
  float: left;
}

table.half:nth-of-type(2n - 1) {
  margin-left: 5%;
}

table.half:nth-of-type(2n) {
  margin-right: 0;
}

table thead, table tbody {
  width: 100%;
}

table thead tr, table tbody tr {
  width: 100%;
}

table thead tr.sign form, table tbody tr.sign form {
  width: 100%;
  padding: 0;
  position: relative;
}

table thead tr.sign form canvas, table tbody tr.sign form canvas {
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: block;
  margin: 14px auto;
}

table thead tr.sign form button, table tbody tr.sign form button {
  width: 302px;
  margin-top: 0;
  margin-bottom: 12px;
}

table thead tr.sign form .clearButton, table tbody tr.sign form .clearButton {
  position: absolute;
  display: inline-block;
  text-indent: -9999px;
  top: 14px;
  left: 50%;
  margin-left: 121px;
  width: 30px;
  height: 30px;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 0 5px 0 0;
          border-radius: 0 5px 0 0;
  background: #FFF;
}

table thead tr.sign form .clearButton:after, table thead tr.sign form .clearButton:before, table tbody tr.sign form .clearButton:after, table tbody tr.sign form .clearButton:before {
  content: "";
  width: 16px;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #ec2027;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

table thead tr.sign form .clearButton:after, table tbody tr.sign form .clearButton:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

table thead th, table thead td, table tbody th, table tbody td {
  padding: 12px 16px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  font-size: 0.9rem;
}

@media screen and (max-width: 1180px) {
  table thead th, table thead td, table tbody th, table tbody td {
    font-size: 0.8rem;
  }
}

table thead th.left, table thead td.left, table tbody th.left, table tbody td.left {
  text-align: left;
}

table thead th.center, table thead td.center, table tbody th.center, table tbody td.center {
  text-align: center;
}

table thead th.right, table thead td.right, table tbody th.right, table tbody td.right {
  text-align: right;
}

table thead th.enabled, table thead th.active, table thead th.disabled, table thead th.expired, table thead td.enabled, table thead td.active, table thead td.disabled, table thead td.expired, table tbody th.enabled, table tbody th.active, table tbody th.disabled, table tbody th.expired, table tbody td.enabled, table tbody td.active, table tbody td.disabled, table tbody td.expired {
  position: relative;
  min-height: 26px;
  text-indent: -9999px;
}

table thead th.enabled:after, table thead th.active:after, table thead th.disabled:after, table thead th.expired:after, table thead td.enabled:after, table thead td.active:after, table thead td.disabled:after, table thead td.expired:after, table tbody th.enabled:after, table tbody th.active:after, table tbody th.disabled:after, table tbody th.expired:after, table tbody td.enabled:after, table tbody td.active:after, table tbody td.disabled:after, table tbody td.expired:after {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #2dac4e;
}

table thead th.edit a, table thead th.delete a, table thead td.edit a, table thead td.delete a, table tbody th.edit a, table tbody th.delete a, table tbody td.edit a, table tbody td.delete a, table tbody td.expand a {
  width: 36px;
  height: 36px;
  display: inline-block;
  text-indent: -99999px;
  background: url(../images/icons/sign_tablet@2x.png);
  -webkit-background-size: 26px 26px;
          background-size: 26px;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

table thead th.delete a, table thead td.delete a, table tbody th.delete a, table tbody td.delete a {
  background-image: url(../images/icons/delete@2x.png);
}

table tbody td.expand a {
  background-image: url(../images/icons/expand.png);
}

table tbody td.expand a.active {
  background-image: url(../images/icons/expand-active.png);
}

table thead th.disabled:after, table thead th.expired:after, table thead td.disabled:after, table thead td.expired:after, table tbody th.disabled:after, table tbody th.expired:after, table tbody td.disabled:after, table tbody td.expired:after {
  background: red;
}

table thead th .view,
table thead th .sign,
table thead th .complete, table thead td .view,
table thead td .sign,
table thead td .complete, table tbody th .view,
table tbody th .sign,
table tbody th .complete, table tbody td .view,
table tbody td .sign,
table tbody td .complete {
  width: 36px;
  height: 36px;
  display: inline-block;
  text-indent: -99999px;
  background: url(../images/icons/view_tablet@2x.png);
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

table thead th .sign, table thead td .sign, table tbody th .sign, table tbody td .sign {
  background-image: url(../images/icons/sign_tablet@2x.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
}

table thead th .sign.active, table thead td .sign.active, table tbody th .sign.active, table tbody td .sign.active {
  background-image: url(../images/icons/cross@2x.png);
  -webkit-background-size: 24px 24px;
          background-size: 24px;
}

table thead th .complete, table thead td .complete, table tbody th .complete, table tbody td .complete {
  background-image: url(../images/icons/tick@2x.png);
  -webkit-background-size: 36px 36px;
          background-size: 36px;
}

table thead th .complete.active, table thead td .complete.active, table tbody th .complete.active, table tbody td .complete.active {
  background-color: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-image: url(../images/icons/cross@2x.png);
  -webkit-background-size: 24px 24px;
          background-size: 24px;
}

table tbody td a.button {
  background: #ec2027;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
}

table thead th p.active,
table thead th p.alert,
table thead th p.expired, table thead td p.active,
table thead td p.alert,
table thead td p.expired, table tbody th p.active,
table tbody th p.alert,
table tbody th p.expired, table tbody td p.active,
table tbody td p.alert,
table tbody td p.expired {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin: auto;
  text-indent: -9999px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: #2dac4e;
}

table thead th p.alert, table thead td p.alert, table tbody th p.alert, table tbody td p.alert {
  background: #f69836;
}

table thead th p.expired, table thead td p.expired, table tbody th p.expired, table tbody td p.expired {
  background: #ec2027;
}

table thead th small, table thead td small, table tbody th small, table tbody td small {
  font-size: 0.8rem;
  color: #b2b2b2;
}

@media screen and (max-width: 1180px) {
  table thead th small, table thead td small, table tbody th small, table tbody td small {
    font-size: 0.6rem;
  }
}

table thead th, table tbody th, .results div.left table tbody tr.header td, .results div.right table tbody tr.header td {
  background: #038fa2;
  color: #FFF;
  font-weight: 700;
  font-size: 0.9rem;
}

@media screen and (max-width: 1180px) {
  table thead th, table tbody th {
    font-size: 0.8rem;
  }
}

table thead td, table tbody td {
  border-bottom: 1px solid #dadada;
}

table.documents tr td:last-child, table.documents tr td:nth-last-child(2), table.documents tr th:last-child, table.documents tr th:nth-last-child(2) {
  width: 100px;
}

/* Confirmation */
div.confirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 8888;
}

div.confirm form.confirm {
  width: 480px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #FFF;
  padding: 40px;
}

div.confirm form.confirm p {
  padding-bottom: 6px;
  font-size: 1rem;
}

div.confirm form.confirm button {
  width: 47.5%;
  float: left;
}

div.confirm form.confirm button:first-of-type {
  margin-right: 5%;
}

div.confirm form.confirm button:last-of-type {
  background: #ec2027;
}

/* Login */
body#login #wrapper {
  width: 540px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  overflow: hidden;
  padding: 40px;
}

body#login h1 {
  width: 100%;
  height: 100px;
  margin-bottom: 20px;
  background: url(../images/logo@2x.png);
  -webkit-background-size: auto 100px;
          background-size: auto 100px;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -9999px;
}

a.help{
  position: absolute;
  top: 60px;
  right: 30px;
  width: 60px;
  height: 80px;
  background: url(../images/icons/help@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

a.help.tablet {
  top: 5px;
  right: 10px;
}

body#login.help #wrapper, 
body#account_home.help #content {
  width: 540px;
  margin: 10% auto;
  position: relative;
  top: auto;
  left: auto;
  padding: 40px;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  overflow: hidden;
}

body#login.help h1 {
  width: 45%;
  height: 80px;
  margin-bottom: 20px;
  background: url(../images/logo@2x.png);
  -webkit-background-size: auto 80px;
          background-size: auto 80px;
  background-repeat: no-repeat;
  background-position: center top;
  text-indent: -9999px;
}

body#login.help a.help {
  top: 40px;
}

body#login.help h2 {
  border-top: 1px solid #040404;
  padding-top: 20px;
  font-weight: normal;
}

div.help_item {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #D3D3D3;
  margin: 0 0 5px;
  padding-bottom: 10px;
}

div.help_item h3 {
  color: #ED2027;
  padding: 5px 0;
}

div.help_item a.help_cat, 
div.help_item a.pdf {
  float: left;
  padding: 10px 10px 0 0;
  color: #ED2027;
}

div.help_item a.pdf img {
  float: left;
  padding-right: 10px;
  margin-top: -8px;
}

div.inline_media, 
div.inline_media iframe {
  float: left;
  width: 140px;
  height: 80px;
  margin: 0 10px 0 0;
}

div.help_item.active div.inline_media, 
div.help_item.active div.inline_media iframe{
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}

a.help_back {
  float: left;
  width: 95%;
  height: 40px;
  background: #EC2027;
  color: #FFF;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  padding: 12px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 8px 2.5% 26px;
}

/* Home */
body#account_home .staff-account h1 {
  display: none;
}

/* Documents */
table.documents td:last-child,
table.documents td:nth-last-child(2),
table.documents th:last-child,
table.documents th:nth-last-child(2) {
  padding: 12px 0;
  width: 60px;
}

/* Inspections */
.staff-account.inspections form,
.staff-account.issues form {
  width: 100%;
  max-width: 100%;
}

.staff-account.inspections form.plot_filter {
  margin-bottom: 0;
}

.staff-account.inspections form table {
  width: 100%;
}

.staff-account.inspections table tr td.status {
  background: transparent;
}

.staff-account.inspections table tr th.view_image, 
.staff-account.inspections table tr td.view_image {
  width: 120px;
  max-width: 120px;
}

.staff-account.inspections table tr td.status div {
  width: 100%;
}

.staff-account.inspections table tr td.status div select {
  float: left;
  width: 80%;
}

.staff-account.inspections table tr td.status div button {
  float: right;
  clear: none;
  width: 19%;
  margin: 0 0 0 1%;
  background: #ec2027;
}

.staff-account.inspections table tr td.status div select.success {
  background-color: #C6FFC7;
}

.staff-account.inspections table tr td.status div select.error {
  background-color: #FFCAC6;
}

.staff-account.inspections form fieldset.site_agent {
  padding: 20px 15px 15px;
  border: 1px solid #dadada;
  border-width: 0 0 1px;
}

.staff-account.inspections form h3 {
  padding: 15px 15px 25px;
  font-size: 0.9em;
  font-weight: bold;
  border: 1px solid #dadada;
  border-width: 0 0 1px;
  margin-top: 10px;
}

.staff-account.inspections form button,
.staff-account.issues form button {
  margin-top: 30px;
  width: 200px;
}

.staff-account.inspections form.search.issue fieldset,
.staff-account.issues form.search.issue fieldset {
  position: relative;
}

.staff-account.inspections form.search.issue ol li,
.staff-account.issues form.search.issue ol li {
  width: 25%;
  display: inline-block;
  float: left;
  margin-right: 0;
}

.staff-account.inspections form.search.issue ol li.hidden {
  display: none;
}

.staff-account.inspections form.search.issue ol li input,
.staff-account.inspections form.search.issue ol li select,
.staff-account.inspections form.search.issue ol li textarea,
.staff-account.inspections form.search.issue ol li label,
.staff-account.issues form.search.issue ol li input,
.staff-account.issues form.search.issue ol li select,
.staff-account.issues form.search.issue ol li textarea,
.staff-account.issues form.search.issue ol li label {
  width: 95%;
}

.staff-account.inspections form.search.issue ol li.issue_detail,
.staff-account.issues form.search.issue ol li.issue_detail {
  clear: left;
}

.staff-account.inspections form.search.issue ol li.date_identified,
.staff-account.issues form.search.issue ol li.date_identified {
  position: absolute;
  top: 0;
  right: 0;
  /*width: 21%;*/
}

.staff-account.inspections form.search.issue ol li.date_identified .dp-choose-date,
.staff-account.issues form.search.issue ol li.date_identified .dp-choose-date {
  right: 5% !important;
}

.staff-account.inspections table td a[title="View Inspection"] img,
.staff-account.issues table td a[title="View Inspection"] img {
  width: 32px;
}

/* Budgets */
div.staff-account.budgets div.table_scroll_right table td div.plot_type,
div.staff-account.budgets div.table_fixed_left table td div.plot_type {
  height: 50px;
  line-height: 50px;
}

div.staff-account.budgets div.table_scroll_right table td a, div.staff-account.budgets div.table_scroll_right table td span,
div.staff-account.budgets div.table_fixed_left table td a,
div.staff-account.budgets div.table_fixed_left table td span {
  height: 50px;
  display: inline-block;
  float: left;
  text-align: center;
  overflow: hidden;
  padding-top: 8px;
  font-size: 0.8rem;
}

div.staff-account.budgets div.table_scroll_right table td span:not(.download),
div.staff-account.budgets div.table_fixed_left table td span:not(.download) {
  width: 100%;
  background: #FFF;
  border: 1px solid #DDD;
  text-indent: -9999px;
}

div.staff-account.budgets div.table_scroll_right table td span.checked {
  float: right;
  width: 75%;
  border-width: 0;
  text-indent: 0;
  text-transform: none;
  text-align: right;
  margin: 0;
  padding: 2px 10px 0 20px;
}

div.staff-account.budgets div.table_scroll_right table td span.checked:first-child {
  background: transparent url('../images/icons/tick_white@2x.png') 52% 4px no-repeat;
  background-size: 12px;
}

div.staff-account.budgets div.table_scroll_right table td a,
div.staff-account.budgets div.table_fixed_left table td a {
  width: 50%;
  color: #FFF;
  text-transform: uppercase;
  -webkit-background-size: 30px 30px;
          background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: default;
  overflow: hidden;
  text-decoration: none;
}

div.staff-account.budgets div.table_scroll_right table td a,
div.staff-account.budgets div.table_fixed_left table td a {
  text-indent: 0;
  cursor: pointer;
}

div.staff-account.budgets div.table_scroll_right table td a:hover,
div.staff-account.budgets div.table_fixed_left table td a:hover {
  text-decoration: underline;
}

div.staff-account.budgets div.table_scroll_right table td a.not_started,
div.staff-account.budgets div.table_fixed_left table td a.not_started {
  background-color: #DDD;
}

div.staff-account.budgets div.table_scroll_right table td a.released,
div.staff-account.budgets div.table_fixed_left table td a.released {
  background-color: #0AB5CD;
}

div.staff-account.budgets div.table_scroll_right table td a.not_authorised,
div.staff-account.budgets div.table_fixed_left table td a.not_authorised {
  background-color: #DD0000;
}

div.staff-account.budgets div.table_scroll_right table td a.checked,
div.staff-account.budgets div.table_fixed_left table td a.checked {
  background-color: #F29E3B;
}

div.staff-account.budgets div.table_scroll_right table td a.booked,
div.staff-account.budgets div.table_fixed_left table td a.booked {
  background-color: #6CD173;
}

div.staff-account.budgets div.table_scroll_right table td a.completed,
div.staff-account.budgets div.table_fixed_left table td a.completed {
  background-color: #282828;
}

div.staff-account.budgets div.table_scroll_right table td a:first-child,
div.staff-account.budgets div.table_fixed_left table td a:first-child {
  border-right: 2px solid #FFF;
  text-indent: -9999px;
  text-align: left;
  background-image: url(../images/icons/profile@2x.png);
}

div.staff-account.budgets div.table_scroll_right table td a.checked:first-child,
div.staff-account.budgets div.table_fixed_left table td a.checked:first-child {
  background-position: 15px 10px;
}

div.staff-account.budgets div.table_scroll_right table td a:last-child,
div.staff-account.budgets div.table_fixed_left table td a:last-child {
  border-left: 2.5px solid #FFF;
}

div.staff-account.budgets div.table_scroll_right table th {
  min-width: 360px !important;
  width: 360px !important;
}

div.staff-account.budgets div.table_scroll_right table td {
  min-width: 360px !important;
  width: 360px !important;
}

div.staff-account.budgets ul.key {
  width: 100%;
  padding: 20px 5% 30px;
  display: inline-block;
}

div.staff-account.budgets ul.key li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  line-height: 20px;
  position: relative;
  padding-left: 44px;
}

div.staff-account.budgets ul.key li:before {
  content: "";
  width: 30px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

div.staff-account.budgets ul.key li:first-of-type {
  font-weight: bold;
  padding-left: 0;
}

div.staff-account.budgets ul.key li:first-of-type:before {
  display: none;
}

div.staff-account.budgets ul.key li.not_started:before {
  background: #DDD;
}

div.staff-account.budgets ul.key li.released:before {
  background: #0AB5CD;
}

div.staff-account.budgets ul.key li.checked:before {
  background: #F29E3B;
}

div.staff-account.budgets ul.key li.part_booked:before {
  background: #FFEA01;
}

div.staff-account.budgets ul.key li.fully_booked:before {
  background: #6CD173;
}

div.staff-account.budgets ul.key li.not_authorised:before {
  background: #DD0000;
}

div.staff-account.budgets ul.key li.completed:before {
  background: #282828;
}

div.staff-account.budgets form.application, 
form.handovers {
  position: relative;
  max-width: 100%;
}

form.handovers {
  padding: 40px 5% 0;
}

form.handovers ol {
  float: left;
  width: 90%;
}

div.staff-account.budgets form.application li, 
form.handovers li {
  width: 18%;
  margin-right: 2.5%;
  position: relative;
}

form.handovers li {
  width: 15.5%;
  margin-right: 1%;
}

div.staff-account.budgets form.application li:last-of-type {
  float: right;
  margin-right: 0;
}

div.staff-account.budgets form.application button {
  margin-top:  26px;
}

form.handovers button {
  float: right;
  width: 9%;
  margin-top: 0;
}

div.staff-account.budgets div.table_scroll {
  width: 90%;
  display: inline-block;
  margin-left: 5%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-bottom: 30px;
}

div.staff-account.budgets div.table_scroll table {
  width: 100%;
}

@media screen and (max-width: 1800px) {
  div.staff-account.budgets div.table_scroll table {
    width: 1700px;
  }
}

div.staff-account.budgets div.table_scroll table tr th {
  height: 80px;
}

div.staff-account.budgets div.table_scroll table tr td {
  background: #E6FFE3;
}

div.staff-account.budgets div.table_scroll table tr.highlight td {
  background: #FFE8E8;
}

div.staff-account.budgets div.table_scroll table tr.unconfirmed td, 
div.staff-account.budgets div.table_scroll table tr.total td {
  background: #FFF;
}

div.staff-account.budgets div.table_scroll table tr td:nth-of-type(13) input, div.staff-account.budgets div.table_scroll table tr th:nth-of-type(13) {
  width: 80px;
}

div.staff-account.budgets div.table_scroll table tr td:nth-of-type(6), div.staff-account.budgets div.table_scroll table tr td:nth-of-type(7), 
div.staff-account.budgets div.table_scroll table tr th:nth-of-type(6), div.staff-account.budgets div.table_scroll table tr th:nth-of-type(7) {
  opacity: 0.8;
  font-weight: bold;
}
div.staff-account.budgets div.table_scroll table tr td:nth-of-type(6), div.staff-account.budgets div.table_scroll table tr td:nth-of-type(7), div.staff-account.budgets div.table_scroll table tr td:nth-of-type(8), 
div.staff-account.budgets div.table_scroll table tr th:nth-of-type(6), div.staff-account.budgets div.table_scroll table tr th:nth-of-type(7), div.staff-account.budgets div.table_scroll table tr th:nth-of-type(8) {
  width: 100px;
}

div.staff-account.budgets div.table_scroll table tr td:nth-of-type(8) input, div.staff-account.budgets div.table_scroll table tr th:nth-of-type(8) input {
  color: #000000;
  font-weight: bold;
  font-size: 0.9rem;
}

div.staff-account.budgets div.table_scroll table .download {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #2dac4e;
  text-indent: -9999px;
  text-align: left;
  float: left;
  margin-right: 5px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

div.staff-account.budgets div.table_scroll table .download.instruction {
  float: none;
  margin: 0 auto;
}

div.staff-account.budgets div.table_scroll table .download.error {
  background-color: red;
  background-image: url(../images/icons/error@2x.png);
  -webkit-background-size: 24px 24px;
          background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
}

div.staff-account.budgets div.table_scroll table span.download {
  background-color: #E6FFE3;
}

div.staff-account.budgets div.table_scroll table tr.highlight span.download {
  background-color: #FFE8E8;
}

div.staff-account.budgets div.table_scroll table tr.unconfirmed span.download, 
div.staff-account.budgets div.table_scroll table tr.total span.download {
  background-color: #FFF;
}

div.staff-account.budgets div.table_scroll table a.download {
  background-image: url(../images/icons/download@2x.png);
  -webkit-background-size: 22px 22px;
          background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
}

div.staff-account.budgets div.table_scroll table input:not([type="file"]) {
  width: 100%;
  height: 40px;
  text-align: center;
  border: 1px solid #d2d2d2;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

div.staff-account.budgets div.table_scroll table input:not([type="file"])[disabled="disabled"] {
  background: #EEE;
}

div.staff-account.budgets div.table_scroll table input:not([type="file"]).error {
  border: 2px solid #ec2027;
  color: #ec2027;
}

div.staff-account.budgets div.table_scroll table form.cs_handover {
  width: 40px;
  height: 40px;
}

div.staff-account.budgets div.table_scroll table .custom_upload {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
  -webkit-background-size: 26px 26px;
          background-size: 26px;
}

div.staff-account.budgets div.table_scroll table button {
  cursor: pointer;
  margin-top: 0;
}

div.staff-account.budgets div.table_scroll table button.authorise {
  background: #ec2027;
}

div.staff-account.budgets div.table_scroll table button.authorised {
  background: #2dac4e;
}

div.staff-account.budgets div.table_scroll table span.budget {
  color: #2dac4e;
  font-weight: bold;
}

div.staff-account.budgets div.table_scroll table span.budget.error {
  color: #ec2027;
}

div.staff-account.budgets div.table_scroll table a.checked {
  float: left;
  width: 106px;
  padding: 10px;
  margin-left: -10px;
  background-color: #2dac4e;
  border: 1px solid #2dac4e;
  border-radius: 5px;
  color: #FFF;
  font-weight: bold;
}

div.staff-account.budgets div.table_scroll table a.checked:hover {
  text-decoration: none;
}

div.staff-account.budgets div.table_scroll table a.checked.not {
  background-color: #ec2027;
  border-color: #ec2027;
}

a.back_button {
  display: block;
  width: 160px;
  background: #038FA2;
  color: #FFF;
  padding: 10px 10px 10px 0;
  margin: 10px 5% 20px;
  text-align: center;
  border: 1px solid #038FA2;
  border-radius: 5px;
}

div.staff-account.budgets div.table_scroll table span.issues, 
div.staff-account.budgets div.table_scroll table a.issues {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #2dac4e;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: inline-block;
  color: #FFF;
  font-weight: bold;
}

div.staff-account.budgets div.table_scroll table a.issues {
  background: #ec2027;
}

div.staff-account.budgets form.staff_handover {
  width: 680px !important;
  margin-top: 30px;
}

div.staff-account.budgets form.staff_handover fieldset {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
  padding-top: 0;
}

div.staff-account.budgets form.staff_handover fieldset ol {
  display: inline-block;
  width: 100%;
}

div.staff-account.budgets form.staff_handover fieldset ol li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
  display: inline-block;
  float: left;
}

div.staff-account.budgets form.staff_handover fieldset ol li label {
  display: none;
}

div.staff-account.budgets form.staff_handover fieldset ol li .custom_upload {
  width: 100%;
  background: #C6C6C6 url(../images/icons/camera-white@2x.png);
  -webkit-background-size: 32px 32px;
          background-size: 32px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
  border: none;
}

div.staff-account.budgets form.staff_handover fieldset ol li .custom_upload.active {
  background-color: #2dac4e;
}

div.staff-account.budgets form.staff_handover .handover_document, div.staff-account.budgets form.staff_handover .back, div.staff-account.budgets form.staff_handover .resolve {
  width: 49%;
  height: 50px;
  margin-right: 2%;
  margin-bottom: 2%;
  display: inline-block;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #C6C6C6;
  float: left;
  color: #FFF;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
}

div.staff-account.budgets form.staff_handover .handover_document, div.staff-account.budgets form.staff_handover .resolve {
  margin-right: 0;
}

div.staff-account.budgets form.staff_handover .handover_document {
  background: #2dac4e;
}

div.staff-account.budgets form.staff_handover .handover_document.no_document {
  background: #C6C6C6;
}

div.staff-account.budgets form.staff_handover .back {
  background: #0ab5cd;
}

div.staff-account.budgets form.staff_handover .resolve {
  background: #ec2027;
}

div.staff-account.budgets form.staff_handover .resolve.resolved {
  background: #2dac4e;
}

div.staff-account.budgets form.crossref {
  position: relative;
  max-width: 100%;
}

div.staff-account.budgets form.crossref ol {
  float: left;
  width: 75%;
  margin-right: 1.75%;
}

div.staff-account.budgets form.crossref button {
  float: left;
  width: 23.125%;
  margin-top: 26px;
}

#content div.popup_container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F0F0F0;
  opacity: 0.80;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

#content div.popup_info {
  position: fixed;
  top: 2%;
  left: 50%;
  z-index: 9999;
  width: 90%;
  max-width: 920px;
  padding: 20px 40px;
  font-size: 1.2em;
  font-weight: bold;
  background: #FFF;
  border-bottom: 1px solid #CCC;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#content div.popup {
  display: none;
  position: fixed;
  top: 7.5%;
  left: 50%;
  width: 90%;
  max-width: 920px;
  height: auto;
  max-height: 90%;
  background: #FFF;
  padding: 40px 2.5%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9998;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#content div.popup div.half {
  width: 47.5%;
  margin-right: 5%;
  display: inline-block;
  float: left;
  position: relative;
  padding-bottom: 20px;
}

#content div.popup div.half:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #EEE;
  position: absolute;
  top: 0;
  left: 105%;
  bottom: 0;
}

#content div.popup div.half:nth-of-type(2n) {
  margin-right: 0;
}

#content div.popup div.half:nth-of-type(2n):before {
  left: auto;
  right: 105%;
  margin-right: 2px;
}

#content div.popup div.half:not(:nth-of-type(1)):not(:nth-of-type(2)) {
  margin-top: 20px;
}

#content div.popup div.half span.checked, 
#content div.popup div.half span.not_checked {
  float: left;
  width: 96%;
  padding: 6px 0 20px 40px;
  margin-bottom: 20px;
  background: url('../images/icons/checked-no.png') left top no-repeat;
  background-size: 30px;
  border-bottom: 1px solid #EEE;
  font-size: 0.9em;
}

#content div.popup div.half span.checked {
  background: url('../images/icons/checked-yes.png') left top no-repeat;
  background-size: 30px;
}

#content div.popup div.half li {
  display: inline-block;
  float: left;
  width: 100%;
}

#content div.popup div.half li label {
  font-size: 0.9rem;
  display: inline-block;
  width: 100%;
  padding-bottom: 8px;
  line-height: 1.3;
}

#content div.popup div.half li input {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #d2d2d2;
  line-height: 38px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  margin-bottom: 12px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: #FFF;
  font-size: 1rem;
  opacity: 1 !important;
}

#content div.popup div.half li input[disabled="disabled"] {
  background: #EEE;
}

#content div.popup div.half li input.paid {
  background: #2dac4e;
  color: #FFF !important;
  text-align: center;
}

#content div.popup div.half li button {
  color: #FFF !important;
}

#content div.popup div.half li.half {
  width: 47.5%;
  margin-right: 5%;
}

#content div.popup div.half li.half:nth-of-type(2n) {
  margin-right: 0;
}

#content div.popup div.half li.half:nth-of-type(2n + 1) {
  clear: left;
}

#content div.popup div.half li.half input {
  text-align: center;
}

#content div.popup div.half li.third {
  width: 31.66%;
  margin-right: 2.5%;
}

#content div.popup div.half li.third:nth-of-type(3n + 1) {
  margin-right: 0;
}

#content div.popup div.half li.third input.staff {
  font-size: 0.7rem;
  text-align: left !important;
}

#content div.popup div.half li.third input {
  text-align: center;
}

#content div.popup div.half li:first-child:not(.half):not(.third) input {
  text-align: center;
  background: none;
}

#content div.popup div.half li:first-child:not(.half):not(.third) input[value="Unequal"] {
  color: #ec2027;
}

#content div.popup div.half ul {
  margin-top: 30px;
}

#content div.popup div.half ul li.split {
  margin-top: -36px;
}

#content div.popup div.half:nth-of-type(2n - 1) ul {
  margin-top: 20px;
}

#content div.popup div.half:nth-of-type(2n - 1) ul span, #content div.popup div.half:nth-of-type(2n - 1) ul a {
  width: 100%;
  height: 40px;
  display: inline-block;
  background: #EEE;
  text-align: center;
  margin-bottom: 12px;
  line-height: 40px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

#content div.popup div.half:nth-of-type(2n - 1) ul a {
  background: #2dac4e;
  color: #FFF;
}

#content div.popup div.half:nth-of-type(2n - 1) ul a.issues.active_issue, 
#content div.popup div.half:nth-of-type(2n - 1) ul a.checked.not {
  background: #ec2027;
}

#content div.popup div.half:nth-of-type(2n - 1) ul a.images {
  text-indent: -9999px;
  text-align: left;
  background-image: url(../images/icons/camera-white@2x.png);
  -webkit-background-size: 28px 28px;
          background-size: 28px;
  background-position: center;
  background-repeat: no-repeat;
}

#content div.popup img {
  max-width: 95%;
}

/* Issues */
div.staff-account.inspections form.search:not(.issue), 
div.staff-account.issues form.search:not(.issue) {
  width: 100%;
  max-width: 100%;
}

div.staff-account.inspections form.search:not(.issue) fieldset, 
div.staff-account.issues form.search:not(.issue) fieldset {
  width: 100%;
  position: relative;
}

div.staff-account.inspections form.search:not(.issue) ol li, 
div.staff-account.issues form.search:not(.issue) ol li {
  width: 23.5%;
  margin-right: 2%;
  display: inline-block;
  float: left;
}

div.staff-account.inspections form.search:not(.issue) ol li:nth-of-type(4n), 
div.staff-account.issues form.search:not(.issue) ol li:nth-of-type(4n) {
  margin-right: 0;
}

div.staff-account.inspections form.search:not(.issue) button, 
div.staff-account.issues form.search:not(.issue) button {
  display: inline-block;
  float: left;
  width: 23.5%;
  position: absolute;
  right: 0;
  bottom: 12px;
}

form.close_issue {
  min-width: 180px;
  width: 180px;
}

form.close_issue textarea, 
form.close_issue input, 
form.close_issue div, 
form.close_issue button {
  float: left;
  clear: none;
}

form.close_issue textarea {
  width: 100%;
  height: 50px;
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 0.8em;
  overflow: hidden;
}

form.close_issue div {
  height: 30px;
  background-size: 22px;
}

form.close_issue button {
  width: 105px !important;
  height: 30px;
  margin: 0 0 0 5px !important;
}

.results {
  padding: 0 5%;
  width: 100%;
  display: inline-block;
  margin-bottom: 40px;
}

.results div.left, .results div.right {
  display: inline-block;
  float: left;
}

.results div.left table, .results div.right table {
  width: 100%;
}

.results div.left table tr td, .results div.left table tr th, .results div.right table tr td, .results div.right table tr th {
  padding: 0;
  border-right: 5px solid #FFF;
  border-bottom: 5px solid #FFF;
  vertical-align: middle;
}

.results div.left table tr td, .results div.right table tr td {
  background: #EEEEEE;
}

.results div.left table tr td.active_issues, .results div.right table tr td.active_issues {
  background: #ec2027;
}

.results div.left table tr th, .results div.right table tr th, .results div.left table tr.header td, .results div.right table tr.header td {
  padding: 12px 8px;
}

.results div.left table div, .results div.left table button, .results div.right table div, .results div.right table button {
  display: inline-block;
  height: 40px;
  width: 120px;
  text-align: center;
  float: left;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  font-size: 0.9rem;
  overflow: hidden;
}

@media screen and (max-width: 1180px) {
  .results div.left table div, .results div.left table button, .results div.right table div, .results div.right table button {
    font-size: 0.8rem;
  }
}

.results div.left table div.plot, .results div.left table div.plot_type, .results div.left table button.plot, .results div.left table button.plot_type, .results div.right table div.plot, .results div.right table div.plot_type, .results div.right table button.plot, .results div.right table button.plot_type {
  width: 100%;
  min-width: 0;
}

.results div.left table div.plot_type, .results div.left table button.plot_type, .results div.right table div.plot_type, .results div.right table button.plot_type {
  padding: 0 16px;
  text-align: left;
}
/*
.results div.left table button, .results div.right table button {
  background: transparent;
  padding-left: 50%;
  color: #FFF;
  font-weight: 700;
  position: relative;
}

.results div.left table button:after, .results div.right table button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  right: 50%;
  bottom: 0;
  margin: auto;
  background: transparent url(../images/icons/issue@2x.png);
  -webkit-background-size: 26px 26px;
          background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  border-right: 2px solid #FFF;
}
*/
.results div.right table button {
  background: transparent;
  padding-right: 50%;
  color: #FFF;
  font-weight: 700;
  position: relative;
  width: 100%;
}

.results div.right table button:before {
  content: "ADD";
  position: absolute;
  top: 0;
  left: 50%;
  right: 2px;
  bottom: 0;
  margin: auto;
  border-left: 2px solid #FFF;
}

.results div.left table td.active_issues, .results div.right table td.active_issues {
  background: #ec2027;
}

.results div.left table td.resolved, .results div.right table td.resolved {
  background: #2dac4e;
}

.results div.left table td.no_issues, .results div.right table td.no_issues {
  background: #aeaeae;
}

.results div.left {
  width: 30%;
}

.results div.left table tr td:first-of-type,
.results div.left table tr th:first-of-type {
  width: 120px;
}

.results div.left table tr td:first-of-type div,
.results div.left table tr th:first-of-type div {
  font-weight: 700;
}

.results div.left table tr th:nth-of-type(2) {
  padding: 12px 16px;
}

.results div.right {
  width: 70%;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.results div.right table {
  width: auto;
  max-width: 100%;
  float: left;
}

.results div.right table tr th {
  width: 140px;
  min-width: 140px;
}

#add_issue_popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 8888;
  display: none;
}

#add_issue_popup form {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  margin: auto;
  max-width: 100%;
  padding: 40px;
  background: #FFF;
  position: relative;
}

@media screen and (max-width: 1180px) {
  #add_issue_popup form {
    width: 90%;
  }
}

#add_issue_popup form #issue_detail {
  height: 140px;
}

#add_issue_popup form .issue_image_upload {
  width: 50%;
  margin-top: -100px;
}

#add_issue_popup form button.close_issue_popup {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background: url(../images/icons/cross@2x.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 26px 26px;
          background-size: 26px;
  text-indent: -9999px;
  text-align: left;
}

#add_issue_popup form button[type="submit"] {
  width: 200px;
  margin-top: 30px;
}

#add_issue_popup form .view_issues {
  width: 200px;
  height: 40px;
  background: #ec2027;
  color: #FFF;
  font-size: 0.9rem;
  font-weight: 700;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: inline-block;
  float: right;
  line-height: 40px;
  text-align: center;
  margin-top: 30px;
  opacity: 0.8;
}

/* Issues */
h2 span.plot {
  font-size: 0.9rem;
  display: block;
  line-height: 1.2;
}

.issue_images {
  height: auto;
  display: block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  width: 90%;
  margin-left: 5%;
  max-width: 560px;
  margin-top: 10px;
}

.issue_images .slick-arrow {
  width: 60px;
  height: 60px;
  position: absolute;
  left: -30px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background: rgba(10, 181, 205, 0.8);
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  background-position: left 5px center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  z-index: 9999;
}

.issue_images .slick-arrow:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/icons/arrow.png);
  -webkit-background-size: 20px 20px;
          background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.issue_images .slick-arrow.slick-next {
  left: auto;
  right: -30px;
}

.issue_images .slick-arrow.slick-prev:after {
  left: auto;
  right: 10px;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.issue_images .slick-list {
  vertical-align: middle;
}

.issue_images a {
  display: inline-block;
}

.issue_images img {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
/*# sourceMappingURL=staff.css.map */

#content div.site div.table_fixed_left,
#content div.site div.table_scroll_right {
  float: left;
  width: 18.8%;
  margin-left: 5%;
}

#content div.site div.table_scroll_right {
  width: 75%;
  overflow: auto;
  margin-left: 0;
}

#content div.site div.table_fixed_left table,
#content div.site div.table_scroll_right table {
  width: 102%;
  margin: 0;
  table-layout: fixed;
}

#content div.site div.table_scroll_right table {
  display: none;
}

#content div.site div.table_fixed_left table td,
#content div.site div.table_scroll_right table td {
  padding: 0;
  width: 98%;
  height: 72px;
  table-layout: fixed;
}

#content div.site div.table_fixed_left table th, 
#content div.site div.table_fixed_left table td {
  padding: 10px !important;
  text-align: left !important;
}

#content div.site div.table_fixed_left table td small {
  display: inline-block;
  font-size: 0.7em;
  line-height: 1.2em;
  padding: 5px;
}

#content div.site div.table_fixed_left table td span {
  float: left;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  font-size: 0.8em;
  background: #DDD;
}

#content div.site div.table_fixed_left table thead tr th {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  height: 74px;
  border: 2px solid #FFF;
}

#content div.site div.table_scroll_right table td a small {
  position: relative;
  top: -2px;
  background: #333;
  padding: 0 5px 2px;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  font-weight: normal;
  font-size: 0.7em;
  margin-left: 3px;
}

#content div.site div.table_scroll_right table thead {
  background: #FFF;
}

#content div.site div.table_scroll_right table tr th {
  border-color: #FFF;
  text-align: left;
  border: 2px solid #FFF;
}

#content div.site div.table_scroll_right table tr td {
  border-color: #FFF;
  border-width: 2px 10px;
}

#content div.site div.table_scroll_right table tr td a,
#content div.site div.table_scroll_right table tr td span {
  float: right;
  position: relative;
  width: 50%;
  height: 100%;
  padding: 0;
  color: #FFF;
  text-transform: uppercase;
}

#content div.site div.table_scroll_right table tr td a.double {
  padding-top: 10px;
}

#content div.site div.table_scroll_right table tr td a:nth-of-type(2):before {
  font-family: FontAwesome;
  font-size: 2em;
  content: "\f044";
  text-align: right;
  position: absolute;
  top: 25%;
  right: 8px;
}

#content div.site div.table_scroll_right table tr td a:hover {
  text-decoration: none;
}

#content div.site div.table_scroll_right table tr td a.to-be-pre-ordered {
  background: #F9C118;
}

#content div.site div.table_scroll_right table tr td a.to-be-ordered {
  background: #508CC4;
}

#content div.site div.table_scroll_right table tr td a.ordered {
  background: #65AE46;
}

#content div.site div.table_scroll_right table tr td a.awaiting-delivery {
  background: #F58120;
}

#content div.site div.table_scroll_right table tr td a.delivered {
  background: #28407F;
}

#content div.site div.table_scroll_right table tr td span {
  float: left;
  width: 100%;
  /*text-indent: -99999px;*/
  background: #DDD;
}

#content table.tick {
  table-layout: fixed;
  display: table !important;
}

#content table.tick tr td,
#content table.tick tr th {
  table-layout: fixed;
  width: 160px;
  height: 74px;
  padding: 0 !important;
}

#content table.tick.right tr td,
#content table.tick.right tr th {
  overflow: hidden;
}

#content table.tick tr th,
#content table.tick tr td.header {
  font-size: 0.8em !important;
  text-transform: uppercase;
  text-align: center !important;
  overflow: hidden;
}

#content table.tick tr td.header {
  font-weight: bold;
  background: #038fa2;
  color: #FFF;
}

#content table.tick.left td:first-of-type,
#content table.tick.left th:first-of-type {
  font-size: 0.9em;
}

#content table.tick td a,
#content table.tick td span {
  width: 99% !important;
  height: 100% !important;
  display: inline-block !important;
  border: none;
  float: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#content table.tick td a strong,
#content table.tick td span strong {
  display: inline-block;
  padding: 10px 0 0;
}

#content table.tick td.na {
  background: #E3E3E3;
}

#content table.tick td.applied span {
  background: #444 !important;
  color: #FFF !important;
  width: 158px !important;
}

#content table.tick td.applied a {
  background: #d75252;
  background: #444;
}

#content table.tick td.ready_to_scaffold a {
  background: #3689ef;
}

#content table.tick td.in_progress a {
  background: #ffb23c;
}

#content table.tick td.not_needed a {
  background: #ef5536;
}

#content table.tick td.completed a {
  background: #95d752;
}

#content table.tick td.credited a, 
#content table.tick td.to_be_credited a {
  background: #9152d7;
}

#content table.tick td.not_started a {
  background: #FFF;
  border: 1px solid #d0d0d0;
}
/*
#content table.tick.right tr td:first-of-type a {
  width: 158px !important;
  font-weight: bold;
}
*/

#content a.excel-export {
  float: right;
  padding: 9px 40px 10px 0;
  margin: -60px 30px 0 0;
  background: url('../../admin/core/media/images/excel-icon.png') right top no-repeat;
  background-size: 32px;
}

#content table.tick.right tr td br + a {
  background: none !important;
  position: absolute !important;
  left: 0;
}

#content table.tick.right td.progress, 
#content table.tick.right td.dismantle, 
#content table.tick.right td.na {
  position: relative;
}

#content table.tick.right td.progress {
  background: #ffb23c;
}

#content table.tick.right td.dismantle {
  background: #ef5536;
  color: #fff;
}

#content table.tick.right td.progress div, 
#content table.tick.right td.dismantle div, 
#content table.tick.right td.na div {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 0.7em;
  line-height: 1.4em;
  text-align: left;
  height: 85%;
  width: 95%;
  overflow: auto;
  color: #fff;
}

#content table.tick.right td.na div {
  color: #3a3a3a;
}

#content table.tick.right td.progress div span, 
#content table.tick.right td.dismantle div span, 
#content table.tick.right td.na div span {
  height: auto !important;
  background: transparent !important;
  text-transform: none;
}

#content table.tick.right td.progress div span, 
#content table.tick.right td.na div span {
  color: #e12c2c !important;
}

#content table.ancillary td.add a, 
#content table.ancillary td.add span {
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/icons/add.png') left top no-repeat;
  background-size: 20px;
  text-indent: -9999px;
  margin: 0 auto;
}

#content table.ancillary td.add span {
  opacity: 0.2;
}

#content div.site span.alert {
  position: absolute;
  right: 1.5%;
  font-size: 1.5em;
  padding: 30px 0 0;
}

#content div.site .key {
  width: auto;
  float: right;
  margin-right: 2.5%;
  padding: 30px 0 0 0;
  height: auto;
  display: inline-block;
  text-align: right;
  padding-right: 15px;
}

#content div.site .key li {
  display: inline-block;
  float: left;
  padding-left: 30px;
  line-height: 20px;
  margin-left: 40px;
  position: relative;
}

#content div.site .key li:after {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #CCC;
  content: "";
}

#content div.site .key li.na:after {
  background: #CCC;
}

#content div.site .key li.completed:after {
  background: #95d752;
}

#content div.site .key li.to_be_credited:after {
  background: #9152d7;
}

#content div.site .key li.ready:after {
  background: #3689ef;
}

#content div.site .key li.in_progress:after {
  background: #ffb23c;
}

#content div.site .key li.not_needed:after {
  background: #ef5536;
}

#content div.site .key li.not_started:after {
  background: #FFF;
  border: 1px solid #e2e2e2;
}

#content div.site .key li.applied:after {
  background: #444;
}

#content div.site a.sign_send, 
#content div.site a.send_email, 
#content div.site a.download {
  float: right;
  padding: 20px 30px 20px 70px;
  background-color: #0ab5cd;
  background-image: url(../images/icons/pdf-white.png);
  -webkit-background-size: 30px 30px;
          background-size: 30px;
  background-position: left 20px center;
  background-repeat: no-repeat;
  color: #FFF !important;
  display: inline-block;
  margin-right: 5%;
  margin-top: 30px !important;
  text-decoration: none;
  font-weight: bold;
}

#content div.site a.send_email, 
#content div.site a.download {
  margin-right: 30px;
}

#content div.site a.sign_send {
  background-image: url(../images/icons/edit.png);
  -webkit-background-size: 26px 26px;
          background-size: 26px;
  padding-left: 65px;
}

#content div.site a.send_email {
  background-image: url(../images/icons/email.png);
  -webkit-background-size: 26px 26px;
          background-size: 26px;
  padding-left: 65px;
}

div.send_email, 
div.sign_send {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 800px;
  height: 660px;
  background: #FFF;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 0px 100vw rgba(0, 0, 0, 0.5);
  display: none;
}

div.send_email h2, 
div.sign_send h2 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #038fa2 !important;
  padding: 30px 40px;
  background: transparent !important;
}

div.send_email h2 a, 
div.sign_send h2 a {
  text-indent: -9999px;
  background: #038fa2 url(../images/icons/cross.png) no-repeat;
  -webkit-background-size: 25px 25px;
          background-size: 25px;
  background-position: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 15px;
  right: 15px;
  float: right;
  position: absolute;
  color: #FFF;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  padding: 5px 10px;
}

div.send_email form, 
div.sign_send form {
  width: 90%;
  width: calc(100% - 100px);
  margin-left: 5%;
  margin-left: calc(50px);
  margin-top: 5%;
  margin-top: calc(50px);
  overflow: hidden;
}

div.send_email form label, 
div.sign_send form label {
  width: 100%;
}

div.sign_send form canvas {
  border: 1px solid #e2e2e2;
  width: 100%;
  height: 150px;
  margin-bottom: 15px;
}

div.sign_send form a.clearButton {
  float: right;
  width: 20px;
  height: 20px;
  background: none !important;
  background-image: url(../images/icons/cross-red.png) !important;
  background-position: center;
  -webkit-background-size: contain !important;
          background-size: contain !important;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

div.send_email form label em, 
div.sign_send form label em {
  font-size: 0.9em;
}

div.sign_send form label span.warning, div.sign_send form p.signature_warning {
  color: #CB0000 !important;
  background: transparent !important;
  padding: 0;
}

div.sign_send form p.signature_warning {
  position: absolute;
  margin: 9px 0 0 78px !important;
  width: auto;
}

div.send_email form button, 
div.sign_send form button {
  display: inline-block;
  clear: both;
  float: right;
  padding: 20px 30px 20px 70px;
  -webkit-background-size: 30px 30px;
          background-size: 30px;
  background-position: left 20px center;
  background-repeat: no-repeat;
  color: #FFF;
  display: inline-block;
  margin-right: 5px;
  margin-top: 0 !important;
  text-decoration: none;
  height: auto !important;
  line-height: 1em !important;
  margin-top: 10px !important;
  margin-right: 0 !important;
}

div#content form fieldset ol li a.multiSelect {
  width: 100% !important;
  color: #3a3a3a !important;
  font-size: 1em;
}

div#content form fieldset ol li div.multiSelectOptions {
  width: 130% !important;
}

div#content form fieldset ol li div.multiSelectOptions input {
  width: 6%;
  margin-top: 5px;
}

div#content form fieldset ol li div.multiSelectOptions label {
  font-weight: normal;
  font-style: normal;
  color: #3a3a3a !important;
}

div#content form a.multiSelect {
  width: 200px !important;
  height: 40px;
  line-height: 40px;
  background: #FFF url(../images/icons/select@2x.png) right 20px center no-repeat !important;
  background-size: 15px !important;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 0 20px 0 15px;
  margin-right: 10px !important;
  margin-bottom: 5px !important;
  position: relative;
  cursor: default;
  text-decoration: none;
  display: -moz-inline-stack;
  display: inline-block;
  color: #3a3a3a !important;
}

div#content form a.multiSelect:link,
div#content form a.multiSelect:visited,
div#content form a.multiSelect:hover,
div#content form a.multiSelect:active {
  text-decoration: none;
}

div#content form a.multiSelect span {
  margin: 0;
  overflow: hidden;
  display: -moz-inline-stack;
  display: inline-block;
  white-space: nowrap;
  font-weight: normal;
  width: 100% !important;
}

div#content form div.multiSelectOptions {
  width: 200px !important;
  padding: 10px 10px 0 10px;
  overflow-y: auto;
  overflow-x: hidden;
  border: solid 1px #e2e2e2;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(168, 168, 168, 0.2);
}

div#content form div.multiSelectOptions label {
  float: left;
  clear: both;
  width: 90%;
  color: #222;
  font-weight: normal;
  padding: 0 0 10px 0;
  height: auto;
  line-height: 1.4em;
}

div#content form div.multiSelectOptions label.optGroup {
  font-weight: 600;
}

div#content form div.multiSelectOptions .optGroupContainer label {
  padding-left: 10px;
}

div#content form div.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer label {
  padding-left: 18px;
}

div#content form div.multiSelectOptions input {
  float: left;
  width: 15px;
  margin: 3px 6px 0 0;
  height: auto;
}

div#content form div.multiSelectOptions label.selectAll {
  border-bottom: dotted 1px #CCC;
}

div#content div.projects {
  float: left;
  width: 100%;
}

div#content div.projects table tr td.status {
  padding: 0 16px;
}

div#content div.projects table tr td span.enquiry, 
div#content div.projects table tr td span.awaiting_authorisation, 
div#content div.projects table tr td span.declined, 
div#content div.projects table tr td span.live, 
div#content div.projects table tr td span.part_invoiced, 
div#content div.projects table tr td span.invoiced, 
div#content div.projects table tr td span.dismantled {
  display: block;
  background: #999;
  color: #FFF;
  padding: 12px;
  border: 1px solid #777;
  border-radius: 5px;
}

div#content div.projects table tr td span.awaiting_authorisation {
  border-color: #D86328;
  background: #F57E2A;
}

div#content div.projects table tr td span.declined {
  background: #EE3C38;
  border-color: #B11D29;
}

div#content div.projects table tr td span.live {
  background: #59CD74;
  border-color: #48A15D;
}

div#content div.projects table tr td span.part_invoiced {
  background: #629CC5;
  border-color: #4A82AA;
}

div#content div.projects table tr td span.invoiced {
  background: #222;
  border-color: #111;
}

div#content div.projects table tr td span.dismantled {
  background: #934DFD;
  border-color: #793FD1;
}

div#content div.projects form fieldset {
  position: relative;
}

div#content div.projects form div.ajax-results {
	position: absolute;
	top: 40px;
	left: 30%;
	background: #FFF;
	border: 1px solid #D2D2D2;
	border-radius: 0 0 5px 5px;
	border-width: 0 1px 1px;
	margin: -3px 0 0;
	width: 70%;
	padding: 10px;
	z-index: 9999;
}

div#content div.projects form.plot div.ajax-results {
	width: 94.7%;
}

div#content div.projects form div.ajax-results a {
	float: left;
	width: 100%;
	padding: 5px;
	font-weight: normal;
	font-size: 0.9em;
	transition: background 300ms ease;
}

div#content div.projects form div.ajax-results a:hover {
	background: #F8F8F8;
	color: #575757;
}

div#content div.projects form div.ajax-results p {
	padding: 5px;
	font-size: 0.9em;
	color: #575757;
}

div#content div.projects table tr.job {
  display: none;
}

div#content div.projects div.job {
  width: 90%;
  margin: 0 auto;
}

div#content div.projects div.column {
  float: left;
  width: 48%;
  margin: 0 1%;
}

div#content div.projects div.column.full {
  width: 98%;
  padding: 20px 0 40px;
}

div#content div.projects div.column fieldset.hidden, 
div#content div.projects div.column fieldset.billing_contact, 
div#content div.projects div.column fieldset.billing_location {
  display: none;
}

div#content div.projects div.column.survey fieldset {
  width: 60%;
}

div#content div.projects div.column.survey fieldset.access_issues {
  position: relative;
}

div#content div.projects div.column.survey ol li.quarter {
  width: 15%;
  margin: 0 0 10px;
}

div#content div.projects div.column.survey ol li.quarter:nth-of-type(2) {
  margin-left: 30%;
}

div#content div.projects div.column h2, 
div#content div.projects div.column p {
  float: left;
  clear: left;
  width: 100%;
  font-size: 0.9em;
  color: #666;
  text-align: left;
  border: 1px solid #AAA;
  border-width: 0 0 1px;
  padding: 10px 0 4px;
  margin: 10px 0;
}

div#content div.projects div.column p {
  color: #3A3A3A;
  border-color: #CCC;
  padding: 4px 0;
  margin: 0;
}

div#content div.projects div.column p.instruction {
  padding: 10px 0 4px;
  margin: -10px 0 10px;
  border-bottom: 1px solid #D2D2D2;
}

div#content div.projects table div.column p.instruction {
  padding-top: 0;
}

div#content div.projects table div.column p.instruction strong {
  padding-top: 10px;
}

div#content div.projects div.column p strong, 
div#content div.projects div.column label {
  float: left;
  width: 30%;
  font-weight: normal;
}

div#content div.projects form div.column p, 
div#content div.projects form div.column p strong {
  border-width: 0;
  margin-top: 0;
}

div#content div.projects form div.column p strong {
  padding-top: 12px;
}

div#content div.projects div.column label {
  padding: 10px 0 0;
}

div#content div.projects div.column.survey ol li.half label {
  width: 61.5%;
}

div#content div.projects div.column.survey ol li.half.sec label {
  width: 40%;
}

div#content div.projects div.column p span, 
div#content div.projects div.column input, 
div#content div.projects div.column select, 
div#content div.projects div.column textarea {
  float: left;
  width: 70%;
}

div#content div.projects div.column td.left input, 
div#content div.projects div.column td.left select {
  width: 100%;
}

div#content div.projects div.column.survey ol li.half input, 
div#content div.projects div.column.survey ol li.half select {
  width: 38.5%;
}

div#content div.projects div.column.survey ol li.half.sec input, 
div#content div.projects div.column.survey ol li.half.sec select {
  width: 60%;
}

div#content div.projects div.column input.warning, 
div#content div.projects div.column select.warning, 
div#content div.projects div.column textarea.warning,
div#content div.projects div.column ol li.warning input, 
div#content div.projects div.column ol li.warning select, 
div#content div.projects div.column ol li.warning textarea {
  background-color: #FFB2B2;
}

div#content div.projects div.column span.warning {
  display: none;
}

div#content div.projects div.column input#select_fk_contact_id {
  background-image: url(../images/icons/select@2x.png);
  background-repeat: no-repeat;
    -webkit-background-size: 15px 15px;
  background-size: 15px;
  background-position: right 20px center;
}

div#content div.projects form.customer div.column a.remove {
  position: absolute;
  top: 15px;
  right: 21px;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background-color: #FFF;
  background-image: url(../images/icons/cross@2x.png);
  background-repeat: no-repeat;
    -webkit-background-size: 15px 15px;
  background-size: 15px;
}

div#content div.projects div.column textarea {
  height: 144px;
}

div#content div.projects div.column div.custom_upload {
  margin: 0 10px 10px 0;
}

div#content div.projects div.column.survey div.upload {
  float: left;
  width: 15%;
  padding-bottom: 10px;
}

div#content div.projects div.column.survey div.upload:nth-of-type(1) {
  clear: left;
  margin-left: 27.5%;
}

div#content div.projects div.column.survey div.upload a {
  float: left;
  margin: 0;
}

div#content div.projects div.column.survey div.upload input.checkbox {
  display: block !important;
  clear: left;
  width: 15px;
  margin: 11px 4px 0 18px;
}

div#content div.projects div.column.survey div.upload label {
  font-size: 0.8em;
  width: 60%;
  padding-top: 10px;
}

div#content div.projects div.column.survey div.upload label:before, 
div#content div.projects div.column.survey div.upload label:after {
  display: none;
}

div#content div.projects div.column input#survey_date, 
div#content div.projects div.column input#survey_time, 
div#content div.projects div.column input#sms_date, 
div#content div.projects div.column input#sms_time {
  width: 34%;
}

div#content div.projects div.column input#survey_time, 
div#content div.projects div.column input#sms_time {
  margin-left: 2%;
}

div#content div.projects div.column label.checkbox-style {
  width: 100%;
}

div#content div.projects form.customer div.column label.checkbox-style:before, 
div#content div.projects form.customer div.column label.checkbox-style:after {
  left: 30%;
}

div#content div.projects div.column input.label {
  color: #DDD;
}

div#content div.projects div.column button {
  float: left;
  width: 70%;
  margin-left: 30%;
}

div#content div.projects div.column.survey button {
  float: right;
  width: 29.3%;
}

div#content div.projects div.column div.error {
  float: left;
  width: 75%;
  margin-left: 20%;
  padding: 10px 0;
  text-align: center;
  color: #CB0000;
}

div#content div.projects ul.project_nav {
  float: left;
  width: 99%;
  background: #AAA;
  border-bottom: 15px solid #DDD;
}

div#content div.projects ul.project_nav li {
  float: left;
  width: auto;
}

div#content div.projects ul.project_nav li a {
  float: left;
  padding: 10px 20px;
  color: #FFF;
}

div#content div.projects ul.project_nav li a:hover {
  text-decoration: none;
  background: #BBB;
}

div#content div.projects ul.project_nav li a.active {
  background: #DDD;
  color: #3A3A3A;
}

div#content div.projects p.success, 
div#content div.projects p.error {
  float: left;
  width: 98%;
  padding: 10px 0 0;
  margin: 0 1%;
}

div#content div.projects div.column.full p.success,
div#content div.projects div.column.full p.error {
  font-size: 1.3rem;
  padding-bottom: 18px;
  border-width: 0;
}

div#content div.projects div.column.full p.error {
  color: #EC2027;
}

div#content div.projects table.project-items {
  float: left;
  width: 99%;
}

div#content div.projects tr {
  position: relative;
}

div#content div.projects th.left {
  width: 15%;
}

div#content div.projects th.type {
  width: 112px;
}

div#content div.projects th.quantity, 
div#content div.projects th.vat {
  width: 78px;
}

div#content div.projects th.split {
  width: 28px;
}

div#content div.projects td input, 
div#content div.projects td select {
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 10px;
  width: 100% !important;
  min-width: 78px;
}

div#content div.projects td input.expand {
  position: absolute;
  top: 13px;
  margin: 0;
  width: 84% !important;
}

div#content div.projects div.column td.left select.stock {
  margin-top: 5px;
}

div#content div.projects td.quantity input, 
div#content div.projects td.vat input {
  min-width: 58px;
}

div#content div.projects table.project-items tr td button {
  float: right;
  clear: both;
  width: 186px  !important;
  background: #666;
  border: 1px solid #666;
  border-radius: 5px;
  color: #FFF;
  padding: 10px 20px;
}

div#content div.projects a.checkbox, 
div#content div.projects a.delete {
  text-indent: -9999px;
  background-image: url('../images/icons/greycross.png');
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center;
  height: 25px;
  width: 25px;
  display: inline-block;
}

div#content div.projects a.split {
  float: right;
}

div#content div.projects a.delete {
  background-image: url('../images/icons/delete@2x.png');
}

div#content div.projects a.checkbox.active {
  background-image: url('../images/icons/greentick.png');
}

div#content div.projects a.checkbox.split.active {
  background-image: url('../images/icons/bluetick.png');
}

div#content div.projects input.highlight {
  background-color: #FFCAC6 !important;
}

div#content div.projects tr.error td {
  background-color: #FFCAC6;
}

div#content div.projects tr.success td {
  background-color: #C6FFC7;
}

div#content div.projects label.group, 
div#content div.projects label.hire {
  float: left;
  text-align: left;
  width: 46.5% !important;
  padding: 2px 0 8px 4px !important;
}

div#content div.projects input.group, 
div#content div.projects input.hire {
  float: left;
  width: 45.5% !important;
  margin-right: 10px;
}

div#content div.projects input.hire {
  width: 176px !important;
}

div#content div.projects a.delete_group {
  float: left;
  text-indent: -9999px;
  background-image: url('../images/icons/delete@2x.png');
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center;
  height: 25px;
  width: 32px !important;
  display: inline-block;
  margin-top: 6px;
}

div#content div.projects span.split {
  float: right;
  padding: 32px 4px 0 0;
}

div#content div.projects button.add_group {
  float: right;
  margin-top: 0;
}

div#content div.projects div.dismantle_popup {
  position: absolute;
  margin-top: -100px;
  width: 300px;
  background: #F8F8F8;
  border: 1px solid #9F9E9E;
  padding: 20px 15px;
}

div#content div.projects table.project-items div.dismantle_popup label, 
div#content div.projects table.project-items div.dismantle_popup input, 
div#content div.projects table.project-items div.dismantle_popup button {
  width: 48%;
  clear: none;
  margin: 0 0 5px;
  padding: 12px 0;
}
div#content div.projects table.project-items div.dismantle_popup input, 
div#content div.projects table.project-items div.dismantle_popup button {
  float: right;
  padding: 10px;
}

div#content div.projects table.project-items div.dismantle_popup label, 
div#content div.projects table.project-items div.dismantle_popup button.cancel {
  float: left;
  clear: left;
}

div#content div.projects tr.totals label, 
div#content div.projects tr.totals input, 
div#content div.projects tr.labour label, 
div#content div.projects tr.labour input, 
div#content div.projects tr.overhire label, 
div#content div.projects tr.overhire input {
  float: right;
  width: 186px !important;
  margin-bottom: 8px;
}

div#content div.projects tr.totals label, 
div#content div.projects tr.labour label, 
div#content div.projects tr.overhire label {
  text-align: right;
  padding-right: 30px;
}

div#content div.projects tr.labour td, 
div#content div.projects tr.overhire td {
  position: relative;
  padding-top: 20px;
  background: #BAE6F9;
}

div#content div.projects tr.overhire td {
  background: #F8F8F8;
}

div#content div.projects tr.totals input, 
div#content div.projects tr.labour input, 
div#content div.projects tr.overhire input {
  clear: right;
  padding-left: 4px;
}

div#content div.projects tr.labour div.labour, 
div#content div.projects tr.overhire div.overhire {
  position: absolute;
  top: 20px;
  width: 545px;
}

div#content div.projects tr.labour div.labour span, 
div#content div.projects tr.overhire div.overhire span {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0 0 10px;
  font-size: 1.2em;
}

div#content div.projects tr.labour div.labour label, 
div#content div.projects tr.labour div.labour input, 
div#content div.projects tr.overhire div.overhire label, 
div#content div.projects tr.overhire div.overhire input {
  float: left;
  width: 126px !important;
  margin-bottom: 0;
}

div#content div.projects tr.labour div.labour label, 
div#content div.projects tr.overhire div.overhire label {
  text-align: left;
  padding: 15px 0 7px 0;
}

div#content div.projects tr.overhire div.overhire label {
  clear: left;
}

div#content div.projects tr.labour div.labour input, 
div#content div.projects tr.overhire div.overhire input {
  margin: 0 20px 7px 0;
}

div#content div.projects tr.labour button, 
div#content div.projects tr.overhire button {
  float: right;
  width: 126px !important;
  margin: 10px 0 20px 0;
}

div#content div.projects tr.labour div.labour button, 
div#content div.projects tr.overhire div.overhire button {
  margin: 5px 20px 0 0;
  width: 126px !important;
}

div#content div.projects tr.overhire div.overhire button {
  float: left;
  margin-left: 126px !important;
}

div#content div.projects tr button.success {
  background: #00A54F !important;
}

div#content div.projects tr button.error {
  background: #CC3A3A !important;
}

div#content div.projects div.quote h2 {
  margin-top: 20px;
  font-size: 1em;
}

div#content div.projects div.quote p, 
div#content div.projects div.quote h3 {
  clear: left;
  width: 47%;
  color: #575757;
  font-size: 1em;
  margin-bottom: 5px;
  border-width: 0;
}

div#content div.projects div.quote h3 {
  font-weight: bold;
}

div#content div.projects div.quote h3 span {
  float: left;
  width: 100%;
  padding: 10px 0;
  text-decoration: underline;
}

div#content div.projects div.quote p span {
  float: left;
  width: 30%;
}
 
div#content div.projects div.quote p.success {
  color: #2DAC4E;
}

div#content div.projects div.quote p.error {
  color: #EC2027;
}

div#content div.projects div.quote p.information {
  width: 100%;
  border-width: 0 0 1px;
  font-size: 0.9em;
}

div#content div.projects div.quote p a {
  float: none;
  font-weight: bold;
}

div#content div.projects div.quote a.button {
  float: left;
  clear: left;
  margin: 15px 100px 20px 0;
  padding: 10px 16px;
  background: #00A54F;
  border: 1px solid #00A54F;
  border-radius: 5px;
  color: #FFF;
  font-size: 0.9em;
}

div#content div.projects div.quote a.button:hover {
  text-decoration: none;
}

div#content div.projects div.quote form {
  position: relative;
  width: 100%;
  padding-bottom: 20px;
}

div#content div.projects div.quote form fieldset {
  width: 60%;
}

div#content div.projects div.quote form ol li {
  width: 100%;
}

div#content div.projects div.quote form ol li label, 
div#content div.projects div.quote form ol li select {
  float: left;
  width: 30%;
  padding: 10px 0 5px;
}

div#content div.projects div.quote form ol li input {
  clear: left;
  width: 80%;
}

div#content div.projects div.quote form ol li label.checkbox {
  padding: 6px 0 0 40px;
}

div#content div.projects div.quote form ol li select {
  width: 50%;
  height: 120px !important;
  background: transparent;
}

div#content div.projects div.quote form a.clearButton {
  position: absolute;
  right: 20%;
}

div#content div.projects div.quote form canvas {
  margin: 0;
  width: 80%;
  border: 1px solid #E2E2E2;
  padding: 0;
}

div#content div.projects div.quote img {
  float: left;
  clear: left;
  width: 200px !important;
  margin: 10px 0 0;
}

div#content div.projects div.quote form dl dd, 
div#content div.projects div.quote form dl dd label {
  width: 100%;
}

div#content div.projects div.quote form p.signature_warning {
  background: transparent !important;
  border-width: 0;
  color: #E92F2A !important;
  margin: 10px 0 -10px -5px !important;
}

div#content div.projects div.quote form button {
  position: absolute;
  width: auto;
  bottom: 40px;
  margin-left: 50%;
  background: #00A54F !important;
  border: 1px solid #00A54F;
  border-radius: 5px;
  padding: 0 16px;
  color: #FFF;
  text-transform: none;
  font-weight: normal;
}

#content div.projects div.handover {
  width: 600px;
}

#content div.projects div.handover p.success {
  color: #2DAC4E !important;
}

#content div.projects div.handover form p.error {
  font-size: 1em !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#content div.projects div.handover form dl {
  float: left;
  width: 100%;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  padding: 0 10px 10px;
  margin-bottom: 10px;
}

#content div.projects div.handover form dl dt strong {
  float: left;
  width: 100%;
  padding: 15px 0 10px;
}

#content div.projects div.handover form dl dt.group strong {
  padding: 15px 10px 10px 0;
  border-bottom: 1px solid #D2D2D2;
  cursor: pointer;
  background: url('../images/icons/arrow-dark.png') 98% 18px no-repeat;
  background-size: 15px;
}

#content div.projects div.handover form dl dt.group strong.active {
  background-image: url('../images/icons/select@2x.png');
}

#content div.projects div.handover form dl dd {
  float: left;
  position: relative;
  width: 100%;
  padding: 10px 0 0;
}

#content div.projects div.handover form dl dd .custom_upload {
  position: absolute;
  right: 8%;
  width: 10%;
  height: 32px;
  padding: 5px 15px;
  margin-top: -2px;
  background-image: url(../images/icons/camera-white@2x.png);
  background-size: 22px;
  background-color: #F29E3B;
  border-color: #F29E3B;
}

#content div.projects div.handover form dl dd .custom_upload.active {
  background-color: #1FB15E;
  border-color: #1FB15E;
}

#content div.projects div.handover form dl dd.disabled .custom_upload {
  background-color: #CCC;
  border-color: #CCC;
}

#content div.projects div.handover form dl dd label.checkbox-style {
  padding: 10px 46px 0 10px;
  margin-bottom: 5px;
  font-size: 1em;
}

#content div.projects div.handover form dl dd label.checkbox-style:before, 
#content div.projects div.handover form dl dd label.checkbox-style:after {
  left: 94%;
}

#content div.projects div.handover form dl.warning dd label.checkbox-style.checked:before, 
#content div.projects div.handover form dl.warning dd label.checkbox-style.checked:after {
  border-color: #EC2027;
}

#content div.projects div.handover form dl dd small {
  position: absolute;
  left: 46%;
  width: 34%;
  font-size: 0.7em;
  font-style: italic;
  line-height: 1.3em;
  color: #7D7D7D;
}

#content div.projects div.handover table {
  width: 100%;
  margin: 10px 0;
}

#content div.projects div.handover table.warning {
  float: left;
}

#content div.projects div.handover table tr th, 
#content div.projects div.handover table tr td {
  font-size: 1em;
}

#content div.projects div.handover table tr th {
  background: #727272;
}

#content div.projects div.handover table tr th.left {
  width: 38%;
}

#content div.projects div.handover table tr td label.handover-radio {
  content: "Passed";
  color: #FFF;
  float: left;
  width: 32%;
  margin: 0 1% 0 0;
  padding: 12px 10px;
  text-align: center;
  background: #CCC;
  border: 1px solid #CCC;
  border-radius: 3px;
  font-size: 0.9em;
}

#content div.projects div.handover table.warning tr td label {
  background-color: #FFCAC6;
  border-color: #EC2027;
  color: #EC2027;
}

#content div.projects div.handover table tr td label.handover-radio.pass.checked {
  background-color: #1FB15E;
  border-color: #1FB15E;
  color: #FFF;
}

#content div.projects div.handover table tr td label.handover-radio.fail.checked {
  background-color: #EC2027;
  border-color: #EC2027;
  color: #FFF;
}

#content div.projects div.handover table tr td label.handover-radio.na.checked {
  background-color: #727272;
  border-color: #727272;
  color: #FFF;
}

#content div.projects div.handover label.description {
  width: 100%;
  font-weight: bold;
  padding: 0 0 10px;
}

#content div.projects div.handover input, 
#content div.projects div.handover textarea {
  width: 100% !important;
}

#content div.projects div.handover label.description em, 
#content div.projects div.handover strong em {
  font-size: 0.8em;
  font-weight: normal;
  color: #AAA;
}

#content div.projects div.handover label.description small {
  font-size: 0.9em;
  display: block;
  padding-top: 8px;
}

#content div.projects div.handover label.half {
  float: left;
  width: 49%;
  font-weight: bold;
  padding: 20px 0 8px 10px;
  margin-right: 1%;
}

#content div.projects div.handover input.half, 
#content div.projects div.handover select.half {
  float: left;
  width: 49% !important;
  margin-right: 1%;
}

#content div.projects div.handover label.half.sec, 
#content div.projects div.handover input.half.sec {
  margin: 0 0 0 1%;
}

#content div.projects div.handover input.warning {
  background-color: #FFCAC6;
}

#content div.projects div.handover a.pdf {
  float: right;
  width: 49%;
  color: #FFF;
  padding: 10px 15px;
  background: #EC2027;
  border: 2px solid #9A3135;
  border-radius: 5px;
  text-align: center;
  margin: 10px 0 20px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow 300ms ease;
  transition: -webkit-box-shadow 300ms ease;
  -o-transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease;
  transition: box-shadow 300ms ease, -webkit-box-shadow 300ms ease;
}

#content div.projects div.handover a.pdf.disabled {
  background: #CCC;
  border-color: #BBB;
}

#content div.projects div.handover p, 
#content div.projects div.handover ul, 
#content div.projects div.handover ul li {
  float: left;
  clear: left;
  width: 100%;
  border-width: 0 !important;
}

#content div.projects div.handover p strong {
  float: none !important;
  font-weight: bold !important;
}

#content div.projects div.handover ul {
  padding: 10px;
}

#content div.projects div.handover ul li {
  list-style-type: disc;
  margin: 0 0 5px 20px;
  font-size: 0.9em;
}

#content div.projects div.handover p strong {
  float: none;
}

#content div.projects div.handover p.signature_warning {
  color: #EC2027;
}

#content div.projects div.handover canvas {
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  width: 100%;
}

#content div.projects div.handover li.warning canvas {
  background: #FFCAC6;
}

#content div.projects div.handover ol, 
#content div.projects div.handover ol li {
  float: left;
  width: 100%;
  position: relative;
}

#content div.projects div.handover ol li.half {
  width: 49.5%;
  margin: 0 0.5% 0 0;
}

#content div.projects div.handover ol li.half.date {
  float: right;
  margin: 0 0 0 0.5%;
}

#content div.projects div.handover ol li.half input {
  width: 99%;
}

#content div.projects div.handover ol li.half input.sec {
  float: right;
}

#content div.projects div.handover a.dp-choose-date {
  top: 0;
}

#content div.projects div.handover button {
  float: right !important;
  width: 49% !important;
  margin-top: 10px;
}

#content table tr td img.files {
  width: 30px;
}

#content table tr td img.files.active {
  cursor: pointer;
}

#content table.latest_application td.handover img {
  width: 30px;
}
#content form.stock, 
#content form.stock ol {
  
}
#content form.stock ol li, 
#content form.stock button {
  
}
#content form.stock fieldset.stock_items {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #d2d2d2;
}
#content form.stock fieldset.stock_items ol li label, 
#content form.stock fieldset.stock_items ol li input {
  float: left;
  width: 50%;
}
#content form.stock fieldset.stock_items ol li label {
  padding-top: 10px;
}