@charset "utf-8";

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight: normal
}

header {
	padding: 5px;
	margin-bottom: 20px;
	height: 30px;
	background-color: #545454;
	color: #fff;
	box-shadow: 0px 2px 2px #ccc
}

#conteudo {
	padding: 0px 8px
}

footer {
	border-top: 1px solid #ccc;
	padding: 5px 8px;
	margin-top: 20px;
	margin-bottom: 10px
}

h1 {
	font-size: 24px;
	font-weight: 500;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px
}

.ajax-status {
	position: fixed;
	top: 100px;
	right: 100px;
	/* position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-50px; */
	width: 35px;
	height: 35px
}

#login-dialog {
	width: 260px;
	margin: auto;
	margin-top: 150px;
}

.grid-login {
	background-color: white;
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-top: 8px;
	padding: 10px;
	width: 460px;
	height:300px
}

.imagem-fundo {
	background-image: url("../resources/lavor/fundo.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* e agora a regra de ouro que fará a imagem ocupar todo o viewport */
	background-size: 100% 100%;
}


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

.semBordaExtra tr, .semBordaExtra td {
	border: none !important;
	background-color:#7ADEDE;
}

.semBordaExtraVer tr, .semBordaExtraVer td {
	border: none !important;
	background-color:#FFB2B2;
}

#downshow{
	border-top: 2px solid #d2d2d2;
	width: 100%;
	height: 30px;
	padding: 0;
	background: url(down.jpg);
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

#bottom{
	width: 100%;
	height: 150px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 10px;
	font-weight: normal;
	color: #000;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}


#rede{
	float: right;
	height: 35px;
	width: 550px;
	padding-top: 12px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: normal;
	vertical-align: middle;
	word-spacing: normal;
	padding-right: 5%;
	}
	
#icons{
	alignment-adjust: middle;
	float: right;
	height: 35px;
}

#barra{
	background-image:url("../resources/lavor/barra.jpg");
	alignment-adjust: central;
	background-position: bottom;
	width: 100%;
	height: 50px;
}

.imagem_salvar { 
    width: 32px; 
    height: 32px; 
    background-image:url("../resources/lavor/salvar2.png") !important;
}

.imagem_repetir { 
    width: 32px; 
    height: 32px; 
    background-image:url("../resources/lavor/repetir.png") !important;
}

.imagem_novo { 
    width: 32px; 
    height: 32px; 
    background-image:url("../resources/lavor/novo.png") !important;
}

.status {
  	border-radius: 20px !important; 
	font-weight: bold !important;
	color:white;
	padding: 10px ;
}

.AGUARDANDO, .ANALISE {
  background-color: #95A5A6;
}

.APROVADO, .APROVADOCOMPLETO{
	background-color: #26A65B !important;
}

.AJUSTES{
	background-color: #e5a50a;
}
.REJEITADO, .REPROVADO{
	background-color: #C3272B !important;
}

.AVALIACAO_CAMARA, .RESSALVA, .RELATORIOS{
	background-color: #3584e4!important;
}

.CORRECAO{
	background-color: #e5a50a!important;
}


.AVALIACAO_NAP{
	background-color: #3584e4!important;
}

.FINALIZADO{
	background-color: #26a269!important;
}


#topo{
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
	height: 140px;
	width: 100%;
	}

#logo{
	height: 300px;
	float: left;
	width: 350px;
	margin-top: 25px;
	padding-left: 5px;
}

#escudo{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	width: 210px;
	height: 30px;
	alignment-adjust: central;
	alignment-baseline: middle;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
	float: left;
	letter-spacing: normal;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	color: #FFF;
}

#down{
	alignment-adjust: central;
	width: 100%;
	height: 120px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: center;
	font-style: normal;
	line-height: 16px;
	float: left;
	background-image: url(../resources/lavor/barra.jpg);
}

.ajuda {
	background-image: url("../resources/lavor/ajuda.png") !important;
}

/* Estilo usado para regra do Fornecedor */
.coloregra{
background-color: #000000;
color: #FFFFFF;
}

.column1{
	width: 10%
}

.column2{
	width: 90%
}

.quesito-column{
	width: 20%
}

.quesito-column2{
	width: 80%
}

.first-column-edital{
	width: 20%;
}

.second-column-edital{
	width: 80%
}

.disabled-input[disabled] {
    color: #000000; /* Set the desired color for disabled text */
}

#painel-aviso .ui-widget-header{
    background-color: #FFC107 !important;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #FFC107; }
    
.my-button {
  display: inline-block;
  padding: 8px 15px;
  background-color: #1e73be;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* Estilo do botão quando hover */
.my-button:hover {
  background-color: #135d96;
}

.dialog-title .ui-dialog-title{
    font-size: 20px;
    margin: auto !important;

}

.ui-dialog .ui-dialog-titlebar {
    display: flex; /* Usar flexbox para centralizar */
    justify-content: center; /* Centraliza o texto horizontalmente */
    align-items: center; /* Centraliza o conteúdo verticalmente */
    position: relative; /* Permite que os ícones se alinhem corretamente */
}

.ui-dialog .ui-dialog-titlebar a.ui-dialog-titlebar-icon {
    position: absolute; /* Move o botão de fechar para o canto */
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* Estilização dos cards */
.cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
}

.card-panel {
    width: calc(33.333% - 1rem);
    display: flex;
}

.card-panel .ui-panel {
    width: 100%;
    height: 100%;
}

/* essa div interna será flexível */
.flex-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* empurra o botão para o rodapé */
.button-wrapper {
    margin-top: auto;
    margin-bottom: 40px;
    text-align: center;
}

/* Responsivo */
@media screen and (max-width: 992px) {
    .card-panel {
        width: calc(50% - 1rem);
    }
}

@media screen and (max-width: 600px) {
    .card-panel {
        width: 100%;
    }
}