/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .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%;}
   }

   .gcss-notify-hidden {
      display:none;
   }
  
   .gcss-notify-show {
      display:block;
   }
  
   .gcss-notify {
      position:fixed; 
      top:50px; 
      right:50px;  
      width:350px;
      min-height:65px;
      border-radius:10px;
      z-index:999999;
      box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
      font-family:Arial,Helvetica,sans-serif;
   }
  
   .gcss-notify-success {
      background-color:rgba(0,255,0,0.7);
      
   }
  
   .gcss-notify-failed {
      background-color:rgba(255,0,0,0.7);
      color:#ffffff;
   }
  
   .gcss-notify-padding {
      padding:15px;
   }
  
   .gcss-notify-title {
      padding-left:10px;
      padding-bottom:2px;
      padding-top:2px;
      font-weight:800;
      font-size:14pt;
      border-bottom:solid #ccc 1px;
   }