.tabela-grupo a {
	font-size: 1.8em;
	font-weight: 200 !important;
}

.tabela-grupo a:hover {
	text-decoration: none !important;
	font-weight: 600 !important;
}

.tabela-grupo span {
	font-size: 1.5em;
	font-weight: 200 !important;
	float: right;
}

.tabela-grupo .status {
	text-align: left;
}

.questionario h2 {
	border: 0 !important;
}

textarea {
	width: 100% !important;
}
.linklistpessoa{
                cursor: pointer !important;
                color:#000066 !important;                
                }

/* topdoc
name: Botão chave
description: Botão com ícone de "chave"
markup: <button class='botaoIcone botaoChave'>Botão</button>
 */
.botaoChave {
	background-image: url(../imagens/chave.png);
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

/*ESPECÍFICO MOBILE*/
@media screen and (max-width: 600px) {
	.tabela-grupo .status {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 2%;
	}
	.tabela-grupo a {
		font-size: 1.4em;
	}
	.tabela-grupo a:hover {
		font-weight: 200 !important;
	}
	.tabela-grupo {
		text-align: center !important;
	}
	.tabela-grupo span {
		text-align: center;
		float: none;
	}
	.questionario h3 {
		font-size: 1.2em;
	}
	.questionario h2 {
		font-size: 1.3em;
	}
	.questionario h1 {
		font-size: 1.4em;
		text-align: center;
	}
        
        .pergunta input[type='number'],
        .pergunta label{
                width: 100%;
                padding: 12px;
                border: 1px solid #ccc;
                border-radius: 4px;
                box-sizing: border-box;
                resize: vertical;
                text-align: left;
        }
        
        .ui-dialog{
            width: 95% !important;
        }
}

.conteudo{
	display: flex;
	flex-direction:row; 
	flex-wrap: wrap;
	justify-content: space-around;	
}

.caixa{
	display:flex;
	flex-direction:column;
	margin: 5px 5px;	
	border: thin;
	border-style:solid;
	border-radius: 2px;
	padding: 5px; 
	text-align: center;
}