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


/* Change these two color values to change the button Color */
.vcm-base-splash,
.vcm-btn-base-splash,
.vcm-btn-base-splash-hover.active,
.vcm-btn-base-splash-hover.selected{
  background-color: #FEC106;
}
.vcm-btn-base-splash-hover:hover,
.vcm-btn-base-splash-active:hover{
  background-color: #FEC106;
}
.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: #FEC106;
}


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

/* Ballooon Color */
.balloon{
  /* border: 5px solid #FEC106; */
}
@media screen and (min-width:30em /*480px*/) {
  .balloon:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #FEC106 transparent;
    display: block;
    width: 0;
  }
  .balloon:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 47px;
    border-width: 13px 13px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
  }
}

@media screen and (min-width:48em /*768px*/) {

    #balloonContainer {
        /*width: 0px;
        height: 0px;*/
        left: 8px;
        position: absolute; /*fixed*/ /*changed for printview to avoid printing on each page*/
    }
    .balloon{
        position: relative;
        display: inline-block;
        width: auto;
        max-width: 30rem;
        min-width: 25rem;
        padding: .5rem;
        border: 5px solid #FEC106;
        color: #333;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
/** 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/logo.jpg);
  width: 140px;
  height: 70px; */
}

/* Change these values to change the height of the header (they should all have the same value) */
.vcm-header-height {
  height: 3.5rem;
  line-height: 4rem; 
}
.vcm-map-top {
  top: 3.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; */
}

.head-menu-button[data-v-ac2fb52c]{border:2px solid #FEC106;background:#fff}.head-menu-button.active[data-v-ac2fb52c]{background:#87B650;color:#fff}.head-menu-button[data-v-ac2fb52c]:hover{background:#87B650}
  
 #legend {
    top: 4rem; 
    margin: 0px;
    padding: 2px 5px;
    position: absolute;
    background-color: #ffffff;
    opacity: .9;
    
    
} 

#legend table,
#legend tr,
#legend td,
#legend th {
    
    border: 0;
}

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  margin: 0 5px;
  border: 1px solid black;
  clear: both;
}

 
  
.message-wrap.positive {
  border: 1px solid #FEC106;
  background: #FEC10666;
}
.message-wrap.positive .message-btn{
  border: 1px solid #FEC106;
  background: #FEC106;
}
.message-wrap.positive .message-btn:hover{
  background: #FEC106;
}

.ui-window-bar .ui-button {
  position: absolute;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-window-bar .ui-window-minimize {
  right: calc(.3em + 40px);
}

.ui-window-bar .ui-window-maximize {
  right: calc(.3em + 20px);
}  

  
/* Bella's edit */

.logo-box {
  display:none;
}



  
.layer-logo {
  height: 18px;
  width: 22px;
  padding-top: 3px;
  padding-right: 6px;
color: #777777;
}


}

/* New CSS - TCPO akaash */

.vcm_copyright_headerLogoBox {
	display: none !important;
}

.logo-box{
	display: none !important;
}

@media (min-width: 320px) and (max-width: 480px) {
  .mapControls.mobile[data-v-cfe931d6] {
    display: block !important;
  }
}