/* stylelint-disable selector-class-pattern */
.SingleDateSelect {
    align-items: center;
    display: flex;
    justify-content: end;
    padding-bottom: 4px;
    padding-top: 4px;

    .FRCLabel {
        margin-right: auto;
        width: 50%;

        .form-label {
            font-size: small;
            margin-bottom: 0;
        }
    }

    .DayPickerInput {
        display: flex;
        width: 50%;

        &-wrapper {
            display: flex;

            .form-control {
                color: $grey_700;
                display: flex;
                font-size: small;
                height: 34px;
                margin-bottom: 0;
                padding-left: 4px;
                padding-right: 0;
                width: 100px;
            }
        }

        &-icon {
            align-self: center;
            display: flex;
            padding: 0 6px;

            .Glyph {
                fill: $grey_700;
                height: 18px;
                width: 18px;
            }
        }

        .DayPickerInput-OverlayWrapper {
            bottom: 120px;
            left: 12px;
        }

        .DayPicker-left-arrow,
        .DayPicker-right-arrow {
            background: none;
            border: none;
        }
    }
}