/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*#basic-form {
	margin-bottom: 80px;
	margin-top: 20px;
}*/

.tap_layout {
	margin-top: 40px;
}

.dialogposition.showorder {
	top: 2px !important;
	height: 100% !important;
	right: 0 !important;
	left: auto !important;
	/*  position: absolute !important;*/
	position: fixed !important;
}

	.dialogposition .showorder .editForm {
		position: relative;
		padding-top: 5px;
	}

		.dialogposition .showorder .editForm .row {
			margin: 0;
		}

	.dialogposition .showorder .e-dlg-content {
		padding-left: 0;
		padding-right: 0;
	}

.dialogposition.filter.row {
	margin: 0 !important;
}

	.dialogposition.filter .row .e-dropdowns .e-popup-holder {
		position: relative !important;
	}

.dialogposition .showorder .e-input-group .e-control-wrapper {
	margin-bottom: 10px;
}

.dialogposition .showorder .e-input-group .e-control-wrapper {
	margin-bottom: 10px;
}

.dialogposition .showorder .editForm .e-float-input {
	margin: 9px 0;
}

.dialogposition .showorder .editForm .e-numeric {
	margin: 13px 0 !important;
}

@media (min-width:3900px) and (max-width:4096px) {
	.dialogposition .showorder {
		height: 98.2% !important;
	}
}

@media(min-width:1920px) and (max-width:2000px) {
	.dialogposition .showorder {
		height: 92.5% !important;
	}
}

@media(min-width:1680px) and (max-width:1900px) {
	.dialogposition .showorder {
		height: 96.2% !important;
	}
}

@media(min-width:820px) and (max-width:991px) {
	.dialogposition .showorder {
		width: 40% !important;
		height: 95% !important;
	}
}

@media(min-width:810px) and (max-width:820px) {
	.dialogposition .showorder {
		width: 40% !important;
		height: 95% !important;
	}
}

@media(min-width:768px) and (max-width:800px) {
	.dialogposition .showorder {
		width: 40% !important;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.dialogposition .showorder {
		width: 40% !important;
	}
}

.e-dialog .e-dlg-header-content {
	/* border-bottom: none; */
	padding: 5px;
}

.e-dialog .e-dlg-header-content {
	/* border-radius: 1px 1px 0 0; */
	line-height: 20px;
}

.e-dialog .e-dlg-content {
	/* padding: 18px; */
	padding: 2px;
}

.input-field {
	position: relative;
	margin-top: 0.01rem;
	margin-bottom: 0.01rem;
}

.e-dialog .e-dlg-header-content {
	/* border-bottom: none; */
	padding: 8px 15px;
}

/*.btn, .btn-flat, .btn-large, .btn-small {
	text-transform: capitalize;
	margin-bottom: 5px;
}*/

.dialogposition.showorder {
	top: 0.1px !important;
	/* bottom: 0px !important; */
	height: 100vh !important;
	right: 0 !important;
	left: auto !important;
	/* position: absolute !important; */
	position: fixed !important;
	max-height: 100vh !important;
}

.e-dialog {
	max-height: 100%;
	max-width: 100%;
	min-width: 240px;
	position: absolute;
}

/*.card .card-content {
	padding: 10px;
	border-radius: 0 0 2px 2px;
}

.container {
	padding: 0 .01rem;
}
*/
.dialogposition {
	max-height: 100%;
	padding: 0px;
}

.e-dialog .e-dlg-content {
	padding: 0px;
}