body {
  overscroll-behavior: contain;
  background-color: rgb(249,251,253);
}

#main_target {
  height:100%;
}

/* Remove Blue Outline around Buttons */
.btn:focus, .btn:focus-visible, .btn:active, .btn:focus.btn:active {
    outline: none;
}

.draggable.selected  {
    outline-color: rgb(180,205,247) !important;
    outline-width: 3px !important;
    outline-style: solid;
}

#hs-menubar {
  background-color:rgb(249,251,253);
  position:absolute;
  left:0px;
  top:0px;
  right:0px;
  height:100px;
  overflow-y: scroll;
  vertical-align: bottom;
}

.hs-menubar-action {
    font-size: 14px;
    cursor:pointer;
}
.hs-menubar-action:hover {
    background-color: #eee;
}

#hs-sidebar {
  width:200px;
  background-color:rgb(249,251,253);
  position:absolute;
  left:0px;
  top:100px;
  bottom:0px;
  overflow-y: scroll;
}

#hs-right-toolbar {
  width:300px;
  background-color:rgb(249,251,253);
  position:absolute;
  right:0px;
  top:100px;
  bottom:0px;
  overflow-y: scroll;
}

.hs-form {
  background-color: white;
  margin: 0px 10px 10px 10px;
  padding: 10px;
  border-radius: 10px;
}

#hs-main {
  background-color:rgb(249,251,253);
  position:absolute;
  top:100px;
  bottom:0px;
  left:200px;
  right:300px;
}

.hs-slide {
  width:180px;
  height:117px;
  border:solid;
  border-color:lightgray;
  border-width:1px;
  background-color:white;
  margin:3px 10px 7px 10px;
  border-radius:20px;
  overflow:hidden;
}

.hs-slide.selected  {
    outline-color: rgb(17,80,194) !important;
    outline-width: 3px !important;
    outline-style: solid;
}

.hs-slide-id {
  position: relative;
  top: -28px;
  left: 15px;
  background-color: lightblue;
  display: inline-block;
  padding: 2px;
  border-radius: 5px;
}

#hs-active-slide {
  aspect-ratio: auto 16 / 10;
  border:solid 1px;
  border-color:lightgray;
  background-color:white;
}

.clickable:hover {
  cursor:pointer;
}

#hs-elem-form [name='script'] {
  display: block;
  font-family: monospace;
  white-space: pre;
  height:200px !important;
}

.gravatar {
  border-radius:4px;
  height:36px;
  width:36px;
  margin:-10px 5px -8px 0;
  border:solid 1px #ddd;
}

body.login {
  padding-top: 50px;
}

.navbar-brand{
  width: 200px;
}