/*  ICÔNE  */

#iconeConsoleConseils {
  width: 24px;
  height: 24px;
  background: url(../../images/iconeConsoleConseils.png);
  background-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 40px;
  left: 100px;
}

/* MODE MOBILITÉ — BLOC CONTACT MOBILITÉ */

#mobiliteTelus .premiereColonne,
#mobiliteTelus .deuxiemeColonne {
  min-height: auto;
}

/*  CONSOLE CONSEILS — PARTIE SUPÉRIEURE  */

#consoleConseils .titre {
  padding-top: 0;
}

#consoleConseils .fondRouge {
  background-color: #e5221e !important;
}

#consoleConseils .fondOrange {
  background-color: #d1831d !important;
}

#consoleConseils .fondVertPale {
  background-color: #c8dc00 !important;
}

#consoleConseils .fondVertFonce {
  background-color: #6ab514 !important;
}

#consoleConseils .fondBlanc {
  background-color: #ffffff !important;
}

#consoleConseils .fondGris {
  background-color: #4b4a4a !important;
}

#consoleConseils #bloc1,
#consoleConseils #bloc7,
#consoleConseils #bloc8,
#consoleConseils #bloc9,
#consoleConseils #bloc10 {
  padding: 10px;
  background-color: #ffffff;
  float: left;
}

#consoleConseils #bloc1 {
  width: 420px;
  height: 100px;
  margin-bottom: 18px;
}

#consoleConseils #bloc1 .contenuBloc {
  font-weight: 600;
}

#consoleConseils #bloc1 .nomEntreprise {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

#consoleConseils #bloc1 texte libelle,
#consoleConseils #bloc1 texte .valeur {
  margin-bottom: 0;
}

#consoleConseils #bloc7 {
  width: 954px;
  min-height: 300px;
}

#consoleConseils #bloc9 {
  width: 318px;
  height: 300px;
  margin-left: 18px;
}

#consoleConseils #bloc8,
#consoleConseils #bloc10 {
  width: 636px;
  height: 300px;
}

#consoleConseils #bloc7,
#consoleConseils #bloc8,
#consoleConseils #bloc9 {
  margin-bottom: 18px;
}

#consoleConseils #bloc10 {
  margin-left: 18px;
  margin-bottom: 70px;
}

#consoleConseils #bloc2,
#consoleConseils #bloc4,
#consoleConseils #bloc5,
#consoleConseils #bloc6 {
  width: 140px;
  height: 100px;
  padding: 10px;
  margin-left: 18px;
  font-weight: 600;
  background-color: #ffffff;
  float: left;
  text-align: center;
  color: #ffffff;
  position: relative;
  cursor: pointer;
}

#bloc6 {
  cursor: pointer;
}

#consoleConseils .indicateur,
#consoleConseils .rpr,
#consoleConseils .pourcentageAttachement {
  font-size: 50px;
  line-height: 50px;
  margin-top: 5px;
  text-align: center;
}

#consoleConseils .car {
  font-size: 24px;
  margin-top: 20px;
  text-align: center;
}

#consoleConseils .soldePayer {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

#consoleConseils .soldePayer .valeur {
  margin-bottom: 0;
}

#consoleConseils #bloc8 .communication {
  cursor: pointer;
}

#consoleConseils #bloc8 .communication {
  padding-left: 10px;
  margin-bottom: 18px;
  overflow: auto;
}

#consoleConseils #bloc8 zone-texte texte {
  margin-bottom: 0;
}

#consoleConseils #bloc8 zone-texte texte .ellipsis {
  height: 38px;
}

#consoleConseils #bloc8 date {
  color: #aaaaaa;
  font-size: 12px;
}

#consoleConseils #bloc8 date span {
  margin-left: 0;
}

#consoleConseils #bloc8 .nomContact {
  margin-left: 10px;
  font-style: italic;
  float: left;
  color: #777777;
  font-size: 12px;
}

#consoleConseils #bloc10 .iconeProfil {
  width: 24px;
  height: 24px;
  padding: 3px;
  margin-top: 18px;
  float: left;
}

#consoleConseils #bloc10 .iconeProfil.rouge {
  background-color: #e5221e;
  cursor: pointer;
}

#consoleConseils #bloc10 .iconeProfil.vert {
  background-color: #6ab514;
  cursor: pointer;
}

#consoleConseils #bloc10 selecteur-recherche .options {
  min-width: 398px;
}

#consoleConseils #bloc10 textarea {
  height: 125px;
}

#consoleConseils .boutonRadio .rondExterieur {
  left: 55px;
}

#consoleConseils information {
  position: absolute;
  bottom: 0;
  right: 0;
}

#consoleConseils insertion-fichier-document information {
  position: relative;
}

#consoleConseils information .fond {
  background-color: transparent;
}

#consoleConseils information bouton button {
  height: 27px;
}

#consoleConseils information bouton .icone {
  width: 22px;
  height: 22px;
  background-size: 1897px 82px;
  background-position: -305px -7px !important;
}

#consoleConseils information .infobulle {
  width: 460px;
  bottom: -80px;
  left: 25px;
}

#consoleConseils information.gauche .infobulle {
  bottom: -205px;
  right: 35px;
  left: initial;
}

/* ============================================================
   ZONE DOSSIERS / ÉCHANGES
   ============================================================ */

.zoneConseils {
  clear: both;
  overflow: hidden;
  min-width: 0;
  word-break: break-word;
}

#blocDossiers {
  scroll-margin-top: 12px;
}

.zoneConseils .zoneDossiersEchanges {
  display: flex;
  align-items: stretch;
}

.zoneConseils .premiereColonne,
.zoneConseils .deuxiemeColonne {
  flex: 1;
  min-width: 0;
  min-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.zoneConseils .premiereColonne,
.zoneConseils .deuxiemeColonne,
.zoneConseils #blocFormulaire {
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 18px;
}

.zoneConseils .deuxiemeColonne {
  margin-left: 18px;
}

.zoneConseils .premiereColonne .contenuEncadre,
.zoneConseils .deuxiemeColonne .contenuEncadre {
  overflow-y: auto;
  overflow-x: hidden;
}

.zoneConseils .tableDocumentsResumeIa {
  width: 100%;
  table-layout: auto;
  word-break: break-word;
  overflow-wrap: break-word;
}

.zoneConseils .tableDocumentsResumeIa td,
.zoneConseils .tableDocumentsResumeIa th {
  overflow: visible;
  white-space: normal;
}

.zoneConseils .tableDocumentsResumeIa tbody tr {
  cursor: default;
}

.zoneConseils .tableDocumentsResumeIa tbody tr:hover td {
  background-color: transparent;
}

.zoneConseils .messageInstruction {
  color: #777777;
  font-style: italic;
}

.zoneConseils #listeDossiers {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.zoneConseils #listeDossiers table {
  width: 100%;
  table-layout: fixed;
}

.zoneConseils #listeDossiers td {
  word-break: break-word;
  overflow-wrap: break-word;
}

.zoneConseils #listeDossiers table tbody tr {
  cursor: pointer;
}

.zoneConseils #listeDossiers table tbody tr:hover td {
  background-color: #f9f9f9;
}

.zoneConseils #listeDossiers table tbody tr.selectionne td {
  background-color: #e0e0e0;
}

.zoneConseils .statutOuvert {
  color: #6ab514;
}

.zoneConseils .statutFerme {
  color: #e5221e;
}

.zoneConseils #blocFormulaire .boutonsFormulaire bouton.plein.inactif button {
  background-color: #aaaaaa;
  cursor: default;
  pointer-events: none;
}

.zoneConseils #listeEchanges {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
}

.zoneConseils #listeEchanges table {
  width: 100%;
  table-layout: fixed;
}

.zoneConseils #listeEchanges td {
  word-break: break-word;
  overflow-wrap: break-word;
}

.zoneConseils #listeEchanges table tbody tr {
  cursor: pointer;
}

.zoneConseils #listeEchanges table tbody tr:hover td {
  background-color: #f9f9f9;
}

.zoneConseils #listeEchanges table tbody tr.selectionne td {
  background-color: #e0e0e0;
}

.zoneConseils .colonnesFormulaire {
  display: flex;
  gap: 18px;
}

.zoneConseils .colonneGaucheFormulaire {
  flex: 0 0 50%;
  min-width: 0;
  overflow: hidden;
}

.zoneConseils .colonneGaucheFormulaire .fr-wrapper {
  max-width: 100%;
  box-sizing: border-box;
}

.zoneConseils .colonneGaucheFormulaire librairie-documents {
  display: block;
  max-width: 100%;
}

.zoneConseils .colonneGaucheFormulaire #librairieDocuments {
  width: 100%;
  table-layout: fixed;
}

.zoneConseils .colonneGaucheFormulaire #librairieDocuments td,
.zoneConseils .colonneGaucheFormulaire #librairieDocuments th {
  width: auto !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zoneConseils .colonneDroiteFormulaire {
  flex: 0 0 50%;
}

.zoneConseils .colonneGaucheFormulaire editeur texte .enLecture libelle {
  float: none;
  display: block;
}

.zoneConseils .colonneGaucheFormulaire editeur texte .ellipsis {
  overflow: visible;
  white-space: normal;
  text-align: justify;
  width: 100%;
}

.zoneConseils #blocFormulaire .boutonsFormulaire {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.zoneConseils #blocFormulaire .boutonsFormulaire bouton button {
  height: 40px;
  background-color: #4e5d97;
}

.zoneConseils .colonneGaucheFormulaire h1 {
  font-weight: 600;
  font-size: 16px;
}

.zoneConseils .colonneDocuments table#librairieDocuments {
  width: 600px;
}

.zoneConseils .tableContactsImpliques {
  width: 100%;
  table-layout: fixed;
}

.zoneConseils .tableContactsImpliques td {
  overflow-wrap: break-word;
  word-break: break-all;
}

.zoneConseils .tableContactsImpliques th:nth-child(3) {
  width: 35%;
}

.zoneConseils .tableContactsImpliques th:nth-child(4) {
  width: 5%;
}

.zoneConseils .tableContactsImpliques texte.nomAutreContact input {
  width: 300px;
}

.zoneConseils libelle.libelleTitre label {
  font-weight: 900;
}

.zoneConseils .colonneDroiteFormulaire selecteur-recherche-contact message-erreur {
  z-index: 99999;
}

.zoneConseils .colonneDroiteFormulaire selecteur-recherche-contact .messageErreur {
  left: 0 !important;
  top: 30px !important;
  white-space: normal !important;
  max-width: 360px;
  overflow-wrap: anywhere;
}