@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "AB";
	src: url("../Fonts/ariblk.ttf") format("truetype");
}

@font-face {
	font-family: "CG";
	src: url("../Fonts/CG_Bold.TTF") format("truetype");
}

.cke_toolgroup {
	display: inline-flex !important;
}

.cke {
	width: 49.5% !important;
}

:root{
	--main-color: rgba(67,87,107,1);
	--darker-color:rgba(29,39,49,1);
	--lighter-color:rgba(220,220,255,1);
	--glow-color:rgba(255,255,255,0.4);
	--main-border-color:rgba(220,220,255,1);
	--darker-border-color:rgba(29,39,49,1);
	--lighter-border-color:rgba(255,255,255,1);
	--main-text-color:rgba(240,240,255,1);
	--darker-text-color:rgba(200,220,255,1);
	--lighter-text-color:rgba(255,255,255,1);
	--red-text-color:rgba(250,10,10,1);
	--green-text-color:rgba(0,153,0,1);
	--lighter-transparency:rgba(255,255,255,0.2);
	--darker-transparency:rgba(0,0,0,0.2);
	--red-transparency:rgba(250,10,10,0.1)
}

body{
	font-family: Arial;
	margin:0 auto;
	padding:0px;
	background-color:var(--main-color);
	color:var(--main-text-color);
}

a{
	line-height:20px;
	font-size:14px;
	font-weight:bold;	
	color:var(--red-text-color);
	vertical-align:top;
	clear:left;
	text-decoration:none;
	outline:none;
}

img{
	border:0;
}

/* USADO NOS FICHEIROS OFFLINE E INDEX.HTML */
#Generic_Holder{
	width:100%;
	min-height:300px;
	margin:0 auto;
	padding:20px;
	box-sizing: border-box;
}


#Main_Holder{
	display:block;
	margin:0 auto;
	padding:0px;
}

#Main_Holder{
	display:block;
	margin:0 auto;
	padding:0px;
}

#Top_Holder{
	box-shadow: 0px 2px 2px var(--darker-transparency);
	border-bottom: 1px solid var(--main-border-color);
	background-color:var(--darker-color);
	background-clip: padding-box;
	margin-top:-15px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:116px;
	z-index:888;
}

#Logo_Holder{
	width:300px; 

	height:80px;
	background:url(/Imagens/Logo.png) no-repeat var(--darker-color) center;
	background-size:250px;
	float:left;
	margin-top:20px;
}

#Exe_Holder{
	width:250px;
	height:15px;
	position:absolute;
	margin-top:70px;
	margin-left:25px;
	padding:10px;
	font-family: "CG";
}

#Menu_Holder{
	width:80%;
	height:100px;
}

#Content_Holder{
	width:100%;
	min-height:500px;
	margin:0 auto;
	margin-top:120px;
	bottom:100px;
	padding:20px;
	padding-bottom:50px !important;
	box-sizing: border-box;
	background: var(--main-color);
	z-index:10;
}

#Content_Holder1, #My_Painel_Holder{
	width:100%;
	min-height:500px;
	margin:0 auto;
	margin-top:80px;
	padding:20px;
	box-sizing: border-box;
	background: var(--main-color);
	z-index:10;
}

#Footer_Holder{
	width:100%;
	margin:0 auto;
	clear:both;
	height:20px;
	position:fixed;
	bottom:0px;
	box-shadow: rgba(0,0,0,0.4) 0px 0px 8px 2px;
	border-top: 1px solid var(--main-border-color);
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	background: var(--darker-color);
	z-index:888;
}

#Developed{
	margin-right:18px;
	margin-top:-2px;
	right:0px;
	display:block;
	position:fixed;
	font-size:11px;
	font-family:"CG";
}

#LoginHolder{
	margin:0 auto;
	width:300px;
	text-align:center;
	display:block;
	position:relative;
	padding:20px;
	border-radius:10px;
	border-top:3px solid var(--darker-border-color);
	border-bottom:3px solid var(--darker-border-color);
}

#LoginLogo_Holder{
	width:300px;
	height:50px;
	margin:0 auto;
	background:url(../Imagens/Logo.png) no-repeat center;
	padding:20px;
	padding-left:40px;
	display:block;
}

#Login_Exe_Holder{
	position:relative;
	width:300px;
	height:15px;
	margin:0 auto;
	padding-left:48px;
	margin-top:-25px;
	margin-bottom:20px;
	display:block;
	font-family: "CG";
}

#Stats_Holder{
	position:fixed;
	width:50%;
	height:30px;
	float:right;
	margin-top:-30px;
	right:0px;
	padding:5px 0px 0px 0px;
	z-index:780;
	text-align:right;
} 

#Stats_Holder > div{
	float:right;
	display:inline-block;
	margin-right:20px;
	margin-left:10px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

#Stats_Holder > div > div{
	float:right;
	display:table;
	height:16px;
	min-width:16px;
	border-radius: 8px;
	line-height:16px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	margin-left:5px;
	margin-top:-2px;
}


#Filtros_Holder{
	/*position:fixed;*/
	width:50%;
	height:30px;
	float:right;
	margin-top:10px;
	right:0px;
	/*background-color:var(--main-color);*/
	padding:5px 0px 0px 0px;
	z-index:780;
	text-align:right;
}

#Mensagem{
	width:100%;
	display:block;
}

#Noticias{
	display:inline;
	float:left;
	margin-bottom:30px;
}

#MyDashboard{	
	display:inline;
	float:right;
	margin-bottom:50px;
}


#TAX{
	background-color:rgba(29,39,49,1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto; 
	z-index:999; 
	min-width:800px;
	min-height:400px;
	width:60%;
	height:60%;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.5);
	padding:15px;
	overflow-style:auto;
	overflow:auto;	
}

#Close_Popup{
	background-color:rgba(67,87,107,1);
	position:relative;
	right:0px;
	height:15px;
	width:15px;
	float:right;
	margin:-13px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	line-height:15px;
	vertical-align:middle;
	cursor:pointer;
	user-select: none;
}

/***************************************************************************/
/***************************** MENU PRINCIPAL ******************************/
/***************************************************************************/

#Menu_Holder ul{
	list-style:none;
	padding-top:59px;
}

#Menu_Holder ul li{
	font-family:Arial;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:5px;
	display:inline;
	float:left;
	padding:10px;
	line-height:20px;
	height:20px;
	font-size:14px;
	background:var(--darker-color);
	color:var(--main-text-color);
	cursor:pointer;
	transition:all 0.3s ease-out;
	border:1px solid var(--darker-border-color);
	border-bottom:1px solid var(--main-border-color);
}

#Menu_Holder ul li:hover{
	border-top:1px solid var(--darker-border-color);
	background: -webkit-linear-gradient(bottom, var(--glow-color), var(--darker-color) 30%);
	border-bottom:2px solid var(--lighter-border-color);
	transition:all 0.3s ease-in;
}

.active{
	border:1px solid var(--main-border-color) !important;
	background:var(--main-color) !important;
	background: -webkit-linear-gradient(bottom, var(--darker-color), var(--main-color) 30%) !important;
	color:var(--lighter-text-color) !important;
	transition:all 0.3s ease-in;

}

/***************************************************************************/
/*****************************  MENU DE AREA  ******************************/
/***************************************************************************/

#SubMenu_Holder{
	position:fixed;
	width:100%;
	height:40px;
	border-bottom:1px solid var(--main-border-color);
	margin-top:-38px;
	margin-left:-20px;
	background-color:var(--main-color);
	padding:0px 10px 0px 0px;
	z-index:777;
	box-shadow: 0px 2px 2px var(--darker-transparency);
}

#SubMenu_Holder ul{
	list-style:none;
	margin:0px;
}

#SubMenu_Holder ul li{
	position:relative;
	margin-right:40px;
	margin-left:-20px;
	margin-bottom:20px;
	display:inline;
	float:left;
	padding:5px;
	line-height:30px;
	height:30px;
	font-size:14px;
	font-weight:bold;	
	color:var(--main-text-color);
	cursor:pointer;
	border-bottom:1px solid var(--main-border-color);
	transition:all 0.3s ease-out;
}

#SubMenu_Holder ul li:hover{
	background: -webkit-linear-gradient(bottom, var(--glow-color), var(--main-color) 30%);
	border-bottom:2px solid var(--lighter-border-color);
	transition:all 0.3s ease-out;
}

#SubMenu_Holder ul li span{
	line-height:30px;
	display:inline;
	vertical-align:top;
	margin-right:5px;
}

.SubActive{
	border-bottom:2px solid var(--lighter-border-color) !important;
	color:var(--lighter-text-color) !important;
	transition:all 0.3s ease-in;

}

/******************************************************************/
/************************* BOTÃO VOLTAR ***************************/
/******************************************************************/

#VoltarBtn{
	width:70px;
	font-family:Arial;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:40px;
	margin-left:-20px;
	padding:10px;
	padding-left:20px;
	display:block;
	line-height:20px;
	height:20px;
	font-size:14px;
	background:var(--darker-color);
	color:var(--main-text-color);
	cursor:pointer;
	transition:all 0.3s ease-out;
	border:1px solid var(--main-border-color);
	border-left:none;
}

#VoltarBtn:hover{
	width:80px;
	padding-left:40px;
	background: -webkit-linear-gradient(left, var(--main-color), var(--darker-color) 40%);
	transition:all 0.3s ease-out;
}

/***************************************************************************/
/*****************************  LOGGED USER AREA  **************************/
/***************************************************************************/

#User_Holder{
	position:relative;
	width:20%;
	height:70px;
	float:right;
	padding:5px;
	margin-top:-90px;
	text-align:right;
}

#User_Holder p{
	line-height:18px;
	vertical-align:top;
	display:inline;	
}

#User_Holder a{
	text-align:right;
	line-height:20px;
	font-size:14px;
	font-weight:bold;	
	color:var(--red-text-color);
	vertical-align:top;
	display:block;
}

.User_Label{
	font-family: "CG";
	color:var(--main-text-color);
	font-weight:normal;
	font-size:14px;
}

.Organism_Label{
	font-family: "AB";
	color:var(--main-text-color);
	font-weight:normal;
	font-size:12px;
}
.Service_Label{
	font-family: "Arial";
	color:var(--main-text-color);
	font-weight:bold;
	font-size:12px;
}


/******************************************************************************/
/********************************  FORM STUFF  ********************************/
/******************************************************************************/

.blink_me {
  animation: blinker 0.5s linear infinite;
}

@keyframes blinker {
  20% {
    opacity: 0;
  }
}

.vermelho{
	color:var(--red-text-color);
	font-weight:bold;
}

.verde{
	color:var(--green-text-color);
	font-weight:bold;
}

.branco{
	color: var(--lighter-text-color);
	font-weight:bold;
}

.bloco{
	display:block;
}

.linha{
	display:inline;
}

.fullWidth{
	width:99%;
	box-sizing:content-box;
}

.halfWidth{
	width:49%;
	box-sizing:content-box;
}

.quarterWidth{
	width:24%;
	box-sizing:content-box;
}

.eightWidth{
	width:12%;
	box-sizing:content-box;
}

.sixteenWidth{
	width:3%;
	box-sizing:content-box;
}

.LessWidth{
	width:1%;
	box-sizing:content-box;
}

.labelBox{
	height:20px;
	padding:5px;
	min-width:100px;
	font-size:14px;
	margin-top:10px;
	font-weight:bold;
}

.textBox{
	height:20px;
	padding:5px;
	min-width:100px;
	font-size:16px;
	border: 1px solid var(--lighter-border-color);
}

.areaBox{
	padding:5px;
	min-width:100px;
	font-size:16px;
	border: 1px solid var(--lighter-border-color);
}

.selectBox{
	height:30px;
	padding:5px;
	min-width:100px;
	font-size:14px;
	border: 1px solid var(--lighter-border-color);
}

.multipleBox{
	overflow:auto;
	max-height: 150px;
	padding:5px;
	font-size:14px;
	border: 1px solid var(--lighter-border-color);
}

.buttonBox{
	height:30px;
	padding:5px;
	min-width:100px;
	font-size:16px;
	border: 1px solid var(--lighter-border-color);
}

.chkBox{
	height:20px;
	width:20px;
	-moz-height:20px;
	-moz-width:20px;
}

.chkBoxLabel{
	height:10px;
	display:inline-table;
	vertical-align:top;
	margin-top:4px;
}

.chkBox_Alt{
	height:20px;
	width:20px;
}

.rdoBox{
	height:20px;
	width:20px;
}

.rdoBoxLabel{
	height:10px;
	display:inline-table;
	vertical-align:top;
	margin-top:4px;
}

.sbmBox{
	min-height:30px;
	min-width:100px;
	font-size:16px;
	margin-top:20px;
	border: 1px solid var(--lighter-border-color);
}

.litle_sbmBox{
	min-height:30px;
	min-width:30px;
	font-size:16px;
	border: 1px solid var(--lighter-border-color);
	cursor:pointer;
}

.btnBox{
	height:30px;
	min-width:100px;
	font-size:16px;
	margin-top:20px;
	border: 1px solid var(--lighter-border-color);
}

.attBox{
	border:2px solid Orange;
}


/******************************************************************************/
/*******************  EVENTOS OCORRENCIAS E AÇÕES ESTILOS  ********************/
/******************************************************************************/

.Evento_Prioridade{
	width:15px;
	margin-left:-25px;
	margin-top:-10px;
	height:97px;
	float:left;
}

.Evento_Prioridade div{
	transform: rotate(-90deg);
	font-family:"CG";
	font-size:10px;
	text-align:center;
	margin-top:40px;
	margin-left:-37px;
	width:90px;
	height:15px;
	text-transform:uppercase;
	/*background-color:#000;*/
}
.Prio1{
	background-color:DodgerBlue ;
	color:#FFF;
	font-weight:normal;
}

.Prio2{
	background-color:DodgerBlue ;
	color:#FFF;
	font-weight:normal;
}

.Prio3{
	background-color:green;
	color:#FFF;
	font-weight:normal;
}

.Prio4{
	background-color:green;
	color:#FFF;
	font-weight:normal;
}

.Prio6{
	background-color:yellow;
	color:rgba(67,87,107,1);
	font-weight:bold;
}

.Prio8{
	background-color:yellow;
	color:rgba(67,87,107,1);
	font-weight:bold;
}

.Prio9{
	background-color:#FF8600;
	color:#FFF;
	font-weight:bold;
}

.Prio12{
	background-color:#FF8600;
	color:#FFF;
	font-weight:bold;
}

.Prio18{
	background-color:red;
	color:#FFF;
	font-weight:bold;
}

.Prio27{
	background-color:red;
	color:#FFF;
	font-weight:bold;
}

.Novo{
	border-bottom:1px solid var(--red-text-color);
}

.Evento{
	background-color:var(--darker-transparency);
	padding:10px;
	padding-left:10px;
	margin:-5px;
	margin-bottom:20px;
}

.DataEvento{
	font-size:12px;
	font-weight:bold;
	color:var(--darker-text-color);
	margin-bottom:10px;
}

.Evento a{
	font-weight:bold;
	color:var(--lighter-text-color);
	font-size:16px;
}

.Evento .Titulo{
	font-weight:bold;
	margin-top:10px;
	color:var(--lighter-text-color);
	font-size:16px;
}

.Evento .Descricao{
	font-weight:bold;
	margin-top:10px;
	color:var(--main-text-color);
	font-size:12px;
}

.Evento .Descricao p{
	-webkit-margin-before:0px !important;
}

.OrganismosEvento{
	font-size:11px;
	color:var(--lighter-text-color);
}

.OpcoesEvento{
	height:20px;
	margin-top:10px;
}

.OpcoesEvento img{
	float:left;
	display:inline;
	margin-right:10px;
	width:24px;
}

.Ocorrencia{
	background-color:var(--darker-transparency);
	padding:10px;
	margin:10px;
	overflow: auto;
	clear:both;
	display:block;
}

.Info{
	position:relative;
	display:inline-block;
	float:left;
}

.OpcoesStatus{
	position:relative;
	display:inline-block;
	float:right;
}

.OpcoesStatus img{
	float:right;
	display:inline;
	margin-right:10px;
	margin-top:-20px;
	margin-bottom:3px;
	width:24px;
	vertical-align:middle;
}

.OpcoesStatus a{
	display:inline !important;
}


.OpcoesOcorrencia{
	position:relative;
	display:inline-block;
	float:right;
}

.OpcoesOcorrencia img{
	float:right;
	display:inline;
	margin-right:10px;
	width:24px;
	vertical-align:middle;
}

.OpcoesOcorrencia a{
	display:inline !important;
}

.Ocorrencia .Info .Titulo{
	font-size:13px;
	font-weight:bold;
	margin-top:10px;
	display:inline;
}

.Nota{
	font-size:12px;
	font-weight:normal;
	padding:5px;
}

.Nota a{
	line-height:14px;
	font-size:12px;
	font-weight:bold;	
	color:var(--main-text-color);
	vertical-align:top;
	clear:left;
	text-decoration:none;
	outline:none;
}

.Nota p{
	-webkit-margin-before:5px !important;
	-webkit-margin-after:5px !important;
}

.Acao{
	position:relative;
	background-color:var(--darker-transparency);
	padding:10px;
	margin:5px;
	overflow: auto;
	clear:both;
	display:block;
	transition:all 0.3s ease-out;
}

.Acao:hover{
	background-color:var(--darker-transparency);
	transition:all 0.3s ease-out;
}

.Acao .Titulo{
	font-size:12px;
	font-weight:bold;
	margin:5px;
}

#State{
	position:absolute;
	width:30px;
	background-color:var(--main-color);
	box-shadow:2px 2px 5px var(--darker-transparency);
	z-index:999;
}

#State img{
	width:24px;
	margin:0 auto;
}

.Opcao{
	width:24px;
	margin:0 auto;
	padding:3px;
}
.Opcao:hover{
	background-color:var(--darker-transparency);
}

.MyState, .Validacao, .Fechar_Ocorrencia, .Clicable{
	cursor:pointer;
}


.Parecer{
	position:relative;
	background-color:var(--darker-transparency);
	margin:5px;
	margin-top:10px;
	overflow: auto;
	clear:both;
	display:block;
	font-size:12px;
	padding:10px;
}

.OpcoesParecer{
	position:relative;
	display:inline-block;
	float:right;
}

.OpcoesParecer img{
	float:right;
	display:inline;
	margin-right:-5px;
	margin-top:-7px;
	width:24px;
	vertical-align:middle;
}

.Tipo_Evento{
	margin-top:30px;
	margin-bottom:30px;
}

.Info_Icon{
	width:14px;
	height:14px;
	line-height:14px;
	vertical-align:middle;
	border-radius:7px;
	background-color:#FFF;
	display:table-cell;
	float:right;
	margin-right:5px;
	text-align:center;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:12px;
	font-weight:bold;
	border:1px solid rgba(29,39,49,1);
	cursor:pointer;
	color:rgba(29,39,49,1);
}


.Abrir_Evento, .Fechar_Evento{
	cursor:pointer;
}

/******************************************************************************/
/*******************************  OUTROS ESTILOS  *****************************/
/******************************************************************************/

.pretoBold{
	color: #000;
	font-weight:bold;
}

.vermelhoBold{
	color: rgba(255,0,0,1) !important;
	font-weight:bold;
}

.Transparente{
	opacity:0.20;
}

.Att{
	font-size:12px;
	color: rgba(255,0,0,1) !important;
}

.Linha{
	width:100%;
	display:block;
}

.Coluna{
	width:33%;
	display:inline-block;
}

.TextArea_Readonly{
	background-color:#FFF;
	padding:10px;
	border:1px solid #999;
	height:300px;
	overflow:auto;
	color:#000;
}

/***** TESTES **********/

.PaneButton, .PaneButton_Parecer{
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding-left:24px;
}

.PaneButton_Off{
	font-size:12px;
	font-weight:bold;
	padding-left:24px;
}

.Fechado{
	height:10px;
	overflow:hidden;	
	transition:all 0.3s ease-out;
}

.Aberto{
	height:auto !important;
	overflow:auto !important;
	transition:all 0.5s ease-out;
}

.Mais{
	background:url(../Imagens/Baixo.png) left no-repeat;
	background-size:14px 14px;
}

.Menos{
	background:url(../Imagens/Cima.png) left no-repeat;
	background-size:14px 14px;
}

.Nada{
	background:url(../Imagens/Direita.png) left no-repeat;
	background-size:14px 14px;
}

.Mais_Branco{
	background:url(../Imagens/Baixo_Branco.png) left no-repeat;
	background-size:14px 14px;
}

.Menos_Branco{
	background:url(../Imagens/Cima_Branco.png) left no-repeat;
	background-size:14px 14px;
}

/*******************************************************************************/
/*                              DASHBOARD STUFF                                */
/*******************************************************************************/

#LegendaPainel{
	position:relative;
	display:inline-block;
	float:right;
	margin-top:80px;
	margin-right:20px;
}

#LegendaPainel .OL{
	position:relative;
	display:inline-block;
	margin-left:10px;
}

#LegendaPainel .Cor{
	width:16px;
	height:16px;
	display:inline-block;
	position:relative !important;
	margin-top:0px;	
	margin-right:5px;
}

#LegendaPainel .Descricao_Legenda{
	display:inline-block;
	position:relative;
	font-size:12px;
	line-height:16px;
	vertical-align:middle;
	font-weight:bold;
	margin-top:-3px;
}

.Dados_Organismo{
	position:relative !important;
	display:block !important;
	height:100%;
	margin-bottom:10px;
	background-color:var(--darker-transparency);
	padding:10px;
	padding-top:2px;
	
}

#MyDashboard h3{
	position:relative !important;
	margin-bottom:5px;
	display:inline-block;
	padding-bottom:8px;
	
}

#Legenda{
	position:relative;
	display:inline-block;
	margin-top:20px;
	float:right;
}

#Legenda .OL{
	position:relative;
	display:inline-block;
	margin-left:10px;
}

#Legenda .Cor{
	width:16px;
	height:16px;
	display:inline-block;
	position:relative !important;
	margin-top:0px;	
	margin-right:5px;
}

#Legenda .Descricao_Legenda{
	display:inline-block;
	position:relative;
	font-size:12px;
	line-height:16px;
	vertical-align:middle;
	font-weight:bold;
	margin-top:-3px;
}

.PILL_LINE{
	/*height: 120px;*/
	display:block;
	z-index:50;
	margin-top:0px;
	margin-bottom:0px;
}

.PILL_CELL{
	/*height: 120px;*/
	display:inline-block;
	z-index:50;
	margin-left:1%;
	margin-right:1%;
	margin-top:0px;
	width:47%;
}

.PILL_LINE h3{
	width:100%;
	display:block;
	position:relative;
}

.Objecto{
	display:block;
	width:98%;
	margin:0 auto;
}

.PILL{
	position:relative;
	margin:0 auto;
	width:98%;
	min-height: 30px;
	border-radius:30px;
	z-index:60;
	border:1px solid var(--lighter-border-color);
	padding:5px;
	margin-bottom:5px;
}

.PILL_INT{
	margin:0 auto;
	width:100%;
	min-height: 20px;
	border-radius:20px;
	overflow:hidden;
	display:block;
	z-index:60;
	padding:0px;
}

.PILL_AREA{
	margin-top:-20px;
	height:40px;
	display:table-cell;
	float:left;
	z-index:40;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	font-size:20px;
}

.RED{
	background:#C69;
	color:#333;
	text-shadow: 2px 2px 5px rgba(0,0,0,0);
	font-weight:bold;
}

.BLUE {
	background:#FC6;
	color:#333;
	text-shadow: 2px 2px 5px rgba(0,0,0,0);
	font-weight:bold;
}

.YELLOW{
	background:#0CC;
	color:#333;
	text-shadow: 2px 2px 5px rgba(0,0,0,0);
	font-weight:bold;
}

.GREEN{
	background:#6F9;
	color:#333;
	text-shadow: 2px 2px 5px rgba(0,0,0,0);
	font-weight:bold;
}

.Shine{
	height:20px;
	width:100%;
	position:relative;
	margin-top:0px;
	background:rgba(255,255,255,0.3);
	border-radius:40px;
}

.Shadow{
	height:16px;
	width:98%;
	position:absolute;
	margin-top:-3px;
	background:rgba(0,0,0,0.4);
	border-radius:18px;
	z-index:0;
	filter: blur(4px);
}

.Description{
	text-align:center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	position:relative;
	color:#FFF;
	display:block;
	width:100%;
}

.BIG{
	width:540px !important;
}

.PR{
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
}

.Piscar {
  animation: blinker 0.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}


/******************************* TAXONOMIA **********************/

.Mostrar_TAX{
	margin-left:50px;
}

.Lista{
	Font-size:12px;
	margin-bottom:30px;
}

.Item_Lista{
	list-style-type:square;
	display:list-item;
	margin-left:20px;
	margin-bottom:10px;
}

#Mostrar h4{
	margin-bottom:-5px;
}

#Evidencias{
	width:100%;
	height:65px;
	margin-top:20px;
	display:inline-flex;
	flex-wrap:wrap;
	flex-direction:column;
}

#Acoes_Obrigatorias{
	width:100%;
	height:65px;
	margin-top:20px;
	display:inline-flex;
	flex-wrap:wrap;
	flex-direction:column;
}

.Taxonomia_Bloco_Items{
	background-color:var(--darker-transparency);
	width:120%;
	margin:0 auto;
	padding:5px;
	margin-left:-5px;
}

.Taxonomia_Item{
	width:12%;
	height:100px;
	Font-size:12px;
	font-weight:bold;
	float:left;
}

.TaxonomiaLabel{
	text-align:center;
	margin-bottom:5px;
	height:30px;
	display:table-cell;
	vertical-align:middle;
	width:12%;
}

.Bola{
	position:relative;
	margin:0 auto;
	width:22px;
	height:22px;
	border-radius:23px;
	z-index:60;
	border:1px solid var(--lighter-border-color);
	overflow:hidden;
	padding:1px;
}

.Bola_INT{
	margin:0 auto;
	margin-top:1px;
	width:20px;
	height:20px;
	border-radius:18px;
	overflow:hidden;
	display:block;
	z-index:60;
	padding:0px;
}

.Taxonomia_Item_Shine{
	height:10px;
	width:18px;
	position:relative;
	margin-top:-2px;
	background:rgba(255,255,255,0.8);
	border-radius:18px;
}

.Taxonomia_Item_Shadow{
	height:6px;
	width:98%;
	position:absolute;
	margin-top:8px;
	background:rgba(0,0,0,0.6);
	border-radius:18px;
	z-index:99;
	filter: blur(4px);
}

.Bola_0{
	background:none;
}

.Bola_1{
	background:#FC6;
}

.Bola_2{
	background:#0CC;
}

#TAX_Legenda{
	width:600px;
	height:30px;
	margin:0 auto;
	margin-top:10px;
}

.TAX_Legenda_Item{
	width:198px;
	height:28px;
	float:left;
	display:flex;
}

.TAX_Legenda_Bola{
	width:12px;
	height:12px;
	border-radius:6px;
	float:left;
	margin:0 auto;	
	margin-top:7px;
	border:1px solid #F3F3F3;
}

.TAX_Legenda_Bola_INT{
	width:10px;
	height:10px;
	border-radius:5px;
	margin:1px;	
}

.TAX_Legenda_Valor{
	width:150px;
	height:12px;
	border-radius:6px;
	float:left;
	margin:0 auto;	
	margin-top:7px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}


.PILL_AVISO{
	position:relative;
	margin:0 auto;
	width:40%;
	height: 20px;
	border-radius:20px;
	z-index:889;
	border:1px solid var(--lighter-border-color);
	padding:5px;
	margin-top:-20px;
	Background: var(--main-color);
}

.PILL_INT_AVISO{
	margin:0 auto;
	width:100%;
	height: 14px;
	border-radius:20px;
	overflow:hidden;
	display:block;
	z-index:60;
	padding:3px 0px 3px 0px;
	box-shadow: rgba(0,0,0,0.4) 0px 2px 8px 8px;
}

.AVISO{
	height:10px;
	width:100%;
	position:relative;
	margin-top:-7px;
	z-index:66;
}

.Shine_AVISO{
	height:10px;
	width:100%;
	position:relative;
	margin-top:-3px;
	background:rgba(255,255,255,0.3);
	border-radius:40px;
	z-index:99;
}

#NovaNotificacao{
	height:3px;
	width:100%;
	/*border-radius:15px;*/
	background-color:red;
	position:relative;
	margin-bottom:0px;
	display:none;
}


#NovaMensagem{
	height:3px;
	width:100%;
	/*border-radius:15px;*/
	background-color:red;
	position:relative;
	margin-bottom:0px;
	display:none;
}

#VistoS{
	background-color:transparent;
}

#VistoN{
	background-color:red !important;
	color:#FFF;
	font-weight:bold;
}

.float-L{
	float:left;
}

.float-R{
	float:right;
}