.schedule-item-container {

    fieldset {
        margin-top: 10px;
        border-width: 1px;
        border-radius: 4px;
        border-color: var(--border-color);

        legend,
        span {
            font-weight: 400;
            font-size: var(--font-size);
            padding-left: 8px;
            padding-right: 6px;
            color: var(--color);
        }

        .ui-input {
            line-height: 20px;
            height: 20px;
        }

        .schedule-item-monthly {
            margin-top: 5px;

            .ui-input {
                width: 40px;
            }
        }

        &.schedule-item-daily-frequency .ui-input {
            vertical-align: top;
            margin-top: 5px;
        }

        .schedule-item-table {
            width: 100%;
        }

        .schedule-item-line-occur-every {
            display: flex;
            align-items: flex-start;

            >.schedule-item-block>.scheldule-item-line {
                display: flex;
                align-items: center;
                margin-top: 5px;

                >span {
                    flex: 1 1 auto;
                }

                >.ui-input {
                    margin-top: 0;
                }
            }

            >span {
                line-height: 36px;
            }

            .ui-input {
                width: 70px;
            }
        }

        .schedule-item-line-duration {
            display: flex;
            align-items: center;
            height: 36px;
        }

        .schedule-item-line {
            >.schedule-item-placeholder {
                flex: 1 1 auto;
            }
        }
    }

    .schedule-item-frequency {
        margin-top: 0;

        >.schedule-item-line {
            line-height: 24px;
        }
    }

    .ui-drop-wrapper>.ui-drop-header {
        height: 24px;
    }
}