/*@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");*/

.critical {
    background-color: #121314 !important;
    color: #ffffff !important;
    border-color: #ffd100 !important;
}

    .critical p a {
        color: #ffffff !important;
        text-decoration: underline;
    }

        .critical p a:hover {
            color: #ffffff !important;
        }

    .critical h2 {
        color: #ffffff !important;
    }

    .critical .btn {
        background-color: #ffd100;
        border-color: #ffd100;
        text-decoration: none;
        color: #121314 !important;
    }

        .critical .btn:hover {
            color: #121314 !important;
            border-color: #d6b000;
            background-color: #d6b000;
            transition: all 0.3s ease;
        }

        .critical .btn:active {
            color: #121314 !important;
            border-color: #d6b000;
            background-color: #ad8e00;
        }

.significant {
    background-color: #121314 !important;
    color: #ffffff !important;
    border-color: #b00c3b !important;
}

    .significant p a {
        color: #ffffff !important;
        text-decoration: underline;
    }

        .significant p a:hover {
            color: #ffffff !important;
        }

    .significant h2 {
        color: #ffffff !important;
    }

    .significant .btn {
        background-color: #b00c3b;
        border-color: #b00c3b;
        text-decoration: none;
        color: #ffffff !important;
    }

        .significant .btn:hover {
            color: #ffffff !important;
            border-color: #8a092e;
            background-color: #8a092e;
            transition: all 0.3s ease;
        }

        .significant .btn:active {
            color: #ffffff !important;
            border-color: #8a092e;
            background-color: #640721;
        }

.important {
    background-color: #f8f9f9 !important;
    color: #121314 !important;
    border-color: #b00c3b !important;
}

    .important p a {
        color: #121314 !important;
        text-decoration: underline;
    }

        .important p a:hover {
            color: #121314 !important;
        }

    .important h2 {
        color: #121314 !important;
    }

    .important .btn {
        background-color: #b00c3b;
        border-color: #b00c3b;
        text-decoration: none;
        color: #ffffff !important;
    }

        .important .btn:hover {
            color: #ffffff !important;
            border-color: #8a092e;
            background-color: #8a092e;
            transition: all 0.3s ease;
        }

        .important .btn:active {
            color: #ffffff !important;
            border-color: #8a092e;
            background-color: #640721;
        }

.advisory {
    background-color: #f8f9f9 !important;
    color: #121314 !important;
    border-color: #007a53 !important;
}

    .advisory p a {
        color: #121314 !important;
        text-decoration: underline;
    }

        .advisory p a:hover {
            color: #121314 !important;
        }

    .advisory h2 {
        color: #121314 !important;
    }

    .advisory .btn {
        background-color: #007a53;
        border-color: #007a53;
        text-decoration: none;
        color: #ffffff !important;
    }

        .advisory .btn:hover {
            color: #ffffff !important;
            border-color: #005137;
            background-color: #005137;
            transition: all 0.3s ease;
        }

        .advisory .btn:active {
            color: #ffffff !important;
            border-color: #005137;
            background-color: #00281b;
        }

.alert-primary {
    color: #10069f;
}

.alert-secondary {
    color: #42464a;
}

.alert-danger {
    color: #b00c3b;
}

.alert-warning {
    color: #ffe366;
}

.alert-success {
    color: #78be20;
}

.alert-info {
    color: #1d3645;
}

.ntc-alerts-alert {
    border: 1px solid;
    border-left: 15px solid;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
}

@media print {
    .ntc-alerts-alert {
        border-color: #000000;
    }
}

.ntc-alerts-alert p {
    color: #121314;
    margin-bottom: 0;
}

@media print {
    .ntc-alerts-alert p {
        color: #000000;
    }
}

.ntc-alerts-bar {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
    padding: 15px;
    border-bottom: solid 1px;
    border-radius: 0;
}

@media print {
    .ntc-alerts-bar {
        border-color: #000000;
    }
}

.ntc-alerts-bar p {
    margin-bottom: 0;
}

@media print {
    .ntc-alerts-bar p {
        color: #000000;
    }
}

.ntc-alerts-bar.alert-primary {
    background-color: #b7b4e2;
    color: #121314;
    border-color: #7f79cb;
    text-decoration: none;
}

.ntc-alerts-bar.alert-secondary {
    background-color: #f8f9f9;
    color: #121314;
    border-color: #cdd0d2;
    text-decoration: none;
}

.ntc-alerts-bar.alert-danger {
    background-color: #e7b6c4;
    color: #121314;
    border-color: #d37992;
    text-decoration: none;
}

.ntc-alerts-bar.alert-warning {
    background-color: #fff1b3;
    color: #121314;
    border-color: #ffe261;
    text-decoration: none;
}

.ntc-alerts-bar.alert-success {
    background-color: #d7ecbc;
    color: #121314;
    border-color: #b1da7c;
    text-decoration: none;
}

.ntc-alerts-bar.alert-info {
    background-color: #d0e9f7;
    color: #121314;
    border-color: #8ac8eb;
    text-decoration: none;
}

.ntc-heading-medium, .ntc-news-inline-item h2, .list-group-item h2, legend, .ntc-alerts-call-to-action-mini h2, .ntc-alerts-call-to-action h2, h3, .ntc-heading-category, .ntc-heading-medium-large, h2, .ntc-heading-large, .ntc-heading-extra-large, h1 {
    font-weight: 700;
    color: #121314;
    margin-top: 0;
}

@media print {
    .ntc-heading-medium, .ntc-news-inline-item h2, .list-group-item h2, legend, .ntc-alerts-call-to-action-mini h2, .ntc-alerts-call-to-action h2, h3, .ntc-heading-category, .ntc-heading-medium-large, h2, .ntc-heading-large, .ntc-heading-extra-large, h1 {
        color: #000000;
    }
}

.ntc-heading-extra-large, h1 {
    font-size: 36px;
    line-height: 42px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ntc-heading-large {
    font-size: 30px;
    line-height: 38px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ntc-heading-medium-large, h2 {
    font-size: 24px;
    line-height: 30px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ntc-heading-medium, .ntc-news-inline-item h2, .list-group-item h2, legend, .ntc-alerts-call-to-action-mini h2, .ntc-alerts-call-to-action h2, h3, .ntc-heading-category {
    font-size: 18px;
    line-height: 26px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.ntc-heading-category {
    margin: 0;
    position: relative;
}

    .ntc-heading-category a:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.ntc-alerts-call-to-action {
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 30px;
}

@media print {
    .ntc-alerts-call-to-action h2 {
        color: #000000 !important;
    }
}

.ntc-alerts-call-to-action p {
    margin-bottom: 15px !important;
}

@media print {
    .ntc-alerts-call-to-action p {
        color: #000000;
    }
}

@media print {
    .ntc-alerts-call-to-action {
        border: 2px solid !important;
        border-color: #000000 !important;
    }
}

@media only screen and (max-width: 767px) {
    .ntc-alerts-call-to-action .btn {
        display: block;
    }

        .ntc-alerts-call-to-action .btn:nth-child(even) {
            margin-top: 10px;
        }
}

ol + .ntc-alerts-call-to-action,
ul + .ntc-alerts-call-to-action {
    margin-top: 30px;
}

.ntc-alerts-call-to-action-mini {
    border-left: 10px solid;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    padding: 15px;
    margin-bottom: 15px;
}

@media print {
    .ntc-alerts-call-to-action-mini {
        border-color: #000000 !important;
    }
}

.ntc-alerts-call-to-action-mini p {
    margin-bottom: 0 !important;
    font-weight: 700;
}

@media print {
    .ntc-alerts-call-to-action-mini p {
        color: #000000;
    }
}

.ntc-alerts-call-to-action-mini i {
    font-size: 40px;
    float: left;
    min-height: 44px;
    min-width: 44px;
    margin-right: 15px;
}

.ntc-alert-confirmation p {
    margin-bottom: 15px;
}

.ntc-alert-confirmation button {
    margin-right: 10px;
}

    .ntc-alert-confirmation button:last-child {
        margin-right: 0;
    }

.ntc-notification {
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f8f9f9;
}

@media print {
    .ntc-notification {
        border-color: #000000 !important;
    }
}

.ntc-notification h2 {
    margin-top: 0;
}

.ntc-notification a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media print {
    .ntc-notification p {
        color: #000000;
    }
}

.ntc-notification p:last-child {
    margin-bottom: 0;
}

/**
* Components.Buttons.ActionBar
*/
.ntc-action-bar {
    display: flex;
    justify-content: center;
    padding: 15px;
}

    .ntc-action-bar:empty {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        border: 0;
        white-space: nowrap;
    }

    .ntc-action-bar .btn {
        flex: none;
    }

a, .btn-link {
    color: blue;
    word-break: break-word;
    text-decoration: underline;
}

@media print {
    a, .btn-link {
        color: #000000;
    }
}

@media print {
    a[href]:after, [href].btn-link:after {
        content: none !important;
    }
}

.btn {
    white-space: nowrap;
}

@media print {
    .btn {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        border: 0;
        white-space: nowrap;
    }
}

.btn-primary {
    background-color: #10069f;
    border-color: #10069f;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-primary:hover {
        color: #ffffff !important;
        border-color: #0c0578;
        background-color: #0c0578;
        transition: all 0.3s ease;
    }

    .btn-primary:active {
        color: #ffffff !important;
        border-color: #0c0578;
        background-color: #080350;
    }

.btn-info {
    background-color: #1d3645;
    border-color: #1d3645;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-info:hover {
        color: #ffffff !important;
        border-color: #112028;
        background-color: #112028;
        transition: all 0.3s ease;
    }

    .btn-info:active {
        color: #ffffff !important;
        border-color: #112028;
        background-color: #05090c;
    }

.btn-secondary {
    background-color: #42464a;
    border-color: #42464a;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-secondary:hover {
        color: #ffffff !important;
        border-color: #2f3234;
        background-color: #2f3234;
        transition: all 0.3s ease;
    }

    .btn-secondary:active {
        color: #ffffff !important;
        border-color: #2f3234;
        background-color: #1c1d1f;
    }

.btn-danger {
    background-color: #b00c3b;
    border-color: #b00c3b;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-danger:hover {
        color: #ffffff !important;
        border-color: #8a092e;
        background-color: #8a092e;
        transition: all 0.3s ease;
    }

    .btn-danger:active {
        color: #ffffff !important;
        border-color: #8a092e;
        background-color: #640721;
    }

.btn-success {
    background-color: #78be20;
    border-color: #78be20;
    text-decoration: none;
    color: #121314 !important;
}

    .btn-success:hover {
        color: #121314 !important;
        border-color: #629b1a;
        background-color: #629b1a;
        transition: all 0.3s ease;
    }

    .btn-success:active {
        color: #ffffff !important;
        border-color: #629b1a;
        background-color: #4c7814;
    }

.btn-warning {
    background-color: #ffe366;
    border-color: #ffe366;
    text-decoration: none;
    color: #121314 !important;
}

    .btn-warning:hover {
        color: #121314 !important;
        border-color: #ffdc3d;
        background-color: #ffdc3d;
        transition: all 0.3s ease;
    }

    .btn-warning:active {
        color: #121314 !important;
        border-color: #ffdc3d;
        background-color: #ffd414;
    }

.btn-critical {
    background-color: #ffd100;
    border-color: #ffd100;
    text-decoration: none;
    color: #121314 !important;
}

    .btn-critical:hover {
        color: #121314 !important;
        border-color: #d6b000;
        background-color: #d6b000;
        transition: all 0.3s ease;
    }

    .btn-critical:active {
        color: #121314 !important;
        border-color: #d6b000;
        background-color: #ad8e00;
    }

.btn-significant {
    background-color: #b00c3b;
    border-color: #b00c3b;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-significant:hover {
        color: #ffffff !important;
        border-color: #8a092e;
        background-color: #8a092e;
        transition: all 0.3s ease;
    }

    .btn-significant:active {
        color: #ffffff !important;
        border-color: #8a092e;
        background-color: #640721;
    }

.btn-important {
    background-color: #b00c3b;
    border-color: #b00c3b;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-important:hover {
        color: #ffffff !important;
        border-color: #8a092e;
        background-color: #8a092e;
        transition: all 0.3s ease;
    }

    .btn-important:active {
        color: #ffffff !important;
        border-color: #8a092e;
        background-color: #640721;
    }

.btn-advisory {
    background-color: #007a53;
    border-color: #007a53;
    text-decoration: none;
    color: #ffffff !important;
}

    .btn-advisory:hover {
        color: #ffffff !important;
        border-color: #005137;
        background-color: #005137;
        transition: all 0.3s ease;
    }

    .btn-advisory:active {
        color: #ffffff !important;
        border-color: #005137;
        background-color: #00281b;
    }

.btn-call-to-action-significant, .btn-call-to-action {
    font-size: 16px;
    line-height: 24px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px 14px;
    white-space: normal;
}

@media print {
    .btn-call-to-action {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        border: 0;
        white-space: nowrap;
    }
}

.btn-link {
    padding: 0;
    color: blue;
    border: none;
    background-color: transparent;
    text-align: left;
}

    .btn-link:hover {
        background-color: transparent;
    }

.btn-outline-primary {
    color: #121314;
    border-color: #10069f;
    background-color: transparent;
    text-decoration: none;
}

    .btn-outline-primary:hover {
        color: #ffffff;
        border-color: #0c0578;
        background-color: #10069f;
        transition: all 0.3s ease;
    }

    .btn-outline-primary:active {
        border-color: #080350;
        background-color: #10069f;
    }

.btn-outline-secondary {
    color: #121314;
    border-color: #42464a;
    background-color: transparent;
    text-decoration: none;
}

    .btn-outline-secondary:hover {
        color: #ffffff;
        border-color: #2f3234;
        background-color: #42464a;
        transition: all 0.3s ease;
    }

    .btn-outline-secondary:active {
        border-color: #1c1d1f;
        background-color: #42464a;
    }

.btn-outline-danger {
    color: #121314;
    border-color: #b00c3b;
    background-color: transparent;
    text-decoration: none;
}

    .btn-outline-danger:hover {
        color: #ffffff;
        border-color: #8a092e;
        background-color: #b00c3b;
        transition: all 0.3s ease;
    }

    .btn-outline-danger:active {
        border-color: #640721;
        background-color: #b00c3b;
    }

.btn-outline-warning {
    color: #121314;
    border-color: #ffe366;
    background-color: transparent;
    text-decoration: none;
}

    .btn-outline-warning:hover {
        color: #121314;
        border-color: #ffdc3d;
        background-color: #ffe366;
        transition: all 0.3s ease;
    }

    .btn-outline-warning:active {
        border-color: #ffd414;
        background-color: #ffe366;
    }

.btn-outline-success {
    color: #121314;
    border-color: #78be20;
    background-color: transparent;
    text-decoration: none;
}

    .btn-outline-success:hover {
        color: #121314;
        border-color: #629b1a;
        background-color: #78be20;
        transition: all 0.3s ease;
    }

    .btn-outline-success:active {
        border-color: #4c7814;
        background-color: #78be20;
    }

/**
* Components.Buttons.ButtonToolBar
*/
.ntc-button-toolbar {
    text-align: center;
    padding: 0;
    display: inline;
}

.ntc-heading-category a:active {
    color: #121314;
    background-color: #ffd100;
}

.ntc-category-list, #ntc-category-grid-image ul li, #ntc-category-grid ul li, .ntc-list-2-column, .ntc-list, .ntc-documents-attachment-list {
    color: #121314;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media print {
    .ntc-category-list, #ntc-category-grid-image ul li, #ntc-category-grid ul li, .ntc-list-2-column, .ntc-list, .ntc-documents-attachment-list {
        color: #000000;
    }
}

.ntc-list-2-column li, .ntc-list li, .ntc-documents-attachment-list li {
    padding-bottom: 7.5px;
    padding-right: 5px;
    position: relative;
}

    .ntc-list-2-column li a:after, .ntc-list li a:after, .ntc-documents-attachment-list li a:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
        background-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
    }

ol ol, ul ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ntc-list-naked {
    color: #121314;
    display: block;
    list-style-type: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

@media print {
    .ntc-list-naked {
        color: #000000;
    }
}

@media only screen and (min-width: 768px) {
    .ntc-list-2-column {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        -moz-column-count: 2;
        /* Firefox */
        column-count: 2;
    }
}

ul ul {
    list-style-type: disc;
}

ul li {
    margin-bottom: 4px;
}

ol li {
    margin-bottom: 4px;
}

#ntc-category-grid ul {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #ntc-category-grid ul {
        padding: 0;
    }
}

#ntc-category-grid ul li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    #ntc-category-grid ul li {
        padding-left: 15px;
        padding-right: 15px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media print {
    #ntc-category-grid ul li {
        margin-left: 15px !important;
        display: list-item;
        list-style-type: disc;
    }
}

#ntc-category-grid-image ul {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #ntc-category-grid-image ul {
        padding: 0;
    }
}

#ntc-category-grid-image ul li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
    #ntc-category-grid-image ul li {
        padding-left: 15px;
        padding-right: 15px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media print {
    #ntc-category-grid-image ul li {
        margin-left: 15px !important;
        display: list-item;
        list-style-type: disc;
    }
}

#ntc-category-grid-image h2 {
    margin-bottom: 10px;
}

#ntc-category-grid-image img {
    margin-bottom: 10px;
}

.ntc-category-list {
    margin-bottom: 30px;
}

@media print {
    .ntc-category-list {
        margin-left: 15px !important;
        display: list-item;
        list-style-type: disc;
    }
}

.ntc-category-list li {
    margin-bottom: 15px;
    padding-right: 5px;
    position: relative;
}

    .ntc-category-list li:last-child {
        margin-bottom: 0;
    }

    .ntc-category-list li p {
        margin: 0;
        padding: 0;
    }

.badge {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 10px;
    min-width: 36px;
    border-radius: 3px;
    margin-right: 4px;
}

.badge-primary {
    background-color: #10069f;
    color: #ffffff;
}

    .badge-primary a {
        color: #ffffff;
    }

        .badge-primary a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .badge-primary button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .badge-primary .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.badge-secondary {
    background-color: #42464a;
    color: #ffffff;
}

    .badge-secondary a {
        color: #ffffff;
    }

        .badge-secondary a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .badge-secondary button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .badge-secondary .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.badge-danger {
    background-color: #b00c3b;
    color: #ffffff;
}

    .badge-danger a {
        color: #ffffff;
    }

        .badge-danger a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .badge-danger button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .badge-danger .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.badge-warning {
    background-color: #ffe366;
    color: #121314;
}

    .badge-warning a {
        color: #121314;
    }

        .badge-warning a:hover {
            color: #121314;
            text-decoration: underline;
        }

    .badge-warning button {
        background-color: transparent;
        border: none;
        color: #121314;
    }

    .badge-warning .btn-link:hover {
        color: #121314;
        text-decoration: underline;
    }

.badge-success {
    background-color: #78be20;
    color: #121314;
}

    .badge-success a {
        color: #121314;
    }

        .badge-success a:hover {
            color: #121314;
            text-decoration: underline;
        }

    .badge-success button {
        background-color: transparent;
        border: none;
        color: #121314;
    }

    .badge-success .btn-link:hover {
        color: #121314;
        text-decoration: underline;
    }

.badge-info {
    background-color: #1d3645;
    color: #ffffff;
}

    .badge-info a {
        color: #ffffff;
    }

        .badge-info a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .badge-info button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .badge-info .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.badge-critical {
    background-color: #ffd100;
    color: #121314;
}

.badge-significant {
    background-color: #b00c3b;
    color: #ffffff;
}

.badge-important {
    background-color: #b00c3b;
    color: #ffffff;
}

.badge-advisory {
    background-color: #007a53;
    color: #ffffff;
}

.ntc-categorisation-label-list ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

    .ntc-categorisation-label-list ul li {
        display: inline;
    }

.tag, .tag-advisory, .tag-important, .tag-significant, .tag-critical, .tag-information, .tag-success, .tag-warning, .ntc-navigation-atoz li a.active, .tag-danger, .tag-secondary, .ntc-navigation-atoz li.inactive, .tag-primary, .ntc-navigation-atoz li a, .tag-default {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    letter-spacing: 1px;
    padding: 0 5px;
    min-width: 26px;
    border-radius: 3px;
    margin-right: 4px;
}

    .tag a, .tag-advisory a, .tag-important a, .tag-significant a, .tag-critical a, .tag-information a, .tag-success a, .tag-warning a, .ntc-navigation-atoz li a.active a, .tag-danger a, .tag-secondary a, .ntc-navigation-atoz li.inactive a, .tag-primary a, .ntc-navigation-atoz li a a, .tag-default a {
        text-decoration: none;
    }

        .tag a:hover, .tag-advisory a:hover, .tag-important a:hover, .tag-significant a:hover, .tag-critical a:hover, .tag-information a:hover, .tag-success a:hover, .tag-warning a:hover, .tag-danger a:hover, .tag-secondary a:hover, .ntc-navigation-atoz li.inactive a:hover, .tag-primary a:hover, .ntc-navigation-atoz li a a:hover, .tag-default a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

.tag-default {
    background-color: #ffffff;
    color: #121314;
}

    .tag-default a {
        color: #121314;
    }

        .tag-default a:hover {
            color: #121314;
            text-decoration: underline;
        }

    .tag-default button {
        background-color: transparent;
        border: none;
        color: #121314;
    }

    .tag-default .btn-link:hover {
        color: #121314;
        text-decoration: underline;
    }

.tag-primary, .ntc-navigation-atoz li a {
    background-color: #10069f;
    color: #ffffff;
}

    .tag-primary a, .ntc-navigation-atoz li a a {
        color: #ffffff;
    }

        .tag-primary a:hover, .ntc-navigation-atoz li a a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-primary button, .ntc-navigation-atoz li a button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-primary .btn-link:hover, .ntc-navigation-atoz li a .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-secondary, .ntc-navigation-atoz li.inactive {
    background-color: #42464a;
    color: #ffffff;
}

    .tag-secondary a, .ntc-navigation-atoz li.inactive a {
        color: #ffffff;
    }

        .tag-secondary a:hover, .ntc-navigation-atoz li.inactive a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-secondary button, .ntc-navigation-atoz li.inactive button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-secondary .btn-link:hover, .ntc-navigation-atoz li.inactive .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-danger {
    background-color: #b00c3b;
    color: #ffffff;
}

    .tag-danger a {
        color: #ffffff;
    }

        .tag-danger a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-danger button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-danger .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-warning, .ntc-navigation-atoz li a.active {
    background-color: #ffe366;
    color: #121314;
}

    .tag-warning a, .ntc-navigation-atoz li a.active a {
        color: #121314;
    }

        .tag-warning a:hover, .ntc-navigation-atoz li a.active a:hover {
            color: #121314;
            text-decoration: underline;
        }

    .tag-warning button, .ntc-navigation-atoz li a.active button {
        background-color: transparent;
        border: none;
        color: #121314;
    }

    .tag-warning .btn-link:hover, .ntc-navigation-atoz li a.active .btn-link:hover {
        color: #121314;
        text-decoration: underline;
    }

.tag-success {
    background-color: #78be20;
    color: #121314;
}

    .tag-success a {
        color: #121314;
    }

        .tag-success a:hover {
            color: #121314;
            text-decoration: underline;
        }

    .tag-success button {
        background-color: transparent;
        border: none;
        color: #121314;
    }

    .tag-success .btn-link:hover {
        color: #121314;
        text-decoration: underline;
    }

.tag-information {
    background-color: #1d3645;
    color: #ffffff;
}

    .tag-information a {
        color: #ffffff;
    }

        .tag-information a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-information button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-information .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-critical {
    background-color: #ffd100;
    color: #121314;
}

    .tag-critical a {
        color: #121314;
    }

        .tag-critical a:hover {
            color: #121314;
            text-decoration: underline;
        }

    .tag-critical button {
        background-color: transparent;
        border: none;
        color: #121314;
    }

    .tag-critical .btn-link:hover {
        color: #121314;
        text-decoration: underline;
    }

.tag-significant {
    background-color: #b00c3b;
    color: #ffffff;
}

    .tag-significant a {
        color: #ffffff;
    }

        .tag-significant a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-significant button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-significant .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-important {
    background-color: #b00c3b;
    color: #ffffff;
}

    .tag-important a {
        color: #ffffff;
    }

        .tag-important a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-important button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-important .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-advisory {
    background-color: #007a53;
    color: #ffffff;
}

    .tag-advisory a {
        color: #ffffff;
    }

        .tag-advisory a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

    .tag-advisory button {
        background-color: transparent;
        border: none;
        color: #ffffff;
    }

    .tag-advisory .btn-link:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.tag-list ul {
    margin: 30px 0 0 0;
    padding-left: 0;
}

address {
    white-space: pre-line;
    border-left: 1px solid #dddfe1;
    padding-left: 15px;
    margin-bottom: 30px;
}

ol li address {
    border-left: 0;
}

ul li address {
    border-left: 0;
}

aside {
    width: 25%;
    padding: 15px;
    margin-left: 15px;
    float: right;
    border-left: 10px solid #dddfe1;
    border-radius: 5px;
}

    aside p {
        font-size: 18px;
        line-height: 26px;
        font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    }

        aside p:last-child {
            margin-bottom: 0;
        }

@media print {
    aside {
        width: 100%;
        border: 5px solid #8d9398;
        margin-bottom: 15px;
    }
}

figure {
    max-width: 100%;
}

@media (min-width: 992px) {
    figure {
        max-width: 600px;
    }
}

@media print {
    figure {
        display: none;
    }
}

.ntc-documents-header {
    margin-bottom: 30px !important;
}

    .ntc-documents-header h1 {
        margin-top: 0 !important;
    }

.ntc-standout, .ntc-hint {
    margin: 20px 0 20px;
    border-left: 10px solid #dddfe1;
    border-radius: 5px;
    padding: 10px 15px;
}

    .ntc-standout h3, .ntc-hint h3 {
        margin-top: 0 !important;
    }

    .ntc-standout a, .ntc-hint a {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

    .ntc-standout p:last-child, .ntc-hint p:last-child {
        margin-bottom: 0;
    }

.form-control {
    border: 1px solid #c2c6c9;
    border-radius: 3px;
}

.form-check-input {
    border: 1px solid #c2c6c9;
}

.form-check-inline #passwordHelpBlock {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

input[type=checkbox] {
    cursor: pointer;
}

fieldset {
    clear: both;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dddfe1;
}

    fieldset:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

.ntc-form {
    border: 1px solid #dddfe1;
    border-radius: 3px;
    padding: 15px;
    background-color: #f8f9f9;
}

.ntc-form-group {

}

.ntc-form-control {

}

.ntc-form-group-control {

}

.ntc-form-group-label {

}

.ntc-form-group-textbox {

}

.ntc-form-group-dropdown {

}

.ntc-form-group-checkbox {

}





.form-group {
    margin-top: 0;
    margin-bottom: 15px;
}

.form-text {
    color: #2a2d2f;
}

.form-check-input, input {
    border: 1px solid #c2c6c9;
    border-radius: 3px;
}

label {
    font-size: 16px;
    line-height: 24px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #121314;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

@media print {
    label {
        color: #000000;
    }
}

.ntc-form-required {
    color: #b00c3b;
}

[data-component="validationmessage"],
.ntc-form-error {
    color: #b00c3b;
}

.ntc-forms-pagination ul.step .circle {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.5rem;
    line-height: 1.4rem;
    color: #121314;
    text-align: center;
    background-color: #ffffff;
    border: solid 2px #121314;
    border-radius: 50%;
}

.ntc-forms-pagination ul.step-inline .circle {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    line-height: 1.4rem;
    color: #121314;
    text-align: center;
    background-color: #ffffff;
    border: solid 2px #121314;
    border-radius: 50%;
}

.ntc-forms-pagination ul.step-inline, .ntc-forms-pagination ul.step {
    padding: 0 1.5rem;
    padding: 1.5rem;
    margin: 1em -1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

    .ntc-forms-pagination ul.step-inline li, .ntc-forms-pagination ul.step li {
        padding: 1.4rem 1.4rem 0;
    }

        .ntc-forms-pagination ul.step-inline li .label, .ntc-forms-pagination ul.step li .label {
            font-size: 18px;
            line-height: 26px;
            font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-weight: 700;
            color: #121314;
        }

        .ntc-forms-pagination ul.step-inline li .description, .ntc-forms-pagination ul.step li .description {
            display: block;
            color: #121314;
            padding-left: 40px;
        }

        .ntc-forms-pagination ul.step-inline li a:hover, .ntc-forms-pagination ul.step li a:hover {
            text-decoration: none;
        }

.ntc-forms-pagination .step-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .ntc-forms-pagination .step-horizontal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.ntc-forms-pagination .step-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media only screen and (max-width: 767px) {
    .ntc-forms-pagination .step-horizontal li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.ntc-forms-pagination .step-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    margin-top: -30px;
    content: "";
    background-color: #73797f;
}

@media only screen and (max-width: 767px) {
    .ntc-forms-pagination .step-horizontal li:not(:last-child):after {
        position: absolute;
        top: 1.6rem;
        left: 2.19rem;
        width: 1px;
        height: 100%;
        margin: 1.5rem 0 0 0;
        content: "";
        background-color: #73797f;
    }
}

@media only screen and (min-width: 768px) {
    .ntc-forms-pagination ul.step-inline li {
        padding: 30px 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .ntc-forms-pagination ul.step-inline .circle {
        display: inline-block;
        width: 1.75rem;
        height: 1.75rem;
        margin-right: 0.5rem;
        line-height: 1.4rem;
        color: #121314;
        text-align: center;
        background-color: #ffffff;
        border: solid 2px #121314;
        border-radius: 50%;
    }
}

.ntc-forms-pagination .step-vertical {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .ntc-forms-pagination .step-vertical li {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .ntc-forms-pagination .step-vertical li:not(:last-child):after {
            position: absolute;
            top: 3.2rem;
            left: 2.19rem;
            width: 1px;
            height: 100%;
            content: "";
            background-color: #73797f;
        }

        .ntc-forms-pagination .step-vertical li a .label {
            color: blue;
        }

.ntc-forms-pagination .step-horizontal li a .label {
    color: blue;
}

.current .circle {
    background-color: #121314 !important;
    border: solid 2px #121314 !important;
    color: #ffffff !important;
}

.captcha {
    margin-bottom: 15px;
    overflow: hidden;
}

@media print {
    .captcha {
        display: none;
    }
}

a dd {
    text-decoration: none !important;
    color: #121314;
}

a:hover > dd {
    text-decoration: none;
    color: #121314;
}

.ntc-information-list {
    word-break: break-word;
}

.ntc-information-list-key {
    font-weight: 700;
}

.ntc-information-list-item {
    margin-bottom: 0;
    padding: 0.3rem 0.5rem;
}

    .ntc-information-list-item a, .ntc-information-list-item .btn-link {
        text-decoration: underline;
    }

    .ntc-information-list-item strong {
        font-weight: 700;
    }

        .ntc-information-list-item strong > * {
            font-weight: 700;
        }

        .ntc-information-list-item strong a, .ntc-information-list-item strong .btn-link {
            font-weight: 700;
        }

ul.ntc-list-group {
    margin-left: 0;
    padding-left: 0;
}

    ul.ntc-list-group li {
        margin-bottom: 0;
    }

        ul.ntc-list-group li:active {
            color: #121314;
            background-color: #ffd100;
        }

    ul.ntc-list-group .badge {
        margin-left: 15px;
    }

.ntc-list-group {
    margin-bottom: 15px;
    border-radius: 3px;
}

    .ntc-list-group button {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        border: 1px solid rgba(0, 0, 0, 0.125);
    }

        .ntc-list-group button:first-child {
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .ntc-list-group button:last-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

.list-group-item {
    padding: 0.5rem 1rem;
}

    .list-group-item h2 {
        color: blue;
        margin: 0;
    }

    .list-group-item p {
        margin: 0;
        text-decoration: none !important;
        color: #121314;
    }

    .list-group-item:hover {
        background-color: transparent;
    }

        .list-group-item:hover h2 {
            text-decoration: underline;
        }

.accordion .card {
    border: 1px solid #8d9398;
    /* remove the border in print */
}

@media print {
    .accordion .card {
        border: 0;
        padding: 0;
    }
}

.accordion .card-header {
    border-bottom: 1px solid #8d9398;
    background-color: #f8f9f9;
    /* remove the border and padding in print */
    /* embolden the header text and remove colour in print */
}

@media print {
    .accordion .card-header {
        border: 0;
        padding: 0;
    }
}

@media print {
    .accordion .card-header .btn-link {
        color: #000000;
        font-weight: 700;
    }
}

.accordion .btn {
    /* override the visually-hidden settings for buttons in print */
}

@media print {
    .accordion .btn {
        position: static !important;
        clip: auto;
        clip-path: inset(0);
        height: auto;
        width: auto;
        overflow: auto;
    }
}

.accordion .card-body {
    /* remove the padding in print */
}

@media print {
    .accordion .card-body {
        padding: 0;
        margin-bottom: 15px;
    }
}

.accordion h2 {
    margin-top: 0;
}

.accordion .btn {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.ntc-navigation-atoz {
    margin-left: 0;
    margin-bottom: 30px;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

@media print {
    .ntc-navigation-atoz {
        display: none;
    }
}

.ntc-navigation-atoz li {
    display: inline;
    margin-bottom: 8px;
}

    .ntc-navigation-atoz li a {
        margin-bottom: 8px;
    }

        .ntc-navigation-atoz li a:active {
            color: #121314;
            background-color: #ffd100;
        }

.breadcrumb {
    padding: 0;
    margin-top: 30px;
    list-style: none;
    background-color: transparent;
}

@media print {
    .breadcrumb {
        display: none;
    }
}

@media only screen and (max-device-width: 766px) {
    .breadcrumb > li {
        white-space: normal !important;
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

        .breadcrumb > li:active, .breadcrumb > li:focus {
            position: static;
            width: auto;
            height: auto;
            margin: inherit;
            overflow: visible;
            clip: auto;
            clip-path: none;
            white-space: inherit;
        }
}

@media only screen and (max-device-width: 766px) {
    .breadcrumb > li:last-child {
        position: static !important;
        clip: auto;
        clip-path: inset(0);
        height: auto;
        width: auto;
        overflow: auto;
    }
}

@media only screen and (max-device-width: 766px) {
    .breadcrumb > li:nth-last-child(2) {
        position: static !important;
        clip: auto;
        clip-path: inset(0);
        height: auto;
        width: auto;
        overflow: auto;
    }
}

.breadcrumb a {
    text-decoration: underline;
    word-break: break-word;
}

    .breadcrumb a:hover {
        text-decoration: underline;
    }

.breadcrumb li + li:before {
    display: none;
    content: "";
}

.breadcrumb .breadcrumb-divider {
    padding-left: 5px;
    padding-right: 5px;
}

.ntc-navigation-menu-left {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    background-color: #121314;
}

@media (min-width: 768px) {
    .ntc-navigation-menu-left {
        padding-bottom: 15px;
    }
}

@media print {
    .ntc-navigation-menu-left {
        display: none;
    }
}

.ntc-navigation-menu-left .ntc-navigation-menu-left-collapse-bar {
    position: relative;
    padding-top: 40px;
}

    .ntc-navigation-menu-left .ntc-navigation-menu-left-collapse-bar .ntc-navigation-menu-left-collapse-bar-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 16px;
        border: none;
        color: #ffffff;
        background-color: #121314;
        font-size: 16px;
    }

        .ntc-navigation-menu-left .ntc-navigation-menu-left-collapse-bar .ntc-navigation-menu-left-collapse-bar-button:hover, .ntc-navigation-menu-left .ntc-navigation-menu-left-collapse-bar .ntc-navigation-menu-left-collapse-bar-button:active, .ntc-navigation-menu-left .ntc-navigation-menu-left-collapse-bar .ntc-navigation-menu-left-collapse-bar-button:focus {
            color: #ffffff;
            background-color: #121314;
            border-color: #121314;
            box-shadow: none;
            outline: none;
        }

.ntc-navigation-menu-left ul {
    margin: 0;
    padding: 0;
}

    .ntc-navigation-menu-left ul ul {
        padding-left: 10px;
    }

.ntc-navigation-menu-left .nav-item {
    text-align: left;
    list-style-type: none;
}

    .ntc-navigation-menu-left .nav-item .nav-link {
        color: #ffffff;
    }

        .ntc-navigation-menu-left .nav-item .nav-link.nav-link-active {
            background-color: #ffd100;
            color: #121314;
        }

.ntc-navigation-menu-right {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin-top: 0;
    background-color: #dddfe1;
    border-left: solid 1px #c2c6c9;
}

@media (min-width: 768px) {
    .ntc-navigation-menu-right {
        padding-bottom: 15px;
    }
}

@media print {
    .ntc-navigation-menu-right {
        display: none;
    }
}

.ntc-navigation-menu-right ul {
    margin: 0;
    padding: 0;
}

.ntc-navigation-menu-right .nav-item {
    text-align: right;
    list-style-type: none;
}

    .ntc-navigation-menu-right .nav-item .nav-link {
        color: #121314;
    }

        .ntc-navigation-menu-right .nav-item .nav-link:hover {
            text-decoration: underline;
        }

        .ntc-navigation-menu-right .nav-item .nav-link.nav-link-active {
            background-color: #ffd100;
            color: #121314;
        }

.ntc-navigation-menu-top {
    min-width: calc(100% - 320px);
    position: absolute;
    top: 15px;
    z-index: 2;
}

    .ntc-navigation-menu-top > div {
        background-color: #ffffff;
        margin-bottom: 5px !important;
        min-width: 100%;
        margin-left: -15px;
        margin-right: -15px;
        border-bottom: 1px solid #cccccc;
    }

@media only screen and (max-width: 992px) and (min-width: 576px) {
    .ntc-navigation-menu-top > div {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.ntc-navigation-menu-top > div .navbar-toggler {
    color: #ffffff;
    background-color: #2a3f8b;
    border: 0;
    padding: 0;
    border-radius: 25px;
}

    .ntc-navigation-menu-top > div .navbar-toggler.btn, .ntc-navigation-menu-top > div .navbar-toggler:focus, .ntc-navigation-menu-top > div .navbar-toggler:hover {
        color: #ffffff;
        background-color: #2a3f8b;
        border: 0;
        outline: none;
        border-radius: 25px;
    }

@media print {
    .ntc-navigation-menu-top > div {
        display: none;
    }
}

.ntc-navigation-menu-top > div .navbar-nav > li > a {
    text-decoration: none;
    color: #666666;
}

    .ntc-navigation-menu-top > div .navbar-nav > li > a:hover {
        text-decoration: none;
    }

    .ntc-navigation-menu-top > div .navbar-nav > li > a:active {
        color: #ffffff;
        background-color: #2a3f8b;
        border-radius: 25px;
    }

.pagination .page-link, .pagination .page-item.disabled .page-link, .pagination .page-item.active .page-link {
    border: 1px solid #ffffff;
}

.pagination .page-item.active .page-link {
    z-index: 3;
}

.pagination .page-item.disabled .page-link {
    pointer-events: none;
    cursor: auto;
}

.pagination {
    margin-top: 30px;
}

@media print {
    .pagination {
        display: none;
    }
}

.pagination .page-link {
    background-color: #10069f;
    color: #ffffff;
}

.pagination .page-item.active .page-link {
    background-color: #1d3645;
    color: #ffffff;
}

.pagination .page-item.disabled .page-link {
    background-color: #42464a;
    color: #ffffff;
}

.pagination .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination .page-item:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 3px;
}

@media print {
    .ntc-navigation-menu-left {
        display: none;
    }
}

.ntc-news-article figcaption {
    margin-top: 5px;
    margin-left: 0;
}

.ntc-news-article .date {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
}

.ntc-news-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.ntc-news-item {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
    .ntc-news-item {
        flex-flow: column nowrap;
    }
}

.ntc-news-item:hover {
    cursor: pointer;
}

    .ntc-news-item:hover h2 a {
        text-decoration: underline !important;
    }

.ntc-news-item:last-child {
    margin-bottom: 0;
}

.ntc-news-item .ntc-news-item-text h2 {
    font-size: 16px;
    line-height: 24px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 5px;
}

    .ntc-news-item .ntc-news-item-text h2 a {
        color: #000000;
    }

.ntc-news-item .ntc-news-item-image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .ntc-news-item .ntc-news-item-image img {
        max-width: 200px;
        min-width: 200px;
        max-height: 109px;
        min-height: 109px;
        margin-right: 15px;
    }
}

.ntc-news-list-inline {
    margin-bottom: 30px;
    padding: 10px 20px;
    border-left: 5px solid #b00c3b;
    border-radius: 5px;
}

@media print {
    .ntc-news-list-inline {
        border-color: #000000;
    }
}

.ntc-news-list-inline ol {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.ntc-news-inline-item {
    margin-bottom: 25px;
}

    .ntc-news-inline-item:last-child {
        margin-bottom: 0;
    }

    .ntc-news-inline-item p {
        color: #121314 !important;
        margin-bottom: 0;
    }

    .ntc-news-inline-item h2 {
        margin-top: 0;
    }

    .ntc-news-inline-item:hover {
        cursor: pointer;
    }

        .ntc-news-inline-item:hover h2 a {
            text-decoration: underline !important;
        }

    .ntc-news-inline-item img {
        max-width: 200px;
        float: left;
        margin-right: 15px;
    }

.ntc-map-wrapper {
    position: relative;
    padding-bottom: 75%;
    /* 4:3 */
    padding-top: 25px;
    height: 0;
}

.map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ntc-profile h1 {
    margin-top: 0;
}

.ntc-profile section {
    margin-bottom: 30px;
}

.ntc-profile figcaption {
    margin-top: 15px;
}

.ntc-web-search-input .gsc-search-button .gsc-search-button-v2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: button;
    font-size: 14px;
    line-height: 20px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    background-color: #10069f;
    color: #ffffff;
    margin: 0;
    margin-bottom: 0;
    margin-left: -1px;
    border: 1px solid transparent;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #10069f;
    border-collapse: separate;
    padding: 6px 12px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    overflow: visible;
}

.ntc-web-search-input button.gsc-search-button > svg {
    display: none;
}

.ntc-web-search-input button.gsc-search-button::before {
    content: "Search";
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.dropdown-menu {
    display: block;
}

.ntc-web-search-input {
    position: relative;
}

    .ntc-web-search-input td.gsc-input,
    .ntc-web-search-input td.gsib_a {
        padding: 0;
        padding-right: 0 !important;
        border: 0;
    }

    .ntc-web-search-input .gsc-input-box {
        border: 0;
        background: none;
    }

    .ntc-web-search-input input.gsc-input {
        background: none !important;
        background-color: white !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        color: #555;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        border-collapse: separate;
        border: 1px solid #c2c6c9 !important;
        box-sizing: border-box;
        border-top-left-radius: 6px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 6px;
        margin: 0;
        margin-bottom: 0;
        height: 34px !important;
        max-width: 100%;
        width: 100%;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 16px;
        line-height: 24px;
        font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        position: relative;
        display: table-cell;
    }

        .ntc-web-search-input input.gsc-input::-webkit-input-placeholder {
            /* Edge */
            color: #2a2d2f !important;
        }

        .ntc-web-search-input input.gsc-input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #2a2d2f !important;
        }

        .ntc-web-search-input input.gsc-input::placeholder {
            color: #2a2d2f !important;
        }

    .ntc-web-search-input #gs_id50 > tbody > tr > td.gsib_b {
        display: none;
    }

.ntc-search-bar .input-group {
    position: relative;
}

    .ntc-search-bar .input-group .tag {
        position: absolute;
        z-index: 999;
        top: 7px;
        right: 92px;
    }

.ntc-search-results-item {
    padding-bottom: 25px;
}

    .ntc-search-results-item h3 {
        margin-top: 0;
    }

    .ntc-search-results-item a:active {
        color: #121314;
        background-color: #ffd100;
    }

.ntc-search-results-list {
    padding: 30px 0;
    list-style: none;
    margin: 0;
}

footer {
    width: 100%;
    padding: 30px 0 5px 0;
    border-top: 1px solid #c2c6c9;
    background-color: #dddfe1;
    color: #2a2d2f;
}

@media print {
    footer {
        display: none;
    }
}

footer a:link {
    color: #121314;
    text-decoration: underline;
}

footer a:visited {
    color: #121314;
}

footer a:hover {
    color: #121314;
}

footer a:active {
    color: #121314;
}

footer a i {
    margin-right: 5px;
}

footer ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

@media only screen and (min-width: 768px) {
    footer ul {
        margin-left: 0;
        padding-left: 0;
    }
}

footer ul li {
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    footer ul li {
        list-style: none;
        display: inline;
        margin-bottom: 0 !important;
    }
}

footer ul li span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

@media only screen and (min-width: 768px) {
    footer ul li span {
        position: static !important;
        clip: auto;
        clip-path: inset(0);
        height: auto;
        width: auto;
        overflow: auto;
    }
}

footer .ntc-footer-link {
    color: #2a2d2f;
}

.ntc-masthead .navbar {
    margin-bottom: 0;
    min-width: 100%;
}

    .ntc-masthead .navbar > .container,
    .ntc-masthead .navbar > .container-fluid {
        justify-content: left;
    }

        .ntc-masthead .navbar > .container .logo,
        .ntc-masthead .navbar > .container-fluid .logo {
            max-height: 41.59px;
            padding-left: 0;
            padding-right: 15px;
        }

        .ntc-masthead .navbar > .container .navbar-brand:empty,
        .ntc-masthead .navbar > .container-fluid .navbar-brand:empty {
            display: none;
        }

.ntc-masthead .navbar-inverse,
.ntc-masthead .navbar-dark {
    background-color: #10069f !important;
    border-color: #10069f;
}

@media print {
    .ntc-masthead .navbar-inverse,
    .ntc-masthead .navbar-dark {
        display: block;
        border-bottom: solid 2px #121314;
        font-weight: 700;
    }
}

.ntc-masthead .navbar-inverse .navbar-brand,
.ntc-masthead .navbar-dark .navbar-brand {
    color: #ffffff;
    text-decoration: none;
}

@media print {
    .ntc-masthead .navbar-inverse .navbar-brand,
    .ntc-masthead .navbar-dark .navbar-brand {
        display: block !important;
        font-size: 24px;
        color: #121314;
    }
}

.ntc-masthead .navbar-inverse .navbar-inner,
.ntc-masthead .navbar-dark .navbar-inner {
    filter: none;
}

.ntc-masthead .navbar-inverse .navbar-toggle,
.ntc-masthead .navbar-dark .navbar-toggle {
    border-color: #ffffff;
}

    .ntc-masthead .navbar-inverse .navbar-toggle:focus,
    .ntc-masthead .navbar-dark .navbar-toggle:focus {
        background: none;
    }

    .ntc-masthead .navbar-inverse .navbar-toggle:hover,
    .ntc-masthead .navbar-dark .navbar-toggle:hover {
        background: none;
    }

.ntc-masthead .navbar-inverse .navbar-nav > .active > a,
.ntc-masthead .navbar-inverse .navbar-nav > .active > a:hover,
.ntc-masthead .navbar-inverse .navbar-nav > .active > a:focus,
.ntc-masthead .navbar-dark .navbar-nav > .active > a,
.ntc-masthead .navbar-dark .navbar-nav > .active > a:hover,
.ntc-masthead .navbar-dark .navbar-nav > .active > a:focus {
    background: none;
}

@media only screen and (min-width: 768px) {
    .ntc-masthead .navbar-inverse .navbar-nav > .active > a,
    .ntc-masthead .navbar-inverse .navbar-nav > .active > a:hover,
    .ntc-masthead .navbar-inverse .navbar-nav > .active > a:focus,
    .ntc-masthead .navbar-dark .navbar-nav > .active > a,
    .ntc-masthead .navbar-dark .navbar-nav > .active > a:hover,
    .ntc-masthead .navbar-dark .navbar-nav > .active > a:focus {
        background-color: #10069f;
        color: #10069f;
        border: none;
        background-image: none;
        box-shadow: none;
    }
}

.ntc-masthead .navbar-inverse .navbar-nav > li > a,
.ntc-masthead .navbar-dark .navbar-nav > li > a {
    color: #ffffff;
    text-decoration: none;
}

    .ntc-masthead .navbar-inverse .navbar-nav > li > a:hover,
    .ntc-masthead .navbar-dark .navbar-nav > li > a:hover {
        text-decoration: none;
    }

.ntc-masthead .navbar-inverse .navbar-toggler,
.ntc-masthead .navbar-dark .navbar-toggler {
    color: #ffffff;
    background-color: #10069f;
    border: 0;
    padding: 0;
}

    .ntc-masthead .navbar-inverse .navbar-toggler.btn, .ntc-masthead .navbar-inverse .navbar-toggler:active, .ntc-masthead .navbar-inverse .navbar-toggler:focus,
    .ntc-masthead .navbar-dark .navbar-toggler.btn,
    .ntc-masthead .navbar-dark .navbar-toggler:active,
    .ntc-masthead .navbar-dark .navbar-toggler:focus {
        color: #ffffff;
        background-color: #10069f;
        border: 0;
        outline: none;
    }

.ntc-masthead .navbar-btn {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}

@media only screen and (min-width: 768px) {
    .ntc-masthead .navbar-btn {
        margin-left: 0;
    }
}

.ntc-masthead .navbar-toggle {
    position: relative;
    padding: 9px 11px;
    margin-right: 15px;
    margin-top: 30px;
    margin-bottom: 8px;
    background: none;
    background-image: none;
    border: none;
}

.ntc-masthead .navbar-inner {
    filter: none;
}

.ntc-masthead .navbar-static-top {
    z-index: 998;
}

@media print {
    .ntc-masthead ul.navbar-nav {
        display: none;
    }
}

.ntc-masthead ul.navbar-nav > li {
    margin-bottom: 0;
}

    .ntc-masthead ul.navbar-nav > li > a {
        color: #ffffff;
    }

@media only screen and (min-width: 768px) {
    .ntc-masthead ul.navbar-nav > li > a {
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 0;
        padding: 10px 0;
    }
}

.ntc-masthead .nav > li {
    text-align: right;
}

figcaption {
    margin-top: 10px;
    margin-left: 10px;
}

@media print {
    figcaption {
        display: none;
    }
}

img {
    border: none;
    padding: 0;
    max-width: 100%;
}

@media (min-width: 992px) {
    img {
        max-width: 600px;
    }
}

@media print {
    img {
        display: none;
    }
}

.ntc-images-banner {
    display: block;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

@media print {
    .ntc-images-banner {
        display: none;
    }
}

.ntc-image-thumbnail-portrait {
    margin-left: auto;
    margin-right: auto;
}

.ntc-images-gallery ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    list-style: none;
    padding: 0;
    max-width: 600px;
}

@media print {
    .ntc-images-gallery ul {
        display: none;
    }
}

.ntc-images-gallery ul li {
    flex: 25%;
    max-width: 25%;
    padding: 0 5px;
}

@media screen and (max-width: 800px) {
    .ntc-images-gallery ul li {
        flex: 50%;
        max-width: 50%;
    }
}

.ntc-images-gallery ul li img {
    margin-bottom: 5px;
    vertical-align: middle;
    width: 100%;
}

.ntc-images-gallery .ntc-images-gallery-main-image {
    margin-left: 0;
    padding: 5px;
}

@media (min-width: 992px) {
    .ntc-images-gallery .ntc-images-gallery-main-image img {
        max-width: 100%;
    }
}

.thumbnail {
    width: 150px !important;
    padding: 5px;
    border-radius: 2px;
}

caption {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

table {
    border: 1px solid #dddfe1;
    font-size: 16px;
}

    table th {
        padding: 0.3rem !important;
        border: 1px solid #dddfe1;
        background-color: #121314;
        color: #ffffff;
        font-weight: 400;
    }

    table > tbody th {
        background-color: #5a6065;
    }

    table > tbody > tr {
        border-color: #dddfe1;
    }

        table > tbody > tr:first-child td {
            border-top: none;
        }

        table > tbody > tr:last-child {
            border-bottom: none;
        }

        table > tbody > tr a {
            text-decoration: underline;
        }

        table > tbody > tr button.btn-link {
            text-decoration: underline !important;
        }

        table > tbody > tr.table-primary td {
            background-color: #b7b4e2;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-primary td a {
                color: #121314;
            }

            table > tbody > tr.table-primary td .btn,
            table > tbody > tr.table-primary td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-secondary td {
            background-color: #f8f9f9;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-secondary td a {
                color: #121314;
            }

            table > tbody > tr.table-secondary td .btn,
            table > tbody > tr.table-secondary td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-danger td {
            background-color: #e7b6c4;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-danger td a {
                color: #121314;
            }

            table > tbody > tr.table-danger td .btn,
            table > tbody > tr.table-danger td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-warning td {
            background-color: #fff1b3;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-warning td a {
                color: #121314;
            }

            table > tbody > tr.table-warning td .btn,
            table > tbody > tr.table-warning td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-success td {
            background-color: #d7ecbc;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-success td a {
                color: #121314;
            }

            table > tbody > tr.table-success td .btn,
            table > tbody > tr.table-success td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-info td {
            background-color: #d0e9f7;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-info td a {
                color: #121314;
            }

            table > tbody > tr.table-info td .btn,
            table > tbody > tr.table-info td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-critical td {
            background-color: #fff1b3;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-critical td a {
                color: #121314;
            }

            table > tbody > tr.table-critical td .btn,
            table > tbody > tr.table-critical td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-significant td {
            background-color: #e7b6c4;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-significant td a {
                color: #121314;
            }

            table > tbody > tr.table-significant td .btn,
            table > tbody > tr.table-significant td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-important td {
            background-color: #e7b6c4;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-important td a {
                color: #121314;
            }

            table > tbody > tr.table-important td .btn,
            table > tbody > tr.table-important td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-advisory td {
            background-color: #b7b4e2;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-advisory td a {
                color: #121314;
            }

            table > tbody > tr.table-advisory td .btn,
            table > tbody > tr.table-advisory td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-conservative td {
            background-color: #d0e9f7;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-conservative td a {
                color: #121314;
            }

            table > tbody > tr.table-conservative td .btn,
            table > tbody > tr.table-conservative td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-labour td {
            background-color: #e7b6c4;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-labour td a {
                color: #121314;
            }

            table > tbody > tr.table-labour td .btn,
            table > tbody > tr.table-labour td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-liberal td {
            background-color: #fff1b3;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-liberal td a {
                color: #121314;
            }

            table > tbody > tr.table-liberal td .btn,
            table > tbody > tr.table-liberal td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-green-party td {
            background-color: #d7ecbc;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-green-party td a {
                color: #121314;
            }

            table > tbody > tr.table-green-party td .btn,
            table > tbody > tr.table-green-party td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr.table-ukip td {
            background-color: #b7b4e2;
            color: #121314;
            border-color: #dddfe1;
            text-decoration: none;
        }

            table > tbody > tr.table-ukip td a {
                color: #121314;
            }

            table > tbody > tr.table-ukip td .btn,
            table > tbody > tr.table-ukip td button.btn-link {
                color: #121314;
                text-decoration: underline;
            }

        table > tbody > tr > td {
            padding: 0.3rem !important;
            border: 1px solid #dddfe1;
        }

            table > tbody > tr > td.ntc-table-cell-key, table > tbody > tr > td.ntc-table-cell-tight, table > tbody > tr > td.ntc-table-cell-id {
                text-align: left;
            }

                table > tbody > tr > td.ntc-table-cell-key .ntc-button-link, table > tbody > tr > td.ntc-table-cell-tight .ntc-button-link, table > tbody > tr > td.ntc-table-cell-id .ntc-button-link {
                    padding: 0;
                }

            table > tbody > tr > td.ntc-table-cell-25 {
                max-width: 25%;
            }

            table > tbody > tr > td.ntc-table-cell-33 {
                max-width: 33%;
            }

            table > tbody > tr > td.ntc-table-cell-50 {
                max-width: 50%;
            }

            table > tbody > tr > td.ntc-table-cell-66 {
                max-width: 66%;
            }

            table > tbody > tr > td.ntc-table-cell-75 {
                max-width: 75%;
            }

            table > tbody > tr > td.ntc-table-cell-count {
                text-align: right;
            }

            table > tbody > tr > td.ntc-table-cell-date {
                text-align: left;
            }

            table > tbody > tr > td.ntc-table-cell-button {
                max-width: 1%;
                text-align: center;
            }

            table > tbody > tr > td.ntc-table-cell-input {
                text-align: center;
            }

            .ntc-table-cell-nowrap, table > tbody > tr > td.ntc-table-cell-key, table > tbody > tr > td.ntc-table-cell-tight, table > tbody > tr > td.ntc-table-cell-id, table > tbody > tr > td.ntc-table-cell-count, table > tbody > tr > td.ntc-table-cell-date, table > tbody > tr > td.ntc-table-cell-button, table > tbody > tr > td.ntc-table-cell-input {
                white-space: nowrap;
            }

            .ntc-table-cell-nospace, table > tbody > tr > td.ntc-table-cell-key, table > tbody > tr > td.ntc-table-cell-tight, table > tbody > tr > td.ntc-table-cell-id, table > tbody > tr > td.ntc-table-cell-count, table > tbody > tr > td.ntc-table-cell-date, table > tbody > tr > td.ntc-table-cell-button {
                width: 1px !important;
            }

.w-25 {
    width: 25% !important;
}

.w-33 {
    width: 33.3% !important;
}

.w-50 {
    width: 50% !important;
}

@media print {
    .ntc-video {
        display: none;
    }
}

ul.ntc-iconography {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

    ul.ntc-iconography li {
        margin-right: 10px;
    }

i {
    max-height: 44px;
    max-width: 44px;
    line-height: 1.5;
    overflow: hidden;
    margin-right: 5px;
}

[class^=bi-]::before, [class*=" bi-"]::before {
    line-height: 1.8;
    vertical-align: middle;
}

.ntc-iconography ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

    .ntc-iconography ul i {
        margin-right: 5px;
    }

html {
    background-color: #dddfe1;
}

html,
body {
    min-height: 100%;
}

body {
    background-color: #ffffff;
}

.ntc {
    min-height: 100%;
    height: 100%;
    width: 100%;
}

    .ntc .ntc-base {
        height: 100%;
        width: 100%;
    }

@media only screen and (min-width: 768px) {
    .ntc .container {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .ntc .container {
        width: 940px;
    }
}

.h-10 {
    height: 10% !important;
}

.h-20 {
    height: 20% !important;
}

.h-30 {
    height: 30% !important;
}

.h-40 {
    height: 40% !important;
}

.h-50 {
    height: 50% !important;
}

.h-60 {
    height: 60% !important;
}

.h-70 {
    height: 70% !important;
}

.h-80 {
    height: 90% !important;
}

.h-90 {
    height: 90% !important;
}

.h-100 {
    height: 100% !important;
}

.ntc-main {
    padding-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .ntc-main {
        padding-bottom: 60px;
    }
}

@-ms-viewport {
    width: auto !important;
}

.ntc-layout-application {
    height: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

    .ntc-layout-application.row {
        margin-right: 0;
        margin-left: 0;
    }

    .ntc-layout-application.container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

        .ntc-layout-application.container-fluid > .row {
            margin-right: 0;
            margin-left: 0;
        }

    .ntc-layout-application .ntc-layout-application-main {
        height: 100%;
        width: 100%;
    }

        .ntc-layout-application .ntc-layout-application-main.row {
            margin-right: 0;
            margin-left: 0;
        }

        .ntc-layout-application .ntc-layout-application-main .ntc-layout-application-col-left {
            padding-left: 0;
            padding-right: 0;
        }

            .ntc-layout-application .ntc-layout-application-main .ntc-layout-application-col-left > .container {
                margin-left: 0;
                padding-bottom: 60px;
            }

        .ntc-layout-application .ntc-layout-application-main .ntc-layout-application-col-right {
            padding-left: 0;
            padding-right: 0;
        }

            .ntc-layout-application .ntc-layout-application-main .ntc-layout-application-col-right > .container {
                margin-left: 0;
                padding-bottom: 60px;
            }

            .ntc-layout-application .ntc-layout-application-main .ntc-layout-application-col-right > .container-fluid {
                padding-left: 15px;
                padding-bottom: 60px;
            }

.ntc-layout-article {
    height: 100%;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

    .ntc-layout-article.row {
        margin-right: 0;
        margin-left: 0;
    }

    .ntc-layout-article.container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

        .ntc-layout-article.container-fluid > .row {
            margin-right: 0;
            margin-left: 0;
        }

    .ntc-layout-article .ntc-layout-article-main {
        height: 100%;
        width: 100%;
    }

        .ntc-layout-article .ntc-layout-article-main.row {
            margin-right: 0;
            margin-left: 0;
        }

        .ntc-layout-article .ntc-layout-article-main .ntc-layout-article-col-left {
            padding-left: 0;
            padding-right: 0;
        }

            .ntc-layout-article .ntc-layout-article-main .ntc-layout-article-col-left > .container {
                margin-left: 0;
                padding-bottom: 60px;
            }

        .ntc-layout-article .ntc-layout-article-main .ntc-layout-article-col-right {
            padding-left: 0;
            padding-right: 0;
        }

            .ntc-layout-article .ntc-layout-article-main .ntc-layout-article-col-right > .container {
                margin-left: 0;
                padding-bottom: 60px;
            }

            .ntc-layout-article .ntc-layout-article-main .ntc-layout-article-col-right > .container-fluid {
                padding-left: 15px;
                padding-bottom: 60px;
            }

@media print {
    .logo {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        border: 0;
        white-space: nowrap;
    }
}

#ntc,
html,
body {
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

@media print {
    #ntc,
    html,
    body {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }
}

.lead {
    margin-bottom: 30px;
}

    .lead ul {
        font-size: 16px;
        font-weight: 400;
    }

    .lead p:not(:first-child) {
        font-size: 16px;
        font-weight: 400;
    }

p {
    margin-bottom: 1em;
    line-height: 1.5;
}

blockquote footer {
    padding: 0;
    border-top: none;
    background-color: transparent;
}

.ntc-hint {
    border-color: #8d9398;
}

.form-required {
    color: #b00c3b;
}

.text-black {
    color: #121314;
}

.text-black-bold {
    color: #121314;
    font-weight: bold;
}

.text-white {
    color: #ffffff;
}

.text-white-bold {
    color: #ffffff;
    font-weight: bold;
}

.black-border {
    border-color: #121314;
}

.grey-border-1 {
    border-color: #2a2d2f;
}

.grey-border-2 {
    border-color: #42464a;
}

.grey-border-3 {
    border-color: #5a6065;
}

.grey-border-4 {
    border-color: #73797f;
}

.grey-border-5 {
    border-color: #8d9398;
}

.grey-border-6 {
    border-color: #a8acb0;
}

.grey-border-7 {
    border-color: #c2c6c9;
}

.grey-border-8 {
    border-color: #dddfe1;
}

.grey-border-9 {
    border-color: #f8f9f9;
}

.white-border {
    border-color: #ffffff;
}

.black-text {
    color: #121314;
}

.grey-text-1 {
    color: #2a2d2f;
}

.grey-text-2 {
    color: #42464a;
}

.grey-text-3 {
    color: #5a6065;
}

.grey-text-4 {
    color: #73797f;
}

.grey-text-5 {
    color: #8d9398;
}

.grey-text-6 {
    color: #a8acb0;
}

.grey-text-7 {
    color: #c2c6c9;
}

.grey-text-8 {
    color: #dddfe1;
}

.grey-text-9 {
    color: #f8f9f9;
}

.white-text {
    color: #ffffff;
}

.black-background {
    background-color: #121314;
}

.grey-background-1 {
    background-color: #2a2d2f;
}

.grey-background-2 {
    background-color: #42464a;
}

.grey-background-3 {
    background-color: #5a6065;
}

.grey-background-4 {
    background-color: #73797f;
}

.grey-background-5 {
    background-color: #8d9398;
}

.grey-background-6 {
    background-color: #a8acb0;
}

.grey-background-7 {
    background-color: #c2c6c9;
}

.grey-background-8 {
    background-color: #dddfe1;
}

.grey-background-9 {
    background-color: #f8f9f9;
}

.white-background {
    background-color: #ffffff;
}

/*

	Greyscale palette

	Our greyscale palette offers different shades of grey. 

	The highest level of grey is black and the lightest shade is white. Greyscale colours support our primary and secondary colors. Each shade provides an out-of-the-box AAA rating across the board.

	Colors:
	black: #121314 - AAA with white text (18.6:1), Do not use with black text (1:1)
	grey-1: #2a2d2f - AAA with white text (13.9:1), Do not use with black text (1.3:1)
	grey-2: #42464a - AAA with white text (9.5:1), Do not use with black text (2:1)
	grey-3: #5a6065 - AAA with white bold text (6.4:1), Do not use with black text (2.9:1)
	grey-4: #73797f - Do not use with white text (4.4:1), Do not use with black text (4.2:1)
	grey-5: #8d9398 - Do not use with white text (3.1:1), AAA with black bold text (6:1)
	grey-6: #a8acb0 - Do not use with white text (2.3:1), AAA with black text (8.1:1)
	grey-7: #c2c6c9 - Do not use with white text (1.7:1), AAA with black text (10.8:1)
	grey-8: #dddfe1 - Do not use with white text (1.3:1), AAA with black text (13.9:1)
	grey-9: #f8f9f9 - Do not use with white text (1.1:1), AAA with black text (17.6:1)
	white: #ffffff - Do not use with white text (1:1), AAA with black text (18.6:1)

	Markup:
	<div class="kss-example-palette">
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch black-background white-border white-text">AAA with white text (18.6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-1 grey-text-9">AAA with grey-9 text (17.6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-2 grey-text-8">AAA with grey-8 text (13.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-3 grey-text-7">AAA with grey-7 text (10.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-4 grey-text-6">AAA with grey-6 text (8.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-5 grey-text-5">AAA with grey-5 bold text (6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-6 grey-text-4">Do not use with grey-4 text (4.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-7 grey-text-3">Do not use with grey-3 text (2.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-8 grey-text-2">Do not use with grey-2 text (2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background grey-border-9 grey-text-1">Do not use with grey-1 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch black-background black-border black-text">Do not use with black text (1:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 white-border white-text">AAA with white text (13.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-1 grey-text-9">AAA with grey-9 text (13.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-2 grey-text-8">AAA with grey-8 text (10.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-3 grey-text-7">AAA with grey-7 text (8.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-4 grey-text-6">AAA with grey-6 bold text (6.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-5 grey-text-5">AAA with grey-5 bold text (4.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-6 grey-text-4">Do not use with grey-4 text (3.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-7 grey-text-3">Do not use with grey-3 text (2.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-8 grey-text-2">Do not use with grey-2 text (1.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 grey-border-9 grey-text-1">Do not use with grey-1 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-1 black-border black-text">Do not use with black text (1.3:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 white-border white-text">AAA with white text (9.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-1 grey-text-9">AAA with grey-9 text (9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-2 grey-text-8">AAA with grey-8 text (7.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-3 grey-text-7">AAA with grey-7 bold text (5.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-4 grey-text-6">Do not use with grey-6 text (4.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-5 grey-text-5">Do not use with grey-5 text (3.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-6 grey-text-4">Do not use with grey-4 text (2.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-7 grey-text-3">Do not use with grey-3 text (1.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-8 grey-text-2">Do not use with grey-2 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 grey-border-9 grey-text-1">Do not use with grey-1 text (1.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-2 black-border black-text">Do not use with black text (2:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 white-border white-text">AAA with white bold text (6.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-1 grey-text-9">AAA with grey-9 bold text (6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-2 grey-text-8">AAA with grey-8 bold text (4.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-3 grey-text-7">Do not use with grey-7 text (3.7:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-4 grey-text-6">Do not use with grey-6 text (2.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-5 grey-text-5">Do not use with grey-5 text (2.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-6 grey-text-4">Do not use with grey-4 text (1.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-7 grey-text-3">Do not use with grey-3 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-8 grey-text-2">Do not use with grey-2 text (1.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 grey-border-9 grey-text-1">Do not use with grey-1 text (2.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-3 black-border black-text">Do not use with black text (2.9:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 white-border white-text">Do not use with white text (4.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-1 grey-text-9">Do not use with grey-9 text (4.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-2 grey-text-8">Do not use with grey-8 text (3.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-3 grey-text-7">Do not use with grey-7 text (2.6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-4 grey-text-6">Do not use with grey-6 text (1.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-5 grey-text-5">Do not use with grey-5 text (1.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-6 grey-text-4">Do not use with grey-4 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-7 grey-text-3">Do not use with grey-3 text (1.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-8 grey-text-2">Do not use with grey-2 text (2.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 grey-border-9 grey-text-1">Do not use with grey-1 text (3.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-4 black-border black-text">Do not use with black text (4.2:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 white-border white-text">Do not use with white text (3.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-1 grey-text-9">Do not use with grey-9 text (2.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-2 grey-text-8">Do not use with grey-8 text (2.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-3 grey-text-7">Do not use with grey-7 text (1.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-4 grey-text-6">Do not use with grey-6 text (1.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-5 grey-text-5">Do not use with grey-5 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-6 grey-text-4">Do not use with grey-4 text (1.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-7 grey-text-3">Do not use with grey-3 text (2.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-8 grey-text-2">Do not use with grey-2 text (3.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 grey-border-9 grey-text-1">AAA with grey-1 bold text (4.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-5 black-border black-text">AAA with black bold text (6:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 white-border white-text">Do not use with white text (2.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-1 grey-text-9">Do not use with grey-9 text (2.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-2 grey-text-8">Do not use with grey-8 text (1.7:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-3 grey-text-7">Do not use with grey-7 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-4 grey-text-6">Do not use with grey-6 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-5 grey-text-5">Do not use with grey-5 text (1.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-6 grey-text-4">Do not use with grey-4 text (1.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-7 grey-text-3">Do not use with grey-3 text (2.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-8 grey-text-2">Do not use with grey-2 text (4.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 grey-border-9 grey-text-1">AAA with grey-1 bold text (6.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-6 black-border black-text">AAA with black text (8.1:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 white-border white-text">Do not use with white text (1.7:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-1 grey-text-9">Do not use with grey-9 text (1.6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-2 grey-text-8">Do not use with grey-8 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-3 grey-text-7">Do not use with grey-7 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-4 grey-text-6">Do not use with grey-6 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-5 grey-text-5">Do not use with grey-5 text (1.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-6 grey-text-4">Do not use with grey-4 text (2.6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-7 grey-text-3">Do not use with grey-3 text (3.7:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-8 grey-text-2">AAA with grey-2 bold text (5.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 grey-border-9 grey-text-1">AAA with grey-1 text (8.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-7 black-border black-text">AAA with black text (10.8:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 white-border white-text">Do not use with white text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-1 grey-text-9">Do not use with grey-9 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-2 grey-text-8">Do not use with grey-8 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-3 grey-text-7">Do not use with grey-7 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-4 grey-text-6">Do not use with grey-6 text (1.7:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-5 grey-text-5">Do not use with grey-5 text (2.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-6 grey-text-4">Do not use with grey-4 text (3.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-7 grey-text-3">AAA with grey-3 bold text (4.8:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-8 grey-text-2">AAA with grey-2 text (7.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 grey-border-9 grey-text-1">AAA with grey-1 text (10.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-8 black-border black-text">AAA with black text (13.9:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 white-border white-text">Do not use with white text (1.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-1 grey-text-9">Do not use with grey-9 text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-2 grey-text-8">Do not use with grey-8 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-3 grey-text-7">Do not use with grey-7 text (1.6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-4 grey-text-6">Do not use with grey-6 text (2.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-5 grey-text-5">Do not use with grey-5 text (2.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-6 grey-text-4">Do not use with grey-4 text (4.2:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-7 grey-text-3">AAA with grey-3 bold text (6:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-8 grey-text-2">AAA with grey-2 text (9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 grey-border-9 grey-text-1">AAA with grey-1 text (13.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch grey-background-9 black-border black-text">AAA with black text (17.6:1)</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-1">
				<div class="ntc-swatch white-background white-border white-text">Do not use with white text (1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-1 grey-text-9">Do not use with grey-9 text (1.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-2 grey-text-8">Do not use with grey-8 text (1.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-3 grey-text-7">Do not use with grey-7 text (1.7:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-4 grey-text-6">Do not use with grey-6 text (2.3:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-5 grey-text-5">Do not use with grey-5 text (3.1:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-6 grey-text-4">Do not use with grey-4 text (4.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-7 grey-text-3">AAA with grey-3 bold text (6.4:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-8 grey-text-2">AAA with grey-2 text (9.5:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background grey-border-9 grey-text-1">AAA with grey-1 text (13.9:1)</div>
			</div>
			<div class="col-md-1">
				<div class="ntc-swatch white-background black-border black-text">AAA with black text (18.6:1)</div>
			</div>
		</div>
	</div>

	Weight: 4

	Styleguide Palette.Secondary.grayscale

*/
/*
	Red shade

	Variations from a red base.

	Colors:
	red: #b00c3b - The reference color, AAA with white text (7.1:1), Do not use with black text (2.6:1)
	red-shade-1: #9e0b35 - AAA with white text (8.2:1), Do not use with black text (2.3:1)
	red-shade-2: #6a0723 - AAA with white text (12.6:1), Do not use with black text (1.5:1)
	red-shade-3: #350412 - AAA with white text (17.8:1), Do not use with black text (1:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background red-border red-text">Do not use with red text (2.6:1)</div>
			<div class="ntc-swatch black-background red-border-shade-1 red-text-shade-1">Do not use with red-shade-1 text (2.3:1)</div>
			<div class="ntc-swatch black-background red-border-shade-2 red-text-shade-2">Do not use with red-shade-2 text (1.5:1)</div>
			<div class="ntc-swatch black-background red-border-shade-3 red-text-shade-3">Do not use with red-shade-3 text (1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background red-border red-text">AAA with red text (7.1:1)</div>
			<div class="ntc-swatch white-background red-border-shade-1 red-text-shade-1">AAA with red-shade-1 text (8.2:1)</div>
			<div class="ntc-swatch white-background red-border-shade-2 red-text-shade-2">AAA with red-shade-2 text (12.6:1)</div>
			<div class="ntc-swatch white-background red-border-shade-3 red-text-shade-3">AAA with red-shade-3 text (17.8:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch red-background text-white">AAA with white text (7.1:1)</div>
			<div class="ntc-swatch red-background-shade-1 text-white">AAA with white text (8.2:1)</div>
			<div class="ntc-swatch red-background-shade-2 text-white">AAA with white text (12.6:1)</div>
			<div class="ntc-swatch red-background-shade-3 text-white">AAA with white text (17.8:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-red-shade
*/
.red-border {
    border-color: #b00c3b;
}

.red-border-shade-1 {
    border-color: #9e0b35;
}

.red-border-shade-2 {
    border-color: #6a0723;
}

.red-border-shade-3 {
    border-color: #350412;
}

.red-text {
    color: #b00c3b;
}

.red-text-shade-1 {
    color: #9e0b35;
}

.red-text-shade-2 {
    color: #6a0723;
}

.red-text-shade-3 {
    color: #350412;
}

.red-background {
    background-color: #b00c3b;
}

.red-background-shade-1 {
    background-color: #9e0b35;
}

.red-background-shade-2 {
    background-color: #6a0723;
}

.red-background-shade-3 {
    background-color: #350412;
}

/*
	Red tint

	Variations from a red base.

	Colors:
	red: #b00c3b - The reference color, AAA with white text (7.1:1), Do not use with black text (2.6:1)
	red-tint-1: #b8244f - AAA with white bold text (6.2:1), Do not use with black text (3:1)
	red-tint-2: #d06d89 - Do not use with white text (3.4:1), AAA with black bold text (5.5:1)
	red-tint-3: #e7b6c4 - Do not use with white text (1.8:1), AAA with black text (10.5:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background red-border red-text">Do not use with red text (2.6:1)</div>
			<div class="ntc-swatch black-background red-border-tint-1 red-text-tint-1">Do not use with red-tint-1 text (3:1)</div>
			<div class="ntc-swatch black-background red-border-tint-2 red-text-tint-2">AAA with red-tint-2 bold text (5.5:1)</div>
			<div class="ntc-swatch black-background red-border-tint-3 red-text-tint-3">AAA with red-tint-3 text (10.5:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background red-border red-text">AAA with red text (7.1:1)</div>
			<div class="ntc-swatch white-background red-border-tint-1 red-text-tint-1">AAA with red-tint-1 bold text (6.2:1)</div>
			<div class="ntc-swatch white-background red-border-tint-2 red-text-tint-2">Do not use with red-tint-2 text (3.4:1)</div>
			<div class="ntc-swatch white-background red-border-tint-3 red-text-tint-3">Do not use with red-tint-3 text (1.8:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch red-background text-white">AAA with white text (7.1:1)</div>
			<div class="ntc-swatch red-background-tint-1 text-white-bold">AAA with bold white text (6.2:1)</div>
			<div class="ntc-swatch red-background-tint-2 text-black-bold">AAA with bold black text (5.5:1)</div>
			<div class="ntc-swatch red-background-tint-3 text-black">AAA with black text (10.5:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-red-tint
*/
.red-border-tint-1 {
    border-color: #b8244f;
}

.red-border-tint-2 {
    border-color: #d06d89;
}

.red-border-tint-3 {
    border-color: #e7b6c4;
}

.red-text-tint-1 {
    color: #b8244f;
}

.red-text-tint-2 {
    color: #d06d89;
}

.red-text-tint-3 {
    color: #e7b6c4;
}

.red-background-tint-1 {
    background-color: #b8244f;
}

.red-background-tint-2 {
    background-color: #d06d89;
}

.red-background-tint-3 {
    background-color: #e7b6c4;
}

/*
	Orange shade

	Variations from a orange base.

	Colors:
	orange: #d57800 - The reference color, Do not use with white text (3.2:1), AAA with black bold text (5.8:1)
	orange-shade-1: #c06c00 - Do not use with white text (3.9:1), AAA with black bold text (4.8:1)
	orange-shade-2: #804800 - AAA with white text (7.4:1), Do not use with black text (2.5:1)
	orange-shade-3: #402400 - AAA with white text (14.3:1), Do not use with black text (1.3:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background orange-border orange-text">AAA with orange bold text (5.8:1)</div>
			<div class="ntc-swatch black-background orange-border-shade-1 orange-text-shade-1">AAA with orange-shade-1 bold text (4.8:1)</div>
			<div class="ntc-swatch black-background orange-border-shade-2 orange-text-shade-2">Do not use with orange-shade-2 text (2.5:1)</div>
			<div class="ntc-swatch black-background orange-border-shade-3 orange-text-shade-3">Do not use with orange-shade-3 text (1.3:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background orange-border orange-text">Do not use with orange text (3.2:1)</div>
			<div class="ntc-swatch white-background orange-border-shade-1 orange-text-shade-1">Do not use with orange-shade-1 text (3.9:1)</div>
			<div class="ntc-swatch white-background orange-border-shade-2 orange-text-shade-2">AAA with orange-shade-2 text (7.4:1)</div>
			<div class="ntc-swatch white-background orange-border-shade-3 orange-text-shade-3">AAA with orange-shade-3 text (14.3:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch orange-background text-black-bold">AAA with bold black text (5.8:1)</div>
			<div class="ntc-swatch orange-background-shade-1 text-black-bold">AAA with bold black text (4.8:1)</div>
			<div class="ntc-swatch orange-background-shade-2 text-white">AAA with white text (7.4:1)</div>
			<div class="ntc-swatch orange-background-shade-3 text-white">AAA with white text (14.3:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-orange-shade
*/
.orange-border {
    border-color: #d57800;
}

.orange-border-shade-1 {
    border-color: #c06c00;
}

.orange-border-shade-2 {
    border-color: #804800;
}

.orange-border-shade-3 {
    border-color: #402400;
}

.orange-text {
    color: #d57800;
}

.orange-text-shade-1 {
    color: #c06c00;
}

.orange-text-shade-2 {
    color: #804800;
}

.orange-text-shade-3 {
    color: #402400;
}

.orange-background {
    background-color: #d57800;
}

.orange-background-shade-1 {
    background-color: #c06c00;
}

.orange-background-shade-2 {
    background-color: #804800;
}

.orange-background-shade-3 {
    background-color: #402400;
}

/*
	Orange tint

	Variations from a orange base.

	Colors:
	orange: #d57800 - The reference color, Do not use with white text (3.2:1), AAA with black bold text (5.8:1)
	orange-tint-1: #d9861a - Do not use with white text (2.8:1), AAA with black bold text (6.5:1)
	orange-tint-2: #e6ae66 - Do not use with white text (2:1), AAA with black text (9.4:1)
	orange-tint-3: #f2d7b3 - Do not use with white text (1.4:1), AAA with black text (13.4:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background orange-border orange-text">AAA with orange bold text (5.8:1)</div>
			<div class="ntc-swatch black-background orange-border-tint-1 orange-text-tint-1">AAA with orange-tint-1 bold text (6.5:1)</div>
			<div class="ntc-swatch black-background orange-border-tint-2 orange-text-tint-2">AAA with orange-tint-2 text (9.4:1)</div>
			<div class="ntc-swatch black-background orange-border-tint-3 orange-text-tint-3">AAA with orange-tint-3 text (13.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background orange-border orange-text">Do not use with orange text (3.2:1)</div>
			<div class="ntc-swatch white-background orange-border-tint-1 orange-text-tint-1">Do not use with orange-tint-1 text (2.8:1)</div>
			<div class="ntc-swatch white-background orange-border-tint-2 orange-text-tint-2">Do not use with orange-tint-2 text (2:1)</div>
			<div class="ntc-swatch white-background orange-border-tint-3 orange-text-tint-3">Do not use with orange-tint-3 text (1.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch orange-background text-black-bold">AAA with bold black text (5.8:1)</div>
			<div class="ntc-swatch orange-background-tint-1 text-black-bold">AAA with bold black text (6.5:1)</div>
			<div class="ntc-swatch orange-background-tint-2 text-black">AAA with black text (9.4:1)</div>
			<div class="ntc-swatch orange-background-tint-3 text-black">AAA with black text (13.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-orange-tint
*/
.orange-border-tint-1 {
    border-color: #d9861a;
}

.orange-border-tint-2 {
    border-color: #e6ae66;
}

.orange-border-tint-3 {
    border-color: #f2d7b3;
}

.orange-text-tint-1 {
    color: #d9861a;
}

.orange-text-tint-2 {
    color: #e6ae66;
}

.orange-text-tint-3 {
    color: #f2d7b3;
}

.orange-background-tint-1 {
    background-color: #d9861a;
}

.orange-background-tint-2 {
    background-color: #e6ae66;
}

.orange-background-tint-3 {
    background-color: #f2d7b3;
}

/*
	Yellow shade

	Variations from a yellow base.

	Colors:
	yellow: #ffd100 - The reference color, Do not use with white text (1.5:1), AAA with black text (12.7:1)
	yellow-shade-1: #e6bc00 - Do not use with white text (1.8:1), AAA with black text (10.2:1)
	yellow-shade-2: #997d00 - Do not use with white text (4:1), AAA with black bold text (4.7:1)
	yellow-shade-3: #4d3f00 - AAA with white text (10.4:1), Do not use with black text (1.8:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background yellow-border yellow-text">AAA with yellow text (12.7:1)</div>
			<div class="ntc-swatch black-background yellow-border-shade-1 yellow-text-shade-1">AAA with yellow-shade-1 text (10.2:1)</div>
			<div class="ntc-swatch black-background yellow-border-shade-2 yellow-text-shade-2">AAA with yellow-shade-2 bold text (4.7:1)</div>
			<div class="ntc-swatch black-background yellow-border-shade-3 yellow-text-shade-3">Do not use with yellow-shade-3 text (1.8:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background yellow-border yellow-text">Do not use with yellow text (1.5:1)</div>
			<div class="ntc-swatch white-background yellow-border-shade-1 yellow-text-shade-1">Do not use with yellow-shade-1 text (1.8:1)</div>
			<div class="ntc-swatch white-background yellow-border-shade-2 yellow-text-shade-2">Do not use with yellow-shade-2 text (4:1)</div>
			<div class="ntc-swatch white-background yellow-border-shade-3 yellow-text-shade-3">AAA with yellow-shade-3 text (10.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch yellow-background text-black">AAA with black text (12.7:1)</div>
			<div class="ntc-swatch yellow-background-shade-1 text-black">AAA with black text (10.2:1)</div>
			<div class="ntc-swatch yellow-background-shade-2 text-black-bold">AAA with bold black text (4.7:1)</div>
			<div class="ntc-swatch yellow-background-shade-3 text-white">AAA with white text (10.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-yellow-shade
*/
.yellow-border {
    border-color: #ffd100;
}

.yellow-border-shade-1 {
    border-color: #e6bc00;
}

.yellow-border-shade-2 {
    border-color: #997d00;
}

.yellow-border-shade-3 {
    border-color: #4d3f00;
}

.yellow-text {
    color: #ffd100;
}

.yellow-text-shade-1 {
    color: #e6bc00;
}

.yellow-text-shade-2 {
    color: #997d00;
}

.yellow-text-shade-3 {
    color: #4d3f00;
}

.yellow-background {
    background-color: #ffd100;
}

.yellow-background-shade-1 {
    background-color: #e6bc00;
}

.yellow-background-shade-2 {
    background-color: #997d00;
}

.yellow-background-shade-3 {
    background-color: #4d3f00;
}

/*
	Yellow tint

	Variations from a yellow base.

	Colors:
	yellow: #ffd100 - The reference color, Do not use with white text (1.5:1), AAA with black text (12.7:1)
	yellow-tint-1: #ffd61a - Do not use with white text (1.4:1), AAA with black text (13.2:1)
	yellow-tint-2: #ffe366 - Do not use with white text (1.3:1), AAA with black text (14.6:1)
	yellow-tint-3: #fff1b3 - Do not use with white text (1.1:1), AAA with black text (16.4:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background yellow-border yellow-text">AAA with yellow text (12.7:1)</div>
			<div class="ntc-swatch black-background yellow-border-tint-1 yellow-text-tint-1">AAA with yellow-tint-1 text (13.2:1)</div>
			<div class="ntc-swatch black-background yellow-border-tint-2 yellow-text-tint-2">AAA with yellow-tint-2 text (14.6:1)</div>
			<div class="ntc-swatch black-background yellow-border-tint-3 yellow-text-tint-3">AAA with yellow-tint-3 text (16.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background yellow-border yellow-text">Do not use with yellow text (1.5:1)</div>
			<div class="ntc-swatch white-background yellow-border-tint-1 yellow-text-tint-1">Do not use with yellow-tint-1 text (1.4:1)</div>
			<div class="ntc-swatch white-background yellow-border-tint-2 yellow-text-tint-2">Do not use with yellow-tint-2 text (1.3:1)</div>
			<div class="ntc-swatch white-background yellow-border-tint-3 yellow-text-tint-3">Do not use with yellow-tint-3 text (1.1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch yellow-background text-black">AAA with black text (12.7:1)</div>
			<div class="ntc-swatch yellow-background-tint-1 text-black">AAA with black text (13.2:1)</div>
			<div class="ntc-swatch yellow-background-tint-2 text-black">AAA with black text (14.6:1)</div>
			<div class="ntc-swatch yellow-background-tint-3 text-black">AAA with black text (16.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-yellow-tint
*/
.yellow-border-tint-1 {
    border-color: #ffd61a;
}

.yellow-border-tint-2 {
    border-color: #ffe366;
}

.yellow-border-tint-3 {
    border-color: #fff1b3;
}

.yellow-text-tint-1 {
    color: #ffd61a;
}

.yellow-text-tint-2 {
    color: #ffe366;
}

.yellow-text-tint-3 {
    color: #fff1b3;
}

.yellow-background-tint-1 {
    background-color: #ffd61a;
}

.yellow-background-tint-2 {
    background-color: #ffe366;
}

.yellow-background-tint-3 {
    background-color: #fff1b3;
}

/*
	Green-light shade

	Variations from a green-light base.

	Colors:
	green-light: #c4d600 - The reference color, Do not use with white text (1.6:1), AAA with black text (11.5:1)
	green-light-shade-1: #b0c100 - Do not use with white text (2:1), AAA with black text (9.3:1)
	green-light-shade-2: #768000 - Do not use with white text (4.3:1), Do not use with black text (4.3:1)
	green-light-shade-3: #3b4000 - AAA with white text (10.9:1), Do not use with black text (1.7:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background green-light-border green-light-text">AAA with green-light text (11.5:1)</div>
			<div class="ntc-swatch black-background green-light-border-shade-1 green-light-text-shade-1">AAA with green-light-shade-1 text (9.3:1)</div>
			<div class="ntc-swatch black-background green-light-border-shade-2 green-light-text-shade-2">Do not use with green-light-shade-2 text (4.3:1)</div>
			<div class="ntc-swatch black-background green-light-border-shade-3 green-light-text-shade-3">Do not use with green-light-shade-3 text (1.7:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background green-light-border green-light-text">Do not use with green-light text (1.6:1)</div>
			<div class="ntc-swatch white-background green-light-border-shade-1 green-light-text-shade-1">Do not use with green-light-shade-1 text (2:1)</div>
			<div class="ntc-swatch white-background green-light-border-shade-2 green-light-text-shade-2">Do not use with green-light-shade-2 text (4.3:1)</div>
			<div class="ntc-swatch white-background green-light-border-shade-3 green-light-text-shade-3">AAA with green-light-shade-3 text (10.9:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch green-light-background text-black">AAA with black text (11.5:1)</div>
			<div class="ntc-swatch green-light-background-shade-1 text-black">AAA with black text (9.3:1)</div>
			<div class="ntc-swatch green-light-background-shade-2 text-black">Do not use with black text (4.3:1)</div>
			<div class="ntc-swatch green-light-background-shade-3 text-white">AAA with white text (10.9:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-green-light-shade
*/
.green-light-border {
    border-color: #c4d600;
}

.green-light-border-shade-1 {
    border-color: #b0c100;
}

.green-light-border-shade-2 {
    border-color: #768000;
}

.green-light-border-shade-3 {
    border-color: #3b4000;
}

.green-light-text {
    color: #c4d600;
}

.green-light-text-shade-1 {
    color: #b0c100;
}

.green-light-text-shade-2 {
    color: #768000;
}

.green-light-text-shade-3 {
    color: #3b4000;
}

.green-light-background {
    background-color: #c4d600;
}

.green-light-background-shade-1 {
    background-color: #b0c100;
}

.green-light-background-shade-2 {
    background-color: #768000;
}

.green-light-background-shade-3 {
    background-color: #3b4000;
}

/*
	Green-light tint

	Variations from a green-light base.

	Colors:
	green-light: #c4d600 - The reference color, Do not use with white text (1.6:1), AAA with black text (11.5:1)
	green-light-tint-1: #cada1a - Do not use with white text (1.5:1), AAA with black text (12:1)
	green-light-tint-2: #dce666 - Do not use with white text (1.4:1), AAA with black text (13.8:1)
	green-light-tint-3: #edf3b3 - Do not use with white text (1.2:1), AAA with black text (16:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background green-light-border green-light-text">AAA with green-light text (11.5:1)</div>
			<div class="ntc-swatch black-background green-light-border-tint-1 green-light-text-tint-1">AAA with green-light-tint-1 text (12:1)</div>
			<div class="ntc-swatch black-background green-light-border-tint-2 green-light-text-tint-2">AAA with green-light-tint-2 text (13.8:1)</div>
			<div class="ntc-swatch black-background green-light-border-tint-3 green-light-text-tint-3">AAA with green-light-tint-3 text (16:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background green-light-border green-light-text">Do not use with green-light text (1.6:1)</div>
			<div class="ntc-swatch white-background green-light-border-tint-1 green-light-text-tint-1">Do not use with green-light-tint-1 text (1.5:1)</div>
			<div class="ntc-swatch white-background green-light-border-tint-2 green-light-text-tint-2">Do not use with green-light-tint-2 text (1.4:1)</div>
			<div class="ntc-swatch white-background green-light-border-tint-3 green-light-text-tint-3">Do not use with green-light-tint-3 text (1.2:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch green-light-background text-black">AAA with black text (11.5:1)</div>
			<div class="ntc-swatch green-light-background-tint-1 text-black">AAA with black text (12:1)</div>
			<div class="ntc-swatch green-light-background-tint-2 text-black">AAA with black text (13.8:1)</div>
			<div class="ntc-swatch green-light-background-tint-3 text-black">AAA with black text (16:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-green-light-tint
*/
.green-light-border-tint-1 {
    border-color: #cada1a;
}

.green-light-border-tint-2 {
    border-color: #dce666;
}

.green-light-border-tint-3 {
    border-color: #edf3b3;
}

.green-light-text-tint-1 {
    color: #cada1a;
}

.green-light-text-tint-2 {
    color: #dce666;
}

.green-light-text-tint-3 {
    color: #edf3b3;
}

.green-light-background-tint-1 {
    background-color: #cada1a;
}

.green-light-background-tint-2 {
    background-color: #dce666;
}

.green-light-background-tint-3 {
    background-color: #edf3b3;
}

/*
	Green shade

	Variations from a green base.

	Colors:
	green: #78be20 - The reference color, Do not use with white text (2.3:1), AAA with black text (8.1:1)
	green-shade-1: #6cab1d - Do not use with white text (2.8:1), AAA with black bold text (6.6:1)
	green-shade-2: #487213 - AAA with white bold text (5.7:1), Do not use with black text (3.3:1)
	green-shade-3: #24390a - AAA with white text (12.6:1), Do not use with black text (1.5:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background green-border green-text">AAA with green text (8.1:1)</div>
			<div class="ntc-swatch black-background green-border-shade-1 green-text-shade-1">AAA with green-shade-1 bold text (6.6:1)</div>
			<div class="ntc-swatch black-background green-border-shade-2 green-text-shade-2">Do not use with green-shade-2 text (3.3:1)</div>
			<div class="ntc-swatch black-background green-border-shade-3 green-text-shade-3">Do not use with green-shade-3 text (1.5:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background green-border green-text">Do not use with green text (2.3:1)</div>
			<div class="ntc-swatch white-background green-border-shade-1 green-text-shade-1">Do not use with green-shade-1 text (2.8:1)</div>
			<div class="ntc-swatch white-background green-border-shade-2 green-text-shade-2">AAA with green-shade-2 bold text (5.7:1)</div>
			<div class="ntc-swatch white-background green-border-shade-3 green-text-shade-3">AAA with green-shade-3 text (12.6:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch green-background text-black">AAA with black text (8.1:1)</div>
			<div class="ntc-swatch green-background-shade-1 text-black-bold">AAA with bold black text (6.6:1)</div>
			<div class="ntc-swatch green-background-shade-2 text-white-bold">AAA with bold white text (5.7:1)</div>
			<div class="ntc-swatch green-background-shade-3 text-white">AAA with white text (12.6:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-green-shade
*/
.green-border {
    border-color: #78be20;
}

.green-border-shade-1 {
    border-color: #6cab1d;
}

.green-border-shade-2 {
    border-color: #487213;
}

.green-border-shade-3 {
    border-color: #24390a;
}

.green-text {
    color: #78be20;
}

.green-text-shade-1 {
    color: #6cab1d;
}

.green-text-shade-2 {
    color: #487213;
}

.green-text-shade-3 {
    color: #24390a;
}

.green-background {
    background-color: #78be20;
}

.green-background-shade-1 {
    background-color: #6cab1d;
}

.green-background-shade-2 {
    background-color: #487213;
}

.green-background-shade-3 {
    background-color: #24390a;
}

/*
	Green tint

	Variations from a green base.

	Colors:
	green: #78be20 - The reference color, Do not use with white text (2.3:1), AAA with black text (8.1:1)
	green-tint-1: #86c536 - Do not use with white text (2.1:1), AAA with black text (8.9:1)
	green-tint-2: #aed879 - Do not use with white text (1.6:1), AAA with black text (11.4:1)
	green-tint-3: #d7ecbc - Do not use with white text (1.3:1), AAA with black text (14.7:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background green-border green-text">AAA with green text (8.1:1)</div>
			<div class="ntc-swatch black-background green-border-tint-1 green-text-tint-1">AAA with green-tint-1 text (8.9:1)</div>
			<div class="ntc-swatch black-background green-border-tint-2 green-text-tint-2">AAA with green-tint-2 text (11.4:1)</div>
			<div class="ntc-swatch black-background green-border-tint-3 green-text-tint-3">AAA with green-tint-3 text (14.7:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background green-border green-text">Do not use with green text (2.3:1)</div>
			<div class="ntc-swatch white-background green-border-tint-1 green-text-tint-1">Do not use with green-tint-1 text (2.1:1)</div>
			<div class="ntc-swatch white-background green-border-tint-2 green-text-tint-2">Do not use with green-tint-2 text (1.6:1)</div>
			<div class="ntc-swatch white-background green-border-tint-3 green-text-tint-3">Do not use with green-tint-3 text (1.3:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch green-background text-black">AAA with black text (8.1:1)</div>
			<div class="ntc-swatch green-background-tint-1 text-black">AAA with black text (8.9:1)</div>
			<div class="ntc-swatch green-background-tint-2 text-black">AAA with black text (11.4:1)</div>
			<div class="ntc-swatch green-background-tint-3 text-black">AAA with black text (14.7:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-green-tint
*/
.green-border-tint-1 {
    border-color: #86c536;
}

.green-border-tint-2 {
    border-color: #aed879;
}

.green-border-tint-3 {
    border-color: #d7ecbc;
}

.green-text-tint-1 {
    color: #86c536;
}

.green-text-tint-2 {
    color: #aed879;
}

.green-text-tint-3 {
    color: #d7ecbc;
}

.green-background-tint-1 {
    background-color: #86c536;
}

.green-background-tint-2 {
    background-color: #aed879;
}

.green-background-tint-3 {
    background-color: #d7ecbc;
}

/*
	Green-dark shade

	Variations from a green-dark base.

	Colors:
	green-dark: #007a53 - The reference color, AAA with white bold text (5.4:1), Do not use with black text (3.5:1)
	green-dark-shade-1: #006e4b - AAA with white bold text (6.3:1), Do not use with black text (3:1)
	green-dark-shade-2: #004932 - AAA with white text (10.5:1), Do not use with black text (1.8:1)
	green-dark-shade-3: #002519 - AAA with white text (16.4:1), Do not use with black text (1.1:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background green-dark-border green-dark-text">Do not use with green-dark text (3.5:1)</div>
			<div class="ntc-swatch black-background green-dark-border-shade-1 green-dark-text-shade-1">Do not use with green-dark-shade-1 text (3:1)</div>
			<div class="ntc-swatch black-background green-dark-border-shade-2 green-dark-text-shade-2">Do not use with green-dark-shade-2 text (1.8:1)</div>
			<div class="ntc-swatch black-background green-dark-border-shade-3 green-dark-text-shade-3">Do not use with green-dark-shade-3 text (1.1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background green-dark-border green-dark-text">AAA with green-dark bold text (5.4:1)</div>
			<div class="ntc-swatch white-background green-dark-border-shade-1 green-dark-text-shade-1">AAA with green-dark-shade-1 bold text (6.3:1)</div>
			<div class="ntc-swatch white-background green-dark-border-shade-2 green-dark-text-shade-2">AAA with green-dark-shade-2 text (10.5:1)</div>
			<div class="ntc-swatch white-background green-dark-border-shade-3 green-dark-text-shade-3">AAA with green-dark-shade-3 text (16.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch green-dark-background text-white-bold">AAA with bold white text (5.4:1)</div>
			<div class="ntc-swatch green-dark-background-shade-1 text-white-bold">AAA with bold white text (6.3:1)</div>
			<div class="ntc-swatch green-dark-background-shade-2 text-white">AAA with white text (10.5:1)</div>
			<div class="ntc-swatch green-dark-background-shade-3 text-white">AAA with white text (16.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-green-dark-shade
*/
.green-dark-border {
    border-color: #007a53;
}

.green-dark-border-shade-1 {
    border-color: #006e4b;
}

.green-dark-border-shade-2 {
    border-color: #004932;
}

.green-dark-border-shade-3 {
    border-color: #002519;
}

.green-dark-text {
    color: #007a53;
}

.green-dark-text-shade-1 {
    color: #006e4b;
}

.green-dark-text-shade-2 {
    color: #004932;
}

.green-dark-text-shade-3 {
    color: #002519;
}

.green-dark-background {
    background-color: #007a53;
}

.green-dark-background-shade-1 {
    background-color: #006e4b;
}

.green-dark-background-shade-2 {
    background-color: #004932;
}

.green-dark-background-shade-3 {
    background-color: #002519;
}

/*
	Green-dark tint

	Variations from a green-dark base.

	Colors:
	green-dark: #007a53 - The reference color, AAA with white bold text (5.4:1), Do not use with black text (3.5:1)
	green-dark-tint-1: #1a8764 - AAA with white bold text (4.5:1), Do not use with black text (4.2:1)
	green-dark-tint-2: #66af98 - Do not use with white text (2.6:1), AAA with black text (7.2:1)
	green-dark-tint-3: #b3d7cb - Do not use with white text (1.6:1), AAA with black text (12:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background green-dark-border green-dark-text">Do not use with green-dark text (3.5:1)</div>
			<div class="ntc-swatch black-background green-dark-border-tint-1 green-dark-text-tint-1">Do not use with green-dark-tint-1 text (4.2:1)</div>
			<div class="ntc-swatch black-background green-dark-border-tint-2 green-dark-text-tint-2">AAA with green-dark-tint-2 text (7.2:1)</div>
			<div class="ntc-swatch black-background green-dark-border-tint-3 green-dark-text-tint-3">AAA with green-dark-tint-3 text (12:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background green-dark-border green-dark-text">AAA with green-dark bold text (5.4:1)</div>
			<div class="ntc-swatch white-background green-dark-border-tint-1 green-dark-text-tint-1">AAA with green-dark-tint-1 bold text (4.5:1)</div>
			<div class="ntc-swatch white-background green-dark-border-tint-2 green-dark-text-tint-2">Do not use with green-dark-tint-2 text (2.6:1)</div>
			<div class="ntc-swatch white-background green-dark-border-tint-3 green-dark-text-tint-3">Do not use with green-dark-tint-3 text (1.6:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch green-dark-background text-white-bold">AAA with bold white text (5.4:1)</div>
			<div class="ntc-swatch green-dark-background-tint-1 text-white-bold">AAA with bold white text (4.5:1)</div>
			<div class="ntc-swatch green-dark-background-tint-2 text-black">AAA with black text (7.2:1)</div>
			<div class="ntc-swatch green-dark-background-tint-3 text-black">AAA with black text (12:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-green-dark-tint
*/
.green-dark-border-tint-1 {
    border-color: #1a8764;
}

.green-dark-border-tint-2 {
    border-color: #66af98;
}

.green-dark-border-tint-3 {
    border-color: #b3d7cb;
}

.green-dark-text-tint-1 {
    color: #1a8764;
}

.green-dark-text-tint-2 {
    color: #66af98;
}

.green-dark-text-tint-3 {
    color: #b3d7cb;
}

.green-dark-background-tint-1 {
    background-color: #1a8764;
}

.green-dark-background-tint-2 {
    background-color: #66af98;
}

.green-dark-background-tint-3 {
    background-color: #b3d7cb;
}

/*
	Turquoise shade

	Variations from a turquoise base.

	Colors:
	turquoise: #00c7b1 - The reference color, Do not use with white text (2.1:1), AAA with black text (8.7:1)
	turquoise-shade-1: #00b39f - Do not use with white text (2.6:1), AAA with black text (7:1)
	turquoise-shade-2: #00776a - AAA with white bold text (5.5:1), Do not use with black text (3.4:1)
	turquoise-shade-3: #003c35 - AAA with white text (12.4:1), Do not use with black text (1.5:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background turquoise-border turquoise-text">AAA with turquoise text (8.7:1)</div>
			<div class="ntc-swatch black-background turquoise-border-shade-1 turquoise-text-shade-1">AAA with turquoise-shade-1 text (7:1)</div>
			<div class="ntc-swatch black-background turquoise-border-shade-2 turquoise-text-shade-2">Do not use with turquoise-shade-2 text (3.4:1)</div>
			<div class="ntc-swatch black-background turquoise-border-shade-3 turquoise-text-shade-3">Do not use with turquoise-shade-3 text (1.5:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background turquoise-border turquoise-text">Do not use with turquoise text (2.1:1)</div>
			<div class="ntc-swatch white-background turquoise-border-shade-1 turquoise-text-shade-1">Do not use with turquoise-shade-1 text (2.6:1)</div>
			<div class="ntc-swatch white-background turquoise-border-shade-2 turquoise-text-shade-2">AAA with turquoise-shade-2 bold text (5.5:1)</div>
			<div class="ntc-swatch white-background turquoise-border-shade-3 turquoise-text-shade-3">AAA with turquoise-shade-3 text (12.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch turquoise-background text-black">AAA with black text (8.7:1)</div>
			<div class="ntc-swatch turquoise-background-shade-1 text-black">AAA with black text (7:1)</div>
			<div class="ntc-swatch turquoise-background-shade-2 text-white-bold">AAA with bold white text (5.5:1)</div>
			<div class="ntc-swatch turquoise-background-shade-3 text-white">AAA with white text (12.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-turquoise-shade
*/
.turquoise-border {
    border-color: #00c7b1;
}

.turquoise-border-shade-1 {
    border-color: #00b39f;
}

.turquoise-border-shade-2 {
    border-color: #00776a;
}

.turquoise-border-shade-3 {
    border-color: #003c35;
}

.turquoise-text {
    color: #00c7b1;
}

.turquoise-text-shade-1 {
    color: #00b39f;
}

.turquoise-text-shade-2 {
    color: #00776a;
}

.turquoise-text-shade-3 {
    color: #003c35;
}

.turquoise-background {
    background-color: #00c7b1;
}

.turquoise-background-shade-1 {
    background-color: #00b39f;
}

.turquoise-background-shade-2 {
    background-color: #00776a;
}

.turquoise-background-shade-3 {
    background-color: #003c35;
}

/*
	Turquoise tint

	Variations from a turquoise base.

	Colors:
	turquoise: #00c7b1 - The reference color, Do not use with white text (2.1:1), AAA with black text (8.7:1)
	turquoise-tint-1: #1acdb9 - Do not use with white text (2:1), AAA with black text (9.3:1)
	turquoise-tint-2: #66ddd0 - Do not use with white text (1.6:1), AAA with black text (11.4:1)
	turquoise-tint-3: #b3eee8 - Do not use with white text (1.3:1), AAA with black text (14.4:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background turquoise-border turquoise-text">AAA with turquoise text (8.7:1)</div>
			<div class="ntc-swatch black-background turquoise-border-tint-1 turquoise-text-tint-1">AAA with turquoise-tint-1 text (9.3:1)</div>
			<div class="ntc-swatch black-background turquoise-border-tint-2 turquoise-text-tint-2">AAA with turquoise-tint-2 text (11.4:1)</div>
			<div class="ntc-swatch black-background turquoise-border-tint-3 turquoise-text-tint-3">AAA with turquoise-tint-3 text (14.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background turquoise-border turquoise-text">Do not use with turquoise text (2.1:1)</div>
			<div class="ntc-swatch white-background turquoise-border-tint-1 turquoise-text-tint-1">Do not use with turquoise-tint-1 text (2:1)</div>
			<div class="ntc-swatch white-background turquoise-border-tint-2 turquoise-text-tint-2">Do not use with turquoise-tint-2 text (1.6:1)</div>
			<div class="ntc-swatch white-background turquoise-border-tint-3 turquoise-text-tint-3">Do not use with turquoise-tint-3 text (1.3:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch turquoise-background text-black">AAA with black text (8.7:1)</div>
			<div class="ntc-swatch turquoise-background-tint-1 text-black">AAA with black text (9.3:1)</div>
			<div class="ntc-swatch turquoise-background-tint-2 text-black">AAA with black text (11.4:1)</div>
			<div class="ntc-swatch turquoise-background-tint-3 text-black">AAA with black text (14.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-turquoise-tint
*/
.turquoise-border-tint-1 {
    border-color: #1acdb9;
}

.turquoise-border-tint-2 {
    border-color: #66ddd0;
}

.turquoise-border-tint-3 {
    border-color: #b3eee8;
}

.turquoise-text-tint-1 {
    color: #1acdb9;
}

.turquoise-text-tint-2 {
    color: #66ddd0;
}

.turquoise-text-tint-3 {
    color: #b3eee8;
}

.turquoise-background-tint-1 {
    background-color: #1acdb9;
}

.turquoise-background-tint-2 {
    background-color: #66ddd0;
}

.turquoise-background-tint-3 {
    background-color: #b3eee8;
}

/*
	Blue-light shade

	Variations from a blue-light base.

	Colors:
	blue-light: #62b5e5 - The reference color, Do not use with white text (2.3:1), AAA with black text (8.2:1)
	blue-light-shade-1: #58a3ce - Do not use with white text (2.8:1), AAA with black bold text (6.7:1)
	blue-light-shade-2: #3b6d89 - AAA with white bold text (5.6:1), Do not use with black text (3.3:1)
	blue-light-shade-3: #1d3645 - AAA with white text (12.6:1), Do not use with black text (1.5:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background blue-light-border blue-light-text">AAA with blue-light text (8.2:1)</div>
			<div class="ntc-swatch black-background blue-light-border-shade-1 blue-light-text-shade-1">AAA with blue-light-shade-1 bold text (6.7:1)</div>
			<div class="ntc-swatch black-background blue-light-border-shade-2 blue-light-text-shade-2">Do not use with blue-light-shade-2 text (3.3:1)</div>
			<div class="ntc-swatch black-background blue-light-border-shade-3 blue-light-text-shade-3">Do not use with blue-light-shade-3 text (1.5:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background blue-light-border blue-light-text">Do not use with blue-light text (2.3:1)</div>
			<div class="ntc-swatch white-background blue-light-border-shade-1 blue-light-text-shade-1">Do not use with blue-light-shade-1 text (2.8:1)</div>
			<div class="ntc-swatch white-background blue-light-border-shade-2 blue-light-text-shade-2">AAA with blue-light-shade-2 bold text (5.6:1)</div>
			<div class="ntc-swatch white-background blue-light-border-shade-3 blue-light-text-shade-3">AAA with blue-light-shade-3 text (12.6:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch blue-light-background text-black">AAA with black text (8.2:1)</div>
			<div class="ntc-swatch blue-light-background-shade-1 text-black-bold">AAA with bold black text (6.7:1)</div>
			<div class="ntc-swatch blue-light-background-shade-2 text-white-bold">AAA with bold white text (5.6:1)</div>
			<div class="ntc-swatch blue-light-background-shade-3 text-white">AAA with white text (12.6:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-blue-light-shade
*/
.blue-light-border {
    border-color: #62b5e5;
}

.blue-light-border-shade-1 {
    border-color: #58a3ce;
}

.blue-light-border-shade-2 {
    border-color: #3b6d89;
}

.blue-light-border-shade-3 {
    border-color: #1d3645;
}

.blue-light-text {
    color: #62b5e5;
}

.blue-light-text-shade-1 {
    color: #58a3ce;
}

.blue-light-text-shade-2 {
    color: #3b6d89;
}

.blue-light-text-shade-3 {
    color: #1d3645;
}

.blue-light-background {
    background-color: #62b5e5;
}

.blue-light-background-shade-1 {
    background-color: #58a3ce;
}

.blue-light-background-shade-2 {
    background-color: #3b6d89;
}

.blue-light-background-shade-3 {
    background-color: #1d3645;
}

/*
	Blue-light tint

	Variations from a blue-light base.

	Colors:
	blue-light: #62b5e5 - The reference color, Do not use with white text (2.3:1), AAA with black text (8.2:1)
	blue-light-tint-1: #72bce8 - Do not use with white text (2.1:1), AAA with black text (8.9:1)
	blue-light-tint-2: #a1d3ef - Do not use with white text (1.6:1), AAA with black text (11.6:1)
	blue-light-tint-3: #d0e9f7 - Do not use with white text (1.3:1), AAA with black text (14.8:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background blue-light-border blue-light-text">AAA with blue-light text (8.2:1)</div>
			<div class="ntc-swatch black-background blue-light-border-tint-1 blue-light-text-tint-1">AAA with blue-light-tint-1 text (8.9:1)</div>
			<div class="ntc-swatch black-background blue-light-border-tint-2 blue-light-text-tint-2">AAA with blue-light-tint-2 text (11.6:1)</div>
			<div class="ntc-swatch black-background blue-light-border-tint-3 blue-light-text-tint-3">AAA with blue-light-tint-3 text (14.8:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background blue-light-border blue-light-text">Do not use with blue-light text (2.3:1)</div>
			<div class="ntc-swatch white-background blue-light-border-tint-1 blue-light-text-tint-1">Do not use with blue-light-tint-1 text (2.1:1)</div>
			<div class="ntc-swatch white-background blue-light-border-tint-2 blue-light-text-tint-2">Do not use with blue-light-tint-2 text (1.6:1)</div>
			<div class="ntc-swatch white-background blue-light-border-tint-3 blue-light-text-tint-3">Do not use with blue-light-tint-3 text (1.3:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch blue-light-background text-black">AAA with black text (8.2:1)</div>
			<div class="ntc-swatch blue-light-background-tint-1 text-black">AAA with black text (8.9:1)</div>
			<div class="ntc-swatch blue-light-background-tint-2 text-black">AAA with black text (11.6:1)</div>
			<div class="ntc-swatch blue-light-background-tint-3 text-black">AAA with black text (14.8:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-blue-light-tint
*/
.blue-light-border-tint-1 {
    border-color: #72bce8;
}

.blue-light-border-tint-2 {
    border-color: #a1d3ef;
}

.blue-light-border-tint-3 {
    border-color: #d0e9f7;
}

.blue-light-text-tint-1 {
    color: #72bce8;
}

.blue-light-text-tint-2 {
    color: #a1d3ef;
}

.blue-light-text-tint-3 {
    color: #d0e9f7;
}

.blue-light-background-tint-1 {
    background-color: #72bce8;
}

.blue-light-background-tint-2 {
    background-color: #a1d3ef;
}

.blue-light-background-tint-3 {
    background-color: #d0e9f7;
}

/*
	Primary-blue shade

	Variations from a primary-blue base.

	Colors:
	primary-blue: #10069f - The reference color, AAA with white text (13.6:1), Do not use with black text (1.4:1)
	primary-blue-shade-1: #0e058f - AAA with white text (14.6:1), Do not use with black text (1.3:1)
	primary-blue-shade-2: #0a045f - AAA with white text (17.6:1), Do not use with black text (1.1:1)
	primary-blue-shade-3: #050230 - AAA with white text (19.9:1), Do not use with black text (1.1:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background primary-blue-border primary-blue-text">Do not use with primary-blue text (1.4:1)</div>
			<div class="ntc-swatch black-background primary-blue-border-shade-1 primary-blue-text-shade-1">Do not use with primary-blue-shade-1 text (1.3:1)</div>
			<div class="ntc-swatch black-background primary-blue-border-shade-2 primary-blue-text-shade-2">Do not use with primary-blue-shade-2 text (1.1:1)</div>
			<div class="ntc-swatch black-background primary-blue-border-shade-3 primary-blue-text-shade-3">Do not use with primary-blue-shade-3 text (1.1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background primary-blue-border primary-blue-text">AAA with primary-blue text (13.6:1)</div>
			<div class="ntc-swatch white-background primary-blue-border-shade-1 primary-blue-text-shade-1">AAA with primary-blue-shade-1 text (14.6:1)</div>
			<div class="ntc-swatch white-background primary-blue-border-shade-2 primary-blue-text-shade-2">AAA with primary-blue-shade-2 text (17.6:1)</div>
			<div class="ntc-swatch white-background primary-blue-border-shade-3 primary-blue-text-shade-3">AAA with primary-blue-shade-3 text (19.9:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch primary-blue-background text-white">AAA with white text (13.6:1)</div>
			<div class="ntc-swatch primary-blue-background-shade-1 text-white">AAA with white text (14.6:1)</div>
			<div class="ntc-swatch primary-blue-background-shade-2 text-white">AAA with white text (17.6:1)</div>
			<div class="ntc-swatch primary-blue-background-shade-3 text-white">AAA with white text (19.9:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-primary-blue-shade
*/
.primary-blue-border {
    border-color: #10069f;
}

.primary-blue-border-shade-1 {
    border-color: #0e058f;
}

.primary-blue-border-shade-2 {
    border-color: #0a045f;
}

.primary-blue-border-shade-3 {
    border-color: #050230;
}

.primary-blue-text {
    color: #10069f;
}

.primary-blue-text-shade-1 {
    color: #0e058f;
}

.primary-blue-text-shade-2 {
    color: #0a045f;
}

.primary-blue-text-shade-3 {
    color: #050230;
}

.primary-blue-background {
    background-color: #10069f;
}

.primary-blue-background-shade-1 {
    background-color: #0e058f;
}

.primary-blue-background-shade-2 {
    background-color: #0a045f;
}

.primary-blue-background-shade-3 {
    background-color: #050230;
}

/*
	Primary-blue tint

	Variations from a primary-blue base.

	Colors:
	primary-blue: #10069f - The reference color, AAA with white text (13.6:1), Do not use with black text (1.4:1)
	primary-blue-tint-1: #281fa9 - AAA with white text (11.3:1), Do not use with black text (1.6:1)
	primary-blue-tint-2: #706ac5 - AAA with white bold text (4.6:1), Do not use with black text (4:1)
	primary-blue-tint-3: #b7b4e2 - Do not use with white text (2:1), AAA with black text (9.4:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background primary-blue-border primary-blue-text">Do not use with primary-blue text (1.4:1)</div>
			<div class="ntc-swatch black-background primary-blue-border-tint-1 primary-blue-text-tint-1">Do not use with primary-blue-tint-1 text (1.6:1)</div>
			<div class="ntc-swatch black-background primary-blue-border-tint-2 primary-blue-text-tint-2">Do not use with primary-blue-tint-2 text (4:1)</div>
			<div class="ntc-swatch black-background primary-blue-border-tint-3 primary-blue-text-tint-3">AAA with primary-blue-tint-3 text (9.4:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background primary-blue-border primary-blue-text">AAA with primary-blue text (13.6:1)</div>
			<div class="ntc-swatch white-background primary-blue-border-tint-1 primary-blue-text-tint-1">AAA with primary-blue-tint-1 text (11.3:1)</div>
			<div class="ntc-swatch white-background primary-blue-border-tint-2 primary-blue-text-tint-2">AAA with primary-blue-tint-2 bold text (4.6:1)</div>
			<div class="ntc-swatch white-background primary-blue-border-tint-3 primary-blue-text-tint-3">Do not use with primary-blue-tint-3 text (2:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch primary-blue-background text-white">AAA with white text (13.6:1)</div>
			<div class="ntc-swatch primary-blue-background-tint-1 text-white">AAA with white text (11.3:1)</div>
			<div class="ntc-swatch primary-blue-background-tint-2 text-white-bold">AAA with bold white text (4.6:1)</div>
			<div class="ntc-swatch primary-blue-background-tint-3 text-black">AAA with black text (9.4:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-primary-blue-tint
*/
.primary-blue-border-tint-1 {
    border-color: #281fa9;
}

.primary-blue-border-tint-2 {
    border-color: #706ac5;
}

.primary-blue-border-tint-3 {
    border-color: #b7b4e2;
}

.primary-blue-text-tint-1 {
    color: #281fa9;
}

.primary-blue-text-tint-2 {
    color: #706ac5;
}

.primary-blue-text-tint-3 {
    color: #b7b4e2;
}

.primary-blue-background-tint-1 {
    background-color: #281fa9;
}

.primary-blue-background-tint-2 {
    background-color: #706ac5;
}

.primary-blue-background-tint-3 {
    background-color: #b7b4e2;
}

/*
	Purple shade

	Variations from a purple base.

	Colors:
	purple: #6d2077 - The reference color, AAA with white text (9.9:1), Do not use with black text (1.9:1)
	purple-shade-1: #621d6b - AAA with white text (11:1), Do not use with black text (1.7:1)
	purple-shade-2: #411347 - AAA with white text (14.9:1), Do not use with black text (1.2:1)
	purple-shade-3: #210a24 - AAA with white text (18.5:1), Do not use with black text (1:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background purple-border purple-text">Do not use with purple text (1.9:1)</div>
			<div class="ntc-swatch black-background purple-border-shade-1 purple-text-shade-1">Do not use with purple-shade-1 text (1.7:1)</div>
			<div class="ntc-swatch black-background purple-border-shade-2 purple-text-shade-2">Do not use with purple-shade-2 text (1.2:1)</div>
			<div class="ntc-swatch black-background purple-border-shade-3 purple-text-shade-3">Do not use with purple-shade-3 text (1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background purple-border purple-text">AAA with purple text (9.9:1)</div>
			<div class="ntc-swatch white-background purple-border-shade-1 purple-text-shade-1">AAA with purple-shade-1 text (11:1)</div>
			<div class="ntc-swatch white-background purple-border-shade-2 purple-text-shade-2">AAA with purple-shade-2 text (14.9:1)</div>
			<div class="ntc-swatch white-background purple-border-shade-3 purple-text-shade-3">AAA with purple-shade-3 text (18.5:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch purple-background text-white">AAA with white text (9.9:1)</div>
			<div class="ntc-swatch purple-background-shade-1 text-white">AAA with white text (11:1)</div>
			<div class="ntc-swatch purple-background-shade-2 text-white">AAA with white text (14.9:1)</div>
			<div class="ntc-swatch purple-background-shade-3 text-white">AAA with white text (18.5:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-purple-shade
*/
.purple-border {
    border-color: #6d2077;
}

.purple-border-shade-1 {
    border-color: #621d6b;
}

.purple-border-shade-2 {
    border-color: #411347;
}

.purple-border-shade-3 {
    border-color: #210a24;
}

.purple-text {
    color: #6d2077;
}

.purple-text-shade-1 {
    color: #621d6b;
}

.purple-text-shade-2 {
    color: #411347;
}

.purple-text-shade-3 {
    color: #210a24;
}

.purple-background {
    background-color: #6d2077;
}

.purple-background-shade-1 {
    background-color: #621d6b;
}

.purple-background-shade-2 {
    background-color: #411347;
}

.purple-background-shade-3 {
    background-color: #210a24;
}

/*
	Purple tint

	Variations from a purple base.

	Colors:
	purple: #6d2077 - The reference color, AAA with white text (9.9:1), Do not use with black text (1.9:1)
	purple-tint-1: #7c3685 - AAA with white text (7.7:1), Do not use with black text (2.4:1)
	purple-tint-2: #a779ad - Do not use with white text (3.5:1), AAA with black bold text (5.3:1)
	purple-tint-3: #d3bcd6 - Do not use with white text (1.8:1), AAA with black text (10.6:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background purple-border purple-text">Do not use with purple text (1.9:1)</div>
			<div class="ntc-swatch black-background purple-border-tint-1 purple-text-tint-1">Do not use with purple-tint-1 text (2.4:1)</div>
			<div class="ntc-swatch black-background purple-border-tint-2 purple-text-tint-2">AAA with purple-tint-2 bold text (5.3:1)</div>
			<div class="ntc-swatch black-background purple-border-tint-3 purple-text-tint-3">AAA with purple-tint-3 text (10.6:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background purple-border purple-text">AAA with purple text (9.9:1)</div>
			<div class="ntc-swatch white-background purple-border-tint-1 purple-text-tint-1">AAA with purple-tint-1 text (7.7:1)</div>
			<div class="ntc-swatch white-background purple-border-tint-2 purple-text-tint-2">Do not use with purple-tint-2 text (3.5:1)</div>
			<div class="ntc-swatch white-background purple-border-tint-3 purple-text-tint-3">Do not use with purple-tint-3 text (1.8:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch purple-background text-white">AAA with white text (9.9:1)</div>
			<div class="ntc-swatch purple-background-tint-1 text-white">AAA with white text (7.7:1)</div>
			<div class="ntc-swatch purple-background-tint-2 text-black-bold">AAA with bold black text (5.3:1)</div>
			<div class="ntc-swatch purple-background-tint-3 text-black">AAA with black text (10.6:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-purple-tint
*/
.purple-border-tint-1 {
    border-color: #7c3685;
}

.purple-border-tint-2 {
    border-color: #a779ad;
}

.purple-border-tint-3 {
    border-color: #d3bcd6;
}

.purple-text-tint-1 {
    color: #7c3685;
}

.purple-text-tint-2 {
    color: #a779ad;
}

.purple-text-tint-3 {
    color: #d3bcd6;
}

.purple-background-tint-1 {
    background-color: #7c3685;
}

.purple-background-tint-2 {
    background-color: #a779ad;
}

.purple-background-tint-3 {
    background-color: #d3bcd6;
}

/*
	Pink shade

	Variations from a pink base.

	Colors:
	pink: #d0006f - The reference color, AAA with white bold text (5.4:1), Do not use with black text (3.5:1)
	pink-shade-1: #bb0064 - AAA with white bold text (6.4:1), Do not use with black text (2.9:1)
	pink-shade-2: #7d0043 - AAA with white text (10.8:1), Do not use with black text (1.7:1)
	pink-shade-3: #3e0021 - AAA with white text (17.1:1), Do not use with black text (1.1:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background pink-border pink-text">Do not use with pink text (3.5:1)</div>
			<div class="ntc-swatch black-background pink-border-shade-1 pink-text-shade-1">Do not use with pink-shade-1 text (2.9:1)</div>
			<div class="ntc-swatch black-background pink-border-shade-2 pink-text-shade-2">Do not use with pink-shade-2 text (1.7:1)</div>
			<div class="ntc-swatch black-background pink-border-shade-3 pink-text-shade-3">Do not use with pink-shade-3 text (1.1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background pink-border pink-text">AAA with pink bold text (5.4:1)</div>
			<div class="ntc-swatch white-background pink-border-shade-1 pink-text-shade-1">AAA with pink-shade-1 bold text (6.4:1)</div>
			<div class="ntc-swatch white-background pink-border-shade-2 pink-text-shade-2">AAA with pink-shade-2 text (10.8:1)</div>
			<div class="ntc-swatch white-background pink-border-shade-3 pink-text-shade-3">AAA with pink-shade-3 text (17.1:1)</div>
		</div>
		<div class="col-4">
			<h3>On a shaded background</h3>
			<div class="ntc-swatch pink-background text-white-bold">AAA with bold white text (5.4:1)</div>
			<div class="ntc-swatch pink-background-shade-1 text-white-bold">AAA with bold white text (6.4:1)</div>
			<div class="ntc-swatch pink-background-shade-2 text-white">AAA with white text (10.8:1)</div>
			<div class="ntc-swatch pink-background-shade-3 text-white">AAA with white text (17.1:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Shades.color-generated-pink-shade
*/
.pink-border {
    border-color: #d0006f;
}

.pink-border-shade-1 {
    border-color: #bb0064;
}

.pink-border-shade-2 {
    border-color: #7d0043;
}

.pink-border-shade-3 {
    border-color: #3e0021;
}

.pink-text {
    color: #d0006f;
}

.pink-text-shade-1 {
    color: #bb0064;
}

.pink-text-shade-2 {
    color: #7d0043;
}

.pink-text-shade-3 {
    color: #3e0021;
}

.pink-background {
    background-color: #d0006f;
}

.pink-background-shade-1 {
    background-color: #bb0064;
}

.pink-background-shade-2 {
    background-color: #7d0043;
}

.pink-background-shade-3 {
    background-color: #3e0021;
}

/*
	Pink tint

	Variations from a pink base.

	Colors:
	pink: #d0006f - The reference color, AAA with white bold text (5.4:1), Do not use with black text (3.5:1)
	pink-tint-1: #d51a7d - AAA with white bold text (4.9:1), Do not use with black text (3.8:1)
	pink-tint-2: #e366a9 - Do not use with white text (3.1:1), AAA with black bold text (6:1)
	pink-tint-3: #f1b3d4 - Do not use with white text (1.7:1), AAA with black text (10.8:1)

	Markup:
	<div class="row kss-example-palette">
		<div class="col-4">
			<h3>On a black background</h3>
			<div class="ntc-swatch black-background pink-border pink-text">Do not use with pink text (3.5:1)</div>
			<div class="ntc-swatch black-background pink-border-tint-1 pink-text-tint-1">Do not use with pink-tint-1 text (3.8:1)</div>
			<div class="ntc-swatch black-background pink-border-tint-2 pink-text-tint-2">AAA with pink-tint-2 bold text (6:1)</div>
			<div class="ntc-swatch black-background pink-border-tint-3 pink-text-tint-3">AAA with pink-tint-3 text (10.8:1)</div>
		</div>
		<div class="col-4">
			<h3>On a white background</h3>
			<div class="ntc-swatch white-background pink-border pink-text">AAA with pink bold text (5.4:1)</div>
			<div class="ntc-swatch white-background pink-border-tint-1 pink-text-tint-1">AAA with pink-tint-1 bold text (4.9:1)</div>
			<div class="ntc-swatch white-background pink-border-tint-2 pink-text-tint-2">Do not use with pink-tint-2 text (3.1:1)</div>
			<div class="ntc-swatch white-background pink-border-tint-3 pink-text-tint-3">Do not use with pink-tint-3 text (1.7:1)</div>
		</div>
		<div class="col-4">
			<h3>On a tinted background</h3>
			<div class="ntc-swatch pink-background text-white-bold">AAA with bold white text (5.4:1)</div>
			<div class="ntc-swatch pink-background-tint-1 text-white-bold">AAA with bold white text (4.9:1)</div>
			<div class="ntc-swatch pink-background-tint-2 text-black-bold">AAA with bold black text (6:1)</div>
			<div class="ntc-swatch pink-background-tint-3 text-black">AAA with black text (10.8:1)</div>
		</div>
	</div>

	Weight: 10

	Styleguide Palette.Tints.color-generated-pink-tint
*/
.pink-border-tint-1 {
    border-color: #d51a7d;
}

.pink-border-tint-2 {
    border-color: #e366a9;
}

.pink-border-tint-3 {
    border-color: #f1b3d4;
}

.pink-text-tint-1 {
    color: #d51a7d;
}

.pink-text-tint-2 {
    color: #e366a9;
}

.pink-text-tint-3 {
    color: #f1b3d4;
}

.pink-background-tint-1 {
    background-color: #d51a7d;
}

.pink-background-tint-2 {
    background-color: #e366a9;
}

.pink-background-tint-3 {
    background-color: #f1b3d4;
}

.significance-critical-main-border {
    border-color: #121314;
}

.significance-critical-main-background {
    background-color: #121314;
}

.significance-critical-main-text {
    color: #121314;
}

.significance-critical-highlight-border {
    border-color: #ffd100;
}

.significance-critical-highlight-background {
    background-color: #ffd100;
}

.significance-critical-highlight-text {
    color: #ffd100;
}

.significance-significant-main-border {
    border-color: #121314;
}

.significance-significant-main-background {
    background-color: #121314;
}

.significance-significant-main-text {
    color: #121314;
}

.significance-significant-highlight-border {
    border-color: #b00c3b;
}

.significance-significant-highlight-background {
    background-color: #b00c3b;
}

.significance-significant-highlight-text {
    color: #b00c3b;
}

.significance-important-main-border {
    border-color: #dddfe1;
}

.significance-important-main-background {
    background-color: #dddfe1;
}

.significance-important-main-text {
    color: #dddfe1;
}

.significance-important-highlight-border {
    border-color: #b00c3b;
}

.significance-important-highlight-background {
    background-color: #b00c3b;
}

.significance-important-highlight-text {
    color: #b00c3b;
}

.significance-advisory-main-border {
    border-color: #dddfe1;
}

.significance-advisory-main-background {
    background-color: #dddfe1;
}

.significance-advisory-main-text {
    color: #dddfe1;
}

.significance-advisory-highlight-border {
    border-color: #007a53;
}

.significance-advisory-highlight-background {
    background-color: #007a53;
}

.significance-advisory-highlight-text {
    color: #007a53;
}

/**
* Named file for compilation
*/
/** THE ORDER MATTERS */

/*# sourceMappingURL=core.css.map */

.ntc-input-currency {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ntc-input-currency-symbol {
    padding: 0 0.5rem;
}