/* @primefaces widget */

/* @component tabs */

.ui-tabs .ui-tabs-panel {
	padding: 0.3em 0.3em !important;
}

.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active {
	outline: none;
}

.ui-tabs .ui-tabs-nav > li.ui-state-active {
	background-color: #d8d8d8 !important;	
}

/* @component tabs left */
.ui-tabs-left > .ui-tabs-nav {
    width: 5.5em !important;
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav > li {
	border-width: 0 5px 0 0 !important;
}

.ui-tabs-left > .ui-tabs-panels {
	width: 100% !important;
	float: none !important;
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li {
	/*margin: 0 !important;*/
}

.ui-tabs.ui-tabs-left > .ui-tabs-nav li a {
	/*width: 0% !important;*/
	outline: none;
}

.ui-tab-left {
	margin-left: 5.5em !important;
}

.ui-fieldset {
    margin: 0 .6em .6em .6em !important;
}

/* @component selectonemenu */

.ui-selectonemenu-panel {
	max-width: 65% !important;
}

/* @component datatable with frozen column */
.ui-datatable-frozenlayout-left td
    {
    height: 20px;
    }

.ui-datatable-frozenlayout-right td
    {
    height: 20px;
    }
    
.ui-datatable-scrollable-theadclone {
    visibility: collapse;
}

.ui-datalist .ui-datalist-empty-message {
	padding: 0 !important;
}

/* classes para alterar cor das linhas de acordo com o status na datatable convocacoes */
.row-em-espera {
   background-color: #FFFF99 !important;
   background-image:none !important;
}

.row-desistente {
    background-color: #FF9999  !important;
    background-image: none !important;
}



/* classes usadas para formatar a tabela usada nos indicadores do Protocolo de Vagas  */
.tableInd {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.tdTrInd {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

/* classes para alterar cor das linhas se possuir vinculo escolar  datatable convoca��o cadastro escolar */
.row-vinculo {
   background-color: #99cfff !important;
   background-image:none !important;
}

/* classes para alterar cor das linhas de profissionais que n�o est�o em atendimento  - AeeAgendaProfissionais */
.row-naoAtendimento {
   background-color: #c5d7ea !important;
   background-image:none !important;
}

div[id$=":selectConceito"] > label{
	font-size: 10px;
}
td > div[id$=":selectConceito"]{
	min-width: auto !important;
}

@media only screen and (max-width: 640px) {
.ui-column-title{
	font-weight: bold;
	float: left;
}
tbody[id$=":jaAvaliacoesDataTable_data"] tr td:nth-child(1){
    background-color: #dbdce2;
}
}

.h3-Protocolo{
    padding: 0;
    margin: 0;
    font-family: Calibri;
    color: #393939;
    text-decoration: none;
    list-style: none;
	text-align: justify;
	font-weight: 400;
}

.h3-Protocolo-title{
    padding: 0;
    margin: 0;
    font-family: Calibri;
    color: #393939;
    text-decoration: none;
    list-style: none;
    font-weight: bold;
	text-align: justify;
}

.h1-Protocolo{
    padding: 0;
    margin: 0;
    font-family: Calibri;
    color: #393939;
    text-decoration: none;
    list-style: none;
	text-align: justify;
	font-weight: bolder;
}


#creditos {
   /* height: 130px; */
    background-color: #0F101A;
    line-height: 70px;
}


.noGridBorder tr, .semBorda td { border: none !important; }

#banner {
	/* padding: 12em 0 10em 0; */
	background-size: cover;
	background-position: top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	text-align: center;
	border-top: 0.5em solid #5385c1;
}

#banner h1 {
	font-size: 3.5em;
	font-weight: 100;
	color: #fff;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}


.layout-external {
	margin-left: 20px;
	padding: 10px 6px 0px 6px;
	-moz-transition: margin-left 0.3s;
	-o-transition: margin-left 0.3s;
	-webkit-transition: margin-left 0.3s;
	transition: margin-left 0.3s;
}

.button-red{
	background-color: red !important;
	color:white !important;
	border-color:white !important;
}

.button-green{
	background-color: green  !important;
	color:white  !important;
	border-color:white !important;
}

.dialog-font-black{
	font-weight:bold !important;
	color:#000000 !important;
}

.button-find{
	height:31px !important;
}

.op-ei-title{
	text-align: center;
	background-color:#add8e6; 
	border-radius: 10px; 
	padding-right: 5%;
	padding-left: 5%; 
	padding-top:1%;  
	padding-bottom: 1%;
}


.op-ei-paragraph{
	text-align: center; 
	background-color:#add8e6;
 	border-radius: 10px;
 	padding-right: 5%; 
 	padding-left: 5%; 
 	padding-top: 2%; 
	padding-bottom: 2%;
}

.op-ef-title{
	 text-align: center;
	 background-color:#90ee90; 
	 border-radius: 10px;
	 padding-right: 5%; 
	 padding-left: 5%;
	 padding-top:1%;
	 padding-bottom: 1%;
}
.op-ef-paragraph{
	text-align: center;  
	background-color:#90ee90; 
	border-radius: 10px;
 	padding-right: 5%; 
 	padding-left: 5%;
  	padding-top: 2%; 
  	padding-bottom: 2%;
	
}

.op-eja-title{
	 text-align: center;
	 background-color:#fafad2; 
	 border-radius: 10px;
	 padding-right: 5%; 
	 padding-left: 5%;
	 padding-top:1%;
	 padding-bottom: 1%;
}
.op-eja-paragraph{
	text-align: center;  
	background-color:#fafad2; 
	border-radius: 10px;
 	padding-right: 5%; 
 	padding-left: 5%;
  	padding-top: 2%; 
  	padding-bottom: 2%;
	
}

.ml-p15{
	margin-left:15px;
}

.nova-logo-pmu {
	height: 80px; 
	margin-left: 30px; 
}

.div-portal {
	padding: 5px;
	background-color: #002069;
	
}

.div-portal h1 {
	text-align: left;
}

ui-growl-item{
	background-color: #e62a10 !important;
	border: none;
}

@media (max-width: 640px) {
	#banner {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	
	.nova-logo-pmu {
		margin-left: 0px;
	}
	
	.div-portal {
		width: 100%;
	}
	
	.div-portal h1 {
	text-align: center;
	margin-left: 0px !important;
}
}