#backoffice_dossier_show, #users_recapitulatif_dossier_show {

  #messages {
    .last-commentaire {
      display: block;
      background-color: #FFFFFF;

      .content, .new-action {
        margin-bottom: 20px;
      }
    }

    .body {
      .commentaires {
        max-height: 350px;
        overflow-y: scroll;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(219, 219, 219, 0) 50%, rgba(250, 251, 253, 0.18) 51%, #FFFFFF 100%);
      }

      .no-commentaires {
        text-align: center;
        font-size: 18px;
        padding-top: 20px;
      }
    }

    .last-commentaire, .commentaire {
      padding: 20px 0 0 20px;

      .comment-header {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        color: #000000;
        margin-bottom: 10px;
      }

      .file {
        padding-right: 70px;
        text-align: center;
        margin-bottom: 20px;

        .link {
          span {
            width: 100%;
            font-size: 40px;
          }
        }
      }
    }

    .split-hr {
      margin: 20px 20px 0 20px;
      border-bottom: 1px solid #979797;
    }

    #new-commentaire {
      padding: 15px;
    }
  }

  .infos {
    .split-row {
      margin: 0 0 20px 0;
    }

    .entreprise-info {
      font-size: 14px;
    }

    .entreprise-label {
      font-weight: bold;
      text-align: end;
    }
  }

  #private-fields {
    .text-primary {
      color: #337AB7;
    }
  }

  #pieces-jointes {
    .piece-row {
      margin: 20px;

      .piece-label {
        text-align: right;
        font-weight: bold;
      }
    }

    .modal-title {
      color: #000000;
    }
  }

  #carto {
    #map {
      margin-bottom: 20px;
      height: 350px;
    }
  }

  #dossier, #pieces-jointes, .infos, #carto, #private-fields {
    .body {
      padding: 20px 20px 0 20px;
      color: #000000;

      .libelle-procedure {
        font-style: italic;
        padding: 10px;
      }

      .depositaire-label {
        font-weight: bold;
        text-align: end;
      }

      .btn-action{
        border: none;
        margin: 20px 0 40px 0;
      }

      .btn-action:hover {
        color: #EEEEEE;
      }

      .action {
        margin: 50px 0 0 15px;
      }

      .action, .btn-action {
        background-color: #E45B51;
        text-align: center;
        cursor: pointer;
        color: #FFFFFF;
        width: 253px;
        height: 40px;
        line-height: 40px;
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;

        a:hover {
          color: #EEEEEE;
        }
      }

      .historique {
        color: #000000;
        margin-left: 20px;
      }

      .comments {
        margin-right: -10px;
      }

      .comments-off {
        margin-right: -35px;
      }

      .dossier-title {
        font-size: 16px;
        min-height: 40px;
        text-align: center;
      }

      .split-hr {
        border-bottom: 1px solid #979797;
        height: 12px;
        min-height: 10px;
      }

      .title-row {
        margin: 20px 10px 10px 10px;
      }

      .margin-top-40 {
        margin-top: 40px;
      }

      .margin-top-20 {
        margin-top: 20px;
      }

      .margin-bot-40 {
        margin-bottom: 40px;
      }
    }

    #pieces_justificatives {
      .piece-row {
        margin: 0 0 0 0;
      }
    }
  }
}