@import "variables";
.cp-table {
	width: 100%;
	font-size: 12px;
	a {
		border-bottom-color: transparent;
		&:hover {
			border-bottom-color: $blue;
		}
	}
	thead {
		tr {
			th, td {
				background: #e9e9e9;
				padding: 4px 8px;
				vertical-align: top;
				&:not(:first-child){
					border-left: 1px solid #d2d2d2;
				}
			}
		}
	}
	tbody {
		tr {
			td {
				border-bottom: 1px solid #e1e1e1;
				padding: 4px 8px;
				vertical-align: top;
				&:not(:first-child){
					border-left: 1px solid #e1e1e1;
				}
			}
		}
	}
	&._striped {
		tbody {
			tr:nth-child(odd) {
				background: #f8f8f8;
			}
		}
	}
	&._highlight {
		tbody {
			tr:hover {
				td {
					background: #d5e6f6;
				}
			}
		}
	}
	&._js-highlight {
		tbody {
			tr {
				&.tr-highlighted {
					td {
						background: #ffe79a !important;
					}
				}
			}
		}
	}
}