div#lnkContent a,
div#lnkAttribute a,
div#lnkDownload a
{
        background: #e9ecef;
        margin: 0px 5px;
        padding: 5px 15px;
        display: flex;
        align-items: center;
        font: 14px/1.5 arial;
        border-radius: 3px;
        color: var(--bg-blue-weight);
}
.refInfo {
        display: flex;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
}
div#Epitomize {
        padding: 10px;
        font: 14px/1.5 arial;
}
.UIDocumentDiagramControl {
        /* padding-right: 10px; */
        padding: 10px;
        background: #fff;
}
.col-md-4 {
        padding: 0;
        flex: 1;
}
.documentDiagram {
        display: flex;
        gap: 20px;
        padding: 20px 0;
}
.panel.panel-primary,.panel.panel-danger,.panel.panel-info {
        border: 1px solid #ddd;
        border-radius: 3px;
        /* margin: 0; */
        margin-bottom: 10px;
        min-height: 200px;
}
.panel-heading.panel-heading-sodo {
        font: 14px/24px arial;
        text-align: center;
        padding: 10px;
        background: #e9ecef;
        color: var(--bg-blue-weight);
        text-transform: uppercase;
}
@media only screen and (max-width: 1023px){
        .panel.panel-primary, .panel.panel-danger, .panel.panel-info {
                min-width: 100%;
        }
        .documentDiagram {
                flex-direction: column;
        }
}