.recording-dropdown-item {
    font-family: Helvetica;
    color: #444444;
    font-weight: 600;
    font-size: 18px;
    width: 260px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
}
.recording-control-wrapper {
    font-size: 32px;
    width: 100px;
    display: flex;
    justify-content: space-between;
}
.blocklyDropDownContent {
    font-family: Helvetica;
    color: #444444;
    font-weight: 600;
    font-size: 18px;
    min-width: 200px;
    max-height: 500px;
}
.blocklyDropDownDiv .blocklyMenu {
    font-family: Helvetica;
    color: #444444;
    font-weight: 600;
    font-size: 18px;
    }
.blocklyMenuItem {
    color: #333333;
}
.play-button, .record-button {
    cursor:pointer;
}
.play-preview-img {
    width: 50px;
}
.blocklyText, .blocklyHtmlInput, .blocklyTreeLabel {
    font-family: Roboto;
    font-weight: 400;
}
.toolbox-spacer {
  height:30px;
}
.blocklyTreeLabel {
  color:#ffffff!important;
  margin-left:-127px!important;
  font-size:17px!important;
}
/* 
  Category labels
  en + fr
  margin-left:-120px!important;
  font-size:20px!important;

  es
  margin-left:-127px!important;
  font-size:16px!important;
*/

.blocklyTreeRow {
  height: 32px !important;
  padding-top: 10px !important;
  width:10px!important;
  border:none;
}
.label-separator{
  line-height: 24px;
  padding:0px;
}
.invisible {
  margin-top:40px;
}
.blocklyToolboxCategory {
 font-size:10pt!important;
}

/* #0E65E5 == BLUE  == STARTING */
#blockly-0 {
  border-left:120px solid #0E65E5!important;
}

/* #00AEEF == LIGHT BLUE == SENSING */
#blockly-2 {
  border-left:120px solid #00AEEF!important;
}
/* #B902F3 == PURPLE == LIGHTS */
#blockly-4 {
  border-left:120px solid #B902F3!important;
}

/* #d802ca == PURPLE == SOUNDS */
#blockly-6 {
  border-left:120px solid #d802ca!important;
}

/* #6400DB == DK PURPLE == MUSIC*/
#blockly-8 {
  border-left:120px solid #6400DB!important;
}

/* #00D8CB == TURQ == SCORING*/
#blockly-a {
  border-left:120px solid #00D8CB!important;
}

/* #EA9F00 == YELLOW == CONTROLS */
#blockly-c{
  border-left:120px solid #EA9F00!important;
}

/* #02d830 == green  == MATH */
#blockly-e {
  border-left:120px solid #02d830!important;
}

/* #FE6810 == GREEN == LISTS */
#blockly-g {
  border-left:120px solid #A4CE39!important;
}

/* #FE6810 == ORANGE == VARIABLEs */
#blockly-i {
  border-left:120px solid #FE6810!important;
}

/* #E7198B == PINK == FUNCTIONS */
#blockly-k {
  border-left:120px solid #E7198B!important;
}

#blockly-m {
  border-left:120px solid #283031!important;
}

#blockly-o {
  border-left:120px solid #283031!important;
}