@charset "utf-8";
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");
/* CSS Document */
body { background-color:#fff; /*font-family:sans-serif; */color:#000000; text-align:center }
code { display:inline-block; max-width:600px;  padding:80px 0 0; line-height:1.5; font-family:monospace; color:#ccc }

.sc-gauge  {  width:200px; height:200px; margin:5px auto; }
.sc-background { position:relative; height:100px; margin-bottom:10px; background-color:#ABABAB; border-radius:150px 150px 0 0; overflow:hidden; text-align:center; }
.sc-mask { position:absolute; top:20px; right:20px; left:20px; height:80px; background-color:#fff; border-radius:150px 150px 0 0 }
/* .sc-percentages */
.sc-percentage-1, .sc-percentage-2,.sc-percentage-3 ,.sc-percentage-4,.sc-percentage-5,.sc-percentage-6{ position:absolute; top:100px; left:-200%; width:400%; height:400%; margin-left:100px; background-color:#0FA3D4; }
.sc-percentage-1 { transform:rotate(161.28deg); transform-origin:top center; }
.sc-percentage-2 { transform:rotate(149.4deg); transform-origin:top center; }
.sc-percentage-3 { transform:rotate(160.92deg); transform-origin:top center; }
.sc-percentage-4 { transform:rotate(120.06deg); transform-origin:top center; }
.sc-percentage-5 { transform:rotate(162.72deg); transform-origin:top center; }
.sc-percentage-6 { transform:rotate(127.98deg); transform-origin:top center; }
/* .sc-percentages ^^ */
.sc-min { float:left; }
.sc-max { float:right; }
.sc-av {
    padding-left: 1em;
}
/* .sc-values */
.sc-value-1, .sc-value-2, .sc-value-3, .sc-value-4, .sc-value-5, .sc-value-6 { position:absolute; top:50%; left:0; width:100%;  font-size:36px; font-weight:700 }

/* .sc-values ^^ */
.table {display:inline-block; margin-right: 1em; margin-left: 1em}
.text {width:20em;}