/*
	--- Versionamento ---
	03/01/2018 - Andrey - Contenedor speedbutton nao é mais 30%, q deixava espaços feios
	04/01/2018 - Andrey - Gerenciador_arquivos_iframe
	18/01/2018 - Thais  - Ocultar bara de rolagem do iframe
	25/01/2018 - Thais  - comissoes_participantes
	30/01/2018 - Thais  - Aumentei o tamanho do topframe, consertei contenedor_pagina para manter um padding-right de 10px
	20/02/2018 - Thais  - campos tramitacao final
	23/02/2018 - Thais  - informacoes_projeto
	27/02/2018 - Andrey - Listbox por separado
	01/03/2018 - Andrey - Titulo_Pagina e barra de tarefas para deixar o voltar na esquerda
	20/03/2018 - Andrey - Melhoria na tabela informacoes_projeto
    27/03/2018 - Thais  - btn_upload,subtitulo_email,pagina_email
    06/04/2018 - Thais  - alterar_data
    07/05/2018 - Thais  - Alteração classes botão de upload e adição classe botão excluir
    08/11/2018 - Thais  - Regras para paginação
	21/11/2018 - Thais  - #msg_projeto_devolvido
	16/09/2020 - Thais  - Alterei em .btn_excluir_foto e .btn_upload o padding left para 35, melhoria em .Falha
	20/11/2020 - Thais  - Adicionei regra para <a> dentro do título
	--- Fim Versionamento ---
*/

@media  (max-width: 800px){
    #contenedor_comissoes_ao_encaminhar{
        width:49%;
    }
}

@media  (min-width: 800px){
    #contenedor_comissoes_ao_encaminhar{
        width:24%;
    }
}

.titulo{
    cursor: pointer;
}


#conteudo_alterar_data > div{
    margin-top: 15px;
}

#conteudo_alterar_data > div > div > input{
    margin-left: 15px;
}

#campos_formulario > div{
    margin-top: 15px;
}

#conteudo_alterar_data > div > img{
    margin-right: 10px;
}
#campos_formulario > div > img{
    margin-right: 10px;
}

#alterar_data{
    text-decoration: none;
    color: #170BEA;
    cursor: pointer;
}

#alterar_data:hover{
    text-decoration: underline;
    color: #4940E6;
}


#sessao_sem_projetos{
    font-style: italic;
    color: #708090;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.btn_excluir_foto{
    background: url('/Imagens/Cancelar.png')  no-repeat;
    background-size:30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border: 1px solid #888;
    border-radius: 3px;
    background-color: rgb(232, 232, 231);
    padding-left: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.btn_excluir_foto:hover{
    background-color: #FFF;
}

.btn_upload{
    background: url('/Imagens/Upload.png')  no-repeat;
    background-size:30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border: 1px solid #888;
    border-radius: 3px;
    padding-left: 35px;
    background-color: rgb(232, 232, 231);
}

.btn_upload:hover{
    background-color: #FFF;
}

#subtitulo_email{
    color: #527FB1;
    font-weight: bold;
    margin-top: 15px;
}

#pagina_email > p{
    font-size: 14px;
    color: #708090;
    font-style: italic;
    margin-bottom: 3px;
    margin-top: 8px;
}

#item_detalhes_historico{
    margin-bottom: 10px;
}

#identificacao_comissoes{
    font-weight: bold;
}

#campos_tramitacao_final{
    display: none;
}

u {
    text-decoration: underline;
}

#dados_projeto_historico {
	background-color: #E8E8E8;
	padding: 20px;
	border: 1px solid #000;
	border-radius: 5px;
}

#historico_comissao{
	text-decoration: underline;
}

#botao_pesquisar{
	background: url(/Imagens/Lupa.gif) no-repeat left center;
	padding-left: 20px;
	cursor: pointer;
}

hr.separador_historico {
	height: 6px;
	background: url("/Imagens/hr-11.png") repeat-x 0 0;
    border: 0;
}

hr.separador_titulo_historico{
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.separador_titulo_historico:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}



#form_relatorios >  center > table {
	border : 1px solid black;
	border-radius: 5px;
	background-color: #EEEEEE ;
	padding: 10px;
	margin: 10px;

}

#form_relatorios  >  center > table > tbody > tr > th {
	font-weight: bold;
	font-size: 15px;
	text-align: center;

}

#form_relatorios >  center > table > tbody > tr > td {
	font-size: 14px;
}

#detalhamento_historico_contenedor_anexos > a:hover{
	text-decoration: underline;
}

#detalhamento_historico_contenedor_anexos > a{
	text-decoration: none;
	font-size: 12px;
	color: #000;
}


#shr{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
	border-top: 1px solid #999;
	height: 1px;
	padding: 0px;
}

#detalhamento_historico_contenedor_anexos{
	background-color: #EEE;
	padding: 20px;
	border: 1px solid #999;
	border-radius: 4px;
	margin-top: 10px;
}

.iframecompleto{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: 1s;

}

#itens_cabecalho{
    float: left;
    cursor: pointer;
}



@media print{


	#form_cadastro{
		display: none;
	}

	#itens_cabecalho > img{
		display: none;
	}

	#detalhamento_historico_contenedor_anexos{
		display: none;
	}

	#anexo_historico{
		display: none;
	}

	#titulo_pagina{
		display: none;
	}

	#descricao_cadastro{
		display: none;
	}

	.panel{
		display: none;
	}


	#barra_tarefas_cadastro{
			display: none;
	}

	hr.separador_historico{
		border-top: 1mm solid #8c8b8b;
	}

	#dashboard_item > a > img{
		display: none;
	}



	#listbox_botoes{
		display: none;
	}

}

#descricao_cadastro{
	font-size: 13px;
	color: #333;
	font-style: italic;
}

@media (min-width: 1000px){
	.contenedor_pagina_nao_minimizado{
		float: right;
		width: calc(100% - 220px);
		padding-right: 10px;
	}
}

@media (max-width: 999px){

	.listbox{

	}

	.contenedor_pagina_nao_minimizado{
		float: right;
		width: 100%;
	}
}

.contenedor_pagina_minimizado{
	float: right;
	width: 100%;
}


@media print{
	.contenedor_pagina_nao_minimizado{
		width: 100%;
		float: none;
	}
}



#lista_erros{

}

.c404{
    width: 500px;
    height: 60px;
    background-color: #FFEEEE;
    border: 1px solid #F00;
    border-radius: 10px;
    color: #000;
    padding: 30px;
    font-family: verdana;
    font-size: 12px;
    word-wrap: break-word;
    top: 0; bottom: 0;
    left: 15%; right: 0;
    margin: auto;
}

#comissoes_participantes{
    width: 100%;
}

#frame-spec{
    overflow-y: hidden;
}

#gerenciador_arquivos_iframe{
	border: 1px solid #555;
	width: 100%;
	height: 100%;

}

#botao_barra_tarefa{
	margin-right: 15px;
	height: 30px;
	vertical-align: top;
	margin-top: 3px;
}



#voltarcadastro{
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #D2D2D2;
	padding: 3px;
	color: #05156F;
}

.fundo_transp{
	position: fixed;
	top: 0px;
	left: 0px;
	background: transparent url("/Imagens/alpha.png") center repeat;
	visibility: hidden;
	z-index: 10000;
}


#exemplo_form{
	color: #F00;
}

#informacoes_busca_lista{
	padding: 40px;
	text-align:center;

}

#pmaisclaro{
	color: #CCC;
	transition: 1s;
}

#pmaisclaro > a{
	color: #CCF;
	transition: 1s;
}


#pmaisclaro:hover{
	color: #000;
	transition: 1s;
}

#pmaisclaro > a:hover{
	color: #00F;
	transition: 1s;
}


#diverro{
	background-color: #FFC5C5;
	border: 1px solid #FF8585;
	padding: 10px;
	text-align: center;
	margin: 20px;
}

#contenedor_busca_avancada{
	background-color: #D8D8D8;
}

#contenedor_busca_avancada > div{
	float: left;
	margin-right: 20px;
}

#contenedor_busca_avancada > div > span{
	color: #555;
}




p > a{
	text-decoration: none;
}



#topframe{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: rgba(50, 50, 50, 0.4);
	z-index: 9999;
	visibility: hidden;
}


#topframe_alerta{

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: rgba(20, 20, 20, 0.4);
	z-index: 10000;

	visibility: hidden;

	display: flex;
	  justify-content: center;
	  align-items: center;

}

#texto_topframe_alerta{
	width: 50%;
	height: 10%;
	border: 1px solid #000;
	background-color: #FFF;
	margin: 0 auto;
    padding: 20px;
    margin-bottom: 40%;
    text-align:center;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}




#Busca_SB{
	width: 100%;
}

#topframe > div > div{
	background-color: #007AE0;
}

#topframe > div{
	text-align: right;
	cursor: pointer;
	position: fixed;
	top: 5%;
	left: 5%;
	right: 5%;
	bottom: 10%;
	margin: auto;
	background-color: #FFF;
}

#topframe > iframe{
	border: 0px;
	width: 100%;
	height: 100%;
	position: relative;

}


body{
	background-color: #FFF;
	margin: 0px;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
}


#titulo_pagina{
    color: #527FB1;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
	background-image: url("/Imagens/fundo_titulo.png");
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
/*	float: left; */
}

#titulo_pagina > a{
	text-decoration: none;
	color:#527FB1;
}

#titulo_pagina > a:hover{
	text-decoration: underline;
	color:#749ac5;
}

#informacoes_projeto  {
    background-color: #EEE;
    border-radius: 5px;
	margin: auto;
	width: 100%;
}

#informacoes_projeto  td{
    border-radius: 2px;
    font-size: 12px;
    color: #000;
}

#informacoes_projeto > tbody > tr > td:first-child {
    background-color: #CCC;
}

#informacoes_projeto > tbody > tr > td:last-child {

}

.subtitulo{
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	margin-top: 20px;
}


.banner1_info{
	color: #FFF;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}



.banner1 td{
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #555, #AAA);
  background-image: -moz-linear-gradient(top, #555, #AAA);
  background-image: -ms-linear-gradient(top, #555, #AAA);
  background-image: -o-linear-gradient(top, #555, #AAA);
  background-image: linear-gradient(to bottom, #555, #AAA);
  padding: 10px 20px 10px 20px;
  width: 230px;
  text-align: left;
}

.banner1 td a{
  font-family: Arial;
  color: #ffffff;
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
}

.banner1 td a:hover{
  color: #FF0;
}


.relatorio_grafico th{
	text-align: left;
	font-size: 13px;
	font-family: monospace;
}
.relatorio_grafico td{
	text-align: left;
	font-size: 13px;
	font-family: monospace;
}

.relatorio_grafico{
	background-color: #E6FFDC;
}

.panel th{
	font-size: 12px;
	text-align: left;
	background-color: #DDD;
	padding-right: 5px;

}

.cliqueaqui{
	text-decoration: none;
}

.cliqueaqui:visited{
	text-decoration: none;
	color: #00F;
}

.campo_fixo{
	border: 1px solid #9EBFFF;
	background-color: #DDD;
}

.cliqueaqui:hover{
	text-decoration: underline;
}

li{
	font-size: 12px;
	/*list-style-image: url('/Imagens/Setinha.png');*/
}

.espaco_cab{
	background-color: #000;
	height: 5px;
	height: 5px;
}

.tabela_vazia{
	font-size: 12px;
}


#barra_tarefas_cadastro{
	text-align: right;
	background: #DDD;
	/*float: left;*/
	width: 100%;
	margin-bottom: 20px;

}

#barra_tarefas_cadastro > div > a{
	margin-right: 10px;
	cursor: pointer;
}

#barra_tarefas_cadastro > div > a > img{
	cursor: pointer;
}



#barra_tarefas_cadastro > div > img{
	cursor: pointer;
	margin-right: 10px;
}

#barra_tarefas_cadastro > a > img{
	cursor: pointer;
	margin-right: 10px;
}


.cadastro tfoot td{
	background-color: #CCC;
}


p{
	font-size: 15px;
}


input::placeholder{
	font-weight: normal;
	color: #999;
}


select{
	background-color: #FFF;
}

input, select, textarea{
	font-family: monospace;
	font-size: 13px;
	border: 1px solid #888;
	height: 30px;


	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	padding-left: 5px;

	font-weight: bold;
}


.table_principal{
	width: 100%;
	height: 500px;
}




.cab_cliente{
	font-size: 20px;
	color: #FFF;
}

.cab_sistema{
	font-size: 15px;
	color: #FFF;
}

.rodape{
	text-align: center;
	font-size: 11px;
	color: #FFF;
	background-color: #000;

}

.panel{
	border: 1px solid #DDD;
	background-color: #EEE;
}

.panel td{
	font-size: 13px;

}
.erro_linha{
	color: red;
	border: 1px dashed #FEE;
	background-color: #FDD;
	font-weight: bold;
	padding: 10px;
	width: 60%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

.erro_linha a{
	color: #00F;
	text-decoration: none;
}

#botao_relatorio{
	border: 1px;
	background-color: #DDD;
	padding-left: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-right: 50px;

	display:inline-block;
	text-decoration: none;
	color: #000;
	background-image: url('/Imagens/Impressora.svg') ;
	background-repeat: no-repeat;
}

#botao_relatorio_pdf{
	border: 1px;
	background-color: #DDD;
	padding-left: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-right: 50px;

	display:inline-block;
	text-decoration: none;
	color: #000;
	background-image: url('/Imagens/PDF.svg') ;
	background-repeat: no-repeat;
}

#botao_relatorio_jpg{
	border: 1px;
	background-color: #DDD;
	padding-left: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-right: 50px;
	display:inline-block;
	text-decoration: none;
	color: #000;
	background-image: url('/Imagens/JPG.svg') ;
	background-repeat: no-repeat;
}

#paginacao{
	margin: auto;
	margin-bottom: 20px;
	border-radius : 5px;
}

#paginacao > tbody > tr > td{
	border: 1px solid #aaaaaa;
	cursor: pointer;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	color: #000;
	-webkit-border-radius: 5px;
    border-radius: 5px;	
	background-image: linear-gradient(#edeee9,#dadada);
}

#pagina_ativa{
	color: #FFF !important;
	background-image: linear-gradient(#4183bf,#3779b5) !important;
	border: 1px solid #416298;
}

#msg_projeto_devolvido{
	color : #BE1818FF;
	font-size: 16px;
	margin: auto;
	font-weight: bold;
	width: 650px;
	margin-bottom: 20px;
	margin-top: 0px;
}

.Sucesso{
	background-color: #DCF3FB;
	border: 1px solid #00F;
	padding: 20px;
	width: 500px;
	margin-top: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 15px;
}

.Falha{
	width: 500px;
    height: 60px;
    background-color: #FFEEEE;
    border: 1px solid #F00;
    padding: 20px;
	width: 500px;
	margin-top: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 13px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.Falha > tbody > tr > td >a{
	color: #00F;
}

.Falha > tbody > tr > td >a:hover{
	color: black; 
}

.Sugestao{
	background-color: #DCF3FB;
	border: 1px solid #00F;
	padding: 20px;
	width: 500px;
	margin-top: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 13px;
	margin-bottom: 20px;
	margin-top: 20px;
}