/* *********************************************************** */
/* THIS FILE CONTAINS GENERIC VALUES FOR ALL WIDGETS           */
/* DO NOT EDIT THIS FILE WITH SPECIFIC VALUES FOR YOUR WIDGETS */
/* IF YOU NEED TO MODIFY THESE RULES, OVERRIDE THEM BY ADDING  */
/* YOUR OWN CSS FILES TO THE PAGE                              */
/* *********************************************************** */

/* ************************** */
/*                            */
/* Default values for widgets */
/* class="spotfireVis"        */
/*                            */
/* ************************** */
/* Header */
.spotfireVis header {
	float:left;
	width:100%;
	margin-top:15px;
}
	.spotfireVis header:empty {
		display:none;
	}

/* Figure and Spotfire iframe */
.spotfireVis figure {
	float:left;
	width:100%;
	margin: 0px 0px 15px 0px;
}
	.spotfireVis figure div {
		height:50vh;
		max-height:768px;
		min-height:256px;
	}
	.spotfireVis figure figcaption:empty {
		display:none;
	}
		.spotfireVis figure div iframe {
			position:relative !important;
		}

/* Footer */
.spotfireVis footer {
	width:100%;
	float:left;
}
	.spotfireVis footer:empty {
		display:none;
	}

/* ******************************** */
/*                                  */
/* Standalone (full screen) widget  */
/* class="spotfireVis spotfireFull" */
/*                                  */
/* ******************************** */
.spotfireVis.spotfireFull figure {
	margin:0px;
}
.spotfireVis.spotfireFull figure div iframe {
	position:absolute !important;
	top:0px;
	left:0px;
}

/* ******************************************************* */
/*                                                         */
/* Standalone (full screen) with header acting as a banner */
/* class="spotfireVis spotfireFullBanner"                  */
/*                                                         */
/* ******************************************************* */
.spotfireVis.spotfireFullBanner header {
	position:absolute;
	left:0;
	margin:0;
	top:0;
	height:4em; /* default height */
}
.spotfireVis.spotfireFullBanner figure {
	position:fixed;
	left:0;
	margin:0;
	top:4em; /* same as header's height! */
	bottom:0;
}
	.spotfireVis.spotfireFullBanner figure div {
		height:100%;
		max-height:none;
	}

/* **************************************************** */
/*                                                      */
/* Standalone (full screen) with both header and footer */
/* class="spotfireVis spotfireFullHeaderFooter"         */
/*                                                      */
/* **************************************************** */
.spotfireVis.spotfireFullHeaderFooter header {
	position:absolute;
	left:0;
	margin:0;
	top:0;
	height:4em; /* default height */
}
.spotfireVis.spotfireFullHeaderFooter footer {
	position:fixed;
	left:0;
	margin:0;
	height:4em; /* default height */
	bottom:0;
}
.spotfireVis.spotfireFullHeaderFooter figure {
	position:fixed;
	left:0;
	margin:0;
	top:4em; /* same as header's height! */
	bottom:4em; /* same as footer's height! */
}
	.spotfireVis.spotfireFullHeaderFooter figure div {
		height:100%;
		max-height:none;
	}

	
/* Extra classes for hidding the viz */
.spotfireVis.closed, .spotfireVis.hidden {
	display:none;
}
.spotfireVis.loadedHidden {
	visibility:hidden;
}

/* ****************************** */
/*                                */
/* Media Queries Non-mobile first */
/*                                */
/* ****************************** */
/* Large Devices, Wide Screens */
/*@media only screen and (max-width : 1200px) {

}*/
/* Medium Devices, Desktops */
/*@media only screen and (max-width : 992px) {

}*/
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
	.spotfireVis {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
	}
		.spotfireVis figure div {
			height: 50vh;
			max-height:767px;
			min-height:256px;
		}

}
/* Extra Small Devices, Phones */ 
/*@media only screen and (max-width : 480px) {

}*/
/* Custom, iPhone Retina */ 
/*@media only screen and (max-width : 320px) {

}*/