/* hiding responsive grid labels by default */
.ItemsPopupTable.nmnl-responsive td span.nmnl-responsive,
.MultipleItemsPopupTable.nmnl-responsive td span.nmnl-responsive,
.XPointsTable.nmnl-responsive td span.nmnl-responsive {
	display: none;
}

/* responsive rules for <tablet screen size */
@media screen and (max-width: 700px){

	/* breaking multi-column groups under each other */
	
	body.nmnl-responsive .TableGroup > tr > td,
	body.nmnl-responsive .TableGroup > tbody > tr > td{
		display: block;
	}

	/* breaking columns of multi-column questions under each other */
	
	.SRTable.nmnl-responsive td,
	.MRTable.nmnl-responsive td,
	.NumericTable.nmnl-responsive td {
		/*float: left;*/float:none;
	}
	.SRTable.nmnl-responsive td.radio, .SRTable.nmnl-responsive td.openradio, .SRTable.nmnl-responsive td.noneradio,
	.MRTable.nmnl-responsive td.checkbox, .MRTable.nmnl-responsive td.opencheckbox, .MRTable.nmnl-responsive td.nonecheckbox,
	.NumericTable td.item{
		clear: left;
	}
	/* fixing cell width of open items */
	table.nmnl-responsive td.opentext,
	table.nmnl-responsive td.opentextarea{
		width:100%;
	}

	/* responsive grid rules */
	
	.ItemsPopupTable.nmnl-responsive tr:first-child,
	.MultipleItemsPopupTable.nmnl-responsive tr:first-child,
	.XPointsTable.nmnl-responsive tr:first-child {
		display:none;
	}

	.ItemsPopupTable.nmnl-responsive input,
	.MultipleItemsPopupTable.nmnl-responsive input,
	.XPointsTable.nmnl-responsive input{
		margin: 0;
		vertical-align: middle;
	}
	
	.ItemsPopupTable.nmnl-responsive td span.nmnl-responsive,
	.MultipleItemsPopupTable.nmnl-responsive td span.nmnl-responsive,
	.XPointsTable.nmnl-responsive td span.nmnl-responsive,
	.XPointsTable.nmnl-responsive td.none a {
		display: inline;
		margin-left: 10px;
		vertical-align: middle;
		cursor:pointer;
	}

	.ItemsPopupTable.nmnl-responsive td,
	.MultipleItemsPopupTable.nmnl-responsive td,
	.XPointsTable.nmnl-responsive td {
		display: block;
		text-align: left;
	}
	
}

/*responsive rules for high dpi screens*/
@media
(-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
(min-device-pixel-ratio: 2) and (min-width: 1024px){  
    body{
    	zoom: 2;
    }
}

/*calendar fix*/
.calendar{
	transform: scale(1.5);
}

/*viewport meta tag not working in framesets*/
@viewport {
	width: device-width;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 1;
    user-zoom: fixed;
}

@-ms-viewport{
  width: device-width;
}