@charset "utf-8";

html, body {
height: 100%;
}

html, body, div, h1, h2, h3, h4, h5, h6 {
/*padding: 0;
margin: 0;*/
}

body {
	background-color:#FFF;
	font-size:12px;
	font-weight:normal;
	font-family:arial, helvetica, sans-serif, verdana;
	color:#2B3E42;
	text-align:left;
}

body.offline {
	background-image: url(../img/bg.jpg);

	/* Background image is centered vertically and horizontally at all times */
	background-position: center center;

	/* Background image doesn't tile */
	  background-repeat: no-repeat;

	/* Background image is fixed in the viewport so that it doesn't move when the content's height is greater than the image's height */
	background-attachment: fixed;

	/* This is what makes the background image rescale based on the container's size */
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	/* might be better on fixed posityion div width 100% width and height
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/

	/* Set a background color that will be displayed while the background image is loading */
	background-color: #7A88AD;

	/* shorthand
	background: url(background-photo.jpg) center center cover no-repeat fixed;
	*/

	text-align:center;
}
/*@media only screen and (max-width: 767px) {
  body.login {
    background-image: url(images/background-photo-mobile-devices.jpg);
  }
}*/

h1 {
	font-size:1.6em;
	font-weight:bold;
}

h2 {
	font-size:1.6em;
	font-weight:normal;
}

h3 {
	font-size:1.4em;
	font-weight:bold;
}

h4 {
	font-size:1.4em;
	font-weight:normal;
}

h5 {
	font-size:1.2em;
	font-weight:bold;
}

h6 {
	font-size:1.2em;
	font-weight:normal;
}

.offline-page {
	position: relative;
	margin: 0 auto;
}
.offline-msg {
	transform: translate(-50%, 50%);
	position: absolute;
	top: 50%;
	left: 50%;
	/*max-width:600px;*/
	background-color:#FFFFFF;

	padding: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;

}
.offline-msg .sm-logo {
	text-align:center; 
}
.offline-msg .sm-logo img {
	max-width:100%; 
	height:auto; 
	display:block;
	margin:auto;
}
.offline-image-credit {
	position:absolute;
	bottom:10px;
	left: 10px;
	color: #FFF;
}