.validation-summary-errors > ul {
    list-style: none;
    padding: 0;
}

    .validation-summary-errors > ul li, .field-validation-error {
        color: #F31155;
        font-weight: bold;
    }

.dataTables_empty {
    text-align: center;
}

table > tbody > tr > td > a.btn-icon > i.la {
    font-size: 1.8em;
}

#grdData_processing {
    display: none !important;
}

.card-title-search {
    min-width: 480px;
}

    .card-title-search > .input-icon {
        width: 100%;
    }

.paginationjs .paginationjs-pages ul li {
    border: none !important;
    margin: 5px 5px;
    width: calc(1.35em + 1.1rem + 2px);
    font-size: 0.925rem !important;
    font-family: Poppins, Helvetica, "sans-serif" !important;
}

    .paginationjs .paginationjs-pages ul li a {
        border-radius: 0.42rem !important;
        height: 30px !important;
    }

        .paginationjs .paginationjs-pages ul li a:hover {
            background-color: #3699FF !important;
            color: #fff !important;
        }

.paginationjs-page.active a {
    background-color: #3699FF !important;
}

.cke_button__codesnippet_icon {
    background: url(icons.png?t=cb93181c83) no-repeat 0 -960px !important;
}

label.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 1px 20px 1px 20px;
    margin-top: 7px;
    width: fit-content;
}

.textarea-comment {
    padding: 10px !important;
    overflow: hidden;
    overflow-wrap: break-word;
}

.grow-wrap {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
}

    .grow-wrap::after {
        /* Note the weird space! Needed to preventy jumpy behavior */
        content: attr(data-replicated-value) " ";
        /* This is how textarea text behaves */
        white-space: pre-wrap;
        /* Hidden from view, clicks, and screen readers */
        visibility: hidden;
    }

    .grow-wrap > textarea {
        /* You could leave this, but after a user resizes, then it ruins the auto sizing */
        resize: none;
        /* Firefox shows scrollbar on growth, you can hide like this. */
        overflow: hidden;
    }

    .grow-wrap > textarea,
    .grow-wrap::after {
        /* Identical styling required!! */
        border: 1px solid black;
        padding: 0.5rem;
        font: inherit;
        /* Place on top of each other */
        grid-area: 1 / 1 / 2 / 2;
    }

a.reply-comment:hover {
    color: #3699ff !important;
}

.file-preview {
    padding: 0 !important;
    border: none !important;
}

    .file-preview > .file-drop-zone {
        margin: 0 !important;
        border: 2px dashed #3699FF !important;
    }

        .file-preview > .file-drop-zone.clickable:hover {
            border-color: #006ddd !important;
        }

.file-drop-zone-title {
    color: #515151 !important;
    font-size: 1.4em !important;
}

.kv-fileinput-error.file-error-message ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.btn-kv > i, .btn-kv-next > i, .btn-kv-prev > i {
    padding-right: 0 !important;
}

.btn-kv-prev {
    font-size: 1rem !important;
    margin-left: .5rem !important;
}

.btn-kv-next {
    font-size: 1rem !important;
    margin-right: .5rem !important;
}

    .btn-kv-next > i, .btn-kv-prev > i {
        line-height: unset !important;
    }

.btn-kv-toggleheader, .btn-kv-fullscreen, .btn-kv-borderless {
    display: none !important;
}

.btn-kv-close {
    float: right;
}

.file-preview-img {
    width: 100px;
    height: auto;
    margin-top: 20px;
}