.mapControlsComponent {
  position: fixed;
  right: 0px;
  top: 103px; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green; }

.mapControlsComponent .mapControlsTab span {
  font-size: 12px;
  position: relative;
  display: inline-block;
  width: 140px;
  height: 34px;
  padding-top: 9px;
  padding-right: 5px;
  text-align: right;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #ddd; }

.mapControlsComponent .mapControlsTab .option-label {
  float: left;
  display: block;
  display: none;
  width: 140px;
  font-size: 12px; }

/*///////////////////////
// ECODRIBVING VP
///////////////////////*/
.hoveredeco {
  color: white;
  background-color: #2196f3; }

.hoveredeco2 {
  color: white;
  background-color: #3276b1; }

.hoveredeco:after {
  content: "  \25B2"; }

.hoveredeco2:after {
  content: "  \25BC"; }

.ecobut1, .ecobut2, .ecobut3, .ecobut4, .ecobut5, .ecobut6, .ecobut7 {
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px; }

.dataCt1, .dataCt2, .dataCt3, .dataCt4, .dataCt5, .dataCt6 {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -9; }

.dataCt7, .dataCt22, .dataCt33, .dataCt44, .dataCt55, .dataCt66, .dataCt77 {
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -9; }

#ecodrivingChart0 {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10; }

#ecodrivingChart1, #ecodrivingChart2, #ecodrivingChart3, #ecodrivingChart4, #ecodrivingChart5, #ecodrivingChart6, #ecodrivingChart7 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9; }

#ecodrivingChart22, #ecodrivingChart22, #ecodrivingChart33, #ecodrivingChart44, #ecodrivingChart55, #ecodrivingChart66, #ecodrivingChart77 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9; }

/*///////////////////////
// ECODRIBVING VP
///////////////////////*/