#document-viewer {
    background-color: #F0F0F0;
}  
#document-viewer-header {
    background-color: #F8F8F8;
    height: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 30px;
}

.info-panel {
    background-color: #F0F0F0;
    display: inline-block;      
    padding-left: 15px;
    padding-right: 15px;
    width: calc(32% - 30px);
}
.document-viewer-document {
    display: inline-block;
    width: 67%;
    vertical-align: top;     
}

.document-viewer-document>div {
    background-color: #7B7C7E;
    padding-top: 15px;
    padding-bottom: 15px;
}

.document-viewer-document>div>pre {
    white-space: pre-wrap;     
    margin-left: 15px;
    margin-right: 15px;
    background-color: #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

pre {
    white-space: pre-wrap;     
    margin-left: 15px;
    margin-right: 15px;
    background-color: #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.document-viewer-document>div>img {
    padding-left: 15px;
    padding-right: 15px;
    max-width: calc(100% - 30px);
    padding-top: 15px;
    display: block;
    margin: auto;
    
}

.close { 
    background-image: url(/assets/img/x.png); 
    background-repeat: no-repeat;
    display: inline-block;
}
.print { 
    background-image: url(/assets/img/print.png); 
    background-repeat: no-repeat;
    display: inline-block;
}
.download { 
    background-image: url(/assets/img/download.png);
    background-repeat: no-repeat; 
    display: inline-block;
}
.options { 
    background-image: url(/assets/img/options.png); 
    background-repeat: no-repeat;
    display: inline-block;
}
.options-h { 
    background-image: url(/assets/img/options-h.png); 
    background-repeat: no-repeat;
    display: inline-block;
}
.share { 
    background-image: url(/assets/img/share.png); 
    background-repeat: no-repeat;
    display: inline-block;
}
.expand-info {
    background-image: url(/assets/img/expand-info.png); 
    background-repeat: no-repeat;
    display: inline-block;
}
.collapse-info {
    background-image: url(/assets/img/collapse-info.png); 
    background-repeat: no-repeat;
    display: inline-block;
}

.full-width-viewer {
    width: calc(100% - 60px) !important;
}
.info-panel-min {
    width: 45px;
    display: inline-block;
    vertical-align: top;
}
.file-name-header {
    vertical-align: top;
    display: inline-block;
    font-size: 21px;
}
.activity-card {
    background-color: #D8D8D8;
    border: 1px solid #ABABAB;
    padding: 7.5px;
    margin: 15px;
}

.activity-date {
    color: #9B9B9B;
}    

.related-doc {
    height: 150px;
    width: 115.5px;
    margin: 15px;
}