@CHARSET "UTF-8";
@import url('/css/webfonts/webfonts.css');
@import url('/css/webfonts/Argus-Icon.css');

#footer {
	margin-top: 40px;
	font-size: 8px;
	line-height: 10px;
	color: #8b939f;
	text-align: justify;
	text-justify: inter-word;
}

#wrapper {
	position: relative;
	margin-top: 30px;
}
	
@media screen {

	body {
		background-color: #f5f5f5;
		font-family: 'Roboto',Arial,HelveticaNeue, Lucida, Helvetica, sans-serif;
		color: black;
		font-size:12pt;
	}
	
	#ihrHeader {
		background-color: #668596;
		background-image:url("/heartrate/img/ihr_header_bckg.png");
		background-repeat: no-repeat;
		display: inline;
		position: fixed;
		background-size: 100% 100%;
		margin: 0 auto;
		background-height: 92px;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
		height: 92px;
	}
	
	#ihrPrint {
		position: fixed;
		right: 57px;
		top: 23px;
		display: none;
	}
	
	#measurementsTitle {
		font-size: 18px;
		color: #2e3b4e;
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#ihrImage {
		position: fixed;
		left: 67px;
		top: 31px;
	}
	
	#ihrImageMobile {
		display: none;
	}
	
	#main {
		background-color: #ffffff;
		margin-top: 108px;
		margin-left: auto;
		margin-right: auto;
		width: 750px;
		border: 1px solid;
		border-color: #e7e7e7;
		padding: 47px;
	}
	
	#mainLoading {
		
		position: fixed;
		background-color: #f5f5f5;
		height: 100%; 
		width:100%;
		opacity: 0.9;
    	filter: alpha(opacity=90); /* For IE8 and earlier */
		overflow: hidden;
		top: 92px;
		left: 0;
		z-index: 1001;
	
	}
	
	#loadingText {
		position: relative;
		width: 200px;
		overflow: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 300px;
		font-size: 18px;
		color: #2e3b4e;
	}
	
	.imageSpinner {
	    -webkit-animation:spin 2s linear infinite;
	    -moz-animation:spin 2s linear infinite;
	    animation:spin 2s linear infinite;
	}
	
	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
	
	#header {
		background-color: #f5f5f5;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		color: #5f6680;
	}
}

@media only screen and (max-width : 1024px) {
	body {
		background-color: #ffffff;
		margin: 0;
	}
	
	#main {
		border: 0px solid;
		margin-top: 122px;
	}
	
	#mainLoading {
		top: 130px; 
	}
	
	#mobileNotification {
		width: 100%;
		height: 245px;
		top: 85px;
		left: 0;
		right: 0;
		position: relative;
		background-color: #f5f5f5;
	}
	
	#ihrPrintSmallButNotMobile {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 246px;
		top: 54px;
	}
	
	#mobileNotificationText {
		width: 345px;
		font-size: 38px;
		color: #f28300;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 50px;
		text-align: center;
	}
	
	
	
	
}

@media print {
	body { 
  	 	color: #000;
   		font: 12pt/20pt "Arial","Times New Roman", Times, serif;
   		background: white;
	}
	
	@page {
		width: 800px;
	}
	
	#ihrHeader {
		display: none;
	}
	
	#ihrPrint {
		display: none;
	}
	
	#profileSex {
		line-height: 10px;
	}
	
	#header {
		color: #5f6680;
		font-size: 12px;
		line-height: 18px;
	}
	
	#menu { display: none; }
	
	/*#heart_rate_chart_wrapper {
		left: 0px;
		margin-left: -90px;
		margin-right: -90px;
	}*/
	
	#ihrPrintSmallButNotMobile {
		display: none;
	}
	
	#ihrIconDiv {
		margin-top: 6px;
	}
	
	#ihrDateHeaderDiv {
		top: 2px !important;
	}
	
	#ihrTagsDiv {
		top: -13px !important;
	}
	  
	#wrapper, #content {
	 width: auto;
	 border: 0;
	 padding: 0;
	 float: none !important;
	 }
	 
	#page-break {
		page-break-after: always;
	}
	 
	@page {
		margin: 1.5cm;
	}
}