//	=================
//    	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

.table {
	>thead {
		>tr {
			>th {
				color: $primary;
				font-weight: 600;
				border-top: $b-width-1 $solid $light-gray;
			}
		}
	}
	td {
		border-top: $b-width-1 $solid $color_6;
	}
	th {
		border-top: $b-width-1 $solid $color_6;
	}
	>tfoot {
		>tr {
			>th {
				font-weight: 600;
				color: $color_76;
			}
		}
	}
	tbody {
		tr {
			td {
				color: $additional-color-11;
			}
		}
	}
	>tbody {
		>tr {
			>td {
				button.btn {
					padding: 3px $p-10;
				}
			}
		}
	}
}
.table-striped {
	tbody {
		tr {
			&:nth-of-type(odd) {
				background-color: $white;
			}
		}
	}
}
div.dataTables_wrapper {
	div.dataTables_filter {
		input {
			border-radius: $br-30;
		}
	}
}
.table-hover {
	&:not(.table-dark) {
		tbody {
			tr {
				&:hover {
					td {
						color: $additional-color-2;
					}
				}
			}
		}
	}
}
.page-item.active {
	.page-link {
		background-color: $additional-color-2;
		border-color: $additional-color-2;
		border-radius: $br-4;
	}
}
ul.pagination {
	li {
		a {
			&:hover {
				&:not(.active) {
					background-color: $color_88;
				}
			}
		}
	}
}
.pagination {
	>li {
		>a {
			border-radius: $br-4;
		}
		>span {
			border-radius: $br-4;
		}
	}
}
.table-bordered {
	border: $b-width-1 $solid $white;
}
.form-control {
	&:focus {
		border-color: $additional-color-7;
	}
}
.badge {
	padding: 5px 9px;
}
.new-control.new-checkbox[class*="checkbox-outline-"] {
	span.new-control-indicator {
		border: $b-width-1 $solid $additional-color-11;
	}
}