/* Common: This CSS file should be used all main content of page, controls, page specific contents, etc. */
body {
    /* DXCOMMENT: Duplicate a font family and font size from the web.config (devexpress->themes->font settings) for the web-site's HTML content */
    font: 16px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: var(--body-color);
}

/* Article Layout */
.text-content {
    min-height: 100%;
    /*max-width: 816px;*/
    margin: 0px auto;
    padding: 0px 14px 0px 14px;
    word-wrap: break-word;
    color: var(--body-color);
    line-height: 1.5;
}


/* Base Styles */
.text-content p {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Headers */
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {
    color: var(--body-color);
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.text-content h3, .text-content h4, .text-content h5, .text-content h6 {
    font-weight: 600;
}

.text-content h1 {
    font-size: 2em;
}

.text-content h2 {
    font-size: 1.75em;
}

.text-content h3 {
    font-size: 1.375em;
}

.text-content h4 {
    font-size: 1.25em;
}

.text-content h5 {
    font-size: 1.125em;
}

.text-content h6 {
    font-size: 1em;
}

.text-content > h1:not(:first-child) {
    margin-top: 1.75rem;
}

.text-content > h2:not(:first-child) {
    margin-top: 1.5rem;
}

.text-content > h3:not(:first-child) {
    margin-top: 1.25rem;
}

.text-content > h4:not(:first-child) {
    margin-top: 1.125rem;
}

.text-content > h5:not(:first-child) {
    margin-top: 1rem;
}

.text-content > h6:not(:first-child) {
    margin-top: .9rem;
}

/* Title + Lead */
.text-content .title {
    margin-top: 1.2rem;
    margin-bottom: .8rem;
}

.text-content .lead {
    font-size: 1.125rem;
    font-weight: 300;
}


.text-content > h2.category {
    color: #222;
    font-weight: 600;
}

    .text-content > h2.category:not(:first-child) {
        margin-top: 3rem;
    }


/* #href bookmark jump */
.text-content > h1[id]::before,
.text-content > h2[id]::before,
.text-content > h3[id]::before,
.text-content > h4[id]::before {
    display: block;
    height: calc(3.13rem + 1.2rem); /* Main Menu Height (3.13rem) + .title margin-top = 1.2rem */
    margin-top: calc(-3.13rem - 1.2rem);
    visibility: hidden;
    content: "";
}


/* Link */
a, .text-content a, .text-content a:visited, .text-content a:hover, .link-body-color {
    color: var(--link-body-color);
}

.link-zebra-color {
    color: var(--link-zebra-color);
}

.link-card-color {
    color: var(--link-card-color);
}

.text-content b, .text-content strong {
    color: #444;
}

mark {
    background-color: var(--primary-color);
    color: #fff;
}

small {
    color: #999999;
    font-size: 0.75em;
}

code, pre {
    font-family: Consolas, Menlo, Monaco, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875em;
}

hr {
    height: 1px;
    opacity: 0.1;
    background-color: #000000;
    border: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

blockquote {
    background-color: var(--card-bg);
    color: var(--body-color);
    margin: 0;
    margin-bottom: 1rem;
    font-size: 1.125em;
    padding: 3px 3px;
    border: 0;
    border-left: 6px solid var(--card-bg);
}

    blockquote p {
        margin-top: 0;
    }

    blockquote footer {
        display: block;
        font-size: 0.875em;
        font-style: italic;
        color: #999;
    }

        blockquote footer::before {
            content: "\2014 \00A0";
        }

/* Contents (Left Panel) */
.section-caption.contents-caption {
    padding-left: 31px;
    border-top: none !important;
}


/* Lists */
.text-content ul,
.text-content ol {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Text Alignment */
.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.indent-p {
    padding-left: 40px;
    padding-right: 20px;
}

.bordered-block {
    background-color: #f2f2f2;
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: .2rem;
}

/* Tables */
.table {
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

    .table td,
    .table th {
        padding: .75em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
        text-align: left;
    }

    .table thead th {
        border-bottom: 1px solid #d8d8d8;
        background-color: #f2f2f2;
        color: #222;
    }

    .table thead tr {
        box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.23);
    }

    .table tbody + tbody {
        border-top: 1px solid #dee2e6;
    }

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #dee2e6;
    }

    .table-bordered thead td,
    .table-bordered thead th {
        border-bottom-width: 1px;
    }

.forms-table tr:first-child {
    color: var(--table-header-color) !important;
    border: none !important;
    background: var(--table-header-bg) !important;
}

.forms-table th {
    color: var(--table-header-color) !important;
    border: none !important;
    background: var(--table-header-bg) !important;
}

.forms-table td {
    border: none !important;
}

.forms-table tr:nth-child(odd) {
    background: var(--table-zebra-bg) !important;
}

.table-responsive {
    max-width: 100%;
    overflow-x: auto;
    display: block;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table a {
    color: var(--link-zebra-color);
}

.forms-table a {
    color: var(--link-zebra-color);
}

/* Code, Control Area Block */
.control-area-block {
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
    background-color: #f8f9fa;
}

/* Images */
.img-responsive {
    max-width: 100%;
    height: auto;
}

.img-float-left {
    float: left;
    padding-right: 40px;
    padding-bottom: 40px;
}

/* Printing Styles */
@media print {
    .menu-container, .left-block, .right-block,
    .footer-wrapper {
        display: none !important;
    }

    .left-panel {
        display: none !important;
    }

    .text-content {
        max-width: 100%;
    }

    html {
        padding: 0 !important;
    }

    .page-toolbar-wrapper {
        display: none !important;
    }
}

.dxm-item.dxm-dropDownMode .dxm-popOut {
    margin-bottom: 0 !important;
}

    .dxm-item.dxm-dropDownMode .dxm-popOut .dxm-pImage {
        margin-top: 12px !important;
    }

div {
    color: var(--body-color);
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 12px;
}

p {
    color: var(--body-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 .6rem 0;
}
/* UNIVERSAL BASE */

ul, ol {
    margin: 0 0 .5rem 1.25rem;
    padding: 0;
}

li {
    margin: 0.5rem 0;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
}

.callout-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    margin: 1.5rem 0 1.5rem 0.6rem;
    padding-left: 1rem;
    border-left: 4px solid var(--tertiary-color);
}

/* Monospace Block */
.monospace-text {
    font-family: 'Fira Code', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    background-color: var(--card-bg);
    padding: 1.25rem;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5rem 0;
}


/* Alert Block */
.alert-box {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-family: 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    background: rgba(255, 242, 195, 0.82);
    border: 1px solid #eca900;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
}
    .alert-box::before {
        content: "";
        flex-shrink: 0;
        width: 1.5em;
        height: 1.3em;
        margin-top: 0.15em;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 26.1818L15.4091 0L30.8182 26.1818H0ZM15.4091 23.2045C16 23.2045 16.5038 22.9962 16.9204 22.5795C17.3447 22.1628 17.5568 21.659 17.5568 21.0681C17.5568 20.4696 17.3447 19.9621 16.9204 19.5454C16.5038 19.1287 16 18.9204 15.4091 18.9204C14.8182 18.9204 14.3106 19.1287 13.8863 19.5454C13.4697 19.9621 13.2613 20.4696 13.2613 21.0681C13.2613 21.659 13.4697 22.1628 13.8863 22.5795C14.3106 22.9962 14.8182 23.2045 15.4091 23.2045ZM13.9204 16.4204H16.8977L17.0909 8.72722H13.7273L13.9204 16.4204Z' fill='%23ECA900'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .alert-box span,
    .alert-box span b {
        font-family: 'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.alert__icon {
    flex-shrink: 0;
    width: 20px;
    height: auto;
}

    .alert__icon svg {
        display: block;
        width: 100%;
        height: auto;
    }

input.button, .dxButton {
    background-color: var(--primary-color);
    color: var(--title-color);
    font-weight: bold;
}

.dxButton {
    border: 2px outset black;
    box-sizing: border-box;
}

    .dxButton span {
        color: var(--title-color);
        font-weight: bold;
    }

.challenge {
    width: 18rem;
}

.dxeListBoxItemSelected_Office365,
.dxeListBoxItemHover_Office365,
.dxeListBoxItemHover_Office365.dxeListBoxItemSelected_Office365 {
    color: var(--body-color) !important;
    background-color: var(--card-bg) !important;
}

.dxeDisabled_Office365.dxeListBox_Office365 .dxeListBoxItemSelected_Office365 {
    background-color: var(--card-bg) !important;
}


.dxeButtonEditButtonHover_Office365,
.dxeButtonEditButtonPressed_Office365 {
    background-color: var(--primary-color) !important;
}

.dxeFocused_Office365 {
    border: 1px solid var(--primary-color) !important;
}

.error {
    color: #C00000;
}

.labelError {
    color: #C00000;
    display: block;
}

.activate-buttons {
    float: left;
    clear: both;
    padding-bottom: 2rem;
}

.formLayoutActive .dxflGroupCell_Office365 {
    padding: 0 !important;
}


.formLayoutActive {
    box-sizing: border-box;
}

.labelBold, .dxflGroupBoxCaption_Office365 {
    font-weight: bold;
}

.termsAndCondition {
    display: flex;
}

.highlight {
    background: var(--highlight-bg);
    color: var(--body-color);
    padding: 0 2px;
    font-weight: 600;

    & a {
       color: var(--link-highlight-color);
    }
}

.card {
    margin-top: 4px;
    padding: 6px 8px;
    border-radius: 4px;
    background: var(--card-bg);
    border: 1px solid #e0e0e0;
    font-size: 11px;
    line-height: 1.4;
}

.card a {
    color: var(--link-card-color);
}

.span {
    color: var(--body-color);
}
/* CSS changes for Grid Control */
.dxgvCSD {
    height: auto !important;
}

.dxgvADCC {
    text-wrap: auto !important;
}

.dxgvADH {
    border: 1px solid lightgray;
}

.dxgvTable_Office365 {
    border: 1px solid lightgray !important;
}

.dxgvEditFormDisplayRow_Office365:last-child td.dxgv,
.dxgvDataRow_Office365:last-child td.dxgv,
.dxgvAdaptiveDetailRow_Office365:last-child td.dxgvAIC {
    border-bottom: 0 !important;
}

.dxgvTable_Office365 td {
    border: 0 !important;
}

.dxgvFixedColumn_Office365.dxgv {
    padding-left: 5px;
}

.dxgvDataRowAlt_Office365 {
    background-color: var(--table-zebra-bg);
}

.HeaderClass {
    background-color: var(--table-header-bg);
    color: var(--table-header-color);
    padding: 5px !important;
    font-weight: bold;
    text-wrap: auto;
}

    .HeaderClass a {
        color: white;
    }

/* Hide the adaptive header panel which appears when the grid is in adaptive mode (e.g., on smaller screens) */
.dxgvAdaptiveHeaderPanel_Office365 {
    display: none;
}

.dxgvTable_Office365 caption {
    background-color: var(--primary-color);
    color: var(--title-color);
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    text-align: left;
    padding-left: 5px;
}

.GridFooterItem {
    text-wrap: auto !important;
    color: var(--body-color);
}
    
    .GridFooterItem .dxgv {
        font-weight: bold !important;
    }
    

    .GridFooterItem th, .dxgvDataRow_Office365.GridItem th {
        padding-left: 5px;
    }

.dxgvAdaptiveDetailCell_Office365 table tbody tr td:first-child {
    text-align: right !important;
}

.dxgvDataRow_Office365.GridItem a {
    color: var(--link-zebra-color);
}

.dxgvCSD.dxTouchNativeScrollHandle {
    overflow: hidden !important;
}

.dxgvControl_Office365 {
    color: var(--body-color);
}

.dxgvControl_Office365.dx-acc-r.dxgv.dxgvALE {
    width: 100% !important;
    border: 1px solid lightgray !important;
}

    .dxgvControl_Office365.dx-acc-r.dxgv.dxgvALE .dxAC, .dxgvControl_Office365.dx-acc-r.dxgv.dxgvALE .dxAC div {
        margin-bottom: 0;
    }

.dxgvAdaptiveDetailCell_Office365 td {
    color: var(--body-color) !important;
}

.dxgvADT td:first-child {
    font-weight: bold;
}

.dxgvControl_Office365.dx-acc-r.dxgv.dxgvALE tr > td:first-child {
    width: 30% !important;
    text-wrap: wrap !important;
    text-align: right !important;
}

.dxgvControl_Office365.dx-acc-r.dxgv.dxgvALE tr > td:last-child {
    width: 70% !important;
    text-wrap: wrap !important;
    text-align: left !important;
    vertical-align: bottom;
}

.dxgvControl_Office365.dx-acc-r.dxgv.dxgvALE tr > td:last-child > span {
    text-wrap: wrap !important;
    text-align: left !important;
}

.layoutitem-white-bg {
    margin: 0px;
    padding: 0 !important;
}

.layoutgroup-zero {
    margin: 0 !important;
    padding: 0 !important;
}

.content_right {
    margin: 0 !important;
    padding: 15px 30px;
}

.content_left {
    padding: 15px 30px;
}

/* Ensure menu items are vertically centered */
.header-menu .toggle-item {
    display: flex;
    align-items: center;
    height: 48px;
}

.header-menu .toggle-item .dxm-image {
    display: flex;
    align-items: center;
}


.left-block-inst-item {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    height: 48px;
    max-width: 600px;
}

    .left-block-inst-item img  {
        display: block;
        padding: 8px;
        height: 32px;
        width: auto;
    }

/* Maintain layout while keeping anchor accessible */
.institutional-link {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    text-decoration: none;
    gap: 2px;
}

    /* Focus styles - now works because anchor has a box */
    .institutional-link:focus {
        outline: 2px solid var(--primary-color, #0066cc);
        outline-offset: 2px;
    }

    /* Ensure children don't override flex behavior */
    .institutional-link .left-block-inst-item {
        flex: 0 1 auto;
    }

.institution-svg {
    display: block;
    padding: 2px;
    height: 42px;
    min-width: 10px;
    width: auto;
}

    .institution-svg .portal-title {
        font-family: inherit;
        font-size: 21px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .institution-svg .institution-name {
        font-family: inherit;
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
    }

.right-block .dxm-contentText {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.page-sidebar {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    background-color: var(--primary-color);
    margin-bottom: 1.5rem;
    overflow: hidden;
    margin: 0;
    margin-top: .67em; /* Align the top margin of the sidebar with the first heading (e.g., h1) in the content area, which typically has a margin-top of .67em */
}

.page-sidebar-header {
    text-align: center;
    color: var(--title-color);
    margin: 0;
}

    .page-sidebar-header h2 {
        margin: 0;
        padding-top: .6rem;
        padding-bottom: .7rem;
    }

.page-sidebar-content {
    background-color: #fff;
    padding: .6rem 1rem 1rem 1rem;
    margin: 0;
}

.login-form {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
}

    .login-form fieldset {
        border: none;
        padding-left: 1rem;
        margin: 0;
    }

    .login-form h2 {
        margin: 0;
        padding-top: .6rem;
        padding-left: 1.1rem;
        padding-bottom: .7rem;
    }

.max-text-width {
    max-width: 640px;
    overflow-x: auto;
}

/* HeroBand 2 */
.heroband-layout {
    width: 100%;
}

.heroband-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 24px; /* drop heroband down from menu bar */
}

.heroband-left,
.heroband-right {
    flex: 1 1 50%;
    min-width: 0;
    box-sizing: border-box;
}

.heroband-left {
    background-color: var(--primary-color);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 15px 30px 15px 24px;
}

.heroband-right {
    display: flex;
    background-color: #FFF;
    border: 1px solid var(--primary-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 15px 30px 15px 30px;
}

    .heroband-right img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        opacity: 0;
        transition: opacity 0.3s ease-in;
    }

        .heroband-right img.loaded {
            opacity: 1;
        }

.heroband-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -1.5px;
    color: var(--title-color);
    text-align: left;
    margin-bottom: 12px;
}

.heroband-desc {
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--sub-title-color);
    text-align: left;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.hrLine {
    border: 0;
    height: 2px!important;
    background-color: var(--tertiary-color);
    width: 80%;
    opacity: 1!important;
}

.highLighterText {
    background-color: var(--highlight-bg);
}

.dxpc-footer {
    border-top: 0 !important;
    padding: 10px 15px;
    text-align: center !important;
}

.dxpc-header {
    padding: 0 !important;
    background-color: var(--primary-color) !important;
    color: var(--title-color) !important;
    border-radius: 10px 10px 0 0;
    margin: -1px -1px 0 -1px;
}

.dxpc-headerContent {
    display: flex;
    margin: 0;
    border-radius: 10px;
}

.dxpc-closeBtn {
    padding: 0 !important;
}

.hidePopupCloseButton {
    display: none;
}

.acctResponse {
    margin-top: 2px;
}

.popup-dialog {
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #dddddd !important;
}

.popup-header {
    color: var(--title-color);
    margin: 6px;
    padding: .4em 1em;
}

    .popup-header h1 {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 24px !important;
        font-weight: normal;
        color: var(--title-color);
        width: 100%;
    }

.dxpc-contentDiv {
    max-height: 60vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    word-wrap: break-word;
    color: var(--link-body-color) !important;
    width: 100% !important;
    box-sizing: border-box;
}

#message_dialog_msg, 
#dialog_msg_password_settings {
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px 24px;
}

.dxpcLite_Office365 .dxpc-content,
.dxdpLite_Office365 .dxpc-content {
    padding: 0 !important;
}

.dxpcModalBackLite_Office365, .dxdpModalBackLite_Office365 {
    background-color: #aaaaaa !important;
    opacity: 0.3;
}

.mobile-only-msg {
    display: none;
}

.securityPanel > div > div > div {
    padding-left: 0 !important;
}

/* Global Disabled Button Styles */
button:disabled,
button[aria-disabled="true"],
input[type="button"]:disabled,
input[type="submit"]:disabled,
input.button:disabled,
.dxButton:disabled {
    background-color: #ededed !important;
    color: #6b6b6b !important;
    border: none !important;
}

/* Document Upload Dialog Styles */
#divDocumentsUploadDialog {
    display: none;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    padding: 0 24px;
}

.doc-upload-content {
    display: block;
    margin-bottom: 12px;
}

.doc-upload-terms-text {
    padding-bottom: 15px;
    position: relative;
}

    .doc-upload-terms-text::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        border-bottom: 2px solid var(--tertiary-color);
    }

.doc-upload-section {
    margin: 10px 0;
}

.doc-upload-file-input {
    width: 100%;
    border: 1px solid #e9e9e9;
}

.doc-upload-file-container {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.doc-upload-button-container {
    float: right;
    margin: 10px 0;
    width: 100%;
}

    .doc-upload-button-container button,
    .ui-dialog-buttonset button {
        background-color: var(--primary-color);
        color: var(--title-color);
        font-weight: bold;
        margin: 0;
        padding: 1px 6px;
        border-width: 2px;
        border-color: #000;
        border-radius: 0px;
        cursor: auto !important;
    }

.doc-upload-message {
    clear: both;
    margin: 10px 0;
    width: 100%;
}

/* jQuery UI Dialog Base Styles */
.ui-dialog {
    position: fixed !important;
    border-radius: 10px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

    .ui-dialog .doc-upload-content a {
        color: var(--link-body-color);
    }

    .ui-dialog .ui-widget-content a {
        color: var(--link-body-color);
    }

.ui-dialog-content {
    max-height: 60vh !important;
    overflow-y: auto !important;
    width: 100% !important;
    color: var(--link-body-color) !important;
}

.ui-dialog-titlebar {
    background: var(--primary-color) !important;
    color: var(--title-color) !important;
    padding: 10px 15px;
    border-radius: 10px 10px 0 0 !important;
    margin: -5px -5px 8px -5px;
}

.ui-dialog-title {
    font-size: 24px !important;
    font-weight: normal;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--title-color);
    width: 100%;
}

/* Upload Progress Bar Styles */
#uploadProgressbar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

    #uploadProgressbar .ui-progressbar-value {
        background-color: var(--secondary-color) !important;
    }

    #uploadProgressbar .ui-widget-header {
        background: var(--secondary-color) !important;
    }

/* Ensure progress bar container respects dialog padding */
#divDocumentsUploadDialog #uploadProgressbar {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ui-dialog-buttonpane {
    border-top: 0px !important;
    padding: 10px 15px;
    text-align: center !important;
}

.ui-dialog-buttonset {
    float: none !important;
    text-align: center;
}

.doc-upload-button-container button:hover,
.ui-dialog-buttonset button:hover,
.doc-upload-button-container button:focus,
.ui-dialog-buttonset button:focus,
.doc-upload-button-container button:active,
.ui-dialog-buttonset button:active {
    background-color: var(--primary-color);
    color: var(--title-color);
    border-width: 2px;
    border-color: #000;
    font-weight: bold;
}

.ui-dialog-buttonpane button {
    margin: 0;
    padding: 1px 6px;
    border-width: 2px;
    border-color: #000;
    border-radius: 0px;
    font-weight: bold;
    cursor: auto !important;
}

/* Messages Dialog Content Styles */
#divMessagesDialog {
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px 24px;
}

/* Fund Documents Dialog Content Styles */
#divFundDocumentsDialog { 
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px 24px;
}

.manual-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    border: 1px solid lightgray;
    border-spacing: 0;
}

    .manual-table caption {
        caption-side: top;
        color: var(--title-color);
        background-color: var(--primary-color);
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        padding: 5px 0 5px 5px;
        vertical-align: middle;
        border-radius: 4px 4px 0 0;
    }

    .manual-table thead th, .manual-table tbody th {
        background-color: var(--table-header-bg);
        color: var(--table-header-color);
        vertical-align: middle;
        text-align: left;
    }

    .manual-table tr:nth-child(even) {
        background-color: var(--table-zebra-bg);
    }

    .manual-table tfoot td, .manual-table tfoot th {
        background-color: #f4f4f4;
        color: var(--body-color);
        font-weight: bold;
    }

    .manual-table td,
    .manual-table th {
        padding: 5px;
        border: 1px solid lightgray !important;
    }

.pinReset {
    border: 1px Solid rgba(0, 0, 0, 0.08);
}

table a {
    color: var(--link-zebra-color) !important;
}