/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default, .slick-group-header.ui-state-default { width: 100%; overflow: auto; position: relative; border-left: 0px !important; }

.slick-header.ui-state-default { overflow: inherit; }

.slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar { display: none }

.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns { position: relative; white-space: nowrap; cursor: default; overflow: hidden; }

.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default { position: relative; display: inline-block; overflow: hidden; 
                                                                                     -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 16px; 
                                                                                     line-height: 16px; margin: 0; padding: 4px; 
                                                                                     border-right: 1px solid var(--mag-element-border-color); 
                                                                                     border-left: 0px !important; border-top: 0px !important; 
                                                                                     border-bottom: 0px !important; float: left; font-size: .95em; }

.slick-footerrow-column.ui-state-default { -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0; padding: 4px; border-right: 1px solid silver; border-left: 0px; border-top: 0px; border-bottom: 0px; float: left; line-height: 20px; vertical-align: middle; }

.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default { padding: 4px; }

.slick-header-column-sorted { font-style: italic; }

.slick-sort-indicator { display: inline-block; width: 8px; height: 5px; margin-left: 4px; margin-top: 6px; float: left; }

.slick-sort-indicator-numbered { display: inline-block; width: 8px; height: 5px; margin-left: 4px; margin-top: 0; line-height: 20px; float: left; font-family: Arial; font-style: normal; font-weight: bold; color: #6190CD; }

/*.slick-sort-indicator-desc { background: url(images/sort-desc.gif); }

.slick-sort-indicator-asc { background: url(images/sort-asc.gif); }*/

.slick-resizable-handle { position: absolute; font-size: 0.1px; display: block; cursor: col-resize; width: 9px; right: -5px; top: 0; height: 100%; z-index: 1; }

.slick-sortable-placeholder { background: silver; }

.grid-canvas { position: relative; outline: 0; }

.slick-row.ui-widget-content, .slick-row.ui-state-active { position: absolute; border: 0px; width: 100%; }

.slick-cell, .slick-headerrow-column, .slick-footerrow-column { position: absolute; border: 1px solid transparent; 
                                                                border-right: 1px dotted var(--mag-element-border-color); 
                                                                border-bottom-color: var(--mag-element-border-color); 
                                                                overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; 
                                                                vertical-align: middle; z-index: 1; padding: 7px 2px 3px 1px; margin: 0; 
                                                                white-space: nowrap; cursor: default; }
.slick-cell, .slick-headerrow-column { border-bottom-color: var(--mag-element-border-color); }
.slick-footerrow-column { border-top-color: #dcdcdc; }

.slick-viewport .grid-canvas .slick-cell { height: 35px; }

.slick-cell { font-size: 14px; }
.slick-group { text-align: left; }


.slick-group-toggle { display: inline-block; }

.slick-cell.highlighted { background: lightskyblue; background: rgba(0, 0, 255, 0.2); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.slick-cell.flashing { border: 1px solid red !important; }

.slick-cell.editable { z-index: 11; overflow: visible; background: white; border-color: black; border-style: solid; }

.slick-cell:focus { outline: none; }

.slick-reorder-proxy { display: inline-block; background: blue; opacity: 0.15; filter: alpha(opacity = 15); cursor: move; }

.slick-reorder-guide { display: inline-block; height: 2px; background: blue; opacity: 0.7; filter: alpha(opacity = 70); }

.slick-selection { z-index: 10; position: absolute; border: 2px dashed black; }

.slick-pane { position: absolute; outline: 0; overflow: hidden; width: 100%; }

.slick-pane-header { display: block; }

.slick-header { overflow: hidden; position: relative; }

.slick-headerrow { overflow: hidden; position: relative; }

.slick-top-panel-scroller { overflow: hidden; position: relative; }

.slick-top-panel { width: 10000px }

.slick-viewport { position: relative; outline: 0; width: 100%; }

/* Magentrix */
.cell-num { text-align: right; }
.slick-header-column.ui-state-default { height: 36px !important; line-height: 2; padding-right:14px;}
.slick-header-column.slick-header-sortable .slick-column-name { margin-left: 20px; }
.slick-header-column.slick-header-sortable .slick-sort-indicator { position: absolute; top: 0; left: 0; }
.slick-headerrow { background: #fafafa; }
.slick-headerrow-column { background: #fafafa; border-bottom: 0; height: 100%; }
.slick-row.ui-state-active { background: #F5F7D7; }
.slick-row { position: absolute; border: 0px; line-height: 20px; }
.slick-row.selected { z-index: 10; background: #DFE8F6; }
.slick-cell { padding-left: 4px; padding-right: 4px; }
.slick-group .slick-cell { text-align: left; }
.slick-group-toggle { width: 9px; height: 9px; margin-right: 5px; }
.slick-group-toggle:hover{cursor:pointer;}
.slick-group-toggle.expanded { background: url(images/collapse.gif) no-repeat center center; }
.slick-group-toggle.collapsed { background: url(images/expand.gif) no-repeat center center; }
.slick-group-totals { color: var(--mag-base-300); }
.slick-cell.selected { background-color: var(--mag-page-bg-300); }
.slick-cell.slick-active { border-color: #eee; border-style: solid; }
.slick-sortable-placeholder { background: silver !important; }
.slick-row.ui-state-active { background: #F5F7D7; }
.slick-group { border-bottom: 2px solid var(--mag-element-border-color); background-color: var(--mag-page-bg-300) !important; }
.slick-row.loading { opacity: 0.5; filter: alpha(opacity = 50); }
.slick-cell.invalid { border-color: red; -moz-animation-duration: 0.2s; -webkit-animation-duration: 0.2s; -moz-animation-name: slickgrid-invalid-hilite; -webkit-animation-name: slickgrid-invalid-hilite; }

@-moz-keyframes slickgrid-invalid-hilite {
    from { box-shadow: 0 0 6px red; }
    to { box-shadow: none; }
}

@-webkit-keyframes slickgrid-invalid-hilite {
    from { box-shadow: 0 0 6px red; }
    to { box-shadow: none; }
}