@media only screen and (max-width:991px) { 
	@viewport {
		width: device-width;
		zoom: 1.0;
		min-zoom: 1.0;
	}
}

@media only screen and (max-width:980px) {
}

@media only screen and (max-width:991px) and ( -webkit-min-device-pixel-ratio:
		1.5 ) , only screen and (max-width:991px) and (
		min--moz-device-pixel-ratio: 1.5 ) , only screen and (max-width:991px)
		and ( -o-min-device-pixel-ratio: 1.5 / 1 ) , only screen and
		(max-width:991px) and ( min-device-pixel-ratio: 1.5 ) , only screen
		and (max-width:991px) and ( min-resolution: 144dpi ) , only screen and
	(max-width:991px) and ( min-resolution: 1.5dppx ) {
	body>*, .theme>* {
		font-size: 1.25rem;
	}
}

@media only screen and (max-width:991px) and (orientation:portrait) and (
		-webkit-min-device-pixel-ratio: 1.5 ) , only screen and
		(max-width:991px) and (orientation:portrait) and (
		min--moz-device-pixel-ratio: 1.5 ) , only screen and (max-width:991px)
		and (orientation:portrait) and ( -o-min-device-pixel-ratio: 1.5 / 1 )
		, only screen and (max-width:991px) and (orientation:portrait) and (
		min-device-pixel-ratio: 1.5 ) , only screen and (max-width:991px) and
		(orientation:portrait) and ( min-resolution: 144dpi ) , only screen
	and (max-width:991px) and (orientation:portrait) and ( min-resolution:
	1.5dppx ) {
	body>*, .theme>* {
		font-size: 2rem;
	}
}

@media only screen and (max-width:991px) and ( -webkit-min-device-pixel-ratio:
		2 ) , only screen and (max-width:991px) and (
		min--moz-device-pixel-ratio: 2 ) , only screen and (max-width:991px)
		and ( -o-min-device-pixel-ratio: 2 / 1 ) , only screen and
		(max-width:991px) and ( min-device-pixel-ratio: 2 ) , only screen and
		(max-width:991px) and ( min-resolution: 192dpi ) , only screen and
	(max-width:991px) and ( min-resolution: 2dppx ) {
	body>*, .theme>* {
		font-size: 1.75rem;
	}
}

@media only screen and (max-width:991px) and (orientation:portrait) and (
		-webkit-min-device-pixel-ratio: 2 ) , only screen and
		(max-width:991px) and (orientation:portrait) and (
		min--moz-device-pixel-ratio: 2 ) , only screen and (max-width:991px)
		and (orientation:portrait) and ( -o-min-device-pixel-ratio: 2 / 1 ) ,
		only screen and (max-width:991px) and (orientation:portrait) and (
		min-device-pixel-ratio: 2 ) , only screen and (max-width:991px) and
		(orientation:portrait) and ( min-resolution: 192dpi ) , only screen
	and (max-width:991px) and (orientation:portrait) and ( min-resolution:
	2dppx ) {
	body>*, .theme>* {
		font-size: 2.5rem;
	}
}

@media ( max-width :768px) {
	.ui-growl {
		width: 90%;
	}
	.ui-growl-message {
		width: 85%;
	}
	.ui-growl-icon-close {
		display: block!important;
	}
	.ui-datatable-reflow thead th, .ui-datatable-reflow tfoot td {
		display: none;
	}
	.ui-datatable-reflow .ui-datatable-data td {
		text-align: left;
		display: block;
		border: 0px none;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		clear: left;
	}
	.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
		padding: .4em;
		min-width: 30%;
		display: inline-block;
		margin: -.4em 1em -.4em -.4em;
	}
	.ui-grid-responsive .ui-grid-col-1, .ui-grid-responsive .ui-grid-col-2,
		.ui-grid-responsive .ui-grid-col-3, .ui-grid-responsive .ui-grid-col-4,
		.ui-grid-responsive .ui-grid-col-5, .ui-grid-responsive .ui-grid-col-6,
		.ui-grid-responsive .ui-grid-col-7, .ui-grid-responsive .ui-grid-col-8,
		.ui-grid-responsive .ui-grid-col-9, .ui-grid-responsive .ui-grid-col-10,
		.ui-grid-responsive .ui-grid-col-11, .ui-grid-responsive .ui-grid-col-12
		{
		width: 100%;
		float: none;
	}
	.dialog-file{
		height: 400px !important;
	}
	.label-upload-button{
		margin-right: 1.8em;
	}
	.button-accept-cancel{
		display: block !important;
		text-align: center;
	}
	.code-csv{
		font-size: 0.57em;
	}
	.ui-dialog.ui-widget-content .ui-dialog-title {
		font-size: 3rem;
    	margin-bottom: 20px;
	}
}