html,body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #151515;
}


@media (max-width: 768px) {
  .hos {
    display: none;
  }
}

.ui.inverted.dimmer.active {
  background: rgba(0, 0, 0, .95) !important;
}

.logindiv{
  margin-top: 100px;
}

.message_red{
  color:#CD5C5C;
}

.botton-spiner {
  padding-right: 5px;
}

.a-enter-vr-button {display: none !important;}


.node .socket.number {
    background: #00ff00;

}

.node{
    border-radius: 0% !important;
    background: #121212 !important;
    border: 2px solid #242424 !important;
    min-width:300px !important;
}

.node .socket.float {
    background: red;
} 


.fill-area {
  display: table;
  z-index: -1;
  position: absolute;
  top: -320000px;
  left: -320000px;
  width: 640000px;
  height: 640000px;
}

.background {
  background-color: #000000;
}

.connection .path {
    fill: none;
    stroke: #eee !important;
}

.socket {
  border: 2px solid white !important;
}

.note-modal-content{
  background: black !important;
}

.note-modal-backdrop{
  z-index:0 !important;
}

.note-editable{
  color:white !important;
}

.note-icon-close {
  color:white !important;
}