﻿/*.mvc_grid {
	margin-top: 20px;
}*/
	/*.mvc_grid .widget-header > span,*/
	/*.mvc_grid .widget-header > .widget-title {
		+padding-left: 10px;
		flex: 1;
	}

	.mvc_grid .widget-header {
		background: #444444;
	}

	.mvc_grid .widget-header {
		border-bottom: 1px solid #444444;
		align-items: center;
		padding: 8px 12px;
		font-size: 16px;
		color: #fff;
		display: flex;
	}

	.mvc_grid .widget-buttons {
		cursor: pointer;
		padding: 0 5px;
	}

	.mvc_grid .row_Action_Buttons {
		cursor: pointer;
		display: block;
	}

	.mvc_grid .widget-buttons a,
	.mvc_grid .widget-buttons span {
		color: #fff;
		margin-left: 15px;
	}

	.mvc_grid .widget-content {
		position: relative;
	}*/
.mvc_grid {
}
	.mvc_grid .mvc_grid-bt-expand {
		display: block;
	}
	.mvc_grid .mvc_grid-bt-collapse {
		display: none;
	}

	.mvc_grid.expanded .mvc_grid-bt-expand {
		display: none;
	}

	.mvc_grid.expanded .mvc_grid-bt-collapse {
		display: block;
	}

	.mvc_grid.expanded {
		position: fixed;
		top: 0px;
		left: 0px;
		margin: auto;
		z-index: 1000;
		background: white;
		width: 100%;
		height: 100%;
		padding: 20px 20px;
		overflow-y: auto;
	}
.mvc-grid-child-row {
}
	.mvc-grid-child-row > td {
		padding-left: 100px !important;
		min-height: 45px;
		padding-bottom: 27px !important;
		
		position: relative;
	}


	.mvc-grid-child-row .mvc-grid-expand {
		position: absolute;
		left: 40px;
		top: 9px;
	}

	.mvc-grid-child-row .bt-expand {
		display:block;
		cursor: pointer;
	}
	.mvc-grid-child-row.expanded .bt-expand {
		display: none;
	}
	.mvc-grid-child-row .bt-collapse {
		display: none;
		cursor: pointer;
	}
	.mvc-grid-child-row.expanded .bt-collapse {
		display: block;
	}
.mvc-grid-child-row .mvc-grid-child-div {
	display: none;
}
	.mvc-grid-child-row.expanded .mvc-grid-child-div {
		display: block;
		display: inline-grid;
		max-width: 100%;
		+overflow-x: scroll;
	}


.mvc_grid .filterable input.mvc-grid-value {
	width: 100%;
	min-width: 60px;
}

.width-1 {
	width: 1px;
}
.width-100 {
	width: 100px;
}
.width-max-100 {
	max-width: 100px;
}
.width-min-100 {
	min-width: 100px;
}
.width-300 {
	width: 300px;
}
.width-min-300 {
	min-width: 300px;
}
.width-min-400 {
	min-width: 400px;
}

.word-wrap-anywhere {
	word-wrap: anywhere;
}


