* {
    box-sizing: border-box;
    page-break-inside: avoid;
}

/* This will stop empty span from taking any space*/
span:empty {
    display: none;
}

ul.parent {
    list-style: none;
}

li {
    margin-top: 5px;
}

h1 {
    font-size: 37.5px;
    line-height: 37.5px;
}

h2 {
    font-size: 32px;
    line-height: 32px;
}

h3 {
    font-size: 26.6px;
    line-height: 26.6px;
}

h4 {
    font-size: 21.5px;
    line-height: 21.5px;
}

p {
    font-size: 16px;
    line-height: 16px;
}

h5 {
    font-size: 12px !important;
    line-height: normal;
}

h6 {
    font-size: 14.6px;
    line-height: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal !important;
}

.step-row .sr-content h1,
.step-row .sr-content h2,
.step-row .sr-content h3,
.step-row .sr-content h4,
.step-row .sr-content h5,
.step-row .sr-content h6,
.step-row .sr-content address {
    margin-top: 0;
}

.inline {
    margin-top: 0px;
}

.step {
    display: block;
    white-space: normal;
    margin: 15px 0;
}

.header.parent td {
    width: auto;
    text-align: right;
}

.row {
    display: table;
    width: 100%;
}

.left-ack-step {
    float: left;
    width: 85%;
    margin: 15px 0px 0px 0px;
}

.right-ack {
    float: left;
    width: 15%;
    text-align: right;
}

.header-left {
    text-align: left;
}

.header-right {
    text-align: right;
}

.nodecoration {
    text-decoration: none !important;
    font-weight: normal;
}

p.nodecoration {
    margin-top: 0px;
}

.nodecoration span,
.nodecoration * {
    text-decoration: none !important;
}

.nodecoration strong {
    font-weight: bold;
}

/*.step-row .sr-content table th .th-text {
    display: block;
    word-break:  break-word;
}*/

table.dataentrytable {
    table-layout: fixed;
    border-collapse: collapse;
    display: inline-table;
}

    table.dataentrytable th,
    table.dataentrytable td {
        overflow: hidden;
        border: 1px solid black;
    }

.equation-element * {
    font-weight: normal;
    text-decoration: none;
}

.equation-element img {
    margin-top: 0px;
}

.step-type-heading {
    font-weight: bold;
    text-transform: uppercase;
}

.step-parent {
    overflow: hidden;
}

.step-row {
    margin: 15px 0;
    /*width change is for generic portrait/ landscape. Dont change this*/
    width: 100%;
    display: flex;
    /*margin-left: 137.84px;*/
}

.sr-indent {
    height: inherit;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: none;
}

.sr-bullet {
    width: 74px;
    /*word-break: break-all;*/
    text-align: left;
    height: inherit;
    vertical-align: top;
    font-size: 16px;
    line-height: 18px;
    padding-left: 2px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.sr-content {
    height: auto;
    vertical-align: top;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
    min-width: 0;
}

.sr-ack {
    width: 130px;
    border-right: 1px solid transparent;
    height: auto;
    vertical-align: top;
    padding-right: 5px;
    /*overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;*/
    padding-left: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.userinitials-wrap {
    width: 25px;
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 12px;
}

.userinitials-performedBy-wrap {
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 12px;
}

/* SCSS code for below css
    .step-row {
    .sr-content

{
    width: 490px;
}

&.indent-3 {
    margin-left: 74px;
    .sr-content

{
    width: 490px - 74px;
}

}

&.indent-4 {
    margin-left: 137.84px;
    .sr-content

{
    width: 490px - 137.84px;
}

}

&.indent-5 {
    margin-left: 194.48px;
    .sr-content

{
    width: 490px - 194.48px;
}

}

&.indent-6 {
    margin-left: 243.92px;
    .sr-content

{
    width: 490px - 243.92px;
}

}

&.landscape {
    .sr-content

{
    width: 729px;
}

&.indent-3 {
    .sr-content

{
    width: 729px - 74px;
}

}

&.indent-4 {
    .sr-content

{
    width: 729px - 137.84px;
}

}

&.indent-5 {
    .sr-content

{
    width: 729px - 194.48px;
}

}

&.indent-6 {
    .sr-content

{
    width: 729px - 243.92px;
}

}
}
}*/

.step-row .sr-content {
    width: 490px;
}


.step-row.indent-3 {
    margin-left: 74px;
}

    .step-row.indent-3 .sr-content {
        width: 416px;
    }

.step-row.indent-4 {
    margin-left: 137.84px;
}

    .step-row.indent-4 .sr-content {
        width: 352.16px;
    }

.step-row.indent-5 {
    margin-left: 194.48px;
}

    .step-row.indent-5 .sr-content {
        width: 295.52px;
    }

.step-row.indent-6 {
    margin-left: 243.92px;
}

    .step-row.indent-6 .sr-content {
        width: 246.08px;
    }

.step-row.landscape .sr-content {
    width: 729px;
}

.step-row.landscape.indent-3 .sr-content {
    width: 655px;
}

.step-row.landscape.indent-4 .sr-content {
    width: 591.16px;
}

.step-row.landscape.indent-5 .sr-content {
    width: 534.52px;
}

.step-row.landscape.indent-6 .sr-content {
    width: 485.08px;
}


.sr-ack-clog {
    border-color: black;
}

p.sectionHeader {
    margin: 0px 0px 0px 0px;
    line-height: 20px;
    padding-right: 1px;
}

.cover-page {
    margin: 15px 0;
    width: 675px;
}

    .cover-page.step-row {
        flex-direction: column;
    }

.image-element-pix {
    width: 100% !important;
    text-align: center;
    display: block;
}


    .image-element-pix .iep-inner {
        display: inline-block;
        text-align: center;
        max-width: 85%;
    }

    .image-element-pix .iep-image {
    }

    .image-element-pix .iep-caption {
        text-align: center !important;
        display: inline;
    }


p.sectionHeader img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto;
}

.logo {
    max-height: 50px;
}

.determine-outcome-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    vertical-align: bottom;
    margin-bottom: 3px;
}

.step-link-element .blue {
    color: blue;
}

.reference-element .file-attachment img {
    display: inline-block;
    width: 15px;
    height: auto;
    margin-right: 5px;
}

table {
    border: none !important;
    page-break-inside: auto;
}

.step-row table[style] {
    /*width: inherit !important;*/
    height: auto !important;
}

.step-row .sr-content table td .equation-element img {
    margin-top: 0;
}

.step-row .sr-content table {
    caption-side: top;
}

    .step-row .sr-content table[style] caption {
        display: inline-block;
        width: inherit !important;
        overflow-wrap: normal;
        word-break: break-all;
        text-align: left;
        padding: 0 5px 0 5px;
    }

    .step-row .sr-content table td,
    .step-row .sr-content table th {
        border: 1px solid #808080 !important;
    }

    .step-row .sr-content table td,
    .step-row .sr-content table th {
        padding: 0 2px 0 2px;
        font-size: 14px;
        word-break: initial;
    }

        .step-row .sr-content table td *,
        .step-row .sr-content table th * {
            word-wrap: break-word;
        }

        .step-row .sr-content table td .smart-underline {
            overflow: hidden;
            display: block;
            max-height: 18px;
            height: 18px;
        }

        .step-row .sr-content table td .equation-element {
            width: inherit !important;
        }

        .step-row .sr-content table td .image-element p {
            word-break: break-all;
        }


/* MTE Summary CSS */
/* Copy of sr-content and child classes */

/* 
Margin left applied to align MTE with summary content
Max widh applied to limit the MTE content as per the step width in landscape mode.
*/
.mte-summary {
    margin-left: 15px;
    max-width: 720px;
    overflow: hidden;
}

.sr-content-summary {
    text-align: left;
    height: auto;
    vertical-align: top;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 0;
}

.step-row .sr-content-summary table {
    caption-side: top;
}

    .step-row .sr-content-summary table td .equation-element img {
        margin-top: 0;
    }

.step-row .sr-content-summary table {
    caption-side: top;
}

.step-row .sr-content-summary table {
    caption-side: top;
}


    .step-row .sr-content-summary table[style] caption {
        display: inline-block;
        width: inherit !important;
        overflow-wrap: normal;
        word-break: break-all;
        text-align: left;
        padding: 0 5px 0 5px;
    }

    .step-row .sr-content-summary table td,
    .step-row .sr-content-summary table th {
        border: 1px solid #808080 !important;
    }

    .step-row .sr-content-summary table td,
    .step-row .sr-content-summary table th {
        padding: 0 2px 0 2px;
        font-size: 14px;
        word-break: initial;
    }

        .step-row .sr-content-summary table td *,
        .step-row .sr-content-summary table th * {
            word-wrap: break-word;
        }

        .step-row .sr-content-summary table td .smart-underline {
            overflow: hidden;
            display: block;
            max-height: 18px;
            height: 18px;
        }

        .step-row .sr-content-summary table td .equation-element {
            width: inherit !important;
        }

        .step-row .sr-content-summary table td .image-element p {
            word-break: break-all;
        }

/* MTE Summary CSS */


.align-left {
    text-align: left;
}

.section-header-dv table {
    width: 100% !important;
    table-layout: fixed !important;
    text-align: inherit;
}

    .section-header-dv table td,
    .section-header-dv table th {
        width: auto !important;
        text-align: inherit;
    }

.changelog-rev {
    border-right: 1px solid black;
}

.section-header-dv .changelog-rev {
    padding-right: 42px;
}

.cover-page.changelog-rev {
    padding-right: 60px;
}

.header-changelog {
    padding-right: 42px;
}

.global-header .header-left {
    display: table-cell;
    vertical-align: top;
    width: 1%;
    white-space: nowrap;
    padding-right: 5px;
}

.global-header .header-right {
    display: table-cell;
    vertical-align: middle;
}

    .global-header .header-right .header-right-dv {
        text-overflow: ellipsis;
        overflow: hidden;
    }

.ack-label {
    text-align: left;
    word-break: normal;
    font-size: 50%;
    margin-top: 5px;
    margin-right: 15px;
}

.sr-ack .ack-label.wrap {
    width: 49px;
    display: block;
    margin-right: 5px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sr-ack .ack-element {
    text-align: right;
    width: 65px;
    float: right;
    /*border: 1px solid transparent;*/
}

    .sr-ack .ack-element.width-100 {
        width: 100% !important;
    }

.sr-ack .clear {
    clear: both;
}

.underline {
    /*border-bottom: 1px solid black;*/
    /*padding-bottom: 0px;
    padding-right: 2px;
    text-align: center;*/
}

.upperline {
    border-top: 1px solid black;
    text-align: left;
}

span.block-element {
    display: block;
    margin: 5px 0;
}

.signature {
    padding-right: 0;
    text-align: center;
}

.signature-element .signature img {
    width: 150px;
    height: auto;
}

.signature-label {
    display: block;
    margin-top: 5px;
}

.ack-element .signature img {
    width: 100%;
    height: auto;
}

.nowrap {
    white-space: nowrap !important;
    word-break: break-all;
    text-overflow: ellipsis;
}

.ack-checkbox {
    width: 52px;
    display: inline-block;
}

.ack-boolean {
    width: 46%;
    display: inline-block;
    text-align: left;
}

.ack-boolean-label {
    text-align: left;
    font-size: 12px;
    display: inline-block;
    word-break: normal;
}

.ack-boolean-label-small {
    text-align: left;
    font-size: 8px;
    display: inline-block;
    word-break: normal;
}

.step-row.prna .sr-bullet,
.step-row.prna .sr-content,
.step-row.prna .sr-content *,
.step-row.pona .sr-bullet,
.step-row.pona .sr-content,
.step-row.pona .sr-content * {
    text-decoration: line-through !important;
}

    .step-row.prna .sr-content p.empty,
    .step-row.pona .sr-content p.empty {
        text-decoration: none !important;
    }

.step-row.pona .sr-content-summary,
.step-row.pona .sr-content-summary * {
    text-decoration: line-through !important;
}

    .step-row.pona .sr-content-summary p.empty {
        text-decoration: none !important;
    }


.step-row.loc .sr-bullet .slashed-dv {
    position: relative;
    background: #ccc;
    border-radius: 13px;
    border: 1px solid transparent;
    display: inline-block;
    z-index: -9999;
    min-width: 25px;
}

    .step-row.loc .sr-bullet .slashed-dv.width-25 {
        width: 25px;
    }

    .step-row.loc .sr-bullet .slashed-dv::after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 0;
        top: 8px;
        border-bottom: 3px solid #aaa;
        transform: skewY(-40deg);
        z-index: -9998;
        width: 30px;
    }

.top-page-align {
    text-align: center;
    font-size: 16px;
}

    .top-page-align.vertical-center {
        margin-top: 1%;
    }

.top-page-link-color {
    color: #2f3476;
}

.header-center {
    text-align: center;
    font-size: 16px;
}

.header-margin {
    margin-top: 5px;
}

.ack-element .underline {
    margin-bottom: 2px;
}

.step-note,
.step-caution,
.step-warning,
.step-alara {
    padding: 2px;
}

.sr-ack.na {
    text-align: right;
}

.dataentrytable .signature-column {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
}

    .dataentrytable .signature-column .signature-element,
    table tr td .signature-element {
        margin: 0 !important;
        display: block;
    }

        .dataentrytable .signature-column .signature-element .signature img,
        table tr td .signature-element .signature img {
            width: 80% !important;
            max-width: 80% !important;
            height: auto;
        }

.sr-content .signature,
.sr-content .signature .username {
    display: block;
    max-width: 150px;
}

    .sr-content .signature .username {
        margin: 0;
        white-space: nowrap;
    }

.sr-ack .signature .username {
    word-break: normal;
    overflow-wrap: normal;
    display: inline-block;
}

table tr td .nodecoration {
    line-height: inherit !important;
}

.summary-box {
    box-decoration-break: clone;
    padding: 15px;
    text-align: left;
    display: table;
    width: 93%;
    margin-top: 10px;
    page-break-inside: auto !important;
}

    .summary-box .summary-row {
        display: table-row;
    }

        .summary-box .summary-row .cell {
            display: table-cell;
            padding-bottom: 15px;
            font-size: 14px;
        }

        /*To reduce the gap between M&TE tag and table in summary, no padding bottom is applied */
        .summary-box .summary-row .cell-mte {
            display: table-cell;
            font-size: 14px;
            padding-left: 1px;
        }

        .summary-box .summary-row .label-cell {
            width: 30%;
            font-weight: bold;
        }

        .summary-box .summary-row .value-cell {
            width: 70%;
        }

            .summary-box .summary-row .value-cell .comment-box {
                display: block;
                margin-bottom: 10px;
            }

                .summary-box .summary-row .value-cell .comment-box .posted-by {
                    display: inline-block;
                    width: 45%;
                    text-align: left;
                    font-weight: bold;
                }

                .summary-box .summary-row .value-cell .comment-box .posted-at {
                    display: inline-block;
                    width: 54%;
                    text-align: right;
                }

                .summary-box .summary-row .value-cell .comment-box .comments {
                    margin-top: 3px;
                    display: block;
                    width: 100%;
                    word-break: break-all;
                }

.block-text-center {
    display: block;
    text-align: center;
}

.execution-info-label {
    display: inline-block;
    margin-right: 5px;
}

.iteration-counter {
    font-size: 85%;
    padding-left: 2px;
    padding-top: 2px;
    text-decoration: none !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.sig-block {
    width: 50%;
    font-size: 12px;
    float: right;
}

.ack-block {
    width: 70%;
    font-size: 8px;
    float: right;
    text-align: right;
}

.name-block {
    font-size: 8px;
    float: right;
}

.sr-indent.no-indent,
.sr-bullet.no-bulltet {
    width: 0;
    height: 0;
    display: none;
    visibility: hidden;
}

.text-transparent {
    /*color: transparent;*/
}

.textnumeric-resize {
    display: inline-block;
    border-bottom: 1px solid black;
    color: transparent !important;
    overflow: hidden;
    white-space: nowrap;
}

.d-inline-block-ibk {
    display: inline-block;
}

/* Utilities */
.ml-0 {
    margin-left: 0 !important;
}

.sec-m-left {
    margin-left: 7px;
}

/* Utilities */

/* Text Widget */
.smart-widget-text {
    /*    display: inline-block;*/
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    .smart-widget-text .swt-element {
        border-bottom: 1px solid black;
        overflow: hidden;
        white-space: normal;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 3px;
        min-height: 15px;
        margin-left: 4px;
    }

    .smart-widget-text .swt-label {
        margin-left: 4px;
        /*        word-break: break-word;
        display: inline-block; */
    }

/* Text Widget */

/* Numeric Widget */
.smart-widget-numeric {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    /* Numeric element will act as Blocked when it contains SAT/UNSAT, PASS/FAIL Ranges */
    .smart-widget-numeric .smart-widget-numeric-ranges {
        display: block;
    }

    .smart-widget-numeric .swn-element {
        border-bottom: 1px solid black;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 3px;
        min-height: 15px;
        margin-left: 4px;
    }

td div .smart-widget-numeric .swn-element {
    /*        break-all for text splitting out in data table
*/ word-break: break-all;
}

.smart-widget-numeric .swn-label {
    margin-left: 4px;
    /*        word-break: break-word;
        display: inline-block; */
}

/* SAT/UNSAT, PASS/FAIL should display as Blocked*/
.smart-widget-numeric-ranges .swn-range {
    display: block;
}

/* Numeric Widget */

/* Multiple Choice Widget */
.smart-widget-multiplechoice {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-multiplechoice .swm-label {
        margin-left: 8px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-multiplechoice .swm-option {
        word-break: break-word;
        display: block;
        margin-top: 3px;
    }

    .smart-widget-multiplechoice .swm-symbol {
        margin-right: 5px;
        display: inline-block;
        width: 13px;
        font-size: 15px;
    }

/* Multiple Choice Widget */

/* Date Time Widget */
.smart-widget-datetime {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    .smart-widget-datetime .swd-element {
        border-bottom: 1px solid black;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 3px;
        min-height: 15px;
        margin-left: 4px;
    }

    .smart-widget-datetime .swd-label {
        margin-left: 4px;
        /* word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-datetime .swd-label-de {
        /*        word-break: break-word;
        display: inline-block;
        */
    }

/* Date Time Widget */

/* Date Time Diff Widget */
.smart-widget-datetimediff {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-datetimediff .swdd-element {
        border-bottom: 1px solid black;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 3px;
        min-height: 15px;
    }

    .smart-widget-datetimediff .swdd-label {
        margin-left: 8px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-datetimediff .swdd-checkpoint {
        margin-top: 3px;
    }

/* Date Time Diff Widget */

/* Equation Widget */
.smart-widget-equation {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-equation .swe-figure {
        max-width: 100%;
        width: auto;
    }

    .smart-widget-equation .swe-element {
        border-bottom: 1px solid black;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        margin-left: 8px;
        vertical-align: bottom;
        margin-bottom: 3px;
    }

    .smart-widget-equation .swe-label {
        margin-left: 4px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-equation .swe-block {
        display: block;
    }

    .smart-widget-equation .swn-range {
        display: block;
    }

    .smart-widget-equation .smart-widget-equation-ranges {
        display: block;
    }


/* Equation Widget */

/* Checkbox Widget */
.smart-widget-checkbox {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    .smart-widget-checkbox .swc-label {
        margin-left: 4px;
        /*        word-break: break-word;
        display: inline-block; */
    }

/* Checkbox Widget */

/* Signature Widget */
.smart-widget-signature {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-signature .sws-element {
        border-bottom: 1px solid black;
        white-space: nowrap;
        display: block;
        width: 150px;
        text-align: center;
        vertical-align: bottom;
        margin-bottom: 3px;
        min-height: 15px;
    }

td div .smart-widget-signature .sws-element {
    /*        break-all for text splitting out in data table
*/ word-break: break-all;
}

.smart-widget-signature .sws-element img {
    max-width: 100%;
    height: auto;
    display: block;
}

.smart-widget-signature .sws-label {
    margin-left: 8px;
    /*        word-break: break-word;
        display: inline-block; */
}

.smart-widget-signature .sws-label-de {
    /*      word-break: break-word;
        display: inline-block; */
    white-space: break-spaces;
}

/* Signature Widget */

/* Boolean Widget */

.smart-widget-boolean {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    .smart-widget-boolean .swb-label {
        margin-left: 8px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-boolean .swb-symbol {
        margin-right: 5px;
        display: inline-block;
        width: 13px;
        font-size: 15px;
    }

/* Boolean Widget */

/* Logic Widget */
.smart-widget-logic {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-logic .swl-label {
        margin-left: 8px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-logic .swl-block {
        display: block;
        margin-top: 8px;
    }


    .smart-widget-logic .swl-bracket {
        display: inline-block;
        font-weight: bold;
    }


    .smart-widget-logic .swl-inline {
        display: inline;
    }

.step-row .sr-content table.swl-table {
    border: none !important;
    border-spacing: 0;
    padding: 0;
}

    .step-row .sr-content table.swl-table td {
        border: none !important;
        font-size: 16px;
        vertical-align: top;
    }
/* Logic Widget */

/* Reference Widget */
.smart-widget-reference {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    .smart-widget-reference .swr-icon {
        display: inline-block;
        width: 15px;
        height: auto;
        margin-right: 5px;
    }

    .smart-widget-reference .swr-label {
        margin-left: 4px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-reference .sr-inline {
        display: inline !important;
    }

td .smart-widget-reference a {
    word-break: break-all;
}

/* Reference Widget */

/* Branched Procedure Widget */
.smart-widget-branched {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}

    .smart-widget-branched .swbr-label {
        margin-left: 4px;
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-branched.swbr-NonText .swbr-label {
        margin-left: 4px;
    }

/* Branched Procedure Widget */

/* Image Widget */

.smart-widget-image {
    width: 100% !important;
    text-align: center;
    display: block;
}

    .smart-widget-image .swi-figure {
        display: inline-block;
        text-align: center;
    }

    /* to keep text left aligned when no image is linked and element is faulty*/
    .smart-widget-image .swi-figure-empty {
        display: inline-block;
        text-align: left;
    }

    .smart-widget-image .swi-label {
        margin-left: 8px;
        /*        word-break: break-word;
        display: inline-block; */
    }

td .smart-widget-image .swi-figure .swi-label {
    word-break: break-all;
}
/* Image Widget */

/* Variable Widget */
.smart-widget-variable {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-variable .swv-element {
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 3px;
        min-height: 15px;
        border-bottom: 1px solid black;
    }

    .smart-widget-variable .swv-label {
        margin-right: 4px;
        /*        word-break: break-word;
        display: inline-block; */
    }

/* Variable Widget */

/* Step Link Widget */
.smart-widget-steplink {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    margin-right: 4px;
}


    .smart-widget-steplink .swst-step-info-execution {
        border-bottom: 1px solid black;
    }

    .smart-widget-steplink .swst-step-info-ref-elements {
        border-bottom: 1px solid black;
    }

    .smart-widget-steplink .swst-step-info {
        padding-left: 153px;
        border-bottom: 1px solid black;
        word-break: break-all;
        line-height: 20px;
    }

.smart-widget-steplink-image-label {
    /*    display: inline-block; */
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

    .smart-widget-steplink-image-label .swst-step-info-ref-elements {
        border-bottom: 1px solid black;
    }

.smart-widget-steplink .swr-icon {
    display: inline-block;
    width: 15px;
    height: auto;
    margin-right: 5px;
}

.smart-widget-steplink .swst-label {
    margin-left: 4px;
    /*    word-break: break-word;
    display: inline-block; */
}

    .smart-widget-steplink .swst-label .blue {
        color: blue;
    }

/* Step Link Widget */

/* Data Entry Widget */
.smart-widget-detable {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

    .smart-widget-detable .swdt-caption {
        display: block;
        word-break: break-word;
        margin-bottom: 5px;
    }

    .smart-widget-detable .swdt-label {
        /*        word-break: break-word;
        display: inline-block; */
    }

    .smart-widget-detable .swdt-tablewrap {
        display: block;
        margin-top: 8px;
    }

    .smart-widget-detable .swdt-table {
        table-layout: fixed;
        display: inline-table;
        border-collapse: collapse;
        border-spacing: 0;
        width: auto;
    }

    .smart-widget-detable .swdt-tablewrap.center {
        text-align: center !important;
    }

    .smart-widget-detable .swdt-tablewrap.right {
        text-align: right !important;
    }

    .smart-widget-detable .swdt-table th {
        font-size: 14px;
    }

    .smart-widget-detable .swdt-table td,
    .smart-widget-detable .swdt-table th {
        padding: 5px;
        word-break: break-all;
    }

    /* break-all only for value field of multi choice inside data entry */
    /* This is applied so a large numeric value does not exceed border */
    .smart-widget-detable .smdt-multi-choice-value {
        word-break: break-all;
    }

/* Data Entry Widget */

/* MTE Widget*/

.smart-widget-mte-table {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

    /* Marked important since break-all is a must requirement at column heading*/
    .smart-widget-mte-table .smte-column-heading {
        word-break: break-all !important;
    }

    .smart-widget-mte-table .swmt-caption {
        display: block;
        word-break: break-word;
        margin-bottom: 5px;
    }

    .smart-widget-mte-table .swmt-tablewrap {
        display: block;
        margin-top: 8px;
    }

        /* Setting MTE alignment inside step */
        .smart-widget-mte-table .swmt-tablewrap.left {
            text-align: left !important;
        }

        .smart-widget-mte-table .swmt-tablewrap.center {
            text-align: center !important;
        }

        .smart-widget-mte-table .swmt-tablewrap.right {
            text-align: right !important;
        }

/* Forcing left alignment if MTE is in summary */
.sr-content-summary .smart-widget-mte-table [class^='swmt-tablewrap'] {
    text-align: left !important;
}

.smart-widget-mte-table .swmt-table {
    display: inline-table;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

    .smart-widget-mte-table .swmt-table th {
        font-size: 14px;
    }

    .smart-widget-mte-table .swmt-table td,
    .smart-widget-mte-table .swmt-table th {
        padding: 5px;
        word-break: break-all;
    }

.swmt-table-cell-text {
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 3px;
    min-height: 15px;
    word-break: break-all;
}

    .swmt-table-cell-text.user-entered-value {
        border-bottom: 1px solid black;
    }

/* MTE Widget*/

/* Ack Checkbox Widget */

.ack-checkbox-widget {
    display: block;
    font-size: 8px;
    font-weight: bold;
}

    .ack-checkbox-widget .acw-blank {
        border-bottom: 1px solid black;
        font-size: 14px;
        text-align: center;
        display: block;
        min-height: 10px;
    }

    .ack-checkbox-widget .acw-label {
        text-align: left;
        padding-top: 3px;
        word-break: break-word;
        display: block;
    }


/* Ack Checkbox Widget */

/* Ack Signature Widget */

.ack-signature-widget {
    display: block;
    font-size: 8px;
    font-weight: bold;
}



    .ack-signature-widget .asw-blank {
        border-bottom: 1px solid black;
        font-size: 16px;
        min-height: 15px;
        text-align: center;
        display: block;
    }

        .ack-signature-widget .asw-blank img {
            max-width: 100%;
            display: block;
            margin: 0 auto 3px;
        }

    .ack-signature-widget .asw-label {
        text-align: left;
        padding-top: 3px;
        word-break: break-word;
        display: block;
    }

/* Ack Signature Widget */

/* Ack Boolean Widget */

.ack-boolean-widget {
    display: block;
    font-size: 8px;
    font-weight: bold;
    margin-bottom: 0px;
}

    .ack-boolean-widget .abw-options {
        overflow: hidden;
    }

    .ack-boolean-widget .abw-opt {
        width: 45%;
        display: block;
    }

    .ack-boolean-widget .abw-blank {
        font-size: 14px;
        height: 18px;
        text-align: center;
        border: 1px solid transparent;
        border-bottom-color: black;
        margin-bottom: 0px;
        display: block;
    }

        .ack-boolean-widget .abw-blank.box {
            border: 3px solid black;
        }

    .ack-boolean-widget .abw-opt:first-child {
        float: left;
    }

    .ack-boolean-widget .abw-opt:last-child {
        float: right;
    }

    .ack-boolean-widget .abw-label {
        text-align: left;
        padding-top: 3px;
        word-break: break-word;
        display: block;
    }

/* Ack Boolean Widget */


.sr-content > p:first-child {
    margin-top: 0;
}

.sr-content > p:last-child {
    margin-bottom: 0;
}

/* NCWA */

/* Step Note */

.step-note {
    border: 1px solid;
    display: block !important;
    overflow: hidden;
    min-height: 80px;
    margin-bottom: 10px;
}

    .step-note .sn-heading {
        font-weight: bold;
        text-transform: uppercase;
        width: 55px;
        margin: auto;
    }


    .step-note .sn-content {
        margin-left: 0px;
        overflow: hidden;
    }

        .step-note .sn-content > p:first-child {
            margin-top: 0;
        }

        .step-note .sn-content > p:last-child {
            margin-bottom: 0;
        }

/* Step Caution */

.step-caution {
    border: 5px double;
    display: block !important;
    overflow: hidden;
    min-height: 80px;
    margin-bottom: 10px;
}

    .step-caution .sc-heading {
        font-weight: bold;
        text-transform: uppercase;
        width: 83px;
        margin: auto;
    }

    .step-caution .sc-content {
        margin-left: 0px;
    }

        .step-caution .sc-content > p:first-child {
            margin-top: 0;
        }

        .step-caution .sc-content > p:last-child {
            margin-bottom: 0;
        }

/* Step Warning */

.step-warning {
    border: 5px solid;
    display: block !important;
    overflow: hidden;
    min-height: 80px;
    margin-bottom: 10px;
}

    .step-warning .sw-heading {
        font-weight: bold;
        text-transform: uppercase;
        width: 88px;
        margin: auto;
    }

    .step-warning .sw-content {
        margin-left: 0px;
    }

        .step-warning .sw-content > p:first-child {
            margin-top: 0;
        }

        .step-warning .sw-content > p:last-child {
            margin-bottom: 0;
        }

/* Step Alara */

.step-alara {
    border: 1px solid;
    display: block !important;
    overflow: hidden;
    min-height: 80px;
    margin-bottom: 10px;
}

    .step-alara .sa-heading {
        font-weight: bold;
        text-transform: uppercase;
        width: 66px;
        margin: auto;
    }

    .step-alara .sa-content {
        margin-left: 0px;
    }

        .step-alara .sa-content > p:first-child {
            margin-top: 0;
        }

        .step-alara .sa-content > p:last-child {
            margin-bottom: 0;
        }

/* NCWA */

/* Static Table */

.static-table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Static Table */

/*Attachement*/
.step-attachment-listing {
    text-align: center;
    margin-top: 100px;
}

.step-attachment-page-heading {
    text-align: center;
    margin-top: 250px;
}

address {
    font-style: normal !important;
    font-size: 10px !important;
    margin-top: 12px;
    margin-bottom: 12px;
    // 7.5pt 10px 0.625rem
}
/*Attachement*/

/*PDF Ack to bottom & full text width*/

.step-row.step-col {
    flex-direction: column;
    border-right: 1px solid transparent;
}

    .step-row.step-col.sr-step-clog {
        border-color: black;
    }

    .step-row.step-col .sr-content {
        width: auto;
    }

    .step-row.step-col .sr-ack {
        display: block;
        width: auto;
        float: right;
    }

    .step-row.step-col .ack-checkbox-widget .acw-label, .step-row.step-col .ack-signature-widget .asw-label, .step-row.step-col .ack-boolean-widget .abw-label, .step-row.step-col .ack-checkbox-widget .acw-label {
        height: 12px;
    }

        /*.step-row.step-col .ack-checkbox-widget .acw-label:last-child, .step-row.step-col .ack-signature-widget .asw-label:last-child, .step-row.step-col .ack-checkbox-widget .acw-label:last-child {
            margin-bottom: 12px;
        }*/

    .step-row.step-col .self-center {
        align-self: center;
    }

    .step-row.step-col .ack-checkbox-widget, .step-row.step-col .ack-signature-widget {
        padding-right: 10px;
    }

        .step-row.step-col .ack-signature-widget .asw-blank img {
            width: 140px;
        }

    .step-row.step-col .ack-boolean-widget .abw-options {
        overflow: visible;
    }

    .step-row.step-col .ack-boolean-widget .abw-opt:first-child {
        float: none;
        display: inline-block;
        margin-right: 10px;
    }

    .step-row.step-col .ack-boolean-widget .abw-opt:last-child {
        float: none;
        display: inline-block;
    }

    .step-row.step-col .ack-checkbox-widget, .step-row.step-col .ack-signature-widget, .step-row.step-col .ack-boolean-widget {
        width: 150px;
        display: table-cell;
        vertical-align: bottom;
    }

    .step-row.step-col .sr-bullet {
        margin-bottom: 5px;
    }

/*---------Without Toggle--------*/

.d-table {
    display: table;
    width: 100%;
}

    .d-table > div {
        display: table-cell;
    }

    .d-table .sr-bullet {
        min-width: 74px;
        width: 74px;
        max-width: 74px;
    }
    .d-table .sr-content {
        height: auto;
        vertical-align: top;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        padding-right: 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        overflow: hidden;
        min-width: 0;
    }

    .d-block-element {
        /*display: block;
        width: 100%;*/
    }

    .d-block-element .sr-indent, .d-block-element .sr-bullet {
        /*display: table-cell;*/
        float: left;
    }

    .d-block-element .sr-bullet {
        min-width: 74px;
        width: 74px;
        max-width: 74px;
    }
    .d-block-element.v-align-top td {
        vertical-align: top !important;
    }

.step-row.step-col-full {
    display: block;
    border-right: 1px solid transparent;
}

    .step-row.step-col-full.sr-step-clog {
        border-color: black;
    }

    .step-row.step-col-full .sr-ack {
        display: block;
        width: auto;
        float: right;
    }

    .step-row.step-col-full .sr-content {
        width: auto;
        flex: 1;
    }

    .step-row.step-col-full .d-flex {
        display: flex;
    }

    .step-row.step-col-full .justify-content-end {
        justify-content: right;
        width: auto;
    }

    .step-row.step-col-full .ack-checkbox-widget .acw-label, .step-row.step-col-full .ack-signature-widget .asw-label, .step-row.step-col-full .ack-boolean-widget .abw-label, .step-row.step-col-full .ack-checkbox-widget .acw-label {
        height: 12px;
    }

        /*.step-row.step-col-full .ack-checkbox-widget .acw-label:last-child, .step-row.step-col-full .ack-signature-widget .asw-label:last-child, .step-row.step-col-full .ack-checkbox-widget .acw-label:last-child {
            margin-bottom: 12px;
        }*/

    .step-row.step-col-full .self-center {
        align-self: center;
    }

    .step-row.step-col-full .ack-signature-widget .asw-blank img {
        width: 140px;
    }

    .step-row.step-col-full .ack-boolean-widget .abw-options {
        overflow: visible;
    }

    .step-row.step-col-full .ack-boolean-widget .abw-opt:first-child {
        float: none;
        display: inline-block;
        margin-right: 10px;
    }

    .step-row.step-col-full .ack-boolean-widget .abw-opt:last-child {
        float: none;
        display: inline-block;
    }



    .step-row.step-col-full .ack-checkbox-widget, .step-row.step-col-full .ack-signature-widget {
        padding-right: 10px;
    }

    .step-row.step-col-full .ack-checkbox-widget, .step-row.step-col-full .ack-signature-widget, .step-row.step-col-full .ack-boolean-widget {
        width: 150px;
        display: table-cell;
        vertical-align: bottom;
    }


/*Indent*/
.sr-bullet.indent-3 {
    padding-left: 74px;
    min-width: 148px;
    width: 148px;
    max-width: 148px;
}

.sr-bullet.indent-4 {
    padding-left: 137.84px;
    min-width: 211.84px;
    width: 211.84px;
    max-width: 211.84px;
}

.sr-bullet.indent-5 {
    padding-left: 194.48px;
    min-width: 268px;
    width: 268px;
    max-width: 268px;
}

.sr-bullet.indent-6 {
    padding-left: 243.92px;
    min-width: 317px;
    width: 317px;
    max-width: 317px;
}

/**********/

/*User intials alignment*/
.userinitials-wrap .empty-space {
    height: 45px;
}
/**/

/****End PDF Ack to bottom & full text width****/

.empty .abw-label:empty {
    display: none;
}
.empty .acw-label:empty {
    display: none;
}
.empty .asw-label:empty {
    display: none;
}


.d-table-cell {
    /*display: table-cell;*/
}

.empty div {
    padding-top: 0 !important;
}