.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;
}




.texbta {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  resize: none;
}

.notaible {
  display: flex;
  align-items: center;
  position: fixed;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
}

@media screen and (max-width: 600px) {
  .notaible {
    display: grid;
    align-items: center;
    position: fixed;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
  }

  .texbta {
    border-bottom: 2px solid #2222226b !important;
  }
}






#editor {
  /*width: 50%;
  height: 400px;
  float: left;
  clear: left;
  position: relative;*/
  font-family: "source-code-pro";
  font-size: 12px;
  /*border: 1px solid #ddd;
  border-radius: 4px;
  border-bottom-right-radius: 0px;*/
  z-index: 2;
}