/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *









 */

 .status{
    color: #ffcb00;
    font-size: 17px;
 }

 .version{
     color:white;
     float: right; 
     margin: 5px;
 }
 .myProgress {
    width: 20%;
    background-color: #ddd;
  }
  
.myBar {
    width: 10%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 30px;
    color: white;
  }

#backupProgress {
    width: 20%;
    background-color: #ddd;
}
  
#backupBar {
   width: 0%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 30px;
    color: white;
}

#restoreProgress1 {
    width: 20%;
    background-color: #ddd;
}
  
#restoreBar1 {
   width: 0%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 30px;
    color: white;
}

#restoreProgress2 {
    width: 20%;
    background-color: #ddd;
}
  
#restoreBar2 {
   width: 0%;
    height: 30px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 30px;
    color: white;
}

.systemOperation {
    display: inline-block;
}

.guage {
    font-size: 20px;
    display: inline;
}