/*Các thay đổi về toàn bộ ICON trên Ứng dụng*/

/*PDF*/

/*đỏ PDF */
.sm-pdf .e-btn-icon::before {
    font-size: 20px;
    color: #d32f2f;
}

/*Xanh Eye */
.sm-eye .e-btn-icon::before {
    font-size: 20px;
    color: #03f;
}
.sm-cancel .e-btn-icon::before {
    font-size: 20px;
    color: #E93445;
}
/* FLY OUT */
.sm-pdf, .sm-eye {
    overflow: visible;
}
    .sm-pdf:hover, .sm-eye:hover {
        zoom: 1;
        text-shadow: 0 6px 6px rgb(154, 34, 34);
    }

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*🔴 PDF Loading (xoay đỏ)*/
.sm-pdf.is-loading .e-btn-icon::before {
    animation: spin 0.2s linear infinite;
    color: #d32f2f;
}

/*🔵 Eye Loading (xoay xanh)*/
.sm-eye.is-loading .e-btn-icon::before {
    animation: spin 0.2s linear infinite;
    color: #1565c0;
}

/*3️⃣ UX PRO – Khi loading thì:
✔ Không hover
✔ Không click tiếp
✔ Không zoom */

.is-loading:hover {
    zoom: 1 !important;
    text-shadow: none !important;
    cursor: wait;
}

/*4️⃣ (OPTION PRO) Xoay + mờ nhẹ + nổi ✨*/
.is-loading .e-btn-icon::before {
    opacity: 0.85;
    text-shadow: 0 0 10px rgba(0,0,0,.2);
}

/* 🔴 Force Danger Button Background */
/*.btn-danger.e-control, .btn-danger.e-control.e-btn {
    background-color: #dc3545 !important;
}*/


/* 🟧 Force Warning Button Background */
/*.btn-warning.e-control, .btn-warning.e-control.e-btn {
    background-color: #fd7e14 !important;
}*/


/* ✅ Force Success Button Background */
/*.btn-success.e-control, .btn-success.e-control.e-btn {
    background-color: #28a745 !important;
}*/


/* ❌ Force Danger Status Button Background */
/*.btn-danger-status.e-control, .btn-danger-status.e-control.e-btn {
    background-color: #dc3545 !important;
}*/


/* 🔹 Ensure buttons are not overridden by Syncfusion */
/*.e-btn {
    background-color: transparent !important;
}*/

/* 🔹 Force white text and icon colors */
/*.btn i, .btn span, .e-btn i {
        color: white !important;
    }*/