.required::after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    /* padding-left: 0.25rem; */
    font-weight: 600;
}

.bullet {
    display: inline-block;
    /*background-color: var(--kt-bullet-bg-color);*/
    border-radius: 6px;
    width: 8px;
    height: 4px;
    flex-shrink: 0;
}

.card .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark {
    background-color: rgba(0,0,0,.5);
}

.card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
    border-radius: 0.25rem;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
}

.card > .loading-img, .card > .overlay, .info-box > .loading-img, .info-box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay, .small-box > .loading-img, .small-box > .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.modal-dialog .overlay {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: -1px;
    z-index: 1052;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0,0,0,.7);
    color: #666f76;
    border-radius: 0.3rem;
}

.logo-light span.logo-sm img {
    filter: brightness(0) invert(1);
    height: 40px !important;
}

.ce-auto-color-badge {
    --dark-luminance: 8;
    --light-luminance: 95;
    background: var(--bg);
    color: lch( from var(--bg) clamp( var(--dark-luminance), round((110 - l), 100), var(--light-luminance) ) 0 0 ) !important;
}

.selectize-control.multi .selectize-input:not(.has-items) {
    padding: 0.45rem 0.9rem !important;
}