/*@font-face {
    font-family: $font-main;
    src: url('../../fonts/NotoSans-Light.ttf');
    font-weight: 300;
}

@font-face {
    font-family: $font-main;
    src: url('../../fonts/NotoSans-Regular.ttf');
    font-weight: 400;

@font-face {
    font-family: $font-main;
    src: url('../../fonts/NotoSans-Bold.ttf');
    font-weight: 700;
}*/
.table {
  display: table;
  width: 100%; }

.td {
  display: table-cell;
  vertical-align: middle; }

.grid {
  width: 100%;
  margin: 0 0 0 0;
  overflow: hidden; }
  .grid:after {
    content: "";
    display: table;
    clear: both; }

[class*='col-'] {
  float: left;
  padding: 0;
  margin-left: 0.82%; }
  .grid [class*='col-']:first-child {
    margin-left: 0; }

.grid > .row {
  overflow: auto;
  clear: both; }

.col-1-1 {
  width: 100%;
  margin-left: 0; }

.col-1-2 {
  width: 49.58%; }

.col-1-3 {
  width: 32.78%; }

.col-2-3 {
  width: 66.4%; }

.col-1-4 {
  width: 24.38%; }

.col-3-4 {
  width: 74.8%; }

.col-1-5 {
  width: 19.34%; }

.col-1-6 {
  width: 15.98%; }

.col-4-6 {
  width: 66.40%; }

.col-5-6 {
  width: 83.20%; }

.col-1-8 {
  width: 11.78%; }

.col-3-8 {
  width: 37.00%; }

.col-5-8 {
  width: 62.2%; }

.col-7-8 {
  width: 87.4%; }

#leftMenu {
  position: absolute;
  top: 25%;
  width: 100%; }
  #leftMenu li {
    min-height: 67px;
    padding-bottom: 36px;
    font-size: 20px;
    line-height: 20px;
    width: 100%;
    cursor: pointer; }
  #leftMenu li:hover {
    font-weight: bold; }
  #leftMenu a {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  #leftMenu span {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 67px;
    width: 67px;
    margin-right: 10px;
    border-width: 3px;
    border-style: solid;
    border-radius: 200px;
    -moz-transition: background-color 0.3s ease-in;
    -o-transition: background-color 0.3s ease-in;
    -webkit-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in; }

#dashboardLogo {
  width: 100%;
  text-align: center; }
  #dashboardLogo img {
    max-width: 100%;
    max-height: 170px; }

#enviLogo {
  width: 100%;
  height: 46px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  opacity: 0.0; }

#enviLogo span {
  float: left;
  padding-top: 24px;
  font-size: 12px; }

#enviLogo img {
  float: left;
  height: 46px;
  width: auto; }

.horizontalBand {
  padding: 5px 40px;
  overflow: hidden;
  width: 100%; }

.card {
  border: 1px solid;
  border-color: #aaaaaa;
  background-color: white;
  border-radius: 6px;
  padding: 6px; }
  .card:first-child {
    margin-left: 0; }

#summaryContent .card {
  background-color: transparent;
  padding: 0;
  border: none; }

hr {
  color: #ccc;
  border: none;
  border-bottom: 1px solid; }

.titleBlock {
  padding-top: 20px; }
  .titleBlock h1 {
    font-size: 32px;
    padding-bottom: 10px; }
  .titleBlock p {
    font-size: 20px; }

.contentLeft {
  width: 70%;
  height: 100%;
  float: left; }

.contentRight {
  height: 100%;
  margin-left: 3%;
  width: 27%;
  float: left;
  max-height: 610px; }

/* __________________________________________ */
.border {
  border: 1px solid #111111;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px; }

.border h3 {
  font-size: 20px;
  padding: 4px 0; }

.verticalAlign {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

/* resets */
*,
*:before,
*:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

html {
  height: 100%;
  width: 100%;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: "NotoSans", sans-serif;
  font-size: 18px;
  width: 100%;
  height: 100%;
  overflow: auto; }

a {
  text-decoration: none; }

h1, h2 {
  font-size: 42px; }

small {
  font-size: 0.9em; }

sub {
  font-size: 0.7em; }

b, strong {
  font-weight: bold; }

i {
  font-style: italic; }

#container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  min-width: 1280px;
  min-height: 720px; }

.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }
  .skip-main:focus {
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.2em;
    z-index: 1111; }

#sideBar {
  width: 20%;
  padding: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#sideBar-inner {
  position: relative;
  height: 100%; }

#mainContent {
  width: 80%;
  overflow: hidden; }

#fullContent {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.fullSize {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fullHeight, .verticalBand {
  height: 100%; }

.verticalBand {
  width: auto;
  float: left;
  display: inline-block; }

.banner {
  width: 100%;
  height: 16.6667%;
  min-height: 120px;
  max-height: 180px;
  padding-top: 40px;
  position: relative; }

.contentArea {
  height: 83.3334%;
  min-height: 600px;
  width: 100%;
  position: relative; }

.bannerTitle {
  height: 42px; }
  .bannerTitle h1 {
    font-size: 42px;
    font-weight: 500;
    padding-left: 40px;
    display: inline-block; }

/* SVG icons */
.svgIconF {
  fill: white; }

.svgIconS {
  fill: none;
  stroke: white; }

.icon {
  height: 100%;
  width: 100%;
  display: inline-block; }

.menuIcon {
  height: 48px;
  width: 48px;
  display: inline-block;
  margin-top: 5px; }

.iconHome {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj4NCjxkZWZzPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbDQoJICAuc3ZnSWNvbkYgew0KCQlmaWxsOiAjZmZmZmZmOw0KCSAgfQkgIA0KICAgICAgLnN2Z0ljb25TIHsNCgkJZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgIF1dPjwvc3R5bGU+DQo8L2RlZnM+DQo8Zz4JDQoJPHBvbHlsaW5lIGNsYXNzPSJzdmdJY29uUyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjE2Ljk3OSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iDQoJCTQ5LjY2NCwxNTcuNzIyIDE0OS41MjUsNTcuODQxIDI0OS42NjEsMTU3Ljk4OSAJIi8+DQoJPHBhdGggY2xhc3M9InN2Z0ljb25GIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjAwLjU1MywxMDguODgxVjU1Ljg1N2MwLTQuNjc5LDMuODA5LTguNDk0LDguNTAxLTguNDk0aDguNWM0LjY5Mi0wLjAwNiw4LjUwNywzLjgxNSw4LjUwNyw4LjV2NzguNTI1DQoJCUwyMDAuNTUzLDEwOC44ODF6Ii8+DQoJPHBhdGggY2xhc3M9InN2Z0ljb25GIiBmaWxsPSIjZmZmZmZmIiBkPSJNMTc2LjA1LDIyOS41OWMwLDQuODM5LTMuOTQxLDguNzgtOC43NzMsOC43OGgtMzUuMTE0Yy00LjgzOCwwLTguNzc3LTMuOTQxLTguNzc3LTguNzh2LTUyLjY1NA0KCQljMC00Ljg0NSwzLjkzOC04Ljc3NCw4Ljc3Ny04Ljc3NGgzNS4xMTRjNC44MzIsMCw4Ljc3MywzLjkzLDguNzczLDguNzc0VjIyOS41OXogTTI0My4yMDEsMjI1LjgwMXYtNDYuNzY4bC05My41MzktOTMuNTQyDQoJCUw1Ni4xMiwxNzkuMDMzdjQ2Ljc2OGMwLDE0LjA4OSwxMS40MjUsMjUuNTA4LDI1LjUxNCwyNS41MDhoMTM2LjA2QzIzMS43NzYsMjUxLjMwOSwyNDMuMjAxLDIzOS44OSwyNDMuMjAxLDIyNS44MDEiLz4NCjwvZz4NCjwvc3ZnPg=="); }

.iconCorporate {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMDAgMzAwJz48ZGVmcz48c3R5bGUgdHlwZT0ndGV4dC9jc3MnPjwhW0NEQVRBWy5zdmdJY29uRiB7ZmlsbDogI0ZGRkZGRjt9IC5zdmdJY29uUyB7ZmlsbDogbm9uZTsgc3Ryb2tlOiAjRkZGRkZGO31dXT48L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0nc3ZnSWNvbkYnIGZpbGw9JyNGRkZGRkYnIGQ9J20gMjMzLjQ3MTI5LDE0MC43MjY3OCAtMzcuMTA2NSwzNy4wOTQ0IGMgLTIwLjQ3OTgyLDIwLjQ5MTkzIC01My43MDMzMiwyMC40OTE5MyAtNzQuMTg2NjEsMCAtMy4yMjY0NiwtMy4yMTczOSANCiAgICAgICAgICAgIC01Ljc1MDU1LC02Ljg0MjYyIC03Ljk2NzExLC0xMC41ODExOCBsIDE3LjI0MTI1LC0xNy4yMzk5NiBjIDAuODE5NTksLTAuODI2NSAxLjgzMTY0LC0xLjMwMDA5IDIuNzk4NzIsLTEuODU4MDIgMS4xOTE5Nyw0LjA3MjQ0IDMuMjcyNzUsNy45Mjc3NyA2LjQ3NTQxLDExLjEzMDg4IA0KICAgICAgICAgICAgMTAuMjI3ODEsMTAuMjM2MDEgMjYuODcwNDgsMTAuMjIxNzQgMzcuMDkyMjMsMCBsIDM3LjA5NDgzLC0zNy4wOTM1MyBjIDEwLjIzNTU4LC0xMC4yMzQ3MiAxMC4yMzU1OCwtMjYuODczNTA2IDAsLTM3LjEwMDQzNyAtMTAuMjIyMTksLTEwLjIyNjkzOCAtMjYuODYwNTMsLTEwLjIyNjkzOCANCiAgICAgICAgICAgIC0zNy4wOTQ4MywwIGwgLTEzLjE5MDg3LDEzLjIwNTE0MSBjIC0xMC43MDQ0MywtNC4xNjgwMiAtMjIuMjM3MDgsLTUuMjg4NjMgLTMzLjQ2Mzk3LC0zLjY0MzM5IGwgMjguMTA4NzMsLTI4LjEwNzg2NSBjIDIwLjQ5MTk1LC0yMC40ODgwNDggNTMuNzA2NzksLTIwLjQ4ODA0OCANCiAgICAgICAgICAgIDc0LjE5ODcyLDAgMjAuNDgyLDIwLjQ4NzE4MSAyMC40ODIsNTMuNzA3MjExIDAsNzQuMTkzOTYxIHogbSAtOTguMDkzMTUsNjAuOTk1NzMgLTEzLjIwMDM5LDEzLjIwNTE2IGMgLTEwLjIyNjk0LDEwLjIyMTc1IC0yNi44NzA0NzksMTAuMjIxNzUgLTM3LjA5OTE1MiwwIA0KICAgICAgICAgICAgLTEwLjIyNzc5NiwtMTAuMjM2MDIgLTEwLjIyNzc5NiwtMjYuODc0OCAwLC0zNy4xMDY0OSBsIDM3LjA5OTE1MiwtMzcuMDk0NCBjIDEwLjIzNTE2LC0xMC4yMzM4NiAyNi44Njc0NSwtMTAuMjMzODYgMzcuMDk0MzksMCAzLjE5NTMyLDMuMTk2MTkgNS4yNzgyNSw3LjA1MDY0IA0KICAgICAgICAgICAgNi40ODE0NywxMS4xMTc4OSAwLjk3MjcsLTAuNTY1MjggMS45NzIyMSwtMS4wMjQ1OSAyLjc5MTM2LC0xLjg0NTA1IGwgMTcuMjM5OTYsLTE3LjIzMzA0IGMgLTIuMjAyMjksLTMuNzUzMjUgLTQuNzM5MzUsLTcuMzY1NTEgLTcuOTY3MTEsLTEwLjU4NjM1IC0yMC40NzgxLC0yMC40ODgwNCANCiAgICAgICAgICAgIC01My43MDQ2MywtMjAuNDg4MDQgLTc0LjE5MjY3LDAgbCAtMzcuMDkzNTMsMzcuMDk0ODMgYyAtMjAuNDg1ODgsMjAuNDk0MDkgLTIwLjQ4NTg4LDUzLjcwNDYxIDAsNzQuMTk2OTkgMjAuNDg4MDQ5LDIwLjQ4MTU1IDUzLjcwNjc5LDIwLjQ4MTU1IDc0LjE5NDQsMCBsIA0KICAgICAgICAgICAgMjguMTE2MDksLTI4LjExMzkyIGMgLTExLjIzMjk0LDEuNjU0NzUgLTIyLjc2ODYzLDAuNTI0NjIgLTMzLjQ2Mzk3LC0zLjYzNTYyIHonLz48L3N2Zz4="); }

.iconLocations {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj4NCjxkZWZzPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbDQoJICAuc3ZnSWNvbkYgew0KCQlmaWxsOiAjZmZmZmZmOw0KCSAgfQkgIA0KICAgICAgLnN2Z0ljb25TIHsNCgkJZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgIF1dPjwvc3R5bGU+DQo8L2RlZnM+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3ZnSWNvbkYiIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNzMuNDYzLDExOC43NWMwLTEzLjIxMi0xMC43MDctMjMuOTI1LTIzLjkyNC0yMy45MjVjLTEzLjIxMiwwLTIzLjkyNywxMC43MTItMjMuOTI3LDIzLjkyNQ0KCQljMCwxMy4yMjIsMTAuNzE1LDIzLjkzLDIzLjkyNywyMy45M0MxNjIuNzU2LDE0Mi42OCwxNzMuNDYzLDEzMS45NzIsMTczLjQ2MywxMTguNzUgTTE5NC44NDksMTE4Ljc1DQoJCWMwLDM0LjU3Mi0yOC43NzksNDEuMDU0LTQyLjMxMiw3NC4yNzRjLTEuMDk4LDIuNjk5LTQuODk5LDIuNjg1LTUuOTk3LTAuMDE1Yy0xMi4yMTItMjkuOTQ3LTM2LjgxMy0zOC4xNjUtNDEuNTE5LTY0Ljg0NQ0KCQljLTQuNjM1LTI2LjI3LDEzLjU0OS01Mi4wMDEsNDAuMTA5LTU0LjUxMUMxNzIuMTM2LDcxLjEwNCwxOTQuODQ5LDkyLjI3NSwxOTQuODQ5LDExOC43NSBNMjE4LjMwNSwxNjEuOTg5bDMwLjc5LDYzLjI2Mw0KCQljMS4yNTgsMi41NjktMC4wNiw0LjY3Ni0yLjkxOSw0LjY3Nkg1Mi45NzNjLTIuODYxLDAtNC4xNzktMi4xMDYtMi45MjktNC42NzZsMzAuOC02My4yNjNjMC40ODktMS4wMDgsMS44MDQtMS44MzEsMi45MjEtMS44MzENCgkJaDI2LjQwNWMwLjgxOCwwLDEuOTE2LDAuNTA5LDIuNDQ3LDEuMTIzYzEuNzk0LDIuMDcsMy42MTgsNC4wOTEsNS40MzYsNi4wOTdjMS43MjksMS45MDEsMy40NjUsMy44MjcsNS4xOTIsNS43OTNIOTEuOTA3DQoJCWMtMS4xMiwwLTIuNDM4LDAuODIzLTIuOTI0LDEuODMxbC0yMC40LDQxLjkxMmgxNjEuOThsLTIwLjM5Ni00MS45MTJjLTAuNDg5LTEuMDA4LTEuODA3LTEuODMxLTIuOTMtMS44MzFoLTMxLjQwOQ0KCQljMS43MjctMS45NjYsMy40NjgtMy44OTIsNS4xOTQtNS43OTNjMS44MjEtMi4wMTEsMy42NTctNC4wMjYsNS40NTQtNi4wOTdjMC41MzMtMC42MTksMS42MjYtMS4xMjMsMi40MzktMS4xMjNoMjYuNDcNCgkJQzIxNi40OTMsMTYwLjE1OCwyMTcuODE1LDE2MC45ODEsMjE4LjMwNSwxNjEuOTg5Ii8+DQo8L2c+DQo8L3N2Zz4NCg=="); }

.iconGraph {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj4NCjxkZWZzPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbDQoJICAuc3ZnSWNvbkYgew0KCQlmaWxsOiAjZmZmZmZmOw0KCSAgfQkgIA0KICAgICAgLnN2Z0ljb25TIHsNCgkJZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgIF1dPjwvc3R5bGU+DQo8L2RlZnM+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3ZnSWNvblMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI5LjM1NTciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTE5My4zNSwxNjcuOTQ1bDM2Ljk4NS0zOC4zNzYNCgkJIE0xMzUuNDM3LDEzOC4zNTZsMzcuMDkyLDI5Ljc2OSBNNzUuMTg3LDE3MS4xNTlsMzcuNTAxLTMxLjY0MyBNMjQ5LjY0NSwxMjQuNDE1Yy0xLjYyNiw3Ljc0MS05LjIzLDEyLjY4Ny0xNi45NTgsMTEuMDYxDQoJCWMtNy43NDUtMS42My0xMi43MDQtOS4yMjYtMTEuMDc0LTE2Ljk2N2MxLjYzLTcuNzQ1LDkuMjM0LTEyLjY5NSwxNi45NzYtMTEuMDYxQzI0Ni4zMTIsMTA5LjA3MywyNTEuMjc0LDExNi42NzMsMjQ5LjY0NSwxMjQuNDE1eg0KCQkgTTE5Ny4wMDcsMTgwLjc5Yy0xLjYzLDcuNzMzLTkuMjM0LDEyLjY3OS0xNi45NTksMTEuMDQ5Yy03Ljc0OS0xLjYyNi0xMi43MDMtOS4yMTgtMTEuMDczLTE2Ljk1NA0KCQljMS42My03Ljc1LDkuMjMtMTIuNjk1LDE2Ljk3OS0xMS4wNjVDMTkzLjY3OCwxNjUuNDQ5LDE5OC42NDIsMTczLjAzNywxOTcuMDA3LDE4MC43OXogTTEzNy42MDEsMTMzLjI3OA0KCQljLTEuNjMsNy43MzItOS4yMzQsMTIuNjk1LTE2Ljk2LDExLjA2OWMtNy43NDMtMS42My0xMi43MDYtOS4yNDMtMTEuMDc2LTE2Ljk4YzEuNjM1LTcuNzQ1LDkuMjM3LTEyLjY4NywxNi45ODQtMTEuMDUyDQoJCUMxMzQuMjcsMTE3Ljk0MSwxMzkuMjMxLDEyNS41MjgsMTM3LjYwMSwxMzMuMjc4eiBNNzguMjk3LDE4My4zMTJjLTEuNjMsNy43NDEtOS4yMzcsMTIuNjkxLTE2Ljk2MywxMS4wNjUNCgkJYy03Ljc0My0xLjYzLTEyLjY5OC05LjIzLTExLjA3LTE2Ljk3MmMxLjYzLTcuNzM2LDkuMjMtMTIuNjksMTYuOTc4LTExLjA2MUM3NC45NjksMTY3Ljk3Niw3OS45MjcsMTc1LjU3MSw3OC4yOTcsMTgzLjMxMnoiLz4NCjwvZz4NCjwvc3ZnPg0K"); }

.iconRanking {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj4NCjxkZWZzPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbDQoJICAuc3ZnSWNvbkYgew0KCQlmaWxsOiAjZmZmZmZmOw0KCSAgfQkgIA0KICAgICAgLnN2Z0ljb25TIHsNCgkJZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgIF1dPjwvc3R5bGU+DQo8L2RlZnM+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3ZnSWNvbkYiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMTUuOTc0LDEyOC43MDJjLTUuODgzLDYuNzE0LTEzLjMyMywxMC4yNjUtMjIuMTU4LDEwLjcwNGMxLjE2LTIuODM2LDIuMjk3LTUuNzMsMy4zNzUtOC43OTQNCgkJYzUuODg4LTE2LjY1MSw4LjQ0OC0zNS41OTgsOS41MjYtNTAuODA3aDI1LjY0OUMyMzEuMzIzLDkyLjAwOSwyMjcuODI1LDExNS4xNjgsMjE1Ljk3NCwxMjguNzAyIE04My44MjksMTI4LjcwMg0KCQljLTExLjg0OS0xMy41MjgtMTUuMzUzLTM2LjY4OC0xNi4zOS00OC44OTdoMjUuNjQ2YzEuMDg3LDE1LjIwOSwzLjYzNiwzNC4xNTYsOS41MjYsNTAuODA3YzEuMDgxLDMuMDY0LDIuMjIxLDUuOTUyLDMuMzc4LDguNzk0DQoJCUM5Ny4xNTUsMTM4Ljk2Nyw4OS43MTQsMTM1LjQxLDgzLjgyOSwxMjguNzAyIE0yMDcuNDMyLDYzLjcwNWMwLjExNy03LjU0Ni0wLjEwNS0xMi4zMjEtMC4xMDUtMTIuMzIxbC01Ny4xMzgtMC4wNTNoLTAuMjg3aC0wLjI5Ng0KCQlsLTU3LjE0OSwwLjA1M2MwLDAtMC4yMTEsNC43NzUtMC4wOTEsMTIuMzIxSDU0LjUxOHY4LjA1YzAsMS44MzQsMC4yNCw0NS4yLDIwLjk3Nyw2OC45NTgNCgkJYzguNjU5LDkuOTAxLDE5LjQ1MSwxNC44ODEsMzIuMTgyLDE0Ljg5M2MxLjkxOSwwLDMuODk5LTAuMTcsNS45MDktMC4zODdjNy4yMjQsMTIuNzY3LDE1LjU3NSwyMS43MTMsMjQuOTcsMjYuMTU5djM1LjM4MWgtMjcuNTgNCgkJdjIyLjE1OGgtOS4xMDd2MTIuNDE1aDQ3LjczN2gwLjU4M2g0Ny43NHYtMTIuNDA5aC05LjExNnYtMjIuMTU4aC0yNy41ODN2LTM1LjM2M2M5LjM5Ny00LjQ2NCwxNy43NTItMTMuNDA0LDI0Ljk4MS0yNi4xNzcNCgkJYzIuMDE2LDAuMjE3LDMuOTk2LDAuMzgxLDUuOTE3LDAuMzgxYzEyLjcyLTAuMDE4LDIzLjUxOC00Ljk5MiwzMi4xNjUtMTQuOTA1YzIwLjc0Ni0yMy43NTcsMjAuOTg2LTY3LjEyNCwyMC45ODYtNjguOTUydi04LjA0NA0KCQlIMjA3LjQzMnoiLz4NCjwvZz4NCjwvc3ZnPg=="); }

.iconSummary {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj4NCjxkZWZzPg0KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbDQoJICAuc3ZnSWNvbkYgew0KCQlmaWxsOiAjZmZmZmZmOw0KCSAgfQkgIA0KICAgICAgLnN2Z0ljb25TIHsNCgkJZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjZmZmZmZmOw0KICAgICAgfQ0KICAgIF1dPjwvc3R5bGU+DQo8L2RlZnM+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3ZnSWNvbkYiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMjcuODQ1LDIxNy40NzljLTAuMTI2LDAuMzc0LTMuMTAyLDkuNTY1LTE1LjE1MywxMS4yODdjLTE3LjEzNCwyLjU1Mi00OC45MDMsMS4wMDEtNTMuNjIzLTEuMjQzDQoJCWMwLjA0NCwwLjAyNy03Ljc0Ny00Ljg1Ny03Ljc0Ny00Ljg1N2wtMTQuNjgzLTguMjVjLTMuNDA4LTEuMTM5LTExLjEzLTEuMjY2LTIxLjU0OC0wLjgwM3YtNjMuOTMxDQoJCWMxMC41Mi00LjI1NywyNi44Mi0xMy4zOTMsMzYuMTEzLTI3LjYyM2M4Ljg5NC0xMy42NDYsMTQuNzQ2LTI5Ljg3MywxOS4wMjEtNDEuNzQyYzAsMCwzLjc3Mi05LjM3OCw0LjY4MS0xMS41NTYNCgkJYzYuNTA3LDAuMDM5LDEwLjA5MywzLjYxOSwxMS40MywxMS4zNjljMC41MzMsMy4wMzYsMC43MzYsNi4wNSwwLjczNiw4Ljk2YzAsMTkuMjM1LTkuODc4LDM0LjU0Mi0xMC4wMjYsMzQuNzM1bC02LjUxMyw5LjkyOA0KCQlsNDIuMTEsMC4wMTZjMTEuMjYsMCwxOC4wNzQsNC4zOSwyMi4xMzQsMTQuMjI0QzI0MS4xNjcsMTYzLjQ4OCwyMzEuODk0LDIwMy40MjEsMjI3Ljg0NSwyMTcuNDc5IE0yNDYuNjQsMTQzLjEwOQ0KCQljLTYuMDUxLTE0LjY5MS0xNy40ODUtMjIuMTUtMzMuOTk4LTIyLjE1aC0xOS43OWMzLjM0NS03LjU2Myw3LjA3My0xOC41MzEsNy4wNzMtMzEuNzUzYzAtMy42MTktMC4yODYtNy4zNzYtMC45NzktMTEuMjA0DQoJCUMxOTYuMzUsNjIuNjM0LDE4NS44Niw1NC40NiwxNzAuOTYsNTYuMTA1Yy01LjkxMiwwLjY3Ni03Ljk0Miw2LjI4MS0xMi44MjYsMTkuODY3Yy00LjA2MiwxMS4yNjUtOS42MjMsMjYuNjg4LTE3LjY5MiwzOS4wOTENCgkJYy01LjkzMiw5LjEwOS0xNi40OTgsMTYuMzAzLTI1LjM3LDIwLjczNnYtMS4xMjdINDkuNzU0djk3LjA0OGg2NS4zMzZ2LTUuMzQ2YzEwLjI3OC0wLjUwNywxNi4xMjUtMC4yMDksMTcuNSwwLjIzbDExLjY4Niw2Ljc5Mw0KCQlsOC43NDMsNS40NDVjOC40ODYsNC41NzYsNDUuNjE5LDUuMDExLDYxLjUzNywyLjY1MWMyMC40NzMtMi45ODEsMjUuNDEyLTE5Ljc2MywyNS42MjEtMjAuNDgzDQoJCUMyNDEuNzg4LDIxNS40NDQsMjU1Ljg3NSwxNjUuNTIzLDI0Ni42NCwxNDMuMTA5Ii8+DQo8L2c+DQo8L3N2Zz4="); }

.iconNew {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,"); }

.pill {
  border-width: 2px;
  border-style: solid;
  height: 32px;
  line-height: 28px;
  font-size: 15px;
  display: inline-block;
  border-radius: 8px;
  padding: 0 10px;
  min-width: 33px; }

.circle, .circleTransparent {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 66px;
  width: 66px;
  line-height: 56px;
  border-radius: 100px;
  border-style: solid;
  cursor: pointer;
  border-width: 3px; }

.bigCircle {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 96px;
  width: 96px;
  line-height: 90px;
  border-radius: 100px;
  border-style: solid;
  cursor: pointer;
  border-width: 4px; }

.pagerButtons {
  width: 100%;
  max-width: 144px; }
  .pagerButtons li {
    float: left;
    font-size: 30px;
    margin-left: 10px; }
  .pagerButtons li:first-child {
    margin-left: 0; }

.bannerSelector {
  float: right;
  display: inline-block;
  padding-right: 40px; }

#PeriodSelector li {
  cursor: pointer; }

#PeriodSelector ul {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  #PeriodSelector ul > li {
    float: left;
    margin-left: 20px; }
  #PeriodSelector ul > li:first-child {
    margin-left: 0; }

#PeriodDropDown {
  width: auto;
  padding: 12px 40px 0 40px;
  max-height: 480px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  overflow: auto;
  position: absolute;
  right: 40px;
  margin-top: 4px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); }
  #PeriodDropDown ul > li {
    margin-left: 0;
    margin-bottom: 12px;
    margin-right: 20px; }

#unitTypeButtons {
  width: auto; }
  #unitTypeButtons li {
    display: inline-block;
    margin-right: 20px;
    font-weight: 400;
    font-size: 26px; }
  #unitTypeButtons li:last-child {
    margin-right: 0; }

#fuelButtons, #facadeFuelButtons {
  display: inline-block;
  height: 96px; }
  #fuelButtons > ul, #facadeFuelButtons > ul {
    height: auto;
    overflow: hidden; }
  #fuelButtons li, #facadeFuelButtons li {
    float: left;
    font-size: 64px;
    margin-left: 40px; }
  #fuelButtons li:first-child, #facadeFuelButtons li:first-child {
    margin-left: 0; }
  #fuelButtons li:last-child, #facadeFuelButtons li:last-child {
    margin-right: 0; }
  #fuelButtons div.noFuelTypesMessage, #facadeFuelButtons div.noFuelTypesMessage {
    display: none; }

ul.sideButtons {
  display: inline-block; }
  ul.sideButtons li {
    float: left;
    margin-left: 20px;
    cursor: pointer; }
  ul.sideButtons li:first-child {
    margin-left: 0; }
  ul.sideButtons .disabled {
    cursor: default; }

#sortButtons li i {
  margin-right: 5px; }

.circleSmall {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  line-height: 26px;
  border-radius: 100px;
  border-style: solid;
  cursor: pointer;
  font-size: 15px;
  border-width: 2px;
  margin-right: 5px; }

.bigText {
  font-size: 40px;
  line-height: 40px; }

.mediumText, .enviValue {
  font-size: 34px;
  line-height: 34px; }

.smallText, .enviUnit {
  font-size: 18px;
  line-height: 18px; }

.enviValue {
  font-weight: bold; }

.gaugeText {
  color: #aaaaaa;
  fill: #aaaaaa; }

.widgetContainer {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.widgetWithTitle {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-top: 26px;
  position: relative; }

.widgetWithTitleAndSubtitle {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-top: 26px;
  padding-bottom: 36px;
  position: relative; }

.widgetTitle, .widgetTitleNarrow {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 18px;
  line-height: 18px; }
  .widgetTitle > span, .widgetTitleNarrow > span {
    text-transform: uppercase; }

.widgetTitleNarrow {
  left: 2px; }

.widgetContent {
  background-color: transparent; }

.widgetSubTitle {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 36px; }

.widgetBorder {
  border: 2px solid;
  border-radius: 6px;
  border-color: #cecece; }

.widgetValue {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center; }

.widgetBox, .greenTipWidget2, .weatherWidget {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 30px; }

.widgetBoxIcon, .greenTipWidget2 .greenTipIcon, .weatherIcon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 56px;
  border: 2px solid;
  border-color: #333333;
  text-align: center;
  font-size: 40px;
  border-radius: 100px;
  background-color: white;
  z-index: 201;
  position: absolute;
  top: 0;
  left: 20px; }

.widgetBoxContent, .widgetBoxContentWithFooter, .greenTipWidget2 .greenTip, .weatherInfo {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 10px;
  padding-top: 30px;
  line-height: 20px; }

.widgetBoxContentWithFooter {
  padding-bottom: 28px; }

.widgetBoxTitle, .greenTipWidget2 .greenTipTitle, .weatherTitle {
  position: absolute;
  top: 10px;
  left: 20px;
  padding-left: 40px;
  padding-right: 20px;
  margin-left: 30px;
  line-height: 35px;
  height: 40px;
  z-index: 200;
  background-color: #293048;
  border: 2px solid #333333;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  color: white; }

.widgetBoxFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 28px;
  background-color: #293048;
  color: white;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  line-height: 28px; }

.gaugeContainer {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.gauge-color-green {
  fill: #17b917; }

.gauge-color-amber {
  fill: #ffd40d; }

.gauge-color-red {
  fill: #ef1717; }

.greenTipWidget {
  width: 100%;
  height: 60px;
  padding-left: 30px;
  position: relative; }
  .greenTipWidget .greenTipIcon {
    position: relative;
    top: -40px;
    left: -30px; }
  .greenTipWidget .greenTip {
    position: relative;
    top: 10px;
    left: 0;
    padding-top: 10px;
    padding-left: 40px;
    height: 40px; }

.greenTipWidget2 .greenTipIcon {
  color: #3cb31f; }

.greenTipWidget2 .greenTip {
  border: none;
  background-color: #3cb31f;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 24px;
  line-height: 28px; }

.greenTipWidget2 .greenTipTitle {
  background-color: #fff;
  color: #3cb31f;
  font-size: 18px; }

.greenTip, .greenTipWidget .greenTip {
  background-color: #3cb31f;
  color: white;
  line-height: 20px;
  overflow: hidden;
  border-radius: 6px; }
  .greenTip .greenTipTitle {
    float: left;
    margin-right: 40px; }
  .greenTip .greenTipTitle span {
    margin-right: 12px; }

.greenTipIcon, .greenTipWidget .greenTipIcon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 56px;
  border: 2px solid;
  border-color: #333333;
  background-color: white;
  color: #3cb31f;
  text-align: center;
  font-size: 32px;
  border-radius: 100px; }

.weatherIcon {
  color: #333333; }

.weatherTitle {
  background-color: #fff;
  color: #333333; }

.weatherInfo {
  padding-top: 40px;
  height: 100%;
  border: 2px solid;
  border-radius: 6px;
  border-color: #333333;
  background-color: #333333;
  color: #fff; }
  .weatherInfo img {
    float: left;
    margin-top: -30px; }
  .weatherInfo p {
    float: left;
    font-size: 46px;
    line-height: 48px;
    text-align: left;
    position: absolute;
    top: 75px;
    right: 10px;
    text-shadow: -2px 2px 2px rgba(70, 70, 70, 0.9); }

.widgetCircle {
  width: 100%;
  height: 100%;
  text-align: center; }

.arrow {
  float: left;
  height: 100%;
  width: 30%; }

.tvValue {
  margin-left: 30%;
  height: 100%;
  font-family: Noto Sans, sans-serif;
  font-weight: bold;
  vertical-align: middle; }

.color-green {
  stroke: #17b917; }

.color-red {
  stroke: #ef1717; }

.color-green-highcontrast {
  stroke: #226611; }

.color-red-highcontrast {
  stroke: #ef1717; }

.fuel-type-info-widget .vertical-widget-pane {
  text-align: center; }

.fuel-type-info-widget .header-pane {
  height: 60px;
  position: relative; }
  .fuel-type-info-widget .header-pane .fuelTypeIcon {
    position: absolute;
    margin: -15px 3px 0 10px;
    font-size: 30px;
    height: 30px;
    top: 50%; }
  .fuel-type-info-widget .header-pane > .header-text-container {
    position: absolute;
    top: 50%;
    left: 43px;
    right: 0;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    font-size: 18px; }
    .fuel-type-info-widget .header-pane > .header-text-container > .header-text {
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      -ms-text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }

.fuel-type-info-widget .content-container {
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0; }
  .fuel-type-info-widget .content-container .stats-section {
    position: absolute;
    top: 0;
    bottom: 150px;
    left: 0;
    right: 0; }
    .fuel-type-info-widget .content-container .stats-section .stats-section-top {
      height: 70%; }
    .fuel-type-info-widget .content-container .stats-section .stats-section-bottom {
      height: 30%; }
  .fuel-type-info-widget .content-container .simple-savings-widget {
    color: white;
    margin-top: 2px; }
  .fuel-type-info-widget .content-container .ranking-section {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    font-size: 22px; }

.ranking-list-widget {
  padding: 10px 5px 5px 5px; }
  .ranking-list-widget .trophy {
    display: inline-block;
    text-align: center;
    height: 50px;
    width: 50px; }
  .ranking-list-widget .ranking-list li {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-bottom: 3px; }
  .ranking-list-widget .ranking-list li:first-child {
    font-size: 23px; }
  .ranking-list-widget .ranking-list li:nth-child(2) {
    font-size: 19px; }
  .ranking-list-widget .ranking-list li:nth-child(3) {
    font-size: 16px; }

.simple-savings-widget {
  text-align: center; }
  .simple-savings-widget.positive-outcome {
    background-color: #17b917; }
  .simple-savings-widget.negative-outcome {
    background-color: #ef1717; }

.comparison-spark-lines .spark-line-container {
  height: 50%;
  position: relative; }

.comparison-spark-lines .spark-line {
  height: 100%;
  width: 100%; }

.comparison-spark-lines .total-value {
  position: absolute;
  height: 38px;
  left: 0;
  right: 5px;
  top: 5px;
  text-align: right;
  /*text-shadow:
            -1px -1px 0 #ffffff,
            1px -1px 0 #ffffff,
            -1px 1px 0 #ffffff,
            1px 1px 0 #ffffff;*/ }
  .comparison-spark-lines .total-value .value {
    font-size: 24px; }
  .comparison-spark-lines .total-value .unit {
    font-size: 14px; }

/*
 *
 * Intro Page 
 *
 */
#introContent {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#introSidebar {
  width: 25%;
  -moz-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  opacity: 0.1; }

#introSidebarInner {
  padding: 50px; }

.intro {
  height: 100%;
  width: 100%;
  overflow: hidden; }
  .intro h1 {
    top: 20px;
    font-size: 32px;
    line-height: 36px;
    min-height: 100px; }

.scroll-pane {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.introText {
  font-size: 20px;
  line-height: 30px;
  white-space: pre-line; }

/*
 *
 * Locations and ImageMapping Page
 *
 */
#imageMapContent {
  height: 100%;
  width: 100%;
  overflow: hidden; }

#imageMapSidebar {
  width: 25%;
  overflow: hidden; }
  #imageMapSidebar #sideBarScrollPane {
    width: 100%;
    height: 100%;
    overflow: auto; }
    #imageMapSidebar #sideBarScrollPane #contentContainer {
      margin: 50px;
      height: 100%; }
  #imageMapSidebar h2 {
    padding-top: 6vh;
    font-size: 2.65vh;
    line-height: 3.05vh; }

#MapContainer {
  width: 75%;
  height: 100%; }

#DisplayCanvas {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.locationList {
  margin-top: 20px; }
  .locationList li {
    padding: 6px 0;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .locationList li:hover {
    font-weight: bold; }

#locationContent {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative; }

#locationPager {
  position: absolute;
  bottom: 40px;
  right: 40px; }

#locationContent .pins {
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  height: 23px;
  position: absolute;
  bottom: 0; }
  #locationContent .pins span {
    height: 18px;
    -moz-transition: color 0.1s ease-in;
    -o-transition: color 0.1s ease-in;
    -webkit-transition: color 0.1s ease-in;
    transition: color 0.1s ease-in;
    cursor: pointer; }

#locationTiles {
  background-color: black;
  width: 100%;
  position: relative;
  left: 0; }

.locationTilePage {
  height: 100%;
  width: 100%;
  overflow: hidden;
  float: left; }

.locationTilePage-inner {
  padding: 0.6% 0.6% 30px 0.6%;
  width: 100%;
  height: 100%; }

.locationTile {
  position: relative;
  width: 24.549%;
  margin-left: 0.6%;
  margin-bottom: 0.6%;
  height: 32.523%;
  float: left;
  border-radius: 10px;
  overflow: hidden; }
  .locationTile:first-child, .locationTile:nth-child(4n+1) {
    margin-left: 0; }
  .locationTile label {
    position: absolute;
    background-color: rgba(20, 20, 20, 0.6);
    color: white;
    display: inline-block;
    width: 100%;
    padding: 5px 0 3px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    z-index: 200;
    pointer-events: none; }
  .locationTile .tileImage {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 100;
    -moz-transition: filter 1s ease-in;
    -webkit-transition: filter 1s ease-in;
    -o-transition: filter 1s ease-in;
    transition: filter 1s ease-in; }
  .locationTile div {
    text-align: center;
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    height: 67px;
    pointer-events: none;
    z-index: 200; }
    .locationTile div span {
      color: white;
      opacity: 0;
      -moz-transition: opacity 0.3s ease-in;
      -o-transition: opacity 0.3s ease-in;
      -webkit-transition: opacity 0.3s ease-in;
      transition: opacity 0.3s ease-in; }
  .locationTile:hover .tileImage {
    -moz-filter: blur(2px) grayscale(100%);
    -webkit-filter: blur(2px) grayscale(100%);
    filter: blur(2px) grayscale(100%); }
  .locationTile:hover span {
    opacity: 1; }

.circleTransparent {
  border-color: rgba(20, 20, 20, 0.6);
  background-color: rgba(20, 20, 20, 0.6); }

/*
 *
 * Chart Page
 *
 */
#chartContent {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.chartMainArea {
  width: 100%;
  height: 100%;
  min-height: 600px;
  padding-top: 100px;
  padding-bottom: 70px;
  position: relative; }

.chartTitleArea {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0; }

.chartContentArea {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.chartContentAreaInner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-bottom: 110px;
  position: relative; }

.chartFooterArea {
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0; }

.chartFuelSelector {
  width: 100%;
  text-align: center;
  height: 96px;
  position: absolute;
  bottom: 0;
  left: 0; }

/*
 *
 * Ranking Page
 *
 */
#rankingContent {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.rankingMainArea {
  width: 100%;
  height: 100%;
  min-height: 600px;
  padding-top: 100px;
  position: relative; }

.rankingTitleArea {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0; }

.rankingContentArea {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.rankingContentAreaInner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-bottom: 110px;
  position: relative; }

.rankingFooterArea {
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0; }

.rankingFuelSelector {
  text-align: center;
  height: 110px;
  line-height: 100px;
  position: absolute;
  bottom: 0;
  left: 0; }
  .rankingFuelSelector #fuelButtons {
    width: auto; }
    .rankingFuelSelector #fuelButtons li {
      display: inline-block;
      margin-right: 20px;
      font-weight: 400;
      font-size: 50px; }
    .rankingFuelSelector #fuelButtons li:last-child {
      margin-right: 0; }
    .rankingFuelSelector #fuelButtons .bigCircle {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      height: 72.6px;
      width: 72.6px;
      line-height: 61.6px;
      border-radius: 100px;
      border-style: solid;
      cursor: pointer;
      border-width: 3px;
      line-height: 70.6px; }

.rankingListContainer {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.rankingList .up {
  fill: #49B652; }

.rankingList .down {
  fill: #CD0046; }

.rankingList .stay {
  fill: #333333; }

/*
 *
 * Summary Page
 *
*/
#summaryContent {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.summaryBanner {
  padding: 0; }

#fuelButtons {
  width: auto;
  height: 40px; }
  #fuelButtons li {
    margin-left: 20px; }
  #fuelButtons li:first-child {
    margin-left: 0; }

.bannerCenter .circle, .bannerCenter .circleTransparent,
.bannerCenter .bigCircle,
.bannerRight .circle,
.bannerRight .circleTransparent,
.bannerRight .bigCircle {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 38px;
  border-width: 2px;
  box-sizing: border-box; }

.bannerCenter .smallerFont,
.bannerRight .smallerFont {
  font-size: 16px; }

.homeButton {
  text-align: right;
  width: 107px;
  font-size: 32px; }

.bannerLeft {
  width: 176px;
  padding: 0 40px; }

.bannerCenter {
  padding-left: 20px; }

.bannerRight {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  min-width: 512px; }

#summaryMain .circle, #summaryMain .circleTransparent {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  width: 50px;
  line-height: 40px;
  border-radius: 100px;
  border-style: solid;
  cursor: pointer; }

.summaryHalf {
  width: 50%;
  height: 100%;
  padding: 16px 16px 16px 8px;
  float: left; }
  .summaryHalf:first-child {
    padding: 16px 8px 16px 16px; }

.summaryCard {
  border: 2px solid;
  border-color: #cecece;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 42px 12px 12px 12px;
  padding-top: 42px;
  background-color: white;
  position: relative; }
  .summaryCard h2 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px 12px 0 12px;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase; }

.summaryCardInner {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px; }
  .row:first-child {
    border-top: 0; }
  .row > div {
    height: 100%;
    padding: 4px; }

.locationArea {
  padding-top: 70px; }

.locationAreaTitle {
  position: absolute;
  top: 0;
  left: 0; }

.locationAreaWidgetBox {
  height: 50%;
  min-height: 120px;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #cecece; }
  .locationAreaWidgetBox:first-child {
    border: none; }

.trophy-gold {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDMwMCAzMDAiCiAgIGlkPSJCYXJyZWwxIgogICBzdHlsZT0iZmlsbDojMDAwMDAwIgogICB2ZXJzaW9uPSIxLjEiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE2Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMTkyODc1MSwwLDAsMS4xOTI4NzUxLC0zMC4zNzYxMTcsLTEzLjU5NTkyKSIKICAgICBpZD0iZzQ1MzEiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojYzg4YTI3O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo5LjQyOTMyMjI0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIgogICAgICAgZD0ibSAxMzkuNTY4MjMsMTczLjM3ODIxIDUuNjU3NTksNDMuMjM4NiBoIDExLjk3MDgzIGwgNS42NTc1OSwtNDMuMjM4NiB6IgogICAgICAgaWQ9InJlY3Q0NTIzIiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojYzg4YTI3O3N0cm9rZS13aWR0aDoxNTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjE7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIgogICAgICAgZD0iTSAxMjUuNjQ0ODEsMTQyLjIwNDYgQyAxMDYuNzIzNjUsMTM0LjkxODI0IDkwLjU2Mjc0MiwxMjYuMzY3ODggNzcuMDc4NzY5LDExNC4yNzU0MSA3MC4zMzY3ODcsMTA4LjIyOTE3IDYyLjk1MDMzOSw5OC43Njg3NiA1Ny41ODQ3NzgsODguMTczOTg1IDUyLjIxOTIwOCw3Ny41NzkyNDYgNDguODc0NTIzLDY0LjIxMTkxMyA1MC4yMTYwNDksNTMuNjI4NCBjIDAuNjY3Mzc3LC03LjA0NDIzMiAyLjEyOTQzNywtMTYuOTUyNjMzIDguMDgyNjYsLTE2Ljk1MjYzMyBoIDMzLjUxMzA1NSIKICAgICAgIGlkPSJwYXRoNDUxNy00IiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojZmZiYTU3O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo2LjUzMzg4MDIzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIKICAgICAgIGQ9Im0gMTA5LjQ3OTEsMjQyLjkxMTc2IHYgLTEuNzAxNDUgYyAwLC0zLjc3OTk3IDAuMDk5NiwtOC4yODAzNCAxLjk0MzI1LC0xMS41NzQ4OSAxLjg0MzYxLC0zLjI5NDU1IDE4LjExODc2LC0xMC43MjY5NiAyMy4wOTA5LC0xMi4zMTUxNyAyLjQ4NjA2LC0wLjc5NDEgNC44NDY3LC0xLjQ3MDE5IDcuNDkyNzYsLTEuOTQ3NzUgMi42NDYwNSwtMC40Nzc1NyAxNS43NjQxLC0wLjQ3NzU3IDE4LjQwOTg0LDAgMi42NDU3NCwwLjQ3NzU2IDUuMDA2MDYsMS4xNTM2NSA3LjQ5MjEzLDEuOTQ3NzUgNC45NzIxNCwxLjU4ODIxIDIxLjI0NzYxLDkuMDIwNjIgMjMuMDkxNTMsMTIuMzE1MTcgMS44NDM5MywzLjI5NDU1IDEuOTQzODcsNy43OTQ5MiAxLjk0Mzg3LDExLjU3NDg5IHYgMS43MDE0NSBoIC02LjI3Mzc1IHoiCiAgICAgICBpZD0icGF0aDQ0OTktOCIgLz4KICAgIDxwYXRoCiAgICAgICBzdHlsZT0iY29sb3I6IzAwMDAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO2NsaXAtcnVsZTpub256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDAwMDtzb2xpZC1vcGFjaXR5OjE7dmVjdG9yLWVmZmVjdDpub25lO2ZpbGw6bm9uZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6I2M4OGEyNztzdHJva2Utd2lkdGg6MTU7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIKICAgICAgIGQ9Im0gMTc2Ljc3NzY2LDE0Mi4yMDQ2IGMgMTguOTIxMTYsLTcuMjg2MzYgMzUuMDgyMDcsLTE1LjgzNjcyIDQ4LjU2NjA0LC0yNy45MjkxOSA2Ljc0MTk4LC02LjA0NjI0IDE0LjEyODQzLC0xNS41MDY2NSAxOS40OTM5OSwtMjYuMTAxNDI1IDUuMzY1NTcsLTEwLjU5NDczOSA4LjcxMDI2LC0yMy45NjIwNzIgNy4zNjg3MywtMzQuNTQ1NTg1IC0wLjY2NzM3LC03LjA0NDIzMiAtMi4xMjk0MywtMTYuOTUyNjMzIC04LjA4MjY2LC0xNi45NTI2MzMgaCAtMzMuNTEzMDUiCiAgICAgICBpZD0icGF0aDQ1MTctNC05IiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJjb2xvcjojMDAwMDAwO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7Zm9udC1zaXplOm1lZGl1bTtsaW5lLWhlaWdodDpub3JtYWw7Zm9udC1mYW1pbHk6c2Fucy1zZXJpZjtmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7d3JpdGluZy1tb2RlOmxyLXRiO2RpcmVjdGlvbjpsdHI7dGV4dC1vcmllbnRhdGlvbjptaXhlZDtkb21pbmFudC1iYXNlbGluZTphdXRvO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO3RleHQtYW5jaG9yOnN0YXJ0O3doaXRlLXNwYWNlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7Y2xpcC1ydWxlOm5vbnplcm87ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTt2aXNpYmlsaXR5OnZpc2libGU7b3BhY2l0eToxO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtjb2xvci1pbnRlcnBvbGF0aW9uOnNSR0I7Y29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzOmxpbmVhclJHQjtzb2xpZC1jb2xvcjojMDAwMDAwO3NvbGlkLW9wYWNpdHk6MTt2ZWN0b3ItZWZmZWN0Om5vbmU7ZmlsbDojZmZiYTU3O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxOC40OTA3OTEzMjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MTtjb2xvci1yZW5kZXJpbmc6YXV0bztpbWFnZS1yZW5kZXJpbmc6YXV0bztzaGFwZS1yZW5kZXJpbmc6YXV0bzt0ZXh0LXJlbmRlcmluZzphdXRvO2VuYWJsZS1iYWNrZ3JvdW5kOmFjY3VtdWxhdGUiCiAgICAgICBkPSJtIDg5LjcwMTQ4OSwxMS45MjA0NTggdiA5LjI0NTE1NSBjIDAsNDEuMDc4NDI5IDUuODg3NDk5LDc4LjI3NTUxMSAxNS44NTEyMDEsMTA2LjAxNTQxNyA0Ljk4MTg2LDEzLjg2OTk1IDEwLjkzODk2LDI1LjQxMzMgMTguMjY3NDgsMzQuMDQzMTYgNy4zMjg1MSw4LjYyOTg3IDE2LjY5NzE1LDE0LjY5NDY1IDI3LjM5MTA3LDE0LjY5NDY1IDEwLjY5MzkzLDAgMjAuMDYwNzEsLTYuMDY0NzggMjcuMzg5MjMsLTE0LjY5NDY1IDcuMzI4NTIsLTguNjI5ODYgMTMuMjg1NjIsLTIwLjE3MzIxIDE4LjI2NzQ3LC0zNC4wNDMxNiA5Ljk2MzcxLC0yNy43Mzk5MDYgMTUuODUzMDUsLTY0LjkzNjk4MyAxNS44NTMwNSwtMTA2LjAxNTQxNyB2IC05LjI0NTE1NSBoIC05LjI0NyB6IgogICAgICAgaWQ9InBhdGg0NDk5IiAvPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOiM1NDJmMDA7c3Ryb2tlLXdpZHRoOjIxLjY3NzAwMDA1O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIgogICAgICAgZD0ibSA4OC4yNzYxOTEsMjUxLjUyODM5IGMgNDEuODIzMDk5LDAgODMuNjQ1MTE5LDAgMTI1LjQ2NjEwOSwwIgogICAgICAgaWQ9InBhdGg0NTIxIiAvPgogIDwvZz4KPC9zdmc+Cg=="); }

.vpad::after {
  display: block;
  content: "";
  width: 100%;
  height: 2%; }

/*
    .vpad::before {
        display: block;
        content: "";
        width: 100%;
        height: 2%;
    }
*/
@media screen and (max-height: 759px) {
  .fuel-type-info-widget .simple-savings-widget .values-container {
    padding-top: 2px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .percentage-difference {
      font-size: 38px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .outcome-description {
      font-size: 18px; } }

@media screen and (min-height: 760px) and (max-height: 784px) {
  .fuel-type-info-widget .simple-savings-widget .values-container {
    padding-top: 4px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .percentage-difference {
      font-size: 42px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .outcome-description {
      font-size: 20px; } }

@media screen and (min-height: 785px) and (max-height: 829px) {
  .fuel-type-info-widget .simple-savings-widget .values-container {
    padding-top: 6px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .percentage-difference {
      font-size: 46px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .outcome-description {
      font-size: 22px; } }

@media screen and (min-height: 830px) and (max-height: 919px) {
  .fuel-type-info-widget .simple-savings-widget .values-container {
    padding-top: 10px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .percentage-difference {
      font-size: 50px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .outcome-description {
      font-size: 24px; } }

@media screen and (min-height: 920px) and (max-height: 974px) {
  .fuel-type-info-widget .simple-savings-widget .values-container {
    padding-top: 20px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .percentage-difference {
      font-size: 50px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .outcome-description {
      font-size: 24px; } }

@media screen and (min-height: 975px) {
  .fuel-type-info-widget .simple-savings-widget .values-container {
    padding-top: 33px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .percentage-difference {
      font-size: 50px; }
    .fuel-type-info-widget .simple-savings-widget .values-container .outcome-description {
      font-size: 26px; } }

/*
 *
 * Scrollbar
 *
 */
.jspHorizontalBar, .jspVerticalBar, .jspTrack {
  background: none;
  border: 0;
  width: 12px;
  right: 1px; }

.jspTrack {
  background: #aaaaaa;
  border: 1px solid #aaaaaa;
  width: 12px;
  padding: 0;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.jspDrag {
  background: #808080;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 10px;
  background-color: #293048; }

.jspHorizontalBar .jspCap {
  width: 2px; }

.jspVerticalBar .jspCap {
  height: 2px;
  display: block; }

.jspVerticalBar .jspCapBottom {
  height: 3px; }

.screen-reader-only {
  position: absolute !important;
  /* Outside the DOM flow */
  height: 1px;
  width: 1px;
  /* Nearly collapsed */
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE 7+ only support clip without commas */
  clip: rect(1px, 1px, 1px, 1px);
  /* All other browsers */ }

/* NEW */
/* __________________________________________ */
.debug {
  position: fixed;
  top: 3px;
  left: 3px; }

/* __________________________________________ */
.themeBg {
  background-color: #293048; }

.themeContentBg {
  background-color: #efefef;
  color: #293048; }

.themeFg,
.themeFg a {
  color: white; }

.page1Bg {
  background-color: rgba(6, 189, 206, 0.85); }

.page2Bg {
  background-color: #BD0544; }

.page3Bg {
  background-color: #FF4717; }

.page4Bg {
  background-color: #32B99B; }

.page5Bg {
  background-color: #B40A74; }

.pageIcon span {
  border-color: #293048; }

.pageIcon:hover span,
.pageIcon.active span {
  background-color: #293048;
  color: white; }

.page1Icon span, .page6Icon span {
  border-color: #06BDCE; }

.page1Icon:hover span,
.page1Icon.active span, .page6Icon:hover span,
.page6Icon.active span {
  background-color: #06BDCE; }

.page2Icon span {
  border-color: #BD0544; }

.page2Icon:hover span,
.page2Icon.active span {
  background-color: #BD0544; }

.page3Icon span {
  border-color: #FF4717; }

.page3Icon:hover span,
.page3Icon.active span {
  background-color: #FF4717; }

.page4Icon span {
  border-color: #32B99B; }

.page4Icon:hover span,
.page4Icon.active span {
  background-color: #32B99B; }

.page5Icon span {
  border-color: #B40A74; }

.page5Icon:hover span,
.page5Icon.active span {
  background-color: #B40A74; }

.loginButton {
  background-color: transparent;
  border: 1px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
  font-size: 14px;
  height: 40px;
  width: 90%;
  cursor: pointer;
  color: white; }

.loginBox {
  overflow: auto;
  margin-top: 10%;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 6px; }
  .loginBox h2 {
    margin-top: 10px;
    margin-bottom: 10px; }

.loginInput {
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  height: 40px;
  width: 90%; }

.paddedRow {
  padding: 5px; }