div#kotf-activity-category {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

div#kotf-activity-category label {
    font-size: 14px;
    padding: 0 20px;
}

select#kotf_activity_category {
    max-width: 220px;
}

span.kotf-activity-category{
    font-size: 0.85em;
    display: inline-block;
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 3px;
    opacity: 1;
    color:#fff; 
    padding:2px 6px; 
    border-radius:3px; 
    margin-left:5px;
}

span.kotf-activity-category.vraag_uit{
    background-color: #FABD15 ;
}

span.kotf-activity-category.oko_bijeenkomst{
    background-color: #3DB28F ;
}

span.kotf-activity-category.voorbeelden_en_inspiratie{
    background-color: #82CAE0 ;
}

span.kotf-activity-category.verschenen_op_platform{
    background-color:#011763 ;
}

span.kotf-activity-category.input_gevraagd{
    background-color: #E3032C ;
}
span.kotf-activity-category.input_gevraagd{
    background-color: #E3032C ;
}

span.kotf-activity-category.overig{
    background-color: #4450C6 ;
}








.activity-edit-form {
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
}
.activity-edit-form textarea {
    width: 100%;
    min-height: 80px;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.activity-edit-form .note-editor {
    width: 100%;
    min-height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.activity-edit-form .note-toolbar {
    background: #f8f9fa;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}
.activity-edit-form button {
    padding: 6px 12px;
    margin-right: 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.activity-edit-form .save-edit {
    background: #007cba;
    color: #fff;
}
.activity-edit-form .cancel-edit {
    background: #ccc;
    color: #000;
}
button.edit-activity {
    background: none;
    border: none;
    color: #007cba;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
}
button.edit-activity:hover {
    text-decoration: underline;
}