/* Batch H3 Scheduling styles, built by tools/sched-css.js from production sources. Do not edit by hand. */
/* axcces2025 origin/master: wwwroot/css/leaseup-schedule-bookings.css */
.mgr-prod .ssb{
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: min(640px, 90vw);
    color: var(--app-fg, #111827);
}
.mgr-prod .ssb--wide{
    min-width: min(1080px, 94vw);
}
.mgr-prod .ssb-title{
    font-size: .9375rem;
    font-weight: 600;
}
.mgr-prod .ssb-sub{
    font-size: .8125rem;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .ssb-toolbar{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}
.mgr-prod .ssb-field{
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
    font-size: .75rem;
    font-weight: 600;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .ssb-field--grow{
    flex: 1 1 220px;
}
.mgr-prod .ssb-note{
    font-size: .75rem;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .ssb-actions{
    display: flex;
    justify-content: flex-end;
}
.mgr-prod .ssb-toolbar-meta{
    padding-bottom: 6px;
    font-size: .8125rem;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .ssb-toolbar-action{
    margin-left: auto;
}
.mgr-prod .ssb-state{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    font-size: .8125rem;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .ssb-state--error{
    color: var(--app-danger, #b91c1c);
}
.mgr-prod .ssb-table-wrap{
    border: 1px solid var(--app-border, #e5e7eb);
    border-radius: 8px;
    overflow: auto;
}
.mgr-prod .ssb-table{
    width: 100%;
    border-collapse: collapse;
    font-size: .8125rem;
}
.mgr-prod .ssb-table th, .mgr-prod .ssb-table td{
    padding: 8px 12px;
    border-bottom: 1px solid var(--app-border, #e5e7eb);
    text-align: left;
}
.mgr-prod .ssb-table th{
    font-weight: 600;
    white-space: nowrap;
    color: var(--app-muted, #6b7280);
    background: var(--app-surface-soft, #f9fafb);
}
.mgr-prod .ssb-table td.ssb-nowrap{
    white-space: nowrap;
}
.mgr-prod .ssb-table tbody tr:last-child td{
    border-bottom: 0;
}
.mgr-prod .ssb-pager{
    display: flex;
    align-items: center;
    gap: 10px;
}
.mgr-prod .sip{
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: min(560px, 90vw);
    color: var(--app-fg, #111827);
}
.mgr-prod .sip-heading{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.mgr-prod .sip-label{
    font-size: .8125rem;
    font-weight: 600;
}
.mgr-prod .sip-choice{
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: .8125rem;
    cursor: pointer;
}
.mgr-prod .sip-choice input{
    margin-top: 3px;
    accent-color: var(--app-primary, #2563eb);
}
.mgr-prod .sip-muted{
    margin-left: 6px;
    font-size: .75rem;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .sip-days, .mgr-prod .sip-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding-left: 22px;
}
.mgr-prod .sip-days{
    gap: 6px;
}
.mgr-prod .sip-day{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding: 6px 12px;
    border: 1px solid var(--app-border, #d1d5db);
    border-radius: 10px;
    background: var(--app-surface, #fff);
    color: inherit;
    font: inherit;
    cursor: pointer;
}
.mgr-prod .sip-day:hover:not(:disabled){
    background: var(--app-surface-soft, #f3f4f6);
}
.mgr-prod .sip-day.is-on{
    border-color: var(--app-primary, #2563eb);
    background: var(--app-primary-soft, #eff6ff);
    color: var(--app-primary, #1d4ed8);
}
.mgr-prod .sip-day:disabled{
    opacity: .5;
    cursor: not-allowed;
}
.mgr-prod .sip-day:focus-visible, .mgr-prod .sip-link:focus-visible{
    outline: 2px solid var(--app-primary, #2563eb);
    outline-offset: 1px;
}
.mgr-prod .sip-day-date{
    font-size: .8125rem;
    font-weight: 600;
}
.mgr-prod .sip-day-count{
    font-size: .6875rem;
    opacity: .8;
}
.mgr-prod .sip-link{
    padding: 0;
    border: 0;
    background: none;
    color: var(--app-primary, #2563eb);
    font: inherit;
    font-size: .75rem;
    text-decoration: underline;
    cursor: pointer;
}
.mgr-prod .sip-links .sip-muted{
    margin-left: 0;
}
.mgr-prod .ssb-pager-text{
    font-size: .75rem;
    color: var(--app-muted, #6b7280);
}
.mgr-prod .sip--email{
    min-width: min(980px, 94vw);
}
.mgr-prod .sip-email{
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
    padding-top: 12px;
    border-top: 1px solid var(--app-border, #e5e7eb);
}
.mgr-prod .sip-email-head{
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}
.mgr-prod .sip-email-edit{
    margin-left: auto;
    font-size: .8125rem;
}
.mgr-prod .sip-badge{
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--app-primary-soft, #eff6ff);
    color: var(--app-primary, #1d4ed8);
    font-size: .6875rem;
    font-weight: 600;
}
.mgr-prod .sip-tabs{
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--app-border, #e5e7eb);
}
.mgr-prod .sip-tab{
    padding: 6px 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--app-muted, #6b7280);
    font: inherit;
    font-size: .8125rem;
    cursor: pointer;
}
.mgr-prod .sip-tab.is-on{
    border-bottom-color: var(--app-primary, #2563eb);
    color: var(--app-primary, #1d4ed8);
    font-weight: 600;
}
.mgr-prod .sip-tab:focus-visible, .mgr-prod .sip-token:focus-visible{
    outline: 2px solid var(--app-primary, #2563eb);
    outline-offset: 1px;
}
.mgr-prod .sip-picker{
    max-width: 420px;
}
.mgr-prod .sip-subject{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: .8125rem;
    font-weight: 600;
}
.mgr-prod .sip-subject .sip-muted{
    font-weight: 400;
}
.mgr-prod .sip-preview-note{
    color: var(--app-fg, #111827);
}
.mgr-prod .sip-frame{
    width: 100%;
    height: 460px;
    border: 1px solid var(--app-border, #e5e7eb);
    border-radius: 8px;
    background: #fff;
}
.mgr-prod .sip-edit{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 12px;
}
.mgr-prod .sip-edit-main{
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.mgr-prod .sip-edit-side{
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 420px;
    overflow: auto;
}
.mgr-prod .sip-edit-actions{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.mgr-prod .sip-input{
    padding: 5px 8px;
    border: 1px solid var(--app-border, #d1d5db);
    border-radius: 6px;
    background: var(--app-surface, #fff);
    color: var(--app-fg, #111827);
    font: inherit;
    font-size: .8125rem;
    font-weight: 400;
}
.mgr-prod .sip-token-list{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mgr-prod .sip-token-list li{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}
.mgr-prod .sip-token, .mgr-prod .sip-code{
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .75rem;
}
.mgr-prod .sip-token{
    padding: 1px 6px;
    border: 1px solid var(--app-border, #d1d5db);
    border-radius: 4px;
    background: var(--app-surface-soft, #f9fafb);
    color: var(--app-fg, #111827);
    cursor: pointer;
}
.mgr-prod .sip-token:hover{
    border-color: var(--app-primary, #2563eb);
}
.mgr-prod .sip-ok{
    color: #047857;
}
.mgr-prod .sip-error{
    color: var(--app-danger, #b91c1c);
}
@media (max-width: 900px){.mgr-prod .sip-edit{
        grid-template-columns: minmax(0, 1fr);
    }
}
.mgr-prod .tot-search{
    width: 100%;
}
.mgr-prod .tot-table-wrap{
    max-height: min(520px, 60vh);
}
.mgr-prod .tot-table thead th{
    position: sticky;
    top: 0;
    z-index: 1;
}
.mgr-prod .tot-table th.tot-num, .mgr-prod .tot-table td.tot-num{
    text-align: right;
    white-space: nowrap;
}
.mgr-prod .tot-select{
    width: 36px;
    text-align: center;
}
.mgr-prod .tot-select input{
    accent-color: var(--app-primary, #2563eb);
    cursor: pointer;
}
.mgr-prod .tot-sr{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
.mgr-prod .tot-sort{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.mgr-prod .tot-sort.is-on{
    color: var(--app-primary, #1d4ed8);
}
.mgr-prod .tot-sort:focus-visible{
    outline: 2px solid var(--app-primary, #2563eb);
    outline-offset: 2px;
}
.mgr-prod .tot-sort-arrow{
    font-size: .625rem;
    opacity: .7;
}
.mgr-prod .tot-group td{
    background: var(--app-surface-soft, #f9fafb);
    font-weight: 600;
}
.mgr-prod .tot-row{
    cursor: pointer;
}
.mgr-prod .tot-row:hover td{
    background: var(--app-surface-soft, #f3f4f6);
}
.mgr-prod .tot-row.is-on td{
    background: var(--app-primary-soft, #eff6ff);
}
.mgr-prod .tot-summary{
    color: var(--app-fg, #111827);
}
.mgr-prod .dxbl-modal:has(.tot) .dxbl-popup, .mgr-prod .dxbl-modal:has(.tot) .dxbl-modal-dialog, .mgr-prod .dxbl-modal:has(.tot) .modal-dialog{
    width: min(1240px, 96vw) !important;
    max-width: 96vw !important;
}
/* axcces2025 origin/master: Components/LeaseUp/CreateSchedulePopup.razor */
.mgr-prod .csp{
        display: flex;
        flex-direction: column;
        gap: 12px;
        color: var(--app-fg, #111827);
    }
.mgr-prod .csp-card{
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px 14px;
        border: 1px solid var(--app-border, #e5e7eb);
        border-radius: 8px;
        background: var(--app-surface, #fff);
    }
.mgr-prod .csp-section{
        margin: 0 0 2px;
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--app-muted, #6b7280);
    }
.mgr-prod .csp-label{
        font-size: .8125rem;
        font-weight: 600;
    }
.mgr-prod .csp-label--row{
        display: flex;
        align-items: baseline;
        gap: 8px;
    }
.mgr-prod .csp-row{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }
.mgr-prod .csp-field{
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }
.mgr-prod .csp-field label{
        font-size: .75rem;
        color: var(--app-muted, #6b7280);
    }
.mgr-prod .csp-days, .mgr-prod .csp-presets, .mgr-prod .csp-managers{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
    }
.mgr-prod .csp-day, .mgr-prod .csp-manager{
        display: inline-flex;
        align-items: center;
        gap: 6px;
        min-height: 30px;
        padding: 4px 12px;
        border: 1px solid var(--app-border, #d1d5db);
        border-radius: 999px;
        background: var(--app-surface, #fff);
        color: inherit;
        font: inherit;
        font-size: .8125rem;
        cursor: pointer;
    }
.mgr-prod .csp-day:hover, .mgr-prod .csp-manager:hover{
        background: var(--app-surface-soft, #f3f4f6);
    }
.mgr-prod .csp-day.is-on, .mgr-prod .csp-manager.is-on{
        border-color: var(--app-primary, #2563eb);
        background: var(--app-primary-soft, #eff6ff);
        color: var(--app-primary, #1d4ed8);
        font-weight: 600;
    }
.mgr-prod .csp-day:focus-visible, .mgr-prod .csp-manager:focus-visible, .mgr-prod .csp-link:focus-visible{
        outline: 2px solid var(--app-primary, #2563eb);
        outline-offset: 1px;
    }
.mgr-prod .csp-check{
        display: inline-block;
        width: 12px;
        text-align: center;
    }
.mgr-prod .csp-links{
        display: inline-flex;
        gap: 10px;
        margin-left: auto;
    }
.mgr-prod .csp-link{
        padding: 0;
        border: 0;
        background: none;
        color: var(--app-primary, #2563eb);
        font: inherit;
        font-size: .75rem;
        cursor: pointer;
    }
.mgr-prod .csp-link:hover{
        text-decoration: underline;
    }
.mgr-prod .csp-break{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }
.mgr-prod .csp-time{
        width: 130px;
    }
.mgr-prod .csp-skip{
        margin-top: 4px;
    }
.mgr-prod .csp-input{
        width: 100%;
        min-height: 32px;
        padding: 5px 10px;
        border: 1px solid var(--app-border, #d1d5db);
        border-radius: 4px;
        background: var(--app-surface, #fff);
        color: var(--app-fg, #111827);
        font: inherit;
        font-size: .875rem;
    }
.mgr-prod .csp-input::placeholder{
        color: var(--app-muted, #9ca3af);
    }
.mgr-prod .csp-input:focus{
        outline: none;
        border-color: var(--app-primary, #2563eb);
        box-shadow: 0 0 0 1px var(--app-primary, #2563eb);
    }
.mgr-prod .csp-muted{
        font-size: .75rem;
        font-weight: 400;
        color: var(--app-muted, #6b7280);
    }
.mgr-prod .csp-hint{
        font-size: .8125rem;
        color: var(--app-muted, #6b7280);
    }
.mgr-prod .csp-preview{
        padding: 10px 14px;
        border-radius: 8px;
        font-size: .875rem;
        font-weight: 500;
    }
.mgr-prod .csp-preview.is-ok{
        border: 1px solid var(--app-success-border, #bbf7d0);
        background: var(--app-success-soft, #f0fdf4);
        color: var(--app-success, #166534);
    }
.mgr-prod .csp-preview.is-warn{
        border: 1px solid var(--app-warning-border, #fde68a);
        background: var(--app-warning-soft, #fffbeb);
        color: var(--app-warning, #92400e);
    }
/* axcces-hub origin/main: src/components/common/RequestedItems/RequestedItems.css */
.hp .requested-items{
  background: var(--ax-white, #ffffff);
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  border-left: 4px solid var(--primary-color, #032765);
  border-radius: 12px;
  box-shadow: var(--ax-shadow-sm, 0 1px 2px rgba(16, 24, 40, 0.06));
  overflow: hidden;
  margin-bottom: 1rem;
}
.hp .requested-items__heading{
  margin: 0;
}
.hp .requested-items__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.875rem 1.25rem;
  border: none;
  background: transparent;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s ease;
}
.hp .requested-items__header:hover, .hp .requested-items__header:focus-visible{
  background: var(--ax-navy-050, #f4f7fc);
  outline: none;
}
.hp .requested-items__header-text{
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.hp .requested-items__title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--ax-text-card-title, 1rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
}
.hp .requested-items__subtitle{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
  font-weight: 400;
}
.hp .requested-items__header-end{
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  flex: 0 0 auto;
  padding-top: 0.1rem;
}
.hp .requested-items__count{
  min-width: 26px;
  text-align: center;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  background: var(--ax-navy-100, #e8edf6);
  border-radius: var(--ax-radius-pill, 999px);
  padding: 0.15rem 0.55rem;
}
.hp .requested-items__chevron{
  color: var(--ax-gray-500, #667085);
  transition: transform 0.2s ease;
  flex: 0 0 auto;
}
.hp .requested-items__header--open .requested-items__chevron{
  transform: rotate(180deg);
}
.hp .requested-items__body{
  padding: 0 1rem 1rem;
}
.hp .requested-items__body[hidden]{
  display: none;
}
.hp .requested-items__list{
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  max-height: 340px;
  overflow-y: auto;
}
.hp .requested-items__row{
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  border-radius: 10px;
  background: var(--ax-white, #ffffff);
  overflow: hidden;
}
.hp .requested-items__row--rejected{
  border-color: var(--ax-danger-border);
  background: var(--ax-danger-bg);
}
.hp .requested-items__item-badge{
  display: inline-flex;
  align-items: center;
  padding: 0.05rem 0.4rem;
  border-radius: 999px;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  background: var(--ax-danger-bg);
  color: var(--ax-danger);
}
.hp .requested-items__row--rejected .requested-items__item-text{
  color: var(--ax-danger);
}
.hp .requested-docs-dialog__rejected{
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--ax-danger-border);
  border-radius: 8px;
  background: var(--ax-danger-bg);
}
.hp .requested-docs-dialog__rejected-title{
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--ax-danger);
}
.hp .requested-docs-dialog__rejected-text{
  margin: 0;
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--ax-danger);
  word-break: break-word;
}
.hp .requested-items__item{
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.8rem 0.9rem;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.hp .requested-items__item:hover{
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-items__item:focus-visible{
  background: var(--ax-navy-050, #f4f7fc);
  outline: 2px solid var(--primary-color, #032765);
  outline-offset: -2px;
}
.hp .requested-items__item-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: var(--ax-radius-lg, 8px);
  background: var(--ax-navy-100, #e8edf6);
  color: var(--primary-color, #032765);
}
.hp .requested-items__item-body{
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex: 1 1 auto;
  min-width: 0;
}
.hp .requested-items__item-name{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--ax-gray-900, #1a202c);
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  word-break: break-word;
}
.hp .requested-items__item-info{
  display: inline-flex;
  align-items: center;
  color: var(--ax-gray-400, #98a2b3);
  cursor: help;
}
.hp .requested-items__item-member{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-items__item-text{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-700, #344054);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
}
.hp .requested-items__item-action{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
  align-self: center;
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  background: var(--ax-navy-100, #e8edf6);
  border-radius: var(--ax-radius-lg, 8px);
  padding: 0.42rem 0.85rem;
  white-space: nowrap;
  transition: background 0.2s ease;
}
.hp .requested-items__item:hover .requested-items__item-action{
  background: #d7e1f2;
}
.hp .requested-items__links{
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0 0.9rem 0.7rem 3.4rem;
}
.hp .requested-items__links a{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--primary-color, #032765);
  text-decoration: none;
  word-break: break-all;
}
.hp .requested-items__links a:hover{
  text-decoration: underline;
}
.hp .requested-items__loading-row{
  padding: 0.6rem 0;
}
.hp .requested-items__error{
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-items__retry{
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  background: transparent;
  border-radius: var(--ax-radius-md, 6px);
  padding: 0.25rem 0.75rem;
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--primary-color, #032765);
  cursor: pointer;
}
.hp .requested-docs-dialog__overlay{
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1060;
  padding: 1rem;
}
.hp .requested-docs-dialog{
  background: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 520px;
  max-height: 85vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--ax-shadow-lg, 0 12px 28px rgba(16, 24, 40, 0.12));
}
.hp .requested-docs-dialog__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid var(--ax-gray-200, #e6e8ec);
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-docs-dialog__title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--ax-text-card-title, 1rem);
  font-weight: 600;
  color: var(--primary-color, #032765);
  margin: 0;
}
.hp .requested-docs-dialog__close{
  border: none;
  background: transparent;
  color: var(--ax-gray-500, #667085);
  cursor: pointer;
  line-height: 0;
  padding: 0.25rem;
  border-radius: var(--ax-radius-md, 6px);
}
.hp .requested-docs-dialog__close:hover:not(:disabled){
  background: var(--ax-gray-100, #f2f4f7);
  color: var(--ax-gray-900, #1a202c);
}
.hp .requested-docs-dialog__body{
  padding: 1.25rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.hp .requested-docs-dialog__summary{
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.hp .requested-docs-dialog__doc-name{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--ax-gray-900, #1a202c);
  word-break: break-word;
}
.hp .requested-docs-dialog__member{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-docs-dialog__request{
  background: var(--ax-gray-050, #f8f9fa);
  border: 1px solid var(--ax-gray-200, #e6e8ec);
  border-radius: var(--ax-radius-lg, 8px);
  padding: 0.65rem 0.75rem;
}
.hp .requested-docs-dialog__request-label{
  display: block;
  font-size: var(--ax-text-caption, 0.75rem);
  font-weight: 600;
  color: var(--ax-gray-500, #667085);
  margin-bottom: 0.2rem;
}
.hp .requested-docs-dialog__request-text{
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--ax-gray-700, #344054);
  margin: 0;
  line-height: 1.5;
  word-break: break-word;
}
.hp .requested-docs-dialog__links{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.hp .requested-docs-dialog__links a{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: var(--ax-text-body, 0.875rem);
  color: var(--primary-color, #032765);
  text-decoration: none;
  word-break: break-all;
}
.hp .requested-docs-dialog__links a:hover{
  text-decoration: underline;
}
.hp .requested-docs-dialog__picker{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  padding: 1.1rem 0.75rem;
  border: 1px dashed var(--ax-gray-400, #98a2b3);
  border-radius: 10px;
  background: var(--ax-gray-050, #f8f9fa);
  color: var(--ax-gray-700, #344054);
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.hp .requested-docs-dialog__picker:hover:not(:disabled){
  border-color: var(--primary-color, #032765);
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-docs-dialog__picker:disabled{
  cursor: not-allowed;
  opacity: 0.65;
}
.hp .requested-docs-dialog__picker-text{
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  color: var(--ax-gray-900, #1a202c);
  word-break: break-all;
  text-align: center;
}
.hp .requested-docs-dialog__picker-hint{
  font-size: var(--ax-text-caption, 0.75rem);
  color: var(--ax-gray-500, #667085);
}
.hp .requested-docs-dialog__footer{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.875rem 1.25rem;
  border-top: 1px solid var(--ax-gray-200, #e6e8ec);
  background: var(--ax-navy-050, #f4f7fc);
}
.hp .requested-docs-dialog__button{
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: var(--ax-radius-lg, 8px);
  padding: 0.45rem 1rem;
  font-size: var(--ax-text-body, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  border: 1px solid transparent;
}
.hp .requested-docs-dialog__button:disabled{
  cursor: not-allowed;
  opacity: 0.6;
}
.hp .requested-docs-dialog__button--ghost{
  background: transparent;
  border-color: var(--ax-gray-200, #e6e8ec);
  color: var(--ax-gray-700, #344054);
}
.hp .requested-docs-dialog__button--ghost:hover:not(:disabled){
  background: var(--ax-gray-100, #f2f4f7);
}
.hp .requested-docs-dialog__button--primary{
  background: var(--primary-color, #032765);
  color: #fff;
}
.hp .requested-docs-dialog__button--primary:hover:not(:disabled){
  filter: brightness(1.15);
}
@media (max-width: 768px){.hp .requested-items__header{
    padding: 0.875rem 1rem;
  }
.hp .requested-items__body{
    padding: 0 0.75rem 0.75rem;
  }
.hp .requested-items__item{
    flex-wrap: wrap;
  }
.hp .requested-items__item-action{
    align-self: flex-start;
    margin-left: 3.4rem;
  }
.hp .requested-items__links{
    padding-left: 0.9rem;
  }
.hp .requested-docs-dialog__overlay{
    padding: 0;
    align-items: flex-end;
  }
.hp .requested-docs-dialog{
    max-width: 100%;
    max-height: 92vh;
    border-radius: 16px 16px 0 0;
  }
}
/* @syncfusion/ej2-calendars/styles/calendar/bootstrap5.css */
.hp .e-calendar .e-header .e-date-icon-prev::before{
  content: "\e776";
}
.hp .e-calendar .e-header .e-date-icon-next::before{
  content: "\e729";
}
.hp ejs-calendar{
  display: block;
}
.hp .e-calendar.e-disabled .e-header .e-prev, .hp .e-calendar.e-disabled .e-header .e-next{
  cursor: default;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-calendar.e-disabled .e-header .e-title{
  cursor: default;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-calendar.e-disabled .e-content td{
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-calendar.e-disabled .e-btn.e-today{
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-calendar{
  
  -webkit-tap-highlight-color: transparent;
  border-radius: 4px;
  display: block;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.hp .e-calendar.e-rtl .e-header .e-title{
  float: right;
  text-align: right;
}
.hp .e-calendar.e-rtl .e-header .e-icon-container{
  float: left;
}
.hp .e-calendar .e-header{
  background: none;
  display: table;
  font-weight: 400;
  position: relative;
  text-align: center;
  width: 100%;
}
.hp .e-calendar .e-header button{
  background: transparent;
  border: 0;
  margin-right: 8px;
  padding: 0;
  text-decoration: none;
}
.hp .e-calendar .e-header span{
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 5px;
  vertical-align: middle;
}
.hp .e-calendar .e-header span.e-disabled{
  cursor: default;
}
.hp .e-calendar .e-week-header{
  padding: 0 0 6px;
}
.hp .e-calendar th{
  cursor: default;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.hp .e-calendar .e-content .e-selected, .hp .e-calendar .e-content .e-state-hover{
  border-radius: 0;
}
.hp .e-calendar .e-content span.e-day{
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.hp .e-calendar .e-content th, .hp .e-calendar .e-content td{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hp .e-calendar .e-content td.e-disabled{
  opacity: 1;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-calendar .e-content td{
  cursor: pointer;
  padding: 0;
  text-align: center;
}
.hp .e-calendar .e-content td.e-week-number{
  color: #212529;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}
.hp .e-calendar .e-content td.e-overlay{
  background: none;
  width: initial;
}
.hp .e-calendar .e-content table{
  border-collapse: separate;
  border-spacing: 0;
  border-width: 0;
  float: left;
  margin: 0;
  outline: 0;
  padding: 0 8px 8px 8px;
  table-layout: fixed;
  width: 100%;
}
.hp .e-calendar .e-content td.e-other-month > span.e-day, .hp .e-calendar .e-content td.e-other-year > span.e-day{
  display: inline-block;
  font-weight: 400;
}
.hp .e-calendar .e-content tr.e-month-hide{
  display: none;
  font-weight: 400;
}
.hp .e-calendar .e-content tr.e-month-hide, .hp .e-calendar .e-content td.e-other-month, .hp .e-calendar .e-content td.e-other-year{
  pointer-events: initial;
  -ms-touch-action: initial;
      touch-action: initial;
}
.hp .e-calendar .e-content tr.e-month-hide, .hp .e-calendar .e-content td.e-other-month.e-disabled, .hp .e-calendar .e-content td.e-other-year.e-disabled{
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-calendar .e-content td.e-week-number:hover span.e-day, .hp .e-calendar .e-content td.e-week-number:hover{
  background-color: #fff;
  cursor: default;
}
.hp .e-calendar .e-header .e-prev, .hp .e-calendar .e-header .e-next{
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.hp .e-calendar .e-header .e-title{
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding: 3px 5px;
  border: none;
  border-radius: 4px;
}
.hp .e-calendar .e-header .e-title{
  margin-left: 2px;
}
.hp .e-calendar .e-header .e-prev:hover, .hp .e-calendar .e-header .e-next:hover{
  cursor: pointer;
}
.hp .e-calendar .e-header .e-prev.e-overlay, .hp .e-calendar .e-header .e-next.e-overlay{
  background: none;
}
.hp .e-calendar .e-header.e-decade .e-title, .hp .e-calendar .e-header.e-year .e-title{
  margin-left: 15px;
}
.hp .e-calendar .e-header.e-decade .e-title{
  cursor: default;
}
.hp .e-calendar .e-header .e-icon-container{
  display: inline-block;
  float: right;
  padding-top: 0;
}
.hp .e-calendar .e-footer-container{
  text-transform: uppercase;
}
.hp .e-calendar{
  border-spacing: 0;
  max-width: 242px;
  min-width: 240px;
  padding: 0;
}
.hp .e-calendar.e-calendar-day-header-lg{
  max-width: 100%;
  min-width: 540px;
}
.hp .e-calendar.e-week-number{
  min-width: 300px;
}
.hp .e-calendar.e-week{
  max-width: 294px;
  min-width: 288px;
}
.hp .e-calendar .e-header .e-title{
  line-height: 24px;
}
.hp .e-calendar.e-rtl .e-header .e-title{
  text-align: right;
  text-indent: 12px;
}
.hp .e-calendar .e-header{
  height: 24px;
}
.hp .e-calendar .e-header.e-month{
  padding: 8px 0 8px 12px;
}
.hp .e-calendar .e-header.e-year, .hp .e-calendar .e-header.e-decade{
  padding: 8px 0 8px 12px;
}
.hp .e-calendar th{
  font-weight: 500;
  height: 32px;
  text-transform: none;
}
.hp .e-calendar .e-content .e-selected, .hp .e-calendar .e-content .e-state-hover{
  border-radius: 0;
}
.hp .e-calendar .e-content span.e-day{
  border: none;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.hp .e-calendar .e-content.e-month td.e-today span.e-day{
  line-height: 32px;
}
.hp .e-calendar .e-content.e-year table, .hp .e-calendar .e-content.e-decade table{
  border-spacing: 0;
  padding: 0 8px 8px;
}
.hp .e-calendar .e-content.e-month td{
  height: 32px;
  padding: 0;
}
.hp .e-calendar .e-content .tfooter > tr > td{
  height: 36px;
  line-height: 36px;
}
.hp .e-calendar .e-content.e-year td, .hp .e-calendar .e-content.e-decade td{
  height: 56px;
  padding: 2px;
}
.hp .e-calendar .e-content.e-year td > span.e-day, .hp .e-calendar .e-content.e-decade td > span.e-day{
  font-weight: 400;
  height: 56px;
  line-height: 56px;
  width: 56px;
}
.hp .e-calendar .e-header .e-icon-container .e-prev, .hp .e-calendar .e-header .e-icon-container .e-next{
  height: 24px;
  width: 24px;
}
.hp .e-calendar .e-footer-container{
  background-color: transparent;
  border-top: 1px solid #dee2e6;
  text-align: center;
  cursor: default;
  display: inline-block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 8px;
  width: 100%;
}
.hp .e-calendar.e-rtl .e-header .e-title{
  text-indent: 12px;
}
.hp .e-small.e-calendar, .hp .e-small .e-calendar{
  max-width: 200px;
  min-width: 200px;
  padding: 0;
  min-height: 220px;
}
.hp .e-small.e-calendar.e-calendar-day-header-lg, .hp .e-small .e-calendar.e-calendar-day-header-lg{
  max-width: 100%;
  min-width: 540px;
}
.hp .e-small.e-calendar .e-content span.e-day, .hp .e-small .e-calendar .e-content span.e-day{
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  width: 26px;
}
.hp .e-small.e-calendar .e-content.e-month td.e-today span.e-day, .hp .e-small .e-calendar .e-content.e-month td.e-today span.e-day{
  line-height: 26px;
}
.hp .e-small.e-calendar .e-content.e-month td, .hp .e-small .e-calendar .e-content.e-month td{
  height: 26px;
}
.hp .e-small.e-calendar .e-header, .hp .e-small .e-calendar .e-header{
  height: 22px;
}
.hp .e-small.e-calendar .e-header button span, .hp .e-small .e-calendar .e-header button span{
  font-size: 12px;
  padding: 0;
  line-height: 14px;
}
.hp .e-small.e-calendar .e-header .e-title, .hp .e-small .e-calendar .e-header .e-title{
  font-size: 12px;
  line-height: 22px;
}
.hp .e-small.e-calendar.e-rtl .e-header .e-title, .hp .e-small .e-calendar.e-rtl .e-header .e-title{
  text-indent: 12px;
}
.hp .e-small.e-calendar .e-header .e-icon-container .e-prev, .hp .e-small.e-calendar .e-header .e-icon-container .e-next, .hp .e-small .e-calendar .e-header .e-icon-container .e-prev, .hp .e-small .e-calendar .e-header .e-icon-container .e-next{
  height: 24px;
  width: 24px;
}
.hp .e-small.e-calendar th, .hp .e-small .e-calendar th{
  font-size: 12px;
  height: 24px;
}
.hp .e-small.e-calendar .e-header .e-title, .hp .e-small .e-calendar .e-header .e-title{
  margin-left: 0;
}
.hp .e-small.e-calendar .e-content.e-year td > span.e-day, .hp .e-small.e-calendar .e-content.e-decade td > span.e-day, .hp .e-small .e-calendar .e-content.e-year td > span.e-day, .hp .e-small .e-calendar .e-content.e-decade td > span.e-day{
  width: 46px;
}
.hp .e-calendar .e-btn.e-today.e-flat.e-disabled, .hp .e-calendar .e-btn.e-today.e-flat.e-disabled:hover, .hp .e-calendar .e-btn.e-today.e-flat.e-disabled:active, .hp .e-calendar .e-btn.e-today.e-flat.e-disabled:focus, .hp .e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active{
  background: rgba(13, 110, 253, 0.65);
  border-color: rgba(13, 110, 253, 0.65);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(255, 255, 255, 0.65);
  cursor: default;
  opacity: 1;
  outline: none;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-content-placeholder.e-calendar.e-placeholder-calendar{
  background-size: 250px 336px;
  min-height: 336px;
}
.hp .e-calendar{
  background-color: #fff;
  border: 1px solid #dee2e6;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hp .e-calendar .e-date-icon-prev, .hp .e-calendar .e-date-icon-next{
  color: #6c757d;
}
.hp .e-calendar th{
  border-bottom: 0;
  color: #495057;
}
.hp .e-calendar .e-header{
  border-bottom: 0;
}
.hp .e-calendar .e-header a span{
  border: none;
  color: #343a40;
}
.hp .e-calendar .e-header .e-title{
  color: #343a40;
}
.hp .e-calendar .e-header .e-title:hover{
  background: #e9ecef;
  cursor: pointer;
  text-decoration: none;
}
.hp .e-calendar .e-header .e-title:focus{
  -webkit-box-shadow: 0 0 0 1px #6c757d;
          box-shadow: 0 0 0 1px #6c757d;
  background: none;
  text-decoration: none;
}
.hp .e-calendar .e-header .e-title:active{
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ced4da;
  text-decoration: none;
}
.hp .e-calendar .e-header .e-prev:hover > span, .hp .e-calendar .e-header .e-next:hover > span{
  border: #e9ecef;
  color: #fff;
  cursor: pointer;
}
.hp .e-calendar .e-header .e-prev:hover, .hp .e-calendar .e-header .e-next:hover{
  background: rgb(91.8, 99.45, 106.25);
}
.hp .e-calendar .e-header .e-prev:focus, .hp .e-calendar .e-header .e-next:focus{
  -webkit-box-shadow: 0 0 0 1px #6c757d;
          box-shadow: 0 0 0 1px #6c757d;
}
.hp .e-calendar .e-header .e-prev:active, .hp .e-calendar .e-header .e-next:active{
  background: rgb(81, 87.75, 93.75);
  color: #fff;
}
.hp .e-calendar .e-header button.e-prev:active span, .hp .e-calendar .e-header button.e-next:active span{
  border: none;
  color: #fff;
}
.hp .e-calendar .e-header.e-decade .e-title{
  color: #343a40;
  cursor: default;
}
.hp .e-calendar .e-header .e-next.e-disabled span, .hp .e-calendar .e-header .e-prev.e-disabled span{
  color: #adb5bd;
  font-weight: 400;
}
.hp .e-calendar .e-header .e-next.e-disabled, .hp .e-calendar .e-header .e-prev.e-disabled{
  opacity: 1;
}
.hp .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .hp .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day{
  color: #495057;
}
.hp .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .hp .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day{
  color: #fff;
}
.hp .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .hp .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day{
  color: #adb5bd;
}
.hp .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .hp .e-calendar .e-content.e-decade td.e-selected:hover span.e-day{
  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
}
.hp .e-calendar .e-content.e-year td > span.e-day, .hp .e-calendar .e-content.e-decade td > span.e-day{
  background: none;
}
.hp .e-calendar .e-content .e-week-number span{
  color: #adb5bd;
}
.hp .e-calendar .e-content td.e-focused-date span.e-day, .hp .e-calendar .e-content td.e-focused-date:hover span.e-day, .hp .e-calendar .e-content td.e-focused-date:focus span.e-day{
  background: #e9ecef;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hp .e-calendar .e-content td.e-focused-date:hover span.e-day{
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  color: #212529;
}
.hp .e-calendar .e-content td.e-today span.e-day, .hp .e-calendar .e-content td.e-focused-date.e-today span.e-day{
  background: none;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
          box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
  color: #0d6efd;
}
.hp .e-calendar .e-content td.e-focused-date.e-today span.e-day{
  background: #e9ecef;
  border: none;
  -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
          box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
  color: #343a40;
}
.hp .e-calendar .e-content td.e-today:focus span.e-day, .hp .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day{
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  color: #343a40;
}
.hp .e-calendar .e-content td.e-today:hover span.e-day, .hp .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .hp .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day{
  background-color: #e9ecef;
  border: none;
  color: #343a40;
}
.hp .e-calendar .e-content td.e-today.e-selected span.e-day{
  background-color: #0d6efd;
  border: none;
  -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
          box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
  color: #fff;
}
.hp .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .hp .e-calendar .e-content td.e-selected:hover span.e-day, .hp .e-calendar .e-content td.e-selected.e-focused-date span.e-day{
  background: rgb(1.762295082, 87.2336065574, 213.237704918);
  color: #fff;
}
.hp .e-calendar .e-content span{
  color: #212529;
}
.hp .e-calendar .e-content .e-disabled span.e-day:hover{
  background: none;
  border: 0;
  color: #adb5bd;
}
.hp .e-calendar .e-content .e-other-month:hover span.e-day{
  color: #6c757d;
}
.hp .e-calendar .e-content .e-other-month span.e-day, .hp .e-calendar .e-content .e-other-month.e-today span.e-day{
  color: #6c757d;
}
.hp .e-calendar .e-content .e-other-month.e-today:hover span.e-day{
  background-color: #e9ecef;
  color: #6c757d;
}
.hp .e-calendar .e-content thead{
  background: none;
  border-bottom: 0;
}
.hp .e-calendar .e-content td:hover span.e-day, .hp .e-calendar .e-content td:focus span.e-day{
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  color: #212529;
}
.hp .e-calendar .e-content td:focus span.e-day{
  background-color: #e9ecef;
  color: #212529;
  border: none;
  border-radius: 4px;
}
.hp .e-calendar .e-content td.e-disabled span.e-day, .hp .e-calendar .e-content td.e-disabled:hover span.e-day, .hp .e-calendar .e-content td.e-disabled:focus span.e-day{
  background: none;
  border: none;
  color: #adb5bd;
}
.hp .e-calendar .e-content td.e-selected span.e-day{
  background-color: #0d6efd;
  color: #fff;
  border: none;
  border-radius: 4px;
}
.hp .e-calendar .e-content .e-footer{
  color: #0d6efd;
}
.hp .e-calendar.e-device .e-prev:hover, .hp .e-calendar.e-device .e-next:hover, .hp .e-calendar.e-device .e-prev:active, .hp .e-calendar.e-device .e-next:active, .hp .e-calendar.e-device .e-prev:focus, .hp .e-calendar.e-device .e-next:focus{
  background: rgb(91.8, 99.45, 106.25);
}
.hp .e-calendar.e-device button.e-prev:active span, .hp .e-calendar.e-device button.e-next:active span{
  color: #6c757d;
}
.hp .e-small.e-calendar .e-header .e-title, .hp .e-small .e-calendar .e-header .e-title{
  color: #343a40;
}
.hp .e-calendar .e-zoomin{
  -webkit-animation: animatezoom 0.3s;
          animation: animatezoom 0.3s;
}
@-webkit-keyframes animatezoom{
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes animatezoom{
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.hp .e-calendar .e-btn.e-today.e-flat.e-primary, .hp .e-calendar .e-css.e-btn.e-today.e-flat.e-primary{
  background-color: #0d6efd;
  border: 0;
  border-color: #0d6efd;
  color: #fff;
}
.hp .e-calendar .e-btn.e-today.e-flat.e-primary:hover, .hp .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover{
  background-color: rgb(11.05, 93.5, 215.05);
  border-color: rgb(10.4, 88, 202.4);
  color: #fff;
}
.hp .e-calendar .e-btn.e-today.e-flat.e-primary:active, .hp .e-calendar .e-btn.e-today.e-flat.e-primary.e-active, .hp .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:active, .hp .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-active{
  background-color: rgb(10.4, 88, 202.4);
  border-color: rgb(9.75, 82.5, 189.75);
  color: #fff;
}
.hp .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled, .hp .e-calendar .e-btn.e-today.e-flat.e-primary.e-disabled, .hp .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled, .hp .e-calendar .e-css.e-btn.e-today.e-flat.e-primary.e-disabled{
  background-color: rgba(13, 110, 253, 0.65);
  border-color: rgba(13, 110, 253, 0.65);
  color: rgba(255, 255, 255, 0.65);
}
.hp .e-calendar .e-calendar-content-table .e-cell.e-focused-cell span.e-day{
  -webkit-box-shadow: 0 0 0 1px #6c757d;
          box-shadow: 0 0 0 1px #6c757d;
  border-radius: 4px;
}
.hp .e-bigger.e-calendar, .hp *.e-bigger .e-calendar{
  max-width: 292px;
  min-width: 292px;
  padding: 0;
}
.hp .e-bigger.e-calendar.e-calendar-day-header-lg, .hp *.e-bigger .e-calendar.e-calendar-day-header-lg{
  max-width: 100%;
  min-width: 540px;
}
.hp .e-bigger.e-calendar.e-week, .hp *.e-bigger .e-calendar.e-week{
  max-width: 320px;
  min-width: 314px;
}
.hp .e-bigger.e-calendar.e-week-number, .hp *.e-bigger .e-calendar.e-week-number{
  min-width: 325px;
}
.hp .e-bigger.e-calendar .e-header .e-title, .hp *.e-bigger .e-calendar .e-header .e-title{
  font-size: 18px;
  line-height: 28px;
  width: 60%;
}
.hp .e-bigger.e-calendar.e-rtl .e-header .e-title, .hp *.e-bigger .e-calendar.e-rtl .e-header .e-title{
  line-height: 28px;
  text-indent: 6px;
}
.hp .e-bigger.e-calendar .e-header, .hp *.e-bigger .e-calendar .e-header{
  height: 28px;
  padding: 10px 0 10px 15px;
}
.hp .e-bigger.e-calendar .e-header button, .hp *.e-bigger .e-calendar .e-header button{
  margin-right: 12px;
}
.hp .e-bigger.e-calendar .e-header button span, .hp *.e-bigger .e-calendar .e-header button span{
  font-size: 16px;
  padding: 0;
}
.hp .e-bigger.e-calendar .e-header.e-year, .hp .e-bigger.e-calendar .e-header.e-decade, .hp *.e-bigger .e-calendar .e-header.e-year, .hp *.e-bigger .e-calendar .e-header.e-decade{
  padding: 10px;
}
.hp .e-bigger.e-calendar th, .hp *.e-bigger .e-calendar th{
  font-size: 14px;
  height: 40px;
  text-transform: none;
}
.hp .e-bigger.e-calendar .e-content.e-year span.e-day, .hp *.e-bigger .e-calendar .e-content.e-year span.e-day{
  font-size: 16px;
  font-weight: 400;
}
.hp .e-bigger.e-calendar .e-content.e-month table, .hp *.e-bigger .e-calendar .e-content.e-month table{
  padding: 0 12px 12px 12px;
}
.hp .e-bigger.e-calendar .e-content.e-year table, .hp .e-bigger.e-calendar .e-content.e-decade table, .hp *.e-bigger .e-calendar .e-content.e-year table, .hp *.e-bigger .e-calendar .e-content.e-decade table{
  padding: 0 12px 12px 12px;
}
.hp .e-bigger.e-calendar .e-content .e-selected, .hp .e-bigger.e-calendar .e-content .e-state-hover, .hp *.e-bigger .e-calendar .e-content .e-selected, .hp *.e-bigger .e-calendar .e-content .e-state-hover{
  border-radius: 0;
}
.hp .e-bigger.e-calendar .e-content span.e-day, .hp *.e-bigger .e-calendar .e-content span.e-day{
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  width: 38px;
}
.hp .e-bigger.e-calendar .e-content.e-month td.e-today span.e-day, .hp *.e-bigger .e-calendar .e-content.e-month td.e-today span.e-day{
  line-height: 38px;
}
.hp .e-bigger.e-calendar .e-content.e-month td, .hp *.e-bigger .e-calendar .e-content.e-month td{
  height: 0;
  padding: 0;
}
.hp .e-bigger.e-calendar .e-content.e-year td, .hp .e-bigger.e-calendar .e-content.e-decade td, .hp *.e-bigger .e-calendar .e-content.e-year td, .hp *.e-bigger .e-calendar .e-content.e-decade td{
  height: 66px;
  padding: 0;
}
.hp .e-bigger.e-calendar .e-content.e-year td > span.e-day, .hp .e-bigger.e-calendar .e-content.e-decade td > span.e-day, .hp *.e-bigger .e-calendar .e-content.e-year td > span.e-day, .hp *.e-bigger .e-calendar .e-content.e-decade td > span.e-day{
  height: 66px;
  line-height: 66px;
  width: 66px;
}
.hp .e-bigger.e-calendar .e-header .e-icon-container .e-prev, .hp .e-bigger.e-calendar .e-header .e-icon-container .e-next, .hp *.e-bigger .e-calendar .e-header .e-icon-container .e-prev, .hp *.e-bigger .e-calendar .e-header .e-icon-container .e-next{
  height: 24px;
  width: 24px;
}
.hp .e-bigger.e-calendar .e-footer-container, .hp *.e-bigger .e-calendar .e-footer-container{
  border-top: 1px solid #dee2e6;
  padding: 16px;
}
.hp .e-bigger.e-calendar .e-header .e-title, .hp *.e-bigger .e-calendar .e-header .e-title{
  margin-left: 5px;
}
.hp .e-bigger.e-calendar.e-rtl .e-header .e-title, .hp *.e-bigger .e-calendar.e-rtl .e-header .e-title{
  text-indent: 15px;
}
.hp .e-bigger .e-content-placeholder.e-calendar.e-placeholder-calendar, .hp .e-bigger.e-content-placeholder.e-calendar.e-placeholder-calendar{
  background-size: 300px 392px;
  min-height: 392px;
}
.hp .e-bigger.e-small .e-calendar{
  background-color: #fff;
  border: 1px solid #dee2e6;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hp .e-bigger.e-small .e-calendar .e-date-icon-prev, .hp .e-bigger.e-small .e-calendar .e-date-icon-next{
  color: #6c757d;
}
.hp .e-bigger.e-small .e-calendar th{
  border-bottom: 0;
  color: #495057;
}
.hp .e-bigger.e-small .e-calendar .e-header{
  border-bottom: 0;
}
.hp .e-bigger.e-small .e-calendar .e-header a span{
  border: none;
  color: #343a40;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title{
  color: #343a40;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title:hover{
  background: #e9ecef;
  cursor: pointer;
  text-decoration: none;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title:focus{
  -webkit-box-shadow: 0 0 0 1px #6c757d;
          box-shadow: 0 0 0 1px #6c757d;
  background: none;
  text-decoration: none;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title:active{
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ced4da;
  text-decoration: none;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev:hover > span, .hp .e-bigger.e-small .e-calendar .e-header .e-next:hover > span{
  border: #e9ecef;
  color: #fff;
  cursor: pointer;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .hp .e-bigger.e-small .e-calendar .e-header .e-next:hover{
  background: rgb(91.8, 99.45, 106.25);
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev:focus, .hp .e-bigger.e-small .e-calendar .e-header .e-next:focus{
  -webkit-box-shadow: 0 0 0 1px #6c757d;
          box-shadow: 0 0 0 1px #6c757d;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev:active, .hp .e-bigger.e-small .e-calendar .e-header .e-next:active{
  background: rgb(81, 87.75, 93.75);
  color: #fff;
}
.hp .e-bigger.e-small .e-calendar .e-header button.e-prev:active span, .hp .e-bigger.e-small .e-calendar .e-header button.e-next:active span{
  border: none;
  color: #fff;
}
.hp .e-bigger.e-small .e-calendar .e-header.e-decade .e-title{
  color: #343a40;
  cursor: default;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled span, .hp .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled span{
  color: #adb5bd;
  font-weight: 400;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-next.e-disabled, .hp .e-bigger.e-small .e-calendar .e-header .e-prev.e-disabled{
  opacity: 1;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .hp .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day{
  color: #495057;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day, .hp .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day{
  color: #fff;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day, .hp .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day{
  color: #adb5bd;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day{
  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
}
.hp .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .hp .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day{
  background: none;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-week-number span{
  color: #adb5bd;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date:focus span.e-day{
  background: #e9ecef;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date:hover span.e-day{
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  color: #212529;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day{
  background: none;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
          box-shadow: inset 2px 0 #0d6efd, inset 0 2px #0d6efd, inset -2px 0 #0d6efd, inset 0 -2px #0d6efd;
  color: #0d6efd;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day{
  background: #e9ecef;
  border: none;
  -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
          box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
  color: #343a40;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-today:focus span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day{
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  color: #343a40;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-today:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day{
  background-color: #e9ecef;
  border: none;
  color: #343a40;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day{
  background-color: #0d6efd;
  border: none;
  -webkit-box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
          box-shadow: inset 1px 0 #0d6efd, inset 0 1px #0d6efd, inset -1px 0 #0d6efd, inset 0 -1px #0d6efd;
  color: #fff;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day{
  background-color: rgb(1.762295082, 87.2336065574, 213.237704918);
  color: #fff;
}
.hp .e-bigger.e-small .e-calendar .e-content span{
  color: #212529;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-disabled span.e-day:hover{
  background: none;
  border: 0;
  color: #adb5bd;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-other-month:hover span.e-day{
  color: #6c757d;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .hp .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day{
  color: #6c757d;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today:hover span.e-day{
  background-color: #e9ecef;
  color: #6c757d;
}
.hp .e-bigger.e-small .e-calendar .e-content thead{
  background: none;
  border-bottom: 0;
}
.hp .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td:focus span.e-day{
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  color: #212529;
}
.hp .e-bigger.e-small .e-calendar .e-content td:focus span.e-day{
  background-color: #e9ecef;
  color: #212529;
  border: none;
  border-radius: 4px;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-disabled span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-disabled:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-disabled:focus span.e-day{
  background: none;
  border: none;
  color: #adb5bd;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day{
  background-color: #0d6efd;
  color: #fff;
  border: none;
  border-radius: 4px;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-footer{
  color: #0d6efd;
}
.hp .e-bigger.e-small .e-calendar.e-device .e-prev:hover, .hp .e-bigger.e-small .e-calendar.e-device .e-next:hover, .hp .e-bigger.e-small .e-calendar.e-device .e-prev:active, .hp .e-bigger.e-small .e-calendar.e-device .e-next:active, .hp .e-bigger.e-small .e-calendar.e-device .e-prev:focus, .hp .e-bigger.e-small .e-calendar.e-device .e-next:focus{
  background: rgb(91.8, 99.45, 106.25);
}
.hp .e-bigger.e-small .e-calendar.e-device button.e-prev:active span, .hp .e-bigger.e-small .e-calendar.e-device button.e-next:active span{
  color: #6c757d;
}
.hp .e-bigger.e-small .e-calendar{
  
  -webkit-tap-highlight-color: transparent;
  border-radius: 4px;
  display: block;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.hp .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title{
  float: right;
  text-align: right;
}
.hp .e-bigger.e-small .e-calendar.e-rtl .e-header .e-icon-container{
  float: left;
}
.hp .e-bigger.e-small .e-calendar .e-header{
  background: none;
  display: table;
  font-weight: 400;
  position: relative;
  text-align: center;
  width: 100%;
}
.hp .e-bigger.e-small .e-calendar .e-header button{
  background: transparent;
  border: 0;
  margin-right: 8px;
  padding: 0;
  text-decoration: none;
}
.hp .e-bigger.e-small .e-calendar .e-header span{
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 5px;
  vertical-align: middle;
}
.hp .e-bigger.e-small .e-calendar .e-header span.e-disabled{
  cursor: default;
}
.hp .e-bigger.e-small .e-calendar .e-week-header{
  padding: 0 0 6px;
}
.hp .e-bigger.e-small .e-calendar th{
  cursor: default;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-selected, .hp .e-bigger.e-small .e-calendar .e-content .e-state-hover{
  border-radius: 0;
}
.hp .e-bigger.e-small .e-calendar .e-content span.e-day{
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}
.hp .e-bigger.e-small .e-calendar .e-content th, .hp .e-bigger.e-small .e-calendar .e-content td{
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-disabled{
  opacity: 1;
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-bigger.e-small .e-calendar .e-content td{
  cursor: pointer;
  padding: 0;
  text-align: center;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-week-number{
  color: #212529;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-overlay{
  background: none;
  width: initial;
}
.hp .e-bigger.e-small .e-calendar .e-content table{
  border-collapse: separate;
  border-spacing: 0;
  border-width: 0;
  float: left;
  margin: 0;
  outline: 0;
  padding: 0 8px 8px 8px;
  table-layout: fixed;
  width: 100%;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-other-month > span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-other-year > span.e-day{
  display: inline-block;
  font-weight: 400;
}
.hp .e-bigger.e-small .e-calendar .e-content tr.e-month-hide{
  display: none;
  font-weight: 400;
}
.hp .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .hp .e-bigger.e-small .e-calendar .e-content td.e-other-month, .hp .e-bigger.e-small .e-calendar .e-content td.e-other-year{
  pointer-events: initial;
  -ms-touch-action: initial;
      touch-action: initial;
}
.hp .e-bigger.e-small .e-calendar .e-content tr.e-month-hide, .hp .e-bigger.e-small .e-calendar .e-content td.e-other-month.e-disabled, .hp .e-bigger.e-small .e-calendar .e-content td.e-other-year.e-disabled{
  pointer-events: none;
  -ms-touch-action: none;
      touch-action: none;
}
.hp .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover span.e-day, .hp .e-bigger.e-small .e-calendar .e-content td.e-week-number:hover{
  background-color: #fff;
  cursor: default;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev, .hp .e-bigger.e-small .e-calendar .e-header .e-next{
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title{
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding: 3px 5px;
  border: none;
  border-radius: 4px;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title{
  margin-left: 2px;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev:hover, .hp .e-bigger.e-small .e-calendar .e-header .e-next:hover{
  cursor: pointer;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-prev.e-overlay, .hp .e-bigger.e-small .e-calendar .e-header .e-next.e-overlay{
  background: none;
}
.hp .e-bigger.e-small .e-calendar .e-header.e-decade .e-title, .hp .e-bigger.e-small .e-calendar .e-header.e-year .e-title{
  margin-left: 15px;
}
.hp .e-bigger.e-small .e-calendar .e-header.e-decade .e-title{
  cursor: default;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-icon-container{
  display: inline-block;
  float: right;
  padding-top: 0;
}
.hp .e-bigger.e-small .e-calendar .e-footer-container{
  text-transform: uppercase;
}
.hp .e-bigger.e-small .e-calendar{
  border-spacing: 0;
  max-width: 242px;
  min-width: 240px;
  padding: 0;
}
.hp .e-bigger.e-small .e-calendar.e-calendar-day-header-lg{
  max-width: 100%;
  min-width: 540px;
}
.hp .e-bigger.e-small .e-calendar.e-week-number{
  min-width: 300px;
}
.hp .e-bigger.e-small .e-calendar.e-week{
  max-width: 294px;
  min-width: 288px;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-title{
  line-height: 24px;
}
.hp .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title{
  text-align: right;
  text-indent: 12px;
}
.hp .e-bigger.e-small .e-calendar .e-header{
  height: 24px;
}
.hp .e-bigger.e-small .e-calendar .e-header.e-month{
  padding: 8px 0 8px 12px;
}
.hp .e-bigger.e-small .e-calendar .e-header.e-year, .hp .e-bigger.e-small .e-calendar .e-header.e-decade{
  padding: 8px 0 8px 12px;
}
.hp .e-bigger.e-small .e-calendar th{
  font-weight: 500;
  height: 32px;
  text-transform: none;
}
.hp .e-bigger.e-small .e-calendar .e-content .e-selected, .hp .e-bigger.e-small .e-calendar .e-content .e-state-hover{
  border-radius: 0;
}
.hp .e-bigger.e-small .e-calendar .e-content span.e-day{
  border: none;
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  width: 32px;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-month td.e-today span.e-day{
  line-height: 32px;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-year table, .hp .e-bigger.e-small .e-calendar .e-content.e-decade table{
  border-spacing: 0;
  padding: 0 8px 8px;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-month td{
  height: 32px;
  padding: 0;
}
.hp .e-bigger.e-small .e-calendar .e-content .tfooter > tr > td{
  height: 36px;
  line-height: 36px;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-year td, .hp .e-bigger.e-small .e-calendar .e-content.e-decade td{
  height: 56px;
  padding: 2px;
}
.hp .e-bigger.e-small .e-calendar .e-content.e-year td > span.e-day, .hp .e-bigger.e-small .e-calendar .e-content.e-decade td > span.e-day{
  font-weight: 400;
  height: 56px;
  line-height: 56px;
  width: 56px;
}
.hp .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-prev, .hp .e-bigger.e-small .e-calendar .e-header .e-icon-container .e-next{
  height: 24px;
  width: 24px;
}
.hp .e-bigger.e-small .e-calendar .e-footer-container{
  background-color: transparent;
  border-top: 1px solid #dee2e6;
  text-align: center;
  cursor: default;
  display: inline-block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 8px;
  width: 100%;
}
.hp .e-bigger.e-small .e-calendar.e-rtl .e-header .e-title{
  text-indent: 12px;
}
.hp .e-small.e-bigger.e-calendar .e-content.e-year span.e-day, .hp .e-small.e-bigger .e-calendar .e-content.e-year span.e-day{
  font-size: 14px;
}
.hp .e-small.e-bigger.e-calendar .e-content.e-month table, .hp .e-small.e-bigger .e-calendar .e-content.e-month table{
  padding: 0 12px 12px 12px;
}
.hp .e-small.e-bigger.e-calendar .e-content span.e-day, .hp .e-small.e-bigger .e-calendar .e-content span.e-day{
  height: 34px;
  width: 34px;
}
.hp .e-small.e-bigger.e-calendar .e-header .e-title, .hp .e-small.e-bigger .e-calendar .e-header .e-title{
  margin-left: 5px;
}
/* @syncfusion/ej2-calendars/styles/datepicker/bootstrap5.css */
.hp .e-input-group-icon.e-date-icon, .hp *.e-control-wrapper .e-input-group-icon.e-date-icon{
  font-size: 16px;
  margin: 0;
  min-height: 18px;
  min-width: 30px;
  outline: none;
}
.hp .e-input-group-icon.e-date-icon::before, .hp *.e-control-wrapper .e-input-group-icon.e-date-icon::before{
  content: "\e75e";
  font-family: "e-icons";
}
.hp .e-input-group-icon.e-date-icon:focus, .hp *.e-control-wrapper .e-input-group-icon.e-date-icon:focus{
  background: #fff;
  border-radius: 50%;
}
.hp .e-small .e-input-group-icon.e-date-icon, .hp *.e-control-wrapper.e-small .e-input-group-icon.e-date-icon, .hp *.e-small .e-control-wrapper .e-input-group-icon.e-date-icon{
  font-size: 16px;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close::before{
  content: "\e7e7";
  font-family: "e-icons";
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-next::before{
  content: "\e748";
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header .e-date-icon-prev::before{
  content: "\e765";
}
.hp .e-input-group.e-control-wrapper.e-date-wrapper.e-non-edit.e-input-focus .e-input:focus ~ .e-clear-icon, .hp .e-float-input.e-control-wrapper.e-input-group.e-date-wrapper.e-non-edit.e-input-focus input:focus ~ .e-clear-icon{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hp .e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child{
  display: none;
}
.hp .e-datepicker.e-popup-wrapper{
  border-radius: 6px;
  overflow-y: hidden;
  pointer-events: auto;
}
.hp .e-datepicker.e-date-modal{
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  opacity: 0.5;
  pointer-events: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.hp .e-datepicker .e-model-header{
  background-color: #6c757d;
  color: #e9ecef;
  cursor: default;
  display: block;
  padding: 10px 10px 10px 15px;
}
.hp .e-datepicker .e-model-header .e-model-year{
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}
.hp .e-datepicker .e-model-month, .hp .e-datepicker .e-model-day{
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}
.hp .e-date-overflow{
  overflow: hidden !important;
}
.hp .e-datepick-mob-popup-wrap{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  max-height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1002;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-lib.e-popup.e-control.e-popup-open{
  position: relative;
  top: 0 !important;
  left: 0 !important;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-wrapper.e-popup-expand.e-lib.e-popup.e-control.e-popup-open{
  min-width: 100%;
  min-height: 100%;
}
.hp .e-content-placeholder.e-datepicker.e-placeholder-datepicker{
  background-size: 250px 33px;
  min-height: 33px;
}
@media screen and (orientation: landscape){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content.e-month td.e-today span.e-day{
    line-height: 64px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand{
  border-radius: 0;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device{
  height: 15vh;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close{
  float: right;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device{
  height: 15vh;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close{
  float: right;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header{
  height: 20vh;
  padding: 2vh 6vw;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper{
  margin: 12vh 0 0 0;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close{
  color: inherit;
  float: left;
  font-size: 18px;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close{
    font-size: 18px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-btn.e-flat.e-popup-close{
  background: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 400;
  padding: 0;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary{
  color: inherit;
  float: right;
  background-color: transparent;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-today.e-flat.e-primary{
    font-size: 18px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-day{
  font-size: 5vw;
  line-height: 6vw;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar{
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade{
  height: 10vh;
  border-style: solid;
  border-width: 1px 0;
  border-color: #dee2e6;
  padding: 2vh 2vw;
  line-height: 6vh;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title{
  position: absolute;
  line-height: inherit;
  margin-left: 22vw;
  text-align: center;
  vertical-align: middle;
  width: 50vw;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title{
    font-size: 18px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev{
  margin-right: 75vw;
  vertical-align: inherit;
  height: 35px;
  width: 35px;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev{
    height: 55px;
    width: 55px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons{
  vertical-align: inherit;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev .e-icons{
    font-size: 18px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next{
  margin-right: 0;
  vertical-align: inherit;
  height: 35px;
  width: 35px;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next{
    height: 55px;
    width: 55px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons{
  vertical-align: inherit;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-next .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-next .e-icons, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-next .e-icons{
    font-size: 18px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-icon-container, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-icon-container, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-icon-container{
  float: none;
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar th{
    font-size: 18px;
    height: 48px;
  }
}
@media (min-device-width: 768px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-content span.e-day{
    font-size: 18px;
    height: 64px;
    width: 64px;
    line-height: 64px;
  }
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container{
  height: 79vh;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-footer-container{
  display: none;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month{
  height: 69vh;
}
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table{
  height: 69vh;
}
@media screen and (orientation: landscape){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device{
    height: 25vh;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header.e-blazor-device .e-popup-close{
    float: right;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade{
    overflow-y: auto;
  }
}
@media screen and (orientation: landscape) and (max-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade{
    height: 50vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade{
    height: 60vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-month table, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-year table, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-content.e-decade table{
    height: 60vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container .e-footer-container{
    padding: 10px 0;
    height: 10%;
    font-size: 24px;
  }
}
@media screen and (orientation: landscape){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header{
    width: 100%;
  }
}
@media screen and (orientation: landscape) and (max-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header{
    height: 30vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header{
    height: 25vh;
  }
}
@media screen and (orientation: landscape){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-popup-close{
    float: left;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-day-wrapper{
    margin: 12vh 0 0 0;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-model-header .e-model-day{
    font-size: 4vw;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-prev, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-prev, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-prev{
    margin-right: 80vw;
  }
}
@media screen and (orientation: landscape) and (max-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title{
    line-height: 12vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-month .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-year .e-title, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar .e-header.e-decade .e-title{
    line-height: inherit;
  }
}
@media screen and (orientation: landscape){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade{
    overflow-y: auto;
  }
}
@media screen and (orientation: landscape) and (max-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade{
    height: 60vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade{
    height: 65vh;
  }
}
@media screen and (orientation: landscape){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar{
    display: block;
    max-width: 100%;
    overflow: visible;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar-cell-container{
    height: 70%;
    width: 100%;
  }
.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-calendar.e-device .e-month table tbody{
    display: table-row-group;
  }
}
@media screen and (orientation: landscape) and (max-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table{
    height: 69vh;
  }
}
@media screen and (orientation: landscape) and (min-height: 600px){.hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-month table, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-decade table, .hp .e-datepick-mob-popup-wrap .e-datepicker.e-popup-expand .e-content.e-year table{
    height: 65vh;
  }
}
.hp .e-datepicker.e-popup-wrapper, .hp .e-small.e-datepicker.e-popup-wrapper{
  border: 1px solid #dee2e6;
  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
}
.hp .e-datepicker .e-calendar, .hp .e-small.e-datepicker .e-calendar{
  background-color: #fff;
  border: none;
}
.hp *.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error){
  border: none;
}
.hp .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active{
  background: rgb(86.4, 93.6, 100);
  border-color: #ced4da;
  color: #fff;
}
.hp .e-bigger .e-content-placeholder.e-datepicker.e-placeholder-datepicker, .hp .e-bigger.e-content-placeholder.e-datepicker.e-placeholder-datepicker{
  background-size: 250px 40px;
  min-height: 40px;
}
.hp .e-bigger.e-datepicker.e-popup-wrapper, .hp .e-bigger.e-small.e-datepicker.e-popup-wrapper{
  border: 1px solid #dee2e6;
  -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
          box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
}
.hp .e-bigger.e-datepicker .e-calendar, .hp .e-bigger.e-small.e-datepicker .e-calendar{
  background-color: #fff;
  border: none;
}
.hp .e-bigger .e-input-group-icon.e-date-icon, .hp *.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon, .hp *.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon{
  font-size: 18px;
  margin: 0;
  min-height: 18px;
  min-width: 36px;
}
.hp .e-small.e-bigger .e-input-group-icon.e-date-icon, .hp *.e-control-wrapper.e-small.e-bigger .e-input-group-icon.e-date-icon, .hp *.e-small.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon{
  font-size: 20px;
}
/* tools/sched-extra.css (demo chrome) */
/* Demo chrome for batch H3 (hand written). Production draws the Schedules calendar with the DevExpress Blazor Scheduler
   (SchedulerListEditor, SchedulerViewType="Week"); its CSS ships inside the DevExpress library, so the week/month grid
   below imitates the demo XAF shell (orange accent). Appointment colours = the XAF appointment label set (ScheduleSlotLabels:
   booked = label 1, managers take labels 2, 3, 10, 8, 9, 4, 6, 7, 5 in display order). */
.sched{flex-shrink:0;display:flex;flex-direction:column;gap:0}
.sched .xl2-bar{flex-wrap:wrap}
.sched .xl2-btn .sc-cap-muted{color:#6c757d;font-weight:400}
.sched-sc{border:1px solid #dee2e6;border-radius:4px;background:#fff;margin-top:8px;font-size:13px;color:#212529}
.sched-sc-tb{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #dee2e6;flex-wrap:wrap}
.sched-sc-tb button{border:1px solid #ced4da;background:#fff;border-radius:4px;padding:4px 10px;font:inherit;cursor:pointer;color:#212529;line-height:1.3}
.sched-sc-tb button:hover{background:#f1f3f5}
.sched-sc-tb .on{background:#e8590c;border-color:#e8590c;color:#fff}
.sched-sc-tb .on:hover{background:#c94c0a}
.sched-sc-tb .cap{font-weight:600;font-size:14px;margin:0 8px}
.sched-sc-tb .sp{flex:1}
.sched-sc-tb .grp{display:inline-flex}
.sched-sc-tb .grp button{border-radius:0;margin-left:-1px}
.sched-sc-tb .grp button:first-child{border-radius:4px 0 0 4px;margin-left:0}
.sched-sc-tb .grp button:last-child{border-radius:0 4px 4px 0}
.sched-wk{display:grid;overflow:auto;max-height:560px;position:relative}
.sched-wk-h{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #dee2e6;text-align:center;padding:6px 2px;font-weight:600;font-size:12.5px;color:#495057}
.sched-wk-h.today{color:#e8590c}
.sched-wk-h .n{display:block;font-size:18px;font-weight:400;color:#212529}
.sched-wk-h.today .n{color:#e8590c;font-weight:600}
.sched-wk-corner{position:sticky;top:0;left:0;z-index:4;background:#fff;border-bottom:1px solid #dee2e6}
.sched-wk-time{position:sticky;left:0;z-index:2;background:#fff;border-right:1px solid #dee2e6;font-size:11.5px;color:#6c757d;text-align:right;padding:0 6px}
.sched-wk-time span{position:relative;top:2px}
.sched-wk-col{position:relative;border-right:1px solid #e9ecef}
.sched-wk-cell{border-bottom:1px solid #f1f3f5;height:24px}
.sched-wk-cell.hr{border-bottom-color:#e2e5e8}
.sched-wk-cell.off{background:#f8f9fa}
.sched-appt{position:absolute;left:2px;right:3px;border-radius:3px;padding:2px 5px;font-size:11.5px;line-height:1.25;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.12);border-left-width:4px;color:#1f2937;text-align:left}
.sched-appt b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sched-appt:focus-visible,.sched-appt.on{outline:2px solid #e8590c;outline-offset:1px;z-index:5}
.sched-mo{display:grid;grid-template-columns:repeat(7,1fr)}
.sched-mo-h{padding:6px;text-align:center;font-weight:600;font-size:12.5px;color:#495057;border-bottom:1px solid #dee2e6}
.sched-mo-d{min-height:96px;border-right:1px solid #e9ecef;border-bottom:1px solid #e9ecef;padding:3px;display:flex;flex-direction:column;gap:2px}
.sched-mo-d.other{background:#f8f9fa;color:#adb5bd}
.sched-mo-d .dn{font-size:12px;text-align:right;padding:0 3px}
.sched-mo-d.today .dn{color:#e8590c;font-weight:700}
.sched-mo-d .sched-appt{position:static}
.lbl-1{background:#ffc2be;border-left-color:#e57373}
.lbl-2{background:#a8d5ff;border-left-color:#4a90d9}
.lbl-3{background:#c1f49c;border-left-color:#6cbf3c}
.lbl-4{background:#f3e4c7;border-left-color:#c9a86a}
.lbl-5{background:#f4ce93;border-left-color:#d9973a}
.lbl-6{background:#c7f4ff;border-left-color:#4fc3df}
.lbl-7{background:#cfdb98;border-left-color:#9aab3c}
.lbl-8{background:#e0cfe9;border-left-color:#a77cc0}
.lbl-9{background:#8de9df;border-left-color:#2fb3a5}
.lbl-10{background:#fff7a5;border-left-color:#d6c63a}
.sched-tip{position:fixed;z-index:1150;width:300px;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 8px 28px rgba(0,0,0,.18);font-size:13px}
.sched-tip-h{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #e9ecef;border-radius:6px 6px 0 0}
.sched-tip-h b{flex:1;font-size:13px}
.sched-tip-h button{border:0;background:none;cursor:pointer;padding:2px 4px;color:#495057;font-size:15px;line-height:1}
.sched-tip-b{padding:10px 12px}
.sched-backdrop{position:fixed;inset:0;z-index:1140}
.sched-legend{display:flex;gap:12px;flex-wrap:wrap;padding:6px 10px;border-top:1px solid #e9ecef;font-size:12px;color:#495057}
.sched-legend span{display:inline-flex;align-items:center;gap:5px}
.sched-legend i{width:12px;height:12px;border-radius:2px;display:inline-block;border:1px solid rgba(0,0,0,.15)}
/* DxButton / DxDateEdit / DxComboBox inside the prod popups */
.mgr-prod .sched-dx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e8590c;background:#e8590c;color:#fff;border-radius:4px;padding:3px 12px;font:inherit;font-size:.8125rem;cursor:pointer;min-height:28px}
.mgr-prod .sched-dx-btn:disabled{opacity:.5;cursor:default}
.mgr-prod .sched-dx-btn.sec{background:#fff;color:#212529;border-color:#ced4da}
.mgr-prod .sched-dx-in{min-height:30px;padding:3px 8px;border:1px solid #ced4da;border-radius:4px;background:#fff;color:#212529;font:inherit;font-size:.875rem;font-weight:400}
.mgr-prod .sched-check{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer}
.mgr-prod .sched-editor{min-height:220px;border:1px solid #ced4da;border-radius:4px;padding:10px 12px;background:#fff;font-size:14px;line-height:1.5;overflow:auto;max-height:340px}
.mgr-prod .sched-editor:focus{outline:2px solid #e8590c;outline-offset:0}
.mgr-prod .sched-users{width:100%;border-collapse:collapse;font-size:13px}
.mgr-prod .sched-users th,.mgr-prod .sched-users td{padding:7px 10px;border-bottom:1px solid #e9ecef;text-align:left}
.mgr-prod .sched-users th{background:#f8f9fa;font-weight:600;color:#495057}
.mgr-prod .sched-users tr.on td{background:#fff4ec}
.mgr-prod .sched-form{display:grid;grid-template-columns:170px 1fr;gap:8px 12px;align-items:center;font-size:13px}
.mgr-prod .sched-form label{color:#495057}
.mgr-prod .ax-lua .lua-overlay.sched-lua{bottom:var(--tourpad,0px)}
/* Hub: Syncfusion calendar arrows without the e-icons font; DatePicker popup; dialog widths */
.hp .sched-cal-arrow{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}
.hp .e-calendar .e-header .e-prev,.hp .e-calendar .e-header .e-next{border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.hp .e-calendar .e-content td.e-disabled span.e-day{cursor:default}
.hp .e-calendar .e-content td{cursor:pointer}
.hp .sched-dp{position:relative}
.hp .sched-dp .e-input-group{display:flex;align-items:stretch;width:100%;border:1px solid #ced4da;border-radius:6px;background:#fff}
.hp .sched-dp .e-input-group input{border:0;flex:1;padding:6px 10px;background:transparent;font:inherit;min-width:0}
.hp .sched-dp .e-input-group .e-input-group-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;border:0;border-left:1px solid #dee2e6;background:none;cursor:pointer;color:#495057}
.hp .sched-dp-pop{position:fixed;z-index:1300;background:#fff;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.hp .hp-dlg.lease-signing-modal{width:min(520px,96vw)}
.hp.hp-portal .popup_box.sched-pop{background:rgba(0,0,0,.45);z-index:1120;bottom:var(--tourpad,0px)}
.hp .sched-pop .appointment-modal{width:100%}
.hp [data-sched=lease-questions] fieldset{border:0;padding:0;min-width:0}
.hp [data-sched=lease-questions] legend{float:none;width:100%;padding:0;font-size:1rem}