/******************************************************************
Stylesheet: Pour la maintenance sans compilation
******************************************************************/

/* @patch 28/09/2020 taille titres fiches */

.site.plateform .overlay-wrapper .section-entete-plf #pratiques-title {
  font-size: 45px;
}

.site.plateform .overlay-wrapper h2.titre-domaine-action {
  font-size: 35px;
}

/* @patch 09/11/2020 rscop-ref : annulation tout en minuscule sauf première lettre dans les carrés de couleur avec les noms des domaines */
.suivi2ref_wrapper  .overlay-wrapper .section-entete-plf #pratiques-title,
.actions2ref_wrapper  .overlay-wrapper .section-entete-plf #pratiques-title,
.pratiques2ref_wrapper  .overlay-wrapper .section-entete-plf #pratiques-title {
	  text-transform: none;
}
.suivi2ref_wrapper  .overlay-wrapper .section-entete-plf #pratiques-title::first-letter,
.actions2ref_wrapper  .overlay-wrapper .section-entete-plf #pratiques-title::first-letter,
.pratiques2ref_wrapper  .overlay-wrapper .section-entete-plf #pratiques-title::first-letter {
	  text-transform: none;
}


/* patch 28/09/21 */

.site.public .wrap.user-list {
    width:100%;
    max-width:1400px;
}

.user-list td:last-child a {
  display:block;
}

.user-list td:last-child a:before {
  content:"-";
  padding-right:4px;
}


/* patch 01/10/21 */

#table-fields-filters {
  display:flex;
  flex-wrap:wrap;
}

.field-filter {
  margin:8px;
  padding:8px;
  cursor:pointer;
}

.field-filter.active {
  background-color:lightgreen;
}

#myTable th, #myTable td {
  transition:0.5s ease-out;
}

#myTable th.hidden, #myTable td.hidden, td[hidden] {
  transform:scale(0);
  width:25px;
}

.voir {
  position:relative;
}

.voir > .infobox {
  position:absolute;
  transition:0.25s ease-out;
  opacity:0;
  z-index:0;
  background-color:white;
  border:1px solid black;
  padding:8px;
}

.voir:hover > .infobox {
  width:100%;
  transform:translateX(-100%);
  opacity:1;
  z-index:5;
}

.infobox h6 {
  margin:8px auto;
  font-size:1em;
}

.infobox ul {
  list-style-type:none;
  padding-inline-start: 0;
}

.infobox li {
  font-size:0.75em;
}

.actions {
  display:flex;
  justify-content:space-between;
}

.actions > button {
  cursor:pointer;
  width:max-content;
  background-color:#333;
  color:white;
}

.actions > button:hover > span {
  background-color: #333!important;
  color:white!important;
}

.js-btn_user_form {
  background-color: #333;
  color:white;
  margin:8px;
}

#msg_overlay div.form  {
  display:flex;
  flex-direction:column;
  margin: 32px;
}

.form-group {
    display: flex;
}

.form-group > label {
  width:150px;
  margin-right:16px;
}

.form-group input,
.form-group select {
    flex-grow:1;
    margin-right:16px;
}

.form-group.checkbox {
    display:block;
}

#msg_overlay div.form > * {
    margin:8px;
}

#msg_overlay div.form > button {
    margin-top:32px;
}

/* patch 28/04/2022 */
.site.plateform .overlay-wrapper .section-entete-plf .entete-wrapper{
  position: static;
}
.site.plateform .overlay-wrapper .questions-content-wrapper{
  margin-top: 40px !important;
}
.site.plateform .overlay-wrapper .section-entete-plf .questions_inspirantes{
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 0;
  padding: 0 30px;
}
.site.plateform .overlay-wrapper .section-entete-plf .titre-header-wrapper{
  position: static;
}
.site.plateform .overlay-wrapper .section-entete-plf .entete-wrapper .col-1{
  margin-top: -50px;
  margin-left: -40px;
  width: 375px;
  padding: 50px 30px 20px;
}
.site.plateform .overlay-wrapper .entete-bg{
  display: none;
}
.site.plateform .overlay-wrapper .section-entete-plf .entete-wrapper .col-2{
  margin-left: 45px;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="GOUV"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="GOUV"] .questions_inspirantes{
  background-color: #b62559;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="TER"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="TER"] .questions_inspirantes {
  background-color: #fec83f;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="CONC"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="CONC"] .questions_inspirantes {
  background-color: #f7b2b3;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="SOC"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="SOC"] .questions_inspirantes {
  background-color: #32b3e3;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="DH"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="DH"] .questions_inspirantes {
  background-color: #4187c4;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="CLIENTS"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="CLIENTS"] .questions_inspirantes {
  background-color: #f17a51;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="ENV"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="ENV"] .questions_inspirantes {
  background-color: #90bd52;
}
.site.plateform .overlay-wrapper .section-row[data-domaine="LOY"] .col-1,
.site.plateform .overlay-wrapper .section-row[data-domaine="LOY"] .questions_inspirantes {
  background-color: #b491ba;
}

@media (max-width: 767px){
  .site.plateform .overlay-wrapper .section-entete-plf .entete-wrapper .col-1{
    margin: 10px 0 0;
    width: 100%;
  }
  .site.plateform .overlay-wrapper .section-entete-plf .entete-wrapper .col-2{
    margin-left: 0;
  }
}