/* The animation code */
@keyframes tpt-changed-row-animation {
    from {
        opacity: 0.3;
    }

    to {
        opacity: 1.0;
    }
}

/* The element to apply the animation to */
.tpt-changed-row {
    animation-name: tpt-changed-row-animation;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

.e-drag-intent {
    min-width: 20px;
}

.e-icons.e-rowcelldrag.e-dtdiagonalright.e-icon-rowdragicon {
    margin-left: -8px
}

.form-element-box .validation-error {
    -moz-animation: fadeIn 1s;
    -ms-animation: fadeIn 1s;
    -o-animation: fadeIn 1s;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    border: 1px solid var(--c-color-validation-theme-general) !important
}

.grid-form-box {
    border-radius: 10px;
    box-shadow: var(--c-shadow-general);
    font-family: 'Nunito Sans', sans-serif;
    padding: 40px;
}

    .grid-form-box h5 {
        color: var(--c-color-theme-general);
        margin: 0 0 30px;
        padding: 0;
        text-align: center
    }

.grid-button{
    width: fit-content;
    height: fit-content;
}

.report-button {
    width: 210px;
    height: fit-content;
    margin-bottom: 10px;
}

.e-grid .e-sortfilterdiv{
    margin: -20px -4px !important
}