/* LiftPlanSubmission.razor style files */
/* Scoped LiftPlanSubmission Styles */

.LPS-mainDiv {
    width: 80%;
    margin: 0 auto;
}

.LPS-fileSection-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Scoped Checkbox Overrides - Only works inside .LPS-scope container */
.LPS-scope .e-checkbox-wrapper.e-success .e-frame.e-check,
.LPS-scope .e-checkbox-wrapper.e-success .e-checkbox:focus + .e-frame.e-check {
    background-color: #689f38;
}

.LPS-scope .e-checkbox-wrapper.e-success:hover .e-frame.e-check {
    background-color: #449d44;
}

.LPS-scope .e-checkbox-wrapper .e-frame {
    height: 25px !important;
    width: 25px !important;
    padding: 4px 0;
}

    .LPS-scope .e-checkbox-wrapper .e-frame::before {
        font-size: 15px;
    }

.LPS-scope .e-customsize.e-checkbox-wrapper .e-check,
.LPS-scope .e-statusPending.e-checkbox-wrapper .e-check,
.LPS-scope .e-statusError.e-checkbox-wrapper .e-check {
    font-size: 18px;
}

.LPS-scope .e-customsize.e-checkbox-wrapper .e-label {
    color: #689f38;
}

.LPS-scope .e-statusError.e-checkbox-wrapper .e-label {
    color: red;
}

.LPS-scope .e-statusPending.e-checkbox-wrapper .e-label {
    color: orange;
}

.LPS-checkboxRows {
    margin-top: 10px;
    border: 1px solid #d1d1d1;
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    background-color: #EEF2F4;
    overflow: hidden;
}

    .LPS-checkboxRows:focus-within {
        box-shadow: #6c757d 0 3px 8px;
    }

.LPS-submissionCard {
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    margin-top: 20px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}

/*   LiftPlanReview css files 
 Unique prefix LPR- added to prevent affecting other pages */

.LPR-form-row {
    justify-content: center;
    display: flex;
}

table.LPR-greyGridTable td,
table.LPR-greyGridTable th {
    padding: 6px 0;
}

.LPR-lp-selected {
    background-color: #EEF2F4 !important;
    border-right-color: #EEF2F4 !important;
    border-left-color: #EEF2F4 !important;
}

 Scoped Syncfusion Override: Only affects checkboxes inside an LPR container 
.LPR-review-container .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
    background-color: #A3B2C7 !important;
    border-color: #A3B2C7 !important;
}

.LPR-card {
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 20px;
    margin-top: 20px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}