/*************************************************************************************
Definições Fundamentais
*************************************************************************************/

html,
body {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
	scroll-behavior: smooth;
}

body {
	min-height: 100%;
	font-size: 15px;
}

div,
span,
nav,
header,
footer,
button,
a {
	box-sizing: border-box;
}

/*************************************************************************************
Estrutura do Grid
*************************************************************************************/

/*Propriedades gerais dos Wrappers*/
.Flex,
.card,
.lineWrapper {
	_overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

.sessao {
	padding-top: 60px;
	min-width: 100%;
}

.sessao:first-of-type {
	padding-top: 40px;
}

.noWrap {
	flex-wrap: nowrap;
	white-space: nowrap;
}

/*Wrapper principal. Engloba o cabeçalho, menus e conteúdo*/
.mainWrapper {
	opacity: 0;
	z-index: 0;
}

/*cabeçalho da Página*/
.cabecalhoDaPagina {
	flex: 1 0 auto;
	flex-wrap: nowrap;
	position: fixed;
	width: 100%;
	min-width: 100%;
	z-index: 10;
}

#logo {
	color: #fff;
	font-family: 'Lilita One';
	margin-top: 2px;
}

#logo_cabecalho {
	width: 20px;
	height: 20px;
	fill: white;
}

.cabecalhoDaPagina .logo {
	display: flex;
	justify-content: center;
	min-width: 48px;
	height: 100%;
}

.cabecalhoDaPagina .logo span {
	font-family: 'Lilita One';
	font-size: 1.5rem;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.cabecalhoDaPagina .cabecalhoInfo {
	flex-wrap: nowrap;
	display: flex;
	flex: 0 1 100%;
	padding-right: 10px;
}

.breadCrumb {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	font-family: 'Roboto';

}

.breadCrumb .seta {
	margin: 0;
	font-size: 1rem;
}

.breadCrumb a {
	display: flex;
	align-items: center;
	padding: 6px 10px;
	text-decoration: none;
	transition: 0.3s;
}

.breadCrumb a:first-of-type {
	text-decoration: none;
}

.breadCrumb a:hover {
	background: rgba(0, 0, 0, 0.2);
}

.breadCrumb>.aqui {
	border-radius: 3px;
	padding: 6px 10px;
	cursor: default;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}


.cabecalhoInfo .userInfo {
	display: flex;
	align-items: center;
	font-size: 0.8rem;
	background: #607D8B;
	padding: 0;
	cursor: pointer;
	_border-radius: 4px;
	_overflow: hidden;
	_box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
	height: 26px;
	position: relative;
}

.usuario_nome {
	margin: 0 5px;
	color: #fff;
}

.cabecalhoInfo img {
	height: 100%;
	border-radius: 0px;
	margin: 0;
}

#userInfo_menu {
	display: none;
	position: absolute;
	top: 0;
	padding: 10px;
	right: 0px;
	margin-top: 38px;
	width: 165px;
	border-radius: 4px;
	box-shadow: -3px 3px 8px -3px rgba(0, 0, 0, 0.3);
	flex-wrap: wrap;
	_border-top: 5px solid #607D8B;
	z-index: 1000;
}

#userInfo_menu:after {
	content: '';
	position: absolute;
	bottom: calc(100% + 0px);
	right: 20px;
	margin-left: -50px;
	width: 0;
	height: 0;
	border-bottom: solid 6px #444f5a;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
}

.userInfo_menu--linha {
	flex: 1 0 100%;
	display: flex;
	padding: 10px;
	font-size: .9rem;
	align-items: center;
}

.userInfo_menu--linha .mdi {
	font-size: 20px;
}

.userInfo_menu--linha:hover {
	color: yellow;
}

/*menu lateral*/
.menuLateral {
	overflow: hidden;
}

.menuLateral_item {
	flex-wrap: nowrap;
	flex: 1 0 100%;
}

/*conteúdo*/
.contentWrapper {
	justify-content: flex-start;
	/*alinhamento pela esquerda*/
	flex-shrink: 1;
	flex-grow: 1;
	flex-basis: calc(100% - 68px);
	/*Desconta a largura do menu e margin do Menu*/
	background: #444f5a;
}

.innerContent {
	flex: 0 1 1260px;
	/*Largura padrão de cada linha do grid, dentro do contentWrapper*/
	min-width: 600px;
	background-color: hsla(0, 0%, 97%, 1);
	border-radius: 20px 20px 0 0;
	padding: 20px;
}

.lineWrapper {
	flex-wrap: wrap;
	flex: 0 1 100%;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;
}

.card {
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
	align-items: flex-start;
	flex: 1 1 0%;
	_font-size: 0.8rem;
	cursor: default;
	position: relative;
}

.card.inline {
	display: inline-flex;
}

span.sombra {
	box-shadow: 0 3px 6px 0 rgba(14, 30, 62, 0.08);
}

.card.overflow-hidden,
.card.hide-overflow {
	overflow: hidden;
}

.pill {
	border-radius: 9999px;
}

[class~="100%"] {
	flex: 0 1 100%;
}

[class~="80%"] {
	flex: 0 1 80%;
}

[class~="75%"] {
	flex: 0 1 75%;
}

[class~="66%"] {
	flex: 0 1 66.6%;
}

[class~="60%"] {
	flex: 0 1 60%;
}

[class~="50%"] {
	flex: 0 1 50%;
}

[class~="40%"] {
	flex: 0 1 40%;
}

[class~="33%"] {
	flex: 0 1 33.3%;
}

[class~="25%"] {
	flex: 0 1 25%;
}

[class~="20%"] {
	flex: 0 1 20%;
}

[class~="15%"] {
	flex: 0 1 15%;
}

[class~="10%"] {
	flex: 0 1 10%;
}

.noStretch {
	flex-grow: 0;
	flex-basis: auto;
}

.shrink {
	flex-grow: 0;
	flex-shrink: 1;
}

.card.auto {
	flex: 1 1 auto;
}

#console {
	position: fixed;
	top: 0px;
	right: 0px;
	padding: 10px 20px 20px 20px;
	z-index: 100;
	width: 220px;
	height: 100%;
}


div.separador {
	width: 1px;
	height: 100%;
	display: inline-block;
}


/*************************************************************************************
Estilos
*************************************************************************************/

/*estilo da janela #modal_premium*/
.jquery-modal.blocker {
	z-index: 99;
}

#modal_premium {
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	padding: 0;
	overflow: hidden;
	max-width: 1600px;
	border-radius: 10px;
	max-height: 1200px;
}

#modal_premium a.close-modal[class*="icon-"],
.modal a.close-modal[class*="icon-"] {
	color: darkslategray;
	top: 5px;
	right: 6px;
	text-indent: 0;
	background: unset;
	position: absolute;
}

/*Fim do estilo da janela #modal_premium*/

/*estilo da janela #modal_pesquisa*/
.jquery-modal.blocker {
	z-index: 99;
}

#modal_pesquisa {
	width: calc(90% - 10px);
	height: calc(95% - 10px);
	padding: 0;
	overflow: hidden;
	max-width: 1600px;
	border-radius: 10px;
	max-height: 1200px;
	overflow: auto;
}

#modal_pesquisa a.close-modal[class*="icon-"],
.modal a.close-modal[class*="icon-"] {
	color: darkslategray;
	top: 5px;
	right: 6px;
	text-indent: 0;
	background: unset;
	position: absolute;
}

/*Fim do estilo da janela #modal_pesquisa*/

/*Material icons*/
.material-icons.md-18 {
	font-size: 18px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-48 {
	font-size: 48px;
}

/*mdi*/
.mdi-20px {
	font-size: 20px;
}

.mdi-22px {
	font-size: 22px;
}

.mdi-24px {
	font-size: 24px;
}

.mdi-28px {
	font-size: 28px;
}

.mdi-72px {
	font-size: 72px;
}

/*tooltip*/

/* Add this attribute to the element that needs a tooltip */
[tooltip] {
	position: relative;
	z-index: 2;
	cursor: default;
}

/* Hide the tooltip content by default */
[tooltip]:before,
[tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[tooltip]:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-bottom: 2px;
	margin-left: -80px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #333;
	color: #fff;
	content: attr(tooltip);
	text-align: center;
	font-family: 'Lora';
	font-style: italic;
	font-size: 0.8rem;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[tooltip]:after {
	position: absolute;
	bottom: calc(100% - 2px);
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #333;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

[tooltip]:after,
[tooltip]:before {
	transition: 0.15s ease-in-out;
}

/* Show tooltip content on hover */
[tooltip]:hover:before {
	margin-bottom: 5px
}

[tooltip]:hover:after {
	bottom: calc(100% - 0px)
}

[tooltip]:hover:before,
[tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1 !important;
}

/*loader (circulo giratório)*/
.loader {
	position: relative;
	margin: 0px auto;
	width: 100px;
}

.loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.circular {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}

	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

@-webkit-keyframes color {

	100%,
	0% {
		stroke: #d62d20;
	}

	40% {
		stroke: #0057e7;
	}

	66% {
		stroke: #008744;
	}

	80%,
	90% {
		stroke: #ffa700;
	}
}

@keyframes color {

	100%,
	0% {
		stroke: #d62d20;
	}

	40% {
		stroke: #0057e7;
	}

	66% {
		stroke: #008744;
	}

	80%,
	90% {
		stroke: #ffa700;
	}
}

/*vejaMais*/

.vejaMais__botao--abre {
	display: flex;
	align-items: center;
	cursor: pointer;
	bottom: -2px;
	right: 3px;
	position: absolute;
	/*
			background: rgba(0,0,0,0.1);
			padding: 3px;
			border-radius: 16px;
			*/
}


/*spinner: Adicione a classe spinner a um elemento para exibir um spinner enquanto aguarda o conteúdo ser carregado*/
@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

.spinner:after {
	content: '';
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #f0f0f0;
	border-top-color: #c13b22;
	margin: 30px;
	animation: spinner .6s linear infinite;
}

/*botões*/

.button {
	padding: 9px 15px;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #00000044;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: -1px 2px 3px 0 rgba(14, 30, 62, 0.08);
	/*min-width: 160px;*/
	text-align: center;
	display: flex;
	justify-items: center;
	font-weight: 300;
	align-items: center;
	border-radius: 5px;
	text-transform: UPPERCASE;
	cursor: pointer;
}

.button2 {
	padding: 3px 9px 3px 6px;
	border-bottom: 1px solid #0002;
	border-top: 1px solid #fff5;
	box-shadow: -1px 2px 3px 0 rgba(14, 30, 62, 0.08);
	text-align: center;
	justify-items: center;
	font-weight: 400;
	border-radius: 3px;
}

.button3 {
	padding: 3px 9px 3px 6px;
	border: 1px solid;
	box-shadow: -1px 2px 3px 0 rgba(14, 30, 62, 0.08);
	text-align: center;
	justify-items: center;
	font-weight: 400;
	border-radius: 3px;
}

.button:hover,
.button2:hover {
	position: relative;
	top: -1px;
}

.button:active,
.button2:active {
	position: relative;
	top: 1px;
}

.button:disabled {
	cursor: not-allowed;
	color: rgba(0, 0, 0, 0.2);
}

.button i {
	margin-right: 5px;
}

.button.mini,
.button2.mini,
.button3.mini {
	text-transform: unset;
	font-size: 0.7rem;
	padding: 2px 6px;
}

.button.pequeno,
.button2.pequeno,
.button3.pequeno {
	font-size: 0.8rem;
	padding: 5px 10px;
}


.button[type="reset"] {
	background-color: white;
	height: 36px;
	padding: 0 20px;
}

.button div {
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.button.pequeno div {
	padding: 0 10px;
}

.button3.mini.clicado {
	font-weight: 600;
	border-bottom: 3px solid;
	padding-bottom: 0;
	padding-top: 2px;
	box-shadow: none;
}

/*formularios*/

.formLine {
	display: flex;
	align-items: center;
	flex: 1 0 100%;
	justify-content: flex-start;
	margin-bottom: 10px;
	min-height: 40px;
	border: 0px solid blue;
}

.formLabel {
	min-width: 100px;
	font-size: 1rem;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
}

.formLabelHelper {
	color: rgba(0, 0, 0, 0.45);
	font-size: 1rem;
	font-style: italic;
}

.formField {
	display: flex;
	align-content: center;
	padding: 0 10px;
}

input,
select {
	box-sizing: border-box;
	background: White;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.3);
	padding: 5px;
	color: #878787;
}

.checkbox,
.radio {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.checkbox:hover+label:before,
.radio:hover+label:before {
	background: rgba(0, 0, 0, 0.15);
}

.checkbox:active+label:before,
.radio:active+label:before {
	transition-duration: 0s;
}


.checkbox+label,
.radio+label {
	position: relative;
	padding-left: 20px;
	margin-right: 20px;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
	text-transform: none;
}

.checkbox+label:before,
.radio+label:before {
	box-sizing: content-box;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	background: White;
	width: 14px;
	height: 14px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.3);
	margin-top: -8px;
	text-align: center;
	transition: all 0.4s ease;
}

.checkbox+label:after,
.radio+label:after {
	box-sizing: content-box;
	content: '';
	background-color: rgba(255, 255, 255, 1);
	position: absolute;
	top: 50%;
	left: 5px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	transform: scale(0);
	transform-origin: 50%;
	transition: transform 200ms ease-out;
}

.checkbox:disabled+label,
.radio:disabled+label {
	opacity: 0.4;
	cursor: not-allowed;
}



.checkbox+label:after {
	background-color: transparent;
	top: 50%;
	left: 3px;
	width: 7px;
	height: 3px;
	margin-top: -4px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 0 0 3px 3px;
	border-image: none;
	transform: rotate(-45deg) scale(0);
}

.checkbox:checked+label:after {
	content: '';
	transform: rotate(-45deg) scale(1);
	transition: transform 200ms ease-out;
}


.radio:checked+label:before {
	animation: borderscale 300ms ease-in;
	background-color: rgb(85, 85, 85);
}


.radio:checked+label:after {
	transform: scale(1);
}


.radio+label:before,
.radio+label:after {
	border-radius: 50%;
}

.checkbox:checked+label:before {
	animation: borderscale 200ms ease-in;
	background: rgb(85, 85, 85);
}

.checkbox:checked+label:after {
	transform: rotate(-45deg) scale(1);
}


@keyframes borderscale {
	50% {
		box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
	}
}

/*Tabelas*/
table {
	border-collapse: collapse;
	background: transparent;
	border-spacing: 0 0;
	width: 100%;
	text-align: left;
	cursor: default;
}

table td,
table th {
	border-bottom: 1px solid rgba(225, 225, 225, 0.4);
	_font-size: 0.8rem;
}

td.min,
th.min {
	width: 1%;
	white-space: nowrap;
}

table.zebra td,
table.zebra th {
	border: 0;
}

tr:last-of-type td,
tr:last-of-type th {
	border-bottom: 0;
}

table.tFixed {
	table-layout: fixed;
}

th {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	border-bottom: 0px solid #bbb;
	padding: 10px;
	width: auto;
}

table.zebra tbody tr {
	background: rgba(255, 255, 255, 0.04);
}

table.zebra tbody tr:nth-child(2n) {
	background-color: hsla(124, 6%, 97%, 0.7);
}

table.hover tr:hover td,
table.hover tr:hover th {
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.03);
}

tbody td {
	font-family: 'roboto', monospace;
	font-style: normal;
	border-left: 0px solid rgba(255, 82, 82, .1);
	padding: 10px;
	width: auto;
	font-weight: 300;
}

tfoot td {
	font-family: monospace;
	padding: 10px;
}

/*Menu Lateral*/

.menuLateral {
	position: fixed;
	transition-duration: .2s;
	margin-top: 40px;
	height: calc(100% - 40px);
	z-index: 9;
	min-width: 48px;
	max-width: 48px;
	display: flex;
	flex-wrap: wrap;
	background: #f7f7f7;
	align-content: flex-start;
	overflow: hidden;
	padding-top: 10px;
}

.menuLateral:hover {
	min-width: 250px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
	background: #fff;
}

.menuLateral hr {
	margin: 10px;
}

.menuLateral_item {
	align-items: center;
	font-style: normal;
	color: rgb(68, 79, 90);
	text-decoration: none;
	border-radius: 5px;
	transition: 0.2s;
	min-height: 40px;
	min-width: 230px;
	flex-wrap: nowrap;
}

.menuLateral_item .mdi {
	margin: 10px 14px;
}

.menuLateral_item:not(.aqui) {
	cursor: pointer;
}

.menuLateral_item.tCor1 {
	font-style: normal;
}

.menuLateral_item .material-icons {
	margin: 0;
}

.navItem__title {
	font-size: 0.8rem;
}

/*Estilos gerais*/

.lilita,
.Lilita {
	font-family: 'Lilita One';
}

.montserrat,
.Montserrat {
	font-family: 'Montserrat';
}

.drawBorder {
	border: 1px solid;
}

*.f08 {
	font-size: 0.8rem;
}

*.f12 {
	font-size: 1.2rem;
}

*.f09 {
	font-size: 0.9rem;
}

.f25 {
	font-size: 2.5rem;
}

.fii_emoji {
	font-size: 2.5rem;
}

* {
	font-family: 'Roboto';
	/*font-size: 1rem;*/
}

a {
	text-decoration: none;
	color: inherit;
}

a.u,
.u {
	text-decoration: underline;
}

.dashed {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.borderLeft {
	border-radius: 0;
	border-left: 1px solid;
}

.borderBottom {
	border-radius: 0;
	border-Bottom: 1px solid;
}

.roundBorder {
	border-radius: 6px;
}

.lightsOff {
	position: fixed;
	z-index: -1000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	align-content: center;
	opacity: 0;
}

.lightsOff>span.sombra {
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
		0 6px 30px 5px rgba(0, 0, 0, 0.12),
		0 8px 10px -5px rgba(0, 0, 0, 0.4);
}

html,
body {
	padding: 0;
	margin: 0;
	color: rgb(72, 73, 92);
	font-weight: 300;
	/*background-color: #eaeaea;
			background: linear-gradient(to bottom, #DAD299 , #B0DAB9);
			background:linear-gradient(to bottom, hsla(53, 30%, 90%, 1) , hsla(133, 30%, 90%, 1));
			*/
	background-color: hsla(0, 0%, 97%, 1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Lato', sans-serif;
	flex: 1 1 0;
	color: inherit;
	display: block;
	padding: 0;
	font-weight: 800;
	white-space: normal;
	/*
			letter-spacing: -1px;
			*/
	margin: 0 0 10px 10px;
}

h1.border,
h2.border,
h3.border,
h4.border,
h5.border,
h6.border {
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

h1,
.th1 {
	font-size: 2.8rem;
}

h2,
.th2 {
	font-size: 2.4rem;
}

h3,
.th3 {
	font-size: 2rem;
}

h4,
.th4 {
	font-size: 1.6rem;
}

h5,
.th5 {
	font-size: 1.3rem;
	letter-spacing: -0.2px;
}

h6,
.th6 {
	font-size: 1.1rem;
	letter-spacing: 0px;
}

.t5rem {
	font-size: 5rem;
}

hr {
	width: 100%;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	opacity: 0.5;
	margin: 70px 10px 70px 10px;
}

ul {
	margin: 0;
	padding-left: 30px;
}

li {
	margin-bottom: 5px;
	text-align: left;
}

p {
	/*
			font-style: italic;
			*/
	line-height: 20px;
	text-align: left;
	margin: 0 0 10px 0;
}

p:last-of-type {
	_margin-bottom: 0;
}

.font-lora {
	font-family: 'Lora', serif;
	font-weight: 400;
}

.font-Merriweather {
	font-family: 'Merriweather', cursive;
	font-weight: 400;
}

p.indent1 {
	text-indent: 1rem;
}

.tBold,
strong {
	font-weight: 500;
}

.t500 {
	font-weight: 500;
}

.t600 {
	font-weight: 600;
}

.t700 {
	font-weight: 700;
}

.t800 {
	font-weight: 800;
}

em {
	font-weight: 400;
}

samp {
	font-family: monospace;

	line-height: 1.5;
}

.bgAzulClaro {
	background-color: #e1f5fe;
}

.bgClaro {
	background-color: rgba(255, 255, 255, 1);
}

.bgEscuro {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	background-color: rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.bgPreto {
	background-color: #0009;
	color: #fff;
}

.bgCor1 {
	background: LIGHTSLATEGRAY;
	color: rgba(255, 255, 255, 1);
}

.bgCor2 {
	background: #C13B22;
	color: rgba(255, 255, 255, 1);
}

.bgCor3 {
	background: #26a69a;
	color: rgba(255, 255, 255, 1);
}

.bgCor4 {
	background: dodgerblue;
	color: #FFF;
}

.bgGradiente1 {
	background-image: linear-gradient(to left bottom, #ff6347, #324146);
	color: #fff;
}

.bgCor1.claro,
.bgCor2.claro,
.bgCor3.claro,
.bgCor4.claro {
	color: unset;
}

.bgTomato {
	background: tomato;
	color: rgba(255, 255, 255, 1);
}

.bgVerde,
.bgCorVerde {
	background: limegreen;
	color: #fff;
}

.bgAmarelo {
	background: yellow;
}

.tSombra,
.tSombra1 {
	text-shadow: -3px 3px 8px #0003;
}

.tSombra2 {
	text-shadow: -2px 2px 4px #0008;
}

.tCorAmarelo,
.tAmarelo {
	color: yellow;
}

.tCorVermelho,
.tVermelho {
	color: red;
}

.tTomato,
.tCorTomato {
	color: tomato;
}

.tGold,
.tCorGold {
	color: gold;
}

.tCorVerde,
.tVerde {
	color: limegreen;
}

.tCorAzul,
.tAzul {
	color: blue;
}

.tCor1 {
	color: LIGHTSLATEGRAY;
}

.tBranco {
	color: rgba(255, 255, 255, 1);
}

.tPreto {
	color: #000;
}

.bordaBranco {
	border: 1px solid #fff;
}


.tCor2 {
	/*
			color: #C13B22;
			*/
	color: tomato;
}

.tCor3 {
	color: #26a69a;
}

.tCor4 {
	color: dodgerblue;
}

.tCorPreto {
	color: #000f;
}

.sutil {
	opacity: 0.28;
}

.sep_vertical {
	align-self: stretch;
	min-width: 1px;
	max-width: 1px;
	margin: 0 10px;
}

.desabilitado {
	cursor: not-allowed;
	opacity: 0.3;
}

.cabecalhoDaPagina {
	height: 40px;
	border-bottom: 0px solid rgba(255, 255, 255, 1);
}

.ssrapper {
	margin-left: 180px;
	padding: 0 40px 20px 0px;
	transition-duration: .5s;
}

.invisivel {
	_z-index: -999999;
	opacity: 0;
}

.escondido,
.ESCONDIDO,
*.show-on-mobile {
	display: none;
}

.noPadding {
	padding: 0;
}

.padding {
	padding: 10px;
}

.padding5 {
	padding: 5px;
}

.padding20 {
	padding: 20px;
}

.padding30 {
	padding: 30px;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingTop20,
.paddingTop {
	padding-top: 20px;
}

.paddingLeft {
	padding-left: 20px;
}

.paddingLeft10 {
	padding-left: 10px;
}

.noPaddingBottom {
	padding-bottom: 0;
}

.noPaddingTop {
	padding-top: 0;
}

.noPaddingLeft {
	padding-left: 0;
}

.noPaddingRight {
	padding-right: 0;
}

.paddingRight20 {
	padding-right: 20px;
}

.noMargin {
	margin: 0;
}

.margin10 {
	margin: 10px;
}

.margin20 {
	margin: 20px;
}

.noMarginTop {
	margin-top: 0;
}

.noMarginBottom {
	margin-bottom: 0;
}

.noMarginLeft {
	margin-left: 0;
}

.noMarginRight {
	margin-right: 0;
}

.marginTop5 {
	margin-top: 5px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20,
.marginTop {
	margin-top: 20px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginTop40 {
	margin-top: 40px;
}

.marginBottom,
.marginBottom20 {
	margin-bottom: 20px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom30 {
	margin-bottom: 30px;
}

.marginBottom60 {
	margin-bottom: 60px;
}

.marginLeft,
.marginLeft20 {
	margin-left: 20px;
}

.marginLeft10 {
	margin-left: 10px;
}

.marginLeft5 {
	margin-left: 5px;
}

.marginLeftAuto {
	margin-left: auto;
	margin-right: 0;
}

.marginRight,
.marginRight20 {
	margin-right: 20px;
}

.marginRight10 {
	margin-right: 10px;
}

.marginRight5 {
	margin-right: 5px;
}

.r {
	text-align: right;
}

.i {
	font-style: italic;
}

.tJustify {
	text-align: justify;
}

.selfStretch {
	align-self: stretch;
}

.vCenter {
	align-items: center;
	align-content: center;
}

.vStart {
	align-items: flex-start;
}

.vEnd {
	align-items: flex-end;
	align-content: flex-end;
}

.vStretch {
	align-items: stretch;
	align-content: stretch;
}

.vSpaceBetween {
	align-content: space-between;
}

.vSpaceAround {
	align-content: space-around;
}

.hCenter {
	align-items: center;
	justify-content: center;
}

.hEnd {
	justify-content: flex-end;
	text-align: end;
}

.hSpaceAround {
	justify-content: space-around;
}

.hSpaceBetween {
	justify-content: space-between;
}

.hSpaceEvenly {
	justify-content: space-evenly;
}

.tCenter {
	text-align: center;
}

.tRight {
	text-align: right;
}

.clicavel,
.clicavel * {
	cursor: pointer;
	-webkit-user-select: none;
	/* Safari */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE10+/Edge */
	user-select: none;
	/* Standard */
}

/*janela lateral*/

#janela_lateral {
	box-sizing: border-box;
	z-index: 1100;
	position: fixed;
	top: 0;
	margin: 0;
	right: 0;
	padding: 0;
	height: 100%;
	max-width: 100%;
	box-shadow: -20px 0px 30px -16px rgba(9, 9, 16, .4);
}

#janela_lateral--spinner {
	position: absolute;
	border-radius: 0;
	width: calc(100% - 0px);
	height: calc(100% - 0px);
	z-index: 100;
}

#janela_lateral--cabecalho {
	box-sizing: border-box;
	display: flex;
	height: 40px;
	border-radius: 0;
	background: rgb(68, 79, 90);
	color: #fff;
	box-shadow: 0px 0px 8px -3px #000;
}

#janela_lateral--corpo {
	box-sizing: border-box;
	display: flex;
	height: calc(100% - 40px);
	overflow-y: auto
}

#janela_lateral--corpo iframe {
	border: 0;
}


.scrollBar1::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.scrollBar1::-webkit-scrollbar-thumb {
	background: #FA7164;
	border-radius: 13px;
}

.scrollBar1::-webkit-scrollbar-thumb:hover {
	background: #F7786F;
}

.scrollBar1::-webkit-scrollbar-track {
	background: hsla(0, 0%, 97%, 1);
	border: 4px solid hsla(0, 0%, 97%, 1);
	box-shadow: inset 3px 3px 21px 0px #F5A6A6;
}

#janela_lateral--cortina {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	opacity: .7;
	background: #000;
	z-index: -1;
}

/*cartão de dica*/
.dica,
.card.dica {
	flex: 0 1 100%;
	border-radius: 6px;
	align-items: center;
	padding: 20px;
	_font-family: courier;
	font-size: 1.2rem;
	_font-weight: bold;
}

/*tippyjs*/
.tippy-box[data-theme~=light] {
	padding: 5px 10px;
	color: #26323d;
	box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
	background-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
	border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
	border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
	border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
	border-right-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
	background-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
	fill: #fff
}


/*************************************************************************************
Estilos para celulares
*************************************************************************************/


@media only screen and (max-width: 500px) {

	*.show-on-mobile {
		display: flex;
	}

	.hide-on-mobile {
		visibility: hidden;
		clear: both;
		display: none !important;
	}

	.cabecalhoDaPagina .logo {
		margin: 0;
	}

	#modal_premium {
		max-height: unset;
	}

	.jquery-modal.blocker {
		padding: 0;
	}
}