.ql-toolbar .ql-formats>button.ql-textblock {
    width: 50px;
    background: var(--amber-200);
    border-radius: var(--border-radius-tiny);
}

.ql-toolbar .ql-formats>button.ql-textblock:after {
    content: 'Block';
    font-size: 13px;
    color: var(--text-color);
    position: relative;
    top: -2px;
}

.awesomplete>div.spinner-border {
    width: calc(var(--input-height) - 8px);
    height: calc(var(--input-height) - 8px);
    position: absolute;
    right: 4px;
    top: 4px;
    display: none;
}

.awesomplete.loading {
    position: relative
}

.awesomplete.loading>.spinner-border {
    display: block;
}

.badge-draft {
    background-color: var(--red-400);
    color: var(--white);
}

.badge-request {
    background-color: var(--blue-500);
    color: var(--white);
}

.badge-fulfilled {
    background-color: var(--green-800);
    color: var(--white);
}

.badge-success_and_checked {
    background-color: var(--green-600);
    color: var(--white);
}

.badge-billed {
    background-color: var(--blue-400);
    color: var(--white);
}

.badge-cancelled {
    background-color: var(--gray-500);
    color: var(--white);
}