.gridFilter .e-dialog .e-footer-content {
    display: flex !important;
    justify-content: end !important;
    flex-direction: row-reverse;
}

/* OK */
.gridFilter .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
    width: 60px !important;
    height: 38px !important;
    background-image: linear-gradient(var(--main-bg-color), var(--main-bg-color)) !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 16.5px !important;
    font-weight: 400 !important;
    text-align: center !important;
    transition: box-shadow .3s !important;
}

.gridFilter .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):hover {
    background-color: var(--main-bg-color) !important;
    color: #fff !important;
    box-shadow: #003d6c 0 3px 8px !important;
}

.gridFilter .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):active {
    background-image: linear-gradient(#003d6c,#033161 ) !important;
    border-color: #006DBC !important;
    outline: none !important;
}

.gridFilter .e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):focus {
    box-shadow: rgba(131, 192, 253, 0.5) 0 0 0 3px !important;
    outline: none !important;
}

/* CANCEL */
.gridFilter .e-footer-content .e-btn.e-flat:not([DISABLED]) {
    color: #406286 !important;
    background: none !important;
    font-size: 16.5px !important;
}

    .gridFilter .e-footer-content .e-btn.e-flat:not([DISABLED]):active {
        border-color: #006DBC !important;
    }