html,body {
			margin:0px;
			width:100%;
			height:100%;
			padding:0px;
			font-size:12px;
			font-family: 'Alegreya Sans', sans-serif;
		}
		@media print{@page {size: landscape}}
		::-webkit-scrollbar {
			width: 8px;
			height: 8px;
		}
		 
		::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
			border-radius: 10px;
		}
		 
		::-webkit-scrollbar-thumb {
			border-radius: 10px;
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
		}
		.modal-backdrop.in {
		  filter: alpha(opacity=30);
		  opacity: .3;
		}
		/* The switch - the box around the slider */
		.absoluteCenter {
			position:absolute;
			left:0px;
			top:0px;
			right:0px;
			bottom:0px;
			margin:auto;
		}
		.switch {
		  position: relative;
		  display: inline-block;
		  width: 36px;
		  height: 20px;
		}
		
		/* Hide default HTML checkbox */
		.switch input {display:none;}
		
		/* The slider */
		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #ccc;
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		.slider:before {
		  position: absolute;
		  content: "";
		  height: 16px;
		  width: 16px;
		  left: 2px;
		  bottom: 2px;
		  background-color: white;
		  -webkit-transition: .2s;
		  transition: .2s;
		}
		
		input:checked + .slider {
		  background-color: #2196F3;
		}
		
		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}
		
		input:checked + .slider:before {
		  -webkit-transform: translateX(16px);
		  -ms-transform: translateX(16px);
		  transform: translateX(16px);
		}
		
		/* Rounded sliders */
		.slider.round {
		  border-radius: 10px;
		}
		
		.slider.round:before {
		  border-radius: 50%;
		}
		#header-content-holder {
			postion:relative;
			height:100%;
			padding-left:10px;
		}
		.contentContainers {
			position:absolute;
			background-color:white;
			margin:auto;
			top:0px;
			right:0px;
			bottom:0px;
			left:0px;
			overflow:hidden;
		}
		.contentFormatbig {
			border-width:3px;
			border-style:double;
			width:calc(100% - 50px);
			height:calc(100% - 50px);
			max-width:800px;
			border-radius:20px;
			padding:10px;
		}
		.contentFormatsmall {
			border-width:2px;
			border-style:solid;
			width:calc(100% - 10px);
			height:calc(100% - 10px);
			border-radius:5px;
			padding:5px;
		}
		#pageFooter {
			position:relative;
			background-color:yellow;
			/*height:45px;*/
			height:auto;
			padding:5px;
			line-height:12px;
		}
		#content {
			position:relative; 
			height:calc(100% - 112px); 
			width:100%;
		}
		#moreOptionsSlideOut {
			display:none;
			position:absolute;
			right:0px;
			top:74px;
			border: 1px solid black;
			background-color:#dadada;
			height:auto;
			z-index:100;
		}
		.slideOutbig {
			width:400px;
		}
		.slideOutsmall {
			width:100%;
		}
		.contentTitle {
			font-weight:bold;
			font-size:22px;
			line-height:20px;
			margin-top:10px;
			margin-bottom:10px;
		}
		.fieldTitle {
			font-weight:bold;
			font-size:14px;
		}
		.Tiny {
			font-size:10px;
			line-height:10px;
		}
		.Small {
			font-size:12px;
			line-height:12px;
		}
		.Normal {
			font-size:14px;
			line-height:16px;
		}
		.Big {
			font-size:18px;
			line-height:18px;
		}
		.Huge {
			font-size:24px;
			line-height:26px;
		}
		.Alert-Tiny {
			font-size:10px;
			line-height:10px;
			padding:2px;
			margin:2px 0px 2px 0px;
		}
		.Alert-Small {
			font-size:12px;
			line-height:12px;
			padding:5px;
			margin:5px 0px 5px 0px;
		}
		.Alert-Normal {
			font-size:14px;
			line-height:14px;
			padding:8px;
			margin:8px 0px 8px 0px;
		}
		.Alert-Big {
			font-size:18px;
			line-height:18px;
			padding:10px;
			margin:10px 0px 10px 0px;
		}
		.Alert-Huge {
			font-size:24px;
			line-height:26px;
			padding:15px;
			margin:15px 0px 15px 0px;
		}
		.slideoutButton {
			position:relative;
			-webkit-appearance: none;
			border-radius:0px;
			padding:10px 0px 13px 0px;
			font-size:24px;
			width:100%;
			font-weight:bold;
			height:100%;
			border:1px solid black;
			border-width:1px 0px 1px 0px;
			height:60px;
			background: linear-gradient(#bfbfbf, #efefef);
		}
		.slideoutButton:hover {
			background: linear-gradient(#efefef, #bfbfbf);
		}
		.slideoutButton:active {
			background: linear-gradient(#dcdcdc, #afafaf);
		}
		.slideoutButton:focus {
			outline:0;
		}
		.noselect {
		  -webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Chrome/Safari/Opera */
			 -khtml-user-select: none; /* Konqueror */
			   -moz-user-select: none; /* Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
										  not supported by any browser */
		}
		.buttonHolderbig {
			position:relative;
			width:100%; 
			height:100%;
		}
		.buttonHoldersmall { 
			position:absolute; 
			top:40px;
			width:150px;
			left:18px;
			background-color:grey;
			/*display:none;*/
		}
		.quickListContents
		{
			position:relative; 
			width:100%; 
			height:auto; 
			padding:10px; 
			border-bottom:1px solid black; 
			cursor:pointer;
			background: linear-gradient(#dadada, #f8f8f8);
		}
		.quickListContents:hover {
			background: linear-gradient(#f8f8f8, #dadada);
		}
		.quickListContents:active {
			background: linear-gradient(#dcdcdc, #afafaf);
		}
		.quickListContents:focus {
			outline:0;
		}
		.highlightText {
			background-color:#FFFF00;
		}