.load-bar {
    position: fixed;
    top:0px;
    left:-20px;
    display:none;
    width: 110%;
    height: 6px;
    background-color: #0000;
    z-index:99999;
  }
  .bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
  }
  .bar:nth-child(1) {
    background-color: #95bcf6;
    animation: loading 3s linear infinite;
  }
  .bar:nth-child(2) {
    background-color: #33a562;
    animation: loading 3s linear 1s infinite;
  }
  .bar:nth-child(3) {
    background-color: #f6ac1a;
    animation: loading 3s linear 2s infinite;
  }
  @keyframes loading {
      from {left: 0; width: 0;z-index:100;}
      33.3333% {left: 0; width: 100%;z-index: 10;}
      to {left: 0; width: 100%;}
  }
 
  .shindigity-notify-hidden {
     display:none;
  }
 
  .shindigity-notify-show {
     display:block;
  }
 
  .shindigity-notify {
     z-index:19999;
     position:fixed; 
     bottom:50px; 
     right:50px;  
     width:350px;
     min-height:65px;
     border-radius:10px;
     
  }
 
  .shindigity-notify-success {
     background-color:rgba(0,255,0,0.7);
  }
 
  .shindigity-notify-failed {
     background-color:rgba(255,0,0,0.7);
     color:#ffffff;
  }
 
  .shindigity-notify-padding {
     padding:10px;
  }
 
  .shindigity-notify-title {
     padding-left:10px;
     padding-bottom:2px;
     padding-top:2px;
     font-weight:800;
     font-size:14pt;
     border-bottom:solid #ccc 1px;
  }
 
  .loader {
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 22px;
    height: 22px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }