﻿
.corpay-icnetting h1.corpay-text.page-title {
    margin: 0;
}

.corpay-icnetting .notify-count.count1.common-count {
    background-color: var(--corpay-primary);
    border: 1px solid var(--corpay-primary);
    border-radius: 100%;
}

.corpay-icnetting .icnetting-title-icon {
    font-size: 24px;
    padding: 5px;
}

.corpay-icnetting .notificationholder .notification {
    cursor: default;
    padding: 0;
    top: 0;
}

.corpay-icnetting .notification-dropdown.dropdown-transition {
    top: 20px;
    box-shadow: var(--corpay-box-shadow);
    border-radius: 4px;
    display: block;
}
.corpay-icnetting .notification-dropdown .header {
    border-color: var(--corpay-tertiary);
    display: block;
    box-shadow: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.corpay-icnetting .notification-dropdown .header .inlineheader {
    padding: 0px;
}
.corpay-icnetting .notification-dropdown .items {
    display: block;
    box-shadow: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.corpay-icnetting .notification-dropdown .items .list-item {
    display: block;
    padding: 10px 0px;
    margin: 0 10px;
    width: calc(100% - 20px);
    border-color: var(--corpay-tertiary);
}
.corpay-icnetting .notification-dropdown .items .list-item .image {
    float: left;
}
.corpay-icnetting .notification-dropdown .items .list-item .name {
    color: var(--corpay-secondary);
    display:block inline-block;
}
.corpay-icnetting .notification-dropdown .items .list-item .text {
    color: var(--corpay-tertiary);
    width: calc(100% - 52px);
}

/*** Upload Entry ***/
/* Upload */
.corpay-icnetting #uploadNettingEntry .upload-filter-section {
    display: block;
    margin-top: 10px;
}
.corpay-icnetting #uploadNettingEntry .upload-filter-section .corpay-dropdown-container {
    display: inline-block;
    width: 33%;
    margin-right: 10px;
    vertical-align: top;
}
.corpay-icnetting #uploadNettingEntry .upload-filter-section .upload-file-browse-container {
    display: inline-block;
    margin-right: 10px;
    width: 33%;
}
.corpay-icnetting #uploadNettingEntry .upload-filter-section .validate-upload-container {
    display: inline-block;
    width: 30%;
    text-align: right;
    vertical-align: top;
    margin-top: 10px;
}
.corpay-icnetting #uploadNettingEntry .upload-filter-section .validate-upload-container .corpay-action {
    display: block;
    margin-left: auto;
    margin-bottom: 10px;
}
.corpay-icnetting #uploadNettingEntry .upload-filter-section .validate-upload-container .progress-container {
    display: block;
    margin: 0;
    margin-left: auto;
    text-align: right;
}

.corpay-icnetting #failedUploads {
    margin-top: 20px;
}
.corpay-icnetting #failedUploads #failedUploadsHolder .corpay-table #refreshFailedUploads {
    rotate: 45deg;
}

.corpay-icnetting #failedUploads #failedUploadsHolder .corpay-table [id^="failedUpload_"] [id^="imgfailedUpload_"]:hover {
    background-color: var(--corpay-disabled-background);
    cursor: pointer;
}
.corpay-icnetting #failedUploads #failedUploadsHolder .corpay-table [id^="failedUpload_"] [id^="imgfailedUpload_"] span {
    rotate: 90deg;
}
.corpay-icnetting #failedUploads #failedUploadsHolder .corpay-table [id^="failedUpload_"] [id^="imgfailedUpload_"].close span{
    rotate: 270deg;
}

/* End Upload */
/* Manual Entry */
.corpay-icnetting #manualNettingEntry .manualentry-input-container {
    display: block;
    margin: 10px 0px;
}
.corpay-icnetting #manualNettingEntry .manualentry-input-container .manualentry-required-section {
    display: inline-block;
    width: 33%;
}
.corpay-icnetting #manualNettingEntry .manualentry-input-container .manualentry-optional-section {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
.corpay-icnetting #manualNettingEntry .manualentry-input-container .corpay-textbox-container,
.corpay-icnetting #manualNettingEntry .manualentry-input-container .corpay-dropdown-container {
    margin: 10px;
}
.corpay-icnetting #manualNettingEntry .manualentry-actions {
    display: block;
    text-align: right;
}
.corpay-icnetting #manualNettingEntry .manualentry-actions .corpay-action {
    margin-right: 10px;
}
.corpay-icnetting #manualNettingEntry .manualentry-actions-messages {
    display: block;
    text-align: right;
    margin-right: 10px;
}
/* End Manual Entry */
/*** End Upload Entry ***/

/*** Manage Periods ***/
.corpay-icnetting #reviewPage #reviewFilter .corpay-dropdown-container:has(#periodID) {
    width: 260px;
    display: inline-block;
}
.corpay-icnetting #reviewPage #reviewFilter #refreshPeriodID {
    rotate: 45deg;
    margin-left: 3px;
}
.corpay-icnetting #reviewPage #reviewFilter #refreshPeriodID:hover {
    color: var(--corpay-primary);
}
.corpay-icnetting #reviewPage #reviewFilter #refreshPeriodIDWaitLogo {
    display: inline-block;
    vertical-align: bottom;
}
.corpay-icnetting #reviewPage #reviewFilter #periodButtonHolder {
    float: right;
    padding-top: 10px;
}
.corpay-icnetting #reviewPage #reviewFilter #periodButtonHolder .corpay-action {
    float: right;
    margin-left: 10px;
}

.corpay-icnetting #reviewPage #transentriesinfo .corpay-dropdown-container {
    width: 260px;
    display: inline-block;
}
.corpay-icnetting #reviewPage #transentriesinfo #manageperiodfilterdata {
    width: calc(260px - 20px - 2px);
    display: inline-block;
}

.corpay-icnetting #reviewPage #transentrybuttoncontrolholder .transentrybuttoncontroltemplate-actions .corpay-action {
    float: right;
    margin-left: 10px;
}

.corpay-icnetting #tranReview #reviewHeaderHolder .groupbox {
    background-color: var(--corpay-white);
    border-radius: 4px;
    border: 1px solid var(--corpay-disabled-background);
    box-shadow: var(--corpay-box-shadow);
    padding: 10px 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
}

.corpay-icnetting #tranReview #reviewEntryHolder {
    margin-bottom: 20px;
}

.corpay-icnetting #reviewButtonHolder .PaginationButtons .PageStart,
.corpay-icnetting #reviewButtonHolder .PaginationButtons .PageLeft {
    rotate: 180deg;
}
.corpay-icnetting #reviewButtonHolder .PaginationButtons .material-symbols-outlined {
    font-size: var(--corpay-header-font-size);
}
.corpay-icnetting #reviewButtonHolder .PaginationButtons .PageSpecific {
    padding: 0 3px;
}
.corpay-icnetting #reviewButtonHolder .PaginationButtons .PageSpecific.currentpage {
    color: var(--corpay-primary);
}
.corpay-icnetting #reviewButtonHolder .PaginationButtons .PageSpecific:hover {
    color: var(--corpay-secondary-hover);
}
/*** End Manage Periods ***/

/*** Period Approvals ***/
.corpay-icnetting #periodApproval #periodSection .corpay-dropdown-container {
    width: 300px;
}
.corpay-icnetting #periodApproval #periodSection .approvalCountHolder {
    display: block;
    text-align: right;
}
.corpay-icnetting #periodApproval #periodSection .approvalCountHolder .corpay-text.title {
    padding-left: 5px;
    padding-right: 3px;
    font-size: var(--corpay-value-font-size);
}
.corpay-icnetting #periodApproval #periodSection .approvalCountHolder .corpay-text {
    display: inline-block;
    vertical-align: middle;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox {
    background-color: var(--corpay-disabled-background);
    box-shadow: var(--corpay-box-shadow);
    margin-top: 15px;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox:hover,
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox >:hover{
    cursor: pointer;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox span.material-symbols-outlined {
    padding: 5px;
    vertical-align: middle;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox [id^="preExpand_"] {
    rotate: 90deg;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox [id^="postExpand_"] {
    rotate: 270deg;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .groupbox > .corpay-text {
    vertical-align: middle;
    padding: 10px;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder {
    margin: 10px 10px;
    cursor: pointer;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder .userGroupAction {
    display: inline-block;
    width: 830px;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder span.material-symbols-outlined {
    padding: 5px;
    vertical-align: middle;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder [id^="userGroupPreExpand_"] {
    rotate: 90deg;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder [id^="userGroupPostExpand_"] {
    rotate: 270deg;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder .userGroupAction .corpay-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.corpay-icnetting #periodApproval #periodApprovalHolder .userGroupHolder .unapproveUserGroupButton {
    display: inline-block;
}
/*** End Period Approvals ***/

/*** Settlement Review ***/
.corpay-icnetting #tranDispute #settlementReviewLoader {
    padding: 0;
}
.corpay-icnetting #tranDispute #settlementReview {
    text-align: center;
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-disclaimer {
    display: inline-block;
    vertical-align: middle;
}
.corpay-icnetting #tranDispute #settlementReview .period-item {
    display: block;
    text-align: left;
    box-shadow: var(--corpay-box-shadow);
    background-color: var(--corpay-white);
    border: 1px solid var(--corpay-disabled-background);
    margin-top: 20px;
    margin-bottom: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .period-item span.material-symbols-outlined {
    rotate: 90deg;
    padding: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .period-item span.material-symbols-outlined.close {
    rotate: 270deg; 
}
.corpay-icnetting #tranDispute #settlementReview .period-item .period-title {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 10px;
}

.corpay-icnetting #tranDispute #settlementReview .settlement-review-table {
    padding: 0;
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-table .settlement-review-table-line-item:hover {
    background-color: var(--corpay-disabled-background);
}

.corpay-icnetting #tranDispute #settlementReview:has(#backToSettlementReview) {
    text-align:left;
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-title {
    background-color: var(--corpay-white);
    font-weight: bold;
    box-shadow: var(--corpay-box-shadow);
    border: 1px solid var(--corpay-background-disabled);
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-title .entity-drilldown-h1,
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-title .net-settlement {
    padding: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown #paymentMaximum {
    padding: 0 10px 10px 10px;
}

.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-payables .sub-entity-payables-receivables-header,
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-receivables .sub-entity-payables-receivables-header {
    border: none;
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-payables .payables-receivables-h1,
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-receivables .payables-receivables-h1 {
    margin: 0;
    margin-right: auto;
    padding: 10px 10px 10px 0;
}
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-payables .settlement-review-table-line-item-selected,
.corpay-icnetting #tranDispute #settlementReview .settlement-review-drilldown .entity-drilldown-receivables .settlement-review-table-line-item-selected {
    background-color: var(--corpay-selected-option);
}

.corpay-icnetting #tranDispute #settlementReview .dispute-entries .entity-drilldown-title {
    background-color: var(--corpay-white);
    font-weight: bold;
    box-shadow: var(--corpay-box-shadow);
    border: 1px solid var(--corpay-background-disabled);
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries .entity-drilldown-title .dispute-entries-h1 {
    margin: 0;
    padding: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #disputeEntriesSearchArea {
    margin: 10px 0;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #disputeEntriesSearchArea .dispute-entries-search-box {
    padding: 0;
    margin-right: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #disputeEntriesSearchArea #disputeEntriesSearch {
    height: inherit;
    max-height:inherit;
}

/* JQ Grid */
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable .ui-jqgrid-htable {
    /* corpay-table */
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-value-font-size);
    border: none;
    border-radius: 0;
    box-shadow: var(--corpay-box-shadow);
    border-spacing: 0;
    /* End corpay-table */
    background-color: var(--corpay-disabled-background);
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable .ui-jqgrid-labels th {
    padding-left: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable span.ui-jqgrid-resize + div {
    display: inline-block;
    /* corpay-text */
    color: var(--corpay-secondary);
    cursor: default;
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-value-font-size);
    /* End corpay-text */
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable span.ui-jqgrid-resize ~ .corpay-action {
    display: inline-block;
    margin: 5px 0px;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable #disputeEntriesTable {
    /* corpay-table */
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-value-font-size);
    border: none;
    border-radius: 0;
    box-shadow: var(--corpay-box-shadow);
    border-spacing: 0;
    /* End corpay-table */
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable #disputeEntriesTable tr.ui-widget-content.ui-state-highlight,
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable #disputeEntriesTable tr.ui-widget-content.ui-state-hover {
    background: none;
    background-color: var(--corpay-white);
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #gview_disputeEntriesTable #disputeEntriesTable td {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #disputeEntriesPager td {
    /* corpay-text */
    color: var(--corpay-secondary);
    cursor: default;
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-value-font-size);
    /* End corpay-text */
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #disputeEntriesPager #first_disputeEntriesPager,
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #disputeEntriesPager #prev_disputeEntriesPager {
    rotate: 180deg;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #disputeEntriesPager .corpay-textbox {
    display: inline-block;
    width: 20px;
    text-align: center;
    padding: 0;
}
.corpay-icnetting #tranDispute #settlementReview .dispute-entries #gbox_disputeEntriesTable #disputeEntriesPager .corpay-dropdown {
    width: 40px;
    background-position: calc(100% - 10px) 10px, calc(100% - 4px) 10px;
}
/* End JQ Grid */
/*** End Settlement Review ***/

/*** Manage Disputes ***/
.corpay-icnetting .manage-disputes-filter-section .corpay-dropdown-container {
    width: 20%;
    display: inline-block;
    margin-right: 10px;
}
.corpay-icnetting .manage-disputes-filter-section .manage-disputes-filter-actions {
    text-align: right;
    display: inline-block;
    width: 35%;
}
.corpay-icnetting .manage-disputes-filter-section .corpay-action {
    margin-top: 8px;
    margin-left: 10px;
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-value-font-size);
}

.corpay-icnetting #manageDisputesFilterHolder {
    margin-top: 20px;
}
.corpay-icnetting #manageDisputesFilterHolder .corpay-dropdown-container,
.corpay-icnetting #manageDisputesFilterHolder .corpay-textbox {
    width: 20%;
    display: inline-block;
    margin-right: 10px;
}
.corpay-icnetting .icnettingmanagedisputestable tr td:nth-of-type(1),
.corpay-icnetting .icnettingmanagedisputestable tr td:nth-of-type(2),
.corpay-icnetting .icnettingmanagedisputestable tr td:nth-of-type(3),
.corpay-icnetting .icnettingmanagedisputestable tr td:nth-of-type(4),
.corpay-icnetting .icnettingmanagedisputestable tr td:nth-of-type(5),
.corpay-icnetting .icnettingmanagedisputestable tr td:nth-of-type(6) {
    min-width: auto;
    max-width: 300px;
}
/*** End Manage Disputes ***/

/*** Reports ***/
.corpay-icnetting #reportlandingpage .reportlandingsection .reportentrance {
    box-shadow: var(--corpay-box-shadow);
    background-color: var(--corpay-white);
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
}
.corpay-icnetting #reportlandingpage .reportlandingsection .reportentrance:hover {
    background-color: var(--corpay-disabled-background);
    cursor: pointer;
}
.corpay-icnetting #reportlandingpage .reportlandingsection .reportentrance *:hover {
    cursor: pointer;
}
.corpay-icnetting #reportlandingpage .reportlandingsection .reportentrance .reporttitle {
    color: var(--corpay-primary);
}
.corpay-icnetting #reportlandingpage .reportlandingsection .reportentrance .reportdescription {
    color: var(--corpay-tertiary);
}
.corpay-icnetting #icnettingreporttabholder .page-title {
    margin-top: 20px;
}
.corpay-icnetting #icnettingreporttabholder .corpay-text.bubble {
    position: initial;
}
.corpay-icnetting #icnettingreporttabholder .corpay-dropdown-container {
    width: 30%;
    display: inline-block;
    margin-right: 10px;
}
.corpay-icnetting #icnettingreporttabholder #runDisputeSort {
    padding: 3px;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 15px;
}
.corpay-icnetting #icnettingreporttabholder .corpay-action {
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
}
/*** End Reports ***/

/*** Admin ***/
.back-to-page-action {
    margin-bottom: 20px;
}

.corpay-icnetting-admin {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
}
.corpay-icnetting-admin .manage-entity-codes-section {
    grid-column: 1;
    grid-row: 1;
    padding: 20px;
    border-right: 2px solid var(--corpay-tertiary);
}
.corpay-icnetting-admin .optional-fields-section {
    grid-column: 1;
    grid-row: 2;
    padding: 20px;
    border-top: 2px solid var(--corpay-tertiary);
    border-right: 2px solid var(--corpay-tertiary);
}
.corpay-icnetting-admin .create-new-period-section {
    grid-column: 2;
    grid-row: 1;
    padding: 20px;
}
.corpay-icnetting-admin .manage-periods-section {
    grid-column: 2;
    grid-row: 2;
    padding: 20px;
}
.corpay-icnetting-admin .actionable-symbol {
    padding: 3px;
    vertical-align: middle;
    margin-top: -8px;
}
.corpay-icnetting-admin h4.corpay-text {
    font-size: 16px;
}

.corpay-icnetting-admin .manage-entity-codes-section .corpay-textbox-container,
.corpay-icnetting-admin .manage-entity-codes-section .corpay-dropdown-container {
    width: 200px;
}
.corpay-icnetting-admin .manage-entity-codes-section .corpay-textbox-container {
    display: inline-block;
    margin-right: 10px;
}
.corpay-icnetting-admin .manage-entity-codes-section .entity-list-option {
    border-radius: 4px;
    padding: 8px 10px;
    margin: 10px 0;
    width: fit-content;

    border: 1px solid var(--corpay-disabled-background);
    box-shadow: var(--corpay-box-shadow);
}
.corpay-icnetting-admin .manage-entity-codes-section .corpay-text.title {
    font-size: var(--corpay-value-font-size);
}
.corpay-icnetting-admin .manage-entity-codes-section .max-payment-display {
    padding-left: 5px;
}
.corpay-icnetting-admin .manage-entity-codes-section .max-payment-display-container {
    margin-top: 20px;
}

.corpay-icnetting-admin .optional-fields-section .corpay-textbox-container {
    width: 300px;
}
.corpay-icnetting-admin .optional-fields-section div>:has(#saveOptionalNames) {
    text-align: right;
    margin-top: 20px;
}

.corpay-icnetting-admin .create-new-period-section .corpay-textbox-container {
    width: 200px;
}
.corpay-icnetting-admin .create-new-period-section .corpay-textbox {
    width: 150px;
    display: inline-block;
}
.corpay-icnetting-admin .create-new-period-section .corpay-textbox.hasDatepicker:not(.bubble) {
    width: calc(150px - 33px);
}
.corpay-icnetting-admin .create-new-period-section .optional-message {
    margin: 20px 0;
}
.corpay-icnetting-admin .create-new-period-section .create-new-period-between-container {
    margin: 10px 0px;
}
.corpay-icnetting-admin .create-new-period-section .create-new-period-between-container .corpay-text.title {
    display: inline-block;
    font-size: var(--corpay-value-font-size);
}
.corpay-icnetting-admin .create-new-period-section .create-new-period-section-actions {
    margin-top: 30px;
    text-align: right;
}
.corpay-icnetting-admin .create-new-period-section .create-new-period-section-actions .corpay-action {
    margin-left: 10px;
}

.corpay-icnetting-admin .manage-periods-section .manage-period-period-container {
    padding: 8px 10px;
    margin: 10px 0px;
    border-radius: 4px;
    width: fit-content;

    border: 1px solid var(--corpay-disabled-background);
    box-shadow: var(--corpay-box-shadow);
}
/*** End Admin ***/