@import "variables";
.table-inline {
	tr {
		td {
			padding: 2px 0 2px 20px;
			&:first-child {
				padding-left: 0;
			}
		}
	}
}
.table {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	thead {
		tr {
			th {
				background: $color_gray_20;
				border: none;
				line-height: normal;
				vertical-align: middle;
			}
		}
	}
	tbody {
		tr {
			td {
				position: relative;
				border: none;
				border-bottom: 1px solid $color_gray_10;
				vertical-align: middle;
			}
			&:hover {
				td { background: lighten($color_blue, 55%); }
			}

		}
	}

	&:not(.table-no-highlight){
		tbody {
			tr {
				&.highlight {
					td {
						background: $color_body !important;
					}
				}
			}
		}
	}
	&.w-auto { width: auto !important; }
	&.table-sm {
		th { padding: 2px 8px !important; }
		td { padding: 4px 8px !important; }
	}

	&.table-middle {
		th, td { vertical-align: middle; }
	}

	&.table-simple {
		background: none;
		th {
			border: none;
			padding: 8px 0 0 8px;
			&:first-child {
				padding-left: 0;
			}
		}
		td {
			border: none;
			padding: 8px 0 0 8px;
			&:first-child {
				padding-left: 0;
			}
		}
		tr:first-child {
			th, td {
				padding-top: 0;
			}
		}
		.table-simple {
			tr {
				th, td {
					padding: 4px 0 0 4px;
					&:first-child {
						padding-left: 0;
					}
				}
				&:first-child {
					th, td {
						padding-top: 0;
					}
				}
			}
		}
	}
	&.table-striped {

	}
	&.table-unbord {
		td { border: none; }
	}

	&.table-light {
		thead {
			th, td {
				background: $color_gray_03;
				border-top: 1px solid $color_gray_10 !important;
				border-bottom: 1px solid $color_gray_10 !important;
				padding: 4px 8px !important;
				font-weight: normal;
				line-height: 1.5;
			}
		}
		tbody {
			th {
				background: $color_gray_03;
				border-top: 1px solid $color_gray_10 !important;
				border-bottom: 1px solid $color_gray_10 !important;
				padding: 4px 8px !important;
				font-weight: normal;
			}
			td {
				border-bottom: 1px solid $color_gray_10 !important;
				padding: 4px 8px !important;
			}
		}
	}
	&.table-dashed {
		td {
			border-bottom: 1px dashed $color_gray_20 !important;
		}
	}
}

.table-orders {
	font-size: 12px;
	th { line-height: 16px !important; }
	td { vertical-align: top !important; }
	.table-orders__img {
		background: $color_gray_20;
		position: absolute; left: 0;
		z-index: 5;
		width: 140px;
		padding: 2px;
		display: none;
		img {
			display: block;
			width: 100%;
		}
	}
	.table-orders__autonum {
		&.hovered {
			background: $color_wildblue;
			color: $color_white;
			a { color: inherit; }
		}
	}
	.table-orders__link {
		position: relative;
		overflow: hidden;
		max-width: 200px;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: $color_blue;
		a {
			border: none;
			position: relative;
			overflow: hidden;
			display: block;
			max-width: 200px;
			white-space: nowrap;
			text-overflow: ellipsis;
			@include transition(none);
		}
		&.hovered {
			background: $color_wildblue;
			color: $color_white;
			a { color: inherit; }
		}
	}
}

.table-va-top {
	td {
		vertical-align: top !important;
	}
}

.table-worktime {
	white-space: nowrap;
	tr {
		td {
			padding: 4px 0 0 8px !important;
			text-align: right !important;
			&:first-child {
				padding-left: 0 !important;
				text-align: left !important;
			}
		}
		&:first-child {
			td {
				padding-top: 0 !important;
			}
		}
	}
	&.v2 {
		tr {
			td {
				padding-top: 0 !important;
			}
		}
	}
}