//@import "../../../abstracts/abstracts";

// See the following URL to find the available CSS classes:
// https://www.igniteui.com/help/api/2018.2/ui.igSpreadsheet#theming

.ui-igspreadsheet-columnheader,
.ui-igspreadsheet-columnheaderarea,
.ui-igspreadsheet-rowheader,
.ui-igspreadsheet-rowheader {
    background: color(gray-8);
    color: $text-color-default;
    border-color: color(gray-6);
}

.ui-igspreadsheet-selectall {
    background: color(gray-8);
}

.ui-igspreadsheet-columnsplitter,
.ui-igspreadsheet-columnsplitterpreview,
.ui-igspreadsheet-rowsplitter,
.ui-igspreadsheet-rowsplitterpreview {
    border-color: color(gray-6);
}

.ui-igspreadsheet-columnheader-hover,
.ui-igspreadsheet-columnheader-selected,
.ui-igspreadsheet-columnheader-selectedcells,
.ui-igspreadsheet-rowheader-hover,
.ui-igspreadsheet-rowheader-selected,
.ui-igspreadsheet-rowheader-selectedcells {
    border-color: color(gray-5);
    background: color(gray-7);
    color: $text-color-default;
}

// .ui-igspreadsheet-automaticgridline {
//     background: color(gray-7);
// }

.ui-igspreadsheet-scrollbar-vertical,
.ui-igspreadsheet-scrollbar-horizontal {
    background: color(gray-7);
}

.ui-igspreadsheet-scrollbar-thumb-vertical,
.ui-igspreadsheet-scrollbar-thumb-horizontal {
    background: color(gray-5);
}

.ui-igspreadsheet {
    background: white;
}

.ui-igspreadsheet-tabareabackground {
    background: color(gray-7);
}

.ui-igspreadsheet div:has(span) {
    // background: green;
    // color: purple;
}

// .ui-igspreadsheet-activatenexthiddentab,
// .ui-igspreadsheet-activateprevioushiddentab,
// .ui-igspreadsheet-addnewworksheet,
// .ui-igspreadsheet-automaticgridline,
// .ui-igspreadsheet-cellselection,
// .ui-igspreadsheet-cellselectionhandle,
// .ui-igspreadsheet-columnheader,
// .ui-igspreadsheet-columnheaderarea,
// .ui-igspreadsheet-columnheader-hover,
// .ui-igspreadsheet-columnheader-selected,
// .ui-igspreadsheet-columnheader-selectedcells,
// .ui-igspreadsheet-columnsplitter,
// .ui-igspreadsheet-columnsplitterpreview,
// .ui-igspreadsheet-dropdownbutton,
// .ui-igspreadsheet-dropdownbutton-open,
// .ui-igspreadsheet-filter-dialog,
// .ui-igspreadsheet-filter-buttons,
// .ui-igspreadsheet-filter-dialog-column-name,
// .ui-igspreadsheet-filter-dialog-condition1,
// .ui-igspreadsheet-filter-dialog-condition2,
// .ui-igspreadsheet-filter-dialog-conditional-operator,
// .ui-igspreadsheet-filter-dialog-hint-text,
// .ui-igspreadsheet-filter-dialog-show-rows-where,
// .ui-igspreadsheet-formatcells-dialog,
// .ui-igspreadsheet-formatcells-dialog-buttons,
// .ui-igspreadsheet-formatcells-dialog-colorpickerdropdownbutton,
// .ui-igspreadsheet-formatcells-dialog-numericspinner,
// .ui-igspreadsheet-formatcells-dialog-tab,
// .ui-igspreadsheet-formatcells-dialog-table,
// .ui-igspreadsheet-formatcells-dialog-tabs,
// .ui-igspreadsheet-formulabar,
// .ui-igspreadsheet-formulabarbuttoncontainer,
// .ui-igspreadsheet-formulabarcancelbutton,
// .ui-igspreadsheet-formulabarenterbutton,
// .ui-igspreadsheet-formulabarexpandbutton,
// .ui-igspreadsheet-formulabarexpandbutton-open,
// .ui-igspreadsheet-formulabartextareacontainer,
// .ui-igspreadsheet-formulabartextareasplitter,
// .ui-igspreadsheet-header-resizeline,
// .ui-igspreadsheet-inputmessage,
// .ui-igspreadsheet-inputmessage-content,
// .ui-igspreadsheet-inputmessage-title,
// .ui-igspreadsheet-invaliddata,
// .ui-igspreadsheet-nameboxcontainer,
// .ui-igspreadsheet-nameboxsplitter,
// .ui-igspreadsheet-rowheader,
// .ui-igspreadsheet-rowheaderarea,
// .ui-igspreadsheet-rowheader-hover,
// .ui-igspreadsheet-rowheader-selected,
// .ui-igspreadsheet-rowheader-selectedcells,
// .ui-igspreadsheet-rowsplitter,
// .ui-igspreadsheet-rowsplitterpreview,
// .ui-igspreadsheet-scrollbar-button-down,
// .ui-igspreadsheet-scrollbar-button-left,
// .ui-igspreadsheet-scrollbar-button-right,
// .ui-igspreadsheet-scrollbar-button-up,
// .ui-igspreadsheet-scrollbar-horizontal,
// .ui-igspreadsheet-scrollbar-thumb-horizontal,
// .ui-igspreadsheet-scrollbar-thumb-vertical,
// .ui-igspreadsheet-scrollbar-track-down,
// .ui-igspreadsheet-scrollbar-track-left,
// .ui-igspreadsheet-scrollbar-track-right,
// .ui-igspreadsheet-scrollbar-track-up,
// .ui-igspreadsheet-scrollbar-vertical,
// .ui-igspreadsheet-scrollfirsttab,
// .ui-igspreadsheet-scrolllasttab,
// .ui-igspreadsheet-scrollnexttab,
// .ui-igspreadsheet-scrollprevioustab,
// .ui-igspreadsheet-selectall,
// .ui-igspreadsheet-sort-dialog,
// .ui-igspreadsheet-sort-dialog-add-level-button,
// .ui-igspreadsheet-sort-dialog-copy-level-button,
// .ui-igspreadsheet-sort-dialog-delete-level-button,
// .ui-igspreadsheet-sort-dialog-move-down-button,
// .ui-igspreadsheet-sort-dialog-move-up-button,
// .ui-igspreadsheet-sort-dialog-my-data-has-headers-checkbox,
// .ui-igspreadsheet-sort-dialog-ok-cancel-buttons-area,
// .ui-igspreadsheet-sort-dialog-options-button,
// .ui-igspreadsheet-sort-dialog-sort-condition-active-row,
// .ui-igspreadsheet-sort-dialog-sort-condition-row,
// .ui-igspreadsheet-sort-dialog-sort-conditions-area,
// .ui-igspreadsheet-sort-dialog-column-header,
// .ui-igspreadsheet-sort-dialog-top-buttons-area,
// .ui-igspreadsheet-sort-options-dialog-case-sensitive-checkbox-area,
// .ui-igspreadsheet-sort-options-dialog-ok-cancel-buttons-area,
// .ui-igspreadsheet-sort-optins-dialog-orienation-area,
// .ui-igspreadsheet-splitterintersection,
// .ui-igspreadsheet,
// .ui-igspreadsheet-tabareabackground,
// .ui-igspreadsheet-tabareaborder,
// .ui-igspreadsheet-tabareasplitter,
// .ui-igspreadsheet-tabdropindicator,
// .ui-igspreadsheet-tabitem,
// .ui-igspreadsheet-tabitem-active,
// .ui-igspreadsheet-tabitemarea,
// .ui-igspreadsheet-tabitemcontent,
// .ui-igspreadsheet-tabitem-dark,
// .ui-igspreadsheet-tabitem-light,
// .ui-igspreadsheet-tabitem-protected,
// .ui-igspreadsheet-tabitem-selected,
// .ui-igspreadsheet-tooltip.ui-tooltip.ui-widget-content .ui-corner-all,
// .ui-igspreadsheet-tooltip-body,
// .ui-igspreadsheet-tooltip-title,
// .ui-igspreadsheet-toporbottom-dialog,
// .ui-igspreadsheet-toporbottom-buttons,
// .ui-igspreadsheet-toporbottom-dialog-input-area,
// .ui-igspreadsheet-toporbottom-dialog-show,
// .ui-html5-non-html5-supported-message.ui-helper-clearfix.ui-html5-non-html5 
.class-to-uncomment-lines-without-causing-problems {
    background: green;
}