﻿
#loading
{
    width : 100vw;
    height : 100vh;
    position : fixed;
	overflow : hidden;
	background: rgba(45, 45, 45, 1);
	left : 0;
	top : 0;
	color : white;
	font-size : .85em;
	text-align : center;
}
#loading #progBar {
	margin-top : 25%;
}
progress,          /* All HTML5 progress enabled browsers */
progress[role]     /* polyfill */
{
 
        /* Turns off styling - not usually needed, but good to know. */
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
 
        /* gets rid of default border in Firefox and Opera. */
        border: none;
  		border: solid 1px black;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; 
 
        /* Needs to be in here for Safari polyfill so background images work as expected. */
        background-size: auto;
        /* Dimensions */
        width: 200px;
        height: 10px;
}
/* Polyfill */
progress[role]:after {
        background-image: none; /* removes default background from polyfill */
}
 
/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
        display: none;
}

/* Background Colors  */
progress,                          /* Firefox  */
progress[role][aria-valuenow] {    /* Polyfill */
   background: #808080 !important; /* !important is needed by the polyfill */
}
 
/* Chrome */
progress::-webkit-progress-bar {
    background: #808080;
}
 
/* IE10 */
progress {
    color: white;
}

/* Firefox */
progress::-moz-progress-bar { 
    background: white;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; 
}

/* Chrome */
progress::-webkit-progress-value {
    background: white;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; 
}

/* Polyfill */
progress[aria-valuenow]:before  {
    background: white;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  		-webkit-border-radius: 15px;
		-moz-border-radius: 15px; 
}