//style for all basic tables
table{
	border-collapse: collapse !important;
}
.table {
	--bs-table-bg: #fff;
	background-color:var(--bs-table-bg);
	@at-root [data-theme-version="dark"] & {
		--bs-table-bg: #1b1b1b;
	}
	@include respond('tab-land') {
		font-size: 0.875rem !important;
				
	}
	strong{
		color:$dark;
	}
    th,td {
        border-color: $border;
		padding: 0.75rem 0.563rem;
		
		@at-root [data-theme-version="dark"] & {
            border-color: $d-border;
			color:#fff;
        }
    }
	tbody{
		tr{
			td{
				@at-root [data-theme-version="dark"] & {
					background-color:$dark-card;
					color: rgba(255,255,255,0.7);
				}
			}
		}
	}
	&.table-striped tbody tr:nth-of-type(odd),
	&.table-hover tr:hover{
	    background-color:$l-bg;
		@at-root [data-theme-version="dark"] & {
            background-color: $d-bg;
        }
	}

	&.shadow-hover tbody tr:hover{
	    background-color:$white;
		box-shadow: 0 0 1.875rem rgba($primary, 0.15);
		@at-root [data-theme-version="dark"] & {
            background-color: $d-bg;
        }
	}
	&.tr-rounded{
		tr{
			td,th{
				&:first-child{
					border-radius:$radius 0 0 $radius;
				}
				&:last-child{
					border-radius:0 $radius $radius 0;
				}
			}
		}
	}
	&.bg-primary-hover{
		th,td{
			border:none;
			font-weight:500;
		}
		td{
			color:$black;
		}
		th{
			color:#6C6C6C;
		}
		tr:hover{
			td,th{
				background:rgba($primary,0.1);
				color:$primary!important;
			}
		}	
	}	
	&.bg-secondary-hover{
		th,td{
			border:none;
			font-weight:500;
		}
		td{
			color:$black;
		}
		th{
			color:#6C6C6C;
		}
		tr:hover{
			//background:$secondary;
			td,th{
				background:rgba($secondary,0.1);
				color:$secondary!important;
			}
		}	
	}	
	&.bg-info-hover{
		th,td{
			border:none;
			font-weight:500;
		}
		td{
			color:$black;
		}
		th{
			color:#6C6C6C;
		}
		tr:hover{
			td,th{
				background:rgba($info,0.1);
				color:$info!important;
			}
		}	
	}	
	&.bg-warning-hover{
		th,td{
			border:none;
			font-weight:500;
		}
		td{
			color:$black;
		}
		th{
			color:#6C6C6C;
		}
		tr:hover{
			td,th{
				background:rgba($warning,0.1);
				color:$warning!important;
			}
		}	
	}	
	&.border-no{
		td{
			border:0;
		}
	}
	&.short-one{
		tr{
			td,th{
				&:first-child{
					width:3.75rem!important;
				}
			}
		}
	}
	thead th {
		border-bottom-width: 0.063rem;
		color: #000 ;
		font-size: 0.875rem;
		font-weight: 600;
		letter-spacing: 0.031rem;
		border-color: $border;
		@at-root [data-theme-version="dark"] & {
			border-color: $d-border;
		}
	}
	tbody  tr td {
		// color: $l-ctd;
		// line-height: 2.5rem;
		vertical-align: middle;
		border-color: $border;
		@at-root [data-theme-version="dark"] & {
			border-color: $d-border;
		}
	}
	
	//delete header borders without '.borders tables'
	&:not(.table-bordered) {
		thead th {
			border-top: none;
		}
	}

	//heading background
	.thead-primary th {
		background-color: $primary;
		color: $white;
	}
	.thead-info th {
		background-color: $info;
		color: $white;
	}
	.thead-warning th {
		background-color: $warning;
		color: $white;
	}
	.thead-danger th {
		background-color: $danger;
		color: $white;
	}
	.thead-success th {
		background-color: $success;
		color: $white;
	}

	//table border
	&.primary-table-bordered {
		border: 0.063rem solid $border;
		@at-root [data-theme-version="dark"] & {
			border-color: $d-border;
		}
	}

	//table hover
	&.primary-table-bg-hover {
		thead th {
			background-color: darken($color: $primary, $amount: 5%);
			color: $white;
			border-bottom: none;
		}

		tbody tr {
			background-color: $primary;
			color: $white;
			transition: all .1s ease;

			&:hover {
				background-color: lighten($color: $primary, $amount: 5%);
			}
			td, th{
				background-color:transparent;
				color:$white;
			}
			&:not(:last-child) {
				td, th {
					border-bottom: 0.063rem solid darken($color: $primary, $amount: 5%);
				}
			}
		}
	}
	&-responsive {
		&-tiny {
			// @include media-breakpoint-down(xs) {
				min-width: 18.75rem;
			// }
		}

		&-sm {
			// @include media-breakpoint-down(sm) {
				min-width: 30rem !important;
			// }
		}

		&-md {
			// @include media-breakpoint-down(sm) {
				min-width: 36rem !important;
			// }
		}

		&-lg {
			min-width: 60.9375rem !important;
		}

		&-xl {
			min-width: 70.9375rem !important;
		}
	}
}
.table-primary, 
.table-primary > th, 
.table-primary > td {
	background-color: $primary-light;
	color: $primary;
	@at-root [data-theme-version="dark"] & {
        background-color: $primary-opacity;
    }
}
.table-success, 
.table-success > th, 
.table-success > td {
	background-color: $success-light;
	color: $success;
	@at-root [data-theme-version="dark"] & {
        background-color: $success-opacity;
    }
}
.table-info, 
.table-info > th, 
.table-info > td {
	background-color: $info-light;
	color: $info;
	@at-root [data-theme-version="dark"] & {
        background-color: $info-opacity;
    }
}
.table-warning, 
.table-warning > th, 
.table-warning > td {
	background-color: $warning-light;
	color: $warning;
	@at-root [data-theme-version="dark"] & {
        background-color: $warning-opacity;
    }
}
.table-danger, 
.table-danger > th, 
.table-danger > td {
	background-color: $danger-light;
	color: $danger;
	@at-root [data-theme-version="dark"] & {
        background-color: $danger-opacity;
    }
}
.table-active, 
.table-active > th, 
.table-active > td {
    background-color: $l-bg;
	@at-root [data-theme-version="dark"] & {
        background-color: $d-bg;
    }
}

.card-table{
	th, td{
        &:first-child{
			padding-left: 0.938rem;
			@include respond('phone') {
				padding-left: 0.938rem;
			}
		}
		&:last-child{
			padding-right:1.875rem;
			@include respond('phone') {
				padding-right: 0.938rem;
			}
		}
    }
}

.table{
	tr{
		th{
			//border-bottom:0;
		}
		&:last-child{
			td{
				//border-bottom:0;
			}
		}
	}
}

.table-clear tbody td {
    padding: 1.375rem 2.813rem;
	@include respond('laptop') {
		padding: 1rem 2rem;
	}
}