.color-box {
    margin: 20px 0;
}

ul.color-list {
    list-style-type: none; /* no default bullets */
    padding-left: 0;
}

ul.color-list li {
    font-size: 14px;
    display: inline;
    margin-right: 20px;
}

ul.color-list li:before { /* the custom styled bullets */
    background-color: #000000;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 8px;
    margin-bottom: -1px;
    height: 15px;
    width: 15px;
}

.online {
    background: #00c292 !important;
}

.fixed-group {
    background: #03a9f3 !important;
}

.school {
    background: #ab8ce4 !important;
}

.break {
    background: #fec107 !important;
}

.C4E {
    background: #e52b50 !important;
}

.clear {
    background: #ffffff !important;
}

.absence {
    background: #fb9678 !important;
}

.cancellation {
    background: #fb9678 !important;
}

.cancellation-soft {
    background: #fb9678 !important;
}

.C4E.fc-bgevent {
    background: #e52b50;
}

.WI.fc-bgevent {
    background: #E49162;
}

.WS.fc-bgevent {
    background: #F5BC89;
}

.CA.fc-bgevent {
    background: #40B0B7;
}

.CC.fc-bgevent {
    background: #A65665;
}

.CL.fc-bgevent {
    background: #B8839E;
}

.CS.fc-bgevent {
    background: #ED8945;
}

.GC.fc-bgevent {
    background: #2f4061;
}

.IC.fc-bgevent {
    background: #F17B94;
}

.PC.fc-bgevent {
    background: #AD5749;
}

.PH.fc-bgevent {
    background: #94B788;
}

.SD.fc-bgevent {
    background: #C6B9E0;
}

.SP.fc-bgevent {
    background: #ae662d;
}

.EXA.fc-bgevent {
    background: #03a9f3;
}

.IND.fc-bgevent {
    background: #03a9f3;
}

.KID.fc-bgevent {
    background: #03a9f3;
}

.OFIX.fc-bgevent {
    background: #03a9f3;
}

.SPE.fc-bgevent {
    background: #03a9f3;
}

.TEN.fc-bgevent {
    background: #03a9f3;
}

.moved.fc-bgevent {
    background: #81d4f9;
}

ul.color-list li.moved:before {
    background-color: #81d4f9;
}

ul.color-list li.C4E:before {
    background-color: #e52b50;
}

ul.color-list li.WS:before {
    background-color: #F5BC89;
}

ul.color-list li.CA:before {
    background-color: #40B0B7;
}

ul.color-list li.WI:before {
    background-color: #E49162;
}

ul.color-list li.CC:before {
    background-color: #A65665;
}

ul.color-list li.CL:before {
    background-color: #B8839E;
}

ul.color-list li.CS:before {
    background-color: #ED8945;
}

ul.color-list li.GC:before {
    background-color: #2f4061;
}

ul.color-list li.IC:before {
    background-color: #F17B94;
}

ul.color-list li.PC:before {
    background-color: #AD5749;
}

ul.color-list li.PH:before {
    background-color: #94B788;
}

ul.color-list li.SD:before {
    background-color: #C6B9E0;
}

ul.color-list li.SP:before {
    background-color: #ae662d;
}

ul.color-list li.EXA:before {
    background-color: #03a9f3;
}

ul.color-list li.IND:before {
    background-color: #03a9f3;
}

ul.color-list li.KID:before {
    background-color: #03a9f3;
}

ul.color-list li.OFIX:before {
    background-color: #03a9f3;
}

ul.color-list li.SPE:before {
    background-color: #03a9f3;
}

ul.color-list li.TEN:before {
    background-color: #03a9f3;
}