@use '../../../../mat-selectors' as ms;

adf-search-date-range {
    .adf-search-date-range-container {
        margin-top: 20px;
        padding: 10px;

        .adf-search-date-range-form-field-select {
            width: 180px;
            min-width: 180px;
        }

        &-row {
            display: flex;
            flex-direction: row;
            padding: 0 0 21px;
            align-items: center;
            border: 0;
            margin: 0;

            &-date {
                margin-top: 8px;
            }

            #{ms.$mat-select-arrow-wrapper} {
                height: unset;
            }

            .adf-search-date-range-input-field {
                width: 75px;
            }

            .adf-search-date-range-form-field {
                padding-left: 10px;
                flex: 1;
                margin-bottom: 12px;
            }
        }
    }

    .adf-search-widget-extra-width {
        max-width: 500px;
    }
}