.showField {
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    padding: 10px 0;
    position: relative;
    // border-bottom:1px solid #e6eaed;
    &:after {
        content: "";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        padding: 1px;
        box-sizing: border-box;
        pointer-events: none;
        border-bottom: 1px solid #E6E7E8;
    }
    .showField-label,.showField-content {
        font-size: 14px;
        word-break: break-all;
        vertical-align: top;
        &.showField-left, &.showField-right{
            display: inline-block;
        }
        &.showField-top, &.showField-bottom{
            display: block;
        }
    }
    .showField-label {
        color: #6b7175;
        text-align: left;
        &.showField-top{
            color: #828B94;
        }
    }
    .showField-content {
        max-width: 72%;
        color: #3a4247;
        &.showField-right{
            margin-left: 8px;
        }
        &.showField-bottom{
            color: #252C33
        }
        &.isLink {
            color: #1687d9;
        }
        .content {
            white-space: pre-wrap;
            margin: 0;
            padding: 0;
            text-align: left;
        }
    }
    .showField-content.showField-bottom{
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        margin-top: 4px;
        &.clear-margin-top{
            margin-top: 0;
        }
    }
}
.showField:last-child:after{
    background: #fff;
    height: 0px;
}

.compact_form_part {
    .showField {
        min-height: initial;
        border-bottom: 0px;
        padding: initial;
        &:after {
            border: none;
        }
    }
    .showField:first-child {
        padding-top: 12px;
        margin-top: 0;
    }
    .showField:last-child {
        padding-bottom: 12px;
    }
    .showField {
         margin-top: 4px;
         line-height: 16px;
        .showField-label {
            color: #9DA1A3;
            &.showField-left{
                max-width: 40%;
                width: initial!important;
            }
            &.showField-top{
                width: 100%;
            }
        }
        .showField-label,.showField-content {
            font-size: 14px;
            line-height: 16px;
            &.showField-left,.showField-right{
                min-width: initial;
                display: inline-block;
            }
            &.showField-bottom,.showField-top{
                display: block;
            }
            word-break: break-all;
            vertical-align: top;
        }
        .showField-content {
            color: #3A4247;
            padding: initial;
            &.showField-right{
                max-width: 56%;
            }
            &.showField-bottom{
                width: 100%;
            }
            text-align: initial;
        }
    }
}