/* Root container */
p-accordion.p-accordion {
    /* optional: keep it full-width */
    display: block;
}

/* Each panel */
.p-accordion .p-accordionpanel {
    border: 1px solid var(--p-accordion-border, #dcdcdc);
    border-bottom: 0;
    background: var(--p-accordion-bg, #fff);

    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    text-decoration: none;
}

/* Round corners on first/last */
.p-accordion .p-accordionpanel:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.p-accordion .p-accordionpanel:last-child {
    border-bottom: 1px solid var(--p-accordion-border, #dcdcdc);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Header row */
.p-accordion .p-accordionheader {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    background: var(--p-accordion-header-bg, #f8f8f8);
    color: var(--p-accordion-header-color, #333);
    font-weight: 600;
    line-height: 1.25;
    border: 0;
    cursor: pointer;
    user-select: none;

    color: #fff !important;
    background-color: #00a0d6 !important;
    // border: 1px solid #707070 !important;
    text-decoration: none;
}

/* Hover/active feedback */
.p-accordion .p-accordionheader:hover {
    background: var(--p-accordion-header-hover-bg, #f0f0f0);
}

.p-accordion .p-accordionpanel.p-accordionpanel-active>.p-accordionheader {
    background: var(--p-accordion-header-active-bg, #e9ecef);
    color: var(--p-accordion-header-active-color, #212529);
}

/* Toggle icon (chevron) alignment to the end like older versions) */
.p-accordion .p-accordionheader .p-accordionheader-toggle-icon {
    margin-left: auto;
    /* push icon to far right */
    transition: transform .2s ease;
}

/* Rotate icon on open */
.p-accordion .p-accordionpanel.p-accordionpanel-active>.p-accordionheader .p-accordionheader-toggle-icon {
    transform: rotate(180deg);
}

/* Header focus ring (keyboard) */
.p-accordion .p-accordionheader:focus-visible {
    outline: 2px solid var(--p-accordion-focus, #66afe9);
    outline-offset: 2px;
}

/* Content wrapper and inner content */
.p-accordion .p-accordioncontent {
    /* container for motion, keep it clean */
    // background: var(--p-accordion-bg, #fff);
    background-color: #f0f0f0 !important;
    border: none !important;
    // margin: 0 0 .625em !important;
    // padding: .571em 0;
}

.p-accordion .p-accordioncontent-content {
    padding: 1rem;
    color: var(--p-accordion-content-color, #333);
    border: none !important;
}

/* Disabled state */
.p-accordion .p-accordionpanel.p-disabled>.p-accordionheader {
    opacity: .6;
    cursor: not-allowed;
}

/* Nested accordions: remove double borders on inner accordions */
.p-accordion .p-accordioncontent p-accordion .p-accordionpanel {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}

/* Optional: compact density */
.p-accordion.p-accordion--compact .p-accordionheader {
    padding: .5rem .75rem;
}

.p-accordion.p-accordion--compact .p-accordioncontent-content {
    padding: .5rem .75rem;
}



/*Panel*/

/* Root */
p-panel.p-panel {
    display: block;
    /* keep layout stable */
}

/* Box */
.p-panel {
    --pnl-border: var(--p-panel-border, #dcdcdc);
    --pnl-bg: var(--p-panel-bg, #fff);
    --pnl-header-bg: var(--p-panel-header-bg, #f8f8f8);
    --pnl-header-hover-bg: var(--p-panel-header-hover-bg, #f0f0f0);
    --pnl-header-active-bg: var(--p-panel-header-active-bg, #e9ecef);
    --pnl-header-color: var(--p-panel-header-color, #333);
    --pnl-content-color: var(--p-panel-content-color, #333);

    border: 1px solid var(--pnl-border);
    border-radius: 4px;
    background: var(--pnl-bg);
}

/* Header */
.p-panel .p-panel-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    background: var(--pnl-header-bg);
    color: var(--pnl-header-color);
    font-weight: 600;
    line-height: 1.25;
    border-bottom: 1px solid var(--pnl-border);
}

/* Header hover when toggleable (matches v7 feel) */
.p-panel.p-panel-toggleable .p-panel-header:hover {
    background: var(--pnl-header-hover-bg);
}

/* Title (keeps it from overlapping icons) */
.p-panel .p-panel-title {
    margin: 0;
}

/* Toggle icon at far right + rotation on collapse/expand */
.p-panel .p-panel-header .p-panel-togglebutton {
    margin-left: auto;
    /* push to right edge */
    transition: transform .2s ease;
}

.p-panel.p-panel-collapsed .p-panel-header .p-panel-togglebutton {
    transform: rotate(180deg);
}

/* Content */
.p-panel .p-panel-content {
    padding: 1rem;
    color: var(--pnl-content-color);
    background: var(--pnl-bg);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* When header hidden (showHeader=false), keep radius on top */
.p-panel:not(.p-panel-toggleable) .p-panel-content,
.p-panel .p-panel-content:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Footer (if you use footer template) */
.p-panel .p-panel-footer {
    padding: .75rem 1rem;
    border-top: 1px solid var(--pnl-border);
    background: var(--pnl-bg);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Density variants (optional) */
.p-panel.p-panel--compact .p-panel-header {
    padding: .5rem .75rem;
}

.p-panel.p-panel--compact .p-panel-content {
    padding: .5rem .75rem;
}

/* Disabled look for a custom state class you might toggle */
.p-panel.is-disabled {
    opacity: .6;
    pointer-events: none;
}


.ofm-confirmation-dialog {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;

    .approve-btn {
        border: 2px solid #00a0d6 !important;
        outline: 0 !important;
        box-shadow: none !important;
        font-size: .727rem;
        background-color: #00a0d6 !important;
    }

    .reject-btn {
        background-color: #fff !important;
        border: 2px solid #00a0d6 !important;
        outline: 0 !important;
        box-shadow: none !important;
        color: #00a0d6 !important;
        font-size: .727rem;
    }
}



.ofm-toggle .toggle {
  --toggle-thumb: #0075C9;      /* thumb color */
  --toggle-track-on: #0075C9;   /* track when ON */
  --toggle-track-off: #0075C9;  /* track when OFF */
}

bs-datepicker-container {
  z-index: 10000 !important; 
}