.boxdbshadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28) !important;
}

.bg-hover:hover,
.bg-hover:focus,
.bg-hover:active,
.bg-hover:target {
  opacity: 0.45 !important;
}


.bdtraparent{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' fill='%23ddd'%3E %3Crect width='10' height='10' x='10' /%3E%3Crect width='10' height='10' y='10' /%3E %3C/svg%3E"); 
}


.mermenu {
  margin-left: -13px;
  padding-top: 0px;
}

.starter-template {
  padding: 10px 15px;
  text-align: center;
}

#previewCanvas {
  opacity: 0;
  display: none;
}

.display-off {
  display: none;
}

.display-on {
  display: block;
}