@font-face {
 	font-family: Horatio;
 	src: url("../../static/fonts/horatio-d-light.otf") format("opentype");
 }

 @font-face {
 	font-family: Horatio;
 	font-weight: bold;
 	src: url("../../static/fonts/horatio-d-bold.otf") format("opentype");
 }

 .header-print {
 	display: none;
 }

 .rodape-print {
 	display: none;
 }

 .copy-header-print {
 	display: none;
 }

 .header {
 	background-color: white;
 	position: fixed;
 	top: 0;
 	right: 0;
 	left: 0;
 	z-index: 99999999;
 	height: 60px;
 	width: 100%;
 	-webkit-box-shadow: 0 0 40px 0 rgba(82, 63, 105, .1);
 	box-shadow: 0 0 40px 0 rgba(82, 63, 105, .1);
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	padding: 0 25px;
 	font-family: Horatio;
 }

 .img-cabecalho {
 	height: 38px;
 	transition: all .3s;
 	cursor: pointer;
 }

 .img-cabecalho:hover {
 	height: 42px;
 }

 .menu {
 	width: 70%;
 	display: flex;
 	justify-content: flex-start;
 	flex-wrap: wrap;
 }

 .container-logo {
 	width: 7%;
 }

 .container-usuario {
 	width: 22%;
 	display: flex;
 	justify-content: flex-end;
 	flex-wrap: wrap;

 }

 .item {
 	margin: 0 10px;
 	font-size: 16px;
 	font-weight: 600;
 	letter-spacing: 0.035em;
 }

 .item a {
 	text-decoration: none;
 	transition: all .3s;
 	font-family: Horatio;
 }

 .item a:hover {
 	color: #bdbfc1
 }

 .item a:focus {
 	background-color: #bdbfc1;
 	border-radius: 6px;
 	padding: 6px 10px;
 	color: white;
 }

 .cabecalho-notificacao {
 	height: 30px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }

 .card-notificacao {
 	display: flex;
 	justify-content: flex-start;
 	align-items: center;
 	padding: 15px 10px;
 	border-bottom: 1px solid rgba(0, 0, 0, .11);
 	cursor: pointer;
 	transition: all .3s;

 }

 .card-notificacao:hover {
 	background-color: #bdbfc1;
 	border-radius: 6px;
 }

 .notificacao-imagem {
 	width: 30px;
 	margin-right: 6px;
 }

 .titulo-notificacao {
 	font-size: 14px;
 	font-weight: 600;

 }

 .ler-notificacao {
 	font-size: 10px;
 	font-weight: 400;
 }

 .ler-notificacao:hover {
 	text-decoration: underline;
 	cursor: pointer;
 }

 .corpo-notificacao {
 	font-size: 12px;
 	font-weight: 400;
 	margin: 0;
 }

 .corpo-modal-duvidas {
 	width: 100%;
 	display: flex;
 	justify-content: center;

 }

 .titulo-introducao-ajuda {
 	margin-top: 50px;
 	margin-bottom: 50px;
 	text-align: center;
 	width: 80%;
 	font-size: 20px;
 }

 .titulo-introducao-novidade {
 	margin-top: 20px;
 	margin-bottom: 20px;
 	text-align: center;
 	width: 80%;
 	font-size: 18px;
 }

 .container-item-duvida {
 	margin: 0 auto;
 	width: 90%;
 	height: 500px;
 	display: flex;
 	justify-content: center;
 	align-items: flex-start;
 	flex-wrap: wrap;
 	margin-bottom: 50px;
 	display: none;
 }

 .duvida-ativo {
 	display: block;
 }

 .item-duvida {
 	width: 130px;
 	height: 150px;
 	padding: 20px;
 	cursor: pointer;
 	font-weight: bold;
 	font-size: 18px;
 	font-family: Horatio;
 	transition: all .6s;

 }

 .item-duvida:hover {
 	background-color: #64bcbb;
 	transform: rotateY(180deg);
 	transform-style: preserve-3d;
 }

 .card {

 	margin: 10px;
 	cursor: pointer;
 	font-weight: bold;
 	font-size: 18px;
 	font-family: Horatio;
 	position: relative;
 	width: 28%;
 	height: 150px;
 	max-width: 130px;
 	float: left;
 }

 .content {
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

 	transition: transform 1s;
 	transform-style: preserve-3d;
 }



 .card:hover .content {
 	transform: rotateY(180deg);
 	transition: transform 0.5s;
 }

 .front {
 	color: #64bcbb;
 }

 .front,
 .back {
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	background: white;
 	text-align: center;
 	font-size: 20px;
 	border-radius: 5px;
 	backface-visibility: hidden;
 }

 .back {
 	background: #64bcbb;
 	color: white;
 	transform: rotateY(180deg);
 }

 .video {
 	width: 100%;
 	height: 400px;
 }

 .texto-voltar-duvidas {
 	font-family: Horatio;
 	font-weight: bold;
 	width: 100px;
 	font-size: 18px;
 	margin-top: 20px;
 	letter-spacing: 1px;
 	cursor: pointer;
 	transition: all .6s;
 	border-bottom: 1px solid white;
 }

 .texto-voltar-duvidas:hover {
 	border-bottom: 1px solid black !important;
 }

 @media print {

 	button {
 		display: none !important;
 	}

 	input,
 	select,
 	textarea {
 		border: none !important;
 		background-color: red;
 		padding-left: 0px !important;
 		font-size: 12px !important;
 		resize: none !important;
 	}

 	select {
 		-webkit-appearance: none !important;
 		-moz-appearance: none !important;
 		text-indent: 1px !important;
 		text-overflow: '' !important;
 	}

 	select::-ms-expand {
 		display: none !important;
 	}

 	.container-botoes-footer {
 		display: none !important;
 	}

 	.form-group {
 		margin-bottom: 2px;
 	}

 	label {
 		margin-top: 0 !important;
 		font-size: 12px !important;
 	}

 	.page-header {
 		width: 100% !important;
 	}

 	.row {
 		display: flex !important;
 		width: 100%;
 		flex-wrap: wrap;
 		margin: 0 !important;
 	}


 	.col-lg-1,
 	.col-md-1 {
 		width: 8% !important;
 	}

 	.col-lg-2,
 	.col-md-2 {
 		width: 16% !important;
 	}

 	.col-lg-3,
 	.col-md-3 {
 		width: 24% !important;
 	}

 	.col-lg-4,
 	.col-md-4 {
 		width: 32% !important;
 	}

 	.col-lg-5,
 	.col-md-5 {
 		width: 40% !important;
 	}

 	.col-lg-6,
 	.col-md-6 {
 		width: 48% !important;
 	}

 	.col-lg-7,
 	.col-md-7 {
 		width: 56% !important;
 	}

 	.col-lg-8,
 	.col-md-8 {
 		width: 64% !important;
 	}

 	.col-lg-9,
 	.col-md-9 {
 		width: 72% !important;
 	}

 	.col-lg-10,
 	.col-md-10 {
 		width: 80% !important;
 	}

 	.col-lg-11,
 	.col-md-11 {
 		width: 88% !important;
 	}

 	.col-lg-12,
 	.col-md-12 {
 		width: 96% !important;
 	}

 	.col-md-offset-2 {
 		margin-left: 0 !important;
 	}

 	.main {
 		width: 100% !important;
 		padding: 0 !important;
 		padding-top: 20px !important;
 	}

 	.conteudo-ficha {
 		width: 100% !important;

 	}

 	.header {
 		display: none;
 	}

 	.copy-header-print {
 		height: 3em;
 		display: flex;
 		width: 100%;
 		justify-content: space-around;
 		padding: .6em;
 		padding-top: 1.6em;
 	}

 	.p-copy-header-print {
 		width: 48%;
 		font-family: Horatio;
 		font-size: .8em;

 	}

 	.header-print {
 		display: flex;
 		width: 100%;
 		height: 3cm;
 	}

 	.logo-print {
 		text-align: left;
 		height: 3cm;
 		width: 20%;
 		margin-left: 3em;
 	}

 	.titulo-print {
 		text-align: center;
 		height: 3cm;
 		width: 60%;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		flex-wrap: wrap;
 	}

 	.p-titulo-print {
 		font-family: Horatio;
 		font-weight: bold;
 		font-size: 1.7em;
 	}

 	.p-endereco-print {
 		width: 100%;
 		font-family: Horatio;
 		font-size: 1.2em;
 	}

 	.usuario-print {
 		text-align: right;
 		height: 3cm;
 		width: 20%;
 		display: flex;
 		align-items: center;
 		justify-content: flex-end;
 		flex-wrap: wrap;
 		margin-right: 3em;
 	}

 	.container-usuario-print {
 		display: block
 	}

 	.p-usuario-print {
 		width: 100%;
 		font-family: Horatio;
 		font-size: 1em;
 		line-height: 1em;
 	}

 	.logo-imagem-print {
 		height: 3cm;
 		width: 3cm;
 		object-fit: contain;
 	}

 	html,
 	body,
 	.container-fluid {
 		padding-top: 0;
 		width: 100%;
 		font-size: 12px !important;
 	}

 	.rodape-print {
 		display: block;
 		height: 1cm;
 		width: 100%;
 		text-align: center;
 	}

 	.p-rodape-print {
 		font-size: .7em;
 		font-familY: Horatio;
 		font-weight: bold;
 		color: #a3a3a3 !important;
 		-webkit-print-color-adjust: exact;
 	}

 	.container-macro-fluxo {
 		padding: 0 !important;
 	}

 	.no-print {
 		display: none !important;
 	}

 	.corpo-lista {
 		font-size: 10px !important
 	}

 	.cabecalho-lista {
 		font-size: 12px !important
 	}

 	a {
 		display: none !important;
 	}

 	.fixed-table-container {
 		border: 0 !important;

 	}

 	.bootstrap-table .table {
 		border: 0 !important;

 	}

 	table td,
 	table th {
 		border: none !important;
 	}

 	table>thead>tr>th {
 		border: none !important;
 	}

 	table>tbody>tr>td,
 	table>tbody>tr>th,
 	table>tfoot>tr>td,
 	table>tfoot>tr>th,
 	table>thead>tr>td,
 	table>thead>tr>th {
 		border: none !important;
 	}

 	.pagination-wrapper {
 		display: none !important;
 	}

 	jdiv {
 		display: none !important;
 	}

 	@page {
 		-webkit-print-color-adjust: exact;
 		font-family: Horatio;
 		font-size: 0.6em;
 		counter-increment: page;
 		size: A4;
 		/* auto is the initial value */
 		/*size: 276mm 190mm !important;
	    /* this affects the margin in the printer settings */
 		margin-top: 15mm;
 		margin-bottom: 15mm;

 	}

 	@page: first {

 		margin-top: 0mm;


 	}
 }


 .container-mensageria {
 	height: 50px;
 	width: 100%;
 	background-color: rgba(100, 188, 187, .7);
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	-webkit-box-shadow: 0 0 40px 0 rgba(82, 63, 105, .1);
 	box-shadow: 0 0 40px 0 rgba(82, 63, 105, .1);
 	border-bottom: 1px solid #c3c3c3;
 	opacity: 0;
 	transition: all .3s;
 }

 .mensageria-alerta {
 	background-color: rgba(188, 185, 100, .7)
 }

 .mensageria-erro {
 	background-color: rgba(188, 110, 100, .7)
 }

 .container-mensageria p {
 	margin: 0;
 	font-family: Horatio;
 	font-size: 18px;
 }

 .mostrar-mensageria {
 	opacity: 1;
 }

 /* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
 [ng\:cloak],
 [ng-cloak],
 .ng-cloak {
 	display: none !important;
 }

 .container-pesquisa-macro {
 	background-color: rgba(100, 188, 187, .8);
 	display: none;
 	justify-content: center;
 	align-items: flex-start;
 	padding: 60px;
 	width: 100%;
 	height: 100%;
 	z-index: 999999999;
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 }

 .container-pesquisa {
 	width: 60%;
 }

 .input-pesquisa {
 	border-radius: 4px;
 	height: 50px;
 	width: 100%;
 	border: 0;
 	padding-left: 12px;
 	font-size: 24px;
 }

 .card-idoso {
 	min-height: 100px;
 	background-color: white;
 	width: 100%;
 	margin-top: 16px;
 	border-radius: 4px;
 	display: flex;
 	justify-content: space-around;
 	align-items: center;
 }

 .container-imagem-pesquisa {
 	width: 25%;
 	height: 200px;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .imagem-card-idoso {
 	height: 150px;
 	width: 150px;
 	border-radius: 50%;
 	object-fit: cover;
 }

 .container-descricao-pesquisa {
 	width: 70%;
 }

 .nome-idoso-pesquisa {
 	font-size: 18px;
 	font-weight: bold;
 	font-family: Horatio;
 }

 .texto-basico-pesquisa {
 	font-size: 16px;
 	font-family: Horatio;
 }

 .pesquisa-ativa {
 	display: flex;
 }

 .container-pesquisa-resultado {
 	overflow-y: auto;
 	height: 450px;
 	max-height: 50%;
 }

 .modal-bloqueio-header {
 	background-color: #e74c3c;
 	padding: 15px;
 	border-bottom: 0px;
 	display: flex;
 	justify-content: center;
 	border-radius: 4px;
 }

 .hover-link:hover {
 	background-color: #bdbfc1;
 	border-radius: 6px;
 	text-decoration: underline;
 	cursor: pointer;
 }


 .menu-hamburguer {
 	display: none;
 	cursor: pointer;
 	flex-direction: column;
 	gap: 5px;
 }

 .menu-hamburguer div {
 	width: 25px;
 	height: 3px;
 	background-color: #41c6b4;
 	border-radius: 2px;
 }

 .container-usuario {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: flex-end;
 	gap: 10px;
 }

 .menu-sanduiche-dropdown {
 	display: none;
 	flex-direction: column;
 	background-color: #333;
 	position: absolute;
 	top: 50px;
 	right: 0;
 	width: 200px;
 }

 .menu-sanduiche-dropdown a {
 	padding: 10px;
 	color: white;
 	text-decoration: none;
 	display: block;
 }

 .menu-sanduiche-dropdown a:hover {
 	background-color: #575757;
 }

 .menu-sanduiche .icon {
 	display: none;
 	font-size: 24px;
 	padding: 10px;
 	cursor: pointer;
 	color: black;
 }

 .container-usuario-drop {
 	display: none;
 }

 .justCell {
 	display: none;
 }

 @media (max-width: 900px) {

 	.header {
 		height: 85px;
 		margin-bottom: 3vh;
 	}

 	.justCell {
 		display: block;
 	}

 	.container-usuario-drop {
 		display: flex;
 	}

 	.container-usuario {
 		display: none;
 	}

 	.menu-sanduiche .icon {
 		display: block;
 	}

 	.header {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 	}


 	.menu {
 		display: none;
 		flex-direction: column;
 		background-color: #ffffff;
 		width: 100%;
 		position: absolute;
 		top: 60px;
 		left: 0;
 		padding: 10px 0;
 		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
 	}

 	.menu-hamburguer {
 		display: flex;
 	}

 	.menu.show {
 		display: flex;
 	}

 	.item {
 		padding: 15px;
 		text-align: center;
 		width: 100%;
 	}

 	.dropdown-menu {
 		position: relative;
 		float: none;
 		max-height: 10vh;
 		margin-bottom: 4vh;
 		overflow-y: scroll;
 	}

 	.dropdown-menu li {
 		padding-top: 2vh;
 		padding-bottom: 2vh;
 	}

 	ul.dropdown-menu {
 		position: absolute;
 		right: 0;
 		background-color: #fff;
 		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
 		width: auto;
 	}

 	.dropdown-menu {
 		position: relative !important;
 		min-height: 50vh !important;
 		overflow-y: scroll;
 	}

 	.card-notificacao {
 		display: flex;
 		align-items: center;
 		padding: 10px;
 		cursor: pointer;
 	}

 	.card-notificacao .notificacao-imagem {
 		margin-right: 10px;
 	}

 	.titulo-notificacao {
 		font-size: 14px;
 		font-weight: bold;
 	}


 	.menu-sanduiche.show .menu-sanduiche-dropdown {
 		display: flex;
 	}

 	.FlexSection {
 		display: flex;
 		justify-content: space-around;
 		padding-top: 1vh;
 		padding-bottom: 2vh;
 		gap: 20dvw;
 	}
 }

 @media (min-width: 900px) {
 	.menu {
 		display: flex !important;
 	}
 }

 @media screen and (max-width: 900px) {
 	.menu {
		width: 100vw !important;
		overflow-y: scroll !important;
 	}
	.dropdown-menu{
		position: absolute !important;
		box-sizing: content-box !important;
		top: -10vh !important;
		min-height: 50vh !important;
	
	}
 }