@use "sass:map";
@use "sass:math";
@use "@angular/material" as mat;
@use "../../theme/global" as global;

$filter: 95px;
$table-header: 55px;
$table-pagination: 55px;

.m-table {

	.m-table-header{
		width: 100%;
		display: flex;
		padding: global.$spacing;

		.m-table-filter{
			flex: 1 1 auto;
			padding: global.$spacing;

			mat-form-field{
				width: 100%;
			}
		}

		.m-table-filter-content{
			display: flex;
			padding: global.$spacing;
		}
	}

	.m-table-content{
		max-height: calc(100vh - (#{global.$spacing} * 2) - #{$filter} - #{$table-header} - #{$table-pagination});
		overflow: auto;

		.pointer{
			cursor: pointer;
		}

		div.lines {

			ul{
				list-style: none;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				margin: 0;
				padding: 0;

				li {
					margin: calc(#{global.$spacing}/2) calc(#{global.$spacing}/2) calc(#{global.$spacing}/2) 0;
				}
			}
		}
	}

	.actions{
		display: flex;
	}
}

.cdk-overlay-pane, .mat-mdc-select-panel-above{
	width: 100%!important;
}