#blocklyDiv {
  height: 100%;
  width: 100%;
}

.blocklyTreeIconOpen,
.blocklyTreeIconClosed {
  opacity: 0;
}

.blocklyTreeRow {
  height: 40px;
  line-height: 40px;
  padding: 0px 16px 0px 0px;
  text-align: left;
  margin-bottom: 1px;
}

.blocklyToolboxDiv {
  border-color: #fcfcfc !important;
  border-width: 0px 1px 0px 0px !important;
  -webkit-border-radius: 0px 4px 4px 0px !important;
  -moz-border-radius: 4px 4px 0px 0px !important;
  border-radius: 0px 4px 4px 0px !important;
  border: none !important;
  margin: 0px !important;
  padding: 0px 0px 0px 0px !important;
  background: rgba(236, 241, 247, 0.8) !important;
}

.blocklyScrollbarHorizontal,
.blocklyScrollbarVertical {
  left: 0px !important;
}

.blocklyToolboxContents>div:nth-child(15) {
  margin-top: 10px;
}

.blocklyToolboxContents>div:nth-child(15)>div:nth-child(1) {
  background-color: rgb(49, 99, 237);
  color: white;
}

.blocklyToolboxContents>div:nth-child(16)>div:nth-child(1) {
  background-color: #2fc67b;
  color: white;
}

.blocklyToolboxContents>div:nth-child(17)>div:nth-child(1) {
  background-color: #ee783a;
  color: white;
}

.blocklyToolboxContents>div:nth-child(18)>div:nth-child(1) {
  background-color: #7e3cca;
  color: white;
}

.blocklyToolboxContents>div:nth-child(n+16) {
  margin-top: 3px;
}

.blocklyToolboxContents {
  margin-top: -1px;
}