body {
  font-family: helvetica;
  font-size: 14px;
}

#cy {
  width: 75%;
  height: 100%;
  position: absolute;
  left: 25%;
  top: 0;
  z-index: 999;
}
#showCtrl{
  display:none;
  z-index:9999;
}

.dash {
  width: 25%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  padding:20px;
  background-color: #eeeeee;
  overflow:scroll;
}
.butt {
  padding:10px;
  margin:5px;
  background-color: #999999;
  cursor:pointer;
  width:30%;
  display:inline-block;
}
.butt:hover {
  color:#ffffff;
}
.butt.selected {
  box-shadow: 5px 5px 5px #888888;
}
.companies .butt{
  background-color: #7CB72A
}
.appartments .butt{
  background-color: #E8A109;
}
.couples .butt {
  background-color: #db008b;
}

h1 {
  opacity: 0.5;
  font-size: 1em;
}

@media screen and (max-width: 780px) {
  #cy {
    width: 100% !important;
    position: relative !important;
    left:0 !important;
  }

  .dash {
    width: 100% !important;
    position: relative !important;
  }
  .dash.on{
    position: absolute !important;
    height:100% !important;
    top:50px !important;
    width:100% !important;
  }
  #showCtrl{
    display:block;
  }
}