#Footer {
	position: fixed;
	background-color: #000;
	width: 100%;
	bottom: 0px;
	color: #fff;
	left: 0px;
	/* overflow: hidden; */
	text-transform:uppercase;
	font-size:0.9em;
	z-index:10;

	height: 100px;
	padding: 0 0 2px 0;
}
#Footer .ui-button {
	font-size:8pt;
	padding: 0;
}

#Footer .ui-buttonset {
	padding: 0;
	margin-top: 1.5;
}
#FooterWidgetCTNR {
	display: inline-block;
}
#FooterLogo {
	position: absolute;
	right:0;
	bottom:0;
	z-index:1;
}

.ui-button-text-only .ui-button-text {
	padding:0.4em !important;
}
.ATLASMainTitle {
	margin-right:5px;
	width:100px;
	height: auto;
	max-height: 12px;
}
.FooterCTRLPadding {
	padding:5px;
}
.FibicsLogo {
	margin: 20px;
	float:right;
}
.nonMouseEvent {
	pointer-events: none;
}
#FooterLeftInfo {
	float: left;
	padding: 7px 0 7px 7px !important;
	overflow: hidden;
	max-width: 455px;
	display: inline-block;
}
#FooterLeftButtonsCTNR {
	padding:5px 0px;
}
#MagNotCalibrated {
	font-style:italic;
	color:#999;
}
.MagNotCalibrated .magModeDisplay:before {
	content: '? ';
	color: yellow;
	font-weight: bold;
}
.UnitsChangerCalMag {
	width:200px;
}
div.magCalLineMargin {
	margin:40px 30px;
	display:block;
	overflow:hidden;
	text-align:center;
}
div#magCalLine {
	width:500px;
	height:3px;
	background-color:#f00;
	line-height:3px !important;
}
.exportError {
	float:left;
	margin:20px;
}
#ATLASViewportButtonsSaveImage label {
	text-align:center;
}
#ATLASViewportButtonsSaveImage {
	width:100%;
}
.ZeissLogoFooter {
	width: auto;
	height: 100%;
	right: 0px;
	margin:0;
	display: block;
	float:right;
	position: absolute;
	bottom: 0;
}
#btCalMagScreenButton {
	margin:10px 0;
}
#MagFormCalibrateWarn {
	float: right;
	color: yellow;
	font-weight: bold;
	position: relative;
	top: 14px;
	font-size: 11px;
}
#imperialUnits label {
	width:30px !important;
	min-width:40px !important;
}
.magModeDisplay {
	color:#999;
	font-style:italic;
	margin-left:5px;
}
#ATLASViewportDisplayLayoutChanger {
	display:inline-block;
	margin-left: 3px;
}
#footerButtonSecondRow {
	display:block;
	margin-top:4px;
}
#footerToggleButton.open::after {
	content: '\2C4';
}
#footerToggleButton.close::after {
	content: '\2C5';
}
#footerToggleButton {
	position: absolute;
	top: -10px;
	left: calc(50% - 40px);
	width: 80px;
	height: 12px;
	text-align: center;
	cursor: pointer;
	background: #323232;
	display: inline-block;
	border-radius: 4px;
}
.SaveImageOptionCaption {
	text-align:right;
	padding-right:8px;
}
.belowImageLayout td {
	vertical-align:top;
}
#ATLASViewportDisplayModeChanger {
	/* float:left; */
	margin: 3px 8px 3px 0;
	display: inline-block;
}
/* Toggle footer show/hide */
#Footer .toggleV > a::before {
	content: '\276F';
}
#Footer .toggleV.hide > a::before {
	content: '\276E';
}
#Footer .toggleV > a {
	transform: rotate(90deg);
	margin-top: -.05em;
	text-decoration: none;
	outline: none;
	display: block;
}
#Footer .toggleV {
	display: block;
	
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;

	position: absolute;
	top: -2.2em;
	left: calc(50% - 1.55em);
	width: 1.1em;
	height: 1.5em;
	padding: .25em 1em 0 1em;
	
	border-radius: 4px;
	border: 1px solid #FFF;
	background: #333;
	
	z-index: 60;
	opacity: 0.4;
	cursor: pointer;
	transition: 0.2s;
}
#Footer .toggleV:hover {
	opacity: 1;
}

#ItemTrayTabbedWidgetCTNR {
	/* height: 100%; */
	height: 99px;
	width: calc(100% - 210px);
	background: #111;
	position: relative;
	/* top: 0; */
	top: 1px;
	float: left;
	margin: 0;
	padding: 0;
	/* overflow-x: auto;
	overflow-y: hidden; */
	/* overflow: hidden; */
}
#ItemTrayTabbedWidgetCTNR.NoSlidesTab {
	width: calc(100% - 38px);
}

#FooterWidgetCTNR {
	width: calc(100% - 600px);
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 135px;
}

#FooterLeftButtonsCTNR {
	display: inline-block;
	padding: 0;
	margin-left: 1em;
}
#ViewportInfo {
	width: auto;
	padding: 4px 8px;
	border: solid 1px #bbb;
	border-radius: 6px;
	min-width: 415px;
	max-width: 460px;
	float:left;
	overflow: hidden;
}
#ViewportInfo table {
	border-collapse:collapse;
	/* display: inline-block; */
	/* height: 3.8em; */
	float: left;
	max-width: 208px;
}
div#ViewportInfo > legend {
	color: #ddd;
}
.vpInfoValue {
	white-space:nowrap;
	cursor:pointer;
	min-width:90px;
	max-width:122px;
}
.vpInfoCaption {
	color:#999;
	text-align:right;
	padding-right: 5px;
	vertical-align:top;
	max-width: 92px;
	overflow: hidden;
	max-height: 1em;
	display: inline-block;
	text-overflow: ellipsis;
}
.infoUnits, .kiloUnits, .gigaUnits {
	text-transform: none !important;
}
ul.footer_ssiCheckboxes{
	display: inline-block;
	font-size: 11px;
	list-style: none;
	margin: 0 0 0 .25em;
	padding: 0;
	text-transform: initial;
}
.footer_ssiCheckboxes li {
	font-size:  11px;
	width: fit-content;
	text-transform: none;
}
.footer_ssiCheckboxes li input {
	height: 11px;
	top: 2px;
	position: relative;
	cursor: pointer;
}
.footer_ssiCheckboxes input[type=checkbox] + label {
	color: #666;
	cursor: pointer;
}
.footer_ssiCheckboxes input[type=checkbox]:checked + label {
	color: white;
}
.footer_slideshow_opts {
	padding: 0 5px 0 0;
	height: 100%;
	position: relative;
	top: 0;
	margin: 0;
	display: block;
	float: left;

	max-width: 180px;
	overflow: hidden;
	font-size: 9px !important;
}
/*
///////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////....        Tab widget             ///////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////*/
/* possibly see in the future:
		http://keith-wood.name/uitabs.html
*/
#Footer .ui-tabs {
	height: calc(100% - 2px);
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: unset;
}
#Footer .ui-tabs-vertical .ui-tabs-nav {
	float: left;
	width: 1.1em;
	/* height: 90px; */
	height: auto;
	border: 0;
	background: none;
	border-right: 1px solid #555;
	border-radius: 0;
	padding: 3px;
	margin: 0;
	overflow: hidden;
	text-transform: none;
}
#Footer .ui-tabs-vertical .ui-tabs-nav li {
	margin: 0 -1px .2em 0;
	width: 4.4em;
	overflow: hidden;
	margin-bottom: 31px;
	top: 1em;
	left: -1.8em;
	height: 1.7em;
	border-radius: 0;
	padding: 0;
}
#Footer .ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	margin: 0;
	overflow: hidden;
	font-size: 11px;
	padding: 3px 0 0 0;
	width: 100%;
	text-align: center;
	height: 1.2em;
	cursor: pointer;
	text-decoration: none;
	outline: none;
}
#Footer .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	cursor: pointer;
}
#Footer .ui-tabs-vertical .ui-tabs-panel {
	padding: 0;
	float: right;
	width: calc(100% - 1.8em);
}
#Footer .ui-tabs-vertical .ui-tabs-nav li {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#Footer .ui-tabs h2 {
	display: none;
}
/* SINGLE TAB variant */
#Footer .ui-tabs-vertical .ui-tabs-nav.singleTab {
	width: 12px;
	height: 92px;
}
#Footer .ui-tabs-vertical .ui-tabs-nav.singleTab li {
	width: 97px;
	top: 35px;
	left: -43px;
	height: 21px;
}
/****************************************************************************#
////////////////////////////////////////////////////////////////////////////////
Larger Windows Size

*/
@media (min-width: 1025px){
	#FooterViewInfo {
		position: relative;
		top: 5px;
	}
	#FooterLeftButtonsCTNR {
		position: absolute;
	}
	span.ABBVCaption {
		display: block;
		padding-top: 1px;
	}
	#toggleFullscreenBtn {
		width: 20px;
		height: 20px;
		background-color: #333;
		background-repeat: no-repeat;
		background-image: url(../images/fullscreen_icon.png), linear-gradient(#505050,#505050,#222,#222);
		display: inline-block;
		padding: 1px 3px;
		overflow: hidden;
	}
	#toggleFullscreenBtn > .ui-button-text {
		visibility: hidden;
	}
}
/****************************************************************************#
////////////////////////////////////////////////////////////////////////////////
Smaller Windows Size

*/

@media (max-width: 560px) {
	#quickAddView {
		display: none;
	}
}
@media (max-width: 500px) {
	#saveFOV {
		display: none;
	}
}
@media (max-width: 425px) {
	#ATLASViewportDisplayModeChanger {
		display: none;
	}
}
@media (max-width: 670px) {
	.footer_slideshow_opts,
	#ItemTrayTabbedWidgetCTNR {
		display: none;
	}
	#SidebarWidget {
		max-height: calc(80vh - 30px);
		overflow: auto;
	}
}

/* iPhone X */
.iPhoneX #FooterLogo {
	height: 55px !important;
}
.iPhoneX #Footer {
	height: 64px;
	padding:0;
	font-size:6pt;
}

/* other mobiles */
@media (max-width: 737px) {
	.ATLASMainTitle {
		width:50px;
		margin-bottom:0px;
		margin-right:10px;
	}
	#Footer {
		height: 64px;
		padding:0;
		font-size:6pt;
	}
	.ZeissLogoFooter {
		height:55px;
		float:right;
		width:82px;
		margin:0px;
	}
	.FibicsLogo {
		margin: 5px 20px;
		float:right;
		width:100px;
	}
	#ViewportInfo table {
		margin-top:5px;
	}
	#ViewportInfo td {
		padding:0;
		margin:0;
	}
	.cursorRelated {
		display:none;
	}
	#FooterLeftInfo {
		padding: 2px 2px;
		z-index: 9;
		position: relative;
	}
	.vpInfoCaption {
		padding:0 5px 0 0 !important;
		margin:0;
	}
	.vpInfoValue {
		min-width:80px;
		padding:0;
		margin:0;
	}
}

@media (max-width: 330px) {
	#FooterLeftButtonsCTNR {
		margin-left: -3px !important;
	}
	#FooterLeftButtonsCTNR > div.ui-button > span {
		display: block;
		width: 19px;
		height: 18px;
		background-image: url(../images/view_options.png);
		background-size: auto 18px;
		background-position: -63px 0;
		background-repeat: no-repeat;
		background-clip: content-box;
		z-index: 100;
		margin: auto;
		font-size: 0;
	}
	#fitDataToScreen > span {
		background-position: -85px 0 !important;
	}
	#goTo100percentScale > span {
		background-position: -106px 0 !important;
	}
}

@media (max-width: 400px) {
	#ATLASViewportDisplayLayoutChanger label.ui-button {
		width: 36px;
		height: 34px;
		padding: 0 !important;
	}

	#ATLASViewportDisplayLayoutChanger span.ui-button-text {
		display: block;
		width: 19px;
		height: 100%;
		background-image: url(../images/view_options.png);
		background-size: auto 18px;
		background-position: -21px 6px;
		background-repeat: no-repeat;
		background-clip: content-box;
		z-index: 100;
		margin: auto;
		margin-top: 3px;
		font-size: 0;
	}

	#ATLASViewportDisplayLayoutChanger label[for="DisplayLayoutStack"] > span {
		background-position: 0px 6px;
	}

	#ATLASViewportDisplayLayoutChanger label[for="DisplayLayoutTile"] > span {
		background-position: -42px 6px;
	}
}
/*@media (min-width: 526px) and (max-width: 1022px) and screen and (orientation: portrait){*/
@media (min-width: 700px) and (min-height: 500px) and (max-width: 1035px) {
	#Footer {
		height: 170px;
		padding:0;
		font-size:6pt;
	}
	#FooterWidgetCTNR {
		position: relative;
		display: block;
		left: unset;
		right: unset;
		/*width: calc(100% - 135px)*/
		/*height: unset;*/
		width: 100% !important;
		height: 100%;
		top: 12px;
		position: absolute;
		z-index: 1;
	}
	#FooterLeftButtonsCTNR {
		z-index: 3;
		position: relative;
	}
	#FooterLogo {
		height: 100px;
	}
	.footer_slideshow_opts {
		height: unset;
		float: right;
		max-width: 100%;
	}
	.footer_slideshow_opts > section {
		float: left;
	}
	.footer_ssiCheckboxes {
		float: right;
	}
	#Footer .ui-tabs-vertical .ui-tabs-nav {
		float: left;
		width: 14px;
	}
	#Footer .ui-tabs-vertical .ui-tabs-nav li{
		margin: 0 -1px 4px 0;
		width: 50px;
		overflow: hidden;
		margin-bottom: 31px;
		top: 10px;
		left: -20px;
		height: 20px;
		border-radius: 0;
		padding: 0;
	}
	#ItemTrayTabbedWidgetCTNR {
		display: block;
		top: 4px;
		margin: 0 0 0 16px;
		width: calc(100% - 172px);
	}
}

@media (max-width: 1035px) {
	.footer_slideshow_opts > section,
	ul.footer_ssiCheckboxes {
		display: inline-block !important;
		margin: 5px 5px 0 5px;
	}
	.footer_ssiCheckboxes li {
		display: inline-block;
		overflow: hidden;
		font-size: 0;
		margin-right: 4px;
		height: 44px;
		width: 44px;
		margin-right: 4px;
		border: #444 solid 1px;
		border-radius: 4px;
		
		background-color: #333;
		background: url(../images/ss_options.png), linear-gradient(#505050,#505050,#222,#222);
		background-size: auto 46px;
	}
	
	.footer_ssiCheckboxes li.IE_grayscale {
		background: url(../images/ss_options_grayscale.png), linear-gradient(#505050,#505050,#222,#222);
		background-size: auto 46px;
	}
	.footer_ssiCheckboxes li.showGlobalAnnotations {
		background-position: -1px 0;
	}
	.footer_ssiCheckboxes li.showSlideAnnotations {
		background-position: 91px 0;
	}
	.footer_ssiCheckboxes li.showSlideCommentary {
		background-position: 45px 0;
	}
	.footer_slideshow_opts li > input {
		margin: 0;
		padding: 0;
		display: block;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
	}
	.footer_ssiCheckboxes li:active {
		position: relative;
		top: 2px;
	}
	#Footer .ui-tabs-vertical .ui-tabs-panel {
		float: none;
		width: 100%;
	}
	#Footer .ui-tabs-vertical .ui-tabs-panel > div {
		float: none;
	}
	#FooterLeftButtonsCTNR {
		margin-top: 4px;
		display: block !important;
	}
	#FooterViewInfo {
		display: none !important;
	}

	/* Tabbed Item Tray UI */
	.TimelineItem > .deleteBtn,
	.CarouselItem > .deleteBtn {
		font-size: 14px;
	}
	#TimelineWidgetCTNR_inner,
	.CarouselWidgetCTNR_inner {
		overflow: auto;
	}
	#TimelineWidgetCTNR_inner::before,
	.CarouselWidgetCTNR_inner::before {
		left: -2px !important;
	}
	#TimelineWidgetCTNR_inner::after,
	.CarouselWidgetCTNR_inner::after {
		right: -22px !important;
	}
}

@media (min-width: 700px) and (max-width: 1035px) and (orientation: landscape){
	.footer_slideshow_opts {
		width: 100%;
	}
	.footer_slideshow_opts > section {
		margin-left: calc(50% - 118px);
	}
}

@media (max-width: 1000px) {
	.SSI_propertiesCtnr {
		display: none;
	}
	#ATLASViewportDisplayLayoutChanger {
		margin-left: 2px;
	}
	/* #quickAddView {
		display: none;
	} */
}

/*********************************************************************************************************/
/********************************************* IE 10+ Specific *******************************************/
/*********************************************************************************************************/
/* https://stackoverflow.com/a/36448860/883015 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#ItemTrayTabbedWidgetCTNR {
		right: 10px;
	}
	#FooterLeftButtonsCTNR {
		position: relative !important;
	}
	#FooterViewInfo {
		margin-top: -7px;
	}
}
/* the class .IE_Small is toggle with jquery for IE when body width < 1036px */
.IE_Small .footer_slideshow_opts {
	width: 92%;
	height: 54px;
	right: -140px;
	position: relative;
	top: -5px;
	margin-bottom: -2px;
}
.IE_Small #ItemTrayTabbedWidgetCTNR {
	position: relative;
	right: -130px;
}
.IE_Small #FooterLeftButtonsCTNR {
	display: block;
}