/* This file contains variable declarations (do not remove this line) */

/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/

//$bootstrapDirectory: "../../../node_modules/bootstrap";

/**
* @section Grid styles
*/
$grid-border-width: 1px;
$grid-border-radius: 0;
$grid-border-color: #d4d4d4;

$ui-grid-border: $grid-border-width solid $grid-border-color;


/**
* @section Header styles
*/

/** $description Colors for header gradient */
$header-bg-color: #f3f3f3;
$headerVerticalBarColor: $grid-border-color;

/**
* $section Grid body styles
*/

/** @description Colors used for row alternation */
$vertical-bar-bg-color: $grid-border-color;

$enable-alternating-rows: true;

$row-bg-color-even: $wk-primary-white;
$row-hover-bg-color-even: $wk-primary-gray-tint5; //todo

$row-selected-bg-color-even:  $wk-primary-gray-tint5 ;

$row-bg-color-odd:  $wk-primary-gray-tint5;
$row-hover-bg-color: $wk-primary-gray-tint4;

$row-selected-bg-color-odd: $wk-primary-gray-tint4;
// TODO: colors for button

/**
* $section Sort arrow colors
*/

//todo?
$sortArrowBackgroundColor: #aaaaaa;
$sortArrowBorderColor: #777777;


// TODO: color for menu background
$row-header-cell-bg-color:                    $wk-primary-white;
$row-bg-color:                     $wk-primary-white;



//todo
$rowSavingForeground: #848484;
$rowErrorForeground: #FF0000;
$rowDirtyForeground: #610B38;

// TODO: color for cell selections
$focusedCell: #b3c4c7;

// Color to use for enabled or selected settings/items/cells, etc. Should probably override the one above
$selectedColor: #cecece;

/**
* @section Scrollbar styles
*/
$scrollbarBackground: darken($row-bg-color-even, 15%);
$scrollbarBackgroundHover: darken($scrollbarBackground, 15%);
$scrollbarBackgroundScrolling: darken($scrollbarBackgroundHover, 15%);
$scrollbarWidth: 10px;
$scrollbarBorderRadius: 2px;
$scrollbarShadow: 0 0 0px #fff;
$scrollbarBorder: 1px solid darken($scrollbarBackground, 15%);
$scrollbarBorderScrolling: 1px solid darken($scrollbarBackgroundScrolling, 15%);

//Border to be applied to editors when the input value or invalid
$invalid-border: 1px solid $brand-danger;
$valid-border: 1px solid $brand-success;

//Pagination controls
$paginationButtonColor: $wk-primary-black;
$paginationButtonBackgroundColor: $wk-primary-white;
$paginationButtonBorderColor: $wk-primary-gray-tint6;


//@section font library path
$font-path: '';

// END VARIABLES (DO NOT REMOVE THESE COMMENTS)/