.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-default.jconfirm-type-animated {
    width: 35%;
}

.secondsUntilExpire {
    color: #ffffff;
    opacity: .1;
}

 .sensor-test-info {
	margin-left :12.5em;
}

.sensor-test-info td{
	padding : 1em;
}

.sensor-timestamp-caption {
	text-align:right;
	caption-side:bottom;
	font-weight: normal;
	 padding-top:5px;
	 white-space: nowrap;
}

/*  Custom stacked styles for mobile sizes */
		@media (max-width: 40em) {
			/*  Hide labels */
			.sensor-test-info tbody th .ui-table-cell-label,
			.sensor-test-info tbody td.title .ui-table-cell-label {
				display: none;
			}
			/*pad to the left */
			.sensor-test-info tbody td.title {
				margin-top: -2.1em;
				padding-left: 2.2em;
			}
			/* Make the label elements a percentage width */
			.sensor-test-info td .ui-table-cell-label,
			.sensor-test-info th .ui-table-cell-label {
				min-width: 20%;
			}
			
			.sensor-timestamp-caption {
				text-overflow: ellipsis;
				width: 200px;
				white-space: nowrap;
				overflow: hidden;
				white-space: nowrap;
			}
						
		}

		/* Media query to show as a standard table at wider widths */
		@media ( min-width: 40em ) {
			/* Show the table header rows */
			.sensor-test-info td,
			.sensor-test-info tbody td{
				display: table-cell;
				margin: 0;
			}
			.sensor-test-info {
			 border-collapse : collapse;
			}
			.sensor-test-info tr#border-row {
			 border : 2px solid black;
			}
		}
		/* Hack to make IE9 and WP7.5 treat cells like block level elements */
		/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
		@media ( max-width: 40em ) {
			.sensor-test-info td,
			.sensor-test-info th {
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				float: left;
				clear: left;
			}
		}