/*

.seletor {
    [fonte e propriedades de texto]
    [plano de fundo]
    [tamanho]
    [bordas]
    [espaçamentos]
    [posicionamento]
}

@keyframes
Global (reset, corpo da pagina, estilo padrão para ancoras, parágrafos, listas, etc.)
Página de Login
Cabeçalho da página
Estrutura da página
Rodapé
Estilos de títulos
Estilos de texto
Navegação
Formulários
Extras ou Miscelâneas


*/

/* Keyframes */
	@keyframes carregando {
		0% {
			animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297);
	   		transform: rotate(0);
	   	}
	   	100% {
	   		transform: rotate(360deg);
	   	}
	}

/* Global */

	*, *::before, *::after {
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    font-family: "Ubuntu", "Helvetica", "Arial", sans-serif; 
	}

	html {
		font-size: 14px;
	    font-weight: normal;
	    line-height: 1.5;
	}

	body {
		background-color: #FFFFFF;
	    margin: 0;
	    padding: 0;
	}

	@media screen and (max-width: 768px) {
	   	body.scrollMobileDisable {
	   		height: 100%;
	   		max-height: 100vh;
			overflow: hidden;
		}
	}

	a {
		color: #000000;
		text-decoration: none;
	}

	h3 {
		color: #3D464C;
		/*color: #637282;*/
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: -0.5px;
		margin: 1rem 0;
		padding-left: 0.5rem;
	}

	h4 {
		color: #3D464C;
		display: block;
		font-size: 1.2rem;
		font-weight: bold;
		letter-spacing: -0.5px;
		margin: 1rem 0;
		padding-left: 0;
	}

	h5 {
		color: #637282;
		display: block;
		font-size: 1.1rem;
		font-weight: bold;
		letter-spacing: -0.5px;
		margin: 0 0 1rem 0;
		padding-left: 0;
	}

	input {
		outline: none;
	}

	@media screen and (max-width: 768px) {
		.nomobile {
			display: none;
		}
	}

	.clearfix::before, .clearfix::after {
	    content: " ";
	    display: table;
	}
	.clearfix::after {
	    clear: both;
	}

	.clicavel {
		cursor: pointer;
	}

/* Div de carregamento de página */
	div#carregamento {
		background: rgba(255, 255, 255, 0.7);
		display: block;
		font-size: 36px;
		height: 100vh;
		left: 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 9;
	}

	@media screen and (max-width: 768px) {
		div#carregamento {
			font-size: 24px;
		}
	}

	div#carregamento-icone {
		animation: carregando 1s infinite linear;
		background-color: #FFFFFF;	
		border-radius: 50%;
	    color: #00A7F0;
	    display: block;
	    left: 50%;
	    height: 1em;
	    margin: -0.8em 0 0 -0.8em;
	    padding: 0.8em;
	    position: relative;
	    top: 50%;
	    width: 1em;
	}

	@media screen and (max-width: 768px) {
		div#carregamento-icone {
			top: 45px;
		}
	}

	div#carregamento-icone::after {
		backface-visibility: hidden;
		border: .5em solid currentColor;
    	border-left-color: transparent;
		border-radius: 50%;
		content: " ";
	    display: block;
	    height: 2em;	    
	    transform-origin: -1em -1em;
	    transform: translateZ(0) scale(0.5);
	    width: 2em;    
	}

/* Janela expansível */
	div#expandir {	
		background-color: #FFFFFF;
		color: #000000;
		height: 100%;		
		overflow: hidden;
		right: 0;
		position: fixed;
		top: 0;
		z-index: 7;
	}

	@media screen and (min-width: 769px) {
		div#expandir {
			box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
		}
	}

	div#expandir .expandir-botao-fechar {
		background-color: transparent;
		position: absolute;
		right: 0;
		top: 0;
	}

	div#expandir .expandir-botao-fechar a {
	    display: block;
	    height: 45px;				    
	    padding: 15px;
	    outline: none;
	    width: 45px;
	}

	@media screen and (min-width: 769px) {
		div#expandir .expandir-botao-fechar a:focus {
			background-color: #E4F7FF;
		}

		div#expandir .expandir-botao-fechar a:focus svg {
			fill: #3483FA;
		}
	}

	div#expandir .expandir-botao-fechar a svg {
		fill: #999999;
	}	

	div#expandir-conteudo {
		display: block;
		height: 100%;
		max-height: 100vh;
		overflow-y: scroll;
		white-space: nowrap;
		width: 0;
		transition: all 0.3s;
		-webkit-overflow-scrolling: touch;
	}

	@media screen and (min-width: 769px) {
		div#expandir-conteudo {			
			margin-right: -20px;
		}

		div#expandir-conteudo {
			border-left: 1px solid #DDDDDD;
		}
	}

	div#expandir-conteudo.expandirsubir {
		padding: 20px 20px 70px 20px;
		width: 450px;
		transition: all 0.3s;
	}

	@media screen and (max-width: 768px) {
		div#expandir-conteudo.expandirsubir {
			width: calc(100vw);
		}
	}

	div#expandir-conteudo h2 {
		color: #000000;
		display: inline-block;
		font-size: 1.4rem;
		font-weight: bold;
		letter-spacing: 0.1px;
		line-height: 1.4rem;
		margin: 0 0 30px 0;
		padding-right: 50px;
		text-align: left;
		white-space: normal;
	}

/* Formulários de inclusão e alterção */
	
	form {
		margin: 0;
		padding: 0;
	}

	form div.caixa-input {
		display: block;
	}

	/*@media screen and (max-width: 768px) {
		form div.caixa-input + div.caixa-input {
			margin-top: 2rem;
		}
	}*/

	form div.caixa-input-titulo {		
		display: inline-block;
		margin: 0 2rem 2rem 0;
		max-width: 100%;
		position: relative;
	}

	form div.caixa-input-titulo:first-of-type {
		margin-top: 0;
	}

	form div.caixa-checkbox-titulo {
		align-items: center;
		display: flex;
		margin: 0;
		max-width: 100%;
		position: relative;
	}

	form div.caixa-checkbox-titulo + div.caixa-checkbox-titulo {
		margin-top: 0.5rem;
	}

	form div.caixa-input-titulo:only-child {
		margin-right: 0;
	}

	form + div.caixa-botoes {
		margin-top: 40px;
	}

	div.caixa-botoes {
		display: flex;	
	}

	@media screen and (max-width: 768px) {
		div.caixa-botoes {			
			justify-content: space-between;
			overflow-y: auto;
		}
	}

	a.botao-b1 {
		background-color: #3483FA;
	    border-radius: 4px;
	    color: #FFFFFF;
	    cursor: pointer;
	    display: inline-block;
	    padding: 7px 14px;
	    transition: all 0.2s;
	}

	a.botao-b1:hover,
	a.botao-b1:focus {
		background-color: #2968C8;
		box-shadow: 0 0 0 0.1875em rgb(30 109 255 / 30%);
		transition: all 0.2s;
	}

	a.botao-b1:active {
		border-color: #BEBEBE;
		border-top-color: #A1A1A1;
    	border-left-color: #7D7D7D;	
	}

	a.botao-b1 + a.botao-b1 {
		margin-left: 0.5rem;
	}

	a.botao-b3 {
		align-items: center;
		background-color: #F1F1F1;
		border: 1px solid #BEBEBE;
	    border-radius: 4px;
	    color: #596B8C;
	    cursor: pointer;
	    display: inline-flex;
		flex-direction: row;
		font-size: 0.9rem;
	    justify-content: space-evenly;
	    line-height: 1.2rem;
	    padding: 10px;
	    transition: all 0.2s;
	}

	a.botao-b3:hover,
	a.botao-b3:focus {
		color: #0070E0;
	}

	a.botao-b3:hover svg,
	a.botao-b3:focus svg {
		fill: #0070E0;
	}

	a.botao-b3:active {
		border-color: #BEBEBE;
		border-top-color: #A1A1A1;
    	border-left-color: #7D7D7D;	
	}

	a.botao-b3 + a.botao-b3 {
		margin-left: 0.5rem;
	}

	a.botao-b3 svg {
		display: flex;
		fill: #596B8C;
		height: auto;
		margin-right: 0.5rem;
		width: 16px;
	}

	a.botao-b3 span {
		align-items: center;
		display: flex;
		text-align: center;
	}

	form input[type="text"],
	form input[type="date"] {
		background-color: #FFFFFF;
		border: 0;
		border-bottom: 1px solid #CED4DA;
		border-radius: 0;
		display: block;
		font-size: 1rem;
		height: 50px;
		max-width: 100%;
		padding: 1rem 1rem 0 0;
		outline: none;
		width: var(--w);
	}

	form input[type="checkbox"] {
	    background: linear-gradient(to left, #FFFFFF 0%, #FFFFFF 50%, #CCCCCC 51%, #CCCCCC 100%);
	    border: 1px solid #CCCCCC;
	    border-radius: 0;
	    display: inline-flex;
	    height: 1.3rem;
	    margin: 0;
	    min-width: 2.6rem;
	    outline: none;	    
	}

	form input[type="checkbox"]:checked {
	    background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, #3483FA 51%, #3483FA 100%);
	}

	form select {
		background-color: #FFFFFF;
		border: 0;
	    border-bottom: 1px solid #CED4DA;
	    border-radius: 0;
	    display: block;
	    font-size: 1rem;
	    height: 50px;
	    max-width: 100%;
	    padding: 1rem 1rem 0 0;
	    outline: none;
	    width: var(--w);
	}

	form textarea {
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		border-radius: 0;
		display: block;
		font-size: 1rem;
		height: auto;
		margin: 2rem 0 0 0;
		max-width: 100%;
		min-height: 10rem;
		outline: 0;
		padding: 7px;
		resize: none;
		width: var(--w);
	}

	form div.input-titulo {
		color: #606060;
		display: block;
		font-size: 0.9rem;
		position: absolute;
		white-space: nowrap;
	}

	form div.checkbox-titulo {
		display: inline-flex;
		font-size: 0.9rem;
		line-height: 0.8rem;
		margin-left: 1rem;
	}

	form div.input-linhabase {
		border-top: 2px solid #3483FA;
		display: block;
		height: 0;
		margin-top: -1px;
		transition: width 0.5s;
		width: 0;
	}

	form input[type="text"]:focus + div.input-linhabase,
	form input[type="date"]:focus + div.input-linhabase,
	form select:focus + div.input-linhabase,
	form textarea:focus + div.input-linhabase {
		width: 100%;
		transition: width 0.5s;
	}

/* Formulários barra de busca */
	div.barra-de-busca form  {
		display: flex;
		margin-top: 1rem;
	}

	div.barra-de-busca form input[type="text"] {
		border: 1px solid #CED4DA;
		border-right: 0;
		border-radius: 0;
		display: inline-flex;
		height: 40px;		
		max-width: 100%;
		padding: 0 40px 0 1rem;
		outline: none;
		width: var(--w);
	}

	div.barra-de-busca form a.botao-consulta {
		align-items: center;
		border: 1px solid #CED4DA;
		border-left: 0;
		border-radius: 0;
		cursor: pointer;
		display: inline-flex;
		height: 40px;
		margin-left: -40px;
		max-width: 100%;
		padding: 0 2px;
		outline: none;
		width: var(--w);
	}

	div.barra-de-busca form a.botao-consulta svg {
		border-radius: 50%;
		fill: #637282;
		height: 36px;
	    width: 36px;
	    padding: 2px 8px;
	}

	div.barra-de-busca form a.botao-consulta:hover svg,
	div.barra-de-busca form a.botao-consulta:focus svg {
		background: #F3F3F3;
	}

/* Caixa input que lista as cidades */

	div.caixalista .caixalista-container {
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		font-size: 1rem;
		list-style: none;	
		margin: 5px 0 0 0;
		min-width: 250px;
		padding: 0;
		position: absolute;
		width: auto;
		z-index: 2;
	}

	div.caixalista .caixalista-container button {
		background-color: #FFFFFF;
		border: none;
		cursor: pointer;
		display: block;
		font-size: 1rem;
		line-height: 35px;
		outline: none;
		padding: 0 1rem;
		text-align: left;
		width: 100%;
	}

	div.caixalista .caixalista-container button:focus,
	div.caixalista .caixalista-container button:hover {
		background-color: #F5F5F5;	
	}

	div.caixalista .caixalista-container button span {
		color: #999999;
		float: right;
		margin-left: 0.5rem;
		width: 2rem;
	}

	div.caixalista .caixalista-container button.editar {	
		background-color: #DBDBDB;
		border: 15px solid #FFFFFF;
		border-radius: 20px;
		font-size: 0.8rem;
		text-align: center;
	}

	div.caixalista .caixalista-container .msg {
		color: #666666;
		font-size: 0.9rem;
		line-height: 35px;
		padding: 0 1rem;
		text-align: center;
	}

/* Janelas flutuantes */
	
	div.janela-informativa-caixa {
		width: 100%;
	}

	div.janela-informativa-mensagem-retorno {
		background-color: #FFEDED;
	    border: 3px solid #FFD6D6;
	    border-radius: 4px;
	    color: #D51507;
	    display: none;
	    font-size: 0.9rem;
		line-height: 1.2rem;
	    margin: 0 0 1rem 0;
	    padding: 0.5rem 1rem;
	    width: 100%;
	}

	div.janela-informativa-mensagem-retorno[data-erro="true"] {
		display: block;
	}

/* Tabelas */
	div.tabela-responsiva {
		margin: 2rem 0 1rem 0;		
		overflow-y: hidden;
		white-space: nowrap;
		width: 100%;
	}

	@media screen and (max-width: 768px) {
		div.tabela-responsiva {		
			border: 1px solid #DDDDDD;
		}
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;		
		font-size: 1rem;
		text-align: left;
	}

	table.buscadados {
		width: 100%;
	}

	table.buscadados thead tr th {
		border-bottom: 1px solid #E6E8EB;
    	color: #6A7C8F;
    	padding: 12px 8px;
    	font-weight: normal;
	}

	table.buscadados tbody tr td {
		border-top: 1px solid #E6E8EB;
		color: #3D464C;
    	padding: 12px 8px;
    	vertical-align: top;
	}

	table.buscadados tbody tr.desabilitado td {
		color: #999999;
	}

	table.buscadados tbody tr td:last-of-type:not([colspan]) {
		text-align: right;
	}

	table.buscadados tbody tr td a {
		align-items: center;
		cursor: pointer;
		display: inline-flex;	    
	    justify-content: center;
	    padding: 0 5px;
	}

	table.buscadados tbody tr td a svg {
		fill: #596B8C;
		height: auto;
		width: 20px;
	}

	table.buscadados tbody tr td span.destaque1,
	table.buscadados tbody tr td span.destaque2 {
		border-radius: 3px;
		color: #FFFFFF;
	    font-size: 0.8rem;
	    margin-left: 0.5rem;
	    padding: 2px 5px;
	}

	table.buscadados tbody tr td span.destaque1 {
		background: #0070E0;
	}

	table.buscadados tbody tr td span.destaque2 {
		background: #ED143D;
	}

	table.exibidados {
		width: 100%;
	}

	table.exibidados tbody tr {
		display: inline-flex;
		flex-direction: column;
		padding: 0 3rem 1rem 0;
	}

	table.exibidados tbody tr:first-of-type {
		margin-top: 0;
	}

	table.exibidados tbody tr.quebralinha {
		display: block;
		margin: 0;
		padding: 0;
	}

	table.exibidados tbody tr td {
		display: flex;
		padding: 0.1rem 0;
	}

	table.exibidados tbody tr td:first-of-type {
		color: #606060;
    	font-size: 0.9rem;
	}

	table.exibidados tbody tr td:last-of-type {
		color: #000000;
    	font-size: 1rem;
	}

	table.exibidados tbody tr.check {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	table.exibidados tbody tr.check td {
		display: flex;
	}

	table.exibidados tbody tr.check td:last-of-type {
		color: #606060;
    	font-size: 0.9rem;
	}

	table.exibidados tbody tr.check td svg {
		height: auto;
		margin-right: 1rem;
		width: 18px;
	}

/* Barra de paginação da tabela padrão que lista dados */
	div.barra-paginacao {
		display: block;
		font-size: 1rem;
		height: 30px;
		margin: 20px 0 0 0;
		text-align: right;
		width: 100%;
	}

	@media screen and (max-width: 768px) {
		div.barra-paginacao {
			text-align: center;
		}
	}

	div.barra-paginacao-contador {
		display: inline-block;
		line-height: 30px;
	}

	div.barra-paginacao-numeros {
		color: #999999;
		display: table-cell;		
	}

	div.barra-paginacao-anterior,
	div.barra-paginacao-proximo {
		display: inline-block;
	}

	@media screen and (max-width: 768px) {
		div.barra-paginacao-anterior {
			float: left;
		}
		div.barra-paginacao-proximo {
			float: right;
		}
	}

	@media screen and (min-width: 769px) {
		div.barra-paginacao-contador + div,
		div.barra-paginacao-anterior + div {
			margin-left: 10px;
		}
	}

	a.barra-paginacao-anterior-botao,
	a.barra-paginacao-proximo-botao {
		border-radius: 50%;
		display: inline-block;
		fill: #666666;
		height: 30px;
		padding: 10px;
	}

	a.barra-paginacao-anterior-botao-ativo,
	a.barra-paginacao-proximo-botao-ativo {
		cursor: pointer;
		fill: #000000;
	}

	a.barra-paginacao-anterior-botao-ativo,
	a.barra-paginacao-proximo-botao-ativo {
		background-color: #F4F4F4;
	}

	@media screen and (min-width: 769px) {
		a.barra-paginacao-anterior-botao-ativo:focus,
		a.barra-paginacao-proximo-botao-ativo:focus {
			border-radius: 0;
			outline: 2px solid #FFFF00;
		}
	}

	a.barra-paginacao-anterior-botao svg {
		display: block;
		height: 10px;
		width: 10px;
	}

	a.barra-paginacao-proximo-botao svg {
		display: block;
		height: 10px;
		width: 10px;
	}

/* Página de Login */

	div.head-container {
		display: block;
		height: 120px;
		position: relative;
		top: 18vh;
		width: 100%;
	}

	div.head-logo {
		background: url("../galeria/logo/logo-mista-400x215-colorido.png") no-repeat;
		background-position: center center;
		background-size: contain;
		display: block;
		height: 120px;
		width: 100%;
	}

	div.form-login {
		margin: 0 auto;
		max-width: 320px;
		position: relative;
		top: 22vh;
		width: 100%;
	}

	div.login-mensagem-retorno {
		background-color: transparent;
	    border-radius: 4px;
	    color: transparent;
	    display: block;
	    font-size: 0.9rem;
		height: 2.5rem;
		line-height: 2.5rem;
	    margin-bottom: 1rem;
	    padding: 0 1rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 100%;
	}

	div.login-mensagem-retorno[data-erro="true"] {
		background: #FFE5E5;
    	color: #D51507;
	}

	div.form-login .input-container {
		display: flex;
		margin-bottom: 1rem;
		width: 100%;
	}

	div.form-login .input-prefixo {
		margin-right: -1px;
	}

	div.form-login .input-icone {
		align-items: center;
		background-color: #F1F3F4;
		border: 1px solid #CED4DA;
		border-radius: 4px;				
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		display: flex;
		flex-direction: row;
		height: 40px;
		justify-content: center;
		width: 45px;    
	}

	div.form-login .input-icone svg {
		fill: #2C363A;
		height: 15px;
		width: auto;
	}

	div.form-login input {
		border: 1px solid #CED4DA;
		border-radius: 4px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		display: flex;
		flex: 1 1 auto;		
		height: 40px;
		padding: 0 1rem;
		outline: none;
		width: 1%;
	}

	div.form-login a.botao-entrar {
		align-items: center;
		background-color: #37BEFF;
		border-radius: 4px;
		color: #FFFFFF;
		cursor: pointer;
		display: flex;
		font-size: 1.1rem;
		height: 40px;
		justify-content: center;
		width: 100%;
	}

/* Layout */
	
	div.menu-principal {
		background-color: #FFFFFF;
		border-right: 1px solid #E6E8EB;
		height: 100vh;
		position: fixed;
		transition: margin-left 0.3s;
		width: 240px;
	}

	@media screen and (max-width: 768px) {
		div.menu-principal {
			margin-left: -240px;
		}

		div.menu-principal-visivel {
			margin-left: 0;
		}
	}

	@media screen and (min-width: 769px) {
		div.menu-principal {
			margin-left: 0;
		}

		div.menu-principal-visivel {
			margin-left: -240px;
		}
	}

	div.menu-principal-logo {
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 55px;
		padding: 40px 40px 20px;
	}

	div.menu-principal-logo a {

	}

	div.menu-principal-logo a b {
		color: #00AFEF;
	}

	div.menu-principal-ul {
		display: block;
		width: 100%;
	}

	div.menu-principal-ul-li {
		display: block;
		width: 100%;
	}

	div.menu-principal-ul-li a {
		align-items: center;
		color: #596B8C;
		display: flex;
		height: 35px;
		padding: 9px 40px;
	}

	div.menu-principal-ul-li a.menu-principal-ul-li-a-sair {
	    background-color: #F1F1F1;
	    border: 1px solid #BEBEBE;
	    border-radius: 4px;
	    margin-top: 10px;
	    margin-left: 32px;
	    padding: 5px 10px;
	    width: min-content;
	}

	div.menu-principal-ul-li a:hover {		
		color: #0070E0;		
	}

	div.menu-principal-ul-li a:active {		
		border-color: #BEBEBE;
	    border-top-color: #A1A1A1;
	    border-left-color: #7D7D7D;	
	}

	div.menu-principal-ul-li a svg {
		display: flex;
		fill: #596B8C;
		height: auto;
		margin-right: 1rem;
		width: 16px;
	}

	div.menu-principal-ul-li a:hover svg {
		fill: #0070E0;
	}

	div.menu-principal-ul-li a span {
		display: flex;
	}

	div.pagina {
		background-color: #F7F9FA;
		margin-left: 240px;
		min-height: 100vh;
		padding: 30px;
		position: relative;
		transition: margin-left 0.3s;
	}

	@media screen and (max-width: 768px) {
		div.pagina {
			margin-left: 0;
			width: 100%;
		}
	}

	@media screen and (min-width: 769px) {
		div.pagina {
			margin-left: 240px;
		}
	}

	@media screen and (max-width: 768px) {
		div.pagina-expande {
			margin-left: 240px;
		}
	}

	@media screen and (min-width: 769px) {
		div.pagina-expande {
			margin-left: 0;
		}
	}

	div.conteudo {
		width: 100%
	}

	div.menu-superior {
		display: flex;
		justify-content: space-between;
	}

	div.menu-superior-ul {
		display: flex;
	}

	div.menu-superior-ul-li {
		padding: 20px 15px;
	}

	div.menu-superior-ul-li a {
		display: flex;
		cursor: pointer;
	}

	div.menu-superior-ul-li:first-of-type {
		padding-left: 0;
	}

	div.menu-superior-ul-li:last-of-type {
		padding-right: 0;
	}

	div.menu-superior-ul-li a svg {
		fill: #637282;
		height: 20px;
		width: 15px;
	}

	div.menu-superior-ul-li a.retorno {
		display: none;
	}

	a.menu-superior-ul-li-a-alertas span {
		border-radius: 4px;
	    background-color: red;
	    color: #FFFFFF;	    
	    display: inline-table;
	    font-size: 0.8rem;
	    height: 20px;
	    justify-content: center;
	    margin-top: -10px;
	    padding: 1px 5px;
	    text-align: center;
	    white-space: nowrap;	    
	}

	div.areadetrabalho {

	}

	div.caixa-branca {
		background-color: #FFFFFF;
		border: 1px solid #E6E8EB;
		border-radius: 4px;		
	}

	div.caixa-branca + div.caixa-branca {
		margin-top: 1rem;
	}

	div.caixa-branca div.menu-flutuante {
		float: right;
		height: 35px;
		position: relative;
		width: 35px;
	}

	div.caixa-branca div.menu-flutuante a.menu-flutuante-botao {
		align-items: center;
    	border-radius: 50%;
    	color: #596B8C;
    	cursor: pointer;
		display: flex;
		float: right;
		font-size: 1.2rem;
   		font-weight: bold;
		height: 35px;		
		justify-content: center;
		letter-spacing: 1px;
		width: 35px;
	}

	div.caixa-branca div.menu-flutuante a.menu-flutuante-botao:hover {
		background-color: #F3F3F3;
	}

	div.caixa-branca div.menu-flutuante a.menu-flutuante-botao svg {
		margin: 0;
		height: 20px;
		width: 20px;
	}

	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa {
		background-color: #FFFFFF;
	    border-radius: 4px;
	    box-shadow: 0px 0px 2px 0px rgb(102 102 102 / 90%);
	    display: none;	   
	    margin: 40px 0 0 -170px;
	    position: absolute;
	    width: 200px;
		z-index: 1;
	}

	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa-show {
		display: block;
	}

	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa div.menu-flutuante-opcoes {
	    display: block;
	    padding: 5px 0;
	    width: 100%;
	}

	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa div.menu-flutuante-opcoes a {
	    align-items: center;
	    border-top: 1px solid #DDDDDD;
	    color: #000000;
	    cursor: pointer;
	    display: flex;
	    flex-direction: row;
	    font-size: 1rem;
	    line-height: 35px;
	    outline: none;
    	padding: 0 15px;
	}

	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa div.menu-flutuante-opcoes a:first-of-type {
		border-top: none;
	}

	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa div.menu-flutuante-opcoes a:hover,
	div.caixa-branca div.menu-flutuante div.menu-flutuante-caixa div.menu-flutuante-opcoes a:focus {
		background-color: #E1E1E1;
	}

	div.caixa-branca a.caixa-branca-botao-direito {
		align-items: center;
		color: #596B8C;
		cursor: pointer;
		display: flex;
		float: right;
		height: 35px;
		margin: 0;
		padding: 5px 10px;
		width: min-content;
	}

	div.caixa-branca a.caixa-branca-botao-direito + a.caixa-branca-botao-direito {
		margin-right: 10px;
	}

	div.caixa-branca a.caixa-branca-botao-direito svg {
		fill: #596B8C;
		height: 20px;
		width: auto;
	}

	div.caixa-branca div.caixa-branca-barra {
		align-items: center;
		display: flex;
		height: 50px;
		padding: 0 10px;
		justify-content: space-between;
	}

	div.caixa-branca div.caixa-branca-barra-esquerda {
		align-items: center;
		display: flex;
	}

	div.caixa-branca div.caixa-branca-barra svg {
		display: inline-flex;
		fill: #637282;
		height: 16px;
		margin-right: 10px;
		width: 16px;
	}

	div.caixa-branca div.caixa-branca-titulo {
		color: #3D464C;
		display: inline-flex;
		font-size: 1rem;
		font-weight: normal;
		letter-spacing: -0.5px;		
	}

	div.caixa-branca div.caixa-branca-barra-direita {
		display: flex;
	}

	div.caixa-branca a.caixa-branca-barra-direita-expandir {
		align-items: center;
		cursor: pointer;
		display: flex;
		justify-content: center;
	}

	div.caixa-branca a.caixa-branca-barra-direita-expandir svg {
		fill: #000000;
		height: 14px;
		margin-right: 0;
		width: 14px;
	}

	div.caixa-branca div.caixa-branca-barra + div.caixa-branca-container {
		border-top: 1px solid #E6E8EB;
	}

	div.caixa-branca div.caixa-branca-container {
		padding: 10px;
	}

	div.caixa-branca div.caixa-branca-container-fechado {
		display: none;
	}

	div.caixa-branca-barra-direita button.addEvent {
		align-items: center;
		background-color: #0D6EFD;
		border: none;
		border-radius: 4px;
		color: #FFFFFF;
		display: flex;
		padding: 0 10px;
		margin-right: 10px;
	}

	div.caixa-branca-barra-direita button.addEvent:hover {
		background-color: #0A58CA;
		cursor: pointer;
	}

	div.caixa-branca-barra-direita button.addEvent svg {
		height: 18px;
		width: 18px;
	}

	div.atendimento-evento {
		background-color: #FFFFFF;
		border: 1px solid #E6E8EB;
		border-left-width: 5px;
		border-left-color: #6495ED;
		border-radius: 4px;
		display: inline-flex;
		flex-direction: row;
		margin: 1rem 1rem 1rem 0;
		user-select: none;
	}

	div.atendimento-evento + div.atendimento-evento {
		margin-top: 0 !important;
	}

	div.atendimento-evento:last-of-type {
		margin-bottom: 1rem;
	}

	div.atendimento-evento-grid {
		align-self: center;
		display: flex;
		flex-direction: column;
		padding: 10px;
	}

	div.atendimento-evento-grid:first-of-type {
		padding: 10px 20px;
	}

	div.atendimento-evento-grid-data {
		align-items: center;
		display: flex;
	}

	div.atendimento-evento-grid-valor {
		align-items: center;
		display: flex;
	}

	div.atendimento-evento-grid-data svg,
	div.atendimento-evento-grid-valor svg {
		fill: #606060;
		height: 16px;
		margin-right: 10px;
		width: 16px;
	}

	div.atendimento-evento-grid-delete {
		
	}

	div.atendimento-evento-grid-delete a {
		align-items: center;
		border: 1px solid #C7C7D1;
		border-radius: 4px;
		cursor: pointer;
		display: flex;
		height: 30px;
		justify-content: center;
		width: 30px;
	}

	div.atendimento-evento-grid-delete a:hover {
		background-color: #F0F8FF;
	}

	div.atendimento-evento-grid-delete a svg {
		fill: #6495ED;
		height: 20px;
		width: 20px;
	}

	a.atendimento-veiculo-licenciamento-atualiza {
		align-items: center;
		background-color: #0D6EFD;
		border-radius: 4px;
		color: #FFFF00;
		cursor: pointer;
		display: flex;
		font-size: 0.8rem;
		margin-left: 20px;
		padding: 0 5px;
	}

	div.atendimento-financeiro {
		display: block;		
	}

	div.atendimento-financeiro-linha {
		display: flex;		
	}

	@media screen and (max-width: 768px) {
		div.atendimento-financeiro-linha {
			display: block;
		}
	}

	div.atendimento-financeiro-linha:first-of-type {
		margin-bottom: 1rem;
	}

	div.atendimento-financeiro-bloco {
		background-color: #FFFFFF;
		border: 1px solid #E6E8EB;
		border-radius: 4px;
		padding: 10px;
		width: 50%;
	}

	@media screen and (max-width: 768px) {
		div.atendimento-financeiro-bloco {
			width: 100%;
		}
	}

	div.atendimento-financeiro-bloco-fechado {
		height: 60px;
		overflow: hidden;
	}

	div.atendimento-financeiro-barra {
		align-items: center;
		display: flex;
		height: 40px;
		justify-content: space-between;
	}

	div.atendimento-financeiro-barra-esquerda {

	}

	div.atendimento-financeiro-barra svg {
		display: inline-flex;
		height: 15px;
		width: 15px;
	}

	div.atendimento-financeiro-titulo {
		color: #637282;
		display: inline-flex;
		font-size: 1rem;
		font-weight: normal;
		letter-spacing: -0.5px;
		margin-left: 0.5rem;
	}

	div.atendimento-financeiro-barra-direita {

	}

	a.atendimento-financeiro-barra-direita-expandir {
		align-items: center;
		cursor: pointer;
		display: flex;
		height: 20px;
		justify-content: center;
		width: 20px;
	}

	a.atendimento-financeiro-barra-direita-expandir svg {
		fill: #000000;
		height: 14px;
		width: 14px;
	}

	div.atendimento-financeiro-bloco-calcula {
		height: 300px;
	}

	@media screen and (min-width: 769px) {
		div.atendimento-financeiro-bloco:first-of-type {
			margin-right: 1rem;
		}
	}

	@media screen and (max-width: 768px) {
		div.atendimento-financeiro-bloco:first-of-type {
			margin-bottom: 1rem;
		}
	}

	div.atendimento-finaceiro-calcula {
		display: flex;
		width: 100%;
	}

	div.atendimento-finaceiro-calcula + div.atendimento-finaceiro-calcula {
		border-top: 1px solid #E6E8EB;
	}

	div.atendimento-finaceiro-calcula-orcamento,
	div.atendimento-finaceiro-calcula-recebimentos,
	div.atendimento-finaceiro-calcula-despesas,
	div.atendimento-finaceiro-calcula-saldo {
		align-items: center;
		display: inline-flex;
	    flex-direction: column;
	    font-size: 1.2rem;
	    margin: 1rem 0;
	    width: 50%;
	}

	div.atendimento-finaceiro-calcula-orcamento {
		border-right: 1px solid #E6E8EB;
		color: #3498DB;
	}

	div.atendimento-finaceiro-calcula-recebimentos {
		color: #2ECC71;
	}

	div.atendimento-finaceiro-calcula-despesas {
		border-right: 1px solid #E6E8EB;
		color: #E74C3C;
	}

	div.atendimento-finaceiro-calcula-saldo {
		color: #000000;
		font-weight: bold;
	}

	div.atendimento-finaceiro-calcula-titulo {
		color: #6A7C8F;
		display: block;
		font-size: 0.8rem;
		font-weight: normal;
	}

	div.atendimento-financeiro-botoes {
		display: flex;
	    flex-direction: row;
	    justify-content: space-around;
	    margin: 2rem 0 0 0;
	}

	a.atendimento-financeiro-botao {
		align-items: center;
		border: 1px solid #E6E8EB;
		border-radius: 4px;
		cursor: pointer;
		display: flex;
	    flex-direction: column;
	    font-size: 1rem;
	    height: 100px;
	    justify-content: space-between;
	    max-width: 120px;
	    padding: 10px;
	    width: 30%;
	}

	div.atendimento-financeiro-botao-svg {
	    align-items: center;
		background-color: #F7F7F7;
		border-radius: 50%;
		display: flex;
		height: 40px;
		justify-content: center;
		width: 40px;
	}

	div.atendimento-financeiro-botao-svg svg {
		height: 20px;
		width: 20px;
	}

	div.atendimento-arquivos input[type="file"] {
		display: none;
	}

	div.atendimento-arquivos label {
		border: 2px dashed #CCCCCC;
	    color: #FFFFFF;
	    cursor: pointer;
	    display: block;
	    padding: 20px 10px;
	    text-align: center;
	    user-select: none;
	}

	div.atendimento-arquivos-anexados {
		display: block;
		overflow-y: auto;
		padding: 10px 0;
	}

    div.atendimento-arquivos-anexados-linha {
		white-space: nowrap;
	}

	div.atendimento-arquivos-anexo {
		align-items: center;
		border: 1px solid #CCCCCC;
		display: inline-flex;
		flex-direction: column;
		margin: 10px 10px 0 0;
	}

	div.atendimento-arquivos-anexo:last-of-type {
		margin-right: 0;
	}

	div.atendimento-arquivos-anexo div.canvas {
		align-items: flex-start;
		display: flex;
		height: 160px;
		justify-content: center;
		margin: 2px 0;
		position: relative;
		width: 100%;
		z-index: 5;
	}

	div.atendimento-arquivos-anexo div.canvas input[type="checkbox"] {
		height: 20px;
		left: 0;
		position: absolute;
		top: 0;
		width: 20px;
	}

	div.atendimento-arquivos-anexo div.canvas a {
		cursor: pointer;
		display: flex;
	}

	div.atendimento-arquivos-anexo div.canvas img {
		display: flex;
		height: auto;
		width: auto;
	}

	div.atendimento-arquivos-opcoes {
		align-items: center;
		background-color: #F5F5F5;
		border-top: 1px solid #CCCCCC;
		display: flex;
		height: 60px;
		flex-direction: row;
		justify-content: flex-end;
		margin-top: -60px;
		padding: 10px;
		width: 100%;
		z-index: 6;
	}

	div.atendimento-arquivos-legenda {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	div.atendimento-arquivos-legenda span:first-of-type {
		color: #000000;
		font-size: 0.9rem;
		line-height: 1.1rem;
		min-width: 50px;
	    max-width: 130px;
   		overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
	}

	div.atendimento-arquivos-legenda span:last-of-type {
		color: #555555;
		font-size: 0.8rem;
		line-height: 1rem;
		white-space: nowrap;
	}

	div.atendimento-arquivos-legenda span input {
		border: 2px solid #1a73e8e3;
    	border-radius: 4px;
		display: inline-block;
		max-width: 90px;
	}

	div.atendimento-arquivos-opcoes a {
		align-items: center;
		background-color: #000000;
		border-radius: 4px;
		cursor: pointer;
		display: flex;
		flex-direction: row;
		height: 25px;
		justify-content: center;
		margin-left: 10px;
		opacity: 0.6;
		width: 30px;
	}

	div.atendimento-arquivos-opcoes a:hover {
		opacity: 1;
	}

	div.atendimento-arquivos-opcoes a svg {
		fill: #FFFFFF;
		height: 15px;
		width: 15px;
	}

	div#fileStatusBar {
		align-items: center;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	div#fileStatusBar span {
		color: #596B8C;
		font-family: monospace;
		font-size: 0.9rem;
		line-height: 30px;
		user-select: none;
	}

	div#fileStatusBar span + span {
	    text-align: right;
	}

	div#fileStatusBar .barra {
		background-color: #E0E0E0;
		border-radius: 3px;
		height: 5px;
		margin-top: 10px;
		width: 150px;
	}

	div#fileStatusBar .porcentagem {
		background-color: #1A73E8;
		border-radius: 3px;
		height: 5px;
		max-width: 150px;
	}

	div#fileMergeBar {
		align-items: center;
		display: none;
		gap: 10px;
		justify-content: left;
		width: 100%;
	}

	div#fileMergeBar a {
		align-items: center;
        background-color: #F1F1F1;
		border: 1px solid #BEBEBE;
		border-radius: 4px;
		color: #596B8C;
		cursor: pointer;
		display: inline-flex;
		flex-direction: row;
		font-size: 0.9rem;
		justify-content: space-evenly;
		line-height: 1.2rem;
		padding: 10px;
	}

    div#fileCompressBar {
		align-items: center;
		display: none;
		gap: 10px;
		justify-content: left;
		width: 100%;
	}

	div#fileCompressBar a {
		align-items: center;
        background-color: #F1F1F1;
		border: 1px solid #BEBEBE;
		border-radius: 4px;
		color: #596B8C;
		cursor: pointer;
		display: inline-flex;
		flex-direction: row;
		font-size: 0.9rem;
		justify-content: space-evenly;
		line-height: 1.2rem;
		padding: 10px;
	}

	div.linha-mapa {
		align-items: center;
	    color: #898989;
	    display: flex;
	    flex-direction: row;	   
	    margin: 1rem 0;
		overflow: hidden;
		padding-left: 0.5rem;
	}

	div.linha-mapa-modulo {
		display: inline-flex;
	}

	div.linha-mapa-separa {
		margin: 0 1rem;
		overflow: hidden;
	    width: 6px;	    
	}

	div.linha-mapa-separa:first-of-type {
		margin-left: 0;
	}

	div.linha-mapa-separa::before {
		border: 2px solid #898989;
	    content: " ";
	    display: flex;
	    height: 8px;
	    margin-left: -4px;	    
	    transform: rotate(135deg);
	    width: 8px;
	}

/* Tags */
	div.tagscontainer {
		display: flex;
		flex-wrap: wrap;
		font-size: 0.9rem;
		justify-content: flex-start;
		padding-top: 0.75rem;
	}

	div.tagscontainer div.tags {
		align-items: center;
	    display: flex;
	    margin-right: 0.75rem;
	    margin-bottom: 0.75rem;
	    max-width: 100%;
	}

	div.tagscontainer div.tagtexto {
		align-items: center;
	    background-color: #3273DC;
	    border-bottom-left-radius: 4px;
	    border-top-left-radius: 4px;
	    color: #FFFFFF;
	    display: inline-flex;
	    height: 2rem;
	    justify-content: left;
	    line-height: 1.5;
	    overflow: hidden;
	    padding-left: 0.75rem;
	    padding-right: 0.75rem;
	    white-space: nowrap;
	}
	div.tagscontainer a.tagdelete {
		align-items: center;
	    background-color: #f5f5f5;
	    border-bottom-right-radius: 4px;
	    border-top-right-radius: 4px;
	    color: #4a4a4a;
	    cursor: pointer;
	    display: inline-table;
	    height: 2rem;
	    justify-content: center;
	    line-height: 1.5;	    
	    padding: 0;
	    position: relative;
	    width: 2rem;
	    white-space: nowrap;
	}
	div.tagscontainer a.tagdelete::before,
	div.tagscontainer a.tagdelete::after {
		background-color: currentColor;
	    content: "";
	    display: block;
	    left: 50%;
	    position: absolute;
	    top: 50%;
	    transform: translateX(-50%) translateY(-50%) rotate(45deg);
	    transform-origin: center center;
	}
	div.tagscontainer a.tagdelete::before {
		height: 1px;
    	width: 50%;
	}
	div.tagscontainer a.tagdelete::after {
		height: 50%;
   		width: 1px;
	}

/* Módulo - clientes */

	div.menu-cliente {
		margin-bottom: 15px;
	    overflow-x: auto;
	    overflow-y: hidden;
		white-space: nowrap;
	}

	div.menu-cliente-ul {
		border-bottom: 1px solid #E2E2E2;
		display: inline-table;		
		width: 100%;
	}

	div.menu-cliente-ul::after {
		clear: both;
		content: " ";
		display: table;
	}

	div.menu-cliente-ul-li {
		display: inline-block;
    	margin-bottom: -1px;
	}

	div.menu-cliente-ul-li a {
		align-items: center;
		border-bottom: 1px solid transparent;
		color: #555555;
		display: flex;
		font-size: 1rem;
		font-weight: bold;
		height: 40px;
		margin: 0 15px;
   		padding: 10px 0;
	}

	div.menu-cliente-ul-li:first-of-type a {
		margin-left: 0;
	}

	div.menu-cliente-ul-li:last-of-type a {
		margin-right: 0;
	}

	div.menu-cliente-ul-li a:hover {
		border-bottom-color: #B6BABD;
	}

	div.menu-cliente-ul-li a.selecionado {
		border-bottom-color: #1B2733;		
	}

	div.menu-cliente-ul-li a svg {
		fill: #555555;
		height: auto;
		margin-right: 0.5rem;
		width: 0.8rem;
	}

/* Módulo - atendimentos */

	div.atendimento-anotacoes {
		position: relative;
		width: 100%;
	}

	div.atendimento-anotacoes-titulo {
		color: #606060;
		display: block;
    	font-size: 0.9rem;
    	padding: 0.1rem 0;
    	width: 100%;
	}

	div.atendimento-anotacoes textarea {
		max-width: 100%;
		min-height: 60px;
	    min-width: 100%;
	    padding-right: 60px;   
		width: 100%;
	}

	div.atendimento-anotacoes a {
		cursor: pointer;
		height: 30px;
		margin-top: -10px;
		position: absolute;
		right: 20px;
		top: 50%;
		width: 30px;
	}

	div.atendimento-anotacoes a svg {
		fill: #6495ED;
		height: 30px;
		width: auto;
	}

	div.pendencias {
		align-items: center;
		display: flex;
		font-size: 0.8rem;
		justify-content: center;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
	}

	@media screen and (max-width: 768px) {
		div.pendencias {
		    overflow-x: auto;
		}
	}

	div.pendencias div.pendencia {
		align-items: center;
		border-bottom: 1px solid #DDDCDC;
		border-top: 1px solid #DDDCDC;
		display: inline-flex;
		height: 40px;
		justify-content: center;
		line-height: 1.1rem;
		padding-left: 40px;
    	white-space: nowrap;
	}

	div.pendencias div.pendencia::after {
		content: " ";
		background-color: #FFFFFF;
		border-left: 1px solid #DDDCDC;
		border-top: 1px solid #DDDCDC;	    
	    height: 29px;
	    margin-left: 10px;
	    margin-right: -14px;
	    margin-top: 0px;
	    transform: rotate(135deg);
	    width: 29px;
	}

	div.pendencias a.botoes {
		align-items: center;
		background-color: #F0F8FF;
		border-bottom: 1px solid #DDDCDC;
		border-left: 1px solid #DDDCDC;
		border-top: 1px solid #DDDCDC;
		color: #A9A9A9;
		cursor: pointer;
		display: inline-flex;
		height: 40px;
		justify-content: center;
		padding-left: 40px;
		white-space: nowrap;
	}

	div.pendencias a.botoes::after {
		content: " ";
		background-color: #F0F8FF;
		border-left: 1px solid #DDDCDC;
		border-top: 1px solid #DDDCDC;	    
	    height: 29px;
	    margin-left: 10px;
	    margin-right: -14px;
	    margin-top: 0px;
	    transform: rotate(135deg);
	    width: 29px;
	}

	div.pendencias a.botoes:first-of-type {
		padding-left: 20px;
	}

	div.filtros {
		display: block;		
		width: 100%;
	}

	@media screen and (max-width: 768px) {
		div.filtros {	
			overflow: hidden;
			overflow-x: auto;
			white-space: nowrap;
		}
	}

	div.filtros a.opcoes {
		background-color: #F1F1F1;
		border-radius: 3px;
		color: #637282;
		display: inline-block;
		font-size: 0.9rem;
		margin: 0.5rem 0.5rem 0 0;
		padding: 0.3em 0.7em;
	}

	div.filtros a.selecionado {
		background-color: #0070E0;
		color: #FFFFFF;
	}

/* 
    Popup de carregamento de conteudo
*/
	div.carregando {
	    align-items: center;
	    background-color: #343A40;
	    border-radius: 5px;
	    bottom: 20px;
	    box-shadow: 0 0 1px 1px rgb(60 75 100 / 10%);
	    display: flex;
	    height: 50px;
	    opacity: 0;
	    overflow: hidden;
	    position: fixed;
	    right: 20px;
	    transition: all 0.5s ease-out;
	    white-space: normal;
	    width: 220px;
	    z-index: 8;
	}
	div.carregando-visivel {
	    opacity: 1;
	    transition: all 0.3s ease-out;
	}
	div.carregando .carregando-msg {
	    display: inline-flex;
	    color: #FFFFFF;
	    font-size: 1rem;
	    line-height: 1rem;
	    padding: 10px;
	    user-select: none;
	}
	@keyframes icone_girando {
	    from {
	        transform: rotate(0deg);
	    }
	    to {
	        transform: rotate(360deg);
	    }
	}
	div.carregando svg {
	    animation: icone_girando 2s linear infinite;
	    fill: #FFFFFF;
	    height: 25px;
	    margin-left: 10px;
	    width: 25px;
	}
/* 
    Popup de notificação deslizante
*/
	div#notificacoes {
	    position: fixed;
	    right: 20px;
	    top: 20px;
	    z-index: 3;
	}
	div.notificacao {
	    align-items: center;
	    border-left-style: solid;
	    border-left-width: 5px;
	    border-radius: 5px;
	    box-shadow: 0 0 1px 1px rgb(60 75 100 / 10%);
	    color: #000000;
	    display: flex;
	    height: 0;
	    justify-content: space-between;
	    opacity: 0;
	    overflow: hidden;
	    transition: all 0.5s ease-out, height 1s ease-out;
	    transform: translateX(500px);
	    white-space: normal;
	    width: 220px;
	}
	div.notificacao-visivel {
	    height: 50px;
	    margin-bottom: 10px;
	    opacity: 1;
	    transition: all 0.3s ease-out, height 0.1s ease-out;
	    transform: translateX(0px);
	}
	div.notificacao span {
	    display: inline-flex;
	    color: inherit;
	    font-size: 1rem;
	    line-height: 1rem;
	    padding: 10px;
	    user-select: none;
	}
	div.notificacao a {
	    border-radius: 50%;
	    border-style: solid;
	    border-width: 1px;
	    cursor: pointer;
	    display: inline-flex;
	    margin-right: 5px;
	    padding: 5px;
	}
	div.notificacao a svg {
	    height: 15px;
	    width: 15px;
	}
	div.notificacao-padrao {
	    background-color: #FFD48A;
	    border-color: #8A5700;
	}
	div.notificacao-padrao a {
	    border-color: #8A5700;
	}
	div.notificacao-padrao a svg {
	    fill: #8A5700;
	}
	div.notificacao-azul {
	    background-color: #9AD7FF;
	    border-color: #3DB6FF;
	}
	div.notificacao-azul a {
	    border-color: #3DB6FF;
	}
	div.notificacao-azul a svg {
	    fill: #3DB6FF;
	}
	div.notificacao-verde {
	    background-color: #94EAB8;
	    border-color: #24AC5C;
	}
	div.notificacao-verde a {
	    border-color: #24AC5C;
	}
	div.notificacao-verde a svg {
	    fill: #24AC5C;
	}
	div.notificacao-vermelha {
	    background-color: #FFE0E2;
	    border-color: #FE4657;
	}
	div.notificacao-vermelha a {
	    border-color: #FE4657;
	}
	div.notificacao-vermelha a svg {
	    fill: #FE4657;
	}