.contentOff,
.contentOn,
.attContentOff,
.attContentOn,
.attDocSingle,
.docParentOn,
.docParentOff,
.docSingle,
.docPage,
.docArticle,
.docNews,
.docRecord,
.docEvent,
.docApproval,
.docLink, 
.docSeparatorIco,
.distributionListTemplateIco {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 6px;
    padding: 0;
    background-repeat: no-repeat;
}

.attContentOff, 
.contentOff {
    background-image:url('icons/objects/folderClosed.svg?v=1.0'); 
}
.attContentOn, 
.contentOn {
	background-image:url('icons/objects/folderOpened.svg?v=1.0'); 
}
.attDocSingle, 
.docSingle {
	background-image:url('icons/objects/document.svg?v=1.0'); 
}
.docNews {
	background-image:url('icons/objects/news.svg?v=1.0'); 
}
.docApproval {
	background-image:url('icons/objects/approval.svg?v=1.0'); 
}
.docPage {
	background-image:url('icons/objects/page.svg?v=1.0'); 
}
.docEvent {
	background-image:url('icons/objects/event.svg?v=1.0'); 
}
.docArticle {
	background-image:url('icons/objects/article.svg?v=1.0'); 
}
.docRecord {
	background-image:url('icons/objects/record.svg?v=1.0'); 
}
.docLink {
    background-image: url('icons/objects/link.svg?v=1.0');
}

.docParentOn {
    background-image:url('icons/objects/folderContentOpened.svg?v=1.0'); 
}
.docParentOff {
    background-image:url('icons/objects/folderContentClosed.svg?v=1.0'); 
}
.docSeparatorIco {
    background-image: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg"><rect fill="%230274ba" y="9" x="3" height="2" width="14"/></svg>');
}
.distributionListTemplateIco {
    background-image: url('data:image/svg+xml,<svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg"><rect fill="%230274ba" y="5" x="3" height="2" width="14"/><rect fill="%230274ba" y="9" x="3" height="2" width="14"/><rect fill="%230274ba" y="13" x="3" height="2" width="14"/> fill="%230274ba"/></svg>');
}
.docSeparator {
    background-image: linear-gradient(to right, #0000002e,33%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 9px 1px;
    background-repeat: repeat-x;

    /*color: #0274ba;
    border-bottom: dashed 1px;*/
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 1px;
}
/*.icodocatt{
    display:inline-block;
    margin-right: 10px;
    width:40px;
    height:50px;
    background-repeat: no-repeat;
}*/
.icodocatt, .icodocattsmall {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain !important;
}

.docattWord,.docattWordsmall {
    background-image:url('icons/objects/attWord.svg');
}

.docattExcel,.docattExcelsmall {
    background-image:url('icons/objects/attExcel.svg');
}

.docattPDF,.docattPDFsmall {
    background-image:url('icons/objects/attPdf.svg');
}

.docattOther,.docattOthersmall {
    background-image:url('icons/objects/attOther.svg');
}


#spanSignIcon
{
    height: 30px;
    width: 30px;
    display: inline-block;
    float:right;
	padding:0;
    margin-top: 2px;
    background-repeat: no-repeat;
}

#spanSignIcon.signedIcon {
    background-image:url('icons/signed.svg?v=1.1');
}

#spanSignIcon.signIcon {
    background-image: url('icons/sign.svg?v=1.0');
    cursor: pointer;
}

#navigation {
    float: right;
    padding: 0;
    margin-top: 2px;
    background-repeat: no-repeat;
}

.navNext, .navPrev {
    display: inline-block;
    width:16px;
    height:16px;
    background-size:cover;
}

.navPrev {
    background-image: url('data:image/svg+xml,<svg height="16px" width="16px" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:%23001e46;stroke-width:3;" d="M 12,0.6 4,8 12,15.4"/></svg>');
}

.navNext {
    background-image: url('data:image/svg+xml,<svg height="16px" width="16px" xmlns="http://www.w3.org/2000/svg"><path style="fill:none;stroke:%23001e46;stroke-width:3;" d="M 4,0.6 12,8 4,15.4"/></svg>');
}

#navPrev[disabled] .navPrev, #navNext[disabled] .navNext {
    border-color: grey;
}

.tooltipIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height:20px;
    background: #81b9dc;
    border-radius: 4em;
    color: white;
    vertical-align: middle;
    text-align: center;
    cursor: default;
    font-family: "Segoe UI", Tahoma;
}
.tooltipIcon:after
{
    content:"?";
}

.icoDownload    {height: 17px;width: 17px;margin-top: 4px;display: inline-block;background-image:url('icons/download.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}
.icoNewTab      {height: 17px;width: 17px;margin-top: 4px;display: inline-block;background-image:url('icons/newTab.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}
.icoDisplayUnder {height: 17px;width: 17px;margin-top: 4px;display: inline-block;background-image:url('icons/displayUnder.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}
.icoShow        {height: 17px;width: 17px;margin-top: 4px;display: inline-block;background-image:url('icons/show.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}
.icoDownload:hover, .icoShow:hover, .icoDisplayUnder:hover, .icoNewTab:hover, .icoRemove:hover, .icoPreview:hover, .icoEdit:hover {
    transform: scale(1.2);
}

.icoPreview {height: 17px;width: 17px;display: inline-block;background-image:url('icons/preview.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}
.icoEdit {height: 17px;width: 17px;display: inline-block;background-image:url('icons/edit.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}
.icoRemove {height: 17px;width: 17px;display: inline-block;background-image:url('icons/remove.svg?v=1.0');background-repeat: no-repeat;background-size:cover;}