body{
	font-family: arial;
	margin: 0;
	padding: 0;
}

body,
html {
  height: 100%;
}

#header-left,
#header-middle,
#header-right{
	background-color: #2E76AA;
	height: 40px;
	border-bottom: 1px solid #000;
}

#header-left{
	
}
#header-middle, #header-middle h1, #header-middle a, #header-middle a:visited{
	color: #f3f3f3;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 2px 0 #000; 
}
#header-middle a:hover{
	color: #fff;
	text-decoration: none;
}

#header-right{
	text-align: right;
}

#footer {
	background-color: #2E76AA;	
}

span.ui-column-title{
	font-weight: bold;
}


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

/* Botão Amarelo: Início*/
	/*Base*/
	button.ui-button.ui-state-default.btn-amarelo{
	    background-image: linear-gradient(to bottom, #f5bf1d, #f2b600);
	    border-color: #d1a00f;
	    box-shadow: 0 1px 0 #f8cd4d inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
	}
	button.ui-button.btn-amarelo span{
		text-shadow: 0 -1px 0 #ce9c06 !important
	}
	
	/*Passar o mouse sobre o botão */
	button.ui-button.ui-state-default.btn-amarelo:hover{
		background-image: linear-gradient(to bottom, #eeb814, #e7ad00);
		border-color: #9f7905;
	}
	
	/*Soltar o click do mouse*/
	button.ui-button.ui-state-default.btn-amarelo:focus {
		background-image: linear-gradient(to bottom, #c69810, #c69810) !important;
		border-color: #97740b;
		box-shadow: 0 1px 0 #d2ad40 inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
	}
	
	/*Clicar com o mouse*/
	button.ui-button.ui-state-default.btn-amarelo:active{
		background-image: linear-gradient(to bottom, #c69810, #c69810) !important;
		box-shadow: 0 1px 0 #d2ad40 inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
	}
/*Botão Amarelo: Fim*/

/* Botão Principal: Início*/
button.ui-button.btn-principal{
	height: 60px;
	margin: 5px;
    width: 220px;
}
button.ui-button.ui-state-default.btn-principal {
	background-image: linear-gradient(to bottom, #f3f3f3, #f0f0f0);
    border-color: #888;
    box-shadow: 0 1px 0 #ccc inset, 0 3px 5px rgb(0 0 0 / 20%) !important;
    color: #777;
}
button.ui-button.ui-state-default.btn-principal span.ui-button-text{
	font-size: 16px;
	text-shadow: 0 1px 0 #fff !important;
}

button.ui-button.ui-state-default.btn-principal:hover {
	background-image: linear-gradient(to bottom, #dedede, #ddd);
	border-color: #555;
}
button.ui-button.ui-state-default.btn-principal:hover span.ui-button-text{
	color: #555;
}

button.ui-button.ui-state-default.btn-principal:focus, button.ui-button.ui-state-default.btn-principal:active {
	background-image: linear-gradient(to bottom, #ddd, #ccc) !important;
	/*box-shadow: 0 1px 0 #c4c4c4 inset, 0 1px 10px rgb(0 0 0 / 35%) !important;*/
	box-shadow: 0 0 10px #2E76AA !important;
	border-color: #333;
	
}
button.ui-button.ui-state-default.btn-principal:focus span.ui-button-text, button.ui-button.ui-state-default.btn-principal:active span.ui-button-text {
	color: #333;
}


button.ui-state-default.btn-principal span.ui-icon {
    background-image: url(/emeronWeb/javax.faces.resource/images/ui-icons_888888_256x240.png.xhtml?ln=primefaces-delta);
}
/*Botão Principal: Fim*/

/* Botão Verde: Início*/
	/*Base*/
	button.ui-button.ui-state-default.btn-verde{
	    background-image: linear-gradient(to bottom, #05df37, #00c82e);
	    border-color: #00b92a;
	    box-shadow: 0 1px 0 #3ae661 inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
	}
	button.ui-button.btn-verde span{
		text-shadow: 0 -1px 0 #00b128 !important
	}
	
	/*Passar o mouse sobre o botão */
	button.ui-button.ui-state-default.btn-verde:hover{
		background-image: linear-gradient(to bottom, #00d430, #00b72a);
		border-color: #00891f;
	}
	
	/*Soltar o click do mouse*/
	button.ui-button.ui-state-default.btn-verde:focus {
		background-image: linear-gradient(to bottom, #00d430, #00b72a) !important;
		border-color: #00891f;
	}
	
	/*Clicar com o mouse*/
	button.ui-button.ui-state-default.btn-verde:active{
		background-image: linear-gradient(to bottom, #00b329, #00b329) !important;
		box-shadow: 0 1px 0 #31c353 inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
	}
/*Botão Verde: Fim*/

/* Botão Vermelho: Início*/
	/*Base*/
	button.ui-button.ui-state-default.btn-vermelho{
	    background-image: linear-gradient(to bottom, #ff5969, #ff3f52);
	    border-color: #f83548;
	    box-shadow: 0 1px 0 #ff7b87 inset, 0 1px 2px rgb(0 0 0 / 20%) !important;
	}
	button.ui-button.btn-vermelho span{
		text-shadow: 0 -1px 0 #f72e41 !important
	}
	
	/*Passar o mouse sobre o botão */
	button.ui-button.ui-state-default.btn-vermelho:hover{
		background-image: linear-gradient(to bottom, #ff4c5c, #ff3144);
		border-color: #bf2533;
	}
	
	/*Soltar o click do mouse*/
	button.ui-button.ui-state-default.btn-vermelho:focus {
		background-image: linear-gradient(to bottom, #ff4c5c, #ff3144) !important;
		border-color: #bf2533;
	}
	
	/*Clicar com o mouse*/
	button.ui-button.ui-state-default.btn-vermelho:active{
		background-image: linear-gradient(to bottom, #ec3646, #ec3646) !important;
		box-shadow: 0 1px 0 #f05e6b inset, 0 1px 2px rgb(0 0 0 / 35%) !important;
	}
/*Botão Vermelho: Fim*/
/* Buttons */

/* caixa - box */
.box{
	border: 1px solid transparent;
	border-radius: 0.25rem;
	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;
}

.box.laranjaOpaco{
	background-color: rgba(255,165,0,0.05);
}

.box.verdeOpaco{
	background-color: rgba(0,128,0,0.05);
}
/* caixa - box */

/* Margins */
.marginTopDown3{
	margin: 3px 0;
}

.marginRight5{
	margin-right: 5px; 
}
/* Margins */

/* Div */
div.border-none{
	border:  none;
}
.div-margin-10{
	margin: 10px;
}
div.width-100{
	width:  100%;
}

.div-laranja {
    background-color: orange;
    margin: 0;
    padding: 20px;
}
/* Div */

/* Font */
.f-min{
	font-size: 0.7em;
}
.f-peq{
	font-size: 0.8em;
}
.f-gde{
	font-size: 1.2em;
}
.f-bold{
	font-weight: bold;
}
.f-italic{
	font-style: italic;
}
.f-azul{
	color: blue !important;
}
.f-azul2{
	color: #2E76AA !important;
}
.f-cinza{
	color: #d9d9d9;
}
.f-laranja{
	color: orange;
}
.f-vermelho{
	color: red;
}
.f-maiuscula{
	text-transform: uppercase;
}
/* Font */

/* Img */
div.foto img{
	height: 150px;
	width: 150px;
	margin: 0px;
	padding: 0px
}
/* Img */

/* Lista */
.ui-widget-content ul {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    border: none !important";
    padding-inline-start: 40px;
}

/*Menu UL Horizontal*/
.menuHorizontal ul {
    margin-bottom: 0px;
}
/* Hack center nav-pills */
.menuHorizontal ul.nav-pills > li{
	border-right: 1px solid #000;
  	float: none;
    display: inline-block;
    padding: 5px 15px;
}
.menuHorizontal ul.nav-pills {
    text-align:center;
}
.menuHorizontal ul.nav-pills li a{
	background: #fff;
	color: #727376;
	text-decoration: none;
}
.menuHorizontal ul.nav-pills li a:hover{
	background: #fff;
	color: #000;
	text-decoration: underline;
}
.menuHorizontal ul.nav-pills li.active a{
	background: #fff;
	color: #000;
}
/*Menu UL Horizontal*/

/* Lista */

/* Panel */
table.pgNoBorder, table.pgNoBorder tr.ui-widget-content, table.pgNoBorder td.ui-panelgrid-cell{
	border: none !important; 
}

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

/* Span */
.span-amarelo{
	background-color: #F7D358;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-amarelo25per{
	background-color: #fdf4d5;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-amarelo25per2{
	background-color: #fdf4d5;
	color: #999;
	margin: 10px 0;
	padding: 5px;
}

.span-cinza{
	background-color: #aaa;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}
.span-cinza-claro{
	background-color: #efefef;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}
.span-verde{
	background-color: #8cc63f;
	color: #eee;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}
.span-vermelho{
	background-color: #de5b49;
	color: #eee;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

.span-vermelho.box, .span-verde.box{
	border-radius: 0.25rem;
	padding: 0.5rem 1.0rem;
}

.span-alerta{	
    background-color: #F7D358;
    border: 1px solid #444;
	color: #fff;
	margin: 10px 0;
	padding: 5px;
	text-shadow: 0 1px 0 #444;
}

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

/*CommandLink*/
ui-widget-content.turma{
  color: red;
}
/*CommandLink*/

/*DataTable*/
 .ui-datatable-odd.linha-color-odd {
	background-color: #f9f9f9;
}

table tbody.ui-datatable-data div{
	margin: 5px 0;
}
/*DataTable*/


/* Media queries */
@media only screen and (max-device-width: 640px){
	#header-left,
	#header-middle,
	#header-right{
		border-bottom: 2px solid #000;
		height: 90px;
	}

	#header-middle, #header-middle h1, #header-middle a, #header-middle a:visited{	
		font-size: 1.1em;
		margin: 0 auto;
		padding-top: 20px;
	}

	body, input, select, textarea, button{
		font-size: 2em;
	}

	button.ui-button{
		margin: 5px;
	}
	button.ui-button.ui-state-default span.ui-button-text{
		font-size: 3em;
	}
	button.ui-button-icon-only{
		height: 4em;
		width: 4em;
	}

	/* button-principal */	
	button.ui-button.btn-principal{
		height: 100px;
		width: 100%;
	}
	button.ui-button.ui-state-default.btn-principal span.ui-button-text{
		font-size: 3em;
	}
	/* button-principal */

	div.span-alerta{
		font-size: 1.2em;
		padding: 10px;
	}

	div.ui-g h3{
		font-size: 1.6em;
	}
	div.ui-g h4{
		font-size: 1.4em;
	}
	div.ui-g h5{
		font-size: 1.2em;
	}

	div.ui-g div.ui-panelgrid-cell input{
		font-size: 1.3em;
		font-weight: bold;
	}

	.f-min{
		font-size: 0.6em;
	}
	.f-peq{
		font-size: 0.8em;
	}

	img.avaliacaoEmoji{
		height: 160px;
	}

	input, button{
		line-height: 1.5em;
		margin: 2px;
	}

	/* Reposição responsividade Prime telas pequenas */
	.ui-widget{
		font-size: 1em;
	}

    .ui-datatable-reflow thead th,.ui-datatable-reflow tfoot td {
        display:none
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        text-align: left;
        display: block;
        border: 0 none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left
    }

    .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
        border: 0 none
    }

    .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
        border-left: 0 none;
        border-right: 0 none
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em
    }

    .ui-datatable-reflow .ui-reflow-label,.ui-datatable-reflow .ui-reflow-dropdown {
        display: inline-block
    }

    .ui-datatable-reflow .ui-reflow-dropdown {
        margin-left: 5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .ui-datatable-reflow tr.ui-datatable-empty-message>td {
        display: block;
        border: 0 none
    }
	/* Reposição responsividade Prime telas pequenas */

}