img {
	max-width: 100%;
}
div.ui-page, .ui-panel-wrapper {
	color: #c0c0c0;
	background: rgb(164,164,164);
	background: linear-gradient(100deg, rgba(164,164,164,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);		
}
div.ui-content {
	background: transparent;
}

.ui-btn-icon-notext {
	margin: 15px !important;
}
.more {
	display: none;
}

#panelMenu {
	background: rgb(164,164,164);
	background: linear-gradient(260deg, rgba(164,164,164,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
	color: #c0c0c0;
}
#panelMenu .ui-listview>li>a.ui-btn {
	background-color: transparent;
	transition: 1s;
}
#panelMenu .ui-listview>li>a.ui-btn:hover {
	color: #F9004D;
}

#panelUser {
	color: #c0c0c0;
	background: rgb(164,164,164);
	background: linear-gradient(100deg, rgba(164,164,164,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);	
}
.install-app-btn-container {
  display: none;
}


/* ----- panel-responsive ----- */
@media ( min-width: 35em ) {

	/* wrap on wide viewports once open */

	.ui-panel-page-content-open.ui-panel-page-content-position-left {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right {
		margin-left: 17em;
	}
	.ui-panel-page-content-open {
		width: auto;
	}

	/* disable "dismiss" on wide viewports */
	.ui-panel-dismiss {
		display: none;
	}

	/* same as the above but for panels with display mode "push" only */

	.ui-panel-page-content-open.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
		margin-right: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
		margin-left: 17em;
	}
	.ui-panel-page-content-open.ui-panel-page-content-display-push {
		width: auto;
	}

	.ui-panel-dismiss-display-push {
		display: none;
	}
}