.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.text-center {
    text-align: center
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

@media(min-width: 992px) {
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }
}

@media(min-width: 1200px) {
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333333%
    }
}

.vulnerability-main-wrapper {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vulnerability-main-wrapper *,
.vulnerability-main-wrapper *::after,
.vulnerability-main-wrapper *::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vulnerability-main-wrapper .container {
    max-width: 1280px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.vulnerability-main-wrapper .banner-section {
    background-color: #0351ac;
    color: #fff;
    text-align: center;
    padding: 60px 0
}

.vulnerability-main-wrapper .banner-section h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    margin: 0 0 16px;
    line-height: 1.15
}

.vulnerability-main-wrapper .banner-section p {
    margin: 0;
    font-size: 20px;
    line-height: 1.7
}

.table-responsive {
    overflow-x: auto
}

.vulnerability-section {
    padding: 80px 0
}

.vulnerability-section table {
    width: 100%
}

.vulnerability-section table tr th {
    font-weight: 600;
    background-color: #e9f3ff
}

.vulnerability-section table tr td,
.vulnerability-section table tr th {
    padding: 16px 12px;
    border: 1px solid #bcd1e4;
    font-size: 16px;
    vertical-align: middle;
    min-width: 154px
}

.vulnerability-section table tr td:nth-child(3),
.vulnerability-section table tr td:nth-child(4) {
    text-align: center
}

.vulnerability-filter {
    max-width: 294px;
    width: 100%
}

.vulnerability-filter .ncm-btn {
    width: 100%
}

.vulnerability-filter h5 {
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: .5px
}

.filter-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 12px;
    margin: 16px 0 32px
}

.filter-item-wrapper .filter-item {
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 16px;
    border: 1px solid #f1f1f1;
    background: #f7f7f7;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 8px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.filter-item-wrapper .filter-item input[type=checkbox] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    visibility: hidden
}

.filter-item-wrapper .filter-item.active {
    border: 1px solid #a3c8f3;
    background: #f8fcff;
    color: #074fa2
}

.filter-item-wrapper .filter-item.active .filter-item-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.filter-item-wrapper .filter-item .filter-item-icon {
    display: none
}

.filter-item-wrapper .filter-item .filter-item-icon svg {
    width: 18px;
    height: 18px
}

.filter-item-content {
    margin-bottom: 32px
}

.form-group {
    margin-bottom: 16px;
    display: none
}

.form-group>.form-label {
    font-size: 18px;
    margin-bottom: 12px
}

.form-group.active {
    display: block
}

.form-label {
    display: block;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px
}

.form-control {
    display: block;
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 4px;
    height: 48px;
    padding: 0 12px;
    font-size: 16px;
    font-family: inherit
}

.form-control::-webkit-input-placeholder {
    color: #949494
}

.form-control::-moz-placeholder {
    color: #949494
}

.form-control:-ms-input-placeholder {
    color: #949494
}

.form-control::-ms-input-placeholder {
    color: #949494
}

.form-control::placeholder {
    color: #949494
}

.ncm-btn {
    border-radius: 4px;
    border: 1px solid #5c9de8;
    background: #f8fbff;
    font-size: 17px;
    padding: 12px 24px;
    font-family: inherit;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.ncm-btn:hover {
    background-color: #0651ac;
    border-color: #0651ac;
    color: #fff
}

.severity-type span {
    display: block
}

.input-checkbox-item {
    display: grid;
    grid-template-columns: 2.25rem auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 16px
}

.input-checkbox-item .form-label {
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0 6px;
    font-weight: 300
}

.input-checkbox-item input[type=checkbox] {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.input-checkbox-item input[type=checkbox]::before {
    content: "";
    top: -1px;
    position: relative;
    width: .375rem;
    height: .75rem;
    border-style: solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: 120ms -webkit-transform ease-out;
    transition: 120ms -webkit-transform ease-out;
    transition: 120ms transform ease-out;
    transition: 120ms transform ease-out, 120ms -webkit-transform ease-out
}

.input-checkbox-item input[type=checkbox]:checked {
    background: #0651ac;
    border-color: #0651ac;
    color: #fff
}

.input-checkbox-item input[type=checkbox]:checked::before {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1)
}

.input-checkbox-item svg {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
}

.form-feedback-error {
    display: none;
    color: #ff1e1e;
    margin-top: 6px
}

.is-invalid {
    border-color: #ff1e1e
}

.vulnerability-detail-wrapper {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vulnerability-detail-wrapper *,
.vulnerability-detail-wrapper *::before,
.vulnerability-detail-wrapper *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vulnerability-detail-wrapper a {
    color: #006deb
}

.vulnerability-detail-wrapper h1 {
    font-size: 36px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -0.75px;
    margin: 0 0 16px
}

.vulnerability-detail-wrapper h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.25px;
    margin: 0 0 8px
}

.vulnerability-detail-wrapper h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.25px;
    margin: 0 0 8px
}

.vulnerability-detail-wrapper p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    margin: 0 0 12px
}

.vulnerability-detail-wrapper ul,
.vulnerability-detail-wrapper ol {
    padding: 0 0 0 16px
}

.vulnerability-detail-wrapper ul li,
.vulnerability-detail-wrapper ol li {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    padding-left: 0;
    margin-bottom: 8px
}

.vulnerability-detail-wrapper ul li a::marker,
.vulnerability-detail-wrapper ol li a::marker {
    display: none
}

.vulnerability-detail-wrapper strong {
    font-weight: 600
}

.vulnerability-detail-wrapper .content-section {
    margin-bottom: 28px
}

.vulnerability-detail-wrapper .content-section p:last-child {
    margin-bottom: 0
}

.vulnerability-detail-wrapper .content-section .table {
    margin: 16px 0
}

.vulnerability-detail-wrapper .content-section img,
.vulnerability-detail-wrapper .content-section .img-zoom {
    -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, .08);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, .08);
    margin: 24px 0 32px
}

.vulnerability-detail-wrapper .alert-warning {
    border-radius: 4px;
    border: 1px solid #f7e5b8;
    background: #fff7de;
    margin-bottom: 0;
    color: #4c3e0d;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vulnerability-detail-wrapper .alert-warning p {
    margin: 0
}

.vulnerability-detail-wrapper .alert-warning a {
    color: #675413;
    text-decoration: underline
}

.vulnerability-detail-wrapper .alert-warning .alert-warning-icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ3XzMzMSkiPgo8cGF0aCBkPSJNMTIuMDAwMyAyMC4zMzMyQzE2LjYwMjcgMjAuMzMzMiAyMC4zMzM3IDE2LjYwMjIgMjAuMzMzNyAxMS45OTk4QzIwLjMzMzcgNy4zOTc0NiAxNi42MDI3IDMuNjY2NSAxMi4wMDAzIDMuNjY2NUM3LjM5Nzk1IDMuNjY2NSAzLjY2Njk5IDcuMzk3NDYgMy42NjY5OSAxMS45OTk4QzMuNjY2OTkgMTYuNjAyMiA3LjM5Nzk1IDIwLjMzMzIgMTIuMDAwMyAyMC4zMzMyWiIgc3Ryb2tlPSIjQUU4RTI0IiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTUuMzMzM1YxMiIgc3Ryb2tlPSIjQUU4RTI0IiBzdHJva2Utd2lkdGg9IjEuNzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgOC42NjY1SDEyLjAwODMiIHN0cm9rZT0iI0FFOEUyNCIgc3Ryb2tlLXdpZHRoPSIxLjc1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80N18zMzEiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-top: 1.5px;
    margin-right: 6px
}

.vulnerability-detail-wrapper .severity-category-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.vulnerability-detail-wrapper .code-snippet-card {
    border-radius: 4px;
    border: 1px solid #e4e9ef;
    background: #f2f2f2;
    padding: 16px;
    display: block;
    margin: 16px 0
}

.vulnerability-detail-wrapper .table td,
.vulnerability-detail-wrapper .table th {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    padding: 6px 12px;
    border-color: #d9d9d9;
    vertical-align: middle
}

.vulnerability-detail-wrapper .table th {
    font-weight: 600;
    background-color: #f2f2f2
}

.vulnerability-detail-wrapper .table.table-centered th,
.vulnerability-detail-wrapper .table.table-centered td {
    text-align: center
}

.vulnerability-detail-wrapper .table.table-borderless th,
.vulnerability-detail-wrapper .table.table-borderless td {
    border: 0;
    padding: 4px 0
}

.vulnerability-detail-wrapper .table.vulnerability-table th {
    background-color: rgba(0, 0, 0, 0);
    font-weight: 300;
    text-align: left
}

@media screen and (max-width: 1280.98px) {
    .vulnerability-detail-wrapper .table.vulnerability-table th {
        padding-right: 12px
    }
}

.vulnerability-detail-wrapper .table.vulnerability-table td {
    font-weight: 500;
    max-width: 540px
}

.vulnerability-detail-wrapper .table.vulnerability-table th,
.vulnerability-detail-wrapper .table.vulnerability-table td {
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: top
}

.vulnerability-detail-wrapper .severity-category {
    border: 4px solid #d3d3d3;
    max-width: 140px;
    width: 100%;
    height: 140px;
    border-radius: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vulnerability-detail-wrapper .severity-category.critical {
    border-color: #F40101;
}
.vulnerability-detail-wrapper .severity-category.important {
    border-color: #FF7302;
}
.vulnerability-detail-wrapper .severity-category.moderate {
    border-color: #FFCD02;
}
.vulnerability-detail-wrapper .severity-category.low {
    border-color: #6CC04A;
}

.vulnerability-detail-wrapper .severity-category h6 {
    font-size: 24px;
    line-height: 1.35;
    font-weight: 400;
    letter-spacing: -0.5px
}

@media screen and (max-width: 991.98px) {
    .vulnerability-filter {
        margin: auto auto 60px
    }

    .severity-category {
        margin: 8px auto
    }

    .severity-category-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0 !important
    }
}