.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

.lightblue { background: #ecf5f8 !important; }
.lightgrey { background: rgb(244, 244, 244) !important;}
.lightgreen { background: lightgreen !important; }
.lightseagreen { background: lightseagreen !important;}
.green { background: green !important; }

.border-bottom { border-bottom: 2px solid black !important; }
.border-right { border-right: 2px solid black !important; }

div .bar {
    display: inline-block;
}

.smalltext { font-size: small; }
.smallertext { font-size: smaller; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w300 { width: 300px; }

input.form-control-sm {
    background-color: rgb(241, 241, 241);
}

.bar {
    --color-1: rgba(255, 170, 170, 0.2);
    --color-2: rgba(255, 170, 170, 0.4);
    --color-3: rgba(255, 170, 170, 0.5);
    --color-4: rgba(255, 170, 170, 0.6);
    --color-5: rgba(255, 170, 170, 1.0);
    --color-6: rgba(255, 170, 170, 1.0);
    --color-7: rgba(255, 170, 170, 0.8);
    --color-8: rgba(255, 170, 170, 0.6);
    --color-9: rgba(255, 170, 170, 0.4);
    --color-10: rgba(255, 170, 170, 0.2);
  }