@CHARSET "ISO-8859-1";

:root {
  --main-bg-blue: #00808C;
  --main-bg-blue2: #26a698;
  --main-text-color: #2C2F33;
  --main-bg-silver: #C4C4C4;    
  --main-bg-silver2: #F4F4F4;          
  --main-white-color: #FFFFFF;
}

html { 
	font-family: 'Inter', sans-serif; 
}

@supports (font-variation-settings: normal) {
   html { font-family: 'Inter var', sans-serif; }
}	

.ui-widget{
	font-family: 'Inter', sans-serif;
}

/*
html {
	height: 100%	
}

body {
	height: 100%;
	color: var(--main-text-color);
}*/

body {
	overflow: hidden;
}

:focus{
	outline: none !important;	
}

/*Bloqueia selecao de texto*/
* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*Desbloqueio selecao de texto para imputs*/
input {
	-webkit-touch-callout: default !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

/*Desbloqueio selecao de texto para text areas*/
textarea{
	-webkit-touch-callout: default !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}

a{
	text-decoration: none !important;
}

.ui-widget-content{
	border: none;		
	color: var(--main-text-color);
} 
/*Layout da tela*/



.text-blue{
	color: var(--main-bg-blue) !important;
}


/*INICIO Layout tabelas*/
.ui-row-editing{
	background: var(--main-white-color) !important;
	color: var(--main-text-color) !important;
	text-shadow: none !important;
}

.ui-datatable-data tr.ui-state-hover{
    background: var(--main-bg-silver);
    border: none;
    box-shadow: none;
}

.ui-datatable-data tr:hover{
    background: var(--main-bg-silver);
    border: none;
    box-shadow: none;
}

.ui-datatable-scrollable-body {
    outline: none !important;
	min-height: 80px !important;
}

.ui-datatable-data .ui-state-highlight{
	background: var(--main-bg-blue);
	border: none;
	box-shadow: none;
	color: var(--main-white-color);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: var(--main-text-color);
    text-decoration: none;
    text-shadow: none;
}



.ui-datatable-header{	
	background: var(--main-bg-silver2);	            
}

.ui-datatable thead th{
	border-top: none !important;
	background: var(--main-bg-silver2) !important;	
	text-shadow: none !important;
}	

.ui-datatable thead th:hover{	                                                                                                      
	background: var(--main-bg-blue) !important;
	color: var(--main-white-color);	
}

.ui-datatable-data{
	border-top: none !important;
	background: none !important;
}

.ui-datatable-scrollable-header{
	border-top: 1px solid var(--main-bg-silver) !important;
}

.ui-datatable-even{
	 background: none repeat scroll 0 0 #fafafa !important;
}

.ui-datatable-odd {
    background: none repeat scroll 0 0 var(--main-bg-silver2);
}

.ui-datatable-tablewrapper{
	border-top: 1px solid var(--main-bg-silver) !important;
}

.ui-datatable tbody td{
	border-top: none;
	border-bottom: none;
	border-left: 1px solid var(--main-bg-silver) ;
	border-right: 1px solid var(--main-bg-silver) ;
}

.ui-widget-header{	
	border: none;
	background: var(--main-bg-silver2);
	text-shadow: none;
    color: var(--main-text-color);	    
}


/*FIM Layout tabelas*/


.ui-state-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover{	
	box-shadow: none !important;		
	border-color: var(--main-bg-blue) !important;			
	text-shadow: none;					                               
}

.ui-dialog-titlebar-close.ui-state-hover {	
	background:  var(--main-bg-blue2);	
}

.ui-chkbox .ui-chkbox-box {       
	height: 16px;
	width: 16px;
	background: var(--main-bg-silver2);
}

.ui-icon-check {    
    background-position: -64px -145px;
}

 .menubar-sd .ui-state-hover .ui-icon {    
    background-image: url("../img/icon/white-ui-icons_616161_256x240.png");                
}

.ui-fileupload-buttonbar .ui-icon-plusthick{
	background-image: url("../img/icon/white-ui-icons_616161_256x240.png");
}

.sd-menu-upload-btn .ui-fileupload-buttonbar .ui-icon-plusthick {
    background-image: url("../img/icon/ui-icons_616161_256x240");
}

.ui-menuitem.ui-state-hover  .ui-menuitem-link{
	color: #FFF;
}

.ui-autocomplete-multiple input{
	border: none !important;
}

.ui-panel {    
    /*border: none !important;*/
}


.ui-widget-overlay {
    opacity: .15;
    filter: Alpha(Opacity=15);
}

.ui-panel .ui-tabs {
    border: medium none;
    margin: -6px -14px;
}

/*
.ui-dialog-content .ui-panel .ui-tabs {
    border: 1px solid var(--main-bg-silver);    
    margin: 10px -15px -10px;
    border-top: none;
}

.ui-dialog-content .ui-panel .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0.2em 1.2em 0;
}
 */


.ui-tabs {	
	padding: 0px;	
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
	padding: 0.9em 0.9em 0;	
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav li{
	/*top: 2px ;*/
	margin-bottom: 0px;
    margin-top: 5px;
}


.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {    
    border-bottom: 1px solid var(--main-white-color);
}

.ui-tabs .ui-tabs-nav {
	background: var(--main-white-color);	
	/*border-bottom: 1px solid var(--main-bg-silver);*/
	
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 1.2em;
}
	
.ui-panel .ui-panel-content {
	padding: 0.3em 1em;
}

.ui-selectonemenu{
	min-width: auto !important;
	padding-right: 28px;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    cursor: pointer;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ui-messages {	
	position: absolute;
	width: auto !important;
	margin-top: 100px;
	z-index: 9000 !important;		
	right: 50%;	
	transform: translate(50%, -50%);
}

.ui-messages ul {    
    padding: 5px !important;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {	
	position: relative;	
	border: 1px solid var(--main-bg-blue);	
	border-radius: 3px !important;	
	margin: 0px !important;
	-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8) !important;
	-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.8) !important;	
	color: var(--main-white-color);			
	background: var(--main-bg-blue);
    margin-top: 5px;	
}

.ui-messages-close .ui-icon-close{
	background-image: url("../img/icon/icon_close_16.png") !important;
    background-position: 0px 0px !important;
}

.ui-messages-error-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -52px !important;
        margin-top: 0px;
}

.ui-messages-fatal-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -52px !important;
        margin-top: 0px;
}

.ui-messages-info-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -184px !important;
        margin-top: 0px;
}

.ui-messages-warn-icon {
		background: url("../img/icon/messages.png") no-repeat !important;
        background-position: 0 -316px !important;
        margin-top: 0px;
}







/*
.ui-growl {
	top: 85px !important;
	width: auto;		
    right: 50%;	
    pointer-events: none !important;
}

.ui-growl-item-container {
	opacity: 1 !important;
	border: 1px solid var(--main-bg-blue);
	text-shadow: none !important;	
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.9);			
    right: -50%;
    pointer-events: auto !important;
}

.ui-growl-message {
  float: left;  
  padding: 2px 13px 9px;
  width: auto;
}

.ui-growl-item {
	background: var(--main-bg-blue);
	padding: 5px !important; 
}

.ui-growl-image {
    background: url("../img/icon/messages.png") no-repeat;
    height: 24px;
    width: 24px;
    margin-top: 5px;
}

.ui-growl-image-error {
        background-position: 0 -52px;
}

.ui-growl-image-fatal {
        background-position: 0 -52px;
}

.ui-growl-image-info {
        background-position: 0 -184px;
}

.ui-growl-image-warn {
        background-position: 0 -316px;
}*/


.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	background-image: none;
	opacity: 0.55;
}

.menubar-sd {
	background: var(--main-white-color) !important;
	border: none !important;
	float: left;
}

.ui-menubar .ui-menu-child .ui-menuitem {
    width: 100%;
}

.ui-menu, .ui-menu .ui-menu-child {        
    background: var(--main-bg-silver2);
}

.ui-menu{
	width: auto;
	padding: 0px;
}


.ui-menu .ui-menuitem-link .ui-menuitem-icon, .ui-menu .ui-submenu-icon{
	margin-right: 5px;
}

.ui-menu .ui-menuitem-link{
	padding: .6em;
}

.menubar-sd.ui-menu {    
    padding: 0px;    
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 210px;
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.8);		
	border-radius: 0px;	
	padding: 0px;
	background: var(--main-bg-silver2);
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    width: 92%;
}

.ui-menu .ui-separator {    
    margin: 0px;    
}

.ui-menu .ui-menuitem {    
    margin: 0px 0;    
}

.ui-menubar .ui-menuitem-link {
    width: auto;
    padding: 0.8em .6em;
}

.menubar-sd.ui-menu.ui-widget li>.ui-menuitem-link.ui-state-hover {
	background: var(--main-bg-blue);
	color: var(--main-white-color);
	text-decoration: none;
	box-shadow: none;
	border-radius: 0px;
}

.menubar-sd .ui-menu-list{
	border: none !important;
}



.ui-datepicker .ui-datepicker-calendar .ui-state-default {
	background: none;
	border: none;
	color: var(--main-text-color);
}

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight,
	.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background: var(--main-bg-blue);
	color: var(--main-white-color) !important;
	font-weight: bold;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Problema com size no browse 64bits*/
.hasDatepicker {
	width: 64px !important;
}

.pe-timepicker {
    display: inline;
}

/*Usado para campo date desabilitado (obs usar class 'calendar' no campo)*/
span.calendar input {
	width: 85px !important;
}

.ui-datepicker td {
	background-color: var(--main-bg-silver2);
	border-color: var(--main-bg-silver);	
	border-style: solid;
	border-width: 1px;	
	color: var(--main-text-color);
	cursor: pointer;
}







/*Barra Dialog*/
.ui-dialog-titlebar {
	background: var(--main-bg-blue) !important;			
	color: var(--main-white-color) !important;
	border: 0 none;
	padding: 0.4em 0.4em 0.4em 1em;
	position: relative;
	border-left: medium none;
	border-radius: 0 0 0 0;
	border-right: medium none;
	border-top: medium none;
	text-shadow: none !important;
}

/*
.ui-dialog-titlebar .ui-icon-closethick {
	background-image:  url("../img/icon/icon_close_16.png") !important;
	background-position: 0px 0px;	
	cursor: pointer;
	float: left;
	top: 0px;	
	display: block;
	overflow: hidden;	
	height: 16px;
	width: 16px;
}
Barra Dialog*/





.sd-menu {
	min-height: 42px;
	height: auto;
    background-color: #fcfcfc;
	overflow-x: auto;
	overflow-y: hidden;
}

.filter-search {
	margin-right: 15px;
}

.sd-menu .ui-button{
	margin-top: 5px;
    /*border: none;
    background: var(--main-bg-silver2);*/
}



.sd-menu .ui-selectonemenu .ui-selectonemenu-trigger{
	/*background-color: var(--main-bg-silver2);*/
}

.sd-icon.ui-state-hover {
    /*background-color: hsla(0, 0%, 0%, 0.2) !important;
    border-radius: 45em;
    transition:all 0.4s ease;    */
}

.sd-icon{
	float: left;	
	margin-top: 5px !important;
	margin-left: 5px !important;
	height: 30px;
	width: 30px;
	/*border: none !important;
	box-shadow: none !important;*/
}

.sd-print {
	background: 6px 6px url("../img/icon/print_white_24dp.png") no-repeat transparent !important;
}

.sd-newwindow {
	background: 5px 6px url("../img/icon/filter_none_white_24dp.png") no-repeat transparent !important;
}

.sd-savepdf {
	background: 5px 6px url("../img/icon/picture_as_pdf_white_24dp.png") no-repeat transparent !important;
}

.sd-savexls {
	background: 4px 6px url("../img/icon/xls-white-24dp.png") no-repeat transparent !important;
}

.sd-savefile {
	background: 6px 6px url("../img/icon/archive_white_24dp.png") no-repeat transparent !important;
}

.sd-del {
	background: 6px 6px url("../img/icon/delete_white_24dp.png") no-repeat transparent !important;	
}

.sd-refresh {
	background: 5px 6px url("../img/icon/refresh_white_24dp.png") no-repeat transparent !important;
}

.sd-plus {
	background: 5px 6px url("../img/icon/add_to_queue_white_24dp.png") no-repeat transparent !important;
}

.sd-search {
	float: right !important;
	margin-left: 0px !important;
	margin-top: 0px !important;		
}


/*Botoes descritivos do menu*/
.sd-menu-btn {
	margin-left: 5px !important;
	float: left;
	min-width: 100px;	
}

.sd-menu-upload-btn {
	margin-left: 10px;
	float: left;
	min-width: 100px;	
}

.ui-fileupload-buttonbar {
    padding: 0px !important;
}

.ui-fileupload-buttonbar span{
	font-weight: normal !important;	
}

/*Botoes pequenos de excluir e editar*/
.sd-icon-trashedit{
	font-size: 10px !important;
	height: 30px !important;
	width: 30px !important;
	margin: -5px 0 -5px 0 !important;
	background: transparent !important;
	color: var(--main-text-color) !important;
	border: 1px solid var(--main-bg-silver) !important;
}

.ui-fileupload-buttonbar {
	background: transparent !important;
	border: none !important;
}

.ui-fileupload-content {
	display: none;
}

/*Layout da tela*/
.ui-widget {
	font-size: 12px !important;
}


.ui-inputfield {
    padding: 6px;    
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 7px 10px;
}

/*Erro bug scroll tela NFe no google Crhome*/
.ui-selection-column .ui-helper-hidden-accessible{
	display: none;
}

.header-datatable-sd{
	overflow-y: hidden;
	overflow-x: auto;
}

.ui-treetable-header{	
	background: var(--main-bg-silver2);
}

.ui-button-text-only .ui-button-text {
    padding: .5em 1em;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    padding: 0 6px;
    background: var(--main-bg-silver2);
}

.ui-button-text-icon-left .ui-button-text {    
    padding: 0.5em 1em .5em 2.1em;
}

.ui-treetable-data tr:hover{
	background: var(--main-bg-silver);
	border-color: var(--main-bg-silver) !important;
}

.ui-state-default {
	font-weight: normal;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

/*opcao tira fundo opaco do dialog 
.ui-widget-overlay {    
    opacity: 0;
}
*/

/*opcao tira fundo opaco do dialog apenas do status  com id especifico*/ 
div[id="statusDialog_modal"] {
	opacity: 0;
}

.statusDialog {
	border: none;
	background: transparent;
	box-shadow: none;
	/*width="90" height="75"*/
}

.status {
	padding: 2px;
	color: var(--main-white-color);
	border-radius: 5px;
}

/*upload de arquoivo */
.fileupload-content {
	display: none;
}

.fileupload-buttonbar {
	border: none;
	background: transparent;
}

.map-button {
	background-image: url("../img/icon/place_white_24dp.png") !important;
	height: 26px;
	width: 26px;
}


/* Dialog Impresso */
.dialog_impressao {
	width: 90% !important;
	height: auto !important;
}


.dialog_impressao .ui-dialog-title{
	padding: 0px;
	margin: 0px;
}

.dialog_impressao .ui-dialog-content{
	padding: 0 !important;
	overflow: hidden !important;
}

.ui-button{
	background: var(--main-bg-silver2);	
	border: none;
}

.sd-button-search .ui-icon.fa, .ui-icon.fa {
    background: none repeat scroll 0 0  transparent !important;
    text-indent: 0 !important;
    font-size: 15px;
    text-shadow: none;
}

.sd-button-search {
	margin-left: 5px !important;
	height: 30px !important;
	width: 30px !important;
	font-size: 10px !important;
	background: transparent !important;
	color: var(--main-text-color) !important;
	border: 1px solid var(--main-bg-silver) !important;
}


.sd-button-search.ui-state-hover{
	color: var(--main-bg-blue) !important;
}


.sd-button-search .ui-icon {    
    margin-left: -8px;
}


.all-dimensions {
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

.bg-green {
	background: none repeat scroll 0 0 #00acac !important;
}

.bg-blue {
	background: none repeat scroll 0 0 var(--main-bg-blue) !important;
}

.bg-blue-2 {
	background: none repeat scroll 0 0 #348fe2 !important;
}

.bg-purple {
	background: none repeat scroll 0 0 #727cb6 !important;
}

.bg-black {
	background: none repeat scroll 0 0 #2d353c !important;
}

.bg-danger {
	background: none repeat scroll 0 0 #e66454 !important;
}

.bg-warning {
	background: none repeat scroll 0 0 #f4b04f !important;
}

.ui-datagrid-content {
	border: none;
}

.ui-paginator-top {
	margin-top: 5px;
	border: none;
	background: none;
	border: none;
}

.ui-paginator-bottom {
	display: none;
}

.widget-header {
	background: none repeat scroll 0 0 var(--main-bg-silver2);
	height: 24px;
	text-align: left;
	border-radius: 4px 4px 0px 0px;
	cursor: move;
	border-bottom: 1px solid var(--main-bg-silver);
}

.widget-header-title {
	margin: 0.3em 16px 0.1em 1em !important;
	-moz-user-select: none;
	color: var(--main-text-color) !important;
	text-shadow: none !important;
	font-weight: bold;
	font-size: 12px !important;
	font-size: 1.1em;
	float: left;	
}



.logo-simdata{	    
	margin-left: auto; 
	margin-right: auto; 
	width: 250px;	
	display: none;
}

/* para telas maiores que 1024px*/
@media ( min-width : 1025px) {
	.logo-simdata{	    
    	float: right;  
    	margin: auto; 
    	width: auto;  
    	display: block;	
	}
}

#tabView_indexe {
	border: none;
	padding: 0px;
	/*min-width: 1250px;*/
	height: 70%; /* para navegadores que no suportam calc() */
	height: -webkit-calc(100% - 78px); /* para Chrome */
	height: -moz-calc(100% - 78px); /* para Firefox */
	height: calc(100% - 78px); /* para suporte nativo */
	-moz-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;	
}

.ui-tabs .ui-tabs-nav li {
	display: flex !important;
}

#sd_tab_navigation {
	background: var(--main-white-color);
	border: none;
	min-height: 38px;
	width: calc(100%) !important;
	padding: 0 0.5em;
    margin-bottom: 10px;
    border-radius: 4px;

	display: flex;
	flex-wrap: nowrap; /* Impede que quebrem para a linha de baixo */
	overflow-x: auto;  /* Cria a barra de rolagem horizontal */
	overflow-y: hidden;
}

.sd_tab_label{
	background-color: var(--main-bg-silver2);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px !important;
    height: 28px;
    font-weight: bold;
    /*
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-right: 5px !important;
	*/
}

.sd_tab_label_active{
	background: none repeat scroll 0 0 var(--main-bg-blue) !important;
	height: 28px;
	box-shadow: none !important;	
	color: var(--main-white-color);	
	border: 1px solid var(--main-bg-blue) !important;
}

.sd_tab_label_active a {
	color: inherit;
	text-decoration: none !important;
	text-shadow: none !important;
}

.sd_tab_label_ui_icon_closethick {
	cursor: pointer;
	float: left;
	display: block;
	overflow: hidden;		
	height: 12px;
	width: 12px;
	border-top: 7px;
    margin-right: 5px;
    margin-top: 7px;
}

.sd_tabcontent {	
	padding: 0em !important; 
	display: block; 
	height:100%;
}


/*Icone Home*/
.sd_tab_label a span.sd-ui-icon-home {
	height: 32px;
	width: 25px;
	background-repeat: no-repeat;
	background-position: -0px -0px !important;
	background: url("../img/icon/home_black_24dp.png") no-repeat 0px 5px transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 10px 20px 5px 5px;
}

.sd_tab_label_active a span.sd-ui-icon-home {
	background: url("../img/icon/home_white_24dp.png") no-repeat 0px 5px transparent !important;
}
/*Icone Home*/

#form_settings_menu{
	position: absolute;
	right: 45px;
}

.user_setting_button{		
	height: 38px;
	border: none;		
	border-left: 1px solid var(--main-white-color) !important;
	box-shadow: none !important;			
	background: var(--main-bg-blue) !important;
	float: left;
    margin-right: 10px !important;
}

.user_setting_button.ui-state-hover{    
    background: var(--main-text-color) !important;	
	cursor: pointer;
}

.user_setting_button .ui-button-text{		
	color: var(--main-white-color);					
	font-weight: bold; 				                 
    font-size: 12px;
    text-align: left; 
    text-shadow: none;       
    margin-right: 30px;    
}

.user_setting_button_icon{	
	border: 0px solid var(--main-bg-silver);
	border-radius: 45em;
	margin-top: -15px !important;
	height: 30px;
	width: 30px !important;
	background-size: 30px 30px;
	display: block;					
}

.imageswitch_cadastro_produto{	
	max-height: 109px;
	max-width: 140px;
	position: relative !important;	
	display: block; 
	margin-left: auto; 
	margin-right: auto;	
}

#cadastro_produto_imagen{
	height: 111px;
	background: var(--main-white-color); 
	border: 1px solid var(--main-bg-silver);
	border-radius: 5px; 
}

.fotoscadastroproduto-text{
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    text-align: center; 
    opacity: 0;        
    background-color: rgba(0, 0, 0, 0.5);
    vertical-align:middle;
    transition: .3s ease;
    line-height: 115px;
    color: var(--main-white-color);
    z-index: 5;
}

.fotoscadastroproduto-text:hover{
	opacity: 1;      	
}

/*inicio*/

.container_user_setting_avatar_icon {
  position: relative;
  width: 50%;
}

.container_user_setting_avatar_icon:hover {
  cursor: pointer;
}

.container_user_setting_avatar_icon:hover .user_setting_avatar_icon{
  filter: brightness(50%);   
  border: 2px var(--main-white-color) solid;
}

.container_user_setting_avatar_icon:hover .user_setting_avatar_icon_middle {
  opacity: 1;
}

.user_setting_avatar_icon{
	border-radius: 45em;	
	height: 100px;
	width: 100px;
	display: block;		
	border: 2px var(--main-bg-silver) solid;	
}

.user_setting_avatar_icon_middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.user_setting_avatar_icon_middle_text {  
  font-size: 12px;    
  margin-left: 19px;
  margin-top: 10px;    
  font-weight: 700;
  color: var(--main-white-color);
  text-shadow: 0 1px 0 rgba(11, 10, 10, 0.7);
}
/*fim*/




.notifications_button_icon{	
	margin-right: 14px;
	margin-top: -12px !important;
	height: 24px;
	width: 24px;		
	background:  url('../img/icon/notifications_white_24dp.png') no-repeat 0px 0px transparent !important;
}

.settings_button_icon{
	margin-right: 14px;
	margin-top: -12px !important;
	height: 24px;
	width: 24px;
	background:  url('../img/icon/settings_white_24dp.png') no-repeat 0px 0px transparent !important;	
}


.support_button_icon{
	margin-right: 14px;
	margin-top: -12px !important;
	height: 24px;
	width: 24px;
	background:  url('../img/icon/contact_support_white_24dp.png') no-repeat 0px 0px transparent !important;	
}






.ui-overlaypanel {
	border: none !important;	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;	
	box-shadow: none !important;		
}

.settings_overlay_panel{			
	background-color: var(--main-text-color);
	overflow: auto;	
	max-height: 318px;
	color: var(--main-white-color);
	border-radius: 0px !important;
	position: absolute;
	top: 43px !important;
	right: 0px;	
	width: 381px;
	border-radius: 0px 0px 0px 15px !important;
}

.ui-overlaypanel-content{	
	padding: 0;
}


.settings_overlay_panel  .ui-menu{
	background: transparent;
	border: none;
	width: 100%;
}

.settings_overlay_panel .ui-menu .ui-menuitem-link{
	color: var(--main-white-color); 
	padding: .8em;	
	width: 94%;
}


.user_overlay_table .ui-datatable-tablewrapper{
	border: none !important;
}

.user_overlay_table thead{
	display: none;	
}

.user_overlay_table .ui-widget-content{
	color: var(--main-white-color) !important;
	background: none !important;
}

.user_overlay_table td{
	height: 45px;
	border-collapse: inherit;
}

.avatar_user_notifications {
	border-radius: 45em;
	float: left;
	height: 37px;
	margin-right: 10px;
	width: 37px;
	background-size: 37px 37px;
}

.ui-sidebar-left {  
    width: auto;
}

.ui-dialog-content .ui-button.ui-button-text-only,  
.ui-dialog-content .ui-button.ui-button-icon-only,
.ui-dialog-content .ui-button.ui-button-text-icon-left {
    border: none !important;
    background: var(--main-bg-blue) !important;
    color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
}

.ui-panel .ui-button.ui-button-text-only,  
.ui-panel .ui-button.ui-button-text-icon-left {
    border: none !important;
    background: var(--main-bg-blue) !important;    
    color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
}

.ui-panel .ui-button.ui-button-text-only.ui-button-icon-left,  
.ui-panel .ui-button.ui-button-text-icon-left.ui-button-icon-left {
	filter: brightness(1000%);	
}

.main-panel .ui-button.ui-button-text-only, .main-panel .ui-button.ui-button-text-icon-left {
    border: none !important;
    background: var(--main-bg-blue); 
	color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
    font-weight: bold;
}


.main-panel .ui-panel.ui-widget-content {    
    background: var(--main-bg-silver2);
}


.main-panel .ui-fileupload-buttonbar .ui-button {    
    background: var(--main-bg-blue);
    text-shadow: none;
    color: var(--main-white-color);
    border: none;
    padding: 2px;
}

.ui-datatable tbody.ui-datatable-data {    
    border-bottom: 1px solid var(--main-bg-silver);
}

.sd-menu-btn.ui-state-hover {    
    background-color: var(--main-bg-blue2) !important;
    transition: all 0.3s ease;
    color: var(--main-white-color);
}

.ui-treetable .ui-treetable-data tr.ui-state-hover {    
    border: none;
}

.ui-treetable .ui-treetable-data tr.ui-state-highlight{    
    text-shadow: none;
    color: var(--main-text-color);
    border: none;
}




.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
    overflow: hidden;
    white-space: nowrap;
    border-style: solid;
    border-left: 1px solid  var(--main-bg-silver);    
    border-right: 1px solid var(--main-bg-silver);    
	border-top: none;    
    border-bottom: 1px solid var(--main-bg-silver);
    height: 20px;
}

.ui-corner-all{
	border-radius: 8px;
}

.ui-corner-right {
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dashboard_menu{						
	width: 100%;
	height: auto;
	overflow: visible;
	float: none;
	background: var(--main-bg-silver2) !important;
	border-radius: 0;
	padding-left: 15px;
}

.dashboard_menu .ui-menuitem.ui-widget.ui-corner-all {
    font-size: 14px !important;		    
}	

.dashboard_menu .ui-menuitem-text {
    font-weight: bold;
}
		
.dashboard_menu .ui-menuitem.ui-widget.ui-corner-all {
    /*margin-top: 3px;*/
}		

.dashboard_menu .ui-menuitem-link {
    padding: .6em 0px;
}

.dashboard_menu .ui-menuitem-icon.ui-icon{
    padding: 0 10px 0 15px;
}
		
.dashboard_menu .ui-widget-header.ui-corner-all {
    background: transparent;	
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 14px;
	color: var(--main-bg-blue);
	width: auto;
}		

.dashboard_menu .ui-menuitem-link.ui-corner-all.ui-state-hover {
    background:  var(--main-bg-silver);
    border-color: var(--main-bg-silver) !important;        
}

/* Scrool duplicado no treetable (apenas chrome) */
.ui-treetable.ui-treetable-scrollable table {
	position: relative;
}

.social i {		
    border-radius: 30px;
    display: inline-block;
    font-size: 25px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    transition: background 1s ease 0s;
    width: 45px;
    float: right;
    margin-top: 7px;
    margin-right: 15px;
    color: var(--main-white-color);
}
			
						
.new-version-dialog .ui-dialog-content{
	padding:  0px !important;
	overflow: hidden !important;
}

.user_setting_avatar_icon_suporte{
	border-radius: 20px; height: 40px; width: 40px; display: block;
}		

.ui-selectcheckboxmenu{
	font-weight: normal !important;
	background: var(--main-white-color) !important;
}

.ui-selectcheckboxmenu-token{	
	color: var(--main-white-color) !important;	
	background: var(--main-bg-blue) !important;
	text-shadow: none !important;
	font-weight: normal !important;
	border: none !important;
	border-radius: 5px !important;
}

.ui-selectcheckboxmenu-token-label{
	padding: 0 1.3em 0 0.3em !important;
	font-size: 14px !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
	padding: 5px !important;
	background: none;
	font-weight: normal !important;
}

.ui-selectcheckboxmenu-label-container .ui-state-hover {
    background: none !important;
}

.ui-selectcheckboxmenu-item:hover {	
	background: var(--main-bg-silver);
	color: var(--main-text-color);			
}

.ui-selectcheckboxmenu-label .ui-state-hover{
	background: none !important;
}

.ui-selectcheckboxmenu-token-icon{	
	background-image: url("../img/icon/icon_close_16.png") !important;
	background-position: 0px 0px !important;
}	

.ui-selectcheckboxmenu-trigger {
    padding: 0 6px !important;
    background: var(--main-bg-silver2) !important;   
}

.ui-selectcheckboxmenu-trigger .ui-icon{	    
	top: 4px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	/*background: var(--main-bg-silver2);*/
}

.ui-panel .ui-button.ui-button-text-only.ui-state-hover {    
	background-color: var(--main-bg-blue2) !important;
	transition: all 0.3s ease;
	color: var(--main-white-color);        
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
	border-bottom: 1px solid var(--main-white-color) !important;
}

.ui-link, .ui-commandlink{
    color: var(--main-bg-blue) !important;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li {
    position: static !important;
}

.ui-link:hover{
	color: var(--main-bg-blue2) !important;
	transition: all 0.3s ease;
}




.atendimentotable thead {
    display: none;
}

.atendimentotable td {
    border: none !important;
}
		
.atendimentotable .ui-datatable-tablewrapper{
	border: none !important;
}


.atendimentotable .ui-datatable-empty-message{
	display: none;
}

.interacaosatendimentolist .ui-datalist-empty-message{
	display: none;
}

.auto-complete-resposavel .ui-autocomplete-dropdown{
	display: none;
}

.atendimento-row .atendimento-nun,.atendimento-date  {
	font-weight: bold;		
	color: var(--main-text-color);  
}

.atendimento-date{
	float: right;
}

.atendimento-row .atendimento-usuario,.atendimento-conta{
	color: var(--main-bg-blue);  
}

.atendimento-msg{
	-webkit-touch-callout: default !important; 
	-webkit-user-select: text !important; 
	-moz-user-select: text !important; 
	-ms-user-select: text !important; 
	user-select: text !important;
}

.atendimento-interacao{
	background: var(--main-bg-silver2) !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{		
	font-weight: none;	  
}

.ui-menuitem.ui-state-hover {
    background: var(--main-bg-blue);
    color: var(--main-white-color);       
}

.main-panel .ui-button.ui-state-hover {
    background: var(--main-bg-blue2);
}

.ui-dialog-content .ui-button.ui-state-hover{
	  background: var(--main-bg-blue2) !important;
}

.ui-icon{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ui-monthpicker-month.ui-state-active{
	background: var(--main-bg-silver2);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: var(--main-bg-silver);
	color: var(--main-text-color);
	text-shadow: none; 
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{	
	background: var(--main-bg-silver);
	color: var(--main-text-color); 
}

.minha-conta-data .row{
	min-height: 48px;
}

/*Primefaces*/
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
	{
	background: none repeat scroll 0 0 #FFF;
	box-shadow: none;
	color: var(--main-text-color); 
	font-weight: normal;
}

.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus {	
	box-shadow: none;		
	border: 1px solid var(--main-bg-blue);
}

span.calendar input {
    width: 85px !important;
}

.hasDatepicker {
    width: 85px !important;
}

.alturaDataTable{
	height: calc(100vh - 130px);
	overflow-y: auto !important;
}

.alturaPanel{
	height: calc(100vh - 115px);
	overflow-y: auto !important;
}

/* botao transparante do p:selectone */
.selectOneMenuload{
	margin-top: -29px; 
	z-index: 1000; 
	position: relative; 
	height: 29px; 
	background: transparent;			            					           
}

.selectOneMenuload:hover{	
	border: 1px solid  var(--main-bg-blue) ;	
	cursor: pointer;	
	border-radius: 8px;
}


.ui-datalist-data{
	margin: 0px;
}


.ui-texteditor {
    background: #fff;
}


.u-full-width-perc input{
	width: 25% !important;
	box-sizing: border-box;
}
			 		
.u-full-width-menos-perc{
	width: calc(75% - 5px) !important;
	width: -moz-calc(75% - 5px) !important; /* Firefox */
	width: -webkit-calc(75% - 5px) !important; /* WebKit */
	width: -o-calc(75% - 5px) !important; /* Opera */
	box-sizing: border-box;
	margin-left: 5px;
}	

.ui-inputnumber {
    border: none !important;
}

.ui-button-icon-only .ui-icon.fa{
	margin-top: -8px;
}


.ui-button-icon-only-os{
	background: none !important;
	color: #FFF;
}

.ui-button-icon-only-os .ui-icon.fa{
	margin-top: -8px;
	font-size: 24px;
  	width: 30px;
  	height: 30px;
}


.ui-progressbar{
	height: 1.4em;
}

.ui-progressbar .ui-widget-header{
	background: var(--main-bg-silver) !important;
}

.ui-progressbar-label{
	color: var(--main-text-color) !important;
}

.ui-panelgrid .ui-widget-content {
    background: none;
}


.wizard-tributacao {
	width: 900px;
}
			
.ui-wizard-step-title {
	  line-height: 15px;
	  background: var(--main-bg-blue) !important;
	  color: white !important;
}

.ui-wizard-step-title::before{
	content: '';
	position: absolute;
	top: 14px;
	left: -84px;
	width: 84px;
	height: .2em;
	background: var(--main-bg-blue)!important;
	color: white !important;
	z-index: 0;
	text-shadow: none;
}

.ui-wizard-step-title:first-child::before {
  display: none;
}

.ui-state-highlight ~ .ui-wizard-step-title {
  background: var(--main-bg-silver) !important;
}

.ui-state-highlight ~ .ui-wizard-step-title::before {
  background: var(--main-bg-silver) !important;
}

.ui-datepicker-today a {
    border: 1px solid var(--main-text-color) !important;
}

.balao-alerta {
	background: #D32F2F;
	color: #ffffff;
	border-radius: 50%;
	font-size: 0.65rem;
	min-width: 1.2rem;
	line-height: 1.2rem;
	display: inline-block;
	text-align: center;
	margin: -10px -8px;
	position: absolute;
}


.favoritos-menu {
    background: none !important;
}

.favoritos-menu li {
    width: 32% !important;
}

.favoritos-menu li .ui-state-hover{
    background: none !important;
    border-color: #FFF !important;             
    color: var(--main-bg-blue) !important;
}

.favoritos-menu .ui-icon {
    width: 23px;
}

.ui-widget-content a{
	color: var(--main-text-color);
}





#form_data_main\:listaemempresas_panel .ui-selectonemenu-items-wrapper{
	overflow-x: hidden;	
}

#form_data_main\:listaemempresas_label {
    padding: 0px;
}

#form_data_main\:listaemempresas_panel li {
    padding: 0px;
}


.form_cfg .ui-menuitem {
    border: none !important;
    background: var(--main-bg-blue);
    color: var(--main-white-color) !important;
    text-shadow: none !important;
    padding: 2px;
    font-weight: bold;
}

.form_cfg .ui-menuitem a{
  color: var(--main-white-color) !important;
}

.form_cfg .ui-menuitem:hover {
    background-color: var(--main-bg-blue2) !important;
    transition: all 0.3s ease;
    color: var(--main-white-color);
}

.datalist_categorias_financeiras .ui-datalist-data {
   max-height: 235px;
   overflow:auto;
}


.menubar-sd .ui-menuitem-text {
    margin-left: 5px;
}


/*esconde icones do menu principal*/
.menubar-sd .ui-menuitem-icon {
    display: initial !important;
    width: 19px;
    text-align: center;
}

.ui-treetable table {
  border-collapse: collapse;
}

.busca-avancada-table .ui-datatable-empty-message {
  display: none;
}



/*** PLANOS  */

	.sdplanos{
		margin-left: auto; 
		margin-right: auto; 
		max-width: 1180px;		
	}

	.box-sdplano{				
		/*background: #F9F9F9;*/
		position: relative;
		margin: 10px auto;
		margin-left: 10px;
		padding: 10px;
		border-radius: 8px;
		border: 1px solid #e5e5e5;		
		color: #4F4F4F;
		width: 260px;	
		float: left;	
		margin-bottom: 50px;
	}	
	
	.planodestaque {
	  	border: 1px solid #00808C;
	  	background: #E1EBFF;
	}	

	.planodestaque_msg{		
	  	height: 25px;
	  	border-radius: 8px 8px 0px 0px;
	  	margin: -10px -10px;
	  	margin-bottom: -10px;
	  	padding-top: 7px;
	  	font-size: 14px;
	  	color: #fff;
	  	font-weight: 700;
	  	margin-bottom: 10px;
	}
	
	.box-sdplano:hover {		  
	  border: 1px solid #0650DE;
	}
	
	.box-sdplano > div {
	  text-align: center;
	}
			
	.box-sdplano h3 {
	  margin-top: 10px;
	  margin-bottom: 10px;
	  font-weight: 800;		  
	  text-transform: uppercase;
	  font-size: 20px;
	  color: #00808C;
	}		
	
	.planoPreco {
	  border-top: 1px solid #e5e5e5;
  	  border-bottom: 1px solid #e5e5e5;
	  padding: 10px 10px 10px 10px;
	  border-left: 0px;
	  border-right: 0px;	  
	}	
	
	.planoPreco .fa-user{
		color: #00808C;
	}
	
	.planoPreco .fa-users{
		color: #00808C;
	}		
	
	.planoPreco p{	
		margin: 3px;
	}
	
	.estiloTransition {
	  text-decoration: none;
	  margin-bottom: -10px;
	  margin-top: -5px;
	}		
	
	.estiloTransition b {
	  	font-weight: 700;			  
	  	font-size: 25px;
	}
	
	.estiloTransition span {
	  font-size: 14px;
	  margin: auto 5px;
	}
	
	.hiddenMonth {
	  font-size: 16px;
	  transition: all .5s linear;
	}
	
			
	.planoDesc {
	  max-width: 230px;
	  text-align: center;
	  margin: auto;
	}	
	
	.planoDesc h5{
		font-size: 14px;
  		text-align: left;
  		font-weight: 400;
	}	

	
	.planoDesc ul {
	  -webkit-padding-start: 0px;
	  padding: 0px;
	}		
	
	.planoDesc ul li {
	  text-align: left;
	  line-height: 1.2em;
	  font-size: 12px;
	  margin-bottom: 10px;
	  list-style-type: none;
	}		
		
	.planoDesc ul li i {
 			margin-right: 5px;
	}	
	
	.avisoMensal{
		font-size: 10px;
	}
	
	.inativeText {
 			color: #aaa;
	}		
				
/*** PLANOS  */

	.ui-selectonemenu-list-item.ui-state-disabled {
		display: none;
	}
		
	.ui-radiobutton-box.ui-state-disabled {
	  display: none;
	}
	
	.ui-selectoneradio label.ui-state-disabled {
		display: none;
	}	
	

	.filtros_adicionais{
		float: left; 
		border-radius: revert; 
		box-shadow: 4px 0px 10px rgba(0, 0, 0, 0.2); 
		height: calc(100vh - 118px);	
	}

	.filtros_adicionais .ui-panel-titlebar {
	  background: none;
	}
	
	.filtros_adicionais .ui-panel-titlebar-icon {
	  border: none;
	  background: none;
	}

	.ui-selectonemenu-trigger {
		background-color: white !important;
	}

/* Pega o texto do menu no tema Freya, PrimeFaces padrão e tags genéricas */
.item-bloqueado-plano .layout-menuitem-text::after,
.item-bloqueado-plano .ui-menuitem-text::after,
.item-bloqueado-plano > a > span::after {
	content: "\f023" !important;
	font-family: "FontAwesome" !important;
	margin-left: 10px !important;
	color: #e74c3c !important; /* Vermelho para destacar o bloqueio */
	font-weight: normal !important;
}

/* Variáveis e Estilos Base Extraídos do seu HTML */
:root {
	--primary: var(--main-bg-blue2);
	--primary-soft: var(--main-bg-blue);
	--primary-dark: var(--main-bg-blue);
	--secondary: #0f172a;
	--text-main: #1e293b;
	--text-light: #64748b;
	--bg-light: #f8fafc;
	--white: #ffffff;
	--border-radius: 16px;
	--shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
	--transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.pricing-section {
	padding: 2rem 2%;
}

.section-title { text-align: center; margin-bottom: 2rem; }
.section-title h2 { font-size: 2.5rem; color: var(--secondary); margin-bottom: 0.5rem; font-weight: 800; }
.section-title p { color: var(--text-light); font-size: 1.1rem; }

.pricing-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding: 20px;
}

.plan-card {
	background: var(--white);
	border-radius: 24px;
	padding: 3rem 2rem;
	border: 1px solid #e2e8f0;
	transition: var(--transition);
	display: flex;
	flex-direction: column;
	position: relative;
}

.plan-card.highlight {
	border: 2px solid var(--primary);
	transform: scale(1.03);
	box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.1);
}

.popular-badge {
	position: absolute;
	top: -15px; left: 50%;
	transform: translateX(-50%);
	background: var(--primary);
	color: white;
	padding: 6px 18px;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 700;
	white-space: nowrap;
}

.plan-name { font-size: 1rem; font-weight: 800; color: var(--text-light); text-transform: uppercase; margin-bottom: 1rem; }
.plan-price { font-size: 3.5rem; font-weight: 800; color: var(--secondary); margin-bottom: 0.5rem; letter-spacing: -2px; }
.plan-price span { font-size: 1.2rem; font-weight: 500; color: var(--text-light); letter-spacing: 0; }
.plan-users { font-weight: 600; color: var(--primary-dark); margin-bottom: 2rem; }

.plan-features { list-style: none; margin-bottom: 2.5rem; flex-grow: 1; padding: 0; }
.plan-features li { margin-bottom: 1rem; font-size: 0.95rem; color: var(--text-main); display: flex; align-items: center; }
.plan-features li i { color: var(--primary); margin-right: 12px; font-size: 1.1rem; }

/* Estilização do CommandLink para parecer botão */
.plan-btn {
	display: block;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	transition: var(--transition);
	border: none;
	cursor: pointer;
	background: var(--main-bg-blue);
	color: #fff !important;
	padding: 12px;
	border-radius: 8px;
}

.plan-card.highlight .plan-btn { background: var(--primary); }
.plan-btn:hover { filter: brightness(1.2); transform: translateY(-2px); }

/* Estado desabilitado (Plano Atual) */
.plan-btn.ui-state-disabled {
	background: #e2e8f0 !important;
	color: #94a3b8 !important;
	cursor: default;
	transform: none;
}

.cadeado-icon-pulse {
	font-size: 70px;
	margin-bottom: 25px;
	color: #00808C;
	display: inline-block;
	animation: pulse-fiscal 3s infinite;
}

@keyframes pulse-fiscal {
	0% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(0, 128, 140, 0)); }
	50% { transform: scale(1.05); filter: drop-shadow(0 0 15px rgba(0, 128, 140, 0.4)); }
	100% { transform: scale(1); filter: drop-shadow(0 0 0px rgba(0, 128, 140, 0)); }
}

/* Ajustes específicos para o Signup usando a base do login.css */
.signup-card {
	background: transparent;
	box-shadow: none;
	padding: 0;
	width: 100%;
	max-width: 1250px;
	text-align: left;
	box-sizing: border-box;
	/* Centraliza verticalmente o card na tela, descontando o footer */
	margin-bottom: auto;
	margin-top: auto;/* Alinhamento padrão à esquerda para formulários */
}

.signup-header {
	text-align: center;
	margin-bottom: 30px;
}

.signup-header h1 {
	font-size: 1.75rem;
	color: #343a40;
	margin-bottom: 10px;
	font-weight: 700;
}

.signup-header p {
	color: #6c757d;
	font-size: 0.95rem;
}

.section-title {
	color: #00808C;
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 10px;
}

.form-row {
	margin-bottom: 15px;
}

.form-label {
	display: block;
	margin-bottom: 5px;
	color: #495057;
	font-weight: 500;
	font-size: 0.9rem;
}

/* Grid simples para substituir o skeleton/primeflex antigo se necessário,
   mas mantendo compatibilidade com classes existentes onde possível */
.grid-row {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.col-8 { flex: 2; }
.col-4 { flex: 1; }

@media (max-width: 600px) {
	.grid-row { flex-direction: column; gap: 0; }
	.col-8, .col-4 { width: 100%; margin-bottom: 15px; }
}

.terms-check {
	font-size: 0.9rem;
	color: #6c757d;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.terms-check a {
	color: #00808C;
	text-decoration: none;
	font-weight: 500;
}

.terms-check a:hover {
	text-decoration: underline;
}

/* =========================================
   MOBILE PRIMEIRO (Até 991px)
   ========================================= */
.header-flex-container {
	display: flex;
	flex-direction: column;
	gap: 15px; /* Espaço entre as 3 linhas */
	width: 100%;
}

.grupo-periodo,
.grupo-situacao,
.grupo-acao {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%; /* Ocupa a tela inteira */
}

/* Força os componentes a esticarem no mobile */
.grupo-periodo .calendar,
.grupo-periodo .calendar input,
.grupo-situacao .select-situacao,
.grupo-situacao .select-caixabanco,
.grupo-acao .search_input {
	flex: 1;
	width: 100% !important;
}

/* =========================================
   DESKTOP (A partir de 992px)
   ========================================= */
@media (min-width: 992px) {

	label, legend {
		margin-top: 0 !important;
	}

	.header-flex-container {
		flex-direction: row; /* Coloca tudo em 1 linha */
		align-items: center; /* Centraliza verticalmente (substitui o antigo margin-top: 8px) */
		justify-content: flex-start;
	}

	/* Retorna ao tamanho natural e impede que estique igual no mobile */
	.grupo-periodo,
	.grupo-situacao,
	.grupo-acao {
		width: auto;
	}

	/* --- ESPAÇAMENTOS ORIGINAIS DO SEU CÓDIGO --- */

	.grupo-periodo {
		gap: 5px; /* Substitui os "margin-left: 5px" entre datas e labels */
	}

	.grupo-situacao {
		margin-left: 0px; /* Distância entre o Período e a label "Situação:" */
		gap: 3px; /* Substitui o "margin-left: 3px" do select */
	}

	.grupo-situacao .select-situacao {
		width: 150px !important; /* Mantém exatamente os 210px que você pediu */
		flex: none; /* Remove comportamento de esticar do mobile */
	}

	.grupo-situacao .select-caixabanco{
		width: 300px !important; /* Mantém exatamente os 210px que você pediu */
		flex: none; /* Remove comportamento de esticar do mobile */
	}

	/* Empurra todo o bloco de pesquisa/filtro para a extrema direita */
	.grupo-acao {
		margin-left: auto;
	}

	/* Garante que o input do calendário siga o size="7" do XHTML */
	.grupo-periodo .calendar,
	.grupo-periodo .calendar input {
		width: auto !important;
		flex: none;
	}
}

/* =========================================
   Ajuste Global: p:fileUpload visualmente igual ao p:commandButton
   ========================================= */
.ui-fileupload.u-full-width .ui-fileupload-buttonbar {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

.ui-fileupload.u-full-width .ui-fileupload-choose {
	width: 100%;
	box-sizing: border-box;
}

.ui-fileupload.u-full-width .ui-fileupload-content {
	display: none !important;
}

@media screen and (max-width: 40em) {
	.ui-fileupload-buttonbar .ui-button .ui-button-text {
		display: flow !important;
	}
}

/* Esconde o elemento em telas menores que 768px (Smartphones) */
@media (max-width: 767px) {
	.hide-mobile {
		display: none !important;
	}
}

/* Esconde no computador (telas maiores que 767px) */
.view-only-mobile {
	display: none !important;
}

/* Mostra apenas no smartphone (telas até 767px) */
@media (max-width: 767px) {
	.view-only-mobile {
		display: table-cell !important; /* ou inline-block, flex, etc., dependendo do elemento */
	}
}