:root {
	--primary-color:	#00456E;
	--secondary-color: #00A2D2;
	--tertiary-color: #575756;
	--black: #000000;
	--content-padding: 0.75rem;
	--font-size: .875rem;
	--font-family: "Nunito Sans",sans-serif;
}

html body input.btn[type="button"], html body button.btn {
	font-size: var(--font-size);
	padding: .375rem .75rem
}

body input.btn:not([role="combobox"], [type="file"], .ui-widget, .ui-inputfield) {
	font-size: var(--font-size);
	padding: .375rem .75rem;
}

html body input.btn-info[type="submit"], html body button.btn-info {
  	color: #fff;
  	background-color: var(--primary-color);
	border-color:#00466d;
}

body input.btn-info:not([role="combobox"], [type="file"], .ui-widget, .ui-inputfield) {
	color: #fff !important;
	background-color: var(--primary-color) !important;
	border-color: var(--primary-color);
}

html body input.btn-success[type="submit"], html body button.btn-success {
  	color: #fff;
  	background-color: var(--secondary-color) !important;
	border-color:#00466d;
}

body input.btn-success:not([role="combobox"], [type="file"], .ui-widget, .ui-inputfield) {
  	color: #fff;
  	background-color: var(--secondary-color) !important;
	border-color:#00466d;
}


body select, body input.form-control:not([role="combobox"], [type="file"], .ui-widget, .ui-inputfield) {
	font-size: var(--font-size);
	padding: .375rem .75rem;
}

html body input.btn-dark[type="button"], html body button.btn-dark {
	color: #fff !important;
	background-color:#343a40;
	border-color:#343a40;
}

body input.btn-dark:not([role="combobox"], [type="file"], .ui-widget, .ui-inputfield) {
	color: #fff !important;
	background-color: #343a40 !important;
	border-color:#343a40;
}

body .ui-inputfield {
	padding: .375rem .75rem;
	border-radius: 4px;
	font-size: var(--font-size)
}

body .ui-widget-content a {
	color: #333333;
}

a.btn-success:hover {
	color: #fff !important;
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

body .btn-success.ui-commandlink:hover, body .btn-success.ui-link:hover {
	color: #fff;
	text-decoration: none;
}		


a:not(.btn-success, .btn-info, btn-success)>i:hover {
	color: var(--secondary-color);
	text-decoration: none;				
}

body .form-control {
	border-radius: 4px !important;
	border: 1px solid #ced4da;
}
		
body .btn-success.ui-commandlink, body .btn-success.ui-link {
	color: #fff
}

body .btn-info.ui-commandlink, body .btn-info.ui-link {
	color: #fff
}		

body .btn-danger.ui-commandlink, body .btn-danger.ui-link {
	color: #fff
}		

body .ui-commandlink, body .ui-link {
	/*color: #333333;*/
	color: var(--primary-color);
}

body .ui-commandlink:hover, body .ui-link:hover {
	text-decoration: none;
}		
		

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

body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
	margin: 0;
	padding: 1rem 0rem 0rem 0rem;
}

body .ui-messages .ui-messages-error .ui-messages-error-icon {
	margin: -0.5rem 0.3rem 0rem 0rem;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon {
	margin: -0.5rem 0.3rem 0rem 0rem;
}

body .ui-messages > div {
  padding: var(--font-size);
}

body .ui-button.ui-confirmdialog-no {
	background-color: #991B1B;
	border-color: #DC2626;
}

.ui-fileupload-simple.ui-widget.form-control {
	border: 0;
	padding: 0;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
  font-size: 1.5rem;
}

.ui-autocomplete-multiple-container.ui-widget.ui-inputfield.ui-state-default {
	border: 0;
}

.ui-autocomplete.ui-autocomplete-multiple.form-control {
	padding: 0;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
	margin-top: -0.70rem;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token {
	color: white;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
	padding: 0;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
	margin-top: -0.7rem;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
	background-color: var(--secondary-color);
	color: white;
}

.p-datepicker.prime-datePicker-disabled {
	background-color: #e9ecef;
	opacity: 1;
}

.ui-inputfield.ui-widget.ui-state-default.ui-state-disabled.hasDatepicker {
	background-color: #e9ecef;
	opacity: 1;
}

body .ui-widget-overlay {
    background: rgba(0, 0, 0, .7);
}

/* Sidebar */
@media (min-width: 992px) {
				
	.app-sidebar-xl {
		width: 75% !important;
		padding: 20px; 
		border-radius: 0px 10px 10px 0px;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;  				
	}

	.app-sidebar-lg {
		width: 45% !important;
		padding: 20px; 
		border-radius: 0px 10px 10px 0px;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;  				
	}

	.app-sidebar {
		width: 35% !important;
		padding: 20px; 
		border-radius: 0px 10px 10px 0px;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;  				
	}
	
	.app-sidebar-sm {
		width: 25% !important;
		padding: 20px; 
		border-radius: 0px 10px 10px 0px;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;  				
	}
				
}

@media (max-width: 991.98px) {

	.app-sidebar, .app-sidebar-m, .app-sidebar-lg, .app-sidebar-xl {
		width: 80% !important;
		padding: 20px; 
		border-radius: 0px 10px 10px 0px;
		overflow-y: auto;
		overflow-x: hidden;
		box-sizing: border-box;  				
	}

}

/* Flexbox Solution */
.dlg .ui-dialog-content {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    overflow: hidden;
}

.dlg-body {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    max-height: 70vh; /* Adjust as needed */
}

.dlg-body.dlg-table {
	padding: 0;				
}

body .dlg-table .ui-datatable .ui-datatable-data > tr > td {
	padding: 1rem;				
}

body .dlg-table .ui-datatable-scrollable-header thead th {
  padding: 1rem;
}		


.dlg-footer {
    padding: 1rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    flex-shrink: 0;
 	text-align: right;
}

/* Classes Dialog */
.dlg.ui-dialog {
  	box-sizing: border-box;
  	margin: 0;                 
	max-width: 96vw !important;           
}

.dlg-sm.ui-dialog { width: clamp(320px, 40vw, 520px) !important; }
.dlg-md.ui-dialog { width: clamp(320px, 60vw, 900px) !important; }
.dlg-lg.ui-dialog { width: clamp(320px, 80vw, 1200px) !important; }
.dlg-xl.ui-dialog { width: clamp(320px, 92vw, 1440px) !important; }

@media (max-width: 768px) {
	.dlg-sm.ui-dialog,
  	.dlg-md.ui-dialog,
  	.dlg-lg.ui-dialog,
  	.dlg-xl.ui-dialog {
    	width: 96vw !important;
  	}
}


.dlg-footer .ui-button {
    margin-right: 0.5rem;
}


.btn-success:not(.btn-circle) {
	background-color: var(--secondary-color) !important;
	border-color: var(--secondary-color) !important;
}

.btn-success:hover:not(.btn-circle) {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

.bg-info {
	background: linear-gradient(to right, var(--primary-color), var(--black));				
}


.btn-dark {
	border-radius: 4px !important;
}

.btn-success:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-success:hover:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

body .btn-info:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-info:hover:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-primary:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-primary:hover:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-dark:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-dark:hover:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-danger:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.btn-danger:hover:not(.btn-rounded):not(.btn-circle):not(.floating-btn) {
    border-radius: 4px !important;
}

.label-rounded {
	 border-radius: 4px !important;
	 font-weight: bold;
	 font-size: 0.75em;
}

.label-danger {
  	background-color: #DC2626 !important;
}

.label-warning {
	background-color: #fd8c00 !important;				
}


#main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .top-navbar, #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .scroll-sidebar, #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .page-wrapper {
  max-width: 100% !important;
  margin: 0 auto;
  position: relative; 
}

#main-wrapper[data-layout="vertical"] .topbar .navbar-collapse[data-navbarbg="skin1"], #main-wrapper[data-layout="vertical"] .topbar[data-navbarbg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar .navbar-collapse[data-navbarbg="skin1"], #main-wrapper[data-layout="horizontal"] .topbar[data-navbarbg="skin1"] {
  background: linear-gradient(to right, #00456E, #000000) !important;
}


body .ui-widget {
	font-size: var(--font-size);
	font-family: var(--font-family);
}

/*
.ui-autocomplete {
}

.ui-autocomplete input {
}

.ui-inputfield {
}

.ui-state-control {
}

.ui-calendar {
}

.ui-calendar input {
}

span.ui-calendar {
				
}

span.form-control {
				
}
*/


.ui-inputfield {
	border: 1px solid #e9ecef;
}

span.ui-autocomplete {
	width:100%;
	display:block;
}

.ui-autocomplete-multiple {
	display:block;
}

.ui-autocomplete-multiple-container {
	width:100%;
	display:block;
}

.auth-wrapper .auth-box {
	margin: 5% 0;
}

div.ui-selectonemenu {
	width:100%;
	display:block;
	min-width: 0 !important; /* Override the default min-width */
}

.ui-selectonemenu {
    height: calc(1.5em + var(--font-size)); 
    padding: 0.250rem 0.75rem; 
    font-size: var(--font-size);
    font-family: var(--font-family);
    line-height: 1.5; 
}

.ui-selectonemenu-trigger {
    height: 100%; /* Ensure the trigger aligns with the input height */
    display: flex;
    align-items: center; /* Center the icon vertically */
    background-color: inherit !important;   
    border: 0;
}

input.ui-inputmask {
	width:100%;
	display:block;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #00456E;
}		

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus {
	box-shadow: 0 0 0 .2rem var(--primary-color);
}		

body .ui-dialog .ui-dialog-content {
	padding: 1rem;
}

body .ui-dialog .ui-dialog-titlebar {
	color: #fff;
	font-weight: bold;
}		

.ui-dialog.ui-widget-content .ui-dialog-title {
	font-size: 1.2em;
}
		
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}		

.ui-selectcheckboxmenu-trigger.ui-state-default {
	background-color: #fff !important;
	border: 0;
} 

.ui-selectcheckboxmenu-token.ui-state-active {
	background-color: #00A2D2;
	color: #fff;
}

body .ui-button.btn-info {
	background-color: #00456E;
	color: #fff;
}  

body .ui-button.btn-dark {
	background-color: #23272b;
	color: #fff;
}

body .ui-button.btn-danger {
	/*background: linear-gradient(to right, #991B1B, #DC2626)	;*/
	background-color: #991B1B;
	border-color: #991B1B;
	color: #fff;
}

body .ui-button.btn-primary {
	background: linear-gradient(to right,  #00456E, #0369A1);
	color: #fff;
}

body .ui-button.btn-secondary {
	background-color: #00A2D2;
	color: #fff;
}

body .ui-button.btn-success {
	background-color: #00A2D2;
	color: #fff;
}



.prioridade-10 {
	color: #00A2D2;
	font-weight: bold;
}

.prioridade-20 {
	color: #00456E;
	font-weight: bold;				
}

.prioridade-50 {
	color: #fd8c00;
	font-weight: bold;				
}

.prioridade-99 {
	color: #DC2626;
	font-weight: bold;
}

		
/* Diamante */
.class-10 {
	color: #00A2D2;
	font-weight: bold;
}

/* Ouro */
.class-20 {
	color: #B8860B;
	font-weight: bold;
}

/* Prata */
.class-30 {
	color: #6c757d;
	font-weight: bold;
}

/* Bronze */
.class-40 {
	color: #A97142;
	font-weight: bold;
}

.bg-crit-1 {
	background-color: var(--blue-400) !important;
}

.bg-crit-10 {
/*	background-color: #00456E !important;*/
	background: linear-gradient(to right, #00456E, #00A2D2);
}

.bg-crit-20 {
/*	background-color: #fdcc55 !important;*/
	background: linear-gradient(to right, #FDD835, #fdcc55);
}

.bg-crit-30 {
/*	background-color: #fd8c00 !important;*/
	background: linear-gradient(to right, #fd8c00, #FFA726);
}

.bg-crit-99 {
	background: linear-gradient(to right, #991B1B, #DC2626);
}

.bg-sighra-primary {
	background: linear-gradient(to right, #00456E, #000000);
}

.bg-sighra-secondary {
	background: linear-gradient(to right, #00456E, #00A2D2);
}

.bg-sighra-tertiary {
	background: linear-gradient(to right, #000000, #575756);
}

.label-sighra-secondary {
	background: #00A2D2 !important;
}

.card-radius {
	border-radius: 12px;
}

div.card-radius .card-header {
	border-top-left-radius: 12px;
  	border-top-right-radius: 12px;	
}

div.input-group .ui-autocomplete {
	position: relative;
  	flex: 1 1 auto;
  	width: 1%;
  	margin-bottom: 0;				
}

.bg-sighra-danger {
	background: linear-gradient(to right, #991B1B, #DC2626);				
}

.text-primary{
	background: #00456E;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;	
	font-weight: bold;
}


.txt-danger {
	background: linear-gradient(to right, #991B1B, #DC2626);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	font-weight: bold;
}

.bg-sighra-offline {
	background: linear-gradient(to right, #000000, #575756);				
}

/* Ensure the button is always on top */
.floating-btn {
    position: fixed; /* Position the button relative to the viewport */
    bottom: 20px;    /* Distance from the bottom of the viewport */
    right: 20px;     /* Distance from the right of the viewport */
    width: 60px;     /* Width of the button */
    height: 60px;    /* Height of the button */
    background-color: #00466d; /* Background color */
    color: white;    /* Text color */
    border: none;    /* Remove default border */
    border-radius: 50%; /* Make the button circular */
    font-size: 24px; /* Font size of the button text */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Add shadow for floating effect */
    display: flex;   /* Center the text */
    align-items: center; /* Center the text vertically */
    justify-content: center; /* Center the text horizontally */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transition */
    opacity: 0.9;
}

/* Optional: Add hover effect */
.floating-btn:hover {
    background-color: #00A2D2; /* Darker background on hover */
    box-shadow: 0 6px 12px rgba(0,0,0,0.3); /* Larger shadow on hover */
}

a.floating-btn>i:hover {
	color: white !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.ui-selectcheckboxmenu-multiple {
	background-color: #fff !important;
	-webkit-box-shadow: none !important;
  	-moz-box-shadow: none !important;
  	box-shadow: none !important;	
}

.ui-selectcheckboxmenu-multiple-container {
	margin: 0 !important;
	min-height: inherit !important;
}

ui-selectcheckboxmenu-multiple-container.ui-inputfield {
	-webkit-box-shadow: none !important;
  	-moz-box-shadow: none !important;
	box-shadow: none !important;	
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
	-webkit-box-shadow: none !important;
  	-moz-box-shadow: none !important;
	box-shadow: none !important;	
}

body .ui-selectcheckboxmenu {
    border: 1px solid #e9ecef;
    border-radius: 0; 
    min-height: 1.5em;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	padding: 0 !important;
}

.ui-dialog.ui-widget-content {
	border-radius: 10px;
}

div.table-responsive .table {
	margin-bottom: 0px;
}

div.table-responsive .table td {
	padding: 0.75rem;
}

div.table-responsive .table th {
	border-bottom: 0;
}


/*
.ui-selectcheckboxmenu {
    display: block;
    width: 100%;
    padding: 0.5rem;
    font-family: "Arial", sans-serif;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-items {
    max-height: 200px;
    overflow-y: auto;
}

.ui-selectcheckboxmenu .ui-checkbox-label {
    font-size: 0.875rem;
    padding-left: 0.5rem;
}

.ui-selectcheckboxmenu .ui-checkbox input {
    margin-right: 0.5rem;
}

.ui-selectcheckboxmenu .ui-button {
    font-size: 1rem;
    padding: 0.375rem 0.75rem;
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

.ui-selectcheckboxmenu .ui-button:hover {
    background-color: #0056b3;
    border-color: #004085;
}

.ui-selectcheckboxmenu .ui-button:active {
    background-color: #003366;
}
*/

.finalizado {
	background-color: #575756;
}


div.card-radius .ui-datatable-tablewrapper {
    border-radius: 0px 0px 15px 15px !important;
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	/*border-radius: 0px !important;*/
}

.ui-selectcheckboxmenu-token.ui-state-active {
	background-color: #00A2D2;
	color: #fff;
}

.ui-autocomplete-token.ui-state-active {
	background-color: var(--secondary-color) !important;
	color: white;
}

.badge-success {
	position:absolute; 
	right: -0.5em; 
	top:-4px; 
	border-radius: 50px; 
	background-color: rgb(24, 140, 59, 0.75);
	width: 0.50em; 
	height: 0.50em;				
}

.badge-danger {
	position:absolute; 
	right: -0.5em; 
	top:-4px; 
	border-radius: 50px; 
	background-color: #991B1B; 
	width: 0.50em; 
	height: 0.50em;
}

.sighra-badge {
	right: -0.1em; 
	top:1em; 
	border-radius: 50px;
	font-weight: 300;
    line-height: normal;				
	position: absolute !important;
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    text-align: center;
    vertical-align: baseline;
}

.overlay-btn {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
}

.overlay-btn:hover {
    background: rgba(0, 0, 0, 0.9);
}


.ellipsis {
  display: block;          /* or inline-block */
  overflow: hidden;
  white-space: nowrap;     /* single-line clamp */
  text-overflow: ellipsis; /* adds … */
}

.upload-wrapper .ui-fileupload {
    margin-bottom: 0;
    border-bottom: none;
}

.upload-wrapper .ui-fileupload-buttonbar {
    border-bottom: none;
}

.upload-wrapper .ui-fileupload-content {
    border-radius: 0 0 4px 4px;
}

/* Tema */
a.btn > i {
	margin-left: 0.3rem;				
}

.topbar .top-navbar .navbar-header .navbar-brand .logo-icon {
	margin-right: 15px;
}

/* Prime */
body .ui-datatable {
    border-radius: 15px;
}

body .ui-datatable-tablewrapper {
    border-radius: 15px 15px 0px 0px;
}

body .ui-datatable .ui-paginator.ui-paginator-bottom {
    border-radius: 0px 0px 15px 15px !important;
}

body .ui-datatable .ui-datatable-data>tr>td {
    padding: 0.5rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, .08);
    border-width: 0 0 1px 0;
}

body .ui-datatable thead th {
    background: #efefef !important;
    color: #495057;
    padding: 0.75rem 0.75rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    text-align: left;
    font-weight: bold;
    box-sizing: content-box;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
    border-radius: none;
}

body .ui-datatable .ui-widget-content {
    border: none !important; 
    background: #ffffff;
}

body .ui-datatable .ui-widget-content:hover {
	background: rgba(0, 0, 0, .02);			
}

body .ui-datatable .ui-widget-content.ui-datatable-selectable.ui-state-highlight {
	background: rgba(0, 0, 0, .02);
	color: #495057;			
}

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

body .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: inherit !important;
}

body .p-datepicker .ui-inputfield {
	padding: 0 !important;
	border: none !important;
	width: 100%;
}        

.ui-datepicker-calendar .ui-state-disabled { opacity: .2; }
   
body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
	background: inherit !important;
}     

/* Make the sidebar fullscreen */
.pf-sb-full.ui-sidebar {
  width: 100vw !important;
  height: 100vh !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  box-sizing: border-box;
  overflow: hidden; /* important: avoid body scroll inside the sidebar itself */
}

/* Shell layout */
.pf-sb-full .sb-shell {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Fixed header */
.pf-sb-full .sb-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
}

/* Main area holds the tabs and takes remaining height */
.pf-sb-full .sb-main {
  flex: 1 1 auto;
  overflow: hidden; /* do NOT scroll here; scroll inside tab body */
}

/* Make TabView fill available space (PF8 renders internal wrappers) */
.pf-sb-full .sb-tabs,
.pf-sb-full .sb-tabs > .ui-tabs-panels,
.pf-sb-full .sb-tabs .ui-tabs-panel {
  height: 100%;
  box-sizing: border-box;
}

/* Scroll only the content inside each tab */
.pf-sb-full .sb-tab-body {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  box-sizing: border-box;

  /* helps with long tokens/urls */
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Fixed footer */
.pf-sb-full .sb-footer {
  flex: 0 0 auto;
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  gap: .5rem;
  border-top: 1px solid #e5e5e5;
  background: #fff;
}

/* Optional: make DataTable behave inside scroll container */
.pf-sb-full .sb-tab-body table {
  width: 100% !important;
  table-layout: fixed;
}
.pf-sb-full .sb-tab-body td,
.pf-sb-full .sb-tab-body th {
  white-space: normal;
  overflow-wrap: anywhere;
}


/* TESTE Floating Buttons - Ajustar cores */
.fab-stack {
	position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fab-stack-right { 
	right: 20px; 
	bottom: 20px; 
} 
  
.fab-round.ui-button {
	width: 48px;
    height: 48px;
    border-radius: 50% !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.20) !important;
    color: #333 !important;
}

.fab-round.ui-button:hover { 
	filter: brightness(.97); 
}