.dialog.schedule
{
    td
    {
        @include for-at-least-normal-tablets
        {
            padding-top: 40px;
            padding-bottom: 40px;
        }
    }

    th.status,
    td.status
    {
        @include for-at-least-tablets
        {
            text-align: center;
        }
    }

    td.status
    {
        @include for-at-least-tablets
        {
            padding: 0;
            vertical-align: middle;
        }

        .value,
        time
        {
            display: block;
        }

        time
        {
            @include extra-small-text;

            margin-top: steps(-0.5);

            color: $color-text-lighter;

            @include for-at-least-normal-tablets
            {
                margin-top: steps(-1);
            }
        }

        .button
        {
            @include for-phones
            {
                margin-top: steps(1);
            }
        }
    }

    .action
    {
        margin-top: steps(2);

        text-align: center;

        @include for-at-least-normal-tablets
        {
            margin-top: steps(4);
        }
    }
}
