.Adjustments {
    position: relative;

    .BatchIdFilter {
        width: 250px;
    }

    .StatusFilter {
        margin-left: 20px;
        min-width: 250px;

        .Select__menu {
            z-index: 999;
        }
    }

    .AddedByFilter,
    .FileNameFilter,
    .FileStatusFilter,
    .StatementPeriodFilter {
        margin-left: 20px;
        height: 13px;

        .SuiteSelect-input-value-label {
            max-width: 100% !important;
        }
    }

    .SearchFieldInput {
        font-size: 14px;
    }

    &-list-table {
        margin-top: 10px;

        .AdjustmentsListTable {
            margin-top: 15px;

            &-disabled-batchId {
                color: var(--gray-500);
            }

            &-warning-error-tooltip,
            &-error-tooltip {
                margin-left: 5px;
            }

            &-error-tooltip {
                .WarningGlyphIcon {
                    color: var(--glyphs-error, #b82214);
                }
            }
            &-warning-error-tooltip {
                .WarningGlyphIcon {
                    color: var(--warning-650, #d17300);
                }
            }
        }

        .applied .GlyphIcon {
            color: var(--glyphs-success);
        }

        .approved .GlyphIcon {
            color: var(--white);
            stroke: var(--glyphs-success);
            stroke-width: 1.5px;
        }

        .error .GlyphIcon {
            color: var(--glyphs-error);
        }

        .status {
            padding-left: 6px;
        }
    }
}

.AdjustmentsBatch {
    .SuitePageHeader-main {
        height: unset !important;
    }

    &-Header {
        display: flex;
        padding: 20px 0;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;

        &-Summary {
            display: flex;
            gap: 12px;
        }

        &-Label {
            color: var(--text-secondary);
            margin-bottom: 0;
        }

        &-Top {
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 30px;
            align-self: stretch;

            &-Left {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 15px;
                flex: 1 0 0;

                &-Summary {
                    display: flex;
                    align-items: center;
                    column-gap: 15px;
                    flex-direction: row;
                    flex-wrap: wrap;

                    &-Content {
                        display: flex;
                        align-items: center;
                        gap: 5px;
                    }
                }
            }

            &-ButtonContainer {
                display: flex;
                height: 40px;
                align-items: center;
                gap: 20px;
            }
        }

        &-Bottom {
            display: flex;
            align-items: baseline;
            gap: 20px;
            align-self: stretch;
            margin-top: 5px;

            &-Left {
                display: flex;
                align-items: center;
                gap: 5px;
                flex: 1 0 auto;
            }

            &-Right {
                font-size: 12px;
                font-weight: 400;
                line-height: 18px;
                display: flex;
                align-items: flex-start;
                column-gap: 10px;
                flex-wrap: wrap;
                justify-content: flex-end;

                &-Content {
                    display: flex;
                    align-items: flex-start;
                    gap: 10px;

                    &-Label {
                        color: var(--text-secondary);
                    }

                    &-Divider {
                        width: 1px;
                        height: 15px;
                        border-radius: 0.25px;
                        background: var(--gray-500);
                    }
                }
            }
        }
    }

    &-Modal {
        &-Title {
            margin-top: 8px;
            margin-right: 100px;
            font-size: 18px;
            &-Batch {
                font-weight: bold;
            }
        }
        .drop-shadow {
            box-shadow: inset 0 0 30px 3px var(--info-150);
        }
    }

    &-Apply-Error {
        display: flex;
        margin-bottom: 20px;
        border-radius: 3px;
    }

    &-IndividualBatch {
        &-Table {
            &-Header {
                font-weight: 500;
                word-spacing: 1px;
                letter-spacing: 1px;
                text-transform: uppercase;
            }
        }
    }
}

.AdjustmentsBatchListTable {
    &-filters {
        margin-bottom: 20px;

        // Added this css to truncate single selected option and to show tooltip for truncated text
        .AdjustmentsAccountsSelectFilter,
        .AdjustmentsContractsSelectFilter {
            .SuiteSelect-input-value-wrapper {
                width: 150px;
            }
        }
    }

    .AdjustmentsContractsSelectFilter,
    .AdjustmentsApplyToFlowthroughPaymentFilter {
        margin-left: 20px;
    }

    .NoFlowthroughAdjustments {
        font-size: 12px;
        text-align: center;
    }
}

.GenerateAdjustments {
    &-Error {
        width: 480px;
    }

    &-HelpText {
        line-height: 35px;
        color: var(--text-secondary);
    }

    .FullscreenModal-body-container {
        height: 100%;
    }

    &-GenerateButton,
    &-NextButton {
        float: right;
    }
}

.AdjustmentsListTable-delete-batch {
    margin-right: 10px;
}