.release-notes .tag { display: inline-block; margin-top: 20px; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 3px; text-transform: uppercase; text-align: center; color: #fff; font-size: 14px; font-size: 1.4rem; font-family: OpenSans-Semibold; }
.release-notes .tag-new { background-color: #feb420; }
.release-notes .tag-improved { background-color: #39bec2; }
.release-notes .tag-fixed { background-color: #2ecc71; }
.release-notes .tag-resources { background: #50a8e1; }
.release-notes ul.new li, .release-notes ul.improved li, .release-notes ul.resources li, .release-notes ul.fixed > li { padding-left: 15px; position: relative; }
.release-notes ul.new > li:before, .release-notes ul.improved > li:before, .release-notes ul.resources > li:before, .release-notes ul.fixed > li:before { content: '.'; display: inline-block; position: absolute; left: 0; top: -12px; font-size: 40px; }
.release-notes ul.new > li:before { color: #feb420; }
.release-notes ul.improved > li:before { color: #39bec2; }
.release-notes ul.fixed > li:before { color: #2ecc71; }
.release-notes ul.resources > li:before { color: #50a8e1; }
.release-notes .item li li { padding-left: 10px; margin: 8px 0; }
.release-notes .item { margin-top: 38px; }
.release-notes .content .item:first-child { margin-top: 0; }
.release-notes li, .release-notes p { font-size: 14px; line-height: 24px; }
.release-notes li { margin-bottom: 5px; }
.release-notes h1 { margin-bottom: -17px; }
.release-notes h1 span { display: block; margin-top: 20px; padding-top: 10px; font-size: 24px; line-height: 36px; border-top: 1px solid #eee; }
.release-notes .item h3 { line-height: 33px; }
.release-notes a.upgrade { position: absolute; z-index: 2; top: 80px; right: 15px; }

@media (min-width: 768px) {
    .release-notes .content { position: relative; padding-left: 70px; margin-left: 18px; border-left: solid 1px #ccc; }
    .release-notes .content:before { content: ''; display: inline-block; position: absolute; left: -10px; top: 0; width: 20px; height: 10px; background: #fff; }
    .release-notes .content:after { content: ''; display: inline-block; position: absolute; left: -5px; bottom: -10px; width: 10px; height: 10px; background: #fff; border: solid 1px #ccc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
    .release-notes .content { display: none !important; position: relative; padding-left: 65px; margin-left: 18px; border-left: solid 1px #ccc; }
    .release-notes .content.on { display: block !important; }
    .release-notes .item { margin-top: 45px; }
    .release-notes .tag { margin-top: 23px; }
    .release-notes h1 { margin-bottom: 0; padding-bottom: 10px; }
    .release-notes h1 img { display: inline-block; }
    .release-notes h1 span { display: inline-block; margin: 0 0 0 35px; padding: 0; position: relative; font-size: 36px; line-height: 48px; border-top: none; }
    .release-notes h1 span:before { display: inline-block; position: absolute; left: -16px; top: 14px; content: ''; width: 1px; height: 24px; background-color: #ddd; }
    .release-notes .item h3 { position: relative; font-size: 18px; line-height: 33px; color: #444; font-family: OpenSans-Regular; }
    .release-notes h3 .node { display: inline-block; position: absolute; top: 0; left: -83px; width: 35px; height: 35px; }
    .release-notes h3 .node:before { content: ''; position: absolute; opacity: .5; right: 0; top: 0; display: inline-block; width: 35px; height: 35px; background: url(../../images/icons/bg-news-navLi-icnbottom-34x34.png) no-repeat center center; }
    .release-notes h3 .node:after { content: ''; position: absolute; z-index: 2; right: 0; top: 0; display: inline-block; width: 35px; height: 35px; background: url(../../images/icons/icon-roundpoint-23x24.png) no-repeat center center; }
    .release-notes h3 .current:after { background: url(../../images/icons/bg-news-navLi-icntop22x22.png) no-repeat center center; }
    .release-notes a.upgrade { position: absolute; right: 15px; top: 158px; font-size: 14px; line-height: 24px; }
}


@media (min-width: 992px) {
    .release-notes .item h3 { font-size: 24px; line-height: 39px; font-family: OpenSans-Light; }
    .release-notes .tag { margin-top: 25px; }
    .release-notes li, .release-notes p { font-size: 16px; line-height: 26px; }
    .release-notes li { margin-bottom: 9px; }
    .release-notes a.upgrade { top: 158px; font-size: 16px; line-height: 26px; }
}

#cp-header .action-buttons { display: none !important; }