.AccountingPeriodForm {
    &-form-field {
        float: left;
        width: 200px;
    }

    .error-msg {
        color: var(--danger);
    }

    .error {
        border: 1px solid var(--danger);
    }

    .selectError {
        .Select__control {
            border-color: var(--danger);
        }
    }

    .frc-alert {
        width: 360px;
    }

    .statement-period {
        background-color: var(--gray-200);
        opacity: 1;
    }

    .current-label {
        color: var(--gray-500);
        font-style: italic;
        margin-left: 5px;
    }
}

.AccountingPeriodForm-buttons {
    float: left;
    padding: 7px;
}

.AccountingPeriodDetail {
    &-actionsBox {
        float: right;
    }

    &-top {
        height: 50px;
    }

    &-title {
        float: left;

        h4 {
            margin-top: 0;
        }
    }

    &-close-period-actionsBox {
        .ActionStatusIcon {
            margin-right: 4px;
        }
    }

    &-container {
        padding-top: 15px;
    }

    .FormField-group-has-error {
        .Select__menu-list {
            color: var(--gray-800);
        }
    }

    .spanCenter {
        display: block;
        margin-top: 4%;
        text-align: center;
    }

    .CompleteIcon {
        background-color: var(--success);
        border-radius: 50%;
        display: block;
        height: 20px;
        position: absolute;
        right: 18px;
        text-align: center;
        top: 8px;
        width: 20px;

        .CheckGlyphIcon {
            color: var(--white);
        }
    }

    .accountingPeriodCloseMsg {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
}

.AccountingPeriodList {
    .GridTable {
        margin-top: 20px;
    }
    .no-records-txt {
        font-size: 16px;
        font-style: italic;
        margin-top: 69px;
        text-align: center;
    }
}

.AccountingRun {
    .btn {
        font-size: inherit;
        padding: 3%;
        text-transform: capitalize;
    }
}

.AccountingRun,
.ClosePeriod,
.DeliverFiles {
    &-modal {
        p,
        li {
            line-height: 2;
        }

        .warning {
            color: var(--danger);
            font-weight: bolder;
        }
    }
}

.ApproveSalesFilesText,
.ExchangeRatesText,
.MechDeductions,
.ReservesTaken,
.SalesDeliveredText,
.PeriodClosedText {
    align-items: center;
    display: inline-flex;
    font-size: 12.5px;
    gap: 6px;
    opacity: 1;
    text-transform: initial;
}

.AddSalesForm {
    &-errorMsg {
        color: var(--danger);
    }

    &-eligibleSalesBtn {
        margin-top: 24px;
    }

    .btn {
        margin-bottom: 3%;
    }

    .container {
        padding: 0;
    }
}

.EligibleSales {
    margin-top: 3%;

    tr:nth-last-child(1) {
        font-weight: 700;
    }
}

.ExchangeRates {
    &-disabled-step {
        font-size: 12.5px;
        opacity: 1;
    }
}

.MarkRunsAsComplete,
.ClosePeriod {
    text-transform: capitalize;

    .ActionStatusIcon.complete + span {
        text-transform: capitalize;
    }
}

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

.ActionStatusIcon.complete .CheckGlyphIcon {
    color: var(--success);
}

.ApproveSalesFile-modal {
    width: 450px;
}

// new css
.EligibleSalesTable {
    .GridTable-row:last-child {
        font-weight: 500;
    }
}

.AddEligibleSalesForm {
    &-eligibleSalesBtn {
        padding: 9px 0;
    }

    &-errorMsg {
        color: var(--danger);
    }
}

.DeliverFiles,
.ApproveSalesFiles,
.MechanicalDeductions {
    .HelpTooltip {
        padding: 5px;
    }
}