@import "flex-tables/payment-table";
@import "flex-tables/payment-method-table";

.flex-table {

	&.striped {
		> .flex-tbody {
			> .tr {
				background-color: @flex-tbody-tr-bg-color;
			}
			> .tr:nth-child(even) {
				background-color: @flex-tbody-tr-stripe-color;
			}
		}
	}

	&.hover {
		> .flex-tbody {
			> .tr:hover {
				background-color: @flex-tbody-tr-stripe-color;
			}
		}
	}

	> .flex-table-header, .flex-table-footer {
		> .input {
			> .uk-button {
				line-height: 1;
			}
		}

		> .button {
			line-height: 1;
		}

		> .pagination {

			> .pages > .label,
			> .pages > .text {
				line-height: 1;
			}

			> .pages > .label {
				margin-right: 5px;
			}

			> .navigations > .nav {
				border: 1px solid @flex-tmenu-pagination-nav-border-color;
				color: @flex-tmenu-pagination-nav-text-color;
				padding: 3px;
				border-radius: 3px;
			}

			> .navigations > .nav.disabled {
				cursor: inherit;
				color: @flex-tmenu-pagination-nav-disabled-text-color;
				border: 1px solid @flex-tmenu-pagination-nav-disabled-border-color;
			}

			> .navigations > .nav:nth-child(1) {
				margin-right: 3px;
			}

			> .navigations > .nav > svg {
				width: 23px;
				height: 23px;
			}
		}
	}

	> .flex-thead {
		font-size: 0.8em;
		> .th {
			background-color: @flex-thead-bg-color;
			color: @flex-thead-text-color;
			padding: 8px 16px;
		}
	}

	> .flex-tbody {
		font-size: 0.9em;
		border-left: 1px solid @global-border-color;
		border-right: 1px solid @global-border-color;
		border-bottom: 1px solid @global-border-color;
		> .tr {
			&:nth-last-child(n + 2) {
				border-bottom: 1px solid @global-border-color;
			}

			> .td {
				padding: 8px 16px;
			}
		}
	}

	> .noresult {
		min-height: 300px;
		background-color: @flex-tbody-noresult-bg-color;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 1.2em;
	}
}