/**
*  Olá desenvolvedor, eu sou o arquivo gestonauta.css, mas pode me chamar de MetroNauta 
*
*  MetroNauta =  Metronic  + Gestonauta  ;)
*
------------------
*
*  Toda customização do layout do metronic ficará aqui, evitando de mexer na estrutura do tema padrão
*  garantimos um suporte de atualização futuras do keenthemes metronic, caso seja necessário.
*
------------------
*   Tema Metronic: 
*
*   demo: https://preview.keenthemes.com/metronic/demo1/index.html
*
------------------
*   Gestonauta UX:
*
*   Protótipo:    https://adobe.ly/3rxSNs3
*   documentação: https://adobe.ly/3rC6y9d
*   guia:         https://encurtador.com.br/xEGW9
* 
**/

@font-face{
    font-family: 'FilsonSoft-Regular';

		src: url(/css/fonts/FilsonSoft-Regular.woff) format('woff'), /* Browsers atualizados */
		/*	url('ArquivoDaFonte.ttf')  format('truetype'), /* Safari, Android, iOS */
		/*	url('ArquivoDaFonte.svg#NomeDaFonte') format('svg') /* iOS */
		;
	}


/**
*  Layout - Customização Gestonauta:
*    Nosso playground para toda customização [desktop]
*
* */
@media (min-width: 992px)
{
	/* Header */
	.header.header-fixed 
	{
	    height: 50px !important;
	}
	.header-fixed .wrapper {
		padding-top: 50px !important;
	}

	/* background padrão*/
	body{
		background: #F4F6F9 !important;
	}
}

/* correções de bugs do tema*/

.card-header {
    border-bottom: 1px solid var(--cinza-borda-bg-escuro) !important;
}



/** 
*   Gestonauta Componentes CSS
*    - forms
*    - modals
*    - btn, btn-group
*    - switch
*    - wizards 
*    
**/


/* -----------NOSSAS CORES----------- */
:root {
	--roxo-principal: #8B44FF; /* Cor principal - Ampla utilização */
	--vinho-apus: #A92C72; /* Decisão, escolha, aviso */
	--verde-principal: #60D49F; /* Afirmação, confirmação, dados positivos */
	--verde-principal-light: #D3FFEB;
	--verde-add: #34BF58; /* Ação, entrada de dados, novos dados */
	--vermelho-principal: #F4516C; /* Negação, cancelamento, dados negativos */
	--vermelho-principal-light: #FFDDE2;
	--vermelho-suave: #F97B73;
	--preto-principal: #34384d; /* Elemento ativo, destaque */
	--cinza-principal: #7E839F; /* Elemento de descrição, item ativo */
	--cinza-inativo: #C0C3DA;
	--cinza-borda-bg: #F5F8FC;
	--cinza-borda-bg-escuro: #EDEFF2;
	--amarelo-principal: #F4A51C; /* Aviso, alerta */ 
	--amarelo-principal-light: #FFF2C4;
	--azul-principal: #55A6FF; 
	--azul-principal-light: #D9F3FF;
	--branco-principal: #FFFFFF; 
}

.bg-roxo-principal {
	background-color: var(--roxo-principal);
}

.bg-cinza-principal {
	background-color: var(--cinza-principal);
}
.bg-cinza-inativo {
	background-color: var(--cinza-inativo) !important;
}

.bg-cinza-borda-bg{
	background-color: var(--cinza-borda-bg);
}

.bg-verde-principal{
	background-color: var(--verde-principal);
}

.bg-verde-add{
	background-color: var(--verde-add);
}

.bg-vermelho-principal{
	background-color: var(--vermelho-principal);
}

.bg-verde-principal-light{
	background-color: var(--verde-principal-light) !important;
}

.bg-vermelho-principal-light{
	background-color: var(--vermelho-principal-light) !important;
}

.bg-amarelo-principal-light{
	background-color: var(--amarelo-principal-light) !important;
}

.bg-azul-principal-light{
	background-color: var(--azul-principal-light) !important;
}

.bg-branco {
	background-color: #fff;
}

.text-roxo-principal{
	color: var(--roxo-principal) !important;
}

.text-preto-principal{
	color: var(--preto-principal) !important;
}

.text-vinho-apus{
	color: var(--azul-principal) !important;
}

.text-verde-principal{
	color: var(--verde-principal) !important;
}

.text-verde-add{
	color: var(--verde-add) !important;
}

.text-verde-principal{
	color: var(--verde-principal) !important;
}

.text-amarelo-principal{
	color: var(--amarelo-principal) !important;
}

.text-vermelho-principal{
	color: var(--vermelho-principal) !important;
}

.text-vermelho-suave{
	color: var(--vermelho-suave) !important;
}

.text-cinza-principal{
	color: var(--cinza-principal) !important;
}

.text-cinza-inativo{
	color: var(--cinza-inativo) !important;
}

.text-azul-principal{
	color: var(--azul-principal) !important;
}

.text-branco-principal{
	color: var(--branco-principal) !important;
}

.border-roxo-principal{
	border: 1px solid var(--roxo-principal) !important;
}
/* -----------AJUSTES GERAIS-----------  */

.card-header, .card-body{
	padding: 28px;
}

body {
	font-family: "FilsonSoft-Regular" !important;
	font-size: 14px !important;
	max-width: 100%;
	overflow-x: hidden;
}

label {
	color: var(--cinza-principal) !important;
	font-family: "FilsonSoft-Regular" !important;
}

th, td{
	font-family: "FilsonSoft-Regular" !important;
	vertical-align: middle !important;
}

.btn-pill {
	width: 120px;
	height: 34px;
	color: #FFFFFF;
	font-family: "FilsonSoft-Medium";
	font-size: 11px;
}

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

.modal-header{
	padding: 18px 35px 12px 35px !important;	
}

.modal-title{
	color: var(--roxo-principal) !important;
	font-family: "FilsonSoft-Medium" !important;
	font-size: 18px !important;
}

.modal-body{
	padding: 30px !important;
	padding-bottom: 0px !important;
}

.modal-footer:not(.modal-inline .modal-footer){
	padding: 0px;
}

.card i{
	font-size:30px;
}

.card-header-ini, .card-header-end{
	padding-left: 37px;
	padding-right: 37px;
}

.card-header-end{
	margin-top: -5px;
}

.card-list-top{
	border-bottom: 1px solid var(--cinza-borda-bg-escuro);
	padding-top: 15px;
	padding-bottom: 5px;
}

.row-card-header{
	height: 30px;
}

#kt_content{
	padding-top: 16.25px;
}

#search{
	width: 150px !important;
}

.card-search .btn-icon{
	background-color: var(--cinza-borda-bg);
	border: 1px solid #F0F2F4;
}

#search-box button, #search-box input{
	background-color: var(--cinza-borda-bg) !important;
}

.dropdown-busca {
	background-color: #F3F6F9 !important;
}

.dropdown-busca:hover, .input-group-append.show .dropdown-busca:not(.active){
	border: 1px solid #C0C3DA !important;
}

.dropdown-busca.active {
	border: 1px solid var(--azul-principal) !important;
}

.dropdown-busca.active i {
	color: var(--azul-principal);
}

.dropdown-busca.btn:after {
	margin: 0;
	content: none;
}

.opcao-busca {
	height: 30px;
	align-items: center;
	color: #7E839F;
}

.opcao-busca.active {
	background-color: #DAE2ED;
	color: #7E839F;
	justify-content: space-between;
}

.opcao-busca.active::after {
	font-family: 'Font Awesome 5 Free';
    content: "\F00C";
    font-weight: 900;
	font-size: 10px;
}

.dropdown-menu.busca {
	background-color: #F3F6F9 !important;
	border: 1px solid #C0C3DA;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.number-personalizado{
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.input-group-prepend{
	border-right: none !important;
}

.input-group-prepend .input-group-text{
	padding-right: 7px !important;
}

.input-group-append .input-group-text{
	padding-left: 7px !important;
}

.input-group-text:not(.disabled){
	background-color: #FFFFFF !important;
}

.input-prefixo{
	border-left: none !important;
	text-align: right;
	padding-left: 0px;
}

.input-sufixo{
	border-right: none !important;
	text-align: right;
	padding-right: 0px;
}

.input-prefixo.esquerda, .input-sufixo.esquerda{
	text-align: left !important;
}

.input-prefixo:focus, .input-sufixo:focus{
	border-color: #E4E6EF !important;
}

.input-group.date{
	cursor: pointer;
}

.input-group.date .input-group-text{
	background-color: #F4F6F9 !important; 
	width: 40px; 
	padding: 10px;
}

.paginacao{
	display: flex;
	justify-content: center;
}

.dropdown > .btn-icon > i, .dropdown > .btn-icon:hover i {
	color: var(--cinza-principal) !important;
}

.dropdown > .btn-icon:hover {
	background-color: var(--cinza-borda-bg) !important;
}

.swal2-container .swal2-html-container {
	max-height: none !important; 
}

.swal2-content div, .swal2-content small {
	display: block;
}

.popover{
	max-width: 100%;
}

.quantidade_produto::-webkit-outer-spin-button, 
.quantidade_produto::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantidade_produto {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	        appearance: textfield;
}

/* -----------LOGIN----------- */

.titulo-login{
	font-size: 18px;
	font-family: 'Space Grotesk';
	font-weight: 500;
	text-transform: uppercase;
}

.input-login{
	width: 242px;
	height: 40px;
	border-radius: 4px;
	background-color: var(--branco-principal);
	color: var(--cinza-principal);
	border: 1px solid var(--cinza-borda-bg-escuro);
	font-family: 'Rubik';
	font-size: 14px;
	padding: 10px 25px;
}

.input-cadastro-conta{
	width: 311;
	height: 40px;
	border-radius: 4px;
	background-color: var(--branco-principal);
	color: var(--cinza-principal);
	border: 1px solid var(--cinza-borda-bg-escuro);
	font-family: 'Rubik';
	font-size: 14px;
	padding: 10px 25px;
}

.input-login:focus, .input-cadastro-conta:focus{
	border: 1px solid var(--roxo-principal) !important; 
}

.btn-login, .btn-login:hover{
	padding-left: 30px;
	padding-right: 30px;
	height: 40px;
	font-family: 'Rubik';
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--branco-principal);
	background-color: var(--roxo-principal);
	border-radius: 25px;
}

.link-esqueci-senha, .link-esqueci-senha:hover{
	font-family: 'Rubik';
	color: var(--cinza-inativo);
	text-decoration: underline !important;
	font-size: 11px;
}

.link-criar-conta, .link-criar-conta:hover{
	font-family: 'Rubik';
	color: var(--verde-principal);
	text-decoration: underline !important;
	font-size: 12px;
}

.texto-termos-de-uso{
	font-family: 'Rubik';
	color: var(--cinza-inativo);
	font-size: 12px;
}

.texto-termos-de-uso a, .texto-termos-de-uso a:hover{
	color: var(--cinza-inativo);
	text-decoration: underline !important;
}

/* -----------END LOGIN----------- */


/* -----------PAGINAÇÃO----------- */

.page-item{
	width: 37px;
	height: 26px;
	text-align: center;
}

.page-link{
	border: none !important;
	border-radius: 4px;
	background-color: var(--cinza-borda-bg) !important;
	color: var(--cinza-principal) !important;
	white-space: nowrap !important;
}

.page-item.active .page-link{
	background-color: var(--cinza-borda-bg-escuro) !important;
}

/* -----------DASHBOARD----------- */

.saudacao{
	font-size: 27px;
	color: var(--preto-principal);
}

.saudacao .maior{
	font-size: 34px;
}

.saudacao-alternativa{
	font-family: "FilsonSoft-Medium";
	font-size: 50px;
}

.frase-dashboard{
	color: #A1A6C0;
	font-size: 12px;
}

.frase-dashboard-alternativa{
	color: #A1A6C0;
	font-size: 14px;
}

.card-header-dashboard{
	min-height: 60px !important;
}

.area-indicador-dashboard{
	border: 1px solid var(--cinza-borda-bg-escuro);
	padding: 11px 16px;
	border-radius: 15px;
	min-height: 54px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.totalizador-dashboard{
	font-size: 18px;
	font-family: "FilsonSoft-Medium";
	color: var(--preto-principal);
}

.label-dashboard{
	font-size: 14px;
	color: var(--cinza-principal);
}

.label-dashboard.menor{
	font-size: 12px;
}

.totalizador-dashboard.menor{
	font-size: 14px;
}

.sombra-interna-bottom {
	box-shadow: inset 0px -15px 10px -15px var(--cinza-inativo);
}
.sombra-interna-top {
	box-shadow: inset 0px 15px 10px -15px var(--cinza-inativo);
}

.sombra-interna-y{
	box-shadow: inset 0px -15px 10px -15px var(--cinza-inativo) , 
	inset 0px 15px 10px -15px var(--cinza-inativo);

}

.barra-rolagem.barra-rolagem-com-sombra{
    transition: all 0.5s ease;
}

.icone-redondo{
	width: 38px;
	height: 38px;
	border-radius: 50%;
	padding: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-filtro-indicador{
	color: #A1A6C0;
	font-size: 14px;
	width: 89px;
	height: 29px;
	text-transform: lowercase;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.btn-filtro-indicador.active{
	background-color: var(--cinza-borda-bg);
	color: var(--roxo-principal);
}

.btn-filtro-indicador:hover:not(.active){
	background-color: var(--cinza-borda-bg);
	color: #A1A6C0;
}

/* -----------MINHA CONTA----------- */

.nome-usuario-minha-conta{
	font-size: 20px;
	color: var(--roxo-principal);
	margin-bottom: 4px;
	height: 20px;
}

.cargo-usuario-minha-conta{
	font-size: 16px;
	color: var(--cinza-inativo);
	font-weight: normal;
	height: 16px;
	margin-bottom: 4px;
}

.email-usuario-minha-conta{
	font-size: 14px;
	color: var(--cinza-inativo);
	font-weight: normal;
	height: 14px;
	margin-bottom: 4px;
}

.sair-da-conta, .sair-da-conta:hover{
	font-size: 14px;
	color: var(--cinza-inativo);
	text-decoration: none;
}

.texto-menu-minha-conta{
	font-size: 16px;
	color: var(--cinza-principal);
}

.navi-item.minha-conta .navi-link:hover *{
	color: var(--roxo-principal) !important; 
}

.navi-item.minha-conta .navi-link:hover{
	background-color: var(--cinza-borda-bg) !important; 
}

/* -----------FERRAMENTAS----------- */

.btn-ferramentas{
	border: 1px solid var(--cinza-borda-bg-escuro);
	color: var(--cinza-principal);
}

.btn-ferramentas i{
	color: var(--cinza-principal);
}

.btn-ferramentas:hover, .btn-ferramentas:hover i{
	color: var(--roxo-principal) !important;
	background-color: var(--cinza-borda-bg) !important; 
}
/* -----------NOSSOS COMPONENTES----------- */

.col-40{
	margin: 0px 12.5px;
	width: 40px;
}

.col-70{
	margin: 0px 12.5px;
	width: 70px;
}

.col-80{
	margin: 0px 12.5px;
	width: 80px;
}

.col-85{
	margin: 0px 12.5px;
	width: 85px;
}

.col-100{
	margin: 0px 12.5px;
	width: 100px;
}

.col-120{
	margin: 0px 12.5px;
	width: 120px;
}

.col-135{
	margin: 0px 12.5px;
	width: 135px;
}

.col-150{
	margin: 0px 12.5px;
	width: 150px;
}

.col-155{
	margin: 0px 12.5px;
	width: 155px;
}

.col-180{
	margin: 0px 12.5px;
	width: 180px;
}

.col-180 .select2{
	width: 180px !important;
	max-width: 180px !important;
}

.col-200{
	margin: 0px 12.5px;
	width: 200px;
}

.col-220{
	margin: 0px 12.5px;
	width: 220px;
}

.col-270{
	margin: 0px 12.5px;
	width: 270px;
}

.col-270 .select2{
	width: 270px !important;
	max-width: 270px !important;
}

.col-349{
	margin: 0px 12.5px;
	width: 349px;
}

.col-400{
	margin: 0px 12.5px;
	width: 400px;
}

.col-470{
	margin: 0px 12.5px;
	width: 470px;
}

.loading-tela-cheia, #pesquisa-avancada {
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 999;
}

#pesquisa-avancada {
	background: rgba(255, 255, 255, 0.95);
}

.loading-tela-cheia.active {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.midia-futura{
	width: 89px;
	height: 89px;
	margin: auto;
	border: 1px solid var(--azul-principal);
	border-radius: 50%;
}

.scrolltop{
	background-color: var(--roxo-principal) !important;
}

.topbar-gesto{
	height: 50px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-family: "FilsonSoft-Regular";
}

.topbar-teste{
	background-color: var(--branco-principal);
	color: var(--roxo-principal);
}

.topbar-pendente{
	background-color: #FFF2C4;
	color: var(--roxo-principal);
}

/* cards de navegação */
.card-nav{
	min-width: 135px;
	height: 55px;
	background-color: #FFFFFF;
	border-radius: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 20px #BFC3D233;
}

.texto-card-nav{
	font-family: "FilsonSoft-Medium";
	font-size: 14px;
	color: var(--cinza-principal);
}

.icon-card-nav{
	color: var(--cinza-principal);
}

/* estado ativo dos cards */
.card-nav-verde-add.active > .texto-card-nav, .card-nav-verde-add.active > .icon-card-nav{
	color: var(--verde-add) !important;
}
.card-nav-azul-principal.active > .texto-card-nav, .card-nav-azul-principal.active > .icon-card-nav{
	color: var(--azul-principal)  !important;
}
.card-nav-amarelo-principal.active > .texto-card-nav, .card-nav-amarelo-principal.active > .icon-card-nav{
	color: var(--amarelo-principal)  !important;
}
.card-nav-roxo-principal.active > .texto-card-nav, .card-nav-roxo-principal.active > .icon-card-nav{
	color: var(--roxo-principal)  !important;
}
.card-nav-verde-principal.active > .texto-card-nav, .card-nav-verde-principal.active > .icon-card-nav{
	color: var(--verde-principal)  !important;
}
.card-nav-vermelho-principal.active > .texto-card-nav, .card-nav-vermelho-principal.active > .icon-card-nav{
	color: var(--vermelho-principal)  !important;
}

/* estado hover dos cards */
.card-nav-verde-add:hover{
	border: 1px solid var(--verde-add);
}
.card-nav-azul-principal:hover{
	border: 1px solid var(--azul-principal);
}
.card-nav-amarelo-principal:hover{
	border: 1px solid var(--amarelo-principal);
}
.card-nav-roxo-principal:hover{
	border: 1px solid var(--roxo-principal);
}
.card-nav-verde-principal:hover{
	border: 1px solid var(--verde-principal);
}
.card-nav-vermelho-principal:hover{
	border: 1px solid var(--vermelho-principal);
}

.card-nav:hover > .texto-card-nav{
	color: var(--preto-principal) !important;
}

.card-nav-verde-add:hover > .icon-card-nav{
	color: var(--verde-add);
}
.card-nav-azul-principal:hover > .icon-card-nav{
	color: var(--azul-principal);
}
.card-nav-amarelo-principal:hover > .icon-card-nav{
	color: var(--amarelo-principal);
}
.card-nav-roxo-principal:hover > .icon-card-nav{
	color: var(--roxo-principal);
}
.card-nav-verde-principal:hover > .icon-card-nav{
	color: var(--verde-principal);
}
.card-nav-vermelho-principal:hover > .icon-card-nav{
	color: var(--vermelho-principal);
}

/* end cards de navegação */

.clickable-row:not(.td-col-action){
	cursor: pointer;
}

.aviso-input{
	color: var(--vermelho-principal);
	display: none;
}

.filtro-datas{
	text-align: center;
	cursor: pointer;
	max-width: 250px;
}

.btn-novo, .btn-novo:hover{
	color: var(--verde-add);
	text-transform: uppercase;
	font-size: 18px;
	font-family: "FilsonSoft-Medium";
	padding: 0px !important;
	margin-top: -5px;
}

.btn-novo-404, .btn-novo-404:hover{
	color: var(--verde-add);
	font-size: 18px;
	font-family: "FilsonSoft-Medium";
	padding: 0px !important;
	margin-top: -5px;
}

.btn-novo i, .btn-novo-404 i{
	color: var(--verde-add);
}

.titulo-principal {
	font-size: 18px;
	line-height: 27px;
	text-align: left;
	color: var(--roxo-principal);
	font-family: "FilsonSoft-Medium";
	margin: 24px auto 15px 0px;
}

.titulo-bloco {
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: var(--roxo-principal);
	font-family: "FilsonSoft-Regular";
	margin: auto auto 6.5px 0px;
	text-transform: uppercase;
}	

.separador-bloco{
	margin: 0px -28px 20px -28px; 
	border: 1px solid #F0F2F4;
}

.titulo-alternativo{
	font-size: 16px;
	font-family: "FilsonSoft-Medium";
	color: var(--preto-principal);
}

.btn-buscar{
	font-family: "FilsonSoft-Regular" !important;
	width: 85px !important;
	height: 38px !important;
	border: 1px solid #D3D7E2;
	background-color: #F4F6F9;
	color: #A1A6C0;
	font-size: 14px !important;
	text-transform: uppercase;
}

.btn-primario{
	font-family: "FilsonSoft-Medium" !important;
	font-size: 12px;
	background-color: #FFFFFF !important;
	color: var(--roxo-principal);
	border: 1px solid var(--cinza-inativo);
	margin: 13px 41px 13px auto;
	text-transform: uppercase;
	padding-left: 20px; 
	padding-right: 20px; 
	width: -webkit-fit-content; 
	width: -moz-fit-content; 
	width: fit-content;
	min-width: 110px;
}

.btn-primario:hover{
	background-color: var(--roxo-principal) !important;
	border-color: var(--roxo-principal) !important;
	color: #FFFFFF;
}

.btn-secundario{
	font-family: "FilsonSoft-Medium" !important;
	font-size: 12px;
	background-color: #FFFFFF !important;
	width: 108px !important;
	color: var(--cinza-principal) !important;
	margin: 13px auto 13px 41px;
	border: 1px solid var(--cinza-inativo);
	text-transform: uppercase;
}

.btn-secundario:hover{
	color: var(--roxo-principal) !important;
	border-color: var(--cinza-principal);
}

.btn-sucesso{
	font-family: "FilsonSoft-Medium" !important;
	background-color: var(--cinza-borda-bg-escuro)!important;
	color: var(--verde-principal);
	font-size: 12px !important;
	margin: 13px 41px 13px auto;
	text-transform: uppercase;
	padding-left: 20px; 
	padding-right: 20px; 
	width: -webkit-fit-content; 
	width: -moz-fit-content; 
	width: fit-content;
	min-width: 110px;
}

.btn-sucesso:hover{
	color: #FFFFFF;
	background-color: var(--verde-principal) !important;
}

.btn-outro{
	font-family: "FilsonSoft-Medium" !important;
	background-color: #F7F9FD !important;
	width: 195px;
	height: 38px !important;
	color: var(--verde-add) ! important;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}

.btn-link{
	font-family: "FilsonSoft-Medium" !important;
	font-size: 12px;
	color: var(--verde-add) ! important;
	text-transform: uppercase;
}

.btn-link-outro{
	font-family: "FilsonSoft-Medium" !important;
	font-size: 12px;
	color: var(--cinza-inativo) !important;
}

.btn-link:hover, .btn-link-outro:hover{
	text-decoration: underline !important;
}

.btn-vazado{
	font-family: "FilsonSoft-Medium" !important;
	margin: 13px 41px 13px auto;
	text-transform: uppercase;
	color: var(--roxo-principal);
	border: 1px solid var(--cinza-inativo);
}

.btn-vazado:hover{
	border-color: var(--roxo-principal);
	color: var(--roxo-principal);
}

.btn-acesso-parceiros{
	color: #8197B5;
	font-family: "Sora", sans-serif;
	font-size: 14px;
	border-radius: 15px;
	border: 1px solid #DAE2ED;
}

.btn-acesso-parceiros i{
	color:#8197B5;
}

.btn-acesso-parceiros:hover{
	color: #FF7F02;
	border: 1px solid var(--color1, #FF7F02);
}

.btn-acesso-parceiros:hover i{
	color: #FF7F02;
}

.btn-detalhes{
	font-family: "FilsonSoft-Regular" !important;
	font-size: 12px;
	width: 83px;
	height: 20px;
	background-color: var(--cinza-borda-bg-escuro);
	color: var(--cinza-principal);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
}

.btn-topbar{
	font-size: 12px;
	font-family: "FilsonSoft-Medium";
	color: var(--roxo-principal);
	text-transform: uppercase;
	height: 27px;
	border: 1px solid var(--roxo-principal);
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-cinza{
	font-family: "FilsonSoft-Medium" !important;
	font-size: 12px;
	background-color: var(--cinza-borda-bg-escuro);
	color: var(--cinza-inativo);
	text-transform: uppercase;
	padding-left: 30px; 
	padding-right: 30px; 
	width: -webkit-fit-content; 
	width: -moz-fit-content; 
	width: fit-content;
}

.ponto-vermelho-validacao{
	font-size: 26px;
	color: var(--vermelho-principal);
}

.dropdown-acoes-visualizacao{
	color: #898EAA;
	background-color: #F6F8FA;
	width: 99px;
	height: 38px;
}

.dropdown-acoes-listagem{
	font-family: "FilsonSoft-Regular" !important;
	color: #898EAA !important;
	background-color: var(--cinza-borda-bg) !important;
	width: 157px !important;
	height: 38px !important;
	border: none !important;
}

.dropdown-acoes-relatorio{
	font-family: "FilsonSoft-Regular" !important;
	color: var(--roxo-principal) !important;
	background-color: var(--branco-principal) !important;
	width: 99px !important;
	height: 38px !important;
	border: none !important;
}

.btn-visualizacao{
	width: 165px;
	height: 30px;
	border: 1px solid var(--cinza-inativo);
	border-radius: 19px;
	text-transform: uppercase;
	color: var(--roxo-principal);
	font-family: "FilsonSoft-Medium";
}

.btn-visualizacao i{
	color: var(--roxo-principal);
	margin-top: -2px;
}

.btn-visualizacao:hover{
	border-color: var(--roxo-principal) !important;
	color: var(--roxo-principal);
}

.btn-group-datas{
	height: 36px;
}

.btn-group-datas > .btn.active{
	background-color: var(--azul-principal) !important;
	color: #FFFFFF !important;
}

.btn-filtro-datas{
	background-color: var(--cinza-borda-bg);
	color: #C0C3DA !important;
	border: 1px solid #F0F2F4;
}

.btn-number{
	border: 1px solid var(--cinza-inativo);
	background-color: #F4F6F9;
}

.bootstrap-touchspin-up{
	border-bottom: none !important;
}

.bootstrap-touchspin-down{
	border-top: none !important;
}

.btn-mais-infos, .btn-mais-infos:hover, .btn-mais-infos:active{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	color: #898EAA;
	cursor: pointer;
}

.info-recolhida{
	display: none;
}

.btn-recolher-infos{
	color: var(--cinza-inativo);
	cursor: pointer;
}

.tag{
	color: white;
	vertical-align: middle;
	text-transform: uppercase;
	cursor: default;
}

.tag-azul{
	color: white;
	background-color: var(--azul-principal);
}

.tag-roxa{
	color: white;
	background-color: var(--roxo-principal);
}

.aviso-decisao{
	background: #F9FAFE;
	border: 1px solid var(--azul-principal);
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
}

.aviso-escondido{
	display: none;
}

.text-aviso-decisao{
	font-size: 16px !important;
	color: var(--azul-principal) !important;
	font-family: "FilsonSoft-Regular";
}

.text-aviso-decisao.menor{
	font-size: 14px !important;
}

.remove-produto>i{
	transition: 0.3s;
}

.remove-produto>i:hover{
	transition: 0.3s;
	color: var(--vermelho-principal);
}

.titulo-bloco-modal{
	font-family: "FilsonSoft-Medium" !important; 
	color: var(--preto-principal);
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
}

.area-totalizadores-modal{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px dashed var(--cinza-inativo);
	border-radius: 10px;
	padding: 15px 30px;
	margin: 0px 12.5px 23px 12.5px;
	height: 74px;
	width: 100%;
	margin-top: 18px;
}

.totalizador-modal{
	font-size: 18px;
	font-family: "FilsonSoft-Medium"; 
	color: var(--preto-principal);
}

.totalizador-modal.maior{
	font-size: 20px;
	font-weight: bold;
}

.area-filtros {
	display: none;
	margin-right: -18px;
	margin-left: -18px;
	background: var(--cinza-borda-bg);
	padding: 15px 18px;
}

.border-azul-principal {
	border: 1px solid var(--azul-principal) !important;
}

#btn-filtros.border-azul-principal i {
	color: var(--azul-principal) !important;
}

/* -----------CARDS SELECIONÁVEIS-----------
*  EX.: WIZARD PRIMEIROS PASSOS, CADASTRO DE CAIXA FINANCEIRO. 
*  A BASE É O ITEM "FOMRS>FORM CONTROLS>MEGAOPTION" DO TEMA */

.card-seletor{
	width: 174px;
	height: 163px;
	border-radius: 15px;
	border: 1px dashed #D9DCE7;
	margin-right: 61px;
	text-align: center;
	padding-top: 23px;
	cursor: pointer;
}

.card-seletor, .card-seletor * {
	transition: all 0.5s ease;
}

.card-seletor.menor{
	width: 200px !important;
	height: 70px !important;
	padding: 14px 18px;
	margin-right: 33px; 
}

.card-seletor.menor_ainda{
	width: 130px !important;
	height: 45px !important;
	/* padding: 14px 18px; */
}

.card-seletor.livre{
	width: auto;
	height: auto;
}

.card-seletor.checkout{
	margin-right: 13px !important;
	width: 130px !important;
	height: 50px !important;
	padding: 14px 18px;
	margin-right: 33px; 
}

.card-seletor-selecionado{
	border-color: var(--azul-principal) !important;
}

.card-seletor-selecionado.checkout{
	border-color: var(--roxo-principal) !important;
}

.card-seletor .option-body{
	font-size: 14px !important;
	color: var(--preto-principal) !important;
	margin: 19px auto 18px auto;
	padding: 0 !important;
}

.card-seletor.checkout .option-body{
	color: var(--roxo-principal) !important;
}

.card-seletor .option-head{
	text-align: center;
}

.card-seletor .option-control{
	display: none;
}

/* -----------END CARDS SELECIONÁVEIS----------- */

/* -----------CHECKOUT----------- */

.titulo-checkout{
	font-size: 23px;
	color: var(--preto-principal);
}

.switch.switch-mensal-anual input:checked ~ span:after {
	opacity: 1;
    background-color: var(--roxo-principal) !important;
}

.switch.switch-mensal-anual input:empty ~ span:after {
	opacity: 1;
    background-color: var(--preto-principal);
}

.switch.switch-mensal-anual input:checked ~ span:before, .switch.switch-mensal-anual input:empty ~ span:before {
	opacity: 1;
    background-color: var(--cinza-borda-bg-escuro);
}

.label-anual, .label-mensal {
	font-size: 16px;
}

.label-anual {
	font-weight: bold;
}

.area-switch-planos {
	border: 1px dashed #D9DCE7;
	border-radius: 15px;
	padding: 10px 30px;
}

.pulsante {
    -webkit-animation: pulsante 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
	animation: pulsante 3s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.5;
}

.shake {
	animation: shake 5s 2 linear;
	-webkit-animation: shake 5s 2 linear;

    animation-iteration-count: infinite; 
    -webkit-animation-iteration-count: infinite; 
}

@-webkit-keyframes pulsante {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}

@keyframes pulsante {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	1% { transform: rotate(5deg); }
	2% { transform: rotate(0deg); }
	6% { transform: rotate(-5deg); }
	4% { transform: rotate(0deg); }
	5% { transform: rotate(0deg); }
	6% { transform: rotate(5deg); }
	7% { transform: rotate(0deg); }
	8% { transform: rotate(-5deg); }
	9%, 100% { transform: rotate(0deg); }
}

@-webkit-keyframes shake {
	0% { transform: rotate(0deg); }
	1% { transform: rotate(5deg); }
	2% { transform: rotate(0deg); }
	6% { transform: rotate(-5deg); }
	4% { transform: rotate(0deg); }
	5% { transform: rotate(0deg); }
	6% { transform: rotate(5deg); }
	7% { transform: rotate(0deg); }
	8% { transform: rotate(-5deg); }
	9%, 100% { transform: rotate(0deg); }
}

.fundo-cinza-planos{
	width: 100%;
	height: 253px;
	background-color: var(--cinza-borda-bg);
	position: absolute;
	margin-left: -29.250px;
	top: 180px;
}

.card-plano{
	padding: 29px 20px 20px 16px;
	width: 250px;
	background-color: var(--branco-principal);
	border: 2px solid var(--cinza-borda-bg-escuro);
	border-radius: 10px;
	height: 491px;
	box-shadow: 0px 10px 10px #7049ED33;
}

.card-plano i{
	color: var(--cinza-principal);
}

.card-plano:hover {
	transition: 0.2s;
	border: 2px solid var(--roxo-principal) !important;
}

.card-plano:hover .plano-hover {
	transition: 0.2s;
	color: var(--roxo-principal) !important;
}

.card-plano:hover .btn-plano {
	transition: 0.2s;
	background-color: var(--roxo-principal);
	color: var(--branco-principal);
	box-shadow: 0px 5px 5px #7049ED33;
}

label.recomendado{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	margin: -40px auto 21.5px auto;
	background-color: var(--verde-principal);
	font-size: 13px;
	font-family: "FilsonSoft-Bold2" !important;
	text-transform: uppercase;
	width: 155px;
	height: 19px;
	border-radius: 4px !important;
}

.medalha-recomendado{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24.71px;
	height: 24.71px;
	border-radius: 50%;
	background-color: #FCD500;
	margin-right: 2px;
}

.borda-interna-medalha{
	width: 22px;
	height: 22px;
	border: 0.5px solid #FFA700;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.medalha-recomendado i{
	font-size: 17px;
	color: #FFF2C4;
	margin-top: -1px;
}

.nome-plano-checkout{
	font-size: 23px;
	font-family: "FilsonSoft-Medium" !important;
	text-transform: uppercase;
	color: var(--preto-principal) !important;
}

.nome-plano-checkout.menor{
	font-family: "FilsonSoft-Regular" !important;
	font-size: 14px;
}

.valor-anterior-plano-checkout{
	margin-top: 19px;
	font-size: 12px;
	text-decoration: line-through;
	color: var(--cinza-inativo) !important;
}
.valor-plano-checkout{
	color: var(--preto-principal);
	font-family: "FilsonSoft-Black" !important;
	font-size: 30px;
}

.valor-plano-checkout .menor{
	font-size: 14px;
	height: 14px;
}

.periodo-plano-checkout{
	font-size: 14px;
	height: 14px;
	font-family: "FilsonSoft-Regular" !important;
}

.oferta-anual {
	font-family: "FilsonSoft-Regular";
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.oferta-anual .maior{
	font-size: 13.5px;
}

.btn-plano{
	width: 210px;
	height: 40px;
	border-radius: 6px;
	border: 1px solid var(--cinza-inativo);
	box-shadow: 0px 5px 5px #7E839F33;
	font-size: 14px;
	font-family: "FilsonSoft-Regular" !important;
	text-transform: uppercase;
	color: var(--preto-principal);
}

.btn-plano.roxo{
	background-color: var(--roxo-principal);
	color: var(--branco-principal);
	box-shadow: 0px 5px 5px #7049ED33;
}

.btn-plano.azul{
	background-color: var(--branco-principal);
	color: var(--azul-principal);
	box-shadow: 0px 5px 5px #55A6FF33;
}

.btn-plano.amarelo{
	background-color: var(--branco-principal);
	color: var(--amarelo-principal);
	box-shadow: 0px 5px 5px #F4A51C33;
}

.btn-plano.verde{
	background-color: var(--branco-principal);
	color: var(--verde-principal);
	box-shadow: 0px 5px 5px #60D49F33;
}

.btn-verde-checkout{
	font-family: "FilsonSoft-Medium" !important;
	background-color: var(--verde-principal);
	color: var(--branco-principal);
	font-size: 12px !important;
	text-transform: uppercase;
	height: 38px;
	border-radius: 19px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 102px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-vazado-checkout{
	font-family: "FilsonSoft-Medium" !important;
	color: #898EAA;
	font-size: 12px !important;
	text-transform: uppercase;
	height: 38px;
	border-radius: 19px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #898EAA;
}

.btn-roxo-checkout, .btn-roxo-checkout:hover{
	font-family: "FilsonSoft-Medium" !important;
	background-color: var(--roxo-principal);
	color: var(--branco-principal);
	font-size: 12px !important;
	text-transform: uppercase;
	height: 38px;
	border-radius: 19px;
	padding-left: 20px;
	padding-right: 20px;
}

.area-dados-cartao-checkout{
	width: 550px;
}

.area-resumo-compra-checkout{
	width: 400px;
}

.texto-auxiliar-checkout{
	color: var(--cinza-inativo);
	font-size: 14px;
}

.texto-auxiliar-checkout.menor{
	font-size: 12px;
}

.area-imagem-final-checkout{
	height: 297px;
	width: 100%;
	background-color: #D3FFEB;
	border-radius: 4px 4px 0px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.area-resultado-boleto{
	width: 651px;
	padding: 20px 43px;
	border: 1px dashed #C0C3DA;
	border-radius: 10px;
	text-align: center;
}

.btn-cinza-checkout{
	font-family: "FilsonSoft-Medium";
	font-size: 13px;
	text-transform: uppercase;
	color: var(--cinza-principal);
	background-color: var(--cinza-borda-bg);
	border: 1px solid var(--cinza-inativo);
	height: 38px;
	padding-left: 15px;
	padding-right: 15px;
	width: 150px;
}

.text-aviso-decisao.checkout{
	font-size: 11px !important;
}

.aviso-decisao.checkout{
	width: 545px;
	height: 27px;
}

.erro-pagamento-checkout{
	width: 100%;
	height: 49px;
	border-radius: 4px;
	padding: 0px 20px;
	border: 1px solid #FFDDE2;
	background-color: #FFF2F4;
	color: var(--vermelho-principal);
	font-size: 14px;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

/* -----------END CHECKOUT----------- */

/* -----------MINHA CONTA----------- */

.card-minha-conta{
	border: 2px solid var(--cinza-borda-bg-escuro);
	padding: 30px;
	border-radius: 10px;
}

.nome-plano-minha-conta{
	font-size: 24px;
	text-transform: uppercase;
	color: var(--roxo-principal);
}

.nome-plano-minha-conta.light{
	font-family: "FilsonSoft-Light" !important;
}

.link-opcao-minha-conta, .link-opcao-minha-conta:hover{
	text-transform: uppercase;
	font-size: 12px;
	color: var(--cinza-inativo);
	text-decoration: underline;
}

.info-consumo{
	font-size: 12px;
	color: var(--cinza-principal);
}

.fundo-fatura-minha-conta{
	min-height: 133px;
	background-color: #D3FFEB;
	position: relative;
	margin: -26px -29.250px 28px -29.250px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px;
}

.fundo-fatura-minha-conta.vencida{
	background-color: #FFDDE2;
}

.area-fatura-minha-conta{
	background-color: var(--branco-principal);
	border: 1px dashed #D9DCE7;
	border-radius: 15px;
	padding: 22px 40px;
	min-width: 658px;
}

.titulo-fatura-disponivel{
	font-size: 25px;
	color: var(--preto-principal);
}

.btn-fatura-minha-conta{
	font-size: 12px;
	text-transform: uppercase;
	color: var(--cinza-principal);
	background-color: var(--cinza-borda-bg);
	border: 1px solid var(--cinza-inativo);
	height: 33px;
	width: 165px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 19px;
}

.btn-fatura-minha-conta.menor{
	width: 100px;
}

.texto-auxiliar-boleto{
	color: var(--preto-principal);
	font-size: 10px;
	text-transform: uppercase;
}

/* -----------END MINHA CONTA----------- */

/* -----------WIZARD PRIMEIROS PASSOS----------- */

.wizard.wizard-1 .wizard-nav{
	margin-top: 37px !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
	margin-left: 15px !important;
	margin-right: 15px !important;
	line-height: 35px !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
	color: #C0C3DA !important;
	font-size: 16px !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
	color: #C0C3DA !important;
	font-size: 30px !important;
}

.wizard.wizard-1 .wizard-icon{
	font-family: "FilsonSoft-Medium" !important; 
	font-size: 50px !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon {
	color: var(--roxo-principal) !important;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon svg g [fill] {
	fill: var(--roxo-principal) !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-title {
	color: var(--roxo-principal) !important;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow {
	color: var(--roxo-principal) !important;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-arrow svg g [fill] {
	fill: var(--roxo-principal) !important;
}

.wizard-title {
	margin-top: 0px !important;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
	.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}
	.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-icon {
	  font-size: 50px !important;
	}
	.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
	  margin-top: 0px !important;
	  margin-bottom: 0px !important;
	}
	.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-arrow {
	  font-size: 30px !important;
	}
}

.titulo1-primeiros-passos{
	text-align: center;
	font-size: 30px;
	color: var(--roxo-principal);
	margin-top: 54px;
}

.titulo2-primeiros-passos{
	text-align: center;
	font-size: 22px;
	color: var(--preto-principal);
	margin-bottom: 31px;
}

.pergunta-primeiros-passos{
	text-align: center;
	font-size: 22px;
	color: var(--preto-principal);
	margin-bottom: 48px;
	line-height: 32px;
}

.opcao-radio-primeiros-passos{
	font-size: 16px !important;
	color: var(--preto-principal) !important;
}

.radio.radio-outline > input:checked ~ span,
.checkbox.checkbox-outline > input:checked ~ span,
.checkbox.checkbox-outline > input:checked ~ span:after {
	border-color: var(--azul-principal) !important;
}

.radio.radio-outline > input:checked ~ span:after{
	background-color: var(--azul-principal) !important;
	border-color: var(--azul-principal) !important;
}

.card-primeiros-passos{
	width: 1024px;
	margin-bottom: 50px;
}

/* -----------END WIZARD----------- */



/* -----------MINHA EMPRESA----------- */

.nome-empresa{
	text-transform: uppercase;
	font-size: 18px;
	line-height: 27px;
	font-family: "FilsonSoft-Regular";
	margin-bottom: 23px;
	color: var(--preto-principal);
}

.dados-principais{
	margin-bottom: 26px;
}

.campo-dados-principais{
	color: var(--preto-principal);
	margin-bottom: 6.5px;
}

.navi-text {
	color: var(--cinza-principal) !important;
}

.titulo-empresa {
	font-size: 16px;
	line-height: 24px;
	font-family: "FilsonSoft-Regular";
	color: var(--preto-principal);
}

.dica-empresa {
	font-size: 11px;
	line-height: 16px;
	font-family: "FilsonSoft-Regular";
	color: #C0C3DA;
	margin-top: 18px;
}

.aviso-certificado {
	font-size: 11px;
	line-height: 12px;
	font-family: "FilsonSoft-Regular";
	color: var(--amarelo-principal);
	margin-top: 15px;
	display: flex;
	align-items: center;
	width: 245px;
}

.aviso-certificado i{
	color: var(--amarelo-principal);
}

.area-upload-certificado{
	width: 245px;
	height: 87px;
	display: flex;
	align-items: center;
	border-radius: 15px !important;
}

.certificado .dropzone-msg-title{
	font-size: 16px !important;
	color: var(--cinza-inativo) !important;
	text-align: left !important;
}

.certificado .dropzone-msg-desc{
	font-size: 11px !important;
	color: var(--cinza-principal) !important;
}

.area-certificado-enviado{
	border: 2px solid var(--cinza-borda-bg-escuro);
	border-radius: 10px;
	padding: 25px;
}

.btn-add-serie{
	background-color: var(--verde-principal) !important;
	width: 121px !important;
	text-transform: uppercase;
	color: #FFFFFF;
}

.switch.switch-ambiente-nfe:not(.switch-outline) input:empty ~ span:before {
    background-color: var(--amarelo-principal);
}

.switch.switch-ambiente-nfe:not(.switch-outline) input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 0.7;
}

.switch.switch-ambiente-nfe:not(.switch-outline) input:checked ~ span:before {
    background-color: var(--roxo-principal);
}

.switch.switch-ambiente-nfe:not(.switch-outline) input:checked ~ span:after {
    opacity: 1;
    color: var(--azul-principal);
    background-color: #ffffff;
}

/* -----------END MINHA EMPRESA----------- */

/* -----------PERFIL DE ACESSO----------- */

.permissao > .radio.radio-outline.radio-verde > input:checked ~ span {
	border-color: var(--verde-principal) !important;
}

.permissao > .radio.radio-outline.radio-verde > input:checked ~ span:after{
	background-color: var(--verde-principal) !important;
	border-color: var(--verde-principal) !important;
}

.permissao > .radio.radio-outline.radio-vermelho > input:checked ~ span {
	border-color: var(--vermelho-principal) !important;
}

.permissao > .radio.radio-outline.radio-vermelho > input:checked ~ span:after{
	background-color: var(--vermelho-principal) !important;
	border-color: var(--vermelho-principal) !important;
}

.icone-liberar-permissoes, .icone-retirar-permissoes{
	cursor: pointer;
}

.icone-liberar-permissoes:hover{
	color: var(--verde-principal) !important; 
}

.icone-retirar-permissoes:hover{
	color: var(--vermelho-principal) !important; 
}

/* -----------END PERFIL DE ACESSO----------- */

/* -----------FINANCEIRO CAIXAS----------- */

.area-caixa{
	width: 445px;
	height: 132px;
	border: 1px solid #D9DCE7;
	border-radius: 4px;
	margin: 0px 0px 0px 0px;
	padding: 32px 44px;
}

.area-caixa.inativo *{
	color: var(--cinza-inativo) !important;
}

.acoes-caixa{
	margin-top: -15px;
	margin-right: -30px;
}

.descricao-caixa{
	font-size: 16px;
	color: var(--preto-principal);
	font-family: "FilsonSoft-Regular";
}

.label-caixa{
	font-size: 14px;
	color: var(--cinza-principal);
	font-family: "FilsonSoft-Regular";
}

.saldo-caixa{
	font-size: 16px;
	color: var(--verde-principal);
	font-family: "FilsonSoft-Regular";
	font-weight: bold;
}

.aviso-inativacao{
	width: 349px;
	height: 46px;
}

.respostas-aviso{
	font-size: 12px !important;
	color: #A1A6C0 !important;
	font-family: "FilsonSoft-Regular";
}

/* -----------END FINANCEIRO CAIXAS----------- */

/* -----------FINANCEIRO CONTAS----------- */

.area-parcelas{
	border-radius: 10px;
	padding-top: 13px;
	margin-bottom: 15px;
}

.dia-vencimento{
	display: none;
	width: 155px;
}

.linha-parcelado{
	display: none;
}

.linha-parcelado .row, .parcelamento .row {
	margin-bottom: 18px;
}

.conta-parcela .form-control[readonly]{
	border: none !important;
	background-color: #FFFFFF !important;
}

.aviso-edicao-recorrente{
	width: 832px;
	height: 46px;
}

.titulo-popover{
	font-size: 15px !important;
	line-height: 21px;
	color: var(--roxo-principal) !important;
	font-family: "FilsonSoft-Regular";
}

.popover-pagamento{
	width: 175px;
	height: 122px;
}

.aviso-exclusao-recorrente{
	height: 65px;
}

.info-destaque{
	font-size: 18px;
	color: var(--preto-principal);
	font-family: "FilsonSoft-Regular";
}

.valor-conta{
	font-size: 20px;
	color: var(--preto-principal);
	font-family: "FilsonSoft-Regular";
	font-weight: bold;
}

.vencimento-conta{
	font-size: 16px;
	font-weight: bold;
	color: var(--preto-principal);
	font-family: "FilsonSoft-Regular";
}

/* tags das contas */
.tag-paga, .tag-recebida{
	background-color: var(--verde-principal);
}

.tag-pendente{
	background-color: #FFF2C4;
}

.tag-parcela{
	background-color: #C0C3DA;
}

.tag-atrasada{
	background-color: var(--vermelho-principal);
	color: #fff;
}

.tag-vence-hoje{
	background-color: var(--amarelo-principal);
}

.tag-recorrente{
	background-color: var(--cinza-inativo);
}

.impressao .tag{
	color: var(--preto-principal) !important;
}

/* -----------END FINANCEIRO CONTAS----------- */

/* -----------FINANCEIRO CATEGORIAS----------- */

.nav-categorias{
	margin: 0px -28px 20px -28px;
}

.nav-link-categorias i{
	color: var(--preto-principal) !important;
}

.nav-link-categorias.active i, .nav-link-categorias.active .nav-text-categoria{
	color: var(--azul-principal) !important;
}

.nav-link-categorias.active, .nav-link-categorias:hover{
	border-bottom: 4px solid var(--azul-principal) !important;
}

.nav-text-categoria{
	font-family: 'FilsonSoft-Regular' !important;
	font-size: 16px !important;
	color: var(--preto-principal) !important;
}

.card-categoria{
	margin-bottom: 5px !important;
}

.card-header-categoria{
	border: 1px solid var(--cinza-borda-bg-escuro) !important;
	border-radius: 4px !important;
}

.card-label-categoria{
	font-family: 'FilsonSoft-Regular' !important;
	font-size: 14px !important;
	color: var(--preto-principal) !important;
}

.categoria-individual{
	cursor: default !important;
}

/* -----------END FINANCEIRO CATEGORIAS----------- */

/* -----------FINANCEIRO EXTRATO E PREVISÃO----------- */

.caixa-carrossel{
	min-width: 149px;
	height: 40px;
	padding: 6px !important;
	margin-right: 10px;
	border: 1px solid var(--cinza-borda-bg);
	border-radius: 4px;
}

.extrato-saldo-total{
	min-width: 123px;
	height: 40px;
	padding: 5px 6px 5px 6px !important;
	border: 1px solid var(--cinza-borda-bg);
	border-radius: 4px;
}

.extrato-saldo-total-label{
	font-family: "FilsonSoft-Regular";
	font-size: 11px;
	color: #A1A6C0;
	margin-bottom: -5px;
	margin-left: 8px;
}

.extrato-saldo-total-valor{
	color: var(--cinza-principal);
	font-family: "FilsonSoft-Medium";
	font-weight: 500;
	font-size: 14px;
}

.caixa-carrossel.active, .extrato-saldo-total.active{
	background-color: var(--cinza-borda-bg);
}

.nome-caixa-carrossel{
	font-family: "FilsonSoft-Regular";
	font-size: 10px;
	color: #A1A6C0;
	margin-bottom: -5px;
}

.saldo-caixa-carrossel{
	font-family: "FilsonSoft-Medium";
	font-weight: 500;
	font-size: 14px;
	color: #A1A6C0;
}

.saldo-caixa-grande{
	font-size: 12.5px !important;
}

.separador-cabecalho{
	border: 1px solid var(--cinza-borda-bg-escuro);
	margin: 0px;
}

.separador-rodape{
	border: 1px solid var(--cinza-borda-bg-escuro);
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 31px;
}

.linha-extrato{
	height: 51px !important;
}

.primeira-linha-extrato{
	border-top: none !important;
}

.label-totalizadores{
	font-size: 14px !important;
	margin-right: 10px;
	margin-bottom: 0px !important;
}

.valor-totalizadores{
	font-family: "FilsonSoft-Medium";
	color: var(--preto-principal);
	font-size: 14px !important;
}

.linha-totalizador{
	border-top: 1px solid var(--cinza-borda-bg-escuro);
	margin-left: -210px;
	margin-right: -15px;
}

.valor-totalizadores.maior{
	font-size: 16px !important;
}

.label-totalizadores.menor{
	font-size: 11px !important;
}

.valor-totalizadores.menor{
	font-size: 12px !important;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 5 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(20.82%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-20.82%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}

/* -----------END FINANCEIRO EXTRATO E PREVISÃO----------- */

/* -----------ENTRADA NO ESTOQUE----------- */

.wizard-title-escolha{
	font-family: "FilsonSoft-Medium" !important; 
	font-size: 30px !important;
	text-transform: uppercase;
	color: var(--roxo-principal);
}

.tag-compra, .tag-venda{
	background-color: #D3FFEB;
	color: var(--verde-principal) !important;
}

.tag-acerto{
	background-color: var(--cinza-borda-bg);
	color: var(--cinza-inativo) !important;
}

.tag-devolucao{
	background-color: #ECE6FF;
	color: var(--roxo-principal) !important;
}

.tag-outras{
	background-color: #D1E7FF;
	color: var(--azul-principal) !important;
}

.tag-amarela{
	background-color: var(--amarelo-principal-light);
	color: var(--amarelo-principal) !important;
}

.texto-auxiliar, .texto-auxiliar a {
	font-family: "FilsonSoft-Regular" !important; 
	color: var(--cinza-principal);
	font-size: var(--cinza-principal);
}

.texto-auxiliar a:hover{
	color: var(--cinza-principal);
	text-decoration: underline !important;
}

.validacao-erro{
	font-family: "FilsonSoft-Regular" !important; 
	font-size: 11px;
	color: var(--azul-principal);
	margin-top: 5px;
	display: flex;
    align-items: center;
}

.validacao-erro i{
	color: var(--azul-principal);
}

.validacao-aviso{
	font-family: "FilsonSoft-Regular" !important; 
	font-size: 11px;
	color: var(--amarelo-principal);
	margin-top: 5px;
	display: flex;
    align-items: center;
}

.validacao-aviso i{
	color: var(--amarelo-principal);
}

.produto-xml, .produto-sistema{
	height: 340px;
	width: 212px;
	border: 1px solid #F0F2F4;
	border-radius: 4px;
	margin: 6px;
}

.header-produto-xml{
	height: 40px;
	width: 100%;
	background-color: #F0F2F4;
	display: flex;
    align-items: center;
	padding-left: 14px;
	padding-right: 16px;
}

.body-produto-xml{
	margin: 20px 28px;
}

.borda-divisao-xml{
	border: 1px solid var(--cinza-borda-bg-escuro);
	height: 340px;
	margin: 6px 40px 0px 40px;
}

.label-xml{
	font-family: "FilsonSoft-Regular" !important; 
	font-size: 11px;
	color: #9499B5;
}

.dados-produto-xml{
	font-family: "FilsonSoft-Regular" !important; 
	font-size: 14px;
	color: var(--preto-principal);
}

.info-cadastro-automatico{
	text-transform: uppercase;
	font-size: 12px;
	color: var(--roxo-principal);
}

.totalizador-xml{
	font-family: "FilsonSoft-Regular" !important; 
	font-size: 14px;
	color: #9499B5;
}

.btn-novo-produto{
	width: 250px !important;
}

.btn-finalizar-vinculo{
	width: 176px !important;
}

.info-vinculo{
	font-family: 'FilsonSoft-Regular';  
	color: var(--azul-principal);
	font-size: 11px;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
}

.dados-produto-vinculo{
	font-size: 14px;
	color: var(--preto-principal)
}

.cadastro-manual-vinculo, .produto-selecionado-vinculo{
	display: none;
}

.area-produtos-entrada, .area-produtos-saida{
	border: 1px solid var(--cinza-borda-bg-escuro) !important;
	padding: 13px 20px;
	margin-bottom: 15px;
}

.inclusao-produto-entrada, .inclusao-produto-saida{
	border: 1px solid var(--cinza-borda-bg-escuro) !important;
	padding: 24px;
	display: flex;
	border-radius: 10px 10px 0px 0px;
}

.inclusao-produto-entrada .form-group, .inclusao-produto-saida .form-group{
	margin-bottom: 0px !important;
}

.inclusao-produto-entrada input, .inclusao-produto-entrada select, .inclusao-produto-entrada .select2{
	border-radius: 0px;
}

.tabela-produtos input, .tabela-produtos select, .tabela-produtos .select2{
	border: none !important;
	border-radius: 0px !important;
	width: 75px;
}

.coluna-qtd-emb{
	padding: 0px !important;
	width: 151px;
}

#resultado-pesquisa-produtos{
	width: 95%; 
	position: absolute; 
	max-height: 250px; 
	overflow-y:auto; 
	overflow-x:hidden;
	display: none;
}

#resultado-pesquisa-avancada{
	border: 1px solid var(--cinza-inativo);
	height: 70%;
	max-height: 70%; 
	overflow-y:auto; 
	overflow-x:hidden;
	padding: 0 10px 25px 10px;
	border-radius: 10px 0 0 10px;
}

.fechar-pesquisa-avancada {
	cursor: pointer;
}

.campos-frete{
	display: none;
}

/* BARRA DE ROLAGEM - PESQUISA DE PRODUTO */
#resultado-pesquisa-produtos::-webkit-scrollbar,
#resultado-pesquisa-avancada::-webkit-scrollbar {
	width: 5px;
}

/* BARRA DE ROLAGEM - PESQUISA DE PRODUTO */
#resultado-pesquisa-produtos::-webkit-scrollbar-track,
#resultado-pesquisa-avancada::-webkit-scrollbar-track {
	background: #fff; 
}

/* BARRA DE ROLAGEM - PESQUISA DE PRODUTO */
#resultado-pesquisa-produtos::-webkit-scrollbar-thumb,
#resultado-pesquisa-avancada::-webkit-scrollbar-thumb {
	background: var(--cinza-inativo); 
	border-radius: 5px;
}

/* BARRA DE ROLAGEM - PESQUISA DE PRODUTO */
#resultado-pesquisa-produtos::-webkit-scrollbar-thumb:hover,
#resultado-pesquisa-avancada::-webkit-scrollbar-thumb:hover {
	background: var(--cinza-inativo); 
}

.item-pesquisa-produtos{
	border-radius: 4px;
	padding: 10px 20px;
	margin-bottom: 5px;
	cursor: pointer;
}

.item-pesquisa-produtos:hover, .item-pesquisa-produtos.hover-nav{
	background-color: var(--cinza-borda-bg-escuro);
}

/* ESSE CAMPO É READONLY, MAS NÃO É PRA FICAR CINZA */
#produto-custo-total{
	background-color: #FFFFFF !important;
}

.input-totalizador{
	height: 25px !important;
	width: 105px !important;
	font-family: "FilsonSoft-Medium";
	color: var(--preto-principal);
	font-size: 14px !important;
}

.prefixo-totalizador{
	height: 25px !important;
}

.risco-vermelho{
	text-decoration: line-through;
	-webkit-text-decoration-color: var(--vermelho-principal);
	        text-decoration-color: var(--vermelho-principal);
	text-decoration-thickness: 2px;
}
/* -----------END ENTRADA NO ESTOQUE----------- */

/* -----------PRODUTOS----------- */

.area-codigo-barras{
	height: 109px;
	width: 300px;
	border: 1px dashed #D9DCE7;
	border-radius: 15px;
	padding: 22px 21px 15px 22px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/* -----------END PRODUTOS----------- */

/* -----------ORÇAMENTOS----------- */

.icone-perder:hover{
	color: var(--vermelho-principal);
}

.icone-ganhar:hover{
	color: var(--verde-principal);
}
/* -----------END ORÇAMENTOS----------- */

/* -----------PDV----------- */

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:-webkit-full-screen {
    background-color: #F4F6F9;
}

::-webkit-backdrop {
    background-color: #F4F6F9;
}

:fullscreen, ::backdrop {
    background-color: #F4F6F9;
}

/* estrutura */
.card-pdv{
	width: 1024px;
	min-width: 1024px;
	height: 570px;
}

.card-body-pdv{
	padding: 20px;
}

.card-header-pdv{
	border-bottom: 1px solid var(--cinza-borda-bg-escuro);
	height: 54px;
	padding-left: 60px;
	padding-right: 20px;
	background-color: var(--roxo-principal);
	color: #FFF;
	border-radius: 4px 4px 0px 0px;
}

.row-card-header-pdv{
	height: 54px;
	align-items: center;
}

.area-logo-pdv{
	cursor: pointer;
}

.acoes-cabecalho-pdv{
	font-size: 12px;
	display: flex;
}

.link-cabecalho-pdv, .link-cabecalho-pdv:hover{
	color: var(--branco-principal);
}

.item-cabecalho-pdv{
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 4px;
	padding: 8px 15px;
	display: flex;
	align-items: center;
}

#btn-funcoes-pdv{
	cursor: pointer;
}

#btn-funcoes-pdv.active, #btn-funcoes-pdv.active i{
	background-color: var(--cinza-borda-bg);
	color: var(--roxo-principal) !important;
}

.dropdown-funcoes-pdv{
	margin-top: 33px; 
	width: 153.7px; 
	position: absolute;
	background-color: var(--cinza-borda-bg);
	text-transform: uppercase;
	font-size: 12px;
	padding: 16px;
	display: none;
	border: 1px solid var(--cinza-borda-bg-escuro);
	border-top: 2px dashed var(--cinza-borda-bg-escuro);
	z-index: 999;
}

.titulo-funcoes-pdv{
	color: var(--roxo-principal);
}

.funcao-pdv{
	color: var(--cinza-principal);
	margin-left: 5px;
	margin-top: 3px;
	display: block;
}

.funcao-pdv:hover{
	color: var(--preto-principal) !important;
}

.voltar-cabecalho-pdv{
	display: flex;
	align-items: center;
	font-family: 'FilsonSoft-Medium';  
	font-size: 14px;
	text-transform: uppercase;
}

.titulo-pdv{
	font-family: 'FilsonSoft-Medium';  
	font-size: 24px;
	color: var(--roxo-principal);
}

.area-input-pdv{
	width: 334px;
	height: 409px;
	border: 1px solid var(--cinza-borda-bg-escuro);
	border-radius: 4px;
	margin-right: 10px;
	float: left;
	padding: 21px 25px;
}

#resultado-pesquisa-produtos.pdv{
	width: 450px !important;
}

.area-listagem-pdv{
	width: 630px;
	height: 409px;
	border: 1px solid var(--cinza-borda-bg-escuro);
	border-radius: 4px;
	float: right;
	vertical-align: middle;
	display: table;
}

.area-listagem-pdv.menor{
	height: 300px !important;
}

.area-totais-pdv{
	width: 630px;
	height: 89px;
	float: right;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 19px;
	padding-right: 19px;
}

.area-acoes-gerais{
	width: 100%;
	height: 87px;
	display: inline-block;
}

.rodape-produtos, .rodape-pagamento, .rodape-finalizacao{
	display: flex;
	align-items: center;
}

.area-cancelar-pdv{
	width: 334px;
	float: left;
	margin-top: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--vermelho-principal);
	font-size: 12px;
	text-transform: uppercase;
}

.area-cancelar-pdv i, .area-cancelar-pdv a{
	color: var(--vermelho-principal);
}

.area-cancelar-pdv a:hover{
	text-decoration: underline !important;
}

.area-btn-pdv{
	width: 650px;
	float: right;
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}
/* end estrutura */

/* seleção de cliente */

#informar-cliente-cadastrado{
	display: none;
	max-width: 250px;
}
/* end seleção de cliente */

/* passo 1 - inclusão de produtos */
.btn-inserir-produto-pdv, .btn-incluir-pagamento-pdv,
.btn-inserir-produto-pdv:hover, .btn-incluir-pagamento-pdv:hover{
	background-color: var(--verde-principal) !important;
	width: 100% !important;
	height: 38px;
	text-transform: uppercase;
	color: #FFFFFF !important;
}

.aviso-pdv{
	font-family: 'FilsonSoft-Regular';  
	font-size: 18px;
	color: var(--cinza-inativo);
}

.aviso-pdv.maior{
	font-size: 30px;
}

.listagem-produtos-vazia-pdv, .body-listagem-pagamentos-pdv.vazia{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.listagem-produtos-pdv{
	width: 100%;
	height: 409px;
	background-color: var(--cinza-borda-bg);
	padding-left: 40px;
	padding-right: 40px;
}

.riscado{
	text-decoration: line-through;
}

.header-listagem-produtos-pdv{
	height: 42px;
	border-bottom: 1px solid var(--cinza-borda-bg-escuro);
	margin-left: -40px;
	margin-right: -40px;
	padding-left: 40px;
	padding-right: 45px; /* +5 por causa da barra de rolagem */
}

.body-listagem-produtos-pdv{
	height: 325px;
	overflow-x: hidden;
	margin-right: -40px;
	padding-right: 40px;
}

/* barra de rolagem da listagem de produtos */
.body-listagem-produtos-pdv::-webkit-scrollbar, .body-listagem-pagamentos-pdv::-webkit-scrollbar,
.barra-rolagem::-webkit-scrollbar {
	width: 5px;
}
.body-listagem-produtos-pdv::-webkit-scrollbar-track, .body-listagem-pagamentos-pdv::-webkit-scrollbar-track,
.barra-rolagem::-webkit-scrollbar-track {
	background: var(--cinza-borda-bg); 
}
.body-listagem-produtos-pdv::-webkit-scrollbar-thumb, .body-listagem-pagamentos-pdv::-webkit-scrollbar-thumb,
.barra-rolagem::-webkit-scrollbar-thumb {
	background: var(--cinza-inativo); 
	border-radius: 5px;
}
.body-listagem-produtos-pdv::-webkit-scrollbar-thumb:hover, .body-listagem-pagamentos-pdv::-webkit-scrollbar-thumb:hover,
.barra-rolagem::-webkit-scrollbar-thumb:hover {
	background: var(--cinza-inativo); 
}
/* end barra de rolagem da listagem de produtos */

.table-pdv th{
	font-family: 'FilsonSoft-Regular' !important;   
	font-size: 12px !important;
	color: var(--cinza-principal) !important;
	font-weight: normal !important;
	height: 42px !important;
	padding: 0px 1.5px !important;
}

.table-pdv td{
	font-family: 'FilsonSoft-Regular' !important;   
	font-size: 12px !important;
	color: var(--cinza-principal) !important;
	font-weight: normal !important;
	height: 63px !important;
	padding: 0px 1.5px !important;
}

.col-4-pdv{
	width: 4%;
}

.col-5-pdv{
	width: 5%;
}

.col-6-pdv{
	width: 6%;
}

.col-15-pdv{
	width: 15%;
}

.col-40-pdv{
	width: 40%;
}

.btn-pagar-pdv,.btn-pagar-pdv:hover{
	background-color: var(--verde-principal) !important;
	width: 331px !important;
	height: 50px !important;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: justify;
	display: flex;
	align-items: center;
}

.valor-btn-pagar-pdv{
	text-align: right;
	font-size: 26px;
	font-weight: bold;
}
/* end passo 1 - inclusão de produtos */

/* passo 2 - pagamento */
.btn-forma-pagamento-pdv{
	width: 283px;
	height: 47px;
	margin-bottom: 15px;
	background-color: var(--cinza-borda-bg);
	border-radius: 4px;
	font-family: 'FilsonSoft-Medium';  
	font-size: 14px;
	color: var(--roxo-principal);
	text-transform: uppercase;
}

.btn-forma-pagamento-pdv i{
	color: var(--roxo-principal);
}

.btn-cancelar-pagamento-pdv{
	background-color: var(--cinza-borda-bg) !important;
	border: 1px solid var(--cinza-borda-bg-escuro);
	width: 100% !important;
	height: 38px;
	text-transform: uppercase;
	color: var(--cinza-inativo);
	margin-top: 7px;
}

.listagem-pagamentos-pdv{
	width: 100%;
	background-color: var(--cinza-borda-bg);
	padding-left: 40px;
	padding-right: 40px;
}

.body-listagem-pagamentos-pdv{
	overflow-x: hidden;
	height: 367px;
	padding-top: 5px;
	margin-right: -40px;
	padding-right: 40px;
}

.body-listagem-pagamentos-pdv.vazia{
	width: 630px;
	padding-right: 0px !important;
}

.footer-listagem-pagamentos-pdv{
	border-top: 1px solid var(--cinza-borda-bg-escuro);
	background-color: var(--cinza-borda-bg);
	font-size: 18px;
	text-transform: uppercase;
	height: 42px;
	display: flex;
	justify-content: space-between;
}

.listagem-pagamentos-vazia-pdv .footer-listagem-pagamentos-pdv{
	padding-left: 40px;
	padding-right: 40px;
}

.nome-pagamento-listagem{
	font-family: 'FilsonSoft-Medium';
	font-size: 14px !important;
	color: var(--roxo-principal) !important;
	text-transform: uppercase;
}

.nome-pagamento-listagem i{
	color: var(--roxo-principal);
}

.label-pagamento-listagem{
	font-size: 14px;
	color: var(--cinza-principal);
	text-transform: uppercase;
}

.link-editar-parcelas, .link-editar-parcelas:hover{
	font-size: 12px;
	color: var(--cinza-principal);
	text-decoration: underline;
}

.valor-pagamento-listagem{
	font-size: 14px;
	color: var(--preto-principal);
}

.remove-pagamento{
	cursor: pointer;
}

.valor-subtotal-riscado{
	text-decoration: line-through;
	color: var(--cinza-inativo);
	font-size: 14px;
}

.btn-finalizar-pdv, .btn-finalizar-pdv:hover{
	background-color: var(--verde-principal) !important;
	width: 219px !important;
	height: 50px !important;
	color: #FFFFFF;
	font-size: 14px;
}

.text-btn-finalizar{
	font-size: 16px !important;
	margin-top: -2px;
	margin-bottom: -5px;
}

.btn-finalizar-depois-pdv{
	background-color: var(--cinza-borda-bg) !important;
	border: 1px solid var(--cinza-borda-bg-escuro);
	width: 219px !important;
	height: 50px !important;
	color: var(--cinza-principal);
	margin-right: 19px;
	font-size: 14px;
}

.text-btn-finalizar-depois{
	margin-top: -1px;
	margin-bottom: -5px;
}
/* end passo 2 - pagamento */

/* passo 3 - mensagem final */
.input-mensagem-final{
	padding: 41px 33px;
	text-align: center;
}

.mensagem-final-pdv{
	color: var(--roxo-principal);
	font-size: 23px;
	margin-top: 22px;
	margin-bottom: 30px;
	font-family: 'FilsonSoft-Medium';  
}

.dados-finais-venda-pdv{
	color: var(--cinza-principal);
	font-size: 14px;
}

.titulo-acao-final-pdv{
	font-family: 'FilsonSoft-Medium';  
	color: var(--preto-principal);
	font-size: 14px;
}

.subtitulo-acao-final-pdv{
	color: var(--cinza-principal);
	font-size: 12px;
}

.body-listagem-final-pdv{
	height: 367px;
	padding: 50px;
}

.footer-listagem-final-pdv{
	color: var(--cinza-inativo);
	font-size: 14px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* passo 3 - mensagem final */

/* -----------END PDV----------- */

/* -----------CAIXAS USUÁRIO----------- */

.painel-caixa-usuario{
	width: 321.5px;
	padding: 47px 35px 47px 45px;
	border: 2px solid var(--cinza-borda-bg-escuro);
	border-right: none;
	border-radius: 9px 0px 0px 9px;
}

.infos-caixa-usuario{
	border: 1px dashed #D9DCE7;
	border-radius: 15px;
	padding: 15px 30px 30px 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.leitura-caixa-usuario{
	padding: 27px 50px;
	border: 2px solid var(--cinza-borda-bg-escuro);
	border-radius: 0px 9px 9px 0px;	
}

.label-caixa-usuario{
	font-size: 12px;
	color: var(--cinza-principal);
	text-transform: uppercase;
	margin-bottom: 0px;
}

.hora-caixa-usuario{
	font-size: 16px;
	color: var(--preto-principal);
}

.grupo-leitura-caixa{
	color: var(--roxo-principal);
	font-size: 13px;
	text-transform: uppercase;
}

.recebimento-leitura-caixa{
	color: var(--cinza-principal);
	font-size: 12px;
	text-transform: uppercase;
}

.valor-leitura-caixa{
	color: var(--preto-principal);
	font-size: 14px;
	text-transform: uppercase;
}

.leitura-impressao *, .leitura-impressao i{
	color: #000 !important;
}
.leitura-impressao i {
	font-size: 18px !important;
}
.leitura-impressao .grupo-leitura-caixa{
	font-size: 14px;
}

.leitura-impressao .recebimento-leitura-caixa{
	font-size: 11px;
}

.leitura-impressao .valor-leitura-caixa{
	font-size: 12px;
}

.link-impressao-caixa, .link-impressao-caixa:hover{
	font-size: 13px;
	color: var(--roxo-principal);
}

.container-bobina{
	max-width: 13cm;
	padding: 0px;
	margin: 0px;
}

.titulo-lancamento{
	font-size: 20px;
	font-family: 'FilsonSoft-Bold2';  
}

.subtitulo-lancamento{
	font-size: 12.5px;
}

.area-valor-lancamento{
	border: 2px dashed #000;
	border-radius: 10px;
	padding: 20px 35px;
	display: -webkit-box;
	-webkit-box-pack: center;
	margin: 20px 0px;
}

.label-lancamento{
	font-size: 8px;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-family: 'FilsonSoft-Bold2';  
}

.valor-destaque-lancamento{
	font-size: 17.5px;
}

.area-info-lancamento{
	text-align: center;
	margin: 30px 0px; 
}

.info-lancamento{
	font-size: 11.5px;
}

.rodape-lancamento{
	font-size: 9px;
	text-align: center;
	margin-bottom: 10px;
}

/* -----------END CAIXAS USUÁRIO----------- */

/* -----------EMISSOR NFE----------- */
.card-conteudo-nfe{
	width: 100%;
	margin-bottom: 21px;
}

#form-emissor-nfe, #form-emissor-nfse{
	width: 720px;
	display: inline-block;
	margin-right: 24px;
}

.card-menu-nfe{
	width: 280px;
	display: inline-flex;
	position: sticky;
	top: 65px;
}

.rodape-menu-nfe{
	border-top: 2px solid var(--cinza-borda-bg-escuro);
	padding: 20px 30px;
	text-align: center;
}

.btn-emitir-nfe, .btn-emitir-nfse{
	background-color: var(--verde-principal) !important;
	width: 219px !important;
	height: 50px !important;
	text-transform: uppercase;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.btn-pre-visualizar-danfe, .btn-pre-visualizar-nfse{
	background-color: var(--cinza-borda-bg) !important;
	border: 1px solid var(--cinza-borda-bg-escuro);
	width: 219px !important;
	height: 41px !important;
	color: var(--cinza-inativo);
	display: flex;
	align-items: center;
	justify-content: center;
}

.destinatario-selecionado, .transportadora-selecionada, .dados-frete{
	display: none;
}

.texto-aguardando {
	font-size: 18px;
	color: var(--roxo-principal);
	font-family: "FilsonSoft-Medium";
}

.aviso-rejeicao-nfe{
	font-size: 18px;
	color: var(--vermelho-principal);
	font-family: "FilsonSoft-Regular";
}

.mensagem-retorno-nfe{
	font-size: 16px;
	color: var(--cinza-principal);
	font-family: "FilsonSoft-Regular";
}

.mensagem-envio-nfe{
	font-size: 12px;
	color: var(--cinza-inativo);
	font-family: "FilsonSoft-Regular";
}

/* -----------END EMISSOR NFE----------- */

/* -----------FISCAL----------- */

.aba-estado{
	padding-left: 7px !important;
	padding-right: 7px !important;
}

.area-campos-impostos{
	border: 1px solid var(--cinza-inativo); 
	border-top: none; 
	border-radius: 10px; 
	margin-left: -9px;
	margin-right: -9px; 
	padding: 30px 20px;
}

.card-operacao{
	width: 418px;
	height: 130px;
	padding: 20px 27px;
	margin-bottom: 18px;
	border: 2px solid var(--cinza-borda-bg-escuro);
	border-radius: 4px;
}


.area-regras-fiscal{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px dashed var(--cinza-inativo);
	border-radius: 10px;
	padding: 15px 30px;
	height: 308px;
	width: 100%;
}

.texto-regras-informativo{
	font-family: "FilsonSoft-Regular";
	font-size: 14px;
	color: var(--cinza-principal);
}

.texto-regras-explicacao{
	font-family: "FilsonSoft-Medium";
	font-size: 14px;
	color: var(--preto-principal);
}

.texto-observacao{
	font-family: "FilsonSoft-Regular";
	font-size: 12px;
	color: var(--cinza-principal);
}

.tag-nota-fiscal {
	cursor: pointer;
}

.num-nota-tag {
	display: none;
}

/* -----------END FISCAL----------- */

/* -----------NOVOS CABEÇALHOS----------- */

.row-card-new-header{
	height: 190px;
}

.iniciais-nome{
	display: flex;
	align-items: center; 
    justify-content: center;
	width: 100px; 
    height: 100px;
	border-radius: 10px; 
    margin-right: 32px;
	background-color: #FFF2C4;
	font-family: "FilsonSoft-Light";
	font-size: 52px;
	color: var(--amarelo-principal);
	padding-top: 9px;
}

.iniciais-nome.menor{
	width: 66px;
	height: 66px;
	font-size: 30px;
}

.nome-cabecalho {
	font-size: 24px;
	line-height: 24px;
	font-family: "FilsonSoft-Medium";
	color: var(--preto-principal);
	margin-bottom: 14px;
}

.btn-acao-visualizacao{
	background-color: var(--verde-principal) !important;
	color: #FFFFFF;
	width: 138px;
	height: 41px;
	color: #FFFFFF !important;
	font-family: "FilsonSoft-Medium";
	font-size: 13px;
	padding: 12px;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.btn-acao-visualizacao i{
	color: #FFFFFF !important;
}

.btn-acao-visualizacao.vermelho{
	background-color: var(--vermelho-principal) !important;
}

.dados-cabecalho{
	font-size: 14px;
	font-family: "FilsonSoft-Regular";
	color: var(--cinza-principal);
}

.area-nota-fiscal-integrada{
	padding: 15px 30px;
	border: 1px solid var(--cinza-borda-bg-escuro);
}

.texto-tab{
	font-size: 16px;
	font-family: "FilsonSoft-Regular";
	color: var(--cinza-inativo);
}

.nav-link.active, .nav-link.active > .texto-tab, .nav-link.active > i,
.nav-link:hover > .texto-tab, .nav-link:hover > i {
	color: var(--azul-principal) !important;
}

.nav-link.active, .nav-link:hover {
	border-bottom: 3px solid var(--azul-principal) !important;
}

.area-destaque-cabecalho{
	padding: 13px 15px;
	border: 1px dashed var(--cinza-inativo);
	border-radius: 10px;
	height: 70px;
	/* display: flex; */
	/* justify-content: center; */
	/* flex-direction: column; */
}

.area-destaque-cabecalho.w-110{
	min-width: 110px;
}
.area-destaque-cabecalho.w-160{
	min-width: 160px;
}
.area-destaque-cabecalho.w-450{
	min-width: 450px;
}

.separador-vertical-cabecalho{
	border: 1px solid var(--cinza-borda-bg-escuro);
	height: 43px;
	margin: 12px 18.5px;
}
/* -----------END NOVOS CABEÇALHOS----------- */

/* -----------RELATÓRIOS----------- */

.titulo-relatorio{
	font-family: 'FilsonSoft-Medium';  
	color: var(--roxo-principal);
	font-size: 20px;
}

/* -----------END RELATÓRIOS----------- */

/* -----------COMPROVANTE DE VENDA----------- */

.nome-empresa-comprovante{
	font-family: 'FilsonSoft-Medium';  
	font-size: 30px;
	color: var(--preto-principal);
}

.info-comprovante{
	font-family: "FilsonSoft-Regular";
	color: var(--preto-principal);
	font-size: 16px;
}

.titulo-area-comprovante{
	font-family: "FilsonSoft-Regular";
	font-size: 16px;
	text-transform: uppercase;
	color: var(--cinza-principal);
}

.nome-cliente-comprovante, .codigo-venda-comprovante{
	font-family: 'FilsonSoft-Medium';  
	font-size: 25px;
	color: var(--preto-principal);
}

.valor-totalizadores-comprovante{
	font-family: 'FilsonSoft-Medium';  
	font-size: 16px;
	color: var(--preto-principal);
}

.valor-totalizadores-comprovante.maior{
	font-family: 'FilsonSoft-Medium';  
	font-size: 18px;
}

.valor-total-comprovante{
	font-family: 'FilsonSoft-Bold2';  
	font-size: 22px;
	color: var(--preto-principal);
}

.label-totalizadores-comprovante{
	font-size: 16px;
	color: var(--cinza-principal);
}
/* -----------END COMPROVANTE DE VENDA----------- */

/* -----------END COMPROVANTE DE VENDA BOBINA----------- */

.h1-bobina{
	font-size: 20px;
	font-family: 'FilsonSoft-Bold2';
}

.h2-bobina{
	font-size: 12.5px;
	font-family: 'FilsonSoft-Bold2';
}

.label-bobina{
	font-size: 9px;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-family: 'FilsonSoft-Bold2';  
}

.label-bobina.maior{
	font-size: 11.5px;
	font-family: 'FilsonSoft-Medium';  
}

.valor-destaque-bobina{
	font-size: 18px;
}

.info-bobina{
	font-size: 11.5px;
}

.info-bobina.menor{
	font-size: 9px;
}

.rodape-bobina{
	font-size: 9px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 30px;
}

.label-totalizador-bobina{
	font-size: 10px;
}

.totalizador-bobina{
	font-size: 10px;
}

.label-totalizador-bobina.maior{
	font-family: 'FilsonSoft-Bold2';  
	font-size: 12px;
}

.totalizador-bobina.maior{
	font-family: 'FilsonSoft-Bold2';  
	font-size: 12px;
}


/* -----------END COMPROVANTE DE VENDA BOBINA----------- */



/* -----------PERSONALIZAÇÕES INICIAIS - FÁBIO----------- */

.gesto-subtitle, .card-title{
	font-family: 'FilsonSoft-Medium';  
	color: var(--roxo-principal);
	font-size: 18px;
}

.card-search, .card-filter{
	padding-top: 10px;
    padding-bottom: 0rem;
}

.card-search{
	padding-left: 18px;
	padding-right: 18px;
}

.card-search i{
	font-size: 18px;
}

.table{
	color: var(--cinza-principal) !important;
}

.table thead th, .table th{
	color: var(--preto-principal);
	border-bottom: 0px !important;
	
}
.table td :nth-child(1):not(input, .input-group-prepend, .input-group-text){
    border-top: 0px solid var(--cinza-borda-bg-escuro) !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #898EAA;
    background-color: #F0F2F4;
    border-color: #F0F2F4;
}
.page-link {
	color: #898EAA;;
}
.pagination li{
	margin-left: 5px;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color:var(--roxo-principal);
    border-color:var(--roxo-principal);
}

.btn.btn-primary {
    color: #FFFFFF;
    background-color:var(--roxo-principal);
    border-color:var(--roxo-principal);
}

.card-filter #action{
	float:left;
	width:50%;
}




/***** CSS padrão do Crud automático  ******/

.crud-404-titulo{
	text-align: left;
	font-size:30px;
	letter-spacing: 0px;
	color: var(--cinza-inativo);
}

.crud-404-midia{
	width: 146px;
	height: 146px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	border-radius: 50%;
	float:right;
}

.crud-404-importar{
	font-size:18px;
	color: var(--roxo-principal);
}
.crud-404-importar i{
	color: var(--roxo-principal);
}

.dropdown-menu-links .dropdown-item i{
	padding-right: 15px !important;
}

.form-crud-cadastrar i{
	font-size: 13px;
}

.select2-cadastrar, .select2-cadastrar i{
 color: var(--verde-add)  !important;
}

.invalid-feedback{
	display: block  !important;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #F3F6F9 !important;
    opacity: 1;
}

/* ADMIN */

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}