body {
    background: #f0f2f5 !important;
}

.app-badge {
    padding: 3px 10px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    position: absolute;
    left: 15px;
    box-shadow: 1px 1px 8px rgb(0 0 0 / 37%);
    top: 20px;
}

.app-bg-selected {
    background: #ebf2ff !important;
}

.app-button-border {
    border: 2px solid var(--ck-table-of-contents-border-color) !important;
}

.app-text-primary {
    color: #0aae0a !important;
}

.app-bg-primary-green {
    background: #0aae0a !important;
}

.app-bg-primary {
    background: #0aae0a !important;
}



.app-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.app-max-lines-2 {
    -webkit-line-clamp: 2;
}

.app-max-lines-3 {
    -webkit-line-clamp: 3;
}

.app-max-lines-4 {
    -webkit-line-clamp: 4;
}

.app-max-lines-5 {
    -webkit-line-clamp: 5;
}

*[disabled] {
    background: var(--bs-border-color) !important;
}

.nav-vertical.nav-pills .nav-link.active {
    background-color: #19875424 !important;
    color: #1d562b !important;
    font-weight: bold !important;
}

.app-img-fit-cover {
    object-fit: cover;
}

#toast-container>.toast-success {
    background-color: #0aae0a !important;
}

#toast-container>.toast-error {
    background-color: red !important;
}


/* k Editor */
.ck-editor__editable[role="textbox"] {
    /* editing area */
    min-height: 200px;
}

.ck p {
    color: #2e343d;
}

.ck-content .image {
    /* block images */
    max-width: 80%;
    margin: 20px auto;
}

/* Form */
.form-control {
    border: 0.0625rem solid rgb(179, 184, 182) !important;
    appearance: auto !important;
}

.ldld.default:before,
.ldld.full:before,
.ldld.ldbtn:before,
.ldld.bare:before {
    border: 3px solid #fff;
    border-color: white transparent white transparent;
}

@media only screen and (max-width: 992px) {
    body {
        background: #ffffff !important;
    }

    .app-border-md-none {
        border: none !important;
    }

    .app-border-shadow-md-none {
        box-shadow: none !important;
    }
}