//Main Theme Variables
$backgroundColor: #fff !default; //background color of tabulator
$borderColor:#999 !default; //border to tabulator
$textSize:14px !default; //table text size

//header themeing
$headerBackgroundColor:#fff !default; //border to tabulator
$headerTextColor:#555 !default; //header text colour
$headerBorderColor:#ddd !default;  //header border color
$headerSeperatorColor:#999 !default; //header bottom seperator color
$headerMargin:4px !default; //padding round header

//column header arrows
$sortArrowActive: #666 !default;
$sortArrowInactive: #bbb !default;

//row themeing
$rowBackgroundColor:#fff !default; //table row background color
$rowAltBackgroundColor:#fff !default; //table row background color
$rowBorderColor:#ddd !default; //table border color
$rowTextColor:#333 !default; //table text color
$rowHoverBackground:#bbb !default; //row background color on hover

$rowSelectedBackground: #9ABCEA !default; //row background color when selected
$rowSelectedBackgroundHover: #769BCC !default;//row background color when selected and hovered


$editBoxColor:#1D68CD !default; //border color for edit boxes
$errorColor:#dd0000 !default; //error indication

//footer themeing
$footerBackgroundColor:#fff !default; //border to tabulator
$footerTextColor:#555 !default; //footer text colour
$footerBorderColor:#aaa !default; //footer border color
$footerSeperatorColor:#999 !default; //footer bottom seperator color
$footerActiveColor:#d00 !default; //footer bottom active text color

@import "../tabulator.scss";

.tabulator{
	border:none;
	background-color: $backgroundColor;

	.tabulator-header{
		.tabulator-calcs-holder{
			background:darken($headerBackgroundColor, 5%) !important;

			.tabulator-row{
				background:darken($headerBackgroundColor, 5%) !important;
			}

			border-bottom:1px solid $headerSeperatorColor;
		}
	}

	.tabulator-tableholder{
		.tabulator-placeholder{
			span{
				color:#000;
			}
		}
	}

	.tabulator-footer{
		.tabulator-calcs-holder{
			background:darken($footerBackgroundColor, 5%) !important;

			.tabulator-row{
				background:darken($footerBackgroundColor, 5%) !important;
			}

			border-bottom:1px solid $footerBackgroundColor;
		}
	}
}

.tabulator-row{
	border-bottom:1px solid $rowBorderColor;

	.tabulator-cell{
		&:last-of-type{
			border-right: none;
		}
	}

	&.tabulator-group{
		span{
			color:#666;
		}
	}
}

.tabulator-print-table{
	.tabulator-print-table-group{
		span{
			margin-left:10px;
			color:#666;
		}
	}
}