alfresco-ng2-components/lib/process-services/task-list/components/task-standalone.component.scss

@mixin adf-task-standalone-component-theme($theme) {

    $config: mat-typography-config();
    $background: map-get($theme, background);
    
    .adf {
        &-message-card {
            width: 60%;
            box-sizing: border-box;
            margin: 16px auto;
            .mat-card-actions {
                border-top: solid 1px mat-color($background, status-bar);
              }
        }
        &-no-form-message-container {
            height:256px;
            width: 100%;
            display: table;
        }
        &-no-form-message-list {
            display: table-cell;
            vertical-align: middle;
            text-align: center !important;
        }
        &-no-form-message {
            padding-bottom: 10px;
            font-size: mat-font-size($config, display-1);
            line-height: 36px;
            letter-spacing: -1.3px;
            opacity: .54;
            margin: auto;
            width: fit-content !important;
        }
        &-no-form-submessage {
            font-size: mat-font-size($config, subheading-2);
            opacity: .54;
            margin: auto;
            width: fit-content !important;
        }
        &-no-form-mat-card-actions {
            text-align: right;
            & .mat-button {
                text-transform: uppercase;
                border-radius: 5px;
            }
            & .mat-button-wrapper {
                opacity: 0.54;
                font-size: mat-font-size($config, button);
                font-weight: bold;
            }
        }
    }
}