.e-icons {
    font-family: "e-icons" !important;
}

.e-btn {
    border-radius: 10px !important;
}

.e-multi-select-wrapper .e-chips-close {
    font-family: "e-icons" !important;
}

.e-grid .e-focused:not(.e-menu-item) {
    box-shadow: none;
}

.e-info btn btn-primary {
    border: 10px solid;
    margin-bottom: 3%;
    margin-left: 4%;
}

.e-dlg-header {
    margin-left: 16px;
}

    .e-dlg-header, .e-dlg-header * {
        font-size: 1.1em;
    }

        .e-dlg-header, .e-dlg-header * {
            color: #717685 !important;
            font-size: 18px;
            font-weight: normal;
        }

.e-dialog .e-dlg-header-content {
    padding-left: 0;
}

.e-input[disabled], .e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled, .e-float-input input[disabled], .e-float-input.e-control-wrapper input[disabled], .e-float-input textarea[disabled], .e-float-input.e-control-wrapper textarea[disabled], .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled {
    font-weight: 600 !important;
}

.e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:not(.e-disable-gridhover):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: rgba(0, 0, 0, 0.05);
}

.e-grid .e-rowcell {
    border-color: #D7E9F7;
}

.e-control {
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

.e-tab .e-toolbar-items .e-toolbar-item .e-tab-text {
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

.e-card {
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

.e-toolbar .e-tbar-btn .e-tbar-btn-text {
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}

.e-grid td.e-active {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.required-field .e-input-group.e-control-wrapper.e-control-container.e-float-input .e-float-text::after {
    content: "*";
    color: red !important;
    margin-left: 2px;
}

.required-field .e-control-container.e-control-wrapper.e-multi-line-input.e-float-input .e-float-text::after {
    content: "*";
    color: red !important;
    margin-left: 2px;
}

.e-card-header {
    justify-content: start !important;
}

.e-card-content {
    display: flex;
    flex-direction: row;
}

/* Dropdown button popup styling for dark theme */
.e-dropdown-popup.e-popup {
    background: #1f2127 !important;
    border: 1px solid #2a2d35 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.e-dropdown-popup.e-popup ul {
    background: #1f2127 !important;
}

.e-dropdown-popup.e-popup .e-item {
    background: #1f2127 !important;
    color: #ffffff !important;
    transition: background 0.2s ease !important;
}

.e-dropdown-popup.e-popup .e-item:hover,
.e-dropdown-popup.e-popup .e-item:focus {
    background: #2a2d35 !important;
    color: #ffffff !important;
}

.e-dropdown-popup.e-popup .e-item .e-menu-icon {
    color: #ffffff !important;
}

/* Confirmation Dialog Button Styling - Make buttons visible with proper text */
.e-dialog .e-footer-content {
    padding: 15px !important;
    background: #1f2127 !important;
}

.e-dialog .e-footer-content .e-btn {
    min-width: 100px !important;
    height: 40px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    margin: 0 8px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    color: #ffffff !important;
}

/* Primary button (OK/Yes) styling */
.e-dialog .e-footer-content .e-btn.e-primary {
    background: #1f2127 !important;
    color: #ffffff !important;
    border: 2px solid #2a2d35 !important;
}

.e-dialog .e-footer-content .e-btn.e-primary:hover {
    background: #2a2d35 !important;
    border-color: #3a3d45 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    color: #ffffff !important;
}

/* Secondary button (Cancel/No) styling */
.e-dialog .e-footer-content .e-btn:not(.e-primary) {
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #2a2d35 !important;
}

.e-dialog .e-footer-content .e-btn:not(.e-primary):hover {
    background: #2a2d35 !important;
    border-color: #3a3d45 !important;
    transform: scale(1.05) !important;
    color: #ffffff !important;
}

/* Ensure all button text elements are white and visible */
.e-dialog .e-footer-content .e-btn,
.e-dialog .e-footer-content .e-btn *,
.e-dialog .e-footer-content .e-btn span,
.e-dialog .e-footer-content .e-btn .e-btn-content {
    color: #ffffff !important;
    font-size: 16px !important;
}

/* Confirmation Dialog Button Styling - FORCE text visibility */
.e-dialog .e-footer-content {
    padding: 15px !important;
    background: #1f2127 !important;
}

/* Target ALL possible button elements in dialog footer */
.e-dialog .e-footer-content .e-btn,
.e-dialog .e-footer-content button,
.e-dialog .e-dlg-footerbar .e-btn,
.e-dialog .e-dlg-footerbar button {
    min-width: 100px !important;
    height: 40px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    margin: 0 8px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    color: #ffffff !important;
    background: #1f2127 !important;
    border: 2px solid #2a2d35 !important;
}

/* Primary button (OK/Yes) styling */
.e-dialog .e-footer-content .e-btn.e-primary,
.e-dialog .e-footer-content button.e-primary,
.e-dialog .e-dlg-footerbar .e-btn.e-primary,
.e-dialog .e-dlg-footerbar button.e-primary {
    background: #2a2d35 !important;
    color: #ffffff !important;
    border: 2px solid #3a3d45 !important;
}

.e-dialog .e-footer-content .e-btn.e-primary:hover,
.e-dialog .e-dlg-footerbar .e-btn.e-primary:hover {
    background: #3a3d45 !important;
    border-color: #4a4d55 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Secondary button (Cancel/No) styling */
.e-dialog .e-footer-content .e-btn:not(.e-primary),
.e-dialog .e-dlg-footerbar .e-btn:not(.e-primary) {
    background: #1f2127 !important;
    color: #ffffff !important;
    border: 2px solid #2a2d35 !important;
}

.e-dialog .e-footer-content .e-btn:not(.e-primary):hover,
.e-dialog .e-dlg-footerbar .e-btn:not(.e-primary):hover {
    background: #2a2d35 !important;
    border-color: #3a3d45 !important;
    transform: scale(1.05) !important;
}

/* FORCE all text content inside buttons to be white - AGGRESSIVE */
.e-dialog .e-footer-content .e-btn *,
.e-dialog .e-footer-content button *,
.e-dialog .e-dlg-footerbar .e-btn *,
.e-dialog .e-dlg-footerbar button *,
.e-dialog .e-footer-content .e-btn span,
.e-dialog .e-footer-content button span,
.e-dialog .e-dlg-footerbar .e-btn span,
.e_dialog .e-dlg-footerbar button span,
.e-dialog .e-footer-content .e-btn .e-btn-content,
.e-dialog .e-dlg-footerbar .e-btn .e-btn-content {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Confirmation dialog specific - most aggressive approach */
.e-dialog.e-control.e-popup .e-footer-content button,
.e-dialog.e-control.e-popup .e-dlg-footerbar button {
    color: #ffffff !important;
    font-size: 16px !important;
}

.e-dialog.e-control.e-popup .e-footer-content button *,
.e-dialog.e-control.e-popup .e-dlg-footerbar button * {
    color: #ffffff !important;
    font-size: 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Target the confirmation dialog buttons by their role */
button[role="button"] {
    color: #ffffff !important;
}

button[role="button"] span {
    color: #ffffff !important;
}

/* Override any Syncfusion theme that might be hiding text */
.e-control-wrapper.e-btn,
.e-css.e-btn,
.e-btn.e-lib {
    color: #ffffff !important;
}

.e-control-wrapper.e-btn span,
.e-css.e-btn span,
.e-btn.e-lib span {
    color: #ffffff !important;
}