.progress-bar {
    background-color: #1a1a1a; 
    height: 25px;
    padding: 3px;
    width: 50%;
    margin: 2px 0 auto;  
    margin-bottom:5px;       
    border-radius: 5px;
    border: 2px solid silver;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;        
    /* #00AAFF button colour   */
}

.progress-bar span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;    
}

.progress-bar p {
	margin-top: 2px;
	margin-right: 5px;
	font-weight: bold;
	text-align:right;
	color:white;
}

.progTextContain{
		padding: 5px;
		width:20%;
	  	
  		/*font-family: Helvetica, sans-serif; 	*/
  		border-style: solid;
    		border-width: 2px;
    		border-color: #020202;
    		/* Setting the box-sizing method: */
		box-sizing:border-box;

		/* Firefox still requires the -moz prefix */
		-moz-box-sizing:border-box;
		border-radius: 4px;	
}


/* for combining progress bars and text */
.inline{
	display: inline-block;
	
}

.overall{
	background-color: #09c003;
	color:white;
}
.cells_text{		
	background-color: #84021A;
	color:ivory;	
}
.man_work_text{		
	background-color: Gold;
	color:black;	
}

.form_func_text{		
	background-color: #93F47B;
	color:black;	
}

.format_text{		
	background-color: blue;
	color:white;	
}
.use_app{
	background-color:#202020;
	color:ivory;
}
.charts{background-color:purple;
	color:ivory;
}

.prep_out{background-color:indigo;
	color:ivory;
}


.red span {
    background-color: #c00309;   
    
}

.orange span {
      background-color: #fecf23;
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.green span {
      background-color: #09c003;
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}

.white span {
      background-color: ivory;
      background-image: linear-gradient(top, #F4F8EE, #EEF2EB);      
}

.cells span{		
	background-color: #84021A;
	
}

.man_work span{		
	background-color: Gold;
	color:black;	
}

.format span{		
	background-color: blue;
	color:white;	
}
.form_func span{		
	background-color: #93F47B;
	color:black;	
}

.charts span{background-color:purple;
	color:ivory;
}

.prep_out span{background-color:indigo;
	color:ivory;
}

.shine span {
    position: relative;
}

.shine span::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    animation: animate-shine 2s ease-out infinite;             
}

.glow span {
    box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;    
    animation: animate-glow 1s ease-out infinite;          
}