/* Border Colors of the header */
.vcm-border-splash{
  	border-color: #009246; 
}

/* Change these two color values to change the button Color */
.vcm-base-splash,
.vcm-btn-base-splash,
.vcm-btn-base-splash-hover:hover,
.vcm-btn-base-splash-hover.active,
.vcm-btn-base-splash-hover.selected{
  background-color: #009246;
}
.vcm-font-splash,
.vcm-btn-font-splash,
.vcm-btn-font-splash-hover:hover,
.vcm-btn-font-splash-hover.active,
.vcm-btn-icon-font-splash-hover:hover,
.vcm-btn-icon-font-splash-hover.active{
  color: #009246;
}

/* Header Background Color */
.vcm-header-base {
  background-color: #f2f2f2;
}

/* Ballooon Color */
.balloon{
  	border: 4px solid #009246;
}
.balloon:before {
    border-color: #009246 transparent;
}

/** Show empty box for inactive layers in legend */
.setting-checker.inactive {
  /*display: block !important;*/
}

/* Change Company logo in the upper left corner */
.company-logo {
   background-image: url("../images/atlas.png");
  width: 500px;
}

/* Change these values to change the height of the header (they should all have the same value) */
.vcm-header-height {
  height: 5rem;
  line-height: 5rem;
}
.vcm-map-top {
  top: 5rem;
}

/* Change these values to change the height of the logobox in the lower left Company-box height should be 1rem less */
.vcm-map-bottom {
  /* bottom: 4rem; */
}

.company-box {
   /* height: 3.0rem; */
}

/* use this for map below header */
.mapElement {
  /* top : 0px; */
}