:root {
	--primary-color:	#00456E;
	--secondary-color: #00A2D2;
	--tertiary-color: #575756;
	--black: #000000;
	
}

.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;
}

.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;
}


.ui-widget {
	font-size:.875rem;font-family:"Nunito Sans",sans-serif
}

/*
.ui-autocomplete {
}

.ui-autocomplete input {
}

.ui-inputfield {
}

.ui-state-control {
}

.ui-calendar {
}

.ui-calendar input {
}

span.ui-calendar {
				
}

span.form-control {
				
}
*/

span.ui-autocomplete {
	width:100%;
	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 + 0.875rem); 
    padding: 0.250rem 0.75rem; 
    font-size:.875rem;
    font-family:"Nunito Sans",sans-serif;
    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 {
	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)	;
	color: #fff;
}

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

body .ui-button.btn-success {
	background-color: #00A2D2;
	color: #fff;
}
		
/* 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);				
}

.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 */
    color: white;
    box-shadow: 0 6px 12px rgba(0,0,0,0.3); /* Larger shadow on hover */
}

.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;
}
*/

/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
					
}
*/	  

.finalizado {
	background-color: #575756;
}


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

.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;
/*    color: #333333;*/
}

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


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


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