@keyframes rotateicon{
	from {
		transform: translate(-12px, -12px) rotate(0deg);
 		}
	to {
		transform: translate(-12px, -12px) rotate(360deg);
		}
	}

/* Google charts label flicker fix */

svg > g > g:last-child { pointer-events: none }

/* MDL Overrides */

.mdl-card__title{
	flex-grow:1;
	}
.mdl-card__title + .mdl-card__title{
	flex-grow:100;
	}

.mdl-card .charicon{
	font-size:24px;
	line-height:24px;
	display:inline-block;
	width:24px;
	text-align:center;
	font-weight:bold;
	}

.mdl-card__subtitle-text{
	}

.mdl-grid.full-width{
	padding:0;
	margin-left:-8px;
	margin-right:-8px;
	margin-bottom:24px
	}
	.mdl-grid.full-width:last-child{
		margin-bottom:0;
		}

.mdl-grid.full-width.readonly .media .mdl-card__title{
	visibility:hidden;
	}
.mdl-grid.full-width.readonly .media:hover .mdl-card__title{
	visibility:visible;
	}

.mdl-card__supporting-text{
	width: 100%;
	box-sizing: border-box;
	}
	
.mdl-button--icon.loading{
	background-color:rgba(158,158,158,0.20) !important;
	}
.mdl-button--icon.loading i{
	animation-name: rotateicon; 
	animation-duration: 2s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;	
	}

@keyframes spinicon {
	from {
		transform: rotate(0deg);
 		}
	to {
		transform: rotate(360deg);
		}
	}

i.fa.fa-hourglass.spinning {
	animation-name: spinicon;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}
	
.mdl-textfield--floating-label .mdl-textfield__label{
	transition-duration: 0s;
	}

.mdl-textfield{
	width:100%;
	}
.mdl-textfield.inline,
.mdl-checkbox.inline{
	width:auto !important;
	margin-right: 20px;
	}
	.mdl-textfield.inline select {
		padding-top: 4px;
		}
.mdl-textfield.no-padding {
	padding: 0
	}
.mdl-cell > .mdl-textfield{
	width:calc(100% - 16px);
	}	
.mdl-textfield input,
.mdl-textfield textarea,
.mdl-textfield select{
	box-sizing:border-box;
	min-height:37px;
	padding-top:8px;
	}
.mdl-textfield textarea{
	min-height:10em;
	}
	
.mdl-chip--small {
	height:16px;
	line-height:16px;
	border-radius:8px;
	padding:0 8px;
	font-size:13px;
	}
	.mdl-chip--small .mdl-chip__text{
		font-size: 10px;
		text-transform:uppercase;
		}	
	
.mdl-chip--green {
	background-color:rgb(27,94,32);
	color:rgba(255,255,255,1);
	}
.mdl-chip--orange {
	background-color:rgb(230,81,0);
	color:rgba(255,255,255,1);
	}
.mdl-chip--red {
	background-color:rgb(183,28,28);
	color:rgba(255,255,255,1);
	}	
	
.material-icons-inline{
	vertical-align:bottom;
	}	

textarea.tinymce{
	min-height:300px;
	}
textarea.tinymce.tinymce-medium{
	min-height:500px;
	}

.carousel{
	position:relative;
	}	
.carousel .mdl-grid.full-width{
	overflow:hidden;
	max-height:236px;
	}
	.carousel a.carousel-previous,
	.carousel a.carousel-next{
		position:absolute;
		top:calc(50% - 16px);
		z-index:2;
		display:none;
		}
	.carousel a.carousel-previous{
		left:-24px;
		}
	.carousel a.carousel-next{
		right:-24px;
		}
	.carousel .mdl-grid.full-width .media{
		}
	
body{
	background-color:#ffffff;
	color:#7e7d7a;
	overflow-y:scroll;
	}

header,
div.breadcrumbs,
section.intro,
section.content,
footer{
	}
header .container,
div.breadcrumbs .container,
section.content .container,
footer .container{
	max-width:1400px;
	padding:24px;
	margin:0 auto;
	box-sizing:border-box;
	}
	
section.content .container,
section.map .container{
	position:relative;
	}
	
header{
	background-color:#ffffff;
	color:#7e7d7a;
	background-position:50%, 0 50%;
	background-size:auto, cover;
	background-repeat:repeat, no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
	}
	header .container{
		padding-top:32px;
		padding-bottom:32px;
		position:relative;
		height:164px;
		}
	header a img.logo{
		position:absolute;
		display:block;
		height:100px;
		border:none;
		}
		header a:hover img.logo{
			}
	header h1{
		position:absolute;
		line-height:1em;
		font-size:3em;
		text-align:center;
		margin-top:0;
		margin-bottom:0;
		right:28px;
		bottom:32px;
		color:rgba(0,0,0,0.9);
		}
		
	header ul.mini-nav{
		position:absolute;
		margin-left:0;
		right:16px;
		top:16px;
		padding:0;
		}
		header ul.mini-nav li{
			margin-left:0;
			display:inline-block;
			color:rgba(0,0,0,0.9);
			border-left:1px solid rgba(0,0,0,0.5);
			}
		header ul.mini-nav li:first-child{
			border-left:none;
			}
			header ul.mini-nav li a{
				color:rgba(0,0,0,0.9);
				text-decoration:none;
				padding:8px 16px;
				}
			header ul.mini-nav li a:hover{
				color:rgba(0,0,0,1);
				}

div.breadcrumbs{
	background:#313131;
	color:rgb(158,158,158);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
	}
	div.breadcrumbs .container{
		padding-top:0;
		padding-bottom:0;
		}
	div.breadcrumbs ul{
		padding-left:0;
		margin-top:12px;
		margin-bottom:12px;
		}
		div.breadcrumbs ul li{
			display:inline-block;
			line-height:1.5rem;
			}
			div.breadcrumbs ul li a{
				text-decoration:none;
				}
			div.breadcrumbs ul li i{
				margin:0 0.5rem;
				}
			div.breadcrumbs ul li i.fa-level-up{
				display:none;
				}
	div.breadcrumbs p.reference{
		margin-top:12px;
		margin-bottom:0;
		float:right;
		}
	div.breadcrumbs a{
		color:rgb(224,224,224);
		}
	div.breadcrumbs a:hover{
		color:rgb(255,255,255);
		}
		
.uploader{
	padding-top:12px;
	}
		
p.pagination{
	text-align:center;
	margin-top:24px;
	margin-bottom:24px;
	}
	p.pagination a{
		display:inline-block;
		text-decoration:none;
		border-radius:50%;
		color:#7e7d7a;
		width:1.75em;
		box-sizing:border-box;
		}
	p.pagination a[href]:hover,
	p.pagination a.current{
		color:#000000;
		}
		
section.simpleform .mdl-layout{
	align-items:center;
	}
	section.simpleform .mdl-layout__content{
		padding:64px 48px;
		flex:none;
		}
	section.simpleform .mdl-layout__content .mdl-card__title img{
		width:50%;
		max-width:300px;
		margin:0 auto;
		display:block;
		padding:24px 12px;
		}
	section.simpleform .mdl-layout__content .mdl-card__actions{
		padding:16px;
		}
		
section.content{
	}
	section.content .container{
		padding-bottom:2rem;
		}
		
iframe.task{
	width:100%; 
	box-sizing:border-box;
	height:60vh; 
	background:#ffffff; 
	padding:0.5rem; 
	margin-bottom:1rem;
}

section.content > .container > h2{
	position:relative;
}
section.content > .container > .menu-right{
	float:right;
	margin:24px 0;
	height:48px;
	width:48px;
	z-index:10;
	margin-left:16px;
	}	
section.content > .container > .menu-right--text{
	line-height:48px;
	width:auto;
	color:inherit;
	}
section.content > .container > h2 .button-right{
	float:right;
	}

section.content > .container h1.centered,
section.content > .container h2.centered,
section.content > .container h3.centered,
section.content > .container p.centered{
	text-align:center;
	}
section.content > .container h1.centered,
section.content > .container h2.centered{
	margin-bottom:48px;
	}
	
.map-legend{
	position:absolute; 
	bottom:24px; 
	left:12px; 
	z-index: 99; 
	min-height:auto;
	width:auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
	}
	.map-legend .mdl-list{
		margin:0 24px 0 16px;
		}
		.map-legend .mdl-list .mdl-list__item{
			padding:0;
			font-size:14px;
			min-height:32px;
			}
		.map-legend .mdl-list .mdl-list__item i{
			margin-right:8px;
			}
		.map-legend .mdl-list .mdl-list__item a{
			cursor:pointer;
			}
			.map-legend .mdl-list .mdl-list__item a:hover{
				color:#000000;
				}	
	
.tile-card{
	position:relative;
	width:100%;
	min-height:220px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
	height:0; /* IE Hack */
	}	
	.tile-card .mdl-button{
		min-width:20px;
		}
	.tile-card > .mdl-card__menu{
		color:#fff;
		}
	.tile-card > .mdl-card__supporting-text + .mdl-card__supporting-text{
		padding-top:0;
		}
	.tile-card:hover{
		box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
		}
	.tile-card .button-right{
		float:right;
		padding:0 8px;
		}
	
.tile-card.book-card{
	min-height:450px;
	}
	
.lazyloading::before{
	position:absolute;
	content:'';
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-position:50%;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAyVBMVEUAAAC9vsDCw8W9v8G9vsD29/fr7O29vsDm5+jx8fK/wML29vf///+9vsHR0tPm5+jt7u7w8PHr7Ozc3d7n6OnExcfGx8nJyszMzM7V1tjZ2tvf4OG9vsDHyMrp6uvIycu9v8HAwcTPz9HCw8W9vsC9vsDBwsTj5OXj5OXW19i9vsDm5+jw8PHy8vL09fW9vsDFxsjJyszAwsS9vsDU1dbLzM7Y2drb3N3c3d7e3+DHyMrBwsTh4uPR0tPDxcfa293R0tTV1ti9vsAll6RJAAAAQnRSTlMA7+t/MAZHQDYjHxABv6xSQjEgFgzi2M7Emop0cGVLD/ryt7Cfj3dmYWBgWjgsGd/Cv7SvopSSg4B6eHZrQjkyKx1dd0xhAAAA9klEQVR4AYWPeXOCMBBHFxIgCQKC3KCo1Wprtfd98/0/VBPb6TC0Wd+/783+ZqELrQkRoIMujFbiaLTwpESC029reB7919d7u6SgYaE8aUCivW84oEUY0lPQc408pxBqHxCIHGiw4Lxtl5h35ALFglouAAaZTj00OJ7NrvDANI/Q4PlQMDbNFA3ekiQRaHGRpmM0eMqyyxgLRlme4ydu8/n8Az3h+37xiRWv/k1RRlhxUtyVD8yCXwaDflHeP1Zr5sIey3WtfvFeVS+rTWAzFobhNhrFf4omWK03wcS2h8OzLd/1TyhiNvkJQu5amocjznm0i6HDF1RMG1aMA/PYAAAAAElFTkSuQmCC);
	animation: rotation 1s infinite linear;
	}	
	
.media-card{
	position:relative;
	width:100%;
	min-height:220px;
	background-size:contain;
	background-position:50%;
	background-repeat:no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	height:0; /* IE Hack */
	}
	.media-card .mdl-button{
		min-width:20px;
		}
	.media-card > .mdl-card__title{
		flex-grow:0;
		font-size:0.8125em;
		}
	.media-card > .mdl-card__supporting-text{
		flex-grow:1;
		}
	.media-card > .mdl-card__menu{
		color:#fff;
		}
	.media-card > .mdl-card__actions,
	.media-card > .mdl-card__title{
		background-color:rgba(0,0,0,0.5);
		}
	.media-card:hover{
		box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
		}
	.media-card .button-right{
		position:absolute;
		right:8px;
		}
		
.media-card-a4{
	min-height:100vh;
	margin-bottom:24px;
	}
		
.chart-card{
	position:relative;
	width:100%;
	min-height:250px;
	}
	.chart-card .chart-container{
		padding:24px;
		}
		.chart-card .chart-container > div{
			min-height:200px;
			height:100%;
			}
	
.chart-card-tall{
	min-height:350px;
	}
	.chart-card .chart-container > div{
		min-height:300px;
		}
		
.wide-card{
	position:relative;
	width:100%;
	min-height:48px;
	margin-bottom:24px;
	page-break-inside:avoid;
	}	
	.wide-card.list-options{
		padding:0 16px;
		flex-direction:row;
		}
	.wide-card.list-options select{
		margin:0;
		padding:4px 6px;
		border:none;
		color:#7e7d7a;
		}
	.wide-card.list-options select + select{
		margin-left:16px;
		}
	.wide-card.list-options .search-input{
		margin-left:auto;
		}
		.wide-card.list-options .search-input .mdl-textfield{
			width:200px;
			vertical-align:middle;
			}

.wide-card > *:first-child,
.wide-card > .card-content > *:first-child{
	margin-top:0;
	}
	
.wide-card > *:last-child,
.wide-card > .card-content > *:last-child{
	margin-bottom:0;
	}
	
.plist-card{
	
	}
	.plist-card p{
		margin-bottom:8px;
		}

.wide-card > div img.logo{
	display:block;
	}

.mdl-tabs .mdl-tabs__panel > h1:first-child,
.mdl-tabs .mdl-tabs__panel > h2:first-child,
.mdl-tabs .mdl-tabs__panel > h3:first-child{
	margin-top:0;
	}
.mdl-tabs .mdl-tabs__tab{
	color:#7e7d7a;
	text-transform:none;
	}
	.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{
		color:#000000;
		}
	.mdl-tabs__panel.is-active,
	.mdl-tabs__panel{
		padding:24px;
		}	
	.vertical-tabs .mdl-tabs__tab-bar{
		flex-direction:column;
		padding-top:24px;
		padding-bottom:24px;
		height:inherit;
		border-bottom:none;
		border-right:1px solid rgba(10, 11, 49, 0.20);
		}
	.vertical-tabs .mdl-tabs__tab{
		width:100%;
		height:36px;
		line-height:36px;
		box-sizing:border-box;
		border-right:5px solid #ffffff;
		}
		.vertical-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active{
			border-right:5px solid #0E67B3;
			}
		.vertical-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{
			content:inherit;
			height:0;
			}
		.vertical-tabs.mdl-tabs .mdl-tabs__tab {
			text-align:left;
			}	

.tab-counter{
	position:absolute;
	right:0.75rem;
	min-width:0.5rem;
	height:1.5rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	top:0.5rem;
	background:rgba(158,158,158,0.2);
	border-radius:1em;
	text-align:center;
	line-height:1.5rem;
	}

.yearpicker{
	position:relative;
	}
	.yearpicker select{
		font-size:2em;
		}

.scrollable{
	max-height:50vh;
	overflow:auto;
	min-width:100%;
	width:100%;
	padding:0.5em;
	margin-left:-0.5em;
	margin-right:-0.5em;
	}

table.data{
	width:100%;
	border-collapse:collapse;
	}
table.borderless,
table.borderless th,
table.borderless td{
	border-width:0;
	}
	table.data thead th{
		color:#7e7d7a;
		font-size:14px;
		}
	table.data th{
		text-align:left;
		}
	table.data th,
	table.data td{
		padding-left:6px;
		padding-right:6px;
		}
table.data tr.dynamictotal{
	background-color:#eeeeee;
	}
table.data .text-center{
	text-align:center;
	}
table.data .text-right{
	text-align:right;
	}
table.data td i.material-icons{
	vertical-align:middle;
	}
	
table.data td{
	max-width:25%;
	overflow:hidden;
	text-overflow:ellipsis;
	}
	table.data td input:not(.mdl-textfield__input){
		width:90px;
		padding:4px 3px;
		}
	table.data td .mdl-textfield {
		padding: 0px;
		}
	table.data td .mdl-textfield .mdl-textfield__label:after {
		bottom: 0px;
		}
	table.compact-data td input{
		padding:1px 0;
		}
	table.wide-inputs td input{
		width:80%;
		}
	table.data td a{
		text-decoration:none;
		}
	table.data td a:hover{
		color:#000000;
		}

table.mdl-data-table--selectable.is-upgraded thead tr th:first-child{
	width:24px;
}

i.status{
	color:lightgrey;
	}
	i.status.accepted{
		color:green;
		}
	i.status.notaccepted{
		color:red;
		}

.calendar{
	min-height:200px;
	}
	.calendar .statustext{
		font-size:2em;
		padding-top:5rem;
		padding-bottom:5rem;
		text-align:center;
		}
	.calendar table{
		width:100%;
		table-layout:fixed;
		}
		.calendar table p{
   			margin-bottom:0;
			}
	.calendar table td{
		}
		.calendar table.monthselect{
			margin-bottom:2rem;
			}
			.calendar table.monthselect td.year{
				}
				.calendar table.monthselect select{
					}
				.calendar table.monthselect select option{
					}
		.calendar table.days{
			}
		.calendar table.days th,
		.calendar table.days td{
			font-size:0.875em;
			padding:0.75rem;
			border:1px solid #dddddd;
			vertical-align:top;
			}
		.calendar table.days td.noday{
			border-width:0;
			}
		.calendar table.days thead th{
			text-transform:uppercase;
			padding-top:0.75rem;
			padding-bottom:0.75rem;
			}
		.calendar table.days th.week{
			vertical-align:middle;
			}
		.calendar table.days th.week span{
			font-size:1.188rem;
			font-weight:700;
			}
			.calendar table.days tbody th,
			.calendar table.days tbody td{
				height:6rem;
				position:relative;
				}
			.calendar table.days tbody td p.day{
				font-size:1rem;
				line-height:1.5rem;
				}
			.calendar table.days tbody td.day:hover,
			.calendar table.days tbody td.today{
				background-color:rgba(0,0,0,0.05);
				}
			.calendar table.days tbody td.day.today:hover{
				background-color:rgba(0,0,0,0.1);
				}
				.calendar table.days tbody td.today p.day{
					font-weight:700;
					}
				.calendar table.days tbody td div.info{
					position:absolute;
					top:0.75rem;
					}
					.calendar table.days tbody td div.info p{
						font-size:0.612rem;
						line-height:1.5rem;
						}
				.calendar table.days tbody td div.events{
					margin-top:1rem;
					text-align:left;
					}
					.calendar table.days tbody td div.events p{
						font-size:0.75rem;
						line-height:1.5rem;
						}

span.compare{
	}
	span.compare-increase{
		color:green;
		}
	span.compare-decrease{
		color:red;
		}
span.compare:before{
	font-family:FontAwesome;
	padding-right:0.25em;
	}
	span.compare-increase:before{
		content:"\f0d8";
		}
	span.compare-decrease:before{
		content:"\f0d7";
		}

ul.files{
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
	}
	ul.files li{
		margin-left:0;
		list-style-type:none;
		} 
		ul.files li i{
			margin-right:0.5em;
			}

div.gallery{
	
	}
	div.gallery .media-card{
		height:0;
		min-height:0;
		padding-bottom:56.25%;
		}
	div.gallery .mdl-card__title{
		display:none;	
		}
	div.gallery .media-card:hover .mdl-card__title{
		display:block;
		}

.float-right{
	float:right;
	}
	
.product-info .product-description{
	max-width:60em;
	}
.product-info .product-listprice{
	float:right;
	margin-top:0;
	}
.product-info .product-gtin{
	float:right;
	clear:right;
	}
	
.guide-panel{
	
	}
	.guide-panel img{
		display:block;
		max-width:100%;
		}
	.guide-panel img.screenshot{
		border-radius:3px;
		border:1px solid rgba(0,0,0,0.25);
		cursor:not-allowed;
		}
	.guide-panel p{
		max-width:60em;
		}
	.guide-panel p.centered,
	.guide-panel p.full{
		max-width:100%;
		}
	.guide-panel p.full img{
		width:100%;
		}
	.guide-panel table{
		width:100%;
		table-layout:fixed;
		border:1px solid #dddddd;
		border-collapse:collapse;
		margin-bottom:1em;
		}
		.guide-panel table th{
			text-align:left;
			font-weight:bold;
			}
		.guide-panel table th,
		.guide-panel table td{
			padding:8px;
			border:1px solid #dddddd;
			}
		.guide-panel table tr.highlight th,
		.guide-panel table tr.highlight td{
			background-color:#eeeeee;
			}		
	
p.message{
	background-color:#ffffff;
	border-radius:2px;
	}
	p.message.padded{
		padding:16px;
		}
	p.message.small-padded{
		padding:8px 16px;
		}
	p.text-center{
		text-align:center;
		}
	p.text-large{
		font-size:1.5em;
		}
	p.message.warning{
		background-color:#ffffdd;
		color:#313131;
		}
	p.message.error{
		background-color:#ffdddd;
		color:#313131;
		}
	p.message.success{
		background-color:#ddffdd;
		color:#313131;
		}
	
p.alert i.material-icons{
	vertical-align:middle;
	font-size:24px;
	margin-right:0.25em;
	}
	p.alert .button-right{
		float:right;
		margin-top:-4px;
		margin-left:8px;
		}
	
div.representative{
	padding:24px;
	}
	div.representative p:last-child{
		margin-bottom:0;
		}
	
img.inline-round{
	display:inline-block;
	border-radius:50%;
	height:1em;
	vertical-align:bottom;
	}
img.photo-round{
	border-radius:50%;
	height:64px;
	}
	
.iframe iframe{
	height:90vh;
	border:none;
	}
.iframe.iframe-short iframe{
	height:50vh;
	}
	
/* CMS Content */
.cmscontent h1,
.cmscontent h2,
.cmscontent h3,
.cmscontent h4,
.cmscontent h5,
.cmscontent h6{
	margin-bottom:1rem;
	line-height:1.5rem;
	}
.cmscontent h1{
	font-size:2rem;
	font-weight:600;
	}
.cmscontent h2{
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:0.5rem;
	}
.cmscontent h3{
	font-size:1.25rem;
	}
.cmscontent h4{
	}
.cmscontent h5{
	}
.cmscontent h6{
	}
.cmscontent a{
	
	}
.cmscontent p{
	margin-bottom:1rem;
	line-height:1.5rem;
	}
	.cmscontent p.note{
		padding:.5em 1rem;
		background:rgba(0,0,0,0.125);
		}
.cmscontent strong{
	font-weight:600;
	}
.cmscontent blockquote{
	}
.cmscontent ul{
	list-style-type:disc;
	margin-left:2rem;
	margin-bottom:1rem;
	}
	.cmscontent ul ul{
		list-style-type:circle;
		margin-left:1rem;
		margin-bottom:0.5rem;
		}
.cmscontent li{
	line-height:1.5rem;
	}
.cmscontent ol{
	list-style-type:decimal;
	margin-left:2rem;
	margin-bottom:1rem;
	}
.cmscontent img.alignleft, .cmscontent img.aligncenter, .cmscontent img.alignright{
	display:block;
	padding:5px;
	}	
.cmscontent img.alignleft{
	float:left;
	margin:0 10px 10px 0;
	}
.cmscontent img.aligncenter{
	margin:0 auto 10px auto;
	}
.cmscontent img.alignright{
	float:right;
	margin:0 0 10px 10px;
	}
.cmscontent table{
	margin-bottom:1rem;
	}
	
.notemanager{
	
	}
	.notemanager form{
		margin-bottom:24px;
		}
	.notemanager ul.notes{
		margin:0;
		padding:0;
		}
		.notemanager ul.notes li.note{
			margin:8px 0;
			padding:8px 0;
			border-bottom:5px solid rgba(10, 11, 49, 0.20); 
			margin-bottom:24px;
			list-style-type:none;
			}
			.notemanager ul.notes li.note.mine{
				border-bottom: 5px solid #0E67B3;
				}
			.notemanager ul.notes li.note.system{
				border-bottom: 5px solid rgb(220,154,7);
				}
		.notemanager ul.notes li.note button{
			float:right;
			}
		.notemanager ul.notes li.note p.body{
			color:#000000;
			width:calc(100% - 10em);
			}
		.notemanager ul.notes li.note p.author{
			font-size:12px;
			margin-bottom:0;
			}

.qualification-tree {
	padding: 0;
	}
	.qualification-tree .mdl-cell,
	.qualification-tree .mdl-checkbox {
		height: 40px;
	}
	.qualification-tree .mdl-checkbox {
		line-height: 40px;
		}
	.qualification-tree .mdl-checkbox > span {
		margin-top: 8px;
		}
	.qualification-tree ul {
		padding-left: 25px;
		}
	.qualification-tree li {
		list-style: none;
		}
	
p.file span.maxsize,
.progress .progresskb{
	float:right;
	}
p.message.progress{
	background-color:transparent;
	}
	
.progressbar{
	display:inline-block;
	height:5px;
	width:100%;
	background:#cccccc;
	vertical-align:middle;
	}
	.progressbar > *{
		display:block;
		border-radius:3px;
		height:100%;
		width:0%;
		background-color:#0E67B3;
		}
	
.exception{
	font-family:monospace;
	}
	.exception h1,
	.exception h2,
	.exception p{
		margin-bottom:1rem;
		line-height:1.25rem;		
		}
	.exception ol.trace {
		margin-bottom:1rem;
		}
		.exception ol.trace li{
			list-style-type:decimal;
			margin-left:2rem;
			line-height:1.25rem;
			margin-bottom:0.5rem;
			}
		.exception ol.trace li span.file{
			opacity:0.75;
			}

#overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:2rem;
	display:flex;
	align-items: center;
	justify-content: center;	
	background:rgba(0,0,0,0.5);
	z-index:99;
	}
	#overlay::before{
		content:'X';
		position:absolute;
		top:1rem;
		right:1rem;
		color:rgba(255,255,255,1);
		font-size:2em;
		cursor:pointer;
		}
	#overlay .modal{
		box-sizing:border-box;
		padding:0 1rem;
		width:100%;
		max-height:100%;
		overflow-y:auto;
		}
		#overlay .modal *:last-child{
			}
	#overlay h4{
		font-size:16px;
		padding:4px 16px;
		margin-bottom:8px;
		}			
	#overlay .mdl-card[style]{
		padding:16px !important;
		}
	#overlay .wysiwyg table th,
	#overlay .wysiwyg table td{
		padding:4px 8px;
		font-size:14px;
		}
	#overlay .modal-video{
		background:#000000;
		padding:6px;
		}
	#overlay .modal-photo{
		background:#ffffff;
		padding:12px;
		}
		#overlay .modal-video > video,
		#overlay .modal-photo > div{
			width:100%; 
			}
		#overlay .modal-photo > div{
			height:0; 
			padding-bottom:75%;
			background-repeat:no-repeat;
			background-position:50%;
			background-size:contain;
			}
			
footer.mdl-mega-footer{
	padding:0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 	
	}
		
/* TinyMCE Fix */

div.mce-edit-area[style]{
	border-width:1px 1px 0 0 !important;
	}
.mce-branding-powered-by{
	display:none;
	}
		
@media (min-width: 840px) {		
				
	}

@media (max-width: 839px) and (min-width: 480px) {

	.vertical-tabs .mdl-grid--no-spacing > .mdl-cell--2-col{
		width:100%;
		}
		
	}

@media (max-width: 839px) {
	
	.hide-tablet {
	  	display:none !important;
		}
	
	header .container,
	div.breadcrumbs .container,
	section.content .container,
	footer .container{
		padding-left:8px;
		padding-right:8px;
		}
		
	header h1{
		right:8px;
		}
	header ul.mini-nav{
		right:0;
		}
		header ul.mini-nav li a{
			padding-left:8px;
			padding-right:8px;
			}		
		
	.carousel a.carousel-previous{
		left:-8px;
		}
	.carousel a.carousel-next{
		right:-8px;
		}		
		
	.columns{
		margin-left:0;
		margin-right:0;
		}
	div.breadcrumbs ul li{
		display:none;
		}
		div.breadcrumbs ul li:nth-last-child(2){
			display:block;
			}
		div.breadcrumbs ul li i.fa-angle-right{
			display:none;
			}
		div.breadcrumbs ul li i.fa-level-up{
			display:inline-block;
			}
	
	}

@media (max-width: 479px) {
	
	header h1{
		left:8px;
		}
	
	header a img.logo{
		display:none;
		}

	header ul.mini-nav{
		text-align:center;
		left:0;
		}
	
	.hide-phone {
	  	display:none !important;
		}
		
	section.simpleform .mdl-layout__content{
		padding:24px;
		}
	
	.vertical-tabs .mdl-grid--no-spacing > .mdl-cell--2-col{
		width:100%;
		}
	
	}

@media print {

	h2{
		page-break-before:always;
		}
	
	body > header,
	body > .breadcrumbs,
	.mdl-tabs__tab-bar,
	.gallery{
		display:none;
		}
		
	.mdl-tabs.is-upgraded .mdl-tabs__panel {
		display: block;
		}
		
	.wide-card[style]{
		padding:0 !important;
		}
	.wysiwyg h4{
		padding-left:0 !important;
		padding-right:0 !important;
		}
	
	}