/* @define GanttItemCreationEffortsInput */

.GanttItemCreationEffortsInput {
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding-lg);
}

.GanttItemCreationEffortsInput-label {
    font-weight: var(--font-weight-semibold);
}

.GanttItemCreationEffortsInput-hoursNumberInput,
.GanttItemCreationEffortsInput-minutesNumberInput,
.GanttItemCreationEffortsInput-percentageNumberInput {
    width: 235px;
    max-width: 100%;
    border-color: var(--border-default);
}

/* stylelint-disable plugin/selector-bem-pattern */
.GanttItemCreationEffortsInput .form-control {
    /* We don't want a layout shift when the valid checkmark appears */
    padding-right: 1.55rem !important;
}

.GanttItemCreationEffortsInput .input-group-text {
    width: 37px;
    text-align: center;
}
/* stylelint-enable plugin/selector-bem-pattern */