/* This is a compiled file, you should be editing the file in the templates directory */ .pace {

-webkit-pointer-events: none;
pointer-events: none;

-webkit-user-select: none;
-moz-user-select: none;
user-select: none;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;

z-index: 2000;
position: fixed;
margin: auto;
top: 12px;
left: 0;
right: 0;
bottom: 0;
width: 200px;
height: 50px;
overflow: hidden;

}

.pace .pace-progress {

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;

-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;

-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

display: block;
position: absolute;
right: 100%;
margin-right: -7px;
width: 93%;
top: 7px;
height: 14px;
font-size: 12px;
background: #000000;
color: #000000;
line-height: 60px;
font-weight: bold;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;

-webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
-ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
box-shadow: 120px 0 #fff, 240px 0 #fff;

}

.pace .pace-progress:after {

content: attr(data-progress-text);
display: inline-block;
position: fixed;
width: 45px;
text-align: right;
right: 0;
padding-right: 16px;
top: 4px;

}

.pace .pace-progress:after { right: -200px } .pace .pace-progress:after { right: -198.14px } .pace .pace-progress:after { right: -196.28px } .pace .pace-progress:after { right: -194.42px } .pace .pace-progress:after { right: -192.56px } .pace .pace-progress:after { right: -190.7px } .pace .pace-progress:after { right: -188.84px } .pace .pace-progress:after { right: -186.98px } .pace .pace-progress:after { right: -185.12px } .pace .pace-progress:after { right: -183.26px } .pace .pace-progress:after { right: -181.4px } .pace .pace-progress:after { right: -179.54px } .pace .pace-progress:after { right: -177.68px } .pace .pace-progress:after { right: -175.82px } .pace .pace-progress:after { right: -173.96px } .pace .pace-progress:after { right: -172.1px } .pace .pace-progress:after { right: -170.24px } .pace .pace-progress:after { right: -168.38px } .pace .pace-progress:after { right: -166.52px } .pace .pace-progress:after { right: -164.66px } .pace .pace-progress:after { right: -162.8px } .pace .pace-progress:after { right: -160.94px } .pace .pace-progress:after { right: -159.08px } .pace .pace-progress:after { right: -157.22px } .pace .pace-progress:after { right: -155.36px } .pace .pace-progress:after { right: -153.5px } .pace .pace-progress:after { right: -151.64px } .pace .pace-progress:after { right: -149.78px } .pace .pace-progress:after { right: -147.92px } .pace .pace-progress:after { right: -146.06px } .pace .pace-progress:after { right: -144.2px } .pace .pace-progress:after { right: -142.34px } .pace .pace-progress:after { right: -140.48px } .pace .pace-progress:after { right: -138.62px } .pace .pace-progress:after { right: -136.76px } .pace .pace-progress:after { right: -134.9px } .pace .pace-progress:after { right: -133.04px } .pace .pace-progress:after { right: -131.18px } .pace .pace-progress:after { right: -129.32px } .pace .pace-progress:after { right: -127.46px } .pace .pace-progress:after { right: -125.6px } .pace .pace-progress:after { right: -123.74px } .pace .pace-progress:after { right: -121.88px } .pace .pace-progress:after { right: -120.02px } .pace .pace-progress:after { right: -118.16px } .pace .pace-progress:after { right: -116.3px } .pace .pace-progress:after { right: -114.44px } .pace .pace-progress:after { right: -112.58px } .pace .pace-progress:after { right: -110.72px } .pace .pace-progress:after { right: -108.86px } .pace .pace-progress:after { right: -107px } .pace .pace-progress:after { right: -105.14px } .pace .pace-progress:after { right: -103.28px } .pace .pace-progress:after { right: -101.42px } .pace .pace-progress:after { right: -99.56px } .pace .pace-progress:after { right: -97.7px } .pace .pace-progress:after { right: -95.84px } .pace .pace-progress:after { right: -93.98px } .pace .pace-progress:after { right: -92.12px } .pace .pace-progress:after { right: -90.26px } .pace .pace-progress:after { right: -88.4px } .pace .pace-progress:after { right: -86.53999999999999px } .pace .pace-progress:after { right: -84.68px } .pace .pace-progress:after { right: -82.82px } .pace .pace-progress:after { right: -80.96000000000001px } .pace .pace-progress:after { right: -79.1px } .pace .pace-progress:after { right: -77.24px } .pace .pace-progress:after { right: -75.38px } .pace .pace-progress:after { right: -73.52px } .pace .pace-progress:after { right: -71.66px } .pace .pace-progress:after { right: -69.8px } .pace .pace-progress:after { right: -67.94px } .pace .pace-progress:after { right: -66.08px } .pace .pace-progress:after { right: -64.22px } .pace .pace-progress:after { right: -62.36px } .pace .pace-progress:after { right: -60.5px } .pace .pace-progress:after { right: -58.64px } .pace .pace-progress:after { right: -56.78px } .pace .pace-progress:after { right: -54.92px } .pace .pace-progress:after { right: -53.06px } .pace .pace-progress:after { right: -51.2px } .pace .pace-progress:after { right: -49.34px } .pace .pace-progress:after { right: -47.480000000000004px } .pace .pace-progress:after { right: -45.62px } .pace .pace-progress:after { right: -43.76px } .pace .pace-progress:after { right: -41.9px } .pace .pace-progress:after { right: -40.04px } .pace .pace-progress:after { right: -38.18px } .pace .pace-progress:after { right: -36.32px } .pace .pace-progress:after { right: -34.46px } .pace .pace-progress:after { right: -32.6px } .pace .pace-progress:after { right: -30.740000000000002px } .pace .pace-progress:after { right: -28.880000000000003px } .pace .pace-progress:after { right: -27.02px } .pace .pace-progress:after { right: -25.16px } .pace .pace-progress:after { right: -23.3px } .pace .pace-progress:after { right: -21.439999999999998px } .pace .pace-progress:after { right: -19.58px } .pace .pace-progress:after { right: -17.72px } .pace .pace-progress:after { right: -15.86px } .pace .pace-progress:after { right: -14px }

.pace .pace-activity {

position: absolute;
width: 100%;
height: 28px;
z-index: 2001;
box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 7px #FFF;
border-radius: 10px;

}

.pace.pace-inactive {

display: none;

}