.view-order-table {
	> .packages-table {

		> thead {
			background-color: @table-thead-bg-color;
			border: 1px solid @table-thead-bg-color;
			> tr > th {
				padding: 8px 12px;
				color: @table-thead-text-color;
				font-size: 0.8em;
			}

			> tr > .ticketsection {
				padding: 8px 50px;
			}

			> tr > .amountpaid {
				padding: 8px 25px;
			}
		}

		> tbody {
			border: 1px solid @global-border-color;
			border-top: none;
			background-color: @order-packages-table-tbody-bg-color;
			&:nth-child(even) {
				background-color: @order-packages-table-even-tbody-bg-color;
			}

			> tr:hover > td:nth-child(n + 2) {
				background-color: @order-packages-table-hover-bg-color;
			}

			> tr:nth-last-child(n + 2) > td:nth-child(n + 2) {
				border-bottom: 1px solid @order-packages-table-package-border-color;
			}

			> tr > .ticketsection {
				padding: 16px 50px;
			}

			> tr > .ticketsection > .uk-flex > .seatno {
				background-color: @seatno-default-bg-color;
				color: @seatno-default-text-color;
			}

			> tr > .ticketsection > .change {
				color: @primary-color-blue;
				font-size: 0.7em;
				margin-top: 25px;
			}

			> tr > .ticketsection > .remove > .uk-icon > svg,
			> tr > .ticketsection > .change > .uk-icon > svg {
				width: 1.45em;
			}

			> tr > .packages > .selected-package {
				padding-bottom: 10px;
				border-bottom: 1px solid @order-packages-table-package-border-color;
			}

			> tr > .packages > .includes {
				padding-top: 10px;
			}

			> tr > .packages > .change {
				color: @primary-color-blue;
				font-size: 0.7em;
				margin-top: 25px;
			}

			> tr > .packages > .remove > .uk-icon > svg,
			> tr > .packages > .change > .uk-icon > svg {
				width: 1.45em;
			}

			> tr > .amountpaid {
				padding: 25px 50px;
			}
		}
	}
}