/**
 * @file
 * Subtheme specific CSS.
 */

 #hiddenfieldgroup {
   display:none;
 }

 #block-views-block-jobs-block-1 {
    padding:15px;
  }
  
  .node--type-job .JobTimelineEventsContainer ul li {
    list-style: none;
    border-bottom: solid 1px darkgray;
    padding: 5px;
    margin-bottom: 10px;
    border-left: solid 5px lightgray;
    border-radius: 5px;
    border-top: solid 1px darkgray;
    border-right:solid 1px darkgray;
  }
  
  .node--type-job .JobTimelineEventsContainer ul li i{
    font-size:2em;
    margin-right: 20px;
  }
  
  
  .contentJobTimelineContainer {
    width: 20%;
    float: right;
  }
  
  
  #JobTypeContainer {
    float: left;
    width:50%;
    margin-top:5px;
  }
  
  #JobTypeContainer i.fas.fa-tags {
    margin-left:2px;
    margin-right:2px;
    float: left;
    font-size:1.2em;
  }
  
  #JobTypeContainer .field--name-field-client-comment-type {
    float:left;
  }
  
  
  #JobActionStreamContainer {
    float: left;
    width:50%;
    margin-top: 5px;
  }
  
  #JobActionStreamContainer i.fas.fa-list-ul {
    margin-left:2px;
    margin-right:2px;
    float: left;
    font-size:1.2em;
  }
  
  #JobActionStreamContainer .field--name-field-action-stream {
    float: left;
  }
  
  
  
  
  .node--type-job .contentJobCommentsContainer {
    width: 50%;
    float: left;
  }
  
  .node--type-job article.node.node--type-job .contentJobCommentsContainer .contentJobComments article {
    width:100%;
  }
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments article .comment__content.col-sm-9 {
    width:100%;
  }


  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-user-firstname {
    float: left;
    margin-right:10px;
  }

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-user-firstname .field__label {
    display:none;
  }

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper article#comment-49.contextual-region.comment.js-comment.by-node-author.clearfix.by-viewer div.comment__meta.col-sm-3 article.contextual-region.profile div.field.field--name-field-userlastname.field--type-string.field--label-above div.field__label {
    display: none;
  } 

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-task-complete.field--type-boolean.field--label-above {
    width: 36%;
    float: right;
  }

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-task-complete.field--type-boolean.field--label-above .field__label{
    border-radius: 0px;
    border-bottom: none;
    border-right: none;
    float: left;  
  }

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-task-complete.field--label-above .field__item{
    float: left; 
    margin-top:0px; 
  }
  
  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-email-sent.field--label-above {
    display: none;
  }

  

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-notify-user.field--type-entity-reference.field--label-above .field__label {
    border-right: none;
    border-radius: 0px;
    border-bottom: none;
    float: left;
  }

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-notify-user.field--type-entity-reference.field--label-above .field__items {
    float: left;
    margin-top: 10px;
  }


  .node--type-job .contentJobCommentsContainer  .field--name-field-job-comment form#comment-form.comment-advanced-job-comment-form .form-item-field-email-sent-value {
    display: none;
  }
  
  .node--type-job .contentJobCommentsContainer  form#comment-form .tabledrag-toggle-weight-wrapper {
    display: none;
  }

  .node--type-job .contentJobCommentsContainer  form#comment-form table#field-notify-user-values tbody tr.draggable td.field-multiple-drag {
    display: none;
  }
  
  article.node--type-job .contentJobField {
    padding:15px;
  }
  
  article.node--type-job i {
    font-size: 1.3em;
    margin-right: 20px;
    width: 25px;
  }

  /********* Date Controls Toolbar ********/
.node-job-sitevisit-form .date-toolbar {
  display: none;
}

.node-job-installation-prepping-form .date-toolbar {
  display: none;
}

.node-job-installation-pouring-form .date-toolbar {
  display: none;
}

.node-job-post-installation-24-48hrs__form .date-toolbar {
  display: none;
}

.node-job-office-follow-up-form .date-toolbar {
  display: none;
}

  .date-toolbar {
    margin:50px 30px;
  }

  .subtract-week {
    background: #1d84c3;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-right:20px;
  }
  .subtract-day {
    background: #1d84c3;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-right:20px;
  }
  .add-day {
    background: #1d84c3;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-right:20px;
  }
  .add-week {
    background: #1d84c3;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-right:20px;
  }


  
  
  @media only screen and (max-width: 768px) {
    .contentJobTimelineContainer {
      width: 100%;
      float: right;
    }
    
    .contentJobCommentsContainer {
      width: 100%;
      float: left;
    }

    .node--type-job #main.row {
      margin-right: 0px;
      margin-left: 0px;
    }


    

  }
  
  
  
  
  /*********** Edit View Mode Styles ***************/
  .node--type-job nav.tabs ul.nav.primary.secondary.nav-tabs li.nav-item a.nav-link {
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
    background: rgba(38,143,255,.5);
    border-radius: .25rem;
    color: #fff;
    border: none rgba(38,143,255,.5);
    margin: 10px;
  }
  
  .node--type-job nav.tabs ul.nav.primary.secondary.nav-tabs li.active.nav-item a.nav-link {
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
    background: #0256b1;
    border-radius: .25rem;
    color: #fff;
    border: solid #0256b1;
  }

  #block-permconjobeditnavigationblock {
    background:skyblue;
    width:100%;
    margin-bottom:20px;
  }
  
  #block-permconjobeditnavigationblock .content .item-list h3 {
    display: none;
  }

  #block-permconjobeditnavigationblock .content .item-list ul.list-group {
    display: flex;
    flex-direction: row;
    padding: 10px;
  }

  #block-permconjobeditnavigationblock .content .item-list ul.list-group li {
    padding: 0.2em 1.5em 0 0;
    background: transparent;
    border-bottom: none;
    border-right: solid 2px darkslategray;
    margin-right: 20px;
    border-top: none;
    border-left: none;
  }

  #block-permconjobnavigationblock {
    background: transparent;
    border: transparent;
  }

  #block-permconjobnavigationblock h3 {
    display: none;
  }

  #block-permconjobnavigationblock .item-list ul.JobTimelineEventsContainer.list-group li {
    padding:1.5em;
  }

  #block-permconjobnavigationblock .item-list ul.JobTimelineEventsContainer.list-group li i {
    margin-right:10px;
    font-size: 20px;
  }

  
  /*************** Scheduling Edit Form Layout ***********/

  form#node-job-scheduling-form #edit-field-job-prepping-start-date-wrapper {
    float: left;
    width:50%;
    padding:10px;
  }

  form#node-job-scheduling-form #edit-field-job-prepping-end-date-wrapper {
    float: right;
    width:50%;
    padding:10px;
  }

  form#node-job-scheduling-form #edit-field-job-team-wrapper {
    float: left;
    width: 100%;
    background: lightgray;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-field-scheduling-staff-comments-wrapper {
    width:100%;
    float: left;
  }

  form#node-job-scheduling-form #edit-group-job-machines {
    background: lightgray;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-group-job-machines legend {
    font-size:1.5em;
    font-weight:bold;
  }

  form#node-job-scheduling-form #edit-field-concrete-booking-start-wrapper {
    float: left;
    width: 50%;
    background: lightblue;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-field-concrete-booking-end-wrapper {
    float: right;
    width: 50%;
    background: lightblue;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-field-pour-start-date-wrapper {
    float: left;
    width: 50%;
    background: lightgray;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-field-pour-end-date-wrapper {
    float: right;
    width: 50%;
    background: lightgray;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-field-scheduling-comments-wrapper {
    float: left;
    width:100%;
  }

  form#node-job-scheduling-form #edit-group-job-machine-hire {
    background: lightblue;
    padding: 20px;
    font-size: 1.2em;
  }

  form#node-job-scheduling-form #edit-field-scheduling-confirmation-wrapper {
    width:100%;
    float: left;
  }

  .node--type-job #block-permcon-content form#node-job-scheduling-form fieldset.js-form-item.js-form-type-vertical-tabs.form-type-vertical-tabs.js-form-item-.form-item-.form-no-label.form-group {
    width:100%;
  }
  
  form#node-job-scheduling-form #edit-field-machine-17truck-start-wrapper {
    float: left;
    width:50%;
    padding:20px;
  }

  form#node-job-scheduling-form #edit-field-machine-17truck-end-wrapper {
    float: right;
    width:50%;
    padding:20px;
  }

  form#node-job-scheduling-form #edit-field-17t-truck-notes-wrapper {
    width:100%;
    float: left;
  }

  form#node-job-scheduling-form #edit-field-1-7t-truck-user-wrapper {
    width:100%;
    float: left;
  }

/************* Job View Pages ************/
.contentJobViewField {
  background:lightblue;
  float: left;
  width:100%;
  margin:10px;
  padding:20px;
  border-radius:5px;
}

.JobStatus {
  width:100%;
  background:lightgrey;
  margin:10px;
  padding:20px;
  border-radius:5px;
  float: left;
}

.contentFieldData span {
  font-weight:bold;
  font-size:1.5em;
}


 



 


  
  
  
  
  /*******Comment Style*********/
  
  .node--type-job .contentJobGeneralContainer {
    width:50%;
    float: left;
  }
  
  .contentJobCommentsContainer {
    width:50%;
    float: right;
  }
  
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments.contentJobField section article.comment {
    width:100%;
    margin-bottom:20px;
  }
  
  .node--type-job .contentJobCommentsContainer .contentJobComments .comment-wrapper .indented {
    margin-left: 50px;
    border-left: dotted 4px lightgray;
    padding-left: 20px;
  }
  
  .node--type-job .contentJobCommentsContainer .field--name-user-picture a img.image-style-thumbnail {
    border-radius: 50px;
    border: 4px solid darkgray;
    margin-top: -5px;
    width: auto;
    height: 50px;
    margin-bottom: -18px;
    z-index: 2;
    position: relative;
  }
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments.contentJobField section article.comment .card-body {
    padding:0.25em;
  }
  
  .node--type-job article.node.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above .field.field--name-field-job-comment-content.field--type-string-long.field--label-hidden.field__item {
    padding:15px;
  }
  
  .node--type-job article.node.node--type-job .field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper .comment__content.col-sm-9.card div.card-body span {
    float: left;
    margin-left: 15px;
    background: #3b3b3b;
    padding: 1px 5px;
    color: #fff;
    font-size: 0.8em;
    border-radius: 5px 5px 5px 5px;
    width: 100px;
  }

  .contentJobCommentsContainer .field--name-field-comment-file span.file.file--mime-application-pdf.file--application-pdf {
    background:lightblue !important;
  }

  .contentJobCommentsContainer .field--name-field-comment-file.field--type-file.field--label-above div.field__label {
    float: left;
    margin-left: 15px;
    background: #3b3b3b;
    padding: 1px 5px;
    color: #fff;
    font-size: 0.8em;
    border-radius: 5px 5px 5px 5px;
    width: 100px;
  }
.contentJobCommentsContainer .field--name-field-job-comment .field--name-field-comment-file.field--type-file.field--label-above {
    margin-top: 5px;
    float: right;
    width: 50%;
  }


  
  .node--type-job .contentClientCommentsContainer .contentClientComments.contentClientField .card-body nav {
    float: left;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  
  .node--type-job article.node.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper i.fas.fa-calendar-alt {
    margin-left: 2px;
    float: left;
    margin-right: 0px;
  }
  
  .node--type-job article.node.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper i.fas.fa-clock {
    margin-left: 2px;
    float: left;
    margin-right: 0px;
  }
  
  .node--type-job article.node.node--type-job .comment__content.col-sm-9.card .card-body span.comment__time {
    display: none;
  }
  
  .node--type-job article.node.node--type-job .comment__content.col-sm-9.card .card-body span.comment__permalink {
    display: none;
  }
  
  .node--type-job article.node.node--type-job .field--name-field-job-comment .field--name-field-job-comment-date.field--type-datetime.field--label-hidden.field__item {
    width:220px;
  }
  
  #ClientActionDateContainer .field--name-field-action-stream {
    float: left;
  }
  
  .contentJobField .field--name-field-job-comment article .comment__content.col-sm-9.card div.card-body nav div.inline__links nav.links.inline.nav.links-inline span.nav-link a{
    color:#fff;
  }
  
  #JobCreateDateContainer {
    width:50%;
    float: left;
  }
  
  #JobActionDateContainer {
    width:50%;
    float: left;
  }
  
  #JobTypeContainer {
    float: left;
    width:50%;
    margin-top:5px;
  }
  
  #JobTypeContainer i.fas.fa-tags {
    margin-left:2px;
    margin-right:2px;
    float: left;
    font-size:1.2em;
  }
  
  #JobTypeContainer .field--name-field-job-comment-type {
    float:left;
  }
  
  #JobActionStreamContainer {
    float: left;
    width:50%;
    margin-top: 5px;
  }
  
  #JobActionStreamContainer i.fas.fa-list-ul {
    margin-left:2px;
    margin-right:2px;
    float: left;
    font-size:1.2em;
  }
  
  #JobActionStreamContainer .field--name-field-action-stream {
    float: left;
  }
  
  .node--type-job .contentJobCommentsContainer .contentJobComments.contentJobField .card-body nav {
    float: left;
    margin-top: 10px;
    margin-bottom: 5px; 
  }
  
  .node--type-job article.node.node--type-job .field--name-field-job-comments.field--type-comment.field--label-above.comment-wrapper .comment__content.col-sm-9.card div.card-body nav span.nav-link {
    float: left;
    margin-left: 15px;
    background: #3b3b3b;
    padding: 1px 5px;
    color: #fff;
    font-size: 0.8em;
    border-radius: 5px;
    width: 100px;
  }
  
  .node--type-job article.node.node--type-job .field--name-field-job-comments.field--type-comment.field--label-above.comment-wrapper .comment__content.col-sm-9.card div.card-body nav span.nav-link a{
    color:#fff;
  }
  
  .node--type-job .contentJobCommentsContainer .contentJobComments .field .field__label {
    font-weight: bold;
    font-size: 0.8em;
    border-right: solid 2px black;
    padding: 10px;
    width: 130px;
    margin: 5px 5px 5px 0px;
    border-bottom: gray solid 2px;
    border-radius: 5px;
    margin-left: 10px;
  }
  
  .node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comments article .field.field--name-field-job-comment-type.field--type-list-string.field--label-inline div.field__items{
    border: solid darkgoldenrod 2px;
    padding: 10px;
    border-radius: 5px;
    width: 75%;
    background: orange;
    color: #fff;
    float: right;
  }
  
  .node--type-job .contentjobCommentsContainer .contentJobComments section.field.field--name-field-job-comments article .field.field--name-field-job-comment-content.field--type-string-long.field--label-above div.field__item {
    background: lightgray;
    border: solid 2px darkgray;
    border-radius: 5px;
    padding: 10px;
    color: #000;
    margin-bottom: 10px;
    margin: 0px 10px;
  }
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper article .comment__content.col-sm-9.card {
    padding:0px !important;
    margin:0px !important;
    max-width:100%;
  }
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper article .comment__content.col-sm-9.card div.card-body {
    padding: 0px;
  }
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper article .comment__content.col-sm-9.card div.card-body h3.card-title {
    background:lightgray;
    padding:10px;
  }
  
  .node--type-job article.node--type-job .contentJobCommentsContainer .contentJobComments section.field.field--name-field-job-comment.field--type-comment.field--label-above.comment-wrapper article .comment__content.col-sm-9.card div.card-body h3.card-title a{
     color:#000;
  }
  
  .node--type-job .contentJobCommentsContainer .contentJobComments.contentJobField .field--name-field-job-comment.field--type-comment.field--label-above article .comment__meta.col-sm-3 {
    background: lightsteelblue;
    max-width: 100%;
    border-radius: 5px 5px 0px 0px;
    border-bottom: solid darkgray;
  }
  
  .node--type-job .field--name-field-job-comment .card-body .field.field--name-field-job-comment.field--type-string-long.field--label-hidden.field__item {
    padding:15px;
  }
  

  .path-job.node--type-job .col-md-9 {
    padding: 0px 0px !important;
    width:100% !important;  
  }  

  .node--type-job .field--name-field-job-comment .comment .comment__meta.col-sm-3 {
    width:100%;
  }
  
  @media only screen and (max-width: 668px) {
  
    .node--type-job .contentClientGeneralContainer {
      width: 100%;
    }
  
    .node--type-job .contentJobCommentsContainer {
      width: 100%;
    }
  
    article.node--type-job .contentJobField {
      padding: 0px;
    }
  
    #JobCreateDateContainer {
      width: 100%;
    }
  
    .JobTimelineEventsContainer ul {
      padding-left:0px;
    }
  
    #JobTypeContainer {
      width: 100%;
      margin-top: 15px;
    }
  
    .node--type-job .field--name-field-job-comment.field--type-comment.field--label-above div.comment__content.col-sm-9.card div.card-body nav div.inline__links nav.links.inline.nav.links-inline span.nav-link {
      width: 55px;
      text-align: center;
    }
  
    .node--type-job .contentJobCommentsContainer .field--name-user-picture a img.image-style-thumbnail {
      float: right;
    }

    article.node--type-job .contentJobField {
      margin: 15px 0px;
    }

  
  }
  
  
  
  
  
  /*************Pre Start View Display *****************/

  .path-job .view-pre-start header h2.node__title {
    text-align: left;
    margin-left:20px;
}

.path-job .view-pre-start .content h1.title {
    text-align: left;
}
  
  .path-job .view-pre-start .views-row {
    width:100%;
  }
  
  
  .path-job .view-pre-start .field.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-issues.field--type-list-string.field--label-inline div.field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
    float: left;
  }
  
  .path-job .view-pre-start .field.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 6px;
    position: absolute;
  }
  
  
  
  .path-job .view-pre-start .field.field--name-field-job-preplan-measurements.field--type-boolean.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 20px 0px 6px 6px;
    position: absolute;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-issues.field--type-list-string.field--label-above {
    height: auto;
    width: 100%;
    min-height: 70px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-issues.field--type-list-string.field--label-inline {
    width:100%;
    height:auto;
    min-height:70px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-issues.field--type-list-string.field--label-inline .field__item{
    background: #eaeaea;
    border-radius: 3px;
    margin: 6px;
    padding: 10px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-issues.field--type-list-string.field--label-inline .field__items {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 0px 6px 6px;
    float: left;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-addit.field--type-string-long.field--label-above {
    width: 100%;
    height: auto;
    min-height: 100px;
  }
  
  
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-addit.field--type-string-long.field--label-above .field__item{
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 5px 5px 5px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-addit.field--type-string-long.field--label-above .field__label {
    font-weight: normal;
    width: 100%;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-environmental-issues.field--type-list-string.field--label-inline .field__items .field__item {
    width: 100%;
    background: #e4e4e4;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    position: inherit;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards.field--type-list-string.field--label-above {
    width: 100%;
    height: auto;
    min-height: 100px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards.field--type-list-string.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
    float: left;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards.field--type-list-string.field--label-inline .field__items {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 0px 6px 6px;
    float: left;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards.field--type-list-string.field--label-inline .field__items .field__item {
    width: 100%;
    background: #e4e4e4;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    position: inherit;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards.field--type-list-string.field--label-inline {
    margin-top:20px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards-add.field--type-string-long.field--label-above {
    width: 100%;
    height: auto;
    min-height: 100px;
    float: left;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards-add.field--type-string-long.field--label-above .field__label {
    font-weight: normal;
    width: 100%;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-safety-hazards-add.field--type-string-long.field--label-above .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 5px 5px 5px;
  }
  
  .path-job .view-pre-start .field.field--name-field-job-latest-plans-received.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 15px 6px;
    position: absolute;
  }
  
  .path-job .view-pre-start .field.field--name-field-prestart-confirmation.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 15px 6px;
    position: absolute;
  }
  
  .path-job .view-pre-start .field.field--name-field-prestart-comment.field--type-string-long.field--label-above {
    width: 100%;
    height: auto;
    min-height: 100px;
    float: left;
  }
  
  .path-job .view-pre-start .field.field--name-field-prestart-comment.field--type-string-long.field--label-above .field__label {
    font-weight: normal;
    width: 100%;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-pre-start .field.field--name-field-prestart-comment.field--type-string-long.field--label-above .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 5px 5px 5px;
  }
  
  
  
  
  /*************Scheduling View Display *****************/

  .path-job .view-scheduling header h2.node__title {
    text-align: left;
    margin-left:20px;
}

.path-job .view-scheduling .content h1.title {
    text-align: left;
}
  
  .path-job .view-scheduling article.node--type-job.node--view-mode-scheduling header .node__meta {
    display:none;
  }
  
  
  .path-job .view-scheduling .views-row {
    width:100%;
  }
  
  .path-job .view-scheduling .field.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-scheduling .field.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 15px 6px;
    position: absolute;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-machines.field--type-list-string.field--label-inline {
    width: 100%;
    height: auto;
    min-height: 70px;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-machines.field--type-list-string.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-machines.field--type-list-string.field--label-inline .field__items {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 0px 6px 6px;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-machines.field--type-list-string.field--label-inline .field__items .field__item {
    width: 100%;
    background: #e4e4e4;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    position: inherit;
  }
  
  .path-job .view-scheduling .field.field--name-field-machine-hire.field--type-list-string.field--label-inline {
    width: 100%;
    height: auto;
    min-height: 70px;
  }
  
  .path-job .view-scheduling .field.field--name-field-machine-hire.field--type-list-string.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-machine-hire.field--type-list-string.field--label-inline .field__items {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 0px 6px 6px;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-machine-hire.field--type-list-string.field--label-inline .field__items .field__item {
    width: 100%;
    background: #e4e4e4;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    position: inherit;
  }
  
  
  
  
  
  .path-job .view-scheduling .field.field--name-field-job-staff.field--type-entity-reference.field--label-inline {
    width: 100%;
    height: auto;
    min-height: 70px;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-staff.field--type-entity-reference.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 150px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-staff.field--type-entity-reference.field--label-inline .field__items {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 0px 6px 6px;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-job-staff.field--type-entity-reference.field--label-inline .field__items .field__item {
    width: 100%;
    background: #e4e4e4;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    position: inherit;
  }
  
  
  
  .path-job .view-scheduling .field.field--name-field-scheduling-staff-comments.field--type-string-long.field--label-above {
    width: 100%;
    height: auto;
    min-height: 100px;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-scheduling-staff-comments.field--type-string-long.field--label-above .field__label {
    font-weight: normal;
    width: 100%;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-scheduling .field.field--name-field-scheduling-staff-comments.field--type-string-long.field--label-above .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 5px 5px 5px;
  }
  
  
  
  
  .path-job .view-scheduling .field.field--name-field-scheduling-comments.field--type-string-long.field--label-above {
    width: 100%;
    height: auto;
    min-height: 100px;
    float: left;
  }
  
  .path-job .view-scheduling .field.field--name-field-scheduling-comments.field--type-string-long.field--label-above .field__label {
    font-weight: normal;
    width: 100%;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-scheduling .field.field--name-field-scheduling-comments.field--type-string-long.field--label-above .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 5px 5px 5px;
  }
  
  .path-job .view-scheduling .field.field--name-field-pour-start-date.field--type-datetime.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 3px 6px;
    position: absolute;
  }
  
  .path-job .view-scheduling .field.field--name-field-pour-end-date.field--type-datetime.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 3px 6px;
    position: absolute;
  }
    


  #schedulingmachinebookingcontainer {
    width:100%;
  }



  /************** Installtion Prepping Style***************/


  .path-job .view-installation-prepping header h2.node__title {
    text-align: left;
}

.path-job .view-installation-prepping .content h1.title {
    text-align: left;
}
  
  .path-job .view-installation-prepping .node--type-job.node--view-mode-installation-prepping header .node__meta {
      display:none;
  }

  .path-job .view-installation-prepping .views-row {
    width:100%;
  }
  
  .path-job .view-installation-prepping .field.field--label-inline .field__label {
    font-weight: normal;
    border-right: dotted #000 2px;
    width: 260px;
    padding: 5px;
    margin: 5px 0px 5px 0px;
    font-size: 0.9em;
  }
  
  .path-job .view-installation-prepping .field.field--label-inline .field__item {
    background: #e4e4e4;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 4px 6px;
    position: absolute;
  }

  /************** Installtion Pouring Style***************/
  
  .path-job .view-installation-pouring .node--type-job.node--view-mode-installation-pouring header .node__meta {
    display:none;
}

.path-job .view-installation-pouring .views-row {
  width:100%;
}

.path-job .view-installation-pouring .field.field--label-inline .field__label {
  font-weight: normal;
  border-right: dotted #000 2px;
  width: 260px;
  padding: 5px;
  margin: 5px 0px 5px 0px;
  font-size: 0.9em;
}

.path-job .view-installation-pouring .field.field--label-inline .field__item {
  background: #e4e4e4;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 4px 6px;
  position: absolute;
}

.path-job .view-installation-pouring header h2.node__title {
    text-align: left;
    margin-left:20px;
}

.path-job .block-page-title-block .content h1.title {
    text-align: left;
}





 /************** Post Installation Style***************/

 .path-job .view-post-installation-24-48hrs- header div.node__meta {
    display:none;
}

.path-job .view-installation-pouring .views-row {
  width:100%;
}

.path-job .view-post-installation-24-48hrs- .field.field--label-inline .field__label {
  font-weight: normal;
  border-right: dotted #000 2px;
  width: 260px;
  padding: 5px;
  margin: 5px 0px 5px 0px;
  font-size: 0.9em;
}

.path-job .view-post-installation-24-48hrs- .field.field--label-inline .field__item {
  background: #e4e4e4;
  padding: 5px 10px;
  border-radius: 3px;
  margin: 4px 6px;
  position: absolute;
}

.path-job .view-post-installation-24-48hrs- header h2.node__title {
    text-align: left;
    margin-left:20px;
}

.path-job .view-post-installation-24-48hrs- .content h1.title {
    text-align: left;
}


.contentJobCommentsContainer .field--name-field-job-comment .field--name-field-userlastname .field__label {
  display: none;
}

.contentJobCommentsContainer .field--name-field-job-comment-required.field--type-datetime {
  float: left;
}

.contentJobCommentsContainer .field--name-field-job-comment-required.field--type-datetime .field__label {
  border-bottom: 0px;
  border-right: 0px;
  float: left;
}

.field--name-field-job-comment-required.field--type-datetime.field--label-above .field__label {
  display: none;
}

.node--type-job #JobNotifyContainer .field--name-field-notify-user .field__label {
  display: none;
}

#JobNotifyContainer {
  float: left;
  width: 100%;
  margin-top: 5px;
}

.contentJobCommentsContainer #JobNotifyContainer span {
  width: 100px;
  float: left;
  margin-top: 1px;
}

.contentJobCommentsContainer #JobNotifyContainer .field.field--name-field-notify-user .field__items {
  margin-left: 2px;
  margin-top: 0px;
  width: 80%;
}

#JobNotifyContainer .field--name-field-notify-user .field__items .field__item {
  float: left;
  margin-right: 10px;
}

#JobRequiredDateContainer {
  margin-top: 5px;
  float: left;
  width: 50%;
}

#JobTaskContainer {
  margin-top: 5px;
  float: left;
  width: 50%;
}

#JobTaskContainer .field--name-field-task-complete .field__label {
  display: none;
}

#JobTaskContainer .field--name-field-task-complete.field--type-boolean.field--label-above {
  width: auto;
  float: left;
  margin-left: 5px;
}


/************Role Access to fields **********/

.role-staff .node--type-job .contentClientGeneralContainer .contentJobAmount {
  display: none;
}

.role-admin .node--type-job .contentClientGeneralContainer .contentJobAmount {
  display: block;
}

.role-manager .node--type-job .contentClientGeneralContainer .contentJobAmount {
  display: block;
}







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


  .node--type-job article.node--type-job.node--view-mode-full .contentClientGeneralContainer .contentJobClient.contentJobField span.contentFieldData a {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 50px;
  }

  .node--type-job article.node--type-job.node--view-mode-full .contentClientGeneralContainer div.contentJobClientEmail.contentJobField span.contentFieldData a {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 50px;
  }

  .contentJobCommentsContainer #JobNotifyContainer .field.field--name-field-notify-user .field__items {
    margin-left: 20px;
    margin-top: 0px;
    width: 80%;
  }

  #JobRequiredDateContainer {
    margin-top: 5px;
    float: left;
    width: 100%;
  }

  .contentJobCommentsContainer .field--name-field-job-comment-required.field--type-datetime {
    float: left;
  }

  #JobTaskContainer {
    margin-top: 10px;
    float: left;
    width: 100%;
  }

  .node--type-job .contentJobCommentsContainer .field--name-field-job-comment .field--name-field-task-complete.field--label-above .field__item {
    float: left;
    margin-top: 0px;
  }


}





/******** Site Visit Fields*********/
.contentSiteVisit .field--name-field-which-machines-are-require .field__label {
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
}

.contentSiteVisit .contentComments {
  border-top: 3px gray dotted;
}

.contentPrepping .contentComments {
  border-top: 3px gray dotted;
}