.redunderline {
    text-decoration-color: red
}

.scheme-rips .sidebar {
    background-color: #0c121a;
    color: #ffffff;
    padding: 20px
}

.scheme-rips .sidebar-content {
    position: static;
    width: 100%;
    padding: 0;
    margin: 0
}

.scheme-rips .sidebar a {
    color: #FC4
}

.scheme-rips .sidebar-recent a.recent-headline {
    color: white
}

.scheme-rips .content {
    max-width: 800px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 991px) {
    .scheme-rips .content {
        max-width: 800px;
        padding-right: 15px;
        padding-left: 5em
    }
}

.scheme-rips .post small, .scheme-rips .post p {
    text-align: justify
}

.scheme-rips .post ol li, .scheme-rips .post > ul > li {
    font-size: 1.2em
}

.scheme-rips .content img {
    max-width: 100%
}

.scheme-rips .logo {
    margin: 20px 0 0 0;
    text-align: center
}

.scheme-rips .copyright, .scheme-rips .privacy {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    border-top-color: rgba(255, 255, 255, 0.5)
}

.scheme-rips .privacy {
    font-size: 0.7em
}

.scheme-rips .sidebar {
    background-image: url(/img/grid.png);
    background-repeat: no-repeat;
    background-position: top right
}

.scheme-rips .small {
    color: rgba(0, 0, 0, 0.55)
}

.scheme-rips .feed {
    text-align: center;
    font-size: 26px
}

.scheme-rips .feed a {
    color: rgba(255, 255, 255, 0.3)
}

.scheme-rips .feed a:hover {
    color: rgba(255, 255, 255, 0.6)
}

.scheme-rips .sidebar .sidebar-title h1 a {
    color: #fff
}

.scheme-rips .main-content {
    display: flex;
    flex-direction: row;
    position: relative
}

.scheme-rips .main-content > .content {
    flex-grow: 0;
    flex-shrink: 1
}

.scheme-rips .main-content > .social-box {
    flex-grow: 0;
    flex-shrink: 1;
    overflow: hidden
}

.scheme-rips .sidebar .sidebar-recent {
    margin-top: 20px
}

.sidebar-description {
    text-align: center;
    width: 100%;
    font-size: 0.75em;
    color: #d1d1d1;
    margin-bottom: 50px
}

.sidebar-title h1 {
    font-size: 1.5em
}

.content h1 > a {
    color: #333
}

pre {
    border-radius: 0;
    font-size: 14px
}

.comments {
    border-top: 1px solid #e6e6e6;
    margin-bottom: 3em;
    margin-top: 40px
}

.post h2 {
    margin-bottom: .4em
}

.post .post-heading span {
    color: #a2a2a2;
    font-size: 1.2em
}

.light {
    font-weight: 300 !important
}

.row-margin-top {
    margin-top: 40px
}

.bottom-message {
    font-size: 16px
}

.charts {
    margin-top: 20px;
    margin-bottom: 20px
}

h4.file {
    color: #fff;
    background-color: #000;
    font-weight: normal;
    font-size: 16px;
    word-wrap: break-word;
    padding: 5px 10px;
    margin-bottom: 0;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to top right, #ff0051 0, #fc4 50%);
    border-image-slice: 1
}

h4.file, code, kbd, pre, samp {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace
}

table .date {
    width: 100px
}

.newsletter {
    margin: 20px 0
}

.newsletter a {
    margin-right: 10px
}

.full {
    width: 100%
}

table.sans th, table.sans td, table.owasp th, table.owasp td {
    vertical-align: middle !important
}

table.sans .yes, table.owasp .yes {
    color: #529053
}

table.sans .no, table.owasp .no {
    color: #9a9a9a
}

table.owasp th:nth-child(1), table.owasp td:nth-child(1) {
    text-align: center
}

table.owasp th:nth-child(3), table.owasp td:nth-child(3) {
    text-align: center
}

table.sans th:nth-child(1), table.sans td:nth-child(1) {
    text-align: center
}

table.sans th:nth-child(2), table.sans td:nth-child(2) {
    text-align: center;
    white-space: nowrap
}

table.sans th:nth-child(4), table.sans td:nth-child(4) {
    text-align: center
}

table.cal {
    width: 100%;
    margin: 0
}

table.cal td {
    border: 1px solid #39424a;
    background-color: #1B2228;
    text-align: center;
    font-size: 14px;
    padding: 6px
}

table.cal td.old {
    color: #39424a;
    cursor: not-allowed
}

table.cal td.blogentry {
    background-color: rgba(255, 204, 68, 0.74);
    color: #1B2228;
    font-weight: bold
}

table.cal td.blogentry.current {
    background-color: #FC4
}

table.cal td.blogentry a {
    color: #1B2228;
    display: block
}

table.cal td.blogentry a:hover {
    text-decoration: none
}

.apav-header {
    text-align: center;
    font-size: 20px;
    margin-top: 10px
}

.critical {
    color: #e12e2e
}

.high {
    color: #e15d5d
}

.medium {
    color: #ffcc44
}

.low {
    color: #a9c171
}

.warm-red {
    color: #e85050
}

.row.pics > div {
    margin: 20px 0
}

.gradientborder {
    border: 2px solid transparent;
    -moz-border-image: -moz-linear-gradient(bottom left, #ff004e 0%, #fc4 100%);
    -webkit-border-image: -webkit-linear-gradient(bottom left, #ff004e 0%, #fc4 100%);
    border-image: linear-gradient(to top right, #ff004e 0%, #fc4 100%);
    border-image-slice: 1
}

.footnotes ol li {
    word-break: break-all
}

.sonarqube-border img {
    border: 1px solid #c3c3c3
}

.btn {
    border-radius: 0
}

.btn-red {
    background-color: #ff6549;
    border: 1px solid #731504;
    color: white
}

.btn-red:hover {
    background-color: #731504;
    color: white
}

.btn.btn-border {
    background: transparent;
    transition: 0.1s
}

.btn.btn-rips-reverse-lightblue {
    border: 2px solid #329ae4;
    background-color: #329ae4;
    color: #ffffff
}

.btn.btn-rips-reverse-lightblue:hover {
    border-color: #4baff7;
    background-color: #4baff7;
    color: #ffffff
}

#cookie-notice {
    background-color: rgba(59, 67, 80, 0.9);
    bottom: 0;
    display: none;
    padding: 10px;
    width: 100%;
    position: fixed;
    z-index: 4;
    text-align: center;
    font-size: 13px;
    color: #e4e1e1
}

#cookie-notice .btn {
    margin-left: 4px;
    color: #e4e1e1;
    font-size: 13px;
    padding: 4px 8px
}

.btn.btn-rips-black {
    border: 2px solid #2b3035;
    color: #2b3035
}

.btn.btn-rips-black:hover {
    background-color: #2b3035;
    color: white
}

.scheme-rips .author {
    margin: 20px 0;
    padding: 20px;
    box-shadow: 4px 4px 25px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center
}

.scheme-rips .author .image {
    min-width: 160px;
    max-width: 160px;
    margin: 0 20px 20px 0
}

.scheme-rips .author .text h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 300
}

.scheme-rips .author .text h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold
}

@media (min-width: 500px) {
    .scheme-rips .author {
        flex-direction: row;
        align-items: flex-start
    }

    .scheme-rips .author .image {
        margin-bottom: 0
    }
}

#chart-severity-bar2 .c3-shape-0, #chart-severity-bar .c3-shape-0 {
    stroke: #a9c171 !important;
    fill: #a9c171 !important
}

#chart-severity-bar2 .c3-shape-1, #chart-severity-bar .c3-shape-1 {
    stroke: #ffcc44 !important;
    fill: #ffcc44 !important
}

#chart-severity-bar2 .c3-shape-2, #chart-severity-bar .c3-shape-2 {
    stroke: #e15d5d !important;
    fill: #e15d5d !important
}

#chart-severity-bar2 .c3-shape-3, #chart-severity-bar .c3-shape-3 {
    stroke: #e12e2e !important;
    fill: #e12e2e !important
}

#chart-severity-bar2 .c3-axis-x .tick text, #chart-severity-bar .c3-axis-x .tick text {
    fill: #333;
    font-size: 14px
}

#chart-severity-bar2 .c3-chart .c3-chart-texts .c3-target-Count text,
#chart-severity-bar .c3-chart .c3-chart-texts .c3-target-Count text {
    fill: #333 !important;
    font-size: 14px
}

#chart-severity-bar-none .c3-shape-0 {
    stroke: #aab5b7 !important;
    fill: #aab5b7 !important
}

#chart-severity-bar-none .c3-shape-1 {
    stroke: #a9c171 !important;
    fill: #a9c171 !important
}

#chart-severity-bar-none .c3-shape-2 {
    stroke: #ffcc44 !important;
    fill: #ffcc44 !important
}

#chart-severity-bar-none .c3-shape-3 {
    stroke: #e15d5d !important;
    fill: #e15d5d !important
}

#chart-severity-bar-none .c3-shape-4 {
    stroke: #e12e2e !important;
    fill: #e12e2e !important
}

#chart-severity-bar-none .c3-axis-x .tick text {
    fill: #333;
    font-size: 14px
}

#chart-severity-bar-none .c3-chart .c3-chart-texts .c3-target-Plugins text {
    fill: #333 !important;
    font-size: 14px
}

#chart-cost-bar .c3-shape-0 {
    stroke: #a9c171 !important;
    fill: #a9c171 !important
}

#chart-cost-bar .c3-shape-1 {
    stroke: #ffcc44 !important;
    fill: #ffcc44 !important
}

#chart-cost-bar .c3-shape-2 {
    stroke: #ff7333 !important;
    fill: #ff7333 !important
}

#chart-cost-bar .c3-shape-3 {
    stroke: #e12e2e !important;
    fill: #e12e2e !important
}

#chart-cost-bar .c3-axis-x .tick text {
    fill: #333;
    font-size: 14px
}

#chart-cost-bar .c3-chart .c3-chart-texts .c3-target-Count text {
    fill: #333 !important;
    font-size: 14px
}

.chart-loc-parent {
    padding-left: 0;
    margin-left: 0
}

.chart-files-parent {
    padding-right: 0;
    margin-right: 0
}

.shariff {
    position: fixed;
    bottom: 6px;
    right: 6px
}

.shariff ul {
    min-width: 0 !important;
    display: flex;
    flex-direction: row
}

.shariff ul li {
    margin: 0 3px !important
}

.shariff li .share_text {
    display: none
}

@media (min-width: 1024px) {
    .shariff {
        bottom: 10%
    }

    .shariff ul {
        flex-direction: column
    }

    .shariff ul li {
        margin: 3px 0 !important
    }
}

@media (min-width: 1220px) {
    .shariff {
        right: auto
    }

    .shariff ul {
        min-width: 100px !important
    }

    .shariff li .share_text {
        display: inline
    }
}

div.highlight {
    margin-bottom: 10px
}

div.chroma {
    padding: 10px 0 0 0
}

div.chroma code, div.chroma pre {
    word-wrap: normal;
    word-break: normal;
    white-space: pre;
    border: 0
}

div.chroma pre {
    padding: 0 10px
}

div.chroma .lntd:first-child pre {
    border-right: 1px solid rgba(255, 255, 255, 0.15)
}

.chroma {
    color: #f8f8f2;
    background-color: #272822
}

.chroma .err {
    color: #960050;
    background-color: #1e0010
}

.chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0
}

.chroma .lntable {
    border-spacing: 0;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
    overflow: auto;
    display: block
}

.chroma .hl {
    background-color: rgba(218, 77, 77, 0.45);
    display: block;
    width: 100%
}

.chroma .lnt {
    margin-right: 0;
    padding: 0 0.4em 0 0.4em;
    display: block;
    color: rgba(255, 255, 255, 0.5)
}

.chroma .ln {
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em
}

.chroma .k {
    color: #66d9ef
}

.chroma .kc {
    color: #66d9ef
}

.chroma .kd {
    color: #66d9ef
}

.chroma .kn {
    color: #f92672
}

.chroma .kp {
    color: #66d9ef
}

.chroma .kr {
    color: #66d9ef
}

.chroma .kt {
    color: #66d9ef
}

.chroma .na {
    color: #a6e22e
}

.chroma .nc {
    color: #a6e22e
}

.chroma .no {
    color: #66d9ef
}

.chroma .nd {
    color: #a6e22e
}

.chroma .ne {
    color: #a6e22e
}

.chroma .nf {
    color: #a6e22e
}

.chroma .nx {
    color: #a6e22e
}

.chroma .nt {
    color: #f92672
}

.chroma .l {
    color: #ae81ff
}

.chroma .ld {
    color: #e6db74
}

.chroma .s {
    color: #e6db74
}

.chroma .sa {
    color: #e6db74
}

.chroma .sb {
    color: #e6db74
}

.chroma .sc {
    color: #e6db74
}

.chroma .dl {
    color: #e6db74
}

.chroma .sd {
    color: #e6db74
}

.chroma .s2 {
    color: #e6db74
}

.chroma .se {
    color: #ae81ff
}

.chroma .sh {
    color: #e6db74
}

.chroma .si {
    color: #e6db74
}

.chroma .sx {
    color: #e6db74
}

.chroma .sr {
    color: #e6db74
}

.chroma .s1 {
    color: #e6db74
}

.chroma .ss {
    color: #e6db74
}

.chroma .m {
    color: #ae81ff
}

.chroma .mb {
    color: #ae81ff
}

.chroma .mf {
    color: #ae81ff
}

.chroma .mh {
    color: #ae81ff
}

.chroma .mi {
    color: #ae81ff
}

.chroma .il {
    color: #ae81ff
}

.chroma .mo {
    color: #ae81ff
}

.chroma .o {
    color: #f92672
}

.chroma .ow {
    color: #f92672
}

.chroma .c {
    color: #75715e
}

.chroma .ch {
    color: #75715e
}

.chroma .cm {
    color: #75715e
}

.chroma .c1 {
    color: #75715e
}

.chroma .cs {
    color: #75715e
}

.chroma .cp {
    color: #75715e
}

.chroma .cpf {
    color: #75715e
}

.chroma .gd {
    color: #f92672
}

.chroma .ge {
    font-style: italic
}

.chroma .gi {
    color: #a6e22e
}

.chroma .gs {
    font-weight: bold
}

.chroma .gu {
    color: #75715e
}


