/* Angular-Slickgrid styling */
/* Customize the SlickGrid Bootstrap theme to your taste
 * Copy any of the variables '../node_modules/angular-slickgrid/styles/sass/_variables.scss'
 * and make sure to add the @import at the end of this file
 */

/* for example, let's change the mouse hover color */
/*$cell-odd-background-color: lightyellow;*/


$font-size-base-value:                    12 !default;
$header-background-color:                 #d4d5d7 !default;
// $header-row-background-color:             #d4d5d7 !default;
// $grid-header-background:                  #d4d5d7 !default;
$table-background:                        #d4d5d7 !default;
$grid-cell-color:                         #e7e7ea !default;
$cell-padding:                            2.5px 7.5834px !default;
$row-selected-color:                      #186ba0 !default;
$font-family:                             "calibri", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;

/* make sure to add the @import the SlickGrid Bootstrap Theme AFTER the variables changes */
@import 'node_modules/angular-slickgrid/styles/sass/slickgrid-theme-bootstrap.scss';

.ipms-slickgrid-total-record {
    padding: 0.5em;
}

// .slickgrid-container .grid-canvas .slick-row.active {
//     color: #FFFFFF;
// }

.slickgrid-container .grid-canvas .slick-row.odd .slick-cell.selected {
    color: #FFFFFF;
}

.slickgrid-container .grid-canvas .slick-cell.selected {
    color: #FFFFFF;
}

.slick-header-column {
    margin: -3px 0 3px 0 !important;
}