.docpin-marker .docpin-marker-title {
    color: #fff;
    background: #888;
}

.interactive-content .document-marker.docpin-marker:nth-of-type(4n+1),
.interactive-content .document-marker.docpin-marker:nth-of-type(4n+1) .docpin-marker-img {
    border-radius: 50% 50% 50% 0;
    background: #FEB634;
}

.interactive-content .document-marker.docpin-marker:nth-of-type(4n+2),
.interactive-content .document-marker.docpin-marker:nth-of-type(4n+2) .docpin-marker-img {
    border-radius: 50% 50% 0 50%;
    background: #3F4143;
}

.interactive-content .document-marker.docpin-marker:nth-of-type(4n+3),
.interactive-content .document-marker.docpin-marker:nth-of-type(4n+3) .docpin-marker-img {
    border-radius: 50% 0 50% 50%;
    background: #B93632;
}

.interactive-content .document-marker.docpin-marker:nth-of-type(4n+4),
.interactive-content .document-marker.docpin-marker:nth-of-type(4n+4) .docpin-marker-img {
    border-radius: 0 50% 50% 50%;
    background: #82A7AB;
}

.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+1),
.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+1)  .docpin-marker-img {
    border-radius: 50% 0 50% 50%;
    background: #3F4143;
}

.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+2),
.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+2)  .docpin-marker-img {
    border-radius: 0 50% 50% 50%;
    background: #B93632;
}

.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+3),
.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+3)  .docpin-marker-img {
    border-radius: 50% 50% 50% 0;
    background: #82A7AB;
}

.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+4),
.pdfViewer .page .document-marker.docpin-marker:nth-of-type(4n+4)  .docpin-marker-img {
    border-radius: 50% 50% 0 50%;
    background: #FEB634;
}
.modal-content-html ul {
    margin-left: 30px;
}