body {
    background:#F7F7F7;
     font-size: 1.6rem;
     font-family: open sans, sans-serif;
     color: #2b3e51
}

.fas.fa-eye{
    cursor: pointer;
    animation: blink 2.4s infinite;
    animation-delay: 8s;
}

.fas.fa-eye:active{
    transform:scale(0.1)
}
.fa-solid.fa-trash:hover{
    animation: shake 150ms 2 linear;
    
}
.fa-solid.fa-trash.userAttrib{
  float: right;
}
.fa-trash:active{
  transform: scale(0.90)
}
.userA-js{
  clear: both;
}
.fa-plus:hover{
  animation: shake2 150ms 2 linear;
}
.success-msg {
  color: #270;
  background-color: #DFF2BF;
}
.success-msg,
.warning-msg,
.info-msg
{
  margin: 10px 0;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
}
.warning-msg {
  color: #9F6000;
  background-color: #FEEFB3;
}

.info-msg {
  color: #059;
  background-color: #BEF;
}
.global-search{
  cursor: pointer;
}
@keyframes blink {

    90% {
      transform: none;
      animation-timing-function: ease-in;
    }
    93% {
      transform: translateY(10px) scaleY(0)
    }
    100% {
      animation-timing-function: ease-out;
    }
  }

  @keyframes shake {
    0% {
      transform: translate(3px, -5px);
    }
    50% {
      transform: translate(-3px, 5px);
    }
    100% {
      transform: translate(0, 0);
    }
  }

  .verifierByAdmin {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    /*background-size: 400% 400%;*/
    animation: gradient 15s ease infinite;
    /*height: 100vh;*/
  }
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  @keyframes shake2 {
    0% {
      transform: translate(3px, 0);
    }
    50% {
      transform: translate(-3px, 0);
    }
    100% {
      transform: translate(0, 0);
    }
  }
.dots-bars-1 {
    position: absolute;
    top:50%;
    left:50%;
    width: 100%;
    height: 100%;
    clear: both;
   
  }
  .text{
    float:left;
    font-size: 4rem;
    /*animation: spinner4  25s infinite  alternate;*/
  }
 .dot1{
    float: left;
    font-size: 4rem;
    animation: dot1  1s infinite  alternate;
  }
  .dot2{
    float: left;
    font-size: 4rem;
    animation: dot2  1s infinite  alternate;
  }
  .dot3{
    float: left;
    font-size: 4rem;
    animation: dot3  1s infinite  alternate;
  }
  @keyframes dot1 {
    0%{
      transform: translateY(0px);
    }
    50% {
      transform: translateY(15px);
    }
    100%{
      transform: translateY(0px);
    }
  }
  @keyframes dot2 {
    0%{
      transform: translateY(15px);
    }
    50% {
      transform: translateY(0px);
    }
    100%{
      transform: translateY(15px);
    }
  }
  @keyframes dot3 {
    0%{
      transform: translateY(0px);
    }
    50% {
      transform: translateY(15px);
    }
    100%{
      transform: translateY(0px);
    }
  }