/* add indicator to toolbox items */

#\:1 {
    border-left: 10px solid #4c97ff;
    border-bottom: 1px solid #eaeaea;
}


/* list */

#\:3 {
    border-left: 10px solid #9d64fd;
    border-bottom: 1px solid #eaeaea;
}


/* loops */

#\:5 {
    border-left: 10px solid #5472ea;
    border-bottom: 1px solid #eaeaea;
}


/* math */

#\:7 {
    border-left: 10px solid #ffab2f;
    border-bottom: 1px solid #eaeaea;
}


/* variables */

#\:9 {
    border-left: 10px solid #33cc99;
    border-bottom: 1px solid #eaeaea;
}


/* text */

#\:b {
    border-left: 10px solid #40bfe4;
    border-bottom: 1px solid #eaeaea;
}


/* lists */

#\:d {
    border-left: 10px solid #ff6381;
    border-bottom: 1px solid #eaeaea;
}


/* functions */

#\:f {
    border-left: 10px solid #ff8b2c;
    border-bottom: 1px solid #eaeaea;
}


/* i/o */

#\:h {
    border-left: 10px solid #ffd62c;
    border-bottom: 1px solid #eaeaea;
}


/* time */

#\:j {
    border-left: 10px solid #27c04f;
    border-bottom: 1px solid #eaeaea;
}


/* communication */

#\:l {
    padding-top: 0px;
    border-left: #50ec7a
}


/*newly added*/


/*
.blocklyTreeSelected {
  background-color: #2c4fce !important;
}*/

#\:l>.blocklyTreeRow {
    background-color: #4d8bed !important;
    color: #ffffff;
}


/* add indicator to wifi_toolbox items */


/* logic */

#\:26 {
    border-left: 10px solid #4c97ff;
    border-bottom: 1px solid #eaeaea;
}


/* loops */

#\:28 {
    border-left: 10px solid #9d64fd;
    border-bottom: 1px solid #eaeaea;
}


/* math */

#\:2a {
    border-left: 10px solid #5472ea;
    border-bottom: 1px solid #eaeaea;
}


/* variables */

#\:2c {
    border-left: 10px solid #ffab2f;
    border-bottom: 1px solid #eaeaea;
}


/* text */

#\:2e {
    border-left: 10px solid #33cc99;
    border-bottom: 1px solid #eaeaea;
}


/* lists */

#\:2g {
    border-left: 10px solid #40bfe4;
    border-bottom: 1px solid #eaeaea;
}


/* functions */

#\:2i {
    border-left: 10px solid #ff6381;
    border-bottom: 1px solid #eaeaea;
}


/* time */

#\:2k {
    border-left: 10px solid #ffd62c;
    border-bottom: 1px solid #eaeaea;
}


/* communication */

#\:2m {
    border-left: 10px solid #27c04f;
    border-bottom: 1px solid #eaeaea;
}

#\:2p {
    padding-top: 0px;
}

#\:2o>.blocklyTreeRow {
    background-color: #e44c4c !important;
    color: #ffffff;
}