/* Prime default colors hover and focus transparent on tables */
.p-datatable .p-sortable-column:focus,
.p-datatable .p-sortable-column:not(.p-highlight):hover,
.p-datatable .p-sortable-column:not(.p-highlight):hover
{
    background: #e5e6e8 !important;
}

/* Fix case wizard modal */
p-dynamicdialog > div > div > div.p-dialog-header {
    background: rgb(249 250 251) !important;
}

p-dynamicdialog > div > div > div.p-dialog-content {
    background: rgb(249 250 251) !important;
}

.p-inputtext .p-dropdown-trigger{
    background-color: #f6f6f6 !important;
}

.p-inputtext:not(.p-inputtextarea){
    background-color: #f6f6f6 !important;
}

.p-dropdown{
    background-color: #f6f6f6 !important;
}

/*
tailwind reset class makes the background transparent
so we manually need to patch the prime class
*/
[type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select{
    background-color: #f6f6f6 !important;
}

/* fix default transparent button */
button.p-button.p-button-text:hover,
[type='button'].p-button.p-button-text:hover,
[type='reset'].p-button-text:hover,
[type='submit'].p-button-text:hover {
   background-color: #f6f3f3 !important;
}

/* fix default button color */
button.p-button:not(.p-button-text),
[type='button'].p-button:not(.p-button-text),
[type='reset'].p-button:not(.p-button-text),
[type='submit'].p-button:not(.p-button-text) {
   background-color: #77a5af !important;
   color: white !important;
   box-shadow: none !important;
}

/* Disabled button */
button.p-button.p-button:disabled,
[type='button'].p-button:disabled,
[type='reset'].p-button:disabled,
[type='submit'].p-button:disabled {
    background-color: rgba(0,0,0,.18) !important;
    color: white !important;
    box-shadow: none !important;
}

/* dialog */
.p-dialog-content{
    background-color: white;
    padding: 1.5rem;
}