﻿.form-check input,
.form-check label {
    display: inline-block;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    padding: 5px;
}

.form-check-parameter {
    position: relative;
    display: block;
    padding-left: 1.25rem;
    margin: 5px;
    height: 2em;
}


/* This is used by ColIssueCpe.aspx & vb for CollectionsShowREMT parameter */
.TopLeft {
    top: 0px;
    left: 0px;
}
/* These will be used for cells with labels where we always want the label to be left, right or center
    Examples: right for party browse and add buttons, right for "(up to n lines)" for multi line text */
.lblColumnLeftSide {
    TEXT-ALIGN: left;
    COLOR: var(--textColorMain);
    VERTICAL-ALIGN: middle;
    padding: 0px 10px 0px;
}

.lblColumnRightSide {
    TEXT-ALIGN: right;
    COLOR: var(--textColorMain);
    VERTICAL-ALIGN: middle;
    padding: 0px 10px 0px;
}

.lblColumnCenter {
    TEXT-ALIGN: center;
    COLOR: var(--textColorMain);
    VERTICAL-ALIGN: middle;
    padding: 0px 10px 0px;
}
/* UserMaint.aspx.vb (bank & customer) only */
.lblGroupHeader {
    BACKGROUND-COLOR: var(--tableSubItemsBGColor);
    WIDTH: 100%;
    COLOR: var(--textColorAlt);
    FONT-SIZE: 100%;
}

/* UserMaint.aspx - enforce consistent sans-serif (Admin page wraps markup in .user-maint) */
.user-maint {
    font-family: "Arial","Verdana","sans-serif";
}

/* 5 app pages only */
.lblShowBack {
    /*BACKGROUND-COLOR: var(--containerBGColorAlt);*/
    HEIGHT: auto;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

A.lblShowBack {
    CURSOR: pointer;
}

    A.lblShowBack:hover {
        text-decoration: underline;
    }

/* Two-Column Form Layout with Uniform Alignment */
.LeftColumnLabel {
    TEXT-ALIGN: right;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: middle;
    padding: 8px 15px 8px 10px;
    /*width: 225px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.LeftColumnData {
    TEXT-ALIGN: left;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
}

/* LC Form-Specific Layout (isolated to avoid CSS conflicts) */
.LcFormLabel {
    TEXT-ALIGN: right;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: middle;
    padding: 8px 15px 8px 10px;
    width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.LcFormData {
    TEXT-ALIGN: left;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    padding: 4px 10px;
    vertical-align: middle;
}

.RightColumnLabel {
    TEXT-ALIGN: right;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: middle;
    padding: 8px 15px 8px 10px;
    width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RightColumnData {
    TEXT-ALIGN: left;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    padding: 0px 10px 0px 10px;
    vertical-align: middle;
}

.RightColumnLabel--right {
    text-align: right;
    color: var(--textColorMain);
    font-size: 100%;
    vertical-align: middle;
    padding: 8px 15px 8px 10px;
    width: 225px;
    white-space: nowrap;
}

/* Normalize form element spacing */
.LeftColumnData input,
.LeftColumnData select,
.RightColumnData input,
.RightColumnData select {
    padding: 4px 6px;
    margin: 0;
    vertical-align: middle;
}

.LeftColumnData textarea,
.RightColumnData textarea {
    padding: 4px 6px;
    margin: 0;
    vertical-align: top;
    display: block;
    width: 66ch;
    max-width: 66ch;
}

/* LC Form Element Spacing (isolated from global conflicts) */
.LcFormData input,
.LcFormData select {
    padding: 4px 6px;
    margin: 0;
    vertical-align: middle;
}

.LcFormData textarea {
    padding: 4px 6px;
    margin: 0;
    vertical-align: top;
    display: block;
    width: 66ch;
    max-width: 66ch;
}

/* Uniform control heights in form data cells */
.LeftColumnData input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="image"]),
.RightColumnData input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="image"]),
.LcFormData input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="image"]),
.LeftColumnData select,
.RightColumnData select,
.LcFormData select {
    height: 28px;
    min-height: 28px;
    box-sizing: border-box;
}

.LeftColumnData textarea,
.RightColumnData textarea,
.LcFormData textarea {
    min-height: 28px;
    box-sizing: border-box;
}

/* Clause Preview textareas are rendered disabled; keep them consistent */
.LeftColumnData textarea[disabled],
.RightColumnData textarea[disabled],
.LeftColumnData textarea:disabled,
.RightColumnData textarea:disabled,
.LeftColumnData textarea[readonly],
.RightColumnData textarea[readonly],
.LeftColumnData textarea:read-only,
.RightColumnData textarea:read-only,
.LcFormData textarea[disabled],
.LcFormData textarea:disabled,
.LcFormData textarea[readonly],
.LcFormData textarea:read-only {
    width: 66ch;
}

/* Clause controls + button inline */
.ClauseRowControls {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

/* Clause Preview label should align to top of textarea */
.ClausePreviewLabel {
    vertical-align: top !important;
    padding-top: 8px;
}

.LcData tr {
    height: auto;
    overflow: visible;
}

/* Alert/Notification styling - plain text with icon only */
.alert {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 0px 0px 0px !important;
    margin: 0px !important;
    color: var(--textColorMain);
    display: inline-block;
}

.alert-info {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: var(--textColorMain) !important;
}

.alert-warning {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: var(--textColorMain) !important;
}

.char_Label {
    padding-top: 8px;
    display: block;
    border-radius: 0 !important;
    border: none !important;
    background-color: transparent !important;
    padding: 8px 0px 0px 0px !important;
    color: var(--textColorMain) !important;
    font-size: 88% !important;
    font-style: italic;
    line-height: 1.2;
    box-shadow: none !important;
    width: auto !important;
}

.char_Label span {
    opacity: 0.8;
}

.char_Label img {
    opacity: 0.78;
}

.SectionHeaderLabel {
    text-align: left;
    color: var(--textColorMain);
    font-size: 100%;
    vertical-align: middle;
    padding: 12px 10px 10px 10px;
    font-weight: bold;
    background-color: var(--containerBGColorAlt);
    color: var(--textColorAlt);
    display: block;
}

.CenterColumnData {
    TEXT-ALIGN: center;
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
}

.LcData {
    BACKGROUND-COLOR: var(--containerBGColor);
    COLOR: var(--textColorMain);
    FONT-SIZE: 100%;
    TEXT-DECORATION: none;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.ApplicationPanel {
    background-color: var(--containerBGColor);
    color: var(--textColorMain);
    border-style: none;
    margin-bottom: 0;
    padding: 15px 10px;
    overflow: visible;
}

/* Force wrapper tables to fill the panel so all LcData tables get the same width */
.ApplicationPanel > table {
    width: 100%;
}

.ApplicationPanel .LcData {
    margin: 0;
}

/* Collections party panel: override FIXEDFONT fields to match LC form proportional-font styling */
.col-party-panel .FIXEDFONT {
    font-family: inherit;
    margin-left: 0;
    margin-bottom: 0;
}

/* Document Set text column — fills remaining width; textarea fills cell, resizes vertically only */
.doc-text-cell {
    width: 100%;
}

.doc-text-cell textarea.MultiLineText {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}

/* Constrain AjaxFileUpload width so the drop zone doesn't span the full page */
.ajax__fileupload {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    text-align: left;
}

/* Override AjaxFileUpload drop zone height */
.ajax__fileupload_dropzone {
    height: 60px !important;
    width: 100%;
    box-sizing: border-box;
}

.ajax__fileupload_footer {
    min-height: 28px;
    overflow: visible;
}

.ajax__fileupload_uploadbutton {
    position: relative;
    z-index: 1;
    display: inline-block !important;
}

/* File Upload CPE wrapper: allow expanded panel to grow with queued files
   NOTE: height: auto !important was removed because it prevents the
   CollapsiblePanelExtender from collapsing (overrides the animated height). */

/* Ensure consistent spacing between shipping form elements */
#tblShipping tr {
    height: auto;
}

#tblShipping td.LeftColumnLabel {
    vertical-align: top;
}

#tblShipping tr td:first-child + td > input,
#tblShipping tr td:first-child + td > select,
#tblShipping tr td:first-child + td > textarea,
#tblShipping tr td:first-child + td > div {
    display: block;
    margin-bottom: 12px;
}

/* LcAmend Drafts: keep Days-to-Present and Tenor Days fields visually aligned */
[id$="pnlIMPDraft"] [id$="tblDrafts"] input[id$="txtDaysToPresent"],
[id$="pnlIMPDraft"] [id$="tblDrafts"] input[id$="txtTenorDays"] {
    width: 60px !important;
    min-width: 60px !important;
    box-sizing: border-box;
}

/* LC clause panels: make clause row width match textarea row width (66ch)
   so right-aligned Add Clause buttons line up naturally. */
.LcFormData > div[style*="max-width: 601px"] {
    width: 66ch !important;
    max-width: 66ch !important;
    justify-content: space-between !important;
    align-items: center;
    gap: 8px;
}

.LcFormData > div[style*="max-width: 601px"] > div:first-child {
    flex: 1 1 auto !important;
}

.LcFormData > div[style*="max-width: 601px"] > div:last-child {
    flex: 0 0 auto !important;
    text-align: right !important;
}

/* LcAmend Parties: normalize vertical spacing across label/data cells */
[id$="pnlIMPParty"] [id$="tblParties"] .LcFormLabel,
[id$="pnlIMPParty"] [id$="tblParties"] .LcFormData,
[id$="pnlIMPParty"] [id$="tblParties"] .RightColumnLabel {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
}

[id$="pnlParty"] [id$="tblParties"] .LcFormLabel,
[id$="pnlParty"] [id$="tblParties"] .LcFormData,
[id$="pnlParty"] [id$="tblParties"] .RightColumnLabel {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
}

/* PartyBrowse: keep Refine and Back buttons visually separated */
[id$="tcPartyBrowse"] [id$="btnRefine"] {
    margin-right: 8px;
}

/* PartyBrowse: keep Back button away from right edge */
[id$="tcPartyBrowse"] [id$="btnBack"] {
    margin-right: 8px;
}

/* PartyAdd: keep Add and Back buttons separated */
[id$="tblPartyAdd"] [id$="btnAdd"] {
    margin-right: 8px;
}

/* PartyAdd: add breathing room around bottom-right action buttons */
[id$="tblPartyAdd"] .partyadd-actions {
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 10px;
}

/* PartyBrowse filters: targeted spacing using explicit cell classes */
.partybrowse-filters .partybrowse-name-data {
    width: 1%;
    white-space: nowrap;
    padding-right: 6px;
}

.partybrowse-filters .partybrowse-name-data input,
.partybrowse-filters .partybrowse-name-data select {
    width: 35ch;
    max-width: 35ch;
}

.partybrowse-filters .partybrowse-partyid-label {
    width: auto;
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap;
}

.partybrowse-filters .partybrowse-partyid-data {
    padding-left: 4px;
}

.partybrowse-filters .partybrowse-actions {
    padding-right: 10px;
}

/* PartyBrowse Current Party tab: bring right-side fields/actions left */
.partybrowse-current {
    width: 80%;
    margin-left: 40px;
    margin-right: auto;
}

.partybrowse-current .LeftColumnLabel {
    width: 150px;
    padding-right: 10px;
}

.partybrowse-current .partybrowse-current-right-label {
    width: 90px;
    padding-left: 10px;
    padding-right: 8px;
    white-space: nowrap;
}

.partybrowse-current .partybrowse-current-right-data {
    width: 1%;
    white-space: nowrap;
    padding-left: 4px;
}

.partybrowse-current .partybrowse-current-left-data {
    width: 1%;
    white-space: nowrap;
    padding: 0 10px;
}

.partybrowse-current .partybrowse-current-left-data input,
.partybrowse-current .partybrowse-current-left-data select {
    width: 35ch;
    max-width: 35ch;
}

.partybrowse-current .partybrowse-current-meta {
    width: 0;
    padding: 0;
}

.partybrowse-current [id$="txtBrowseId"] {
    width: 35ch;
    max-width: 35ch;
}

.partybrowse-current .partybrowse-current-actions {
    padding-right: 16px;
}

/* Normalize Swift26 LcFormData inputs to align with main partybrowse-current fields */
.partybrowse-current .LcFormData {
    padding-left: 11px;
}

.partybrowse-current .LcFormData input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
    width: 35ch;
    max-width: 35ch;
    box-sizing: content-box !important;
    padding: 1px 2px;
}

.partybrowse-current [id$="txtBrowsePostalCodeSwift26"] {
    width: 17ch !important;
    max-width: 17ch !important;
}
.small-options{
    max-width:800px;
    max-height:400px;
    margin:auto;
}
.form-control-darker {
    border: 2px solid var(--containerBGColorAlt)
}

/* Document table headers alignment - match LeftColumnLabel styling */
[id$="pnlCurDocFileList"] table tr th,
[id$="pnlFileUpload"] table tr th,
[id$="pnlCurDocFileList"] table thead td,
[id$="pnlFileUpload"] table thead td {
    text-align: right;
    padding: 8px 15px 8px 10px;
    width: 225px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/* Both document tables: natural sizing with bounded width */
[id$="tblFileUpload"],
[id$="pnlCurDocFileList"] table {
    display: inline-table;
    width: auto !important;
    table-layout: auto;
    min-width: 50%;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 8px;
}

/* File upload table: align headers and rows with identical column treatment */
[id$="tblFileUpload"] .InqTableHead,
[id$="tblFileUpload"] .LeftColumnData,
[id$="pnlCurDocFileList"] table .InqTableHead,
[id$="pnlCurDocFileList"] table .INQUIRY_R {
    padding: 10px 14px !important;
    white-space: nowrap !important;
    vertical-align: middle;
}



/* 1: Document/View */
[id$="tblFileUpload"] tr > td:nth-child(1),
[id$="pnlCurDocFileList"] table tr > td:nth-child(1) {
    width: 10%;
    text-align: left !important;
    padding-right: 18px !important;
}

/* 2: spacer column */
[id$="tblFileUpload"] tr > td:nth-child(2),
[id$="pnlCurDocFileList"] table tr > td:nth-child(2) {
    width: 2%;
    padding: 0 !important;
}

/* 3: File Name - takes remaining space */
[id$="tblFileUpload"] tr > td:nth-child(3),
[id$="pnlCurDocFileList"] table tr > td:nth-child(3) {
    width: auto;
    text-align: left !important;
    padding-left: 14px !important;
    padding-right: 18px !important;
}

/* 4: Attached Date */
[id$="tblFileUpload"] tr > td:nth-child(4),
[id$="pnlCurDocFileList"] table tr > td:nth-child(4) {
    width: 15%;
    text-align: right !important;
    padding-right: 18px !important;
}

/* 5: Document Delete */
[id$="tblFileUpload"] tr > td:nth-child(5),
[id$="pnlCurDocFileList"] table tr > td:nth-child(5) {
    width: 10%;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 14px !important;
}

/* Force same left edge for File Name header and values */
[id$="tblFileUpload"] tr:first-child > td:nth-child(3),
[id$="tblFileUpload"] tr:not(:first-child) > td:nth-child(3),
[id$="pnlCurDocFileList"] table tr:first-child > td:nth-child(3),
[id$="pnlCurDocFileList"] table tr:not(:first-child) > td:nth-child(3) {
    text-align: left !important;
}

/* Force same center line for Document Delete header and checkbox */
[id$="tblFileUpload"] tr:first-child > td:nth-child(5),
[id$="tblFileUpload"] tr:not(:first-child) > td:nth-child(5) {
    text-align: center !important;
}

[id$="tblFileUpload"] tr > td:nth-child(5) input[type="checkbox"] {
    margin: 0 auto !important;
    vertical-align: middle;
}

/* 6-7: hidden field placeholder columns */
[id$="tblFileUpload"] tr > td:nth-child(6),
[id$="tblFileUpload"] tr > td:nth-child(7) {
    width: 0 !important;
    padding: 0 !important;
}

/* Keep hidden field cells from affecting visible alignment */
[id$="tblFileUpload"] tr > td:nth-child(6) input,
[id$="tblFileUpload"] tr > td:nth-child(7) input {
    display: none;
}