html, body {
  font-family: 'Poppins', sans-serif !important;
  margin: 0px;
  color: #fff
}

/* clients.css */

.p-tabview-panels {
	background: transparent;
	border: none;
	padding: 0;
	min-width: 59rem;
}


.CustomTabView .p-tabview-nav-container {
	li a {
		background-color: rgb(83, 147, 147);
		border: none;
    span.p-tabview-title {
      color: white !important;
    }
	}
	li.p-tabview-selected.p-highlight a {
		background-color: white;
		border: none;
    span.p-tabview-title {
      color: #478080 !important;
    }
	}
}

.p-float-label, .float-label {
  color: #fff !important;
}

table,  th,  td {
  border: 1px solid black;
  border-collapse:collapse;
}

td, th {
  text-align: left;
  padding:5px 20px;
}

td.firstCol  {
  background-color: #313fd6;
  color: white;
}


td.firstRow  {
  background-color: #313fd6;
  color: white;
}

.invalid-input{
  border: 2px solid red !important ;
}

/* Colore label quando il campo è attivo (focus) */
/* Colore label quando il campo è attivo (focus) */
.float-label input:focus ~ label,
.float-label .p-inputtext:focus ~ label,
.float-label .p-password-input:focus ~ label {
  color: white !important;
}


/* Colore quando il campo contiene testo */
.float-label .p-inputtext.p-filled ~ label {
  color: white !important;
}

.float-label .p-password input:focus + label,
.float-label .p-password.p-inputwrapper-focus + label {
  color: white !important;
}

.float-label .p-password.p-inputwrapper-filled + label {
  color: white !important;
}



/* tables.css */

.CustomTableStyle table thead tr {
  border-radius: 100px !important;
}

.CustomTableStyle .p-column-filter-menu-button {
  display: none !important;
}

.CustomTableStyle thead tr th {
  background-color: #539393 !important;
  padding: 1em 1.2em;
  box-shadow: none !important;
  color: #F5F5F5 !important;
}
.CustomTableStyle.wFilters thead tr th {
  background-color: #539393 !important;
  padding: .4em .7em .4em .7em;
  box-shadow: none !important;
  color: #F5F5F5 !important;
}

.CustomTableStyle thead input {
  margin-top: 1px;
  background-color: transparent;
  border-radius: 7px;
  width: 100%;
  height: 100%;
}

.CustomTableStyle thead .p-checkbox .p-component {
  margin-top: 15px;
  border: 1px solid #b5b5b50d;
  
}

.CustomTableStyle .p-paginator {
  background-color: transparent !important;
}
.CustomTableStyle .p-checkbox .p-component {
  border: 1px solid #b5b5b50d;
  margin-right: 5px;
}

.p-password-input {
  width: 100%;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: #539393;
  border: solid 1px#32324e;
}

/* .CustomTableStyle .p-datatable-thead tr:nth-child(2) .p-checkbox {
  visibility: hidden;
} */

.CustomTableStyle .p-checkbox .p-component:hover {
  border-color: #32324e91 !important;
}

.CustomTableStyle tbody tr {
  background-color: transparent !important;
  height: 60px !important;
}

.CustomTableStyle tbody>tr>td {
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
  color: #F5F5F5 !important;
  font-weight: 600;
  /*  border-radius: 10px !important; */
}

.CustomTableStyle table {
  margin-bottom: 10px !important;
  border: none !important;
  width: 100%;
}

.CustomTableStyle th {
  border: none !important;
}

.CustomTableStyle>div {
  /* background: transparent !important; */
  border: none !important;
}

.CustomTableStyle div>span>button {
  border-radius: 100% !important;
}

.CustomTableStyle div>button>span {
  color: #32324e !important;
}

.CustomTableStyle .p-datatable-responsive-demo .p-datatable-tbody>tr>td .p-column-title {
  display: none;
}

.stepWizard {
  height: 100%;
  flex-direction: column-reverse;
  display: flex;
}

/* tabView.css */

.CustomTabView {
  background-color: transparent;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
}

.CustomTabView .p-tabview-nav {
  background-color: transparent !important;
  border: none !important;
  margin-left: 20px;
}

.CustomTabView .p-tabview-nav li {
  border-radius: 5px !important;
  margin-right: 0px;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.CustomTabView .p-tabview-nav li.p-highlight {
  background-color: #32324e !important;
  color: #F5F5F5 !important;
}

.CustomTabView .p-tabview-nav li:not(.p-highlight):hover {
  background-color: #3a3a3a !important;
  border-color: #539393 !important;
}

.CustomTabView .p-tabview-nav li .p-tabview-title {
  color: #F5F5F5 !important;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 15px;
}

.CustomTabView .p-tabview-panel {
  background-color: transparent !important;
  color: #F5F5F5 !important;
  padding: 20px;
  padding-top: 0;
  border-top: none !important;
  border-radius: 0 0 8px 8px;
}

/* agencies.css */

.agencies-dropdown .p-component {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background: rgba(255, 255, 255, 0.79);
}

.p-autocomplete-panel .p-autocomplete-item {
  background-color: rgb(219, 232, 232) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #c7cccb;
}

.p-autocomplete-panel .p-autocomplete-item div {
  border: none !important;
}

.p-autocomplete-panel .p-autocomplete-item:last-child {
  border-bottom: none;
}

.p-sortable-column-icon {
  color: #e0e0e0 !important;
}

.p-datatable-header {
  background-color: transparent;
  margin-bottom: 10px;
  padding-left: 0;
}

.p-datatable-header span:before {
  display: none;
}

.p-datatable-header div:first-child {
  background-color: transparent;
}

.p-datatable-header .p-inputtext.p-component {
  background-color: white;
  border-radius: 7px;
  height: 2.5rem;
  width: 20rem;
  border: none;
  padding-left: 25px;
}

.p-password {
  width: 100%;
}

.p-icon-field {
  width: 100%;
}

.p-password-input {
  background-color: white;
  border-radius: 7px;
  height: 2.5rem;
  width: 100%;
  border: none;
  padding-left: 25px;
}

.p-dialog {
  border: none !important;
}

.p-dialog .p-dialog-content {
  padding: 0 !important;
}

button.p-paginator-element {
  margin: 0 2px;
}

div.p-paginator-bottom button.p-paginator-element {
  color: white !important;
}

button.p-paginator-first, button.p-paginator-prev, button.p-paginator-next, button.p-paginator-last {
  border-radius: 50% !important;
}

.p-paginator .p-paginator-pages button.p-paginator-page:not(.p-highlight):hover,
.p-paginator button.p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator button.p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator button.p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator button.p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  color: #539393 !important;
}
.customTooltip .p-tooltip {
  background-color: red !important;
  color: red;
}
.customTooltip .p-tooltip-text {
  color: #539393;
  background-color: white;
  text-transform: uppercase;
  font-weight: 600;
  padding: .6em .9em
}

.CustomTabView thead tr th:nth-of-type(1) {
  border-radius: 6px 0px 0px 6px !important;
  background-color: #539393 !important;
}

.CustomTabView thead tr th:last-of-type {
  border-radius: 0px 6px 6px 0px !important;
  background-color: #539393 !important;
}

.p-datepicker-trigger.p-button.p-component.p-button-icon-only {
  background-color: #539393 !important;
  border: 1px solid rgb(46, 46, 46);
}

.p-datepicker-calendar tbody tr td span.p-highlight {
  background: #539393 !important;
}

span.p-column-title {
  min-width: max-content;
}

#filename-table-text:hover div {
  overflow: visible !important;
  max-width: max-content !important;
}

.p-column-filter-menu-button { 
  color: white !important;
}

.p-inputtext,
.p-password-input {
  background-color: white !important;
  padding-left: 10px !important;
}
.p-inputtext .wFilters {
  background-color: red !important;
  padding-left: 10px !important;
}

.p-hidden-space {
  display: none !important;
}

.p-column-filter-clear-button {
  color: white !important;
}