/* fix for side scrolling issue when in mobile */
html, body {
  width: auto;
  overflow-x: hidden;
}

body {
	font-family: "Open Sans", sans-serif;
}

h3 {
	font-size: 21px;
	line-height: 27px;
}

/* angular cloaking to prevent unfinished content from displaying */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

header {
	position: fixed;
	top: 0;
	height: 75px;
	z-index: 1000;
}

#mainContent {
	position: relative;
	min-height: 900px;
	margin-top: 115px;
}

main {
	padding: 5px;
}

main.messageBoxOpen {
	margin-top: 40px;
}

.mainWrapper {
	padding: 20px;
	border: 1px solid #E5DEDE;
	border-radius: 4px;
	min-height: 650px;
}

footer {
	clear: both;
}

#loadingIndicator {
	position: fixed;
	top: 5px;
	right: 5px;
	z-index: 2000;
	font-size: 150%;
	color: #FFFFFF;
}

#home-link {
	display: block;
}

#homePageLink {
	display: block;
}

#messageBoxContainer {
	position: fixed;
	right: 0;
	left: 0;
	top: 125px;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
}

#messageBox {
	margin: 0 10px;
}

#siteDownCounter {
	background-color: #FFF;
	float: left;
	border: 1px solid #CCC;
	padding: 10px;
	margin-right: 10px;
	color: #000;
	font-weight: bold;
	border-radius: 4px;
}

#failedLoginCounter {
	text-align: center;
	margin-top: 10px;
	font-size: 140%;
	font-family: monospace;
	padding:5px;
	border: 2px solid #776666;
	background-color: #ffeeee;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}


#modalScreen {
	display: none;
	position:fixed;
	z-index: 9999;
	top:0; left:0; bottom:0; right:0;
	background:rgba(0,0,0,.5);
}


/* MODAL POPUP BOX */
.modalBackground {
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0; left:0; bottom:0; right:0;
	background:#000000;
	border:1px solid #dadada;
	z-index:99998;
}

.modalTitle {
	margin: 0 0 10px 0;
}

.modal {
	height:90%;
	width:90%;
	background:#FFFFFF;
	border:2px solid #dadada;
	z-index:99999;
	padding:12px;
	font-size:100%;
}

.modal h3 {
	text-align:left;
	color:#a1171d;
	font-size:20px;
	font-weight:700;
}

.modalClose {
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#a1171d;
	font-weight:700;
	display:block;
	cursor:pointer;
}


/* Connect/Log In with Facebook buttons */
.fbDiv {
	margin-bottom: 10px;
}
a.fbButton {
	color: #eeeeee;
	font-size: 20px;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-weight: bold;
	display: inline-block;
	height: 35px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	background-color: #3b579d;
	background-image: url('/layouts/responsive/img/icons/FB-f-Logo__white_29.png');
	background-position: top left;
	background-repeat: no-repeat;
	border: 3px solid #3b579d;
	border-radius: 4px;
	padding: 1px 5px 1px 36px;
	text-align: left;
}
a.fbButton:link, a.fbButton:hover, a.fbButton:active, a.fbButton:visited {
	color: #ffffff;
	text-decoration: none;
}
#fbFeedback {
	font-size: 110%;
}


.allSitesMessage {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
}


@media(min-width:768px) {
	#mainContent {
		margin-top: 75px;
	}

	#messageBoxContainer {
		top: 85px;
	}

	#messageBox {
		margin-left: 210px;
		margin-right: 10px;
	}

	.allSitesMessage {
		margin-left: 210px;
		margin-right: 10px;
	}

	main {
		margin-left: 200px;
		padding: 10px;
	}

	main.messageBoxOpen {
		margin-top: 0;
	}

	footer {
		margin-left: 200px;
	}

	.modal {
		width:800px;
		height:300px;
		min-height:300px;
	}

}


/* 10/19/2016, bbale - KOSTIZI-1924 */
@-webkit-viewport {
	zoom: 1.0;
	width: extend-to-zoom;
}

@-moz-viewport {
	zoom: 1.0;
	width: extend-to-zoom;
}

@-ms-viewport {
	zoom: 1.0;
	width: extend-to-zoom;
}

@-o-viewport {
	zoom: 1.0;
	width: extend-to-zoom;
}

@viewport {
	zoom: 1.0;
	width: extend-to-zoom;
}