:not(.panel-doccomment-flyout) .docpin-marker:not(.new) .docpin-marker-title,
:not(.panel-doccomment-flyout) .docpin-marker:not(.new):hover .docpin-marker-title,
:not(.panel-doccomment-flyout) .docpin-marker:not(.new):focus .docpin-marker-title {
    visibility: visible !important;
    opacity: 1 !important;
    left: 30px !important;
    right: auto !important;
    border-radius: 0 30px 30px 0 !important;
    -webkit-transform: translateX(0px) scaleX(1) translateZ(0px) !important;
    transform: translateX(0px) scaleX(1) translateZ(0px) !important;
}

:not(.panel-doccomment-flyout) .docpin-marker:not(.new):hover .docpin-marker-title,
:not(.panel-doccomment-flyout) .docpin-marker:not(.new):focus .docpin-marker-title {
    background: #189fd4;
}

.docpin-marker > a {
    left: auto;
    right: 36px;
}

.docpin-marker .docpin-marker-img {
    -webkit-box-shadow: 1px 1px 5px 3px rgba(102, 102, 102, .5);
            box-shadow: 1px 1px 5px 3px rgba(102, 102, 102, .5);
}

@media (max-width: 992px) {
    :not(.panel-doccomment-flyout) .docpin-marker:not(.new) .docpin-marker-title,
    :not(.panel-doccomment-flyout) .docpin-marker:not(.new):hover .docpin-marker-title,
    :not(.panel-doccomment-flyout) .docpin-marker:not(.new):focus .docpin-marker-title {
        left: 20px !important;
    }

    .docpin-marker > a {
        right: 30px;
    }
}