@SELECTED_PLAN_COLOR: #276AC6;

table.plans-table {
	cursor: pointer;

	th {
		text-align: center !important;
		line-height: 1.8;

		span.small {
			font-weight: normal;
		}
	}

	td {
		text-align: center !important;
	}

	td.value-name {
		text-align: left !important;
	}

	th.selected {
		background: @SELECTED_PLAN_COLOR;
		color: white !important;

		span {
			color: white !important;
		}
	}

	th.selected, td.selected {
		border-left: 1px @SELECTED_PLAN_COLOR solid !important;
		border-right: 1px @SELECTED_PLAN_COLOR solid !important;
	}

	th.selected {
		border-top: 1px @SELECTED_PLAN_COLOR solid !important;
	}

	td.bottom.selected {
		border-bottom: 1px @SELECTED_PLAN_COLOR solid !important;
	}
}

.ui.structured.celled.table tr td:not(.value-category-name), .ui.structured.celled.table tr th:not(.value-category-name) {
	border-right: none;
}