html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	border: 0;
	outline: 0;
}

.hwacceleration {
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
}

.info-popup {
	padding-left: 20px;
	margin: 0px;
}

.panel-menu-item{
	font-weight: normal;
	color: rgb(210,210,210)!important;
	padding-right: 2px!important;
}

.menu-btn {
	display: none;
}
	
.menu-btn:hover  {
	background: transparent;
}

.header-logo {
	width: 201px;
	height: 40px;
	margin-left: 5px;
	padding-left: 0px;
}

.info-btn {
	margin-top: 9px!important;
	border: 0px!important;
	background: transparent;
	color: white;
}

.header-btn{
	vertical-align: top;
	margin: 4px 2px 0px;
	display: inline-block;
}

.ui-title{
	margin-left: 5px!important;
	text-align: left!important;
}


/*@media (max-width:986px) {*/
@media (max-width:1002px) {
	.menu-btn {
		border: 0px!important;
		background: transparent;
		display: inline;
	}
	
	.header-btn{
		display: none;
	}
	
	.header-logo {
		margin-left: inherit;
		padding-left: 10px;
	}

	.ui-title{
		margin-left: none;
		text-align: center!important;
	}
	
}

a[data-role="button"][data-theme="reset"] {
    border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
    box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important;
    text-decoration: none;
}
a[data-role="button"][data-theme="reset"] .ui-btn-inner {
	color: white;
	overflow: visible;
	text-shadow: 0 -1px 0 #000;
	/*padding-left: 10px !important;*/
	padding-right: 30px !important;
	border: 1px solid #333;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	background: #333;
	box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
}

/* no-background */
a[data-role="button"][data-theme="reset"].app-theme-none .ui-btn-inner {
	padding-left: 5px;
	background: none;
	border: none;
	box-shadow: none;
	/*text-shadow: none;*/
}
	
.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
	overflow-y: auto;
	overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
	-ms-overflow-x: hidden;
}

/* force hardware acceleration to solver ipad can't display properly for long list */
.ui-panel-inner li {
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	cursor: pointer;
}

.ui-focus {
	outline: none;
}

.bx-viewport {
	border:0!important;
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,.5)!important;
	box-shadow: 0px 3px 8px rgba(0,0,0,.5)!important;
}

.bx-caption {
	bottom: auto!important;
	top: 0px;
	height: 30px!important;
	line-height: 12px;
}

.bx-wrapper {
	margin-bottom: 30px!important;
}

::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
height: 5px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
border: 1px solid rgba(255,255,255,0);
background-clip: content-box;
background-color: black;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgb(150,150,150);
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-track-piece{
width:2px;
}