@charset "ISO-8859-1";

@media screen and (max-width: 1366px) AND (min-width: 1288px) {
    .layout-profile-name {
        font-size: 12px !important; /* Tamanho da fonte para telas menores */
        padding: 4px 8px !important; /* Padding ajustado para telas menores */
    }
}

@media screen and (max-width: 1287px) AND (min-width: 1180px) {
    .layout-profile-name {
        font-size: 10px !important; /* Tamanho da fonte para telas ainda menores */
        padding: 2px 4px !important; /* Padding ajustado para telas menores */
    }
}

@media screen and (max-width: 1179px) {
    .layout-profile-name {
        font-size: 7px !important; /* Tamanho da fonte para smartphones */
        padding: 2px 4px !important; /* Padding ajustado para smartphones */
    }
}

.status-simples,
.status-aceito,
.status-calculada,
.status-recalculada,
.tipo-ranfs, 
.classificacao-principal, 
.status-escriturada,
.status-finalizada,
.status-pre-cadastro,
.status-retido,
.status-retidomunicipio,
.status-deferida,
.status-lancada,
.status-habilitado,
.status-emaberto,
.status-avulsapendente, 
.status-avulsa,
.status-isento,
.status-lancadaoutromunicipio,
.status-guiagerada,
.status-mei,
.tipo-ranfs     {
	background-color: #b3e5fc;
    color: #23547b;
}

.status-pago {
	background-color: #e1f4e1;
    color: #21a10f;
}

.status-pre-cadastro,
.status-emavaliacao {
	background-color: rgb(253, 225, 206);
    color: rgb(222, 101, 20);
}


.status-cancelada,
.status-cancelado,
.status-indeferida, 
.status-substituida {
	background-color: #ffcdd2;
    color: #c63737;
}

.classificacao-secundario {
	background-color: #e9e9e9;
    color: #414141;
}


.tipo-nfe {
	background-color: #c8e6c9;
    color: #256029;
}

.customer-badge {
    border-radius: 2px;
    padding: .25em .5rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .3px;
    }

/*LINK HOME*/

.home-TopBar {
	margin-top: 0px !important;
	padding: 0 5px 5px 5px;
	transition: background-color 0.2s ease;
}

.home-TopBar-Branco {
	color: #ffffff;
	font-size: 32px;
	padding: 0.05em;
}

.home-TopBar-Black {
	color: #252529;
	font-size: 32px;
	padding: 0.05em;
}

.ui-outputlabel .ui-outputlabel-rfi {
    color: red;
}

.campoObrigatorio::after {
  content: "*";
  color: red;
  margin-left: 0.4em;
}

.BorderedBox {
	border: solid 1px #D9E3E8;
	background-color: #FFFFFF;
	border-radius: 15px;
	align-items: center;
	padding: 10px;
	display: table;
	width: 300px; /* Largura fixa em pixels */
	max-width: 300px; /* Largura m�xima fixa em pixels */
	/*margin-left: 100px;*/
}

.CounterSquare {
	width: 10%; /* Largura relativa ao cont�iner pai */
	min-width: 50px; /* Largura m�nima do quadrado */
	max-width: 80px; /* Largura m�xima do quadrado */
	height: 50px; /* Altura do quadrado */
	background-color: lightblue;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	margin-right: 12px;
	flex-shrink: 0; /* Impede a diminui��o excessiva do tamanho */
}

.Counter {
	font-size: 24px;
	font-weight: bold;
}

.Counter-Text {
	font-size: 16px; /* Tamanho da fonte do r�tulo */
	flex-grow: 1; /* Permite que o texto ocupe o espa�o restante */
	white-space: nowrap;
	/* Impede que o texto quebre para a pr�xima linha */
	overflow: hidden; /* Oculta o texto excedente, se houver */
	text-overflow: ellipsis;
	/* Adiciona retic�ncias para texto cortado */
	margin: auto;
}

.LabelContainer {
	display: flex;
	flex-direction: row; /* Alinhar os r�tulos verticalmente */
}

.MarLeft05 {
	margin-left: 5%;
}

.aumenta-icon:hover .fa,
.aumenta-icon:hover .pi,
.aumenta-icon:hover .bx {
	transform: scale(1.5);
	transition: transform 0.5s ease-in-out;
}

.maior-icon:hover .fa,
.maior-icon:hover .pi,
.maior-icon:hover .bx {
	transform: scale(1.2);
	transition: transform 0.5s ease-in-out;
}

.move-icon:hover .fa,
.move-icon:hover .pi,
.move-icon:hover .bx {
	transform: translateX(-05px);
	transition: transform 0.5s ease;
}


.aumentaMove-icon:hover .fa,
.aumentaMove-icon:hover .pi,
.aumentaMove-icon:hover .bx {
    transform: scale(1.2) translateX(-5px);
    transition: transform 0.5s ease;
}

.desaparece-icon:hover .fa,
.desaparece-icon:hover .bx,
.desaparece-icon:hover .pi{
	transform: scale(1.2);
	opacity: 0;
	transition: transform 0.5s ease-out, opacity 1.3s ease-out;
}

.some-icon:hover .fa,
.some-icon:hover .bx,
.some-icon:hover .pi{
	transform: scale(1.0);
	opacity: 0;
	transition: transform 1s ease-out, opacity 1.1s ease-out;
}

.opacidade-icon:hover .fa,
.opacidade-icon:hover .pi,
.opacidade-icon:hover .bx {
	transform: scale(1.5);
	opacity: 0;
	transition: transform 0.5s ease-out, opacity 2.0s ease-out;
}

.giro-icon:hover .fa,
.giro-icon:hover .pi,
.giro-icon:hover .bx {
	transform: scale(1.5);
	transition: transform 1s ease-in-out;
	
}

.roda-icon:hover .fa,
.roda-icon:hover .pi,
.roda-icon:hover .bx {
	transform: rotateY(360deg);
	transition: transform 1.5s ease-in-out;
	
}

.cai-icon:hover .fa,
.cai-icon:hover .pi,
.cai-icon:hover .bx {
	transition: transform 0.5s ease-in-out;
    animation: bounceBack 1.5s ease-in-out;
}

@keyframes bounceBack {
    50% {
        transform: translateY(-9px) rotate(15deg);
    }
}

.login-body .login-panel .ui-selectonemenu {
	background: #ffffff;
	border: 1px solid #65656a;
	color: #252529;
	font-size: 13px;
	padding: 0.05em;
	-moz-transition: border-color 0.2s, box-shadow 0.2s;
	-o-transition: border-color 0.2s, box-shadow 0.2s;
	-webkit-transition: border-color 0.2s, box-shadow 0.2s;
	transition: border-color 0.2s, box-shadow 0.2s;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 0px;
}

.login-body .login-panel .ui-selectonemenu .ui-selectonemenu-label {
	min-height: 0px;
	padding: 0.0em;
}
/*MODAL DE IMPRESS�O*/
body .sw-dialog-imp .ui-dialog-titlebar {
	padding: 1.0rem;
}

/* CARD CLICAVEL */
.cartao-clicavel {
  cursor: pointer;
}
/* CARD CUSTOMISAVEL PARA EMISSAO */
.cardEmissao {
	width: 100%;
	border-radius: 1rem !important;
	background-color: #F5F5F5 !important;
	transition: transform 0.3s, background-color 0.3s, color 0.3s			
}
.cardEmissao:hover {
	transform: translateY(-5px);
	color: #FFF !important;
}  

/* PANEL HEADER CLICAVEL */
.panelClicavel .ui-panel-titlebar {
	cursor: pointer;
}

/* CUSTOMIZAÇÃO PARA TORNAR LABEL COLUMN TOGGLER CLICAVEL */
body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label {
    display: inline-flex;
    width: 89%;
}


/*TITULO*/
.titulo-TopBar-Branco {
	color: #ffffff;
	font-size: 26px;
	padding: 0.05em;
	font-weight: bold !important;
}

.titulo-TopBar-Black {
	color: #252529;
	font-size: 26px;
	padding: 0.05em;
	font-weight: bold !important;
}

.layout-SubTitulo {
	height: 50px;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 12px 12px;
	box-shadow: 0 2px 10px 0 rgb(0 0 0/ 16%);
}

/*LAYOUT*/
.layout-main-corPlanoDeFundo {
	background: rgb(0 0 0/ 8%);
}

.layout-horizontal .layout-main {
	min-height: 87.6vh;
}

/*IMPEDE QUE O LABEL FIQUE POR SIMA DO MENU*/
.ui-chkbox .ui-chkbox-label {
	z-index: 0;
}

/*ESCONTE PARTE DO LABEL QUANDO DIMINUI A TELA*/
label {
	white-space: nowrap !important;
	overflow: hidden;
	display: block;
	clear: left;
}

/*TABS*/
.ui-tabs .ui-tabs-panels {
	padding-top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 71.6vh;
}

.ui-tabs .ui-tabs-panels .ui-tabs-panels {
	padding-top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 0vh;
}

.layout-horizontal .ui-tabs .ui-tabs-panels {
	padding-top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 66.7vh;
}

.layout-horizontal .ui-tabs .ui-tabs-panels .ui-tabs-panels {
	padding-top: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 0vh;
}

.ui-tabs .ui-tabs {
	box-shadow: 0 2px 10px 0 rgb(0 0 0/ 15%);
}

/* TAB MENU ESTILIZADA É UTILIZADA POR EXEMPLO NA emissaoNfe.xhtml */
.tabMenuSteps .ui-tabmenu {
	width: 86%; 
	margin-left: auto;
}
.tabMenuSteps .ui-tabmenu .ui-tabmenu-nav:before {
	width: 81.2%;
}
.tabMenuSteps .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
	margin-right: auto;
}
.tabMenuSteps .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
	display: grid;
	padding-top: 7px;
	padding-bottom: 5px;
}

.tabMenuSteps .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon {
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 5px;
}

.tabMenuSteps .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active) a .ui-icon {
	background-color: #F0F0F0 !important;
	width: min-content;
	margin: auto;
	padding: 5px;
    border-radius: 100%;
    margin-bottom: 5px;
}

.tabMenuSteps .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
	color: #FFFFFF;
	width: min-content;
	margin: auto;
	padding: 5px;
    border-radius: 100%;
    margin-bottom: 5px;
}

/* PAINEL GRID */
.ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4,
	.ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8,
	.ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 {
	padding-left: .25rem !important;
	padding-right: .25rem !important;
}

body .ui-panelgrid .ui-panelgrid-cell {
	padding-top: .30rem;
	padding-bottom: .30rem;
}

/*MENU  OBS: A ordem interfere no resultado o menor deve vim antes*/
@media screen and (min-width: 1200px) {
	.layout-wrapper.layout-horizontal .layout-menu-container .layout-menu>li>ul
		{
		min-width: 300px;
	}
}

@media screen and (min-width: 1600px) {
	.layout-wrapper.layout-horizontal .layout-menu-container .layout-menu>li>ul
		{
		min-width: 350px;
	}
}

/*BOT�O DE CONFIGURA��O*/
.layout-config .layout-config-content .layout-config-button {
	top: 150px;
}

/*PERSONALIZADO*/
.corPesquisa {
	background-color: rgb(255 255 100/ 15%);
}

.negrito {
	font-weight: bold !important;
}

.fonteNormal {
	font-weight: normal !important;
}

.boldBlack {
	font-weight: bold !important;
	color: black !important;
}

.fonteVermelha {
	color: red !important;
}

.fonteLaranja {
	color: orange !important;
}

.fonteVerde {
	color: green !important;
}

.fonteAzul {
	color: blue !important;
}

.corAzulClaro {
	background-color: rgba(224, 255, 251, 255);
}

.alinhaNumerico {
	text-align: right;
}

.texAlgnRight {
	text-align: right !important;
}

.texAlgnCenter {
	text-align: center !important;
}

.corColEdit {
	background-color: #dee2e6 !important;
}



/*BORDA*/
.lc-br-1 {
	border-right: 1px solid #dee2e6 !important;
}

/* LARGURA */
.Wid100 {
	width: 100%;
}

.Wid90 {
	width: 90%;
}

.Wid80 {
	width: 80%;
}

.Wid70 {
	width: 70%;
}

.Wid60 {
	width: 60%;
}

.Wid50 {
	width: 50%;
}

.Wid45 {
	width: 45%;
}

.Wid40 {
	width: 40%;
}

.Wid35 {
	width: 35%;
}

.Wid33 {
	width: 33.3%;
}

.Wid30 {
	width: 30%;
}

.Wid25 {
	width: 25%;
}

.Wid20 {
	width: 20%;
}

.Wid15 {
	width: 15%;
}

.Wid10 {
	width: 10%;
}

.Wid8 {
	width: 8%;
}

.Wid5 {
	width: 5%;
}

.Wid00 {
	width: 0%;
}

/* ESPA�O EM BRANCO */
.EmptyBox5 {
	display: block;
	width: 100%;
	height: 5px;
	overflow: hidden;
}

.EmptyBox10 {
	display: block;
	width: 100%;
	height: 10px;
	overflow: hidden;
}

.EmptyBox20 {
	display: block;
	width: 100%;
	height: 20px;
	overflow: hidden;
}

.EmptyBox50 {
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
}

.EmptyBox100 {
	display: block;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

/* LARGURA MINIMA */
.lc-min-width-20 {
	min-width: 20px;
}

.lc-min-width-50 {
	min-width: 50px;
}

.lc-min-width-80 {
	min-width: 80px;
}

.lc-min-width-100 {
	min-width: 100px;
}

.lc-min-width-120 {
	min-width: 120px;
}

.lc-min-width-150 {
	min-width: 150px;
}

.lc-min-width-170 {
	min-width: 170px;
}

.lc-min-width-200 {
	min-width: 200px;
}

.lc-min-width-220 {
	min-width: 220px;
}

.lc-min-width-250 {
	min-width: 250px;
}

.lc-min-width-300 {
	min-width: 300px;
}

.lc-min-width-320 {
	min-width: 320px;
}

.lc-min-width-400 {
	min-width: 400px;
}

/*ESPA�AMENTO*/
.p-pr-Z03 {
	padding-right: 0.03rem !important
}

.p-pl-Z03 {
	padding-left: 0.03rem !important
}

/* COR PESQUISA */
body .corPesquisa .ui-inputfield {
	background-color: rgb(255 255 100/ 15%);
}

body .ui-input-filled .corPesquisa .ui-inputfield, body.ui-input-filled .corPesquisa .ui-inputfield
	{
	background-color: rgb(255 255 100/ 15%);
}

/* AUTO COMPLETE */
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item
	{
	padding: 0.5rem 1rem;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row>td
	{
	padding: 0.5rem 1rem;
}

/* BOT�ES */
button.ui-button {
	margin-right: .25rem;
	margin-bottom: .25rem;
	box-shadow: 0 3px 1px -2px rgb(0 0 0/ 20%), 0 2px 2px 0 rgb(0 0 0/ 14%),
		0 1px 5px 0 rgb(0 0 0/ 12%);
}

/* TABELAS */
body .ui-datatable .ui-datatable-data>tr>td {
	padding: 0.5rem 0.5rem;
}

body .ui-datatable thead th {
	padding: 0.5rem 0.5rem;
}

/*PADDING IMPORTANT*/
.lc-p-0 {
	padding: .0rem !important;
}

.lc-pb-0 {
	padding-bottom: .0rem !important;
}

.lc-pt-0 {
	padding-top: .0rem !important;
}

.lc-pl-0 {
	padding-left: .0rem !important;
}

.lc-pr-0 {
	padding-right: .0rem !important;
}

.lc-p-0-05 {
	padding: .05rem !important;
}

.layout-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a {
  display: block !important;
}