/* Tabulator theme for Tracksheet in FleetView by Martin Brousseau */
#tracksheetDiv /*.tabulator*/ {
    font-size: 10px;
}

/* Force all loader-related elements to be transparent */
#tracksheetDiv .tabulator-alert,
#tracksheetDiv .tabulator-alert-msg,
#tracksheetDiv .tabulator-alert-msg *,
#tracksheetDiv .tabulator-alert *,
#tracksheetDiv #tnm-loader,
#tracksheetDiv #tnm-loader *,
#tracksheetDiv [id="tnm-loader"],
#tracksheetDiv [id="tnm-loader"] * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Make loader background transparent */
#tracksheetDiv .tabulator-loader,
#tracksheetDiv .tabulator-loader-msg,
#tracksheetDiv .tablulator-loader {
    background: transparent !important;
    background-color: transparent !important;
}

#tracksheetDiv .tabulator-loader-msg {
    background: transparent !important;
    background-color: transparent !important;
}

/* Override Tabulator's alert/loader - make background slightly transparent */
#tracksheetDiv .tabulator-alert {
    background: rgba(0, 0, 0, 0.1) !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
}

#tracksheetDiv .tabulator-alert .tabulator-alert-msg {
    background: rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    margin: 0 auto !important;
}

#tracksheetDiv .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
    background: rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: none !important;
    color: inherit !important;
}

/* Target all nested divs and spans in the loader */
#tracksheetDiv .tabulator-alert *,
#tracksheetDiv .tabulator-alert-msg *,
#tracksheetDiv #tnm-loader,
#tracksheetDiv #tnm-loader * {
    background: transparent !important;
    background-color: transparent !important;
}

/* Ensure the span wrapper is also transparent */
#tracksheetDiv span#tnm-loader {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*    #tracksheetDiv .tabulator .tablulator-loader .tabulator-loader-msg {
        font-size: 10px;
    }

#tracksheetDiv .tabulator-row .tabulator-responsive-collapse table {
    font-size: 10px;
}

#tracksheetDiv .tabulator-edit-select-list {
    font-size: 10px;
}*/