/* @define EmploymentStartDateFilter */

.EmploymentStartDateFilter-wrapper {
    padding: 0;
}

.EmploymentStartDateFilter-header {
    font-size: var(--font-size-medium);
    color: var(--gray-600);
    text-transform: uppercase;
    padding-left: var(--padding-sm);
    margin-top: 0;
    margin-bottom: var(--padding-xs);
}

.EmploymentStartDateFilter-dateGroupFields {
    display: flex;
    align-items: center;
}

.EmploymentStartDateFilter-formGroup {
    width: 200px;
}
/* stylelint-disable plugin/selector-bem-pattern -- Gantt Label Head css clears the form-control style. This puts it back */
.EmploymentStartDateFilter-dateGroup .form-control {
    height: calc(1.5em + 0.75rem + 2px);
}
/* stylelint-enable plugin/selector-bem-pattern */

.EmploymentStartDateFilter-formGroupLeft {
    padding: 0;
}

.EmploymentStartDateFilter-rangeConnector {
    width: 16px;
    background-color: var(--grey-600);
}