body {
	margin: 0 auto;
	/* color: #404040; */
	color: #5E6469;
	font-family: Verdana;
	/* background: url("../images/layout/bg-promocional-6.png");
	background-repeat: repeat-x repeat-y; */
	
	/* background: url("../images/layout/bg-promocional-6.png");
	background-repeat: repeat-x repeat-y; */
	background-color: #FFFFFF; /* #F8F8F8; */
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS",Arial,Sans-serif;
}

.cor-destaque {
    color: var(--primary-color);
}

table tr, table tr td  {
	border-color: transparent;
}

.money-box{
  display: inline-block;
  text-align: center;
  padding: 2px 4px;
  font-size: 11px; 
  line-height: 14px;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  vertical-align: bottom;
  background-color: #f0f0f0;
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.money-box:hover {
	 background-color: #EAEAEA;
}

.openMoneyBox{
	display: block;
	font-size: 14px;
	color: rgb(76, 175, 80);
}

.closeMoneyBox{
	display: block;
	font-size: 12px;
	color: rgb(244, 67, 54);
}

.money-box.caixa-inativo {
	opacity: 0.7;	
}

.wrapper {
	width: 100%;
	height: auto;
	margin: 0px auto;	
}

.header {
 	background: #588DA1;
	padding: 11px 0 11px 5px; 
}

.header-text {
	font-style: normal;
	color: #ffffff;
	padding: 5px;
	font-size: 14px;
	font-family: arial;
}
.header-empresa{
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-shadow: 0 1px 0 black;
	font-family: arial;
}

.header-usuario {
	color: white;
	font-size: 12px;
	 text-transform: capitalize;
}

.header-text-logo{
	color: #F2F2F2;
	font-size: 22px;
    text-transform: capitalize;
	font-family: Montserrat,Arial,Sans-serif;	 
}


.header-logo-link {
	border-width: 0px;
	background: url("../images/layout/sisagil_logo_simples.png") no-repeat;
	display: block;
	float: left;
	height: 28px;
	width: 44px;
	text-indent: -999999em;
}

.header-info {
	/*text-align: right;*/
	float: right;
	padding-right: 10px;
}

.copyright-bar {
	text-align: right;
	font-size: 12px;
	padding: 10px 0 10px 0;	
	min-height: 110px;
	clear:both;
	margin: 0 auto;
}
@media (min-width: 1018px) {
	.copyright-bar {
		width: 1024px;
	}
}


.copyright-bar a {
	text-decoration: none;
	color:#BDBDBD;
}
.copyright-bar a:HOVER {
	color: black;
}

a.default-link {
	text-decoration: underline;
	color: var(--primary-color);
}
a.default-link-simple {
	text-decoration: none;
}
a.default-link-simple:HOVER {
	opacity: 0.5;
}

a.default-link:HOVER {
	color: var(--primary-color-hover);
}

.nav-bar {
	height: 45px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.nav-bar a.nav {
	text-align: center;
	font-family: Verdana;
	font-size: 18pt;
	color: #989898;
	margin-top: 50px;
	padding: 20px;
	border-left: 1px dashed #F1F1F1;
}

.welcome-bar {

	/* background-image: url(../images/welcome-back.png); */
	/* background-color: #f5f5f5; */
	background-position: right;
	background-repeat: repeat-x;
	text-shadow: 0 1px 0 #CCCCCC;
	margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 20px;
}

.welcome-text-holder {
	text-align: justify;
	margin-top: 10px;
}

h1.welcome-text1 {
	display: inline;
	font-weight: normal;	
}
h2.welcome-text2, h3.welcome-text2 {
	display: inline;
	font-weight: normal;
}

.welcome-text1 {
	font-family: Trebuchet MS;
	font-size: 20pt;
	margin-bottom: 5px;
}
.welcome-text-holder hr {
	height: 1px;
	color: #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}

.welcome-text-holder p {
	margin: 0px;
}

.welcome-text2 {
	font-family: Trebuchet MS;
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 10px;
	opacity: 0.6;
}

.title-text {
	font-family: Verdana;
	font-size: 18pt;
}

.content {
	padding: 10px;
	margin: 0 auto;
	background-color: white;
	border: 1px solid #DDD;
	border-radius: 2px;
}
@media (min-width: 1018px) {
	.content {
		width: 1028px;
	}
}

.content-no-style {
	width: 1046px;
	margin: 0 auto;
}

.column  {
	float:left;
	text-align:left;
}

.colborder {
	border-right:1px solid #DDDDDD;
	margin-right:25px;
	padding-right:24px;
}


form INPUT[type="text"]:not(.mui-text-field-input),
form INPUT[type="password"]:not(.mui-text-field-input),
form textarea:not(.mui-text-field-input) {
    /* Mantido o seletor original */
    font-size: 15px;
    vertical-align: baseline;
    /* Novas propriedades adicionadas */
    padding: 8px 8px;
    font-family: var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.12));
    border-radius: var(--border-radius, 4px);
    outline: none;
    /*background: transparent;*/
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
form INPUT[type="text"]:not(.mui-text-field-input),
form INPUT[type="password"]:not(.mui-text-field-input) {
	height: 36px;
}
 
form SELECT:not(.mui-select-input, .ui-helper-hidden) {
    /* Mantido o seletor original */
    height: 36px;
    /* Novas propriedades adicionadas */
    font-size: 14px;
    border: 1px solid var(--border-color, rgba(0, 0, 0, 0.12));
    border-radius: var(--border-radius, 4px);
    vertical-align: baseline;
    display: inline-block;
    padding: 4px 12px;
    margin: 0px 2px 0 0;
    /*background-color: #ffffff;*/
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
    /* background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L0.803848 0.5L11.1962 0.5L6 8Z' fill='%239AA3AC'/%3E%3C/svg%3E"); */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath d='M3 4L0 0h6L3 4z' fill='%239AA3AC'/%3E%3C/svg%3E");
    
    background-repeat: no-repeat;
    background-position: right 8px center;
     background-size: 14px 7px;
}
form SELECT option:not(.mui-select-input) {
    padding: 8px 12px;  /* Mais padding para melhor toque/clique */
    background-color: var(--bg-color);
    color: var(--text-color, rgba(0, 0, 0, 0.87));
}
 

form button.ui-button {
    height: 36px;
}



 

form {
	margin: 0;
	padding: 0;
}

 

form INPUT:FOCUS, 
form textarea:FOCUS,
form SELECT:FOCUS {
    /* Mantido o seletor original */
    /* Substitu��do o estilo original */
    border-color: var(--primary-color, #f10b5c);
    box-shadow: 0 0 0 1px var(--primary-color, #f10b5c);
}

 
form INPUT[type='text'][disabled], form INPUT[type='text'][disabled]:FOCUS,  
form INPUT[type='password'][disabled], form INPUT[type='password'][disabled]:FOCUS,
form textarea[disabled], form textarea[disabled]:FOCUS{
	opacity: 0.5;
}


form INPUT.ui-input-invalid, form textarea.ui-input-invalid {
	border: 1px solid #E49C9C;
}


.ajaxStatus {
    background-color: #4E4E4E;
    bottom: 25%; /* Alterar de top para bottom */
    color: #CCCCCC;
    left: 50vw;
    transform: translate(-50%, 0);
    opacity: 0.8;
    padding: 5px 5px;
    position: fixed;
    text-align: center;
    width: 150px;
    z-index: 9000;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(34, 25, 25, 0.7);
    font-size: 12px;
}

 

.ajaxStatus span {
    text-align: center;
    display: block;
}

.ajaxOnError {
	background-color: #D12F19;
	color: white;
	padding: 10px;
	position: fixed;
	right: 0px;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10000;
	border-bottom: 1px solid #C0C0C0;
	opacity:0.9;
}

a.nav:link {
	color: #6e6e6e;
	text-decoration: none;
}

a.nav:visited {
	color: #6e6e6e;
	text-decoration: none;
}

a.nav:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

a.nav:active {
	color: #6e6e6e;
}

a.logout:link,a.logout:visited {
	color: Scrollbar;
	text-decoration: none;
}

a.logout:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.negrito {
	font-weight: bold;
}

.italico {
	font-style: italic;
}


.pequeno {
	font-size: 11px;
}

.nowrap {
	white-space: nowrap !important;
}
.min-width {
	width: 1px;
}

.smart-info {
	font-size: 11px;
	background-color: #FAE6B0;
	padding: 2px 4px;
	white-space: nowrap;
}
[data-theme="dark"] .smart-info {
	color: black;
}

.smart-info-red {
	font-size: 11px;
	background-color: #D12F19;
	padding: 2px 4px;
	white-space: nowrap;
	color: black;
}

.smart-info-blue {
	font-size: 11px;
	background-color: #5882FA;
	padding: 2px 4px;
	white-space: nowrap;
	color: white;
}

.smart-destaque {
	background-color: #FAE6B0;
	padding:  1px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: black;
}
 
.requerido:AFTER {
	color: #D12F19;
	content: " *" !important;
	font-size: 14px;  
	font-weight: bold;
}
.direita {
	text-align: right;
}

.title-header {
	background: repeat-x scroll 50% 50% #F1F1F1;
	border: 0px;
	color:#42474D;
	font-size:14px;
	font-weight:normal;
	padding:5px 10px;
}

hr {
	color: var(--border-color);
	background-color: var(--border-color);
	height: 1px;
	border: 0;
}

hr.botoes {
	color: var(--surface-color);
	margin: 10px 0;
}

div.barra-botoes {
 display: flex;
 gap: 4px; 
}

hr.separador {
	border-color: #AAAAAA;
	border-style: dashed;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-top-width: 1px;
}

.big-text {
	font-size: 30px; 
}

.midle-text {
	font-size: 16px; 
}

.big-valor {
	font-size: 30px; 
	color: #00b8bf; 
	font-family: 'Trebuchet MS',Arial,Sans-serif;
}


.debito-valor {
	font-size: 18px; 
	color: #F07681;
	font-family: 'Trebuchet MS',Arial,Sans-serif;
	text-shadow: 0 1px 0 #CCCCCC;
}

.credito-valor {
	font-size: 18px; 
	color: #00CC66;
	font-family: 'Trebuchet MS',Arial,Sans-serif;
	text-shadow: 0 1px 0 #CCCCCC;
}

.title-sep-form {
	color: var(--primary-color);
	font-size: 18px;
	display: block;
	margin-top: 20px;
	text-align: left;
}

.desativado-class {
	opacity: 0.3;
	-webkit-opacity: 0.3;
}

.panel-fixed-rigth-bottom {
    bottom: 0;
    right: 0;
    min-width: 150px;
    padding: 5px 5px 5px 5px;
    position: fixed;
    white-space: nowrap;
    z-index: 1;
}

.panel-fixed-bottom{
	bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    width: 100%;
    z-index: 50; /* Valor menor que o do drawer para ficar atr��s quando necess��rio */
    background-color: var(--surface-color, #ffffff);
    transition: left var(--transition-speed), width var(--transition-speed);
}

/* Ajuste quando o menu estiver aberto em desktop */
@media (min-width: 992px) {
    .mui-drawer-open .panel-fixed-bottom {
        left: var(--drawer-width);
        width: calc(100% - var(--drawer-width));
    }
    
    /* Ajuste para componentes que usam innerDiv */
    .mui-drawer-open .panel-fixed-bottom > div {
        width: 100%; /* Ajusta a largura interna se necess��rio */
        max-width: none; /* Remove limita����es de largura m��xima */
    }
}

/* Mantenha a largura fixa para componentes legacy, se necess��rio */
@media (min-width: 1018px) {
    .panel-fixed-bottom > div {
        width: 1024px;
        margin: 0 auto;
    }
    
    /* Mesmo quando o menu estiver aberto, mant��m a largura adaptada */
    .mui-drawer-open .panel-fixed-bottom > div {
        max-width: 1024px;
        margin: 0 auto;
    }
}

.panel-fixed-bottom > div {
	width: 1070px;
	margin: 0 auto;
}

.panel-border {
	border: 1px solid silver;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 3px 3px 7px #404040;
}

.panel-default-padding{
	padding: 5px 5px 15px 5px;
}

.panel-bg {
   background-color: var(--surface-color, #ffffff);
  
  border: solid 1px var(--border-color, #ffffff) ;
 

}

.panel-fixed-left-bottom {
    bottom: 0;
    left: 0;
    min-width: 150px;
    padding: 5px 10px 5px 5px;
    position: fixed;
    white-space: nowrap;
    z-index: 1;
}

.panel_column {
	margin-bottom: 5px;
    position: relative;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	 border-radius: var(--border-radius);
}

.panel_title {
    text-align: center;
    display: block;
	padding: 5px 0 5px 0;
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
}

.panel_column hr, .hr-light {
	height: 1px;
	color: #A4A4A4;
	opacity: 0.35;
	border-bottom: 1px solid #A4A4A4;
}

.width-full {
	width: 100% !important;
}

.notificacao-leve {
    background: none repeat scroll 0 0 #DFF0D8;
    border: 1px solid #D6E9C6;
    padding: 20px 20px 0px;
    position: relative;
	border-radius: var(--border-radius);
}

[data-theme="dark"] .notificacao-leve {
  background: none repeat scroll 0 0 #2A3B2F;
  border: 1px solid #3A5940;
  padding: 20px 20px 0px;
  position: relative;
	border-radius: var(--border-radius);
}

 
.esq-col, .dir-col {
    margin-bottom: 15px;
    margin-top: 15px;
}

.input-pequeno{
	font-size: 12px !important;
	max-height: 24px;
}
.input-monetario-padrao {
	width: 114px;
}

.chrome-ajuste{
	white-space: nowrap;
}

.filtros-relatorios tbody tr:HOVER{
	background-color: var(--bg-color); 
}

.no-border-table, .no-border-table td{
	border-style: none !important;
}

#title_bar h1.title{
	margin: 2px 0;
	font-size: 20px;
	font-weight: normal;
	
}

#title_bar{
  font-size: 1.0em;
  line-height: 18px;
  color: #5e6469;
  position: relative;
  margin-top: 4px;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 5px;
  padding: 5px 0 5px 0; 
}

@media (min-width: 1047px) {
	#title_bar{
		width: 1048px;
	}
	.links_form {
		text-align: right;
		margin-top: 8px;
	}
}

@media (max-width: 1046px) {
	#title_bar{
		text-align: center;
	}
	.links_form {
		text-align: center;
	}
}

#title_bar .entry{
	color: #8A949E;
	font-size: 12px;
	font-style: italic;
}


.links_form {
	color: transparent;
}

.links_form a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 12px;
    margin-right: 3px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    background: #F2F2F2;
    /* background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e7e7e7));
    background: -moz-linear-gradient(-90deg, white, #e7e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e7e7e7');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e7e7e7'); */
    
    border: solid 1px #c7c7c7;
    border-color: #c7c7c7;
    border-top-color: lightgrey;
    border-right-color: #c7c7c7;
    border-bottom-color: #c2c2c2;
    border-left-color: #c7c7c7;
    text-shadow: white 0 1px 0;
    color: #5e6469;
    padding: 10px 15px 7px;
    margin: 0px 2px; 
    height: 14px;
}

.links_form a.disabled {
      opacity: 0.5;
      cursor: default; }

.links_form a:not(.disabled):hover {
      background: #FBFBFB;
      /* background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f1f1f1));
      background: -moz-linear-gradient(-90deg, white, #f1f1f1);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f1f1f1');
      -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f1f1f1'); */
}
.links_form a:not(.disabled):active {
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #eeeeee;
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #eeeeee;
      -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #eeeeee;
      -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #eeeeee;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 1px 0 0px #eeeeee;
      border-color: #b9b9b9;
      border-top-color: #c2c2c2;
      border-right-color: #b9b9b9;
      border-bottom-color: #b7b7b7;
      border-left-color: #b9b9b9;
      background: #f3f3f3;
      background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d8d8d8));
      background: -moz-linear-gradient(-90deg, #f3f3f3, #d8d8d8);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d8d8d8');
      -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d8d8d8'); 
 }
   
.links_form a.active {
	background: white;
}



.line-right-vertical{
	border-right: 1px solid #F1F1F1;
}



ul.my-nav-tabs{
	margin: 0px 0 8px 0;
	padding: 0;
	/* background-color: #F6F6F6;  */
	padding: 0;
	border-bottom: 1px solid #C6C5C5;
}
ul.my-nav-tabs:after {
    content: "";
    clear: both;
    display: table;
}
.my-nav-tabs > li {
	float: left;
	list-style: none outside none;
	margin-bottom: -1px;
}
.my-nav-tabs > li a.active {
	/* color: white; */
	/* background-color: #F1F1F1; */
	/* background-color: #7096AB; */
	color: #5E6469; 
	border-left: 1px solid #C6C5C5;
	border-right: 1px solid #C6C5C5;
	border-top: 1px solid #C6C5C5;
	background-color: white;
	opacity: 1;
}


.my-nav-tabs > li a:not(.active){
	opacity: 0.6 !important;
}

.my-nav-tabs > li a{
	display: block;
	padding: 8px 16px 8px 16px;	
	font-size: 14px;
	text-decoration: none;
	color:#404040;
	background-color: #EEE;
	
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;
	
	-webkit-border-top-left-radius: var(--border-radius);
	-webkit-border-top-right-radius: var(--border-radius);
	-moz-border-radius-topleft: var(--border-radius);
	-moz-border-radius-topright: var(--border-radius);
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
	
	margin-right: 4px;
	
}
.my-nav-tabs > li a:not(.active):HOVER {
	opacity: 1 !important;
	color: #404040;
}
.no-table-border {
	border: 0;
}
.descricao-item{
	white-space: normal;
}

.big-text-input {
	font-size: 30px !important; 
}
.big-2-text-input {
	font-size: 25px !important; 
}

.big-3-text-input {
	font-size: 20px !important; 
}
.tachado{
	text-decoration: line-through;
}


 
 
.display-none{
 	display: none;
 }

.ligth-table-cell tbody td,
.ligth-table-cell thead td,
.ligth-table-cell thead th{
	border-color: #E1E1E1;
}
 a {
	text-decoration: none;
	color: var(--primary-color);
}
 a:hover {
	color: var(--primary-color-hover);	
}

.input-busca-generical-grid, 
.btn-filtros-busca-generica{
	height: 36px;
}

.receita-text{
	color: #0C6;
}

.despesa-text{
	color: #F25E5E;
}

.icon-ativo{
	color: #0C6;
}

.icon-inativo{
	color: #D8D8D8;
}

.separador-destaque {
    padding: 8px 8px;
    margin: 0px 0px 12px;
    list-style: outside none none;
    background-color: var(--bg-color);
    border-radius: var(--border-radius);
}

.well-block {
    min-height: 20px;
    padding: 3px 6px 2px 6px;
    background-color:var(--bg-color);
}

.atalho-btn{
	font-size: 11px;
	opacity: 0.8;
}

.full-width{
	width: 100%;
}

tr.error td {
    background-color: #F2DEDE;
}

tr.warning td {
    background-color: #fcf8e3;
}

tr.success td {
  background-color: #dff0d8;
}


/* Vers��o Dark */
[data-theme="dark"] tr.error td {
  background-color: #5e2d2d;
}

[data-theme="dark"] tr.warning td {
  background-color: #5d4d28;
}

[data-theme="dark"] tr.success td {
  background-color: #2a4a2a;
}


[data-theme="dark"] .btn-excluir{
	text-decoration: none;
	color: var(--error-color);
}

.btn-excluir:HOVER {
	color: #f44;
}


.linha-nivel-1 {
			background-color: var(--bg-color) !important;
			background-image: none !important;
}

.linha-nivel-2 {
			background-color: var(--on-secondary) !important;
			background-image: none !important;
}

busca-generica select {
	border: 1px solid #A9A9A9;
	margin: 4px 4px 4px 4px;
	width: 220px;
	max-width: 200px;
}

.form-grid {
	width: 100%;
}


span.input-block-level input.ui-corner-left{
  width: calc(100% - 31px);
  /*min-height: 26px;*/
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


span.input-block-level input.ui-corner-left{
  width: calc(100% - 31px);
  /*min-height: 26px; */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

div.input-block-level ul.ui-autocomplete-multiple-container {
	width: 100%;
	border-radius: var(--border-radius, 4px);
	border: 1px solid var(--border-color, rgba(0, 0, 0, 0.12));
}


span.input-block-level input.ui-corner-all{
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


div.ui-selectonemenu.input-block-level{
  width: 100% !important;
}
div.ui-selectonemenu.input-block-level label{
  width: 100% !important;
  min-height: 26px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.fundo-roxo input{
	background-color: #F3E5F5 !important;
}

[data-theme="dark"] .fundo-roxo input{
	background-color: #4A2D4C !important;
}


.tipo-entidade{
	background-color: #f5f5f5;
    padding: 4px;
    border: 1px solid #e0e0e0;
}

.tipo-entidade-panel{
	margin-bottom: 10px;
}

@media (max-width: 600px) {
	.data-entre {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
    	gap: 4px;
	}
}

.pagination a {
	color: #404040;
}

.btn-site-ajuda{
	position: fixed;
	right: 20px;
	bottom: 100px;
	background: #FF4444;
	color: white;
	opacity: 0.9;
	z-index: 1000;
	padding: 6px 11px;
	border-radius: 20px 20px;
}
.btn-site-ajuda:hover {
	background-color: #FF6644;
}	


/*Form Wizard*/
.bs-wizard {margin-top: 10px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color:var(--secondary-color-hover);; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: var(--secondary-color); font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa; height: 7px;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.bs-wizard [class*="span"] + [class*="span"] {
    margin-left: 0%;
  }
  
  /* Extras para melhorar compatibilidade com modo dark */
[data-theme="dark"] .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot {
  background-color: #555;
}
[data-theme="dark"] .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:after {
  background: #fbbd19;
}
[data-theme="dark"] .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
  background-color: #555;
}
[data-theme="dark"] .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {
  background: #fbbd19;
}
[data-theme="dark"] .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  background: #fbbd19;
}

[data-theme="dark"] .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
	background-color: #333;
}
/*END Form Wizard*/

:root{
  scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
  scrollbar-width: thin !important;
}

hr.acoes {
	margin: 10px 0 10px 0;
}

ul li table {
  border: none !important;
  border-collapse: collapse !important;
}

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

/* Classe base que pode ser aplicada a qualquer div */
.fixed-on-top {
  position: fixed;
  top: var(--appbar-height, 64px); /* Ajusta �� altura do app bar */
  z-index: 90; /* Menor que o app bar, mas maior que conte��do normal */
  background-color: var(--surface-color, white);
  box-shadow: var(--shadow-1, 0 2px 4px rgba(0, 0, 0, 0.1));
  width: 100%;
  left: 0;
  transition: top var(--transition-speed, 0.3s), left var(--transition-speed, 0.3s), width var(--transition-speed, 0.3s);
}

/* Adapta����o para quando o drawer est�� aberto */
@media (min-width: 992px) {
  .mui-drawer-open .fixed-on-top {
    left: var(--drawer-width, 256px);
    width: calc(100% - var(--drawer-width, 256px));
  }
}

/* Classe auxiliar para criar espa��o quando um elemento �� fixado */
.fixed-on-top-placeholder {
  visibility: hidden;
}

@media print {
  .no-print {
    display: none;
  }
}

/* Detecta iPhone via user agent e remove a m��scara */
@media (max-width: 768px) {
  .ui-widget-overlay {
    display: none !important;
  }
}


.local-estotoque-saida {
	background-color: #dff0d8;
}

.local-estotoque-entrada {
	background-color: #d9edf7;
}

[data-theme="dark"] .local-estotoque-saida {
  background-color: #2A3B2F;
}

[data-theme="dark"] .local-estotoque-entrada{
  background-color: #1F3A4A;
}

.font-label-warning {
    display: inline-block;
    color: #f89406;
    padding: 3px 4px;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    vertical-align: baseline;
}

/* * Componente de Badge de Fun����o (Franqueador/Franqueado)
 * Compat��vel com Light & Dark Mode
 */

/* Base do componente */
.user-role-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 16px;
    font-family: 'Roboto', 'Arial', sans-serif;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    user-select: none;
    
    /* Transi����o suave de cores ao trocar de modo */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.user-role-badge .material-symbols-outlined {
    font-size: 16px;
    line-height: 1;
}

.user-role-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 16px;
    font-family: 'Roboto', 'Arial', sans-serif;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    user-select: none;
    
    /* Transi����o suave de cores ao trocar de tema */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.user-role-badge .material-symbols-outlined {
    font-size: 16px;
    line-height: 1;
}

/* --- Modificador: Franqueador (Light) --- */
.role-franqueador {
    background-color: #E3F2FD; /* Fundo (Material Blue Light 9) */
    color: #1565C0;            /* Texto (Material Blue Dark 2) */
}

.role-franqueador .material-symbols-outlined {
    color: #1976D2; /* ��cone (Material Blue 700) */
}

/* --- Modificador: Franqueado (Light) --- */
.role-franqueado {
    background-color: #FFF3E0; /* Fundo (Material Orange Light 9) */
    color: #EF6C00;            /* Texto (Material Orange Dark 2) */
}

.role-franqueado .material-symbols-outlined {
    color: #F57C00; /* ��cone (Material Orange 700) */
}


/* =========================================== */
/* ���� ESTILOS DO MODO ESCURO (DARK MODE)       */
/* Ativados quando [data-theme="dark"] est��    */
/* presente em um elemento pai (ex: <body>)    */
/* =========================================== */

/* --- Modificador: Franqueador (Dark) --- */
[data-theme="dark"] .role-franqueador {
    background-color: #004a77; /* Fundo (Azul escuro, "Secondary Container") */
    color: #c4e7ff;            /* Texto (Azul bem claro, "On Secondary Container") */
}

[data-theme="dark"] .role-franqueador .material-symbols-outlined {
    color: #c4e7ff; /* ��cone (Mesma cor do texto) */
}

/* --- Modificador: Franqueado (Dark) --- */
[data-theme="dark"] .role-franqueado {
    background-color: #614000; /* Fundo (Laranja/��mbar escuro, "Tertiary Container") */
    color: #ffddb4;            /* Texto (Laranja bem claro, "On Tertiary Container") */
}

[data-theme="dark"] .role-franqueado .material-symbols-outlined {
    color: #ffddb4; /* ��cone (Mesma cor do texto) */
}