/* modal activate account */


.cgu-modal h2{
  margin-bottom: 10px;
  font-size: 0.9em;
}

.cgu-modal a:link, a:visited {
  color: rgb(0, 110, 255); 
}

.info-text-cgu{
  border: 2px solid #ddd;
  border-radius: 8px;
    padding: 20px;
    margin: 0;
    overflow: auto;
    max-height: 400px;
    font-size: 1.2em;
}
.note{
  font-size: 0.85em;
  margin-top: 10px;
}
.scroll-note {
    font-size: 0.85em;
}
#valid_cgu {
  margin-top: 10px;
}
/* Style pour la barre de défilement */
.info-text-cgu::-webkit-scrollbar {
    width: 8px; /* Largeur de la barre de défilement */
}

.info-text-cgu::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Couleur de l'arrière-plan de la barre de défilement */
}

.info-text-cgu::-webkit-scrollbar-thumb {
    background-color: #888; /* Couleur de la poignée de la barre de défilement */
    border-radius: 4px; /* Arrondir les bords de la poignée de la barre de défilement */
}

.info-text-cgu::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Couleur de la poignée de la barre de défilement au survol */
}
/* Pour Firefox */
.info-text-cgu {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* Champ téléphone intlTelInput */
.input-line.phone .iti {
  position: unset;
  display: unset;
}

.iti__country-list {
  z-index: 20;
}

@media (max-width: 515px) {
  .input-line.phone .iti input:placeholder-shown~label:not(:focus~label) {
    font-size: 12px !important;
  }
}

@media (min-width: 462px) and (max-width: 490px) {
  .input-line.phone .iti input:placeholder-shown~label:not(:focus~label) {
    font-size: 10px !important;
  }
}


/* Page activation du compte */
.login-wrapper .loginbox .activatebox-inner {
  width: 1500px;
  padding: 40px 0; }
  @media (max-width: 460px) {
    .login-wrapper .loginbox .activatebox-inner {
      width: auto;
      padding: 30px;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      min-height: var(--doc-height); } }
  .login-wrapper .loginbox .activatebox-inner .activatebox-box {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.16);
    padding: 60px 80px;
    margin-bottom: 20px;
    display: none; }
    @media (max-width: 460px) {
      .login-wrapper .loginbox .activatebox-inner .activatebox-box {
        box-shadow: none;
        padding: 0;
        flex: 1;
        flex-direction: column;
        justify-content: center; } }
    .login-wrapper .loginbox .activatebox-inner .activatebox-box .logo {
      width: 159px;
      height: 169px;
      background: url(../images/log_logo.png) no-repeat;
      background-size: 159px 169px;
      margin: 0 auto 40px auto; }
      @media (max-width: 460px) {
        .login-wrapper .loginbox .activatebox-inner .activatebox-box .logo {
          width: 217px;
          height: 229px;
          background-size: 217px 229px; } }
    .login-wrapper .loginbox .activatebox-inner .activatebox-box .lost-text {
      color: #959595;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 20px; }
    .login-wrapper .loginbox .activatebox-inner .activatebox-box.visible {
      display: block; }
      @media (max-width: 460px) {
        .login-wrapper .loginbox .activatebox-inner .activatebox-box.visible {
          display: flex; } }
    .login-wrapper .loginbox .activatebox-inner .activatebox-box.lost-password .input-line.link {
      margin-top: 15px; }
  .login-wrapper .loginbox .activatebox-inner .activatebox-box .submit .cta {
    width: 40% !important; }
    @media (max-width: 1130px) {
      .login-wrapper .loginbox .activatebox-inner .activatebox-box .submit .cta {
      width: 100% !important; } }
  .login-wrapper .loginbox .activatebox-inner .activatebox-links {
    font-size: 14px;
    line-height: 20px; }
    .login-wrapper .loginbox .activatebox-inner .activatebox-links a {
      display: block;
      margin-top: 10px; }

@media screen and (min-width: 1131px) {
  .loginbox-box.reset-password.visible {
    margin: 0 -50%;
  }
}

tr.replace-consent > * {
  color: #b4b4b4;
}

tr.disable-user>td {
    opacity: 0.5;
}
.hidden {
  display: none;
}
@media screen and (min-width: 1131px) {
  #modale-permission-centre .weshare-modal-body {
  width: 1000px;
  overflow: hidden;
  }
  #modale-permission-etude .weshare-modal-body {
    width: 1000px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1130px) {
  #modale-permission-centre .weshare-modal-body {
  width: 650px;
  height: fit-content;
  padding: 5%;
  }
  #modale-permission-etude .weshare-modal-body {
    width: 650px;
    height: fit-content;
    padding: 5%;
  }
}
  .weshare-modal-body {
    overflow-y: auto; /* Permet au contenu de défiler si la hauteur dépasse celle de .weshare-modal-body */
    max-height: calc(100vh - 50px); /* 100vh est la hauteur de la vue, nous laissons 100px pour l'espace au-dessus et en dessous du modal */
    padding: 10px; /* Ajouter du padding pour une meilleure apparence visuelle */
}

.weshare-modal-body h2{
  padding-top: 30px;

}
.checkbox-input {
    display: flex;
    align-items: center;
}

.col-rights h2{
  text-align: left !important;
}

.checkbox-input label {
    flex: 1;
}

.checkbox-input input[type="checkbox"] {
    flex: 0;
    margin-right: 5px;
}

.checkbox-input input[type="checkbox"]:checked{
    accent-color: #888;
}

@media (max-width: 660px){
  .form-wrapper.with-float-submit {
      padding-bottom: 30px !important;
  }
}
@media (min-width:661px) {
  #addPersonnel{
    margin-left: 90% !important;
  }
  #confirmAddPersonnel{
    margin-left: 90% !important;
  }
}
.form-wrapper.with-float-submit{
  padding-bottom: 30px !important;
}
#addPersonnel{
  margin-top: 20px;
}
#confirmAddPersonnel{
  margin-top: 20px;
}

.titreEtude:hover{
  text-decoration: underline;
  cursor: pointer;
    color: #f0f3f8;
}
.titreCentre:hover{
    color: #08cdff;
  text-decoration: underline;
  cursor: pointer;
}
a {
  text-decoration: none;
}


/* Pour les champs désactivés*/
input:disabled, input:read-only {
  background-color: #b1a9a969 !important;
  color: #757575 !important;
}

.close {
  background-color: rgb(223 223 223)!important;
}

.truncate {
  margin-left: auto;
  margin-right: auto;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#phone-number-error {
  color: red;
  font-size: 11px;
  margin-top: -16px;
  margin-bottom: 14px;
}

td > a.table-cta.table-cta-edit {
  height: 15px;
  width: 15px;
  background-size: 15px 15px;
}

#detailForm {
  padding-bottom: 40px;
}