/* default.css */

/*tamanho da fonte dos componentes do primefaces*/
.ui-widget {
	font-size: 14px !important;
}

.ui-selectcheckboxmenu {
	font-size: 18px !important;	
}

.ui-datatable .ui-datatable-data tr {
	height: 20px !important;
}

.ui-growl-item-container{
	background-color: #FFFFFF !important;
	border: white !important;
	color: #2B2B2B !important;
}

.switch-acao-grid .ui-inputswitch {
	/*height: 28px !important;*/
	margin-bottom: -8px !important;
	margin-top: -6px !important;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#content {
	min-height: 70%;
	
}

#header {
	padding: 0px;
}

#body {
	padding: 10px;
	padding-bottom: 60px;
}

/*
#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 22px;
	color: #4F4F4F;
	background: #E8E8E8;
	border-top: 1px solid #9CACB2;
}
*/

.footer-tela-login {
	position: absolute; 
	bottom: 0;
	width: 100%;
	height: 30px;
	color: white;
	background: #444444;
	border-top: 5px solid #3C3C3C;
	padding-top: 13px;
}

#footer-politica {
	bottom: 0;
	width: 100%;
	height: 22px;
	color: #4F4F4F;
	background: #E8E8E8;
	border-top: 1px solid #9CACB2;
}

#body-tela-login {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+1,f7f7f7+100 */
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top, #eaeaea 1%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #eaeaea 1%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #eaeaea 1%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}

.form-login{
	margin:auto; margin-top: 4%;
}

.black-label{
	color: black;
}

.table-guias{
	
}
.table-guias tr {
	height: 10px !important;
}

.green-row{
	background-color: #CAFF70 !important;
}

.green-row .ui-panel-content{
	background-color: #CAFF70 !important;
}

.red-row{
	background-color: #FAE2D6 !important;
}

.red-row .ui-panel-content{
	background-color: #FF7256 !important;
}

.btn-acao-checar-grid-green-row{
	background-color: #CAFF70 !important;
	border: none !important;
}
.btn-acao-checar-grid-green-row .ui-button {
	height: 24px !important;
	color: #00BFFF !important;
	margin-bottom: -10px !important;
	background: none !important;
	border: 0px;
}
.btn-acao-checar-grid-green-row  .ui-panel-content{
	background-color: #CAFF70 !important;
}
.btn-acao-checar-grid-green-row .ui-widget-content{
	background: none !important;
	border: none !important;
}

.btn-acao-checar-grid-red-row{
	background-color: #FAE2D6 !important;
}
.btn-acao-checar-grid-red-row .ui-button {
	height: 24px !important;
	color: #00BFFF !important;
	margin-bottom: -10px !important;
	border: 0px;
}
.btn-acao-checar-grid-red-row  .ui-panel-content{
	background-color: #FAE2D6 !important;
}
.btn-acao-checar-grid-red-row .ui-widget-content{
	background: none !important;
	border: none !important;
}

.btn-acao-remover-conta{
	border: none !important;
}
.btn-acao-remover-conta .ui-button {
	height: 24px !important;
	color: #FF6347 !important;
	margin-bottom: -10px !important;
	background: none !important;
	border: 0px;
}
.btn-acao-remover-conta  .ui-panel-content{
	background-color: #FF6347 !important;
}
.btn-acao-remover-conta .ui-widget-content{
	background: none !important;
	border: none !important;
}





.btn-acao-enviar-custo{
	/* border: none !important; */
}
.btn-acao-enviar-custo .ui-button {
	height: 24px !important;
	color: #008BF6 !important;
	margin-bottom: -10px !important;
	background: none !important;
	border: 0px;
}
.btn-acao-enviar-custo  .ui-panel-content{
	background-color: #008BF6 !important;
}
.btn-acao-enviar-custo .ui-widget-content{
	background: none !important;
	border: none !important;
}




.label-panel-visualizar-guia{
	font-weight: bold;
}

.fonte-em-negrito{
	font-weight: bold;
}

.filter-input-largura-padrao{
	width: 100% !important;
}

.fonte-mensagem-auxiliar{
	font-size: 12px !important; 
	color: grey !important;"
}

.item-removido-red-label{
	color: #F44336;
}

.panel-transparente{
	background: none !important; 
	border: none !important;
}

/* BOTÃO PESQUISAR */
.btn-pesquisar{
	margin-left: 25px;
}
.btn-pesquisar .ui-button {
	font-size: 18px !important;
}


.panel-filtro-background{
	background-color: grey;
}
.btn-acao-grid{
	height:25px !important; 
	width:25px !important; 
	margin-left: -5px !important;
}

/* Botão/ícone de grid azul */
.btn-acao-grid-blue{
	background-color: none !important;
	/*border: none !important;*/
}
.btn-acao-grid-blue .ui-button {
	color: #00BFFF !important;
	/*background: none !important;*/
	border: 0px;
}
.btn-acao-grid-blue .ui-panel-content{
	background-color: blue !important;
}
.btn-acao-grid-blue .ui-widget-content{
	background: none !important;
	border: none !important;
}

/* Botão/ícone de grid amarelo */
.btn-acao-grid-yellow{
	background-color: none !important;
	/*border: none !important;*/
}
.btn-acao-grid-yellow .ui-button {
	color: #F9A825 !important;
	/*background: none !important;*/
	border: 0px;
}
.btn-acao-grid-yellow .ui-panel-content{
	background-color: #F9A825 !important;
}
.btn-acao-grid-yellow .ui-widget-content{
	background: none !important;
	border: none !important;
}

/* Botão/ícone de grid vermelho */
.btn-acao-grid-red{
	background-color: none !important;
	/*border: none !important;*/
}
.btn-acao-grid-red .ui-button {
	color: #F44336 !important;
	/*background: none !important;*/
	/*border: 0px;*/
}
.btn-acao-grid-red .ui-panel-content{
	background-color: #F44336 !important;
}
.btn-acao-grid-red .ui-widget-content{
	background: none !important;
	/* border: none !important; */
}

.label-visita{
	font-size: 17px !important;
}

.label-visita-radio{
	font-size: 22px !important;
}

.input-visita{
	height: 40px; 
	font-size: 17px !important;
}

.input-visita-calendar input {
	height: 40px;
	width: 160px !important;
	font-size: 17px !important;
}

/**
* CSS do componente 'SelectOneMenu' do Primefaces
*/
.ui-selectonemenu .ui-selectonemenu-label {
	height: 28px !important;
	font-size: 17px !important;
	padding-top: 10px !important;
}

.input-codigo-prestador{
	height: 40px;
	width: 160px !important;
	font-size: 17px !important;
}

.panel-questao{
	margin-top: 25px;
	margin-bottom: 25px;
}
.label-questao{
	font-size: 20px !important;
	font-weight: bold;
}

.label-inputs-questao{
	font-size: 17px !important;
}

.label-comentario-questao{
	font-size: 20px !important;
}

.panel-dados-medico{
	background: none !important; 
	border-radius: 3px;
	margin-bottom: 40px;
	font-size: 20px !important;
}

.fonte-header-painel{
	font-size: 20px !important;
}

.fonte-size-botoes{
	font-size: 18px !important;
}

.title-page{
	font-size: 25px !important; 
	font-weight: bold; 
	color: #1F84EC;
}

.title-page-red{
	font-size: 25px !important; 
	font-weight: bold; 
	color: red;
}

.btn-acao-grid-tamanho{
	height:30px !important;
}

.font-visualizar-pesquisa{
	font-size: 22px !important;
}

.ui-menuitem{
	height: 28px !important;
}

/**  
* Fontes dos gráficos
*/
.jqplot-target{
	color: #444444 !important;
	font-size: 20px !important;
}

.cor-positivo{
	background-color: green;
}
.cor-negativo{
	background-color: reg;
}
.cor-indiferente{
	background-color: yellow;
}

.fonte-relatorio-linha{
	font-size: 18px;
}

.panel-especialidade{
	height: 200px !important;
	width: 40% !important;
}

.ui-selectcheckboxmenu-label{
	margin: 15px !important; 	
}

/** Css das legendas do gráfico */
.jqplot-table-legend {
    font-size: 20px !important;
    border: none !important;
}

/** Css do "painel" dos gráficos */
.jqplot-series-canvas {
  background-color: white !important;
  border-color: white !important;
}

.ui-growl-title{
	font-size: 19px !important;
}

.div-btn-download{
	padding-top: 6px; 
	width: 150px; 
	height: 31px; 
	text-align: center; 
	font-size: 20px; 
	font-weight: bold; 
	border: 1px solid #DFDFDF; 
	border-radius: 3px; 
	background-color: #0777EA;
	color: white;
}

.div-btn-download:hover{
	background-color: #2A91EA;
	color: white;	
}

/** ---------------------------- CSS para o projeto WebService TISS ------------------------------- */

.panel-login-css{
	opacity: 0.94 !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 2px !important;
}

.input-tamanho{
	height: 35px; 
	font-size: 14px !important;
}

.input-tamanho-calendar input {
	height: 40px;
	width: 160px !important;
	font-size: 17px !important;
}

.header-panel {
	/* background: #B1D34B; */
	background: #47B359;
	height: 55px;
}

.header-div {
	margin-top: -50px;
	padding-bottom: 10px;
	margin-left: 115px;
	height: 70px !importantx;
	/*color: #5B5B5B;*/
	color: white;
	font-weight: bold;
	padding-left: 30px;
}

.table-empresas{
	 font-size: 15px !important;
}

.rodape{
	text-align: center; 
	margin-top: 15px; 
	padding-top: 5px; 
	padding-bottom: 10px; 
	/* background-color: #B1D34B; */
	background-color: #47B359; 
	color: white;
	/*position:absolute;*/
    /*bottom:0;*/
    width: 100%;
}

.linhaImpar{
	background-color: white !important;
}

.linhaPar{
	background-color: #E8E8E8 !important;
}

.red-label{
	color: red !important;
}

.blue-label{
	color: #00BFFF !important;
}

.sem-display{
	display: none !important;
}

.iframe-container iframe {
   border: 0;
}

.link-padrao{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold !important;
	color: #2B374D !important;
}

.numero-atendimento{
	font-weight: bold;
	background-color: #2B374D;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius:6px;
	font-size: 20px !important;
	font-weight: bold !important;
	color: white !important;
	margin-bottom: 10px !important;
}

.panel-link{
	background: #E5E5E5 !important;
	border: none !important;
	margin-left: 50px;
	border-radius: 2px !important;
	margin-bottom: 5px !important;
}
.panel-link:hover{
	background: #CECECE !important;
}

/* Troca a cor dos Tabview*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{
	color: #47B359 !important;
}

/* Troca a cor do cabeçalho dos 'panel' */
/*.ui-widget-header{
	background: #47B359 !important;
	color: white !important;
}*/

.div-header-login{
	width: 115.2%;
    background-color: #47B359;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 11px;
    margin-top: -13px;
    margin-left: -22px;
    padding-left: -7%;
}

.img-logo-login{
	margin-left: 2px; margin-top: 75px;
}
	
.input-text-login{
	height: 25px; 
	font-size: 17px !important;
}

.label-input-login{
	font-weight: bold; 
	color: #444444; 
	font-size: 17px !important;
}

.btn-acessar-login{
	width: 100%; 
	height: 40px; 
	font-size: 17px !important;
}

.usuario-invalido{
	color: yellow; 
	font-size: 35px !important;
}

.label-input-confirmacao{
	font-weight: bold; 
	color: #444444; 
	font-size: 17px !important;
}

.input-text-confirmacao{
		height: 25px; 
		font-size: 17px !important;
}

.btn-confirmar{
	width: 100%; 
	height: 40px; 
	margin-top: 10px;  
	font-size: 17px !important;
}

.menu-sistema{
	margin-bottom: 10px;
}

.subtitulo-pagina {
	font-size: 13px; 
	margin-top: -17px;	
}

.logo-pagina{
	width: 100px !important;
}

	
	
/* --------------- MOBILE RETRATO ---------------- */
@media only screen and (max-width: 1380px) and (orientation: portrait){
	
	.div-header-login{
		width: 105%;
	    background-color: #47B359;
	    color: white;
	    font-size: 55px;
	    font-weight: bold;
	    text-align: center;
	    padding-top: 30px;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	}
	.form-login{
		margin-top: 4%;
		margin-left: 4%:
		margin: inherit;
		width: 92%;
		font-size: 42px;
	}
	.img-logo-login{
		margin-left: 2px; margin-top: 75px; width: 500px;
		margin-bottom: 30px;
		align: center;
	}
	.div-img-logo-login{
		width: 100%;
		text-align: center;	
	}
	.input-text-login{
		height: 90px; 
		font-size: 45px !important;
		width: 130%;	
	}
	.label-input-login{
		font-weight: bold; 
		color: #444444; 
		font-size: 40px !important;
	}
	.btn-acessar-login{
		width: 100%; 
		height: 120px; 
		font-size: 45px !important;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.panel-login-css{
		opacity: 0.96 !important;
		border: 1px solid #E5E5E5 !important;
		border-radius: 2px !important;
	}
	.usuario-invalido{
		color: red; 
		font-size: 35px !important;
	}
	.dialog-invalidos{
		width: 90% !important;
	
	}
	.label-invalidos{
		font-size: 35px !important;
	}
	
	
	/* ---------------- */
	
	.label-input-confirmacao{
		font-weight: bold; 
		color: #444444; 
		font-size: 40px !important;
	}
	.input-text-confirmacao{
		height: 90px; 
		font-size: 45px !important;
		width: 100%;	
	}
	.btn-confirmar{
		width: 100%; 
		height: 120px; 
		font-size: 45px !important;
	}
	.frase-confirmacao{
		font-size: 40px !important;
	}
	.btn-covid{
		width: 100%; 
		height: 180px; 
		font-size: 45px !important;
	}
	.btn-sair{
		height: 80px; 
		font-size: 45px !important;
	}
	.menu-sistema{
		margin-bottom: 60px;
	}
	.header-panel {
		/* background: #B1D34B; */
		background: #47B359;
		height: 105px;
	}
	.header-div {
		margin-top: -50px;
		padding-bottom: 10px;
		margin-left: 115px;
		height: 150px !importantx;
		/*color: #5B5B5B;*/
		color: white;
		font-weight: bold;
		padding-left: 30px;
	}
	.titulo-pagina{
		font-size: 45px;
	}
	.subtitulo-pagina{
		font-size: 30px;
		margin-top: -35px;
	}
	.logo-pagina{
		width: 100px !important;
	}
	.usuario-logado{
		font-size: 25px !important;
	}
}

/* -------------- MOBILE PAISAGEM -------------- */
@media only screen and (max-width: 1380px) and (orientation: landscape){
	/*
	.color-teste{
		background-color: red;
	}
	.div-header-login{
		width: 114%;
	    background-color: #47B359;
	    color: white;
	    font-size: 20px;
	    font-weight: bold;
	    text-align: center;
	    padding-top: 14px;
	    padding-bottom: 11px;
	    margin-top: -13px;
	    margin-left: -22px;
	    padding-left: -7%;
	}*/
}