.contact-tabs-bar{margin-bottom: 10px;}

/* Theme variables — override these in a higher-level stylesheet or per-page to change dialog header colors */
:root {
  --popup-header-bg: #00095B; /* default popup/dialog header background */
  --popup-header-color: #ffffff; /* default popup/dialog header text color */
}

/* PrimeNG input element */
::ng-deep input.p-inputtext.required-border,
::ng-deep .p-inputmask input.required-border,
::ng-deep .p-inputtext.required-border,
input.required-border {
  border-color: #f44336 !important;
  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.08) !important;
}

::placeholder {
  color: #929292 !important;
}
select:disabled, input:disabled , input:read-only {
    background: #f5f5f5 !important;
    opacity: 1;
}
input,select,textarea{outline: none;}

:host::ng-deep .custom-p-tooltip {
  background-color: #fff !important;
  color: #111 !important;
  font-size: 13px !important;
}
span.field-icon{
    font-size: 14px !important;
}
.p-tooltip.custom-p-tooltip,
.p-tooltip.custom-p-tooltip .p-tooltip-content,
.p-tooltip.custom-p-tooltip .p-tooltip-text {
  background: #f1f1f1 !important;
  color: #111 !important;
  border: none !important;       /* remove border */
  box-shadow: none !important;   /* remove shadow if desired */
  border-radius: 6px !important;
  font-size: 12px;
}
.p-tooltip.custom-p-tooltip .p-tooltip-arrow {
  border-right-color: transparent !important; /* hide arrow border if needed */
}
/* Component-scoped target (keeps existing behavior for components using view encapsulation) */
:host ::ng-deep .p-dialog .p-dialog-header {
  border-bottom: 0 none;
  color: #fff;
  padding: 10px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background: #00095B !important;
}

/* Global targets so PrimeNG dialogs appended to <body> receive the same styles */
.p-dialog .p-dialog-header,
.p-confirmdialog .p-dialog-header {
  border-bottom: 0 none !important;
  color: #fff !important;height: 37px;
  padding: 10px !important;
  border-top-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  background: #00095B !important;
}
.p-dialog{width: 550px;font-size: 14px;}
.p-dialog-title{font-size: 14px !important;font-weight: normal;}
.p-confirm-dialog .p-dialog-content{padding-top: 15px;padding-left:10px;}
.p-confirm-dialog-reject {
    
    background: #f1f1f1 !important;
    color: #333;
    border: none;
    padding: 7px 18px;
    border-radius: 20px;
    font-size: 14px;
    box-shadow: 0px 2px 4px 0px #333;
    cursor: pointer;
}
.p-confirm-dialog-accept {
    background: #0072ce !important;
    color: #fff;
    border: none;
    padding: 7px 18px;
    border-radius: 20px;
    font-size: 14px;
    box-shadow: 0px 2px 4px 0px #333;
    cursor: pointer;
}
.p-dialog-header-close {
    color: #fff !important;
}
.p-dialog-header-close:hover {
    background: #f1f1f1;
    color: #333 !important;
}
.accordion-header {height: 37px !important;}
.required-border {border-radius: 10px !important;  box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.08) !important;}
.items-per-page-label , .page-info {color: #929292 !important;}

.button-group{
    gap: 12px;
}
button.p-ripple.p-element.p-paginator-page.p-paginator-element.p-link
 {
    min-width: 40px !important;font-size: 14px;
}
.fa-solid.fa-info {
    border: 1px solid #929292;
    width: 14px;
    height: 14px;
    text-align: center;
    border-radius: 100%;
    font-size: 10px;
    font-weight: 600;
    color: #929292;
    line-height: normal;
    padding-right: 0px;
}
.primary-btn-class , .secondary-btn-class , .search-btn{min-width: 90px !important;}

/* Items-per-page p-dropdown panel font size (appendTo=body, must be global) */
.p-dropdown-panel .p-dropdown-item {
    font-size: 14px;
    color: #929292;
}