@charset "UTF-8";
/* CSS Document */

html,body, div[data-role ="page"] {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	/*overflow: auto;*/
	
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;

}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

h3 {
    font-size: 20px;
	text-align: center;
}
h5 {
    font-size: 16px;
}

.btn {
	background-image:none !important;
	/*background-color: #25A9E7 !important;*/
	background-color: #3f7bc2 !important;
	color: #ffffff !important;
	border-color: #3f7bc2 !important;
}

.btn:hover {
	background-image:none !important;
	background-color: #3f7bc2 !important;
	color: #ffffff !important;
	border-color: #3f7bc2 !important;
}

.ui-page { 
	background: white  !important;
	background-size : cover; /* trying to expand background img */
}
.ui-content{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-size : cover; /*  trying to expand background img */
}
/*
.list-group-item {
	border: none !important;
}

.list-group {
	box-shadow: none !important;
}
*/

/* Global reset to remove built-in browser default margins */
* { 
	margin:0; 
	padding:0; 
}
a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	/*border: none;
	outline: 0;*/
}

.shadowbox{	
	/*-webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, .2);*/
}

.appmobileheader{
	/*background-color: #25A9E7 !important; */
	background-color: #3f7bc2 !important; 
	width:100%; 
	height:80px; 
	background-size:cover !important; 
	background-position:center center !important; 
	position:fixed !important;
	background-repeat:no-repeat !important; 
	border:none !important;
	z-index:0;
}

.appmobileheaderscroll{
	/*background-color: #25A9E7 !important; */
	background-color: #3f7bc2 !important; 
	width:100%; 
	height:80px; 
	background-size:cover !important; 
	background-position:center center !important; 
	/*position:fixed !important;*/
	background-repeat:no-repeat !important; 
	border:none !important;
	z-index:0;
}


/********************************  header  ********************************/

.showAppHeaderYes {
	display: block;
}
.showAppHeaderNo {
	display: none;
}
.wrapH { 
	display: inline-block;
	position: relative;
	width: 100%;
	/*height: 70px;*/
	height: 30px;
	margin-top: 25px;
}
.wrapHcontents { 
	color:white !important;
	position: relative;
	margin: auto auto;
	width: 90%;
	/*width: 335px; /*300px;*/
	/*height: 70px;*/
	height: 30px;
	text-shadow: none !important;
}

.wrapHTextCSS { 
	color:white;
    font-family: Avenir,"Helvetica Neue",Helvetica,Arial,Gotham,sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    position: relative !important;
    text-align: center !important;
    text-shadow: none !important;
}

/****************************  Sidebar Panel  ****************************/

.panelPane{
	background-color:#25A9E7 !important;
}

.panelItem{
	background-color:#25A9E7 !important;
	color:white !important;
	text-shadow:none !important;
	font-size:18px !important;
	font-weight:600 !important;
	border-color:#25A9E7 !important;
}

/******************************** Body ************************************/

#infoPageContentSpan {
	background-color: white !important;
	padding:20px; 
	width:90%; 
	/*max-width:350px;*/
	text-align: left !important; 
	color:#000;
}

.card {
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
	background-color:white;
	padding:20px;
	/*width:90%;*/
	max-width:350px;
	text-align:left;
	font-size:16px;
}

/********************************  Footer  ********************************/

#footerApp { 
	/*display: inline-block;*/
	position: fixed;
	bottom: 0;
	Left: 0;
	width: 100%;
	height: 80px; 
	z-index: 100;
	background: #ffffff;
	-webkit-box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, .5);
	-moz-box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, .5);
	box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, .5);
	/* text */
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, Gotham, sans-serif;
	text-shadow: none;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}
.wrapF { 
	display: inline-block;
	position: relative;
	width: 100%;
	height: 80px;
	margin-top: 20px;
	z-index: 101;
}
.wrapFcontents { 
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 80px;
	z-index: 102;
}
#wrapFacilities { 
	display:inline;
	float:left;
	width: 33%;
	z-index: 102;
	padding-left: 0px;
}
#wrapText { 
	display:inline;
	float:left;
	margin: 0 auto;	
	width: 33%;
	z-index: 102;
	padding-left: 0px;
}
#wrapMore{ 
	display:inline;
	float:left;
	margin: 0 auto;	
	width: 55px;
	z-index: 102;
}
#wrapCalendar{ 
	display:inline;
	float:left;
	width: 33%;
	z-index: 102;
	padding-left: 0px;
}
.footerActiveColor {
	color: gray;
}
.footerInactiveColor {
	color: #d3d3d3;
}
.footerText {
	padding-top: 5px;
	z-index: 102;
}
#wrapFacilities:hover, #wrapFacilities:active, #wrapCalendar:hover, #wrapCalendar:active, #wrapText:hover, #wrapText:active, #wrapMore:hover, #wrapMore:active {
	color: #2AA7DC; /* #00D2FF */
}
.showAppFooterYes {
	display: block;
}
.showAppFooterNo {
	display: none;
}