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


.node--type-client #block-permcon-page-title.block-page-title-block .content h1.title {
  display: none;
}

.node--type-client article.node--type-client {
  margin:15px;
}

.contentOrganisation {
  margin:10px 0px;
}

.containerClient {
  width: 100%;
  background: aliceblue;
  height: auto;
  border-bottom: solid 2px lightgray;
  padding: 10px 30px;
  font-size: 1.5em;
  text-align: right;
  margin-bottom: 0px;
}

article.node--type-client i {
  font-size: 1.3em;
  margin-right: 20px;
  width: 25px;
}

article.node--type-client .contentClientField {
  padding:15px;
}

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

span.contentFieldTitle {
  width: 100px;
  display: inline-block;
}

.contentClientGeneralContainer {
  width:50%;
  float: left;
}

.node--type-job .contentClientGeneralContainer {
  width:50%;
  float: left;
}

.contentClientCommentsContainer {
  width:50%;
  float: right;
}


.node--type-client article.node--type-client .contentClientCommentsContainer .contentClientComments.contentClientField section article.comment {
  width:100%;
  margin-bottom:20px;
}

.node--type-client .contentClientCommentsContainer .contentClientComments .comment-wrapper .indented {
  margin-left: 50px;
  border-left: dotted 4px lightgray;
  padding-left: 20px;
}

.node--type-client .contentClientCommentsContainer .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-client article.node--type-client .contentClientCommentsContainer .contentClientComments.contentClientField section article.comment .card-body {
  padding:0.25em;
}

.node--type-client article.node.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.field--type-comment.field--label-above .field.field--name-field-client-comment-content.field--type-string-long.field--label-hidden.field__item {
  padding:15px;
}

.node--type-client article.node.node--type-client .field--name-field-client-comments.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 0px 0px 5px;
  width: 100px;
}

.node--type-client article.node.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.field--type-comment.field--label-above.comment-wrapper i.fas.fa-calendar-alt {
  margin-left: 2px;
  float: left;
  margin-right: 0px;
}

.node--type-client article.node.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.field--type-comment.field--label-above.comment-wrapper i.fas.fa-clock {
  margin-left: 2px;
  float: left;
  margin-right: 0px;
}

.node--type-client article.node.node--type-client .comment__content.col-sm-9.card .card-body span.comment__time {
  display: none;
}

.node--type-client article.node.node--type-client .comment__content.col-sm-9.card .card-body span.comment__permalink {
  display: none;
}

.node--type-client article.node.node--type-client .field--name-field-client-comments .field--name-field-client-comment-date.field--type-datetime.field--label-hidden.field__item {
  width:220px;
}

#ClientCreateDateContainer {
  width:50%;
  float: left;
}

#ClientActionDateContainer {
  width:50%;
  float: left;
}

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

#ClientTypeContainer i.fas.fa-tags {
  margin-left:2px;
  margin-right:2px;
  float: left;
  font-size:1.2em;
}

#ClientTypeContainer .field--name-field-client-comment-type {
  float:left;
}

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

#ClientActionStreamContainer i.fas.fa-list-ul {
  margin-left:2px;
  margin-right:2px;
  float: left;
  font-size:1.2em;
}

#ClientActionStreamContainer .field--name-field-action-stream {
  float: left;
}

.node--type-client .contentClientCommentsContainer .contentClientComments.contentClientField .card-body nav {
  float: left;
  margin-top: 10px;
  margin-bottom: 5px; 
}

.node--type-client article.node.node--type-client .field--name-field-client-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-client article.node.node--type-client .field--name-field-client-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-client .contentClientCommentsContainer .contentClientComments .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-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments article .field.field--name-field-client-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-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments article .field.field--name-field-client-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-client article.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.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-client article.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.field--type-comment.field--label-above.comment-wrapper article .comment__content.col-sm-9.card div.card-body {
  padding: 0px;
}

.node--type-client article.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.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-client article.node--type-client .contentClientCommentsContainer .contentClientComments section.field.field--name-field-client-comments.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-client .contentClientCommentsContainer .contentClientComments.contentClientField .field--name-field-client-comments.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;
  width:75% !important;
}

.desktopContentClient {
  display:block;
}

.mobileContentClient {
  display:none;
}

.node--type-client .field--name-field-email-sent {
  float: left;
  width: 50%;
  margin-top: 5px;
}

.node--type-client .field--name-field-email-sent .field__label {
  float: left !important;
  margin-left: 15px !important;
  background: #3b3b3b !important;
  padding: 1px 5px !important;
  color: #fff !important;
  font-size: 0.8em !important;
  border-radius: 5px 0px 0px 5px !important;
  width: 100px !important;
}

.node--type-client .card-body .field--name-field-task-complete {
  float: left;
  width: 50%;
  margin-top: 5px;
}

.node--type-client .card-body .field--name-field-task-complete .field__label {
  float: left !important;
  margin-left: 15px !important;
  background: #3b3b3b !important;
  padding: 1px 5px !important;
  color: #fff !important;
  font-size: 0.8em !important;
  border-radius: 5px 0px 0px 5px !important;
  width: 110px !important;
}

.node--type-client .card-body .field--name-field-user-comment {
  float: left;
  width: 50%;
  margin-top: 5px;
}

.node--type-client .card-body .field--name-field-user-comment .field__label {
  float: left !important;
  margin-left: 15px !important;
  background: #3b3b3b !important;
  padding: 1px 5px !important;
  color: #fff !important;
  font-size: 0.8em !important;
  border-radius: 5px 0px 0px 5px !important;
  width: 110px !important;
}


.node--type-client .card-body .field--name-field-notify-user {
  float: left;
  width: 50%;
  margin-top: 5px;
}


.node--type-client .card-body .field--name-field-notify-user .field__label {
  float: left !important;
  margin-left: 15px !important;
  background: #3b3b3b !important;
  padding: 1px 5px !important;
  color: #fff !important;
  font-size: 0.8em !important;
  border-radius: 5px 0px 0px 5px !important;
  width: 110px !important;
}

.node--type-client .field--name-field-client-comments .field--name-field-user-firstname.field--type-string.field--label-above {
  display: none;
}

.node--type-client .field--name-field-client-comments .field--name-field-userlastname.field--type-string.field--label-above {
  display: none;
}











@media only screen and (max-width: 768px) {
  .contentClientGeneralContainer {
    width:100%;
    float: left;
  }
  
  .contentClientCommentsContainer {
    width:100%;
    float: right;
  }
  
  .desktopContentClient {
    display:none;
  }

  .mobileContentClient {
    display:block;
  }
}




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

  #ClientCreateDateContainer {
    width: 100%;
    margin-top: 15px;
  }

  #ClientActionDateContainer {
    width: 100%;
    margin-top: 15px;
  }

  #ClientTypeContainer {
    width: 100%;
    margin-top: 15px;
  } 

  #ClientActionStreamContainer {
    width: 100%;
    margin-top: 15px;
  }

  article.node--type-client .contentClientField {
    padding: 0px;
  }

  .node--type-client article.node.node--type-client .field--name-field-client-comments.field--type-comment.field--label-above.comment-wrapper .comment__content.col-sm-9.card div.card-body nav span.nav-link {
    width: 55px;
    text-align: center;
  }

  .node--type-client .contentClientCommentsContainer .field--name-user-picture a img.image-style-thumbnail {
    float: right;
  }

}