@loader_box_shadow:2px 2px 4px rgba(0, 0, 0, 0.23);

#progressBox
{
  z-index: 2002;
  -moz-border-radius : 5px;
  border-radius : 5px;
  width: 305px !important;
  padding: 3px;
  display: block;
  top: 30%;
  left: 40%;
  position: absolute;
  min-width: 305px;
  box-shadow: @loader_box_shadow;
  -webkit-box-shadow: @loader_box_shadow;
  -moz-box-shadow: @loader_box_shadow;
  div.dialogTitle{
    display: none;
  }
  .bounce-spinner {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 30px auto;
  }

  .double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: @primary-1-color;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
  }

  .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }


}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
}

.csstransitions{

  #AjxpConnexion-loader {
    left: 0 !important;
    top: 0 !important;
    width: 100%;
    z-index: 1022 !important;
  }
  #AjxpConnexion-loader {
    height: 2px;
    width: 100%;
    position: relative;
    overflow: hidden;
    img{
      display: none;
    }
    &:before{
      display: block;
      position: absolute;
      content: "";
      left: -200px;
      width: 200px;
      height: 4px;
      background-color: #03A9F4;
      animation: connexionLoading 1.5s linear infinite;
    }
  }

  @keyframes connexionLoading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
  }

}

.no-csstransitions{

  #AjxpConnexion-loader{
    left:49% !important;
    top: 7px !important;
    width:30px;
  }

  #AjxpConnexion-loader img{
    height:6px;
  }

}
