/* BASE */
body {
	margin: 0;
	font-size: 13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* TABVIEW */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #555;
}

@media (max-width: 640px) {
	.ui-tabs.ui-tabs-top > .ui-tabs-nav li {
		width: 100%;
	}
}

/* PANELGRID */
.ui-panelgrid.panelgrid-noborder .ui-grid-responsive {
	border: none;
}

@media (max-width: 640px) {
	.ui-panelgrid.panelgrid-noborder .ui-grid-responsive .ui-grid-row {
		border: none;
	}
}

/* panel */
.panel-noborder  {
	border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/*icons*/

.icon-blue {
    font-size: 20px;
    color: blue;
}

.icon-green {
    font-size: 20px;
    color: green;
}

.icon-black {
    font-size: 20px;
    color: black;
}

.icon-gray {
    font-size: 20px;
    color: gray;
}

.icon-red {
    font-size: 20px;
    color: red;
}

.app-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body > section {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* evita scroll duplo */
  display: flex;
  flex-direction: column;
}
section {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* rolagem suave no iOS */
}