.is-hidden{
    display: none !important;
}


.fadeInAnimation {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
  }

.fadeOutAnimation {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
}

#progress-bar{
    z-index: 99;
    width: 100%;
    height: 5%;
}

#progress-bar {
    background-image: 
      repeating-linear-gradient(
        45deg,   
        #015d99,
        #015d99  ,
        #014b7b 20px,
        #014b7b 30px
      );
    background-size: 200% 200%;
    animation: barberpole 10s linear infinite;
    width: 100%;
    height: 50px;
    z-index: 999;
  }
  
  @keyframes barberpole {
    100% {
      background-position: 100% 100%;
    }
  }

  #progress-bar div{ 
      padding-top: 5px;
    font-size: 1.5em;  
    font-weight: bold; 
    color: white;  
    text-align: center;  
    width: 100%;
  }

  .dropzone .dz-error-message{
	margin-top: 20% !important;
}

.dropzone .dz-preview .dz-error-message{
	color: white !important; 
}

.dropzone .dz-error-mark{
	color: red !important;
}