.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;
            text-indent: 0;

            &.validation-error,
            &:invalid {
                color: #0000004d;
            }
        }

        .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;
    }
}

.open-wo-container {
    display: flex;
    flex-direction: column;

    >.open-wo-header {
        flex: 0 0 auto;
        display: flex;
        align-items: flex-start;

        >h3 {
            font-size: var(--font-header-size);
            font-family: var(--header-font-family);
            margin: 10px;
        }
    }

    >.open-wo-content {
        flex: 1 1 auto;
        margin: 10px;

        >.wo-line {
            line-height: var(--settings-line-height);

            &.wo-sub-line {
                margin-left: 10px;
            }

            >.wo-title {
                &.wo-title-required {
                    &::after {
                        content: '*';
                        color: var(--red-color);
                    }
                }
            }

            >.ui-text {
                width: 100%;
                height: 80px;
                box-sizing: border-box;
            }
        }
    }
}