@font-face {
    font-family: FractalRegular;
    src: url(../view/css/ttf/Handel_Gothic_ITC_W02_Regular_0.ttf);
}
@font-face {
    font-family: FractalBold;
    src: url(../view/css/ttf/Handel_Gothic_ITC_W02_Bold_0.ttf);
}

.nav-fractal .nav-link {
	color: gray;
    background-color: lightgray;
}
.nav-fractal .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
    background-color: #001f3f;
}

/* Centered Image Code */

 .center {
  height: 0px;
  display: flex;
  align-items: center;
  justify-content: center;

}



ion-icon {
  font-size: 90%;
}

.tabela_fundo_preto
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		black; 
	background-color:	black; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		lightgray; 
	background-color:	white; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco_relatorio
{
	border-style: 		solid; 
	border-top-width: 	1px; 
	border-bottom-width:1px; 
	border-left-width: 	0px; 
	border-right-width: 0px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		lightgray; 
	background-color:	white; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco_sb
{
	border-style: 		solid; 
	border-width: 		0px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		lightgray; 
	background-color:	white; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_vermelho
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		brown; 
	background-color:	brown; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_laranja
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#c86c07; 
	background-color:	#c86c07; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_verde
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#d6ffd3; 
	background-color:	#d6ffd3; 
	color:				darkgreen; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_azul
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#000f45; 
	background-color:	#000f45; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_cinza
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#dddddd; 
	background-color:	#dddddd; 
	color:				black; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_cinza_escuro
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#666666; 
	background-color:	#666666; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_branco_pontilhada
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		white; 
	background-color:	white; 
	color:				black;
	border-left: 		1px dotted #2f3f54;
	border-bottom: 		1px dotted #2f3f54;
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_alerta
{
	border-style: 		solid; 
	border-width: 		1px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#fffff0; 
	background-color:	#fffff0; 
	color:				#f57272; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_google
{
	border-style: 		solid; 
	border-width: 		0px; 
	padding:			5px; 
	font-size:			12px; 
	border-color: 		#2980b9; 
	background-color:	#2980b9; 
	color:				white; 
	-webkit-print-color-adjust: exact;
}

.tabela_fundo_botao_azul
{
	margin:				5px 0px 0px 0px;
	padding: 			3px 5px 2px 5px;
	color:				#FFFFFF;
	width:				92%;
	float:				left;
	display: 			block;
	text-indent: 		0px;
	background: 		none repeat scroll 0% 0% #1869AD;
	border-radius: 		5px;
	font-size:			12px;
	text-align: 		left;
	vertical-align: 	text-top; 
	-webkit-print-color-adjust: exact;
}

mark {
	color: brown;
	background: #f0ad4e;
}


.fractalsystem_icon_info {
	color: white;
	background-image: url('./template/default/img/icon-info.png');
	line-height: 16px;
	height: 16px;
	width: 16px;
	margin: 0px 0px -2px 8px;
	padding: 0px 8px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
}