/**************/
/* PRIMEREACT */
/**************/
.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    background: #198754 !important;
    border-radius: 6px;
}

.p-input-icon {
    outline: none;
    text-decoration: none;
}

.p-inputtext {    
    border: 1px solid var(--cor-campo-borda) !important;
    background-color: var(--cor-campo-fundo);
    color: var(--cor-campo-texto);
}

.p-inputtext:not(.p-dropdown-label):enabled:hover {
/* .p-inputtext:enabled:hover { */
    /* border-color: rgba(67, 67, 67, 0.5) !important; */
    border: 1px solid var(--cor-campo-borda-focus) !important;
}

.p-inputtext:enabled:focus {
    border-color: var(--cor-campo-borda-focus) !important;
    box-shadow: inset 0 0 0 0px #f00, inset 0 0 0 0px #f00,inset 0 0 0 0px #f00,inset 0 0 0 0px #f00 !important;
}

.p-disabled, .p-component:disabled {
    opacity: 0.7 !important;
    background-color: var(--cor-campo-fundo);
    border-color: var(cor-campo-borda) !important;
}

.p-dropdown-label {
    border: 0px !important;
}

.p-dropdown {
    background-color: var(--cor-campo-fundo) !important;
    border: 1px solid var(--cor-campo-borda) !important;
}

.p-dropdown:not(.p-disabled):hover {
    border-color: var(--cor-campo-borda-focus) !important;
}

.p-dropdown:not(.p-disabled).p-focus {
    border-color: var(--cor-campo-borda-focus) !important;
    box-shadow: inset 0 0 0 0px #f00, inset 0 0 0 0px #f00,inset 0 0 0 0px #f00,inset 0 0 0 0px #f00 !important;
}

.p-dropdown-panel {
    background: var(--cor-menu-fundo-sub);
    z-index: 1062 !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    color: var(--cor-texto);
    /* color: rgba(247, 0, 0, 0.87); */
}

/* campo dropdown lista item selecionado */
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: var(--cor-menu-texto1) !important;
    background: var(--cor-menu-fundo) !important;
}

.p-dropdown .p-dropdown-trigger {
    color: var(--cor-campo-label);
}

ul.p-dropdown-items {
    padding-left: 0rem !important;
}

/* .p-float-label input:focus ~ label, .p-float-label .p-inputwrapper-focus ~ label { */
    /* background-color: transparent !important; */
/* } */

.p-inputswitch {
    width: 1.8rem !important;
    margin: -2px;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before {
    background: #e8e8e8 !important;
}

.p-inputswitch .p-inputswitch-slider {
    background: #D93B3B !important;
}

.p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #198754 !important;
    /* background: rgba(206, 147, 216, 0.5); */
}

/* .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
acho q mudou pra forma acima  background: #198754 !important;
} */

.p-inputswitch .p-inputswitch-slider::before {
    background: #e8e8e8 !important;
    width: 0.7rem !important;
    height: 0.75rem !important;
    left: 2px !important;
    /* margin-top: -0.35rem !important; */
    margin-top: -0.39rem !important;
    /* border-radius: 50%; */
    /* transition-duration: 0.2s; */
    box-shadow: 0px 0px 0px 0px !important;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before {
    /* transform: translateX(0.75rem) !important; */
    transform: translateX(0.8rem) !important;
}

.p-inputswitch.p-highlight .p-inputswitch-slider::before {
    /* background: #CE93D8; */
    transform: translateX(0.8rem);
}


/* .p-inputswitch .p-inputswitch-slider::before {
    /* transition-property: box-shadow transform; 
} */

/* estilização para campos desabilitados. */
.sem-borda {    
    border: 0px !important;
    color: #000 !important;
}

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

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

.p-icon-field > .p-input-icon {
    margin-top: -0.8rem;
    color: var(--cor-texto);
}

.p-dropdown-label {
    overflow: clip !important;
}

.p-float-label label {
    color: var(--cor-campo-label);
    /* margin-top: -0.4rem !important; */
    margin-top: -1.0rem !important;
    margin-left: -0.2rem !important;
    font-size: 0.7rem;
    /* padding: 0px 0px 0px 0px !important; */
}

.pett-label input:focus ~ label, 
.pett-label input:autofill ~ label, 
.pett-label input.p-filled ~ label, 
.pett-label textarea:focus ~ label, 
.pett-label textarea.p-filled ~ label, 
.pett-label .p-inputwrapper-focus ~ label, 
.pett-label .p-inputwrapper-filled ~ label, 
.pett-label .p-tooltip-target-wrapper ~ label {
    color: var(--cor-campo-label) !important;
    background-color: transparent !important;
    padding: 29px 0px 0px 0px !important;
    /* margin-left: -2px !important; */
    font-size: 0.7rem !important;
}

.disabled-pett {
    opacity: 0.7 !important;
}

.pett-input .p-inputtext {
    padding-top: 16px !important;
    padding-bottom: 3px !important;
    padding-left: 9px !important;
    font-family: Helvetica;
    font-size: 0.9rem;
    /* font-size: inherit !important; */
}

/* .p-datatable-thead {
    border-top: 2px solid #585858;
    border-bottom: 2px solid #585858;
    background-color: #373737 !important;
} */

/* .custom-datatable .p-datatable {
    color: #00f;
    border: 1px solid #000000;
} */

.datatable-pett {
    font-family: 'Arial';
    font-size: 12px !important;
}

/* .custom-datatable .p-datatable-header {
    background-color: #f5f5f5;
    font-weight: bold;
} */

.p-datatable-table {
    /* Resetar border-collapse para o estilo padrão */
    border-collapse: separate; 
}

.datatable-pett .p-datatable-thead > tr > th {
    background-color: var(--cor-table-header-fundo);
    padding: 5px;
    font-weight: 600;
    border-top: 1px solid var(--cor-table-header-borda);
    border-bottom: 1px solid var(--cor-table-header-borda);
    transition: 0.15s;
    color: var(--cor-texto);
}

.datatable-pett .p-datatable-thead > tr > th.p-sortable-column:hover {
    background-color: var(--cor-table-header-fundo-hover); /* Cor do fundo ao passar o mouse no header*/
}

.datatable-pett .p-datatable-tbody > tr > td {
    padding: 3px;
    color: var(--cor-texto);
}

.datatable-pett .p-sortable-column {
    /* Cor do texto do header */
    color: var(--cor-texto);
}

.datatable-pett .p-sortable-column-icon {
    /* Cor do ícone de ordenação */
    color: var(--cor-table-header-icone);
}

.datatable-pett .p-sortable-column:hover .p-sortable-column-icon {
    /* Cor do ícone de ordenação ao passar o mouse */
    color: var(--cor-table-header-icone-hover);
}

.datatable-pett .p-datatable-tbody > tr:nth-child(odd) {
    background-color: var(--cor-table-linha-impar) /* Cor de fundo para linhas ímpares */
}

.datatable-pett .p-datatable-tbody > tr:nth-child(even) {
    background-color: var(--cor-table-linha-par); /* Cor de fundo para linhas pares */
}

.datatable-pett .p-datatable-tbody > tr:hover {
    background-color: var(--cor-table-linha); /* Cor de fundo para a linha quando o mouse passa por cima */
}

.inputnumber-pett .p-inputnumber-input {
    border-radius: 4px 0px 0px 4px;
    border-right: 0px !important;
}

.inputmask-pett {
    border-radius: 4px 0px 0px 4px;
    border-right: 0px !important;
}

.p-tabview-pett {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

/* Personalize o estilo do header */
.p-tabview-pett .p-tabview-nav {
    border-bottom: 1px solid var(--cor-campo-borda); 
    padding: 10px 0px 0px 0px;
}

.p-tabview-pett .p-tabview-nav li {
    border-radius: 10px 10px 0px 0px;
    margin: 0px;
}

/* Estilo ao passar o mouse */
.p-tabview-pett .p-tabview-nav li:hover {
    background-color: var(--cor-menu-fundo-sub); 
}

/* Estilo da aba ativa */
.p-tabview-pett .p-tabview-nav li.p-highlight {
    background-color: var(--cor-campo-fundo);
}

/* titulo das abas */
.p-tabview-title {
    color: var(--cor-texto);
}

.p-tabview .p-tabview-panels {
    padding: 0px !important;
    color: var(--cor-texto);
}

.p-tabview .p-tabview-nav .p-tabview-ink-bar {
    background-color: var(--cor-barra);
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
    background-color: var(--cor-menu-fundo-sub);
    border-radius: 10px 10px 0px 0px;
}

.p-colorpicker {
    width: 100%;
}