//	=================
//    	Imports
//	=================

@import '../../../../assets/base/color_variables';   	// Color Variables
@import '../../../../assets/base/fonticons';   			// Fonticons Variables
@import '../../../../assets/base/urls';   				// URLS Variables
@import '../../../../assets/base/utilities_variables';  // Utilities Variables

.tablesaw {
	thead {
		tr {
			background: $color_503;
			color: $black;
			font-weight: 600;
		}
	}
	tbody {
		tr {
			td {
				background-color: $color_none;
				color: $additional-color-11;
				a {
					color: $additional-color-11;
				}
			}
		}
	}
}
.tablesaw-swipe {
	.tablesaw-cell-persist {
		border-right: $b-width-1 $solid $color_6;
	}
}
.tablesaw-bar-section {
	label {
		color: $black;
		font-weight: 600;
	}
}
.tablesaw-advance {
	a.tablesaw-nav-btn.disabled {
		opacity: 1;
		cursor: default;
		pointer-events: none;
		background-color: $white;
		border: $b-width-1 $solid $color_38;
	}
	a.tablesaw-nav-btn {
		background-color: $color_500;
		border: $b-width-1 $solid $color_149;
	}
	a.tablesaw-nav-btn.left {
		&:before {
			border-right: $b-width-5 $solid $color_502;
		}
	}
	a.tablesaw-nav-btn.right {
		&:before {
			border-left: $b-width-5 $solid $color_2;
		}
	}
	a.btn.tablesaw-nav-btn.right {
		background-color: $white;
		border: $b-width-1 $solid $color_38;
	}
	a.tablesaw-nav-btn.down {
		&:before {
			border-top: $b-width-5 $solid $color_2;
		}
	}
	a.tablesaw-nav-btn.up {
		&:before {
			border-bottom: $b-width-5 $solid $white;
		}
	}
}
.tablesaw-advance-dots {
	li {
		i {
			background: $additional-color-6;
			width: 4px;
			height: 4px;
			border-radius: 50%;
		}
	}
}
.tablesaw-columntoggle-btnwrap.tablesaw-advance {
	a.btn.tablesaw-btn.btn-micro.tablesaw-columntoggle-btn.tablesaw-nav-btn.down {
		background-color: $white;
		border: $b-width-1 $solid $color_2;
	}
}
.tablesaw-columntoggle-btnwrap.tablesaw-advance.visible {
	a.btn.tablesaw-btn.btn-micro.tablesaw-columntoggle-btn.tablesaw-nav-btn.up {
		background-color: $additional-color-7;
		border: $b-width-1 $solid $additional-color-7;
	}
}
.tablesaw-columntoggle-btnwrap.visible {
	.tablesaw-columntoggle-popup {
		background-color: $additional-color-7;
		border: none;
		box-shadow: none;
		color: $white;
	}
}
.tablesaw-modeswitch.tablesaw-bar-section {
	span {
		span {
			position: $pos-rel;
			bottom: 3px;
		}
	}
}
.tablesaw-sortable-switch.tablesaw-bar-section {
	span {
		span {
			position: $pos-rel;
			bottom: 3px;
		}
	}
}
.tablesaw-btn {
	select {
		option {
			background: $color_501;
			color: $white;
			padding: $p-10 15px;
			border: $b-width-1 $solid $color_118;
		}
	}
}
.column-mode {
	.tablesaw-columntoggle-btnwrap.visible {
		.tablesaw-columntoggle-popup {
			width: 590px;
		}
	}
}