html head + body .ui-btn.btn-amarelo, 
html head + body .ui-btn.btn-amarelo:visited {
	background-color: #F7D358;
	border-color: #FFBF00;
	color: #fff;
	text-shadow: 0 1px 0 #444;
}
html head + body .ui-btn.btn-amarelo:hover,
html head + body .ui-btn.btn-amarelo:active {
	background-color: #F5DA81;
	border-color: #F7D358;
	color: #fff;
	text-shadow: 0 1px 0 #444;
}

html head + body .ui-btn.btn-verde, 
html head + body .ui-btn.btn-verde:visited {
	background-color: #8cc63f;
	border-color: #4d6c22;
	color: #eee;
	text-shadow: 0 1px 0 #444;
}
html head + body .ui-btn.btn-verde:hover,
html head + body .ui-btn.btn-verde:active {
	background-color: #a1e348;
	border-color: #587c27;
	color: #fff;
	text-shadow: 0 1px 0 #444;
}

html head + body .ui-btn.btn-vermelho, 
html head + body .ui-btn.btn-vermelho:visited {
	background-color: #de5b49;
	border-color: #7a3228;
	color: #eee;
	text-shadow: 0 1px 0 #444;
}
html head + body .ui-btn.btn-vermelho:hover,
html head + body .ui-btn.btn-vermelho:active {
	background-color: #FF6853;
	border-color: #8c392d;
	color: #fff;
	text-shadow: 0 1px 0 #444;
}

html head + body .ui-btn.btn-:hover,
html head + body .ui-btn.btn-verde:active {
	background-color: #a1e348;
	border-color: #587c27;
	color: #fff;
	text-shadow: 0 1px 0 #444;
}

html head + body .ui-btn.btn-esquerda{
	float: left;
	margin: 0 5px 5px 0;
}

html head + body .btn-spacer{
	margin: 2px;	
}

/* Buttons */
button.btn-verde{	
	background-color: #8cc63f;	
	border-color: #4d6c22;	
	color: #eee;	
	text-shadow: 0 1px 0 #444;	
}

.white-button.ui-button.ui-state-default {
        background-color: #ffffff;
        color: #222222;
        border-color: #d6d6d6;
        /* with the exported variables from Nova and Luna Themes*/
        border-color: var(--input-border-color, #d6d6d6);
}
 
.white-button.ui-button.ui-state-default:enabled:hover, 
.white-button.ui-button.ui-state-default:focus {
        background-color: #f2f2f2;
        border-color: #ccc;
        color: #373a3c;
        /* with the exported variables from Nova and Luna Themes*/
        border-color: var(--input-hover-border-color, #ccc);
   }

/* Buttons */
 
/* caixa - box */
.box{
	border: 1px solid transparent;
	border-radius: 0.25rem;
	font-weight: bold;
	margin: 10px 0;
	padding: 0.5rem 1.0rem;
}
.box.cinza{
	background-color: #f3f3f3;
	border-color: #ccc;
	color: #777;
}
.box.laranja{
	background-color: #fff3cd;
	border-color: #ffeeba;
	color: #856404;
}
.box.verde{
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}
.box.vermelho{
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24;
}

/* caixa - box */

/* Desktop */
/* Col */
.col-centro-bold-50per{
	font-weight: bold;
	text-align: center;
	width: 50%;
}
.col-centro-50per{
	text-align: center;
	width: 50%;
}
.col-centro-10per{
	text-align: center;
	width: 10%;
}

.col-esq-bold-10per{
	font-weight: bold;
	text-align: left;
	width: 10%;
}
.col-esq-bold-20per{
	font-weight: bold;
	text-align: left;
	width: 20%;
}
.col-esq-20per{
	text-align: left;
	width: 20%;
}
.col-esq-30per{
	text-align: left;
	width: 30%;
}
.col-esq-40per{
	text-align: left;
	width: 40%;
}
.col-esq-80per{
	text-align: left;
	width: 80%;
}
/* Col */

/* Div */
.div-laranja{
	background-color: orange;
	padding: 2px 3px;
}
/* Div */

/* Link */
a.linkHeader, a:visited.linkHeader {
	color: #f3f3f3;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 2px 0 #000;
}
a:hover.linkHeader{
	color: #ffff;
	text-decoration: none;
}

a.linkRodape, a:visited.linkRodape {
	color: #fff;
	font-size: 14px;
	font-weight: bolder;
	text-decoration: underline;
}
a:hover.linkRodape{
	color: yellow;
}
/* Link */

/* Row */
.linhaCinza{
	background-color: #f6f6f6;
}
/* Row */

/* Panel */
div.panelNoBorder div{
	border: none;
}
div.panelNoBorder div ul.ui-listview li{
	border: none;
	padding: 0;
}

div.panelMargin10{
	margin: 10px;
}
/* Panel */

/* Text */
.t-centro{
	text-align: center;
}
.t-dir{
	text-align: right;
}
.t-esq{
	text-align: left;
}
.t-jus{
	text-align: justify;
}
/* Text */

/* Span */
.span-amarelo{
	background-color: #F7D358;
	color: #fff;
	padding: 2px 3px;
	text-shadow: 0 1px 0 #444;
}
.span-cinza{
	background-color: #aaa;
	color: #fff;
	padding: 2px 3px;
	text-shadow: 0 1px 0 #444;
}
.span-verde{
	background-color: #8cc63f;
	color: #eee;
	padding: 2px 3px;
	text-shadow: 0 1px 0 #444;
}
.span-vermelho{
	background-color: #de5b49;
	color: #eee;
	padding: 2px 3px;
	text-shadow: 0 1px 0 #444;
}

.span-alerta{	
    background-color: #F7D358;
	color: #fff;
	font-size: 14px;
	padding: 2px 3px;
	text-shadow: 0 1px 0 #444;
}

/* Span */
/* Desktop */


/*Alerta*/

.alerta {
 padding: 25px;
 border: 1px solid gray;
 border-radius: 3px;
 margin: 10px;
 font-size: 18px;
}

.atencao {
 border-color: #f4a911;
 color: #FFF;
 background-color: #f6bb42;
}
/*Alerta*/




/* Fixes */
[data-role="footer"]{
	font-size: .75em;
	text-align: center;
}

/* growl */
.ui-popup.ui-body-b.ui-overlay-shadow.ui-corner-all{
	background-color: #2a2a2a;
    border-color: #1d1d1d;
    color: #fff;
    text-shadow: 0 1px 0 #111;
}
/* growl */

/* menu */
div.ui-panel-inner form{
	margin: -1em -1em auto -1em;
}
div.ui-panel-inner form h2, div.ui-panel-inner form h4{
	margin: 25px 0 5px 10px;
}
/* menu */

/* spacer */
.espaco{
	height: 20px;
}
/* spacer */

/* Fixes */

/* BG */
.bg-azul{
    background: #F2F9FF;
}
/* BG */

/* Font */
.f-min{
	font-size: 0.7em;
}
.f-normal{
	font-size: 1.0em;
}
.f-peq{
	font-size: 0.8em;
}
.f-gde{
	font-size: 1.2em;
}
.f-big{
	font-size: 1.5em;
}

.f-bold{
	font-weight: bold;
}
.f-italic{
	font-style: italic;
}

.f-cinza{
	color: #d9d9d9;
}
.f-laranja{
	color: orange;
}
.f-vermelho{
	color: red;
}

.f-maiuscula{
	text-transform: uppercase;
}

.ui-widget .f-min{
	font-size: 0.7em;
}
.ui-widget .f-normal{
	font-size: 1.0em;
}
.ui-widget .f-peq{
	font-size: 0.8em;
}
/* Font */

/* Geral */
.float-esquerda{
	float: left;
	margin: 5px 5px 5px 0;
}
/* Geral */
.pg-width-100{
	width:100%;
}

/* Ícones */
.ui-icon-emeron-certificate:after{
	background-image: url('/emeronWeb/imagens/icones/icon-certificate-18x18.png');
}
.ui-icon-emeron-money:after{
	background-image: url('/emeronWeb/imagens/icones/icon-money-18x18.png');
}
.ui-icon-emeron-student:after{
	background-image: url('/emeronWeb/imagens/icones/icon-student-18x18.png');
}
.ui-icon-emeron-teacher:after{
	background-image: url('/emeronWeb/imagens/icones/icon-teacher-18x18.png');
}
/* Ícones */


/* Images */
div.img-logo-emeronweb{
		background-image: url('/emeronWeb/imagens/logo-150x150.png');
		background-repeat: no-repeat;
		height: 150px;
		margin: 0 auto 30px auto;
		width: 150px;
}
/* Images */

/* Label */
label.f-bold{
	font-weight: bold;
}
/* Label */


/*Tabela*/

html head + body .ui-btn.btn-vermelho

html head + body .ui-field-contain#label{
	margin-left: 20px;
}

/* Media Queries */
/* > 640 */
@media only screen and (min-device-width: 640px){

	div.img-logo-emeronweb{
		background-image: url('/emeronWeb/imagens/logo-300x300.png');
		background-repeat: no-repeat;
		height: 300px;
		margin: 0 auto 30px auto;
		width: 300px;
	}

}
/* > 640 */
/* Media Queries */

/* Panel */
.ui-panel-m{
	margin: 10px 0;
	padding: 0 2px;	
}
/* Panel */

/* Panel Grid */
.png-boxes div{
	margin: 2px 0;
} 

.panel-2-col-20-80 div.ui-block-a{
	width: 20%;
}
.panel-2-col-20-80 div.ui-block-b{
	width: 80%;
}
/* Panel Grid */

.margin-top-10{
	margin-top: 15px;
}

.margin-top-20{
	margin-top: 20px;
}

.margin-top-30{
	margin-top: 30px;
}

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

.margin-top-50{
	margin-top: 40px;
}