h2::before{
	max-width:100%;
}

/* Date/Time Icons */

.icon-date,
.icon-time{
	display:inline-block;
	position:relative;
}

.icon-date input,
.icon-time input{
	position:relative;
	min-width:90px;
}

.icon-date::after,
.icon-time::after {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 30px;
    text-rendering: auto;
    position:absolute;
    right:8px;
    top:1px;
}

.icon-date::after {
    content: "\f073";
}

.icon-time::after {
    content: "\f017";
}


/* Responsive Menu */

#menu-icon{
	display:none;
	width: 40px;
	height: 35px;
	position: relative;
	z-index:99;
	margin: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#menu-icon span{
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #ffffff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#menu-icon span:nth-child(1) {
	top: 0px;
}

#menu-icon span:nth-child(2),
#menu-icon span:nth-child(3) {
	top: 12px;
}

#menu-icon span:nth-child(4) {
	top: 24px;
}

.open-menu #menu-icon span:nth-child(1) {
	top: 12px;
	width: 0%;
	left: 50%;
}

.open-menu #menu-icon span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open-menu #menu-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open-menu #menu-icon span:nth-child(4) {
	top: 12px;
	width: 0%;
	left: 50%;
}

/* Striped Tables */

.striped .TableCell{
	vertical-align:top;
}

.striped td::before,
.striped .TableCell::before{
	display:none;
}

.popover-select-tags{
	background:transparent;
	border:0;
	box-shadow:0 0 0 rgba(0,0,0,0);
	height:auto;
	min-height:37px;
}

.striped td:first-child div.radio > input:empty ~ label::before,
.striped .TableCell:first-child div.radio > input:empty ~ label::before{
	min-width:40px;
	line-height:37px;
	text-indent:0;
	text-align:center;
}

.striped td:first-child div.radio > input:not(:checked) ~ label::before,
.striped .TableCell:first-child div.radio > input:not(:checked) ~ label::before{
	content:"edit";
	color:gray;
	text-transform:uppercase;
	font-size:0.75em;
	font-weight:bold;
}

.striped td:first-child div.radio > input:hover:not(:checked) ~ label:before,
.striped .TableCell:first-child div.radio > input:hover:not(:checked) ~ label::before{
	content:'\2714';
}


@media screen and (max-width:1200px){
	.striped input,
	.striped select,
	.striped option,
	.striped textarea{
		width:100%;
	}
	
	.striped .popover-select-wrapper{
		width:100%!important;
	}
	
	.sidebar{
		width:auto;
	}
}

@media screen and (max-width: 800px) {
	
	
	/*Header*/
	body{
		padding-top:80px;
	}
	
	.Header h1{
		display:none;
	}
	
	.Header .logo{
		width:70px;
	}
	
	.header-wrap{
		position:fixed;
		width:100%;
		top:0;
		left:0;
		border-top:10px #ffffff solid;
		z-index:999;
	}
	
	.responsive-menu-wrap{
		height:55px;
		background:#007379;
		border-top:5px #ffffff solid;
	}
	
	#menu-icon{
		display:inline-block;
		float:right;
		margin:10px;
	}
	
	.responsive-menu{
		position:fixed;
		width:80%;
		left:100%;
		top:65px;
		transition:transform 0.3s ease;
		z-index:98;
		background:#5A4298;
		height:100%;
		overflow:auto;
	}
	
	.open-menu .responsive-menu{
		transform:translate(-100%, 0);
		-webkit-transform: translate(-100%, 0);
	}
	
	.Navbar li,
	.SubNav li,
	.Navbar li a,
	.SubNav li a{
		display:block;
	}
	
	
	/*Striped Tables*/
	
	table.striped,
	table.striped tbody,
	table.striped tr,
	table.striped td,
	div.Table.striped,
	div.Table.striped .TableRow,
	div.Table.striped .TableCell{
		display:block;
		clear:both;
		text-align:left;
	}
	
	table.striped thead th,
	div.Table.striped .TableHeader{
		display:none;
	}
		
	table.striped tr,
	div.Table.striped .TableRow{
		padding:10px 0;
	}
	
	.striped div.radio > input:empty ~ label::before{
		/*left:auto;
		right:0;	JVS comment out */
	}
	
	.striped td::before,
	.striped .TableCell::before{
		display:block;
		font-weight:bold;
	}

	/*Other Tables*/
	
	.FunFactsTable .TableCell,
	#deviceConfigurationForm > .Table > .TableRow > .TableCell,
	#EnablerDetailForm > .Table > .TableRow > .TableCell{
		display:block;
		clear:both;
		text-align:left;
		padding:0;
	}
	
	#EnablerDetailForm > .Table > .TableRow > .TableCell{
		display:block;
		padding-bottom:20px;
	}


}