EDIT

        margin-top: $v-unit-size;

    // use $v-unit-size instead of $v-font-size * 3?

    }

    .workflow-tabsheet {

        table.v-tabsheet-tabs, .v-tabsheet-tabs tr, .v-tabsheet-tabs tbody {

          width: 100%; 

        }

        .v-tabsheet-tabitemcell {

              width: 25%;

        }

        .v-tabsheet-tabitem {

            // background-color: scale-color(lighten($v-app-background-color, 20%), $saturation: -20%);

            // @include valo-gradient($color: $v-background-color, $gradient: $v-gradient, $fallback: null, $direction: to right);

            // @include box-shadow(inset 0 0 5px $v-app-background-color);

            // background-color: $v-font-color

            // border: valo-border($border: 2px solid, $color: $v-font-color, $strength: 1);

            background-color: scale-color(lighten($v-app-background-color, 20%), $saturation: -20%);

            @include box-shadow(inset 0 0 5px $v-app-background-color);

            border: valo-border($border: 2px solid, $color: $v-app-background-color, $strength: 1);

            border-color: $v-app-background-color;

            .v-caption {

                // line-height: $v-unit-size;

                margin: 0;

                padding: 0;

                padding-right: $v-unit-size / 2;

                border: 0px none;

            }

            .v-icon {

                line-height: $v-unit-size;

                font-size: $v-unit-size * 1.8;

                vertical-align: middle;

                // padding-right: $v-unit-size / 2;

                //color: $v-font-color;

                color: $v-app-background-color;

            }

        }

   // status colors --------------------------------- //