.timeline-label:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 3px;
  top: 0;
  bottom: 0;
  background-color: var(--bs-gray-200);
}

    .sk-folding-cube {
      margin: 20px auto;
      width: 40px;
      height: 40px;
      position: relative;
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
    }

    .sk-folding-cube .sk-cube {
      float: left;
      width: 50%;
      height: 50%;
      position: relative;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
    }
    .sk-folding-cube .sk-cube:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #131628;
      -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
      animation: sk-foldCubeAngle 2.4s infinite linear both;
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
    }
    .sk-folding-cube .sk-cube2 {
      -webkit-transform: scale(1.1) rotateZ(90deg);
      transform: scale(1.1) rotateZ(90deg);
    }
    .sk-folding-cube .sk-cube3 {
      -webkit-transform: scale(1.1) rotateZ(180deg);
      transform: scale(1.1) rotateZ(180deg);
    }
    .sk-folding-cube .sk-cube4 {
      -webkit-transform: scale(1.1) rotateZ(270deg);
      transform: scale(1.1) rotateZ(270deg);
    }
    .sk-folding-cube .sk-cube2:before {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s;
    }
    .sk-folding-cube .sk-cube3:before {
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s;
    }
    .sk-folding-cube .sk-cube4:before {
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s;
    }
    @-webkit-keyframes sk-foldCubeAngle {
      0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
      } 25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
      } 90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
      }
    }

    @keyframes sk-foldCubeAngle {
      0%, 10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
      } 25%, 75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
      } 90%, 100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
      }
    }

    [v-cloak] {
      display: block;
      padding: 50px 0;
    }

    @keyframes spinner {
      to {
        transform: rotate(360deg);
      }
    }

    [v-cloak]:before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      margin-left: -10px;
      border-radius: 50%;
      border: 2px solid #ccc;
      border-top-color: #333;
      animation: spinner 0.6s linear infinite;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
    }

    [v-cloak]>* {
      display: none;
    }

    .ql-editor{
      min-height:50px;
    }

      /* Tags items */
    #users-list .tagify__tag{
      white-space: nowrap;
    }

    #users-list .tagify__tag:hover .tagify__tag__avatar-wrap{
      transform: scale(1.6) translateX(-10%);
    }

    #users-list .tagify__tag .tagify__tag__avatar-wrap{
      width: 16px;
      height: 16px;
      white-space: normal;
      border-radius: 50%;
      background: silver;
      margin-right: 5px;
      transition: .12s ease-out;
    }

    #users-list .tagify__tag img{
      width: 100%;
      vertical-align: top;
      pointer-events: none;
    }

    .ql-mention-list-container {
      width: 270px;
      border: 1px solid #f0f0f0;
      border-radius: 4px;
      background-color: #fff;
      box-shadow: 0 2px 12px 0 rgba(30, 30, 30, .08);
      z-index: 9001;
      overflow:auto
    }

    .ql-mention-loading {
      line-height: 44px;
      padding: 0 20px;
      vertical-align: middle;
      font-size:16px
    }

    .ql-mention-list {
      list-style: none;
      margin: 0;
      padding: 0;
      overflow:hidden
    }

    .ql-mention-list-item {
      cursor: pointer;
      line-height: 44px;
      font-size: 16px;
      padding: 0 20px;
      vertical-align:middle
    }

    .ql-mention-list-item.disabled {
      cursor:auto
    }

    .ql-mention-list-item.selected {
      background-color: #d3e1eb;
      text-decoration:none
    }

    .mention {
      height: 24px;
      width: 65px;
      border-radius: 6px;
      background-color: #d3e1eb;
      padding: 3px 0;
      margin-right: 2px;
      user-select:all
    }

      .mention > span {
        margin: 0 3px
      }
      .form-check {
        padding-bottom: 7px; /* Ajustez la valeur de padding selon vos besoins */
    }
    .form-check {
      padding-bottom: 7px; /* Ajustez la valeur de padding selon vos besoins */
  }.spinner-margin {
    margin-left: 0.5rem;
    display: none;
  }
  .htmx-request .spinner-margin {
    display: inline-block;
  }