/* ===== mvc-table / mvc-itemstable - mobile */
/* Menu overlay */
body .mvc-table-overlay {
	background: #aaa;
	height: 100%;
	left: 0;
	opacity: 0.3;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
/* ---------- */

/* Menu open buttons */
.mvc-table .mvc-table-responsive-buttons-container {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	margin: 10px;
}
.mvc-table .mvc-table-responsive-buttons-container .button-panel-open {
	background: url('../../img/hamburger_s.png') center center no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 38px;
	margin: 0 2px;
	width: 38px;
}
/* ---------- */

/* Menus containers - common */
.mvc-table .mvc-table-responsive-panel-container {
	background: #fff;
	border: 2px solid #551f75;
	border-radius: 5px;
	margin: 15px auto;
	padding-top: 25px;
	position: relative;
	z-index: 101;
}
.mvc-table .mvc-table-responsive-panel-container > * {
	padding: 15px 5px;
}

.mvc-table .mvc-table-responsive-panel-container .button-panel-close {
	background: url('../../img/button_close_24.png') center center no-repeat;
	cursor: pointer;
	height: 24px;
	margin: 0;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 24px;
}
.mvc-table .mvc-table-responsive-panel-container select,
.mvc-table .mvc-table-responsive-panel-container input {
	max-width: 100%;
}

/* Menus containers - global actions */
.mvc-table .mvc-table-responsive-panel-container .mvc-itemstable-global-actions-container {
	border-bottom: 2px solid #551f75;
	flex-wrap: wrap;
	text-align: center;
}
.mvc-table .mvc-table-responsive-panel-container .mvc-itemstable-global-actions-container a,
.mvc-table .mvc-table-responsive-panel-container .mvc-itemstable-global-actions-container label {
	display: inline-flex;
	margin: 5px;
}
/* ---------- */

/* Menus containers - sorter */
.mvc-table .mvc-table-responsive-panel-container .panel-sorter-container {
	background: #fff;
	border-bottom: 2px solid #551f75;
	color: #6a707e;
	text-align: center;
}
.mvc-table .mvc-table-responsive-panel-container .panel-sorter-container .sorter-item {
	margin: 5px 2px;
}
/* ---------- */

/* Menus containers - filter */
.mvc-table .mvc-table-responsive-panel-container .mvc-table-template-filter {
	border: none;
	display: block;
}
.mvc-table .mvc-table-responsive-panel-container .mvc-table-template-filter .mvc-table-filter-menu-container {
	text-align: center;
}
.mvc-table .mvc-table-responsive-panel-container .mvc-table-template-filter .mvc-table-filter-menu-item {
	display: inline-block;
}
/* ---------- */



/* Responsive table */
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items {
	border-bottom: 1px solid #551f75;
	border-radius: 5px;
	box-sizing: border-box;
	column-gap: 5px;
	display: grid;
	grid-template-columns: max-content auto;
	padding-top: 10px;
	row-gap: 5px;
	width: 100%;
}
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items dt {
	align-self: stretch;
	background: #eee;
	box-sizing: border-box;
	grid-column-start: 1;
	margin: 0 0 0 10px;
	padding: 10px;
	text-align: left;
}
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items dd {
	border: 1px solid #eee;
	box-sizing: border-box;
	grid-column-start: 2;
	margin: 0 10px 0 0;
	padding: 10px;
}
/* ---------- */


/* Responsive table - reset item quick styles */
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.tight,
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.tight-l,
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.tight-r {
	text-align: left;
	width: auto;
}
/* ---------- */


/* Responsive table - special items */
.mvc-itemstable .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-header-item.item-_items_actions_ {
	display: none;
}
.mvc-itemstable .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.item-_items_actions_ {
	grid-column-start: 1;
	grid-column-end: 3;
	justify-self: end;
	text-align: right;
}

.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-header-item.item-_lp_,
.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.item-_lp_ {
	display: none;
}

.mvc-itemstable .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-header-item.item-_item_action_ {
	display: none;
}
.mvc-itemstable .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.item-_item_action_ {
	grid-column-start: 1;
	grid-column-end: 3;
}
.mvc-itemstable .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.item-_item_action_ ul {
	flex-wrap: wrap;
	justify-content: center;
}
.mvc-itemstable .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items .mvc-table-item.item-_item_action_ ul li {
	margin: 0 10px;
}
/* ---------- */



@media only screen and (max-width: 900px) {
	.mvc-table {
		display: block;
	}

	.mvc-table .mvc-table-template-title {
		margin-bottom: 10px;
		text-align: center;
	}

	.mvc-table .mvc-table-template-paginator .mvc-table-paginator-container {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.mvc-table .mvc-table-template-paginator .mvc-table-paginator-container .mvc-table-paginator-title,
	.mvc-table .mvc-table-template-paginator .mvc-table-paginator-container ul.mvc-table-paginator {
		margin-bottom: 10px;
	}

	.mvc-itemstable .mvc-table-template-title {
		flex-direction: column;
	}
	.mvc-itemstable .mvc-table-template-title .mvc-itemstable-global-actions-container {
		justify-content: center;
		flex-wrap: wrap;
	}
	.mvc-itemstable .mvc-itemstable-global-actions-item {
		margin: 5px;
	}

	.mvc-table .mvc-table-template-footer .mvc-table-template-footer-container-l,
	.mvc-table .mvc-table-template-footer .mvc-table-template-footer-container-r {
		border: none;
		justify-content: center;
	}
	.mvc-itemstable .mvc-table-template-items-actions,
	.mvc-itemstable .mvc-table-template-items-actions .mvc-table-items-actions-item {
		border: none;
		flex-wrap: wrap;
		justify-content: center;
	}
}


@media only screen and (max-width: 512px) {
	.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items {
		display: block;
	}
	.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items dt {
		margin: 5px 10px 0 10px;
		padding: 10px;
		text-align: center;
	}
	.mvc-table .mvc-table-template-content.mvc-table-responsive dl.mvc-table-items dd {
		margin: 0 10px 5px 10px;
		padding: 10px;
		padding-left: 30px;
	}

	.mvc-itemstable .mvc-table-template-title .mvc-itemstable-global-actions-container {
		flex-direction: column;
	}

	.form .mvc-table {
		padding: 0 5px;
	}
}