@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;
}



/* SLIDER CHECKBOX START */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* SLIDER CHECKBOX END */