/* Minification failed. Returning unminified contents.
(2118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,28): run-time error CSS1039: Token not allowed after unary operator: '-pageTitleImage'
(2979,22): run-time error CSS1039: Token not allowed after unary operator: '-institutionImg'
 */
/*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*@import "bootstrap/root";
@import "bootstrap/print";
@import "bootstrap/reboot";*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "\2014 \00A0";
    }

/*
@import "bootstrap/images";
@import "bootstrap/code";*/
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

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

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

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

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

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

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-sm-2 {
        margin-left: 16.66667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333%;
    }

    .offset-sm-5 {
        margin-left: 41.66667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333%;
    }

    .offset-sm-8 {
        margin-left: 66.66667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333%;
    }

    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

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

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333%;
    }

    .offset-md-2 {
        margin-left: 16.66667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333%;
    }

    .offset-md-5 {
        margin-left: 41.66667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333%;
    }

    .offset-md-8 {
        margin-left: 66.66667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333%;
    }

    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

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

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

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

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

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

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

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-lg-2 {
        margin-left: 16.66667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333%;
    }

    .offset-lg-5 {
        margin-left: 41.66667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333%;
    }

    .offset-lg-8 {
        margin-left: 66.66667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333%;
    }

    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

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

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

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

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

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

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

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

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

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

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

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-xl-2 {
        margin-left: 16.66667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333%;
    }

    .offset-xl-5 {
        margin-left: 41.66667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333%;
    }

    .offset-xl-8 {
        margin-left: 66.66667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333%;
    }

    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

/*@import "bootstrap/tables";
@import "bootstrap/forms";*/
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        -webkit-transition: none;
        transition: none;
    }
}

.btn:hover, .btn:focus {
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

    .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
        background-image: none;
    }

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info:focus, .btn-info.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus, .btn-warning.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger:focus, .btn-danger.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light:focus, .btn-light.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark:focus, .btn-dark.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
        background-color: transparent;
        border-color: transparent;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
        border-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-lg {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

/*
@import "bootstrap/transitions";
@import "bootstrap/dropdown";
@import "bootstrap/button-group";
@import "bootstrap/input-group";
@import "bootstrap/custom-forms";*/
/*@import "bootstrap/card";
// @import "bootstrap/breadcrumb";
// @import "bootstrap/pagination";
@import "bootstrap/badge";
// @import "bootstrap/jumbotron";
@import "bootstrap/alert";
// @import "bootstrap/progress";
@import "bootstrap/media";
@import "bootstrap/list-group";
@import "bootstrap/close";
@import "bootstrap/modal";
@import "bootstrap/tooltip";
@import "bootstrap/popover";
// @import "bootstrap/carousel";
@import "bootstrap/utilities";*/
/* ------------------------------ 
Colors
------------------------------ */
:root {
    --uc-blue: #1295D8;
    --uc-gold: #FFB511;
    --blue-dark: #005581;
    --blue-light: #72CDF4;
    --gold-light: #FFD200;
    --gold-lighter: #FFE552;
    --orange: #FF6E1B;
    --orange-light: #FF8F28;
    --pink: #E44C9A;
    --pink-light: #FEB2E0;
    --teal: #00778B;
    --teal-light: #00A3AD;
    --uc-gray: #7C7E7F;
    --gray-warm-8: #8F8884;
    --gray-warm-5: #9e9791;
    --gray-warm-3: #BEB6AF;
    --gray-warm-1: #DBD5CD;
    --gold-metallic: #B4975A;
    --black: #000000;
    --gray-600: #414042;
    --gray-500: #58585A;
    --gray-400: #A5A5A5;
    --gray-300: #A7A9AC;
    --gray-200: #D1D2D4;
    --gray-175: #E4E4E4;
    --gray-150: #EBEBEB;
    --gray-100: #F3F3F4;
    --gray-50: #f9f9f9;
    --white: #FFFFFF;
    --tagA: #00A3AD;
    --tagB: #005581;
    --tagC: #6500AD;
    --tagD: #AD007F;
    --tagE: #00AD23;
    --tagF: #FF6E1B;
    --tagG: #E44C9A;
}

/* ------------------------------ 
Override Bootstrap defaults
------------------------------ */
/* ------------------------------
Initialize Custom Variables
------------------------------ */
/****************************************
    Utilize Fonts
*****************************************/
.brand {
    font-family: "KievitProBook";
}

    .brand em {
        font-family: "KievitProBookItalic";
    }

    .brand strong {
        font-family: "KievitProMedium";
    }

.navMain .navParent, .subjectFormulaBox .formulaLine .formulaText, .guideMain .left-side-panel .logo .logoSubText {
    font-family: "KievitProBold";
}

    .navMain .navParent em, .subjectFormulaBox .formulaLine .formulaText em, .guideMain .left-side-panel .logo .logoSubText em {
        font-family: "KievitProBoldItalic";
    }

    .navMain .navParent strong, .subjectFormulaBox .formulaLine .formulaText strong, .guideMain .left-side-panel .logo .logoSubText strong {
        font-family: "KievitProExtraBold";
    }

.subjectFormulaBox .formulaLine .formulaNumber, .subjectFormulaBox .formulaPlus, .brand .title {
    font-family: "KievitProExtraBold";
}

    .subjectFormulaBox .formulaLine .formulaNumber em, .subjectFormulaBox .formulaPlus em, .brand .title em {
        font-family: "KievitProExtraBoldItalic";
    }

    .subjectFormulaBox .formulaLine .formulaNumber strong, .subjectFormulaBox .formulaPlus strong, .brand .title strong {
        font-family: "KievitProBlack";
    }

.navMain .navFooterMain .navFooterTitle {
    font-family: "KievitProBlack";
}

    .navMain .navFooterMain .navFooterTitle em {
        font-family: "KievitProBlackItalic";
    }

.grid-height-300px {
    height: 300px;
}

    .grid-height-300px > div:first-child {
        height: 300px;
    }

@media (max-width: 1199.98px) {
    .grid-height-300px {
        height: auto;
    }

        .grid-height-300px > div:first-child {
            height: auto;
        }
}

.twoColumnContainer {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template: "one two" / 1fr 1fr;
    grid-column-gap: 1em;
    max-width: 1200px;
    margin-right: 2em;
}

    .twoColumnContainer > div:first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        grid-area: one;
    }

    .twoColumnContainer > div:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: two;
    }

@media (max-width: 1199.98px) {
    .twoColumnContainer {
        -ms-grid-rows: auto 1em auto;
        -ms-grid-columns: 1fr;
        grid-template: "one" "two" / 1fr;
        grid-row-gap: 1em;
    }
}

@media (max-width: 767.98px) {
    .twoColumnContainer {
        margin: 0 1em;
    }
}

.pageImageTitleBox {
    background-image: var(--pageTitleImage);
    background-position: center;
    background-size: cover;
    position: relative;
    border: 3px solid #FFFFFF;
    height: 300px;
}

    .pageImageTitleBox .title {
        font-size: 2em;
        color: #FFFFFF;
        padding: 0 .25em 0 1em;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        z-index: 1;
        position: relative;
        margin-top: 4em;
    }

        .pageImageTitleBox .title.default {
            background-color: #005581;
            padding: .1em 1em;
        }

    .pageImageTitleBox .subtitle {
        font-size: 2em;
        color: #FFFFFF;
        z-index: 1;
        position: relative;
        margin-left: 1em;
        margin-top: .25em;
        text-shadow: 1px 1px 0px #333;
    }

    .pageImageTitleBox .imageOverlay {
        background-color: rgba(18, 149, 216, 0.6);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.pageInfoBox {
    background-color: rgba(0, 85, 129, 0.9);
    color: #FFFFFF;
    position: relative;
    border: 3px solid #FFFFFF;
    padding: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .pageInfoBox a {
        color: #72CDF4;
    }

        .pageInfoBox a:hover {
            color: #1295D8;
        }

.pageTitleBlue {
    background-color: #005581;
    color: #FFFFFF;
    font-size: 1.8em;
    padding: .5em;
    max-width: 1200px;
    margin: 1.8em 1em 0 0;
    border: 2px solid #FFFFFF;
}

@media (max-width: 767.98px) {
    .pageTitleBlue {
        margin: 1em .6em 0 .6em;
        font-size: 1.4em;
    }
}

.contentTitle {
    font-size: 1.5em;
    margin-top: 2em;
    color: #F3F3F4;
    text-shadow: 1px 1px 0px #333;
}

    .contentTitle a {
        color: #F3F3F4;
        vertical-align: top;
    }

.contentBody {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1em;
}

.contentPod .contentBody {
    padding-bottom: .1em;
    -webkit-transition: max-height .5s ease-out;
    transition: max-height .5s ease-out;
    max-height: 300px;
    overflow: hidden;
}

    .contentPod .contentBody.contentExpanded {
        max-height: 5000px;
        -webkit-transition: max-height .5s ease-in;
        transition: max-height .5s ease-in;
    }

.contentPod .contentPodMore {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 1em 0em;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
}

    .contentPod .contentPodMore.less i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

h5.contentSubTitle {
    font-size: 1.1rem;
    color: #005581;
    font-weight: 600;
}

.searchBarMain {
    position: relative;
}

@media (max-width: 767.98px) {
    .searchBarMain {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        grid-column: span 2;
    }
}

.searchBarMain .searchBar {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 12px 1fr -webkit-min-content;
    -ms-grid-columns: 12px 1fr min-content;
    grid-template: "colorBand input button" 1fr / 12px 1fr -webkit-min-content;
    grid-template: "colorBand input button" 1fr / 12px 1fr min-content;
    margin-bottom: 1em;
    border-radius: 0 2px 2px 0;
    box-shadow: 0px 0px 15px 0px #666;
    -webkit-box-shadow: 0px 0px 15px 0px #666;
}

    .searchBarMain .searchBar .navColorBand {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        -ms-grid-column: 1;
        grid-area: colorBand;
        background-color: #005581;
        border-radius: 2px 0 0 2px;
    }

    .searchBarMain .searchBar input {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: input;
        padding: .35em;
        border: none;
    }

        .searchBarMain .searchBar input:focus, .searchBarMain .searchBar input:active {
            border: none;
        }

    .searchBarMain .searchBar button {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: button;
        border: none;
        background-color: #FFFFFF;
        color: #1295D8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-radius: 0 2px 2px 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.searchBarMain .searchResultsPanel {
    background-color: rgba(0, 85, 129, 0.97);
    -webkit-box-shadow: 0px 0px 15px 0px #000;
    box-shadow: 0px 0px 15px 0px #000;
    width: 500px;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 35px;
    color: #FFFFFF;
    margin-bottom: 2rem;
}

@media (max-width: 767.98px) {
    .searchBarMain .searchResultsPanel {
        width: 100%;
    }
}

.searchBarMain .searchResultsPanel .searchNoResults {
    color: rgba(255, 255, 255, 0.7);
    padding-left: 1em;
}

.searchBarMain .searchResultsPanel .searchSuggestion {
    padding: 1em;
    font-size: 1.1em;
}

    .searchBarMain .searchResultsPanel .searchSuggestion a {
        color: #72CDF4;
    }

        .searchBarMain .searchResultsPanel .searchSuggestion a:hover {
            color: #1295D8;
        }

.searchBarMain .searchResultsPanel .searchResult {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: .8em;
}

    .searchBarMain .searchResultsPanel .searchResult .searchResultPhrase {
        font-size: .9em;
        padding-left: 1em;
    }

    .searchBarMain .searchResultsPanel .searchResult a {
        color: #FFFFFF;
    }

    .searchBarMain .searchResultsPanel .searchResult .searchMatch {
        color: #FFD200;
    }

    .searchBarMain .searchResultsPanel .searchResult:last-child {
        border-bottom: none;
    }

.searchBarMain .searchResultsPanel .searchClose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .5em 1em 0 0;
}

    .searchBarMain .searchResultsPanel .searchClose i {
        color: #FFFFFF;
        cursor: pointer;
    }

@media (max-width: 767.98px) {
    .navigation {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-grid-column-align: end;
        justify-self: end;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
        padding-bottom: 1em;
    }
}

#nav-icon {
    display: none;
    font-size: 25px;
    color: #005581;
}

@media (max-width: 767.98px) {
    #nav-icon {
        display: inline-block;
    }
}

#nav-items {
    width: 100%;
}

@media (min-width: 768px) {
    #nav-items {
        display: inline-block;
        max-height: 2000px;
    }
}

@media (max-width: 767.98px) {
    #nav-items {
        position: absolute;
        right: 0;
        top: 8em;
        width: 280px;
        box-shadow: 0px 3px 15px 0px #000;
        -webkit-box-shadow: 0px 3px 15px 0px #000;
    }
}

@media (max-width: 575.98px) {
    #nav-items {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .navMain {
        background-color: #F3F3F4;
        border-radius: 2px;
    }
}

.navMain .navItem:nth-child(2) .navColorBand {
    background-color: #005581;
}

.navMain .navItem:nth-child(3) .navColorBand {
    background-color: #005581;
    opacity: .9;
}

.navMain .navItem:nth-child(4) .navColorBand {
    background-color: #005581;
    opacity: .8;
}

.navMain .navItem:nth-child(5) .navColorBand {
    background-color: #005581;
    opacity: .7;
}

.navMain .navParent {
    background-color: #FFFFFF;
    margin-bottom: 2px;
    font-size: .97em;
}

    .navMain .navParent.active {
        background: linear-gradient(315deg, #c4c4c4 0%, white 100%);
    }

    .navMain .navParent:hover {
        background-color: #F3F3F4;
    }

    .navMain .navParent.externalLink a {
        -ms-grid-rows: 1fr;
        -ms-grid-columns: 12px 1fr 25px;
        grid-template: "colorBand mainText icon" 1fr / 12px 1fr 25px;
    }

        .navMain .navParent.externalLink a .fas {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
            grid-area: icon;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            color: #A7A9AC;
            -ms-grid-column-align: end;
            justify-self: end;
            padding-right: 3px;
            font-size: .8em;
        }

    .navMain .navParent a {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr;
        -ms-grid-columns: 12px 1fr;
        grid-template: "colorBand mainText" 1fr / 12px 1fr;
        color: #414042;
        text-decoration: none;
        height: 45px;
    }

        .navMain .navParent a .navColorBand {
            -ms-grid-row: 1;
            -ms-grid-row-span: 4;
            -ms-grid-column: 1;
            grid-area: colorBand;
            background-color: #FFB511;
        }

        .navMain .navParent a .navMainText {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            grid-area: mainText;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            padding-left: .35em;
        }

@media (min-width: 768px) {
    .navMain #sub-subjectAreas {
        margin-bottom: 1em;
    }
}

.navMain .navSubChild {
    font-size: .75em;
    text-transform: uppercase;
    margin: 0 0 1px 12px;
    background-color: #FFFFFF;
}

    .navMain .navSubChild:hover {
        background-color: #F3F3F4;
    }

    .navMain .navSubChild.active {
        background: linear-gradient(315deg, #c4c4c4 0%, white 100%);
    }

    .navMain .navSubChild.navSubSubjectAreas a {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr;
        -ms-grid-columns: 8px 20px 1fr;
        grid-template: "colorBand subjectLetter subText" 1fr / 8px 20px 1fr;
        color: #414042;
        text-decoration: none;
        height: 34px;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

        .navMain .navSubChild.navSubSubjectAreas a .navColorBand {
            -ms-grid-row: 1;
            -ms-grid-row-span: 4;
            -ms-grid-column: 1;
            grid-area: colorBand;
            background-color: #FFB511;
        }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectA {
                background-color: #00A3AD;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectB {
                background-color: #005581;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectC {
                background-color: #6500AD;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectD {
                background-color: #AD007F;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectE {
                background-color: #00AD23;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectF {
                background-color: #FF6E1B;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorBand.subjectG {
                background-color: #E44C9A;
            }

        .navMain .navSubChild.navSubSubjectAreas a .navColorLetter {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            grid-area: subjectLetter;
            color: #FFB511;
            font-size: 1.2rem;
            font-weight: 900;
            text-align: center;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectA {
                color: #00A3AD;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectB {
                color: #005581;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectC {
                color: #6500AD;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectD {
                color: #AD007F;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectE {
                color: #00AD23;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectF {
                color: #FF6E1B;
            }

            .navMain .navSubChild.navSubSubjectAreas a .navColorLetter.subjectG {
                color: #E44C9A;
            }

        .navMain .navSubChild.navSubSubjectAreas a .navSubText {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
            grid-area: subText;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            margin-left: .25em;
        }

    .navMain .navSubChild.externalLink a {
        -ms-grid-rows: 1fr;
        -ms-grid-columns: 1fr 25px;
        grid-template: "extSubText extIcon" 1fr / 1fr 25px;
    }

        .navMain .navSubChild.externalLink a .navSubText {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            grid-area: extSubText;
        }

        .navMain .navSubChild.externalLink a .fas {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            grid-area: extIcon;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            color: #A7A9AC;
            -ms-grid-column-align: end;
            justify-self: end;
            padding-right: 3px;
            font-size: 1.2em;
        }

    .navMain .navSubChild a {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        color: #414042;
        text-decoration: none;
        height: 34px;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

        .navMain .navSubChild a .navSubText {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            margin-left: 1em;
        }

.navMain .navFooterMain {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto auto auto;
    -ms-grid-columns: 12px 1fr;
    grid-template: "colorBand footerTitle" "colorBand footerLinks" "colorBand footerCopyYear" "colorBand footerCopy" / 12px 1fr;
    /*grid-template-columns: 12px 1fr;*/
    background-color: #FFFFFF;
    font-size: .70em;
    border-radius: 0 0 2px 2px;
}

    .navMain .navFooterMain .navColorBand {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        -ms-grid-column: 1;
        grid-area: colorBand;
        /*grid-row: span 5;*/
        background: -webkit-gradient(linear, left top, left bottom, from(#beb6af), to(#7c7e7f));
        background: linear-gradient(to bottom, #beb6af 0%, #7c7e7f 100%);
        border-radius: 0 0 0 2px;
    }

    .navMain .navFooterMain .navFooterTitle, .navMain .navFooterMain .navFooterCopyYear, .navMain .navFooterMain .navFooterCopy {
        padding-left: .5em;
    }

    .navMain .navFooterMain .navFooterTitle {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        grid-area: footerTitle;
        text-transform: initial;
        padding: 1em 0 .25em .5em;
    }

    .navMain .navFooterMain .navFooterLinks {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        grid-area: footerLinks;
        text-transform: uppercase;
    }

        .navMain .navFooterMain .navFooterLinks a {
            color: #414042;
            display: inline-block;
            margin-right: .5em;
            padding: .25em .5em;
        }

            .navMain .navFooterMain .navFooterLinks a:hover {
                background-color: #EBEBEB;
                text-decoration: none;
            }

    .navMain .navFooterMain .navFooterCopyYear {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
        grid-area: footerCopyYear;
        margin-top: 2em;
    }

    .navMain .navFooterMain .navFooterCopy {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
        grid-area: footerCopy;
        margin-bottom: 1em;
    }

.guideHomeContent {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr 1em 2fr;
    grid-template: "left right" 1fr / 1fr 2fr;
    grid-column-gap: 1em;
    padding-right: 2em;
    height: 95vh;
}

@media (max-width: 1199.98px) {
    .guideHomeContent {
        -ms-grid-rows: auto 1em auto;
        -ms-grid-columns: 1fr;
        grid-template: "left" "right" / 1fr;
        -ms-grid-rows: max-content 1fr;
        grid-template-rows: -webkit-max-content 1fr;
        grid-template-rows: max-content 1fr;
        grid-row-gap: 1em;
    }
}

@media (max-width: 767.98px) {
    .guideHomeContent {
        padding: 0 1em;
    }
}

.guideHomeContent .guideHomeContentLeft {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: left;
    background: -webkit-gradient(linear, left top, left bottom, from(#1295d8), color-stop(36%, #0c7ab5), color-stop(69%, rgba(6, 97, 149, 0.82)), to(#004a76));
    background: linear-gradient(to bottom, #1295d8 0%, #0c7ab5 36%, rgba(6, 97, 149, 0.82) 69%, #004a76 100%);
    box-shadow: 0px 0px 15px 0px #666;
    -webkit-box-shadow: 0px 0px 15px 0px #666;
    color: #FFFFFF;
    padding: 8em 1.5em 1.5em 1.5em;
    border-radius: 2px;
}

@media (min-width: 768px) {
    .guideHomeContent .guideHomeContentLeft {
        min-width: 300px;
    }
}

@media (max-width: 1199.98px) {
    .guideHomeContent .guideHomeContentLeft {
        padding: 3em 1.5em;
    }
}

.guideHomeContent .guideHomeContentLeft h2 {
    font-size: 1.5rem;
    color: #FFFFFF;
    margin-bottom: 1em;
}

.guideHomeContent .guideHomeContentRight {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: right;
    background-color: #F3F3F4;
    background: var(--institutionImg);
    background-size: cover;
    min-height: 500px;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: .5em .75em;
}

@media (max-width: 1199.98px) {
    .guideHomeContent .guideHomeContentLeft {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .guideHomeContent .guideHomeContentRight {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}

@media (max-width: 767.98px) {
    .guideHomeContent .guideHomeContentRight {
        margin-bottom: 1em;
    }
}

.guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain {
    color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgBadge {
        background: -webkit-gradient(linear, left top, left bottom, from(#004a76), to(#1295d8));
        background: linear-gradient(to bottom, #004a76 0%, #1295d8 100%);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding: 1em;
        text-transform: uppercase;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgBadge .guideHomeImgBadgeUC {
            font-size: .85em;
            -ms-flex-item-align: end;
            align-self: flex-end;
        }

        .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgBadge .guideHomeImgBadgeName {
            font-size: 2em;
            -ms-flex-item-align: end;
            align-self: flex-end;
        }

        .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgBadge a {
            display: block;
            background-color: #005581;
            color: #FFFFFF;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            padding: .25em 1em;
            -ms-flex-item-align: end;
            align-self: flex-end;
            font-size: .85em;
            text-decoration: none;
        }

    .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgRefresh {
        text-align: right;
        padding: .5em 0 0 0;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        font-weight: 600;
    }

        .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgRefresh a {
            color: #FFFFFF;
            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
            font-weight: 600;
        }

            .guideHomeContent .guideHomeContentRight .guideHomeImgBadgeMain .guideHomeImgRefresh a .fas {
                margin-left: .5em;
            }

.subjectBgA {
    background-color: #00A3AD;
}

    .subjectBgA.title {
        width: 60px;
    }

.subjectBgB {
    background-color: #005581;
}

    .subjectBgB.title {
        width: 60px;
    }

.subjectBgC {
    background-color: #6500AD;
}

    .subjectBgC.title {
        width: 60px;
    }

.subjectBgD {
    background-color: #AD007F;
}

    .subjectBgD.title {
        width: 60px;
    }

.subjectBgE {
    background-color: #00AD23;
}

    .subjectBgE.title {
        width: 60px;
    }

.subjectBgF {
    background-color: #FF6E1B;
}

    .subjectBgF.title {
        width: 60px;
    }

.subjectBgG {
    background-color: #E44C9A;
}

    .subjectBgG.title {
        width: 60px;
    }

.subjectFormulaBox {
    background-color: #EBEBEB;
    padding: 3px;
    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;
}

    .subjectFormulaBox .formulaContainer {
        padding-bottom: 1em;
    }

    .subjectFormulaBox .description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*height: 12rem;*/
        min-height: 213px;
        padding: 0 32px 0 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .subjectFormulaBox .formulaHeading {
        color: #FFFFFF;
        padding: .5em 1em;
        font-size: 1.2em;
        margin-bottom: 1em;
    }

    .subjectFormulaBox .formulaLine {
        padding: 0 .25em;
        font-size: .8em;
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto;
        -ms-grid-columns: 80px 1fr;
        grid-template: "text group" / 80px 1fr;
        /*grid-template-columns: 80px 1fr;*/
    }

        .subjectFormulaBox .formulaLine .formulaText {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
            grid-area: text;
            width: 70px;
            color: #A5A5A5;
            text-align: right;
            padding-right: .5em;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

        .subjectFormulaBox .formulaLine .formulaNumber {
            font-size: 2.5em;
            color: #58585A;
            /*vertical-align: middle;*/
            padding-right: 5px;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
            grid-area: group;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

            .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption:first-child .formulaItem {
                    margin-left: 1.6em;
                }

        .subjectFormulaBox .formulaLine .formulaItem {
            padding: .25em .5em;
            margin: .15em .25em;
            text-transform: uppercase;
            color: #FFFFFF;
            display: inline-block;
        }

    .subjectFormulaBox .formulaPlus {
        font-size: 1.5em;
        color: #00778B;
        margin-left: 1.5em;
    }

.brand {
    display: -ms-grid;
    display: grid;
    grid-gap: 0.5rem;
    -ms-grid-rows: (min-content)[3];
    grid-template-rows: repeat(3, -webkit-min-content);
    grid-template-rows: repeat(3, min-content);
    padding: 1.5rem 1.5rem;
    background-color: #005581;
    color: #FFFFFF;
}

    .brand .title {
        font-size: 1.8rem;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 0.21em;
        white-space: nowrap;
    }

    .brand .credit {
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.84);
    }

.partner-logos {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    -ms-grid-columns: (min-content)[2];
    grid-template-columns: repeat(2, -webkit-min-content);
    grid-template-columns: repeat(2, min-content);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .partner-logos [src*='uc.svg'] {
        width: 5.125rem;
    }

    .partner-logos [src*='csu.svg'] {
        width: 8.125rem;
    }

footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: #7C7E7F;
    text-align: center;
}

    footer p {
        /*@extend .mb-0, .mr-1;*/
    }

.margin-bottom-1rem {
    margin-bottom: 1rem;
}

.margin-left-1rem {
    margin-left: 1rem;
}

.margin-left-2rem {
    margin-left: 2rem;
}

.padding-left-1rem {
    padding-left: 1rem;
}

html body {
    /*position: relative;
	display: grid;
	grid-gap: 0;
	grid-template-rows: 1fr min-content;
	justify-content: center;
	width: 100vw;
	min-height: 100vh;
	@include media-breakpoint-down(sm) {
		width: auto;
	}*/
}

.bgCorner {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: linear-gradient(135deg, white 0%, rgba(255, 255, 255, 0) 22%, rgba(255, 255, 255, 0) 100%);
    overflow: hidden;
    z-index: 0;
}

@media (max-width: 767.98px) {
    .bgCorner {
        background: linear-gradient(135deg, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    }
}

.content {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .content > div {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        margin: auto;
    }

@media (min-width: 768px) and (max-width: 991.98px) {
    .content {
        margin-left: -1em;
    }
}

.application-wrapper {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90vw;
}

.search-widget.pin-to-top {
    margin-top: 0;
}

.guideMain {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: 300px 1fr;
    grid-template: "navigation main" / 300px 1fr;
    padding: 1em 0;
}

@media (max-width: 767.98px) {
    .guideMain {
        -ms-grid-rows: auto auto;
        -ms-grid-columns: 1fr;
        grid-template: "navigation" "main"/ 1fr;
    }
}

.guideMain main {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: main;
}

.guideMain .left-side-panel {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: navigation;
    margin: 0 1em;
    z-index: 2;
}

@media (max-width: 767.98px) {
    .guideMain main {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .guideMain .left-side-panel {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
}

@media (max-width: 767.98px) {
    .guideMain .left-side-panel {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: max-content 1fr;
        grid-template-columns: -webkit-max-content 1fr;
        grid-template-columns: max-content 1fr;
    }
}

.guideMain .left-side-panel .logo {
    margin: .5em 0 2em 0;
}

@media (max-width: 767.98px) {
    .guideMain .left-side-panel .logo {
        margin: .5em 0 1em;
    }
}

.guideMain .left-side-panel .logo .logoSubText {
    color: #1295D8;
    margin-top: .25em;
    font-size: .9em;
}

.analyticsPollMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.analyticsPoll {
    background: -webkit-gradient(linear, left top, left bottom, from(#004a76), to(#1295d8));
    background: linear-gradient(to bottom, #004a76 0%, #1295d8 100%);
    width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1rem;
}

.analyticsPollContent {
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 1em;
    padding: 1em;
}

.analyticsPollButtons button {
    padding: .5em;
}

.analyticsPollButtons i {
    color: #A7A9AC;
    margin-right: 5px;
}

    .analyticsPollButtons i.fa-thumbs-up {
        color: green;
    }

.analyticsPollButtons #btn-send-question-what {
    position: absolute;
    margin-left: 5px;
}

ul {
    margin: 0em 0 0 1em;
    padding: 0 1em 0em 1em;
}

    ul li {
        list-style: none;
        margin: .5em 0;
    }

        ul li::before {
            color: #414042;
            font-family: "Font Awesome 5 Free";
            content: "\f35a";
            font-weight: 900;
            font-size: .8em;
            padding-right: .25em;
            position: relative;
            top: 0em;
            margin-left: -1.3em;
        }

    ul ul {
        margin: 0;
        background-color: rgba(18, 149, 216, 0.1);
    }

        ul ul li::before {
            color: #414042;
            content: "\2022";
            margin-left: -.6em;
            font-size: 1.2em;
            top: .1em;
        }

ol {
    counter-reset: item;
    list-style-type: none;
}

    ol li {
        display: block;
        margin: .5em 0;
    }

        ol li::before {
            content: counter(item) " ";
            counter-increment: item;
            margin-left: -1.2em;
            font-weight: bold;
            color: #414042;
            padding-right: .5em;
        }

    ol ul {
        margin: 0;
        padding-top: 1px;
        padding-bottom: 1px;
        background-color: rgba(18, 149, 216, 0.1);
    }

        ol ul li::before {
            color: #414042;
            content: "\2022";
            margin-left: -.6em;
            font-size: 1.2em;
            top: .1em;
        }

@media print {
    .guideMain {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 800px;
        min-width: 90%;
        max-width: 90%;
    }

    .bg {
        display: none !important;
    }

    .bgCorner {
        display: none !important;
    }

    .content {
        display: block;
    }

    .contentTitle,
    .contentTitle a {
        color: #000000;
        text-decoration: none !important;
    }

        .contentTitle .fa-angle-right,
        .contentTitle a .fa-angle-right {
            display: none;
        }

    .pageTitleBlue {
        color: #000000;
        border-color: #000000;
    }

    .contentPod .contentBody {
        max-height: none;
    }

    .contentPodMore {
        display: none;
    }

    .twoColumnContainer {
        display: block;
    }

    .grid-height-300px {
        height: inherit !important;
    }

    .searchBarMain,
    .navigation,
    .analyticsPollMain {
        display: none !important;
    }

    .pageImageTitleBox {
        border-color: #000000;
        height: 3.19rem;
    }

        .pageImageTitleBox .title {
            margin-top: 0;
            border-right: 3px solid #000000;
            padding: 0 .25em 0 0.25em !important;
        }

    .pageInfoBox {
        color: #000000;
    }

    .subjectFormulaBox {
        background-color: #FFFFFF;
        border: 3px solid #EBEBEB;
        margin-top: 1rem;
    }

        .subjectFormulaBox .formulaHeading {
            color: #000000;
            border-bottom: 3px solid #EBEBEB;
        }

        .subjectFormulaBox .formulaLine .formulaText {
            color: #A5A5A5;
        }

        .subjectFormulaBox .formulaLine .formulaNumber {
            color: #58585A;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgA {
            border: 1px solid #00A3AD;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgB {
            border: 1px solid #005581;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgC {
            border: 1px solid #6500AD;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgD {
            border: 1px solid #AD007F;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgE {
            border: 1px solid #00AD23;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgF {
            border: 1px solid #FF6E1B;
        }

        .subjectFormulaBox .formulaLine .formulaOptionGroup .formulaOption .subjectBgG {
            border: 1px solid #E44C9A;
        }

        .subjectFormulaBox .formulaLine .formulaItem {
            color: #FFFFFF;
        }

        .subjectFormulaBox .formulaPlus {
            font-size: 1.5em;
            color: #00778B;
            margin-left: 1.5em;
        }

    .subjectBgA {
        color: #00A3AD !important;
        background-color: #FFFFFF;
    }

    .subjectBgB {
        color: #005581 !important;
        background-color: #FFFFFF;
    }

    .subjectBgC {
        color: #6500AD !important;
        background-color: #FFFFFF;
    }

    .subjectBgD {
        color: #AD007F !important;
        background-color: #FFFFFF;
    }

    .subjectBgE {
        color: #00AD23 !important;
        background-color: #FFFFFF;
    }

    .subjectBgF {
        color: #FF6E1B !important;
        background-color: #FFFFFF;
    }

    .subjectBgG {
        color: #E44C9A !important;
        background-color: #FFFFFF;
    }

    .subtitle {
        color: #000000 !important;
        display: inline-block;
        margin-top: 0 !important;
        margin-left: 1rem !important;
    }

    .title {
        display: inline-block;
    }
}

.color-white {
    color: #FFFFFF;
}

/* * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
}*/