.legend {
    list-style: none;
    margin: 0px;
}
.legend li { float: left; margin-right: 10px; }
    .legend span {
        border: 1px solid #ccc;
        float: left;
        width: 16px;
        height: 16px;
        margin: 2px 5px;
        border-radius: 4px !important;
    }
/* your colors */
    .legend .k-event-host {
        background-color: #DCFDFD !important;
        border: 1px solid #04C8C8 !important;
    }
.legend .k-event-participant { background-color: cornflowerblue ; }
.legend .k-event-activity  { background-color: orange ; }
.legend .k-event-unavailable { background-color: peru ; }