Loading menubar.....

Difference between revisions of "Team:Tuebingen/Nissle"

(Created page with "{{Tuebingen}} <html> <head> <title>E. Coli Nissle 1917</title> </head> <body> This is standard text. </body> </html>")
 
Line 1: Line 1:
{{Tuebingen}}
+
<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html">
<html>
+
<head>
+
<title>E. Coli Nissle 1917</title>
+
</head>
+
  
 +
<meta charset="UTF-8"/>
 +
 +
<style>
 +
        /* Paste this css to your style sheet file or under head tag */
 +
        /* This only works with JavaScript,
 +
        if it's not present, don't show loader */
 +
        .js #loader {
 +
            display: block;
 +
            position: absolute;
 +
            left: 100px;
 +
            top: 0;
 +
        }
 +
 +
        .se-pre-con {
 +
            position: fixed;
 +
            left: 0px;
 +
            top: 0px;
 +
            width: 100%;
 +
            height: 100%;
 +
            z-index: 9999;
 +
            background: #2B2B35;
 +
        }
 +
 +
        .se-pre-con img {
 +
            width: 40%;
 +
            height: 40%;
 +
            margin-left: 30%;
 +
            margin-top: 15%;
 +
        }
 +
 +
        @media screen and (min-width: 1500px ) {
 +
            .se-pre-con img {
 +
                margin-top: 20%;
 +
                width: 25%;
 +
                height: 15%;
 +
                margin-left: 35%;
 +
            }
 +
        }
 +
 +
        @media screen and (max-width: 1100px ) {
 +
            .se-pre-con img {
 +
                margin-top: 20%;
 +
                height: 30%;
 +
                width: 50%;
 +
                margin-left: 25%;
 +
            }
 +
        }
 +
 +
        @media screen and (max-width: 700px ) {
 +
            .se-pre-con img {
 +
                margin-top: 18%;
 +
                height: 20%;
 +
            }
 +
        }
 +
    </style>
 +
</head>
 
<body>
 
<body>
This is standard text.
+
<div class="se-pre-con">
 +
    <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--preloader.gif">
 +
</div>
 +
<script src="https://2019.igem.org/Team:Tuebingen/jqueryLoadJS?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/jmodernizerJS?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
    $(window).load(function () {
 +
        setTimeout(removeLoader, 1000);
 +
    }); //wait for page load PLUS one seconds.
 +
    function removeLoader() {
 +
        $(".se-pre-con").fadeOut(500, function () {
 +
            // fadeOut complete. Remove the loading div
 +
            $(".se-pre-con").remove(); //makes page more lightweight
 +
        });
 +
    }
 +
</script>
 
</body>
 
</body>
  
 +
<style>
 +
    /*!
 +
* Bootstrap v4.1.0 (https://getbootstrap.com/)
 +
* Copyright 2011-2018 The Bootstrap Authors
 +
* Copyright 2011-2018 Twitter, Inc.
 +
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 +
*/
 +
    :root {
 +
        --blue: #007bff;
 +
        --indigo: #6610f2;
 +
        --purple: #6f42c1;
 +
        --pink: #e83e8c;
 +
        --red: #dc3545;
 +
        --orange: #fd7e14;
 +
        --yellow: #ffc107;
 +
        --green: #28a745;
 +
        --teal: #20c997;
 +
        --cyan: #17a2b8;
 +
        --white: #fff;
 +
        --gray: #6c757d;
 +
        --gray-dark: #343a40;
 +
        --primary: #007bff;
 +
        --secondary: #6c757d;
 +
        --success: #28a745;
 +
        --info: #17a2b8;
 +
        --warning: #ffc107;
 +
        --danger: #dc3545;
 +
        --light: #f8f9fa;
 +
        --dark: #343a40;
 +
        --breakpoint-xs: 0;
 +
        --breakpoint-sm: 576px;
 +
        --breakpoint-md: 768px;
 +
        --breakpoint-lg: 992px;
 +
        --breakpoint-xl: 1200px;
 +
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 +
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 +
    }
 +
 +
    *, ::after, ::before {
 +
        box-sizing: border-box
 +
    }
 +
 +
    html {
 +
        font-family: sans-serif;
 +
        line-height: 1.15;
 +
        -webkit-text-size-adjust: 100%;
 +
        -ms-text-size-adjust: 100%;
 +
        -ms-overflow-style: scrollbar;
 +
        -webkit-tap-highlight-color: transparent
 +
    }
 +
 +
    @-ms-viewport {
 +
        width: device-width
 +
    }
 +
 +
    article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
 +
        display: block
 +
    }
 +
 +
    body {
 +
        margin: 0;
 +
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 +
        font-size: 1rem;
 +
        font-weight: 400;
 +
        line-height: 1.5;
 +
        color: #212529;
 +
        text-align: left;
 +
        background-color: #fff
 +
    }
 +
 +
    [tabindex="-1"]:focus {
 +
        outline: 0 !important
 +
    }
 +
 +
    hr {
 +
        box-sizing: content-box;
 +
        height: 0;
 +
        overflow: visible
 +
    }
 +
 +
    h1, h2, h3, h4, h5, h6 {
 +
        margin-top: 0;
 +
        margin-bottom: .5rem
 +
    }
 +
 +
    p {
 +
        margin-top: 0;
 +
        margin-bottom: 1rem;
 +
        color: #F4F0DE;
 +
    }
 +
 +
    abbr[data-original-title], abbr[title] {
 +
        text-decoration: underline;
 +
        -webkit-text-decoration: underline dotted;
 +
        text-decoration: underline dotted;
 +
        cursor: help;
 +
        border-bottom: 0
 +
    }
 +
 +
    address {
 +
        margin-bottom: 1rem;
 +
        font-style: normal;
 +
        line-height: inherit
 +
    }
 +
 +
    dl, ol, ul {
 +
        margin-top: 0;
 +
        margin-bottom: 1rem
 +
    }
 +
 +
    ol ol, ol ul, ul ol, ul ul {
 +
        margin-bottom: 0
 +
    }
 +
 +
    dt {
 +
        font-weight: 700
 +
    }
 +
 +
    dd {
 +
        margin-bottom: .5rem;
 +
        margin-left: 0
 +
    }
 +
 +
    blockquote {
 +
        margin: 0 0 1rem
 +
    }
 +
 +
    dfn {
 +
        font-style: italic
 +
    }
 +
 +
    b, strong {
 +
        font-weight: bolder
 +
    }
 +
 +
    small {
 +
        font-size: 80%
 +
    }
 +
 +
    sub, sup {
 +
        position: relative;
 +
        font-size: 75%;
 +
        line-height: 0;
 +
        vertical-align: baseline
 +
    }
 +
 +
    sub {
 +
        bottom: -.25em
 +
    }
 +
 +
    sup {
 +
        top: -.5em
 +
    }
 +
 +
    a {
 +
        color: #007bff;
 +
        text-decoration: none;
 +
        background-color: transparent;
 +
        -webkit-text-decoration-skip: objects
 +
    }
 +
 +
    a:hover {
 +
        color: #0056b3;
 +
        text-decoration: underline
 +
    }
 +
 +
    a:not([href]):not([tabindex]) {
 +
        color: inherit;
 +
        text-decoration: none
 +
    }
 +
 +
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
 +
        color: inherit;
 +
        text-decoration: none
 +
    }
 +
 +
    a:not([href]):not([tabindex]):focus {
 +
        outline: 0
 +
    }
 +
 +
    code, kbd, pre, samp {
 +
        font-family: monospace, monospace;
 +
        font-size: 1em
 +
    }
 +
 +
    pre {
 +
        margin-top: 0;
 +
        margin-bottom: 1rem;
 +
        overflow: auto;
 +
        -ms-overflow-style: scrollbar
 +
    }
 +
 +
    figure {
 +
        margin: 0 0 1rem
 +
    }
 +
 +
    img {
 +
        vertical-align: middle;
 +
        border-style: none
 +
    }
 +
 +
    svg:not(:root) {
 +
        overflow: hidden
 +
    }
 +
 +
    table {
 +
        border-collapse: collapse
 +
    }
 +
 +
    caption {
 +
        padding-top: .75rem;
 +
        padding-bottom: .75rem;
 +
        color: #6c757d;
 +
        text-align: left;
 +
        caption-side: bottom
 +
    }
 +
 +
    th {
 +
        text-align: inherit
 +
    }
 +
 +
    label {
 +
        display: inline-block;
 +
        margin-bottom: .5rem
 +
    }
 +
 +
    button {
 +
        border-radius: 0
 +
    }
 +
 +
    button:focus {
 +
        outline: 1px dotted;
 +
        outline: 5px auto -webkit-focus-ring-color
 +
    }
 +
 +
    button, input, optgroup, select, textarea {
 +
        margin: 0;
 +
        font-family: inherit;
 +
        font-size: inherit;
 +
        line-height: inherit
 +
    }
 +
 +
    button, input {
 +
        overflow: visible
 +
    }
 +
 +
    button, select {
 +
        text-transform: none
 +
    }
 +
 +
    [type=reset], [type=submit], button, html [type=button] {
 +
        -webkit-appearance: button
 +
    }
 +
 +
    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
 +
        padding: 0;
 +
        border-style: none
 +
    }
 +
 +
    input[type=checkbox], input[type=radio] {
 +
        box-sizing: border-box;
 +
        padding: 0
 +
    }
 +
 +
    input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
 +
        -webkit-appearance: listbox
 +
    }
 +
 +
    textarea {
 +
        overflow: auto;
 +
        resize: vertical
 +
    }
 +
 +
    fieldset {
 +
        min-width: 0;
 +
        padding: 0;
 +
        margin: 0;
 +
        border: 0
 +
    }
 +
 +
    legend {
 +
        display: block;
 +
        width: 100%;
 +
        max-width: 100%;
 +
        padding: 0;
 +
        margin-bottom: .5rem;
 +
        font-size: 1.5rem;
 +
        line-height: inherit;
 +
        color: inherit;
 +
        white-space: normal
 +
    }
 +
 +
    progress {
 +
        vertical-align: baseline
 +
    }
 +
 +
    [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
 +
        height: auto
 +
    }
 +
 +
    [type=search] {
 +
        outline-offset: -2px;
 +
        -webkit-appearance: none
 +
    }
 +
 +
    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
 +
        -webkit-appearance: none
 +
    }
 +
 +
    ::-webkit-file-upload-button {
 +
        font: inherit;
 +
        -webkit-appearance: button
 +
    }
 +
 +
    output {
 +
        display: inline-block
 +
    }
 +
 +
    summary {
 +
        display: list-item;
 +
        cursor: pointer
 +
    }
 +
 +
    template {
 +
        display: none
 +
    }
 +
 +
    [hidden] {
 +
        display: none !important
 +
    }
 +
 +
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
 +
        margin-bottom: .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, .1)
 +
    }
 +
 +
    .small, small {
 +
        font-size: 80%;
 +
        font-weight: 400
 +
    }
 +
 +
    .mark, mark {
 +
        padding: .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: .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"
 +
    }
 +
 +
    .img-fluid {
 +
        max-width: 100%;
 +
        height: auto
 +
    }
 +
 +
    .img-thumbnail {
 +
        padding: .25rem;
 +
        background-color: #fff;
 +
        border: 1px solid #dee2e6;
 +
        border-radius: .25rem;
 +
        max-width: 100%;
 +
        height: auto
 +
    }
 +
 +
    .figure {
 +
        display: inline-block
 +
    }
 +
 +
    .figure-img {
 +
        margin-bottom: .5rem;
 +
        line-height: 1
 +
    }
 +
 +
    .figure-caption {
 +
        font-size: 90%;
 +
        color: #6c757d
 +
    }
 +
 +
    code, kbd, pre, samp {
 +
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 +
    }
 +
 +
    code {
 +
        font-size: 87.5%;
 +
        color: #e83e8c;
 +
        word-break: break-word
 +
    }
 +
 +
    a > code {
 +
        color: inherit
 +
    }
 +
 +
    kbd {
 +
        padding: .2rem .4rem;
 +
        font-size: 87.5%;
 +
        color: #fff;
 +
        background-color: #212529;
 +
        border-radius: .2rem
 +
    }
 +
 +
    kbd kbd {
 +
        padding: 0;
 +
        font-size: 100%;
 +
        font-weight: 700
 +
    }
 +
 +
    pre {
 +
        display: block;
 +
        font-size: 87.5%;
 +
        color: #212529
 +
    }
 +
 +
    pre code {
 +
        font-size: inherit;
 +
        color: inherit;
 +
        word-break: normal
 +
    }
 +
 +
    .pre-scrollable {
 +
        max-height: 340px;
 +
        overflow-y: scroll
 +
    }
 +
 +
    .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: -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, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto {
 +
        position: relative;
 +
        width: 100%;
 +
        min-height: 1px;
 +
        padding-right: 15px;
 +
        padding-left: 15px
 +
    }
 +
 +
    .col {
 +
        -ms-flex-preferred-size: 0;
 +
        flex-basis: 0;
 +
        -ms-flex-positive: 1;
 +
        flex-grow: 1;
 +
        max-width: 100%
 +
    }
 +
 +
    .col-auto {
 +
        -ms-flex: 0 0 auto;
 +
        flex: 0 0 auto;
 +
        width: auto;
 +
        max-width: none
 +
    }
 +
 +
    .col-1 {
 +
        -ms-flex: 0 0 8.333333%;
 +
        flex: 0 0 8.333333%;
 +
        max-width: 8.333333%
 +
    }
 +
 +
    .col-2 {
 +
        -ms-flex: 0 0 16.666667%;
 +
        flex: 0 0 16.666667%;
 +
        max-width: 16.666667%
 +
    }
 +
 +
    .col-3 {
 +
        -ms-flex: 0 0 25%;
 +
        flex: 0 0 25%;
 +
        max-width: 25%
 +
    }
 +
 +
    .col-4 {
 +
        -ms-flex: 0 0 33.333333%;
 +
        flex: 0 0 33.333333%;
 +
        max-width: 33.333333%
 +
    }
 +
 +
    .col-5 {
 +
        -ms-flex: 0 0 41.666667%;
 +
        flex: 0 0 41.666667%;
 +
        max-width: 41.666667%
 +
    }
 +
 +
    .col-6 {
 +
        -ms-flex: 0 0 50%;
 +
        flex: 0 0 50%;
 +
        max-width: 50%
 +
    }
 +
 +
    .col-7 {
 +
        -ms-flex: 0 0 58.333333%;
 +
        flex: 0 0 58.333333%;
 +
        max-width: 58.333333%
 +
    }
 +
 +
    .col-8 {
 +
        -ms-flex: 0 0 66.666667%;
 +
        flex: 0 0 66.666667%;
 +
        max-width: 66.666667%
 +
    }
 +
 +
    .col-9 {
 +
        -ms-flex: 0 0 75%;
 +
        flex: 0 0 75%;
 +
        max-width: 75%
 +
    }
 +
 +
    .col-10 {
 +
        -ms-flex: 0 0 83.333333%;
 +
        flex: 0 0 83.333333%;
 +
        max-width: 83.333333%
 +
    }
 +
 +
    .col-11 {
 +
        -ms-flex: 0 0 91.666667%;
 +
        flex: 0 0 91.666667%;
 +
        max-width: 91.666667%
 +
    }
 +
 +
    .col-12 {
 +
        -ms-flex: 0 0 100%;
 +
        flex: 0 0 100%;
 +
        max-width: 100%
 +
    }
 +
 +
    .order-first {
 +
        -ms-flex-order: -1;
 +
        order: -1
 +
    }
 +
 +
    .order-last {
 +
        -ms-flex-order: 13;
 +
        order: 13
 +
    }
 +
 +
    .order-0 {
 +
        -ms-flex-order: 0;
 +
        order: 0
 +
    }
 +
 +
    .order-1 {
 +
        -ms-flex-order: 1;
 +
        order: 1
 +
    }
 +
 +
    .order-2 {
 +
        -ms-flex-order: 2;
 +
        order: 2
 +
    }
 +
 +
    .order-3 {
 +
        -ms-flex-order: 3;
 +
        order: 3
 +
    }
 +
 +
    .order-4 {
 +
        -ms-flex-order: 4;
 +
        order: 4
 +
    }
 +
 +
    .order-5 {
 +
        -ms-flex-order: 5;
 +
        order: 5
 +
    }
 +
 +
    .order-6 {
 +
        -ms-flex-order: 6;
 +
        order: 6
 +
    }
 +
 +
    .order-7 {
 +
        -ms-flex-order: 7;
 +
        order: 7
 +
    }
 +
 +
    .order-8 {
 +
        -ms-flex-order: 8;
 +
        order: 8
 +
    }
 +
 +
    .order-9 {
 +
        -ms-flex-order: 9;
 +
        order: 9
 +
    }
 +
 +
    .order-10 {
 +
        -ms-flex-order: 10;
 +
        order: 10
 +
    }
 +
 +
    .order-11 {
 +
        -ms-flex-order: 11;
 +
        order: 11
 +
    }
 +
 +
    .order-12 {
 +
        -ms-flex-order: 12;
 +
        order: 12
 +
    }
 +
 +
    .offset-1 {
 +
        margin-left: 8.333333%
 +
    }
 +
 +
    .offset-2 {
 +
        margin-left: 16.666667%
 +
    }
 +
 +
    .offset-3 {
 +
        margin-left: 25%
 +
    }
 +
 +
    .offset-4 {
 +
        margin-left: 33.333333%
 +
    }
 +
 +
    .offset-5 {
 +
        margin-left: 41.666667%
 +
    }
 +
 +
    .offset-6 {
 +
        margin-left: 50%
 +
    }
 +
 +
    .offset-7 {
 +
        margin-left: 58.333333%
 +
    }
 +
 +
    .offset-8 {
 +
        margin-left: 66.666667%
 +
    }
 +
 +
    .offset-9 {
 +
        margin-left: 75%
 +
    }
 +
 +
    .offset-10 {
 +
        margin-left: 83.333333%
 +
    }
 +
 +
    .offset-11 {
 +
        margin-left: 91.666667%
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .col-sm {
 +
            -ms-flex-preferred-size: 0;
 +
            flex-basis: 0;
 +
            -ms-flex-positive: 1;
 +
            flex-grow: 1;
 +
            max-width: 100%
 +
        }
 +
 +
        .col-sm-auto {
 +
            -ms-flex: 0 0 auto;
 +
            flex: 0 0 auto;
 +
            width: auto;
 +
            max-width: none
 +
        }
 +
 +
        .col-sm-1 {
 +
            -ms-flex: 0 0 8.333333%;
 +
            flex: 0 0 8.333333%;
 +
            max-width: 8.333333%
 +
        }
 +
 +
        .col-sm-2 {
 +
            -ms-flex: 0 0 16.666667%;
 +
            flex: 0 0 16.666667%;
 +
            max-width: 16.666667%
 +
        }
 +
 +
        .col-sm-3 {
 +
            -ms-flex: 0 0 25%;
 +
            flex: 0 0 25%;
 +
            max-width: 25%
 +
        }
 +
 +
        .col-sm-4 {
 +
            -ms-flex: 0 0 33.333333%;
 +
            flex: 0 0 33.333333%;
 +
            max-width: 33.333333%
 +
        }
 +
 +
        .col-sm-5 {
 +
            -ms-flex: 0 0 41.666667%;
 +
            flex: 0 0 41.666667%;
 +
            max-width: 41.666667%
 +
        }
 +
 +
        .col-sm-6 {
 +
            -ms-flex: 0 0 50%;
 +
            flex: 0 0 50%;
 +
            max-width: 50%
 +
        }
 +
 +
        .col-sm-7 {
 +
            -ms-flex: 0 0 58.333333%;
 +
            flex: 0 0 58.333333%;
 +
            max-width: 58.333333%
 +
        }
 +
 +
        .col-sm-8 {
 +
            -ms-flex: 0 0 66.666667%;
 +
            flex: 0 0 66.666667%;
 +
            max-width: 66.666667%
 +
        }
 +
 +
        .col-sm-9 {
 +
            -ms-flex: 0 0 75%;
 +
            flex: 0 0 75%;
 +
            max-width: 75%
 +
        }
 +
 +
        .col-sm-10 {
 +
            -ms-flex: 0 0 83.333333%;
 +
            flex: 0 0 83.333333%;
 +
            max-width: 83.333333%
 +
        }
 +
 +
        .col-sm-11 {
 +
            -ms-flex: 0 0 91.666667%;
 +
            flex: 0 0 91.666667%;
 +
            max-width: 91.666667%
 +
        }
 +
 +
        .col-sm-12 {
 +
            -ms-flex: 0 0 100%;
 +
            flex: 0 0 100%;
 +
            max-width: 100%
 +
        }
 +
 +
        .order-sm-first {
 +
            -ms-flex-order: -1;
 +
            order: -1
 +
        }
 +
 +
        .order-sm-last {
 +
            -ms-flex-order: 13;
 +
            order: 13
 +
        }
 +
 +
        .order-sm-0 {
 +
            -ms-flex-order: 0;
 +
            order: 0
 +
        }
 +
 +
        .order-sm-1 {
 +
            -ms-flex-order: 1;
 +
            order: 1
 +
        }
 +
 +
        .order-sm-2 {
 +
            -ms-flex-order: 2;
 +
            order: 2
 +
        }
 +
 +
        .order-sm-3 {
 +
            -ms-flex-order: 3;
 +
            order: 3
 +
        }
 +
 +
        .order-sm-4 {
 +
            -ms-flex-order: 4;
 +
            order: 4
 +
        }
 +
 +
        .order-sm-5 {
 +
            -ms-flex-order: 5;
 +
            order: 5
 +
        }
 +
 +
        .order-sm-6 {
 +
            -ms-flex-order: 6;
 +
            order: 6
 +
        }
 +
 +
        .order-sm-7 {
 +
            -ms-flex-order: 7;
 +
            order: 7
 +
        }
 +
 +
        .order-sm-8 {
 +
            -ms-flex-order: 8;
 +
            order: 8
 +
        }
 +
 +
        .order-sm-9 {
 +
            -ms-flex-order: 9;
 +
            order: 9
 +
        }
 +
 +
        .order-sm-10 {
 +
            -ms-flex-order: 10;
 +
            order: 10
 +
        }
 +
 +
        .order-sm-11 {
 +
            -ms-flex-order: 11;
 +
            order: 11
 +
        }
 +
 +
        .order-sm-12 {
 +
            -ms-flex-order: 12;
 +
            order: 12
 +
        }
 +
 +
        .offset-sm-0 {
 +
            margin-left: 0
 +
        }
 +
 +
        .offset-sm-1 {
 +
            margin-left: 8.333333%
 +
        }
 +
 +
        .offset-sm-2 {
 +
            margin-left: 16.666667%
 +
        }
 +
 +
        .offset-sm-3 {
 +
            margin-left: 25%
 +
        }
 +
 +
        .offset-sm-4 {
 +
            margin-left: 33.333333%
 +
        }
 +
 +
        .offset-sm-5 {
 +
            margin-left: 41.666667%
 +
        }
 +
 +
        .offset-sm-6 {
 +
            margin-left: 50%
 +
        }
 +
 +
        .offset-sm-7 {
 +
            margin-left: 58.333333%
 +
        }
 +
 +
        .offset-sm-8 {
 +
            margin-left: 66.666667%
 +
        }
 +
 +
        .offset-sm-9 {
 +
            margin-left: 75%
 +
        }
 +
 +
        .offset-sm-10 {
 +
            margin-left: 83.333333%
 +
        }
 +
 +
        .offset-sm-11 {
 +
            margin-left: 91.666667%
 +
        }
 +
    }
 +
 +
    @media (min-width: 768px) {
 +
        .col-md {
 +
            -ms-flex-preferred-size: 0;
 +
            flex-basis: 0;
 +
            -ms-flex-positive: 1;
 +
            flex-grow: 1;
 +
            max-width: 100%
 +
        }
 +
 +
        .col-md-auto {
 +
            -ms-flex: 0 0 auto;
 +
            flex: 0 0 auto;
 +
            width: auto;
 +
            max-width: none
 +
        }
 +
 +
        .col-md-1 {
 +
            -ms-flex: 0 0 8.333333%;
 +
            flex: 0 0 8.333333%;
 +
            max-width: 8.333333%
 +
        }
 +
 +
        .col-md-2 {
 +
            -ms-flex: 0 0 16.666667%;
 +
            flex: 0 0 16.666667%;
 +
            max-width: 16.666667%
 +
        }
 +
 +
        .col-md-3 {
 +
            -ms-flex: 0 0 25%;
 +
            flex: 0 0 25%;
 +
            max-width: 25%
 +
        }
 +
 +
        .col-md-4 {
 +
            -ms-flex: 0 0 33.333333%;
 +
            flex: 0 0 33.333333%;
 +
            max-width: 33.333333%
 +
        }
 +
 +
        .col-md-5 {
 +
            -ms-flex: 0 0 41.666667%;
 +
            flex: 0 0 41.666667%;
 +
            max-width: 41.666667%
 +
        }
 +
 +
        .col-md-6 {
 +
            -ms-flex: 0 0 50%;
 +
            flex: 0 0 50%;
 +
            max-width: 50%
 +
        }
 +
 +
        .col-md-7 {
 +
            -ms-flex: 0 0 58.333333%;
 +
            flex: 0 0 58.333333%;
 +
            max-width: 58.333333%
 +
        }
 +
 +
        .col-md-8 {
 +
            -ms-flex: 0 0 66.666667%;
 +
            flex: 0 0 66.666667%;
 +
            max-width: 66.666667%
 +
        }
 +
 +
        .col-md-9 {
 +
            -ms-flex: 0 0 75%;
 +
            flex: 0 0 75%;
 +
            max-width: 75%
 +
        }
 +
 +
        .col-md-10 {
 +
            -ms-flex: 0 0 83.333333%;
 +
            flex: 0 0 83.333333%;
 +
            max-width: 83.333333%
 +
        }
 +
 +
        .col-md-11 {
 +
            -ms-flex: 0 0 91.666667%;
 +
            flex: 0 0 91.666667%;
 +
            max-width: 91.666667%
 +
        }
 +
 +
        .col-md-12 {
 +
            -ms-flex: 0 0 100%;
 +
            flex: 0 0 100%;
 +
            max-width: 100%
 +
        }
 +
 +
        .order-md-first {
 +
            -ms-flex-order: -1;
 +
            order: -1
 +
        }
 +
 +
        .order-md-last {
 +
            -ms-flex-order: 13;
 +
            order: 13
 +
        }
 +
 +
        .order-md-0 {
 +
            -ms-flex-order: 0;
 +
            order: 0
 +
        }
 +
 +
        .order-md-1 {
 +
            -ms-flex-order: 1;
 +
            order: 1
 +
        }
 +
 +
        .order-md-2 {
 +
            -ms-flex-order: 2;
 +
            order: 2
 +
        }
 +
 +
        .order-md-3 {
 +
            -ms-flex-order: 3;
 +
            order: 3
 +
        }
 +
 +
        .order-md-4 {
 +
            -ms-flex-order: 4;
 +
            order: 4
 +
        }
 +
 +
        .order-md-5 {
 +
            -ms-flex-order: 5;
 +
            order: 5
 +
        }
 +
 +
        .order-md-6 {
 +
            -ms-flex-order: 6;
 +
            order: 6
 +
        }
 +
 +
        .order-md-7 {
 +
            -ms-flex-order: 7;
 +
            order: 7
 +
        }
 +
 +
        .order-md-8 {
 +
            -ms-flex-order: 8;
 +
            order: 8
 +
        }
 +
 +
        .order-md-9 {
 +
            -ms-flex-order: 9;
 +
            order: 9
 +
        }
 +
 +
        .order-md-10 {
 +
            -ms-flex-order: 10;
 +
            order: 10
 +
        }
 +
 +
        .order-md-11 {
 +
            -ms-flex-order: 11;
 +
            order: 11
 +
        }
 +
 +
        .order-md-12 {
 +
            -ms-flex-order: 12;
 +
            order: 12
 +
        }
 +
 +
        .offset-md-0 {
 +
            margin-left: 0
 +
        }
 +
 +
        .offset-md-1 {
 +
            margin-left: 8.333333%
 +
        }
 +
 +
        .offset-md-2 {
 +
            margin-left: 16.666667%
 +
        }
 +
 +
        .offset-md-3 {
 +
            margin-left: 25%
 +
        }
 +
 +
        .offset-md-4 {
 +
            margin-left: 33.333333%
 +
        }
 +
 +
        .offset-md-5 {
 +
            margin-left: 41.666667%
 +
        }
 +
 +
        .offset-md-6 {
 +
            margin-left: 50%
 +
        }
 +
 +
        .offset-md-7 {
 +
            margin-left: 58.333333%
 +
        }
 +
 +
        .offset-md-8 {
 +
            margin-left: 66.666667%
 +
        }
 +
 +
        .offset-md-9 {
 +
            margin-left: 75%
 +
        }
 +
 +
        .offset-md-10 {
 +
            margin-left: 83.333333%
 +
        }
 +
 +
        .offset-md-11 {
 +
            margin-left: 91.666667%
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .col-lg {
 +
            -ms-flex-preferred-size: 0;
 +
            flex-basis: 0;
 +
            -ms-flex-positive: 1;
 +
            flex-grow: 1;
 +
            max-width: 100%
 +
        }
 +
 +
        .col-lg-auto {
 +
            -ms-flex: 0 0 auto;
 +
            flex: 0 0 auto;
 +
            width: auto;
 +
            max-width: none
 +
        }
 +
 +
        .col-lg-1 {
 +
            -ms-flex: 0 0 8.333333%;
 +
            flex: 0 0 8.333333%;
 +
            max-width: 8.333333%
 +
        }
 +
 +
        .col-lg-2 {
 +
            -ms-flex: 0 0 16.666667%;
 +
            flex: 0 0 16.666667%;
 +
            max-width: 16.666667%
 +
        }
 +
 +
        .col-lg-3 {
 +
            -ms-flex: 0 0 25%;
 +
            flex: 0 0 25%;
 +
            max-width: 25%
 +
        }
 +
 +
        .col-lg-4 {
 +
            -ms-flex: 0 0 33.333333%;
 +
            flex: 0 0 33.333333%;
 +
            max-width: 33.333333%
 +
        }
 +
 +
        .col-lg-5 {
 +
            -ms-flex: 0 0 41.666667%;
 +
            flex: 0 0 41.666667%;
 +
            max-width: 41.666667%
 +
        }
 +
 +
        .col-lg-6 {
 +
            -ms-flex: 0 0 50%;
 +
            flex: 0 0 50%;
 +
            max-width: 50%
 +
        }
 +
 +
        .col-lg-7 {
 +
            -ms-flex: 0 0 58.333333%;
 +
            flex: 0 0 58.333333%;
 +
            max-width: 58.333333%
 +
        }
 +
 +
        .col-lg-8 {
 +
            -ms-flex: 0 0 66.666667%;
 +
            flex: 0 0 66.666667%;
 +
            max-width: 66.666667%
 +
        }
 +
 +
        .col-lg-9 {
 +
            -ms-flex: 0 0 75%;
 +
            flex: 0 0 75%;
 +
            max-width: 75%
 +
        }
 +
 +
        .col-lg-10 {
 +
            -ms-flex: 0 0 83.333333%;
 +
            flex: 0 0 83.333333%;
 +
            max-width: 83.333333%
 +
        }
 +
 +
        .col-lg-11 {
 +
            -ms-flex: 0 0 91.666667%;
 +
            flex: 0 0 91.666667%;
 +
            max-width: 91.666667%
 +
        }
 +
 +
        .col-lg-12 {
 +
            -ms-flex: 0 0 100%;
 +
            flex: 0 0 100%;
 +
            max-width: 100%
 +
        }
 +
 +
        .order-lg-first {
 +
            -ms-flex-order: -1;
 +
            order: -1
 +
        }
 +
 +
        .order-lg-last {
 +
            -ms-flex-order: 13;
 +
            order: 13
 +
        }
 +
 +
        .order-lg-0 {
 +
            -ms-flex-order: 0;
 +
            order: 0
 +
        }
 +
 +
        .order-lg-1 {
 +
            -ms-flex-order: 1;
 +
            order: 1
 +
        }
 +
 +
        .order-lg-2 {
 +
            -ms-flex-order: 2;
 +
            order: 2
 +
        }
 +
 +
        .order-lg-3 {
 +
            -ms-flex-order: 3;
 +
            order: 3
 +
        }
 +
 +
        .order-lg-4 {
 +
            -ms-flex-order: 4;
 +
            order: 4
 +
        }
 +
 +
        .order-lg-5 {
 +
            -ms-flex-order: 5;
 +
            order: 5
 +
        }
 +
 +
        .order-lg-6 {
 +
            -ms-flex-order: 6;
 +
            order: 6
 +
        }
 +
 +
        .order-lg-7 {
 +
            -ms-flex-order: 7;
 +
            order: 7
 +
        }
 +
 +
        .order-lg-8 {
 +
            -ms-flex-order: 8;
 +
            order: 8
 +
        }
 +
 +
        .order-lg-9 {
 +
            -ms-flex-order: 9;
 +
            order: 9
 +
        }
 +
 +
        .order-lg-10 {
 +
            -ms-flex-order: 10;
 +
            order: 10
 +
        }
 +
 +
        .order-lg-11 {
 +
            -ms-flex-order: 11;
 +
            order: 11
 +
        }
 +
 +
        .order-lg-12 {
 +
            -ms-flex-order: 12;
 +
            order: 12
 +
        }
 +
 +
        .offset-lg-0 {
 +
            margin-left: 0
 +
        }
 +
 +
        .offset-lg-1 {
 +
            margin-left: 8.333333%
 +
        }
 +
 +
        .offset-lg-2 {
 +
            margin-left: 16.666667%
 +
        }
 +
 +
        .offset-lg-3 {
 +
            margin-left: 25%
 +
        }
 +
 +
        .offset-lg-4 {
 +
            margin-left: 33.333333%
 +
        }
 +
 +
        .offset-lg-5 {
 +
            margin-left: 41.666667%
 +
        }
 +
 +
        .offset-lg-6 {
 +
            margin-left: 50%
 +
        }
 +
 +
        .offset-lg-7 {
 +
            margin-left: 58.333333%
 +
        }
 +
 +
        .offset-lg-8 {
 +
            margin-left: 66.666667%
 +
        }
 +
 +
        .offset-lg-9 {
 +
            margin-left: 75%
 +
        }
 +
 +
        .offset-lg-10 {
 +
            margin-left: 83.333333%
 +
        }
 +
 +
        .offset-lg-11 {
 +
            margin-left: 91.666667%
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .col-xl {
 +
            -ms-flex-preferred-size: 0;
 +
            flex-basis: 0;
 +
            -ms-flex-positive: 1;
 +
            flex-grow: 1;
 +
            max-width: 100%
 +
        }
 +
 +
        .col-xl-auto {
 +
            -ms-flex: 0 0 auto;
 +
            flex: 0 0 auto;
 +
            width: auto;
 +
            max-width: none
 +
        }
 +
 +
        .col-xl-1 {
 +
            -ms-flex: 0 0 8.333333%;
 +
            flex: 0 0 8.333333%;
 +
            max-width: 8.333333%
 +
        }
 +
 +
        .col-xl-2 {
 +
            -ms-flex: 0 0 16.666667%;
 +
            flex: 0 0 16.666667%;
 +
            max-width: 16.666667%
 +
        }
 +
 +
        .col-xl-3 {
 +
            -ms-flex: 0 0 25%;
 +
            flex: 0 0 25%;
 +
            max-width: 25%
 +
        }
 +
 +
        .col-xl-4 {
 +
            -ms-flex: 0 0 33.333333%;
 +
            flex: 0 0 33.333333%;
 +
            max-width: 33.333333%
 +
        }
 +
 +
        .col-xl-5 {
 +
            -ms-flex: 0 0 41.666667%;
 +
            flex: 0 0 41.666667%;
 +
            max-width: 41.666667%
 +
        }
 +
 +
        .col-xl-6 {
 +
            -ms-flex: 0 0 50%;
 +
            flex: 0 0 50%;
 +
            max-width: 50%
 +
        }
 +
 +
        .col-xl-7 {
 +
            -ms-flex: 0 0 58.333333%;
 +
            flex: 0 0 58.333333%;
 +
            max-width: 58.333333%
 +
        }
 +
 +
        .col-xl-8 {
 +
            -ms-flex: 0 0 66.666667%;
 +
            flex: 0 0 66.666667%;
 +
            max-width: 66.666667%
 +
        }
 +
 +
        .col-xl-9 {
 +
            -ms-flex: 0 0 75%;
 +
            flex: 0 0 75%;
 +
            max-width: 75%
 +
        }
 +
 +
        .col-xl-10 {
 +
            -ms-flex: 0 0 83.333333%;
 +
            flex: 0 0 83.333333%;
 +
            max-width: 83.333333%
 +
        }
 +
 +
        .col-xl-11 {
 +
            -ms-flex: 0 0 91.666667%;
 +
            flex: 0 0 91.666667%;
 +
            max-width: 91.666667%
 +
        }
 +
 +
        .col-xl-12 {
 +
            -ms-flex: 0 0 100%;
 +
            flex: 0 0 100%;
 +
            max-width: 100%
 +
        }
 +
 +
        .order-xl-first {
 +
            -ms-flex-order: -1;
 +
            order: -1
 +
        }
 +
 +
        .order-xl-last {
 +
            -ms-flex-order: 13;
 +
            order: 13
 +
        }
 +
 +
        .order-xl-0 {
 +
            -ms-flex-order: 0;
 +
            order: 0
 +
        }
 +
 +
        .order-xl-1 {
 +
            -ms-flex-order: 1;
 +
            order: 1
 +
        }
 +
 +
        .order-xl-2 {
 +
            -ms-flex-order: 2;
 +
            order: 2
 +
        }
 +
 +
        .order-xl-3 {
 +
            -ms-flex-order: 3;
 +
            order: 3
 +
        }
 +
 +
        .order-xl-4 {
 +
            -ms-flex-order: 4;
 +
            order: 4
 +
        }
 +
 +
        .order-xl-5 {
 +
            -ms-flex-order: 5;
 +
            order: 5
 +
        }
 +
 +
        .order-xl-6 {
 +
            -ms-flex-order: 6;
 +
            order: 6
 +
        }
 +
 +
        .order-xl-7 {
 +
            -ms-flex-order: 7;
 +
            order: 7
 +
        }
 +
 +
        .order-xl-8 {
 +
            -ms-flex-order: 8;
 +
            order: 8
 +
        }
 +
 +
        .order-xl-9 {
 +
            -ms-flex-order: 9;
 +
            order: 9
 +
        }
 +
 +
        .order-xl-10 {
 +
            -ms-flex-order: 10;
 +
            order: 10
 +
        }
 +
 +
        .order-xl-11 {
 +
            -ms-flex-order: 11;
 +
            order: 11
 +
        }
 +
 +
        .order-xl-12 {
 +
            -ms-flex-order: 12;
 +
            order: 12
 +
        }
 +
 +
        .offset-xl-0 {
 +
            margin-left: 0
 +
        }
 +
 +
        .offset-xl-1 {
 +
            margin-left: 8.333333%
 +
        }
 +
 +
        .offset-xl-2 {
 +
            margin-left: 16.666667%
 +
        }
 +
 +
        .offset-xl-3 {
 +
            margin-left: 25%
 +
        }
 +
 +
        .offset-xl-4 {
 +
            margin-left: 33.333333%
 +
        }
 +
 +
        .offset-xl-5 {
 +
            margin-left: 41.666667%
 +
        }
 +
 +
        .offset-xl-6 {
 +
            margin-left: 50%
 +
        }
 +
 +
        .offset-xl-7 {
 +
            margin-left: 58.333333%
 +
        }
 +
 +
        .offset-xl-8 {
 +
            margin-left: 66.666667%
 +
        }
 +
 +
        .offset-xl-9 {
 +
            margin-left: 75%
 +
        }
 +
 +
        .offset-xl-10 {
 +
            margin-left: 83.333333%
 +
        }
 +
 +
        .offset-xl-11 {
 +
            margin-left: 91.666667%
 +
        }
 +
    }
 +
    .veggie {
 +
        width: 100%;
 +
        max-width: 100%;
 +
        margin-bottom: 1rem;
 +
        background-color: transparent
 +
    }
 +
    .veggie td,
 +
    .veggie th {
 +
        padding: .75rem;
 +
        vertical-align: top;
 +
        border-top: 1px solid #F4F0DE;
 +
        color: #F4F0DE;
 +
        border-bottom: 1px solid #F4F0DE;
 +
    }
 +
    .veggie th {
 +
        background-color: #2ecc71;
 +
        color: #232323 !important
 +
    }
 +
    .veggie caption {
 +
        color: #adb3b7;
 +
    }
 +
    .veggie thead th {
 +
        vertical-align: bottom;
 +
        border-bottom: 2px solid #dee2e6
 +
    }
 +
    .veggie tbody+tbody {
 +
        border-top: 2px solid #dee2e6
 +
    }
 +
 +
    @media screen and (max-width: 800px) {
 +
        .veggie {
 +
            font-size: xx-small;
 +
        }
 +
    }
 +
 +
    .table {
 +
        width: 100%;
 +
        max-width: 100%;
 +
        margin-bottom: 1rem;
 +
        background-color: transparent
 +
    }
 +
 +
    .table td, .table th {
 +
        padding: .75rem;
 +
        vertical-align: top;
 +
        border-top: 1px solid #dee2e6
 +
    }
 +
 +
    .table thead th {
 +
        vertical-align: bottom;
 +
        border-bottom: 2px solid #dee2e6
 +
    }
 +
 +
    .table tbody + tbody {
 +
        border-top: 2px solid #dee2e6
 +
    }
 +
 +
    .table .table {
 +
        background-color: #fff
 +
    }
 +
 +
    .table-sm td, .table-sm th {
 +
        padding: .3rem
 +
    }
 +
 +
    .table-bordered {
 +
        border: 1px solid #dee2e6
 +
    }
 +
 +
    .table-bordered td, .table-bordered th {
 +
        border: 1px solid #dee2e6
 +
    }
 +
 +
    .table-bordered thead td, .table-bordered thead th {
 +
        border-bottom-width: 2px
 +
    }
 +
 +
    .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
 +
        border: 0
 +
    }
 +
 +
    .table-striped tbody tr:nth-of-type(odd) {
 +
        background-color: rgba(0, 0, 0, .05)
 +
    }
 +
 +
    .table-hover tbody tr:hover {
 +
        background-color: rgba(0, 0, 0, .075)
 +
    }
 +
 +
    .table-primary, .table-primary > td, .table-primary > th {
 +
        background-color: #b8daff
 +
    }
 +
 +
    .table-hover .table-primary:hover {
 +
        background-color: #9fcdff
 +
    }
 +
 +
    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
 +
        background-color: #9fcdff
 +
    }
 +
 +
    .table-secondary, .table-secondary > td, .table-secondary > th {
 +
        background-color: #d6d8db
 +
    }
 +
 +
    .table-hover .table-secondary:hover {
 +
        background-color: #c8cbcf
 +
    }
 +
 +
    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
 +
        background-color: #c8cbcf
 +
    }
 +
 +
    .table-success, .table-success > td, .table-success > th {
 +
        background-color: #c3e6cb
 +
    }
 +
 +
    .table-hover .table-success:hover {
 +
        background-color: #b1dfbb
 +
    }
 +
 +
    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
 +
        background-color: #b1dfbb
 +
    }
 +
 +
    .table-info, .table-info > td, .table-info > th {
 +
        background-color: #bee5eb
 +
    }
 +
 +
    .table-hover .table-info:hover {
 +
        background-color: #abdde5
 +
    }
 +
 +
    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
 +
        background-color: #abdde5
 +
    }
 +
 +
    .table-warning, .table-warning > td, .table-warning > th {
 +
        background-color: #ffeeba
 +
    }
 +
 +
    .table-hover .table-warning:hover {
 +
        background-color: #ffe8a1
 +
    }
 +
 +
    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
 +
        background-color: #ffe8a1
 +
    }
 +
 +
    .table-danger, .table-danger > td, .table-danger > th {
 +
        background-color: #f5c6cb
 +
    }
 +
 +
    .table-hover .table-danger:hover {
 +
        background-color: #f1b0b7
 +
    }
 +
 +
    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
 +
        background-color: #f1b0b7
 +
    }
 +
 +
    .table-light, .table-light > td, .table-light > th {
 +
        background-color: #fdfdfe
 +
    }
 +
 +
    .table-hover .table-light:hover {
 +
        background-color: #ececf6
 +
    }
 +
 +
    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
 +
        background-color: #ececf6
 +
    }
 +
 +
    .table-dark, .table-dark > td, .table-dark > th {
 +
        background-color: #c6c8ca
 +
    }
 +
 +
    .table-hover .table-dark:hover {
 +
        background-color: #b9bbbe
 +
    }
 +
 +
    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
 +
        background-color: #b9bbbe
 +
    }
 +
 +
    .table-active, .table-active > td, .table-active > th {
 +
        background-color: rgba(0, 0, 0, .075)
 +
    }
 +
 +
    .table-hover .table-active:hover {
 +
        background-color: rgba(0, 0, 0, .075)
 +
    }
 +
 +
    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
 +
        background-color: rgba(0, 0, 0, .075)
 +
    }
 +
 +
    .table .thead-dark th {
 +
        color: #fff;
 +
        background-color: #212529;
 +
        border-color: #32383e
 +
    }
 +
 +
    .table .thead-light th {
 +
        color: #495057;
 +
        background-color: #e9ecef;
 +
        border-color: #dee2e6
 +
    }
 +
 +
    .table-dark {
 +
        color: #fff;
 +
        background-color: #212529
 +
    }
 +
 +
    .table-dark td, .table-dark th, .table-dark thead th {
 +
        border-color: #32383e
 +
    }
 +
 +
    .table-dark.table-bordered {
 +
        border: 0
 +
    }
 +
 +
    .table-dark.table-striped tbody tr:nth-of-type(odd) {
 +
        background-color: rgba(255, 255, 255, .05)
 +
    }
 +
 +
    .table-dark.table-hover tbody tr:hover {
 +
        background-color: rgba(255, 255, 255, .075)
 +
    }
 +
 +
    @media (max-width: 575.98px) {
 +
        .table-responsive-sm {
 +
            display: block;
 +
            width: 100%;
 +
            overflow-x: auto;
 +
            -webkit-overflow-scrolling: touch;
 +
            -ms-overflow-style: -ms-autohiding-scrollbar
 +
        }
 +
 +
        .table-responsive-sm > .table-bordered {
 +
            border: 0
 +
        }
 +
    }
 +
 +
    @media (max-width: 767.98px) {
 +
        .table-responsive-md {
 +
            display: block;
 +
            width: 100%;
 +
            overflow-x: auto;
 +
            -webkit-overflow-scrolling: touch;
 +
            -ms-overflow-style: -ms-autohiding-scrollbar
 +
        }
 +
 +
        .table-responsive-md > .table-bordered {
 +
            border: 0
 +
        }
 +
    }
 +
 +
    @media (max-width: 991.98px) {
 +
        .table-responsive-lg {
 +
            display: block;
 +
            width: 100%;
 +
            overflow-x: auto;
 +
            -webkit-overflow-scrolling: touch;
 +
            -ms-overflow-style: -ms-autohiding-scrollbar
 +
        }
 +
 +
        .table-responsive-lg > .table-bordered {
 +
            border: 0
 +
        }
 +
    }
 +
 +
    @media (max-width: 1199.98px) {
 +
        .table-responsive-xl {
 +
            display: block;
 +
            width: 100%;
 +
            overflow-x: auto;
 +
            -webkit-overflow-scrolling: touch;
 +
            -ms-overflow-style: -ms-autohiding-scrollbar
 +
        }
 +
 +
        .table-responsive-xl > .table-bordered {
 +
            border: 0
 +
        }
 +
    }
 +
 +
    .table-responsive {
 +
        display: block;
 +
        width: 100%;
 +
        overflow-x: auto;
 +
        -webkit-overflow-scrolling: touch;
 +
        -ms-overflow-style: -ms-autohiding-scrollbar
 +
    }
 +
 +
    .table-responsive > .table-bordered {
 +
        border: 0
 +
    }
 +
 +
    .form-control {
 +
        display: block;
 +
        width: 100%;
 +
        padding: .375rem .75rem;
 +
        font-size: 1rem;
 +
        line-height: 1.5;
 +
        color: #495057;
 +
        background-color: #fff;
 +
        background-clip: padding-box;
 +
        border: 1px solid #ced4da;
 +
        border-radius: .25rem;
 +
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .form-control {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .form-control::-ms-expand {
 +
        background-color: transparent;
 +
        border: 0
 +
    }
 +
 +
    .form-control:focus {
 +
        color: #495057;
 +
        background-color: #fff;
 +
        border-color: #80bdff;
 +
        outline: 0;
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .form-control::-webkit-input-placeholder {
 +
        color: #6c757d;
 +
        opacity: 1
 +
    }
 +
 +
    .form-control::-moz-placeholder {
 +
        color: #6c757d;
 +
        opacity: 1
 +
    }
 +
 +
    .form-control:-ms-input-placeholder {
 +
        color: #6c757d;
 +
        opacity: 1
 +
    }
 +
 +
    .form-control::-ms-input-placeholder {
 +
        color: #6c757d;
 +
        opacity: 1
 +
    }
 +
 +
    .form-control::placeholder {
 +
        color: #6c757d;
 +
        opacity: 1
 +
    }
 +
 +
    .form-control:disabled, .form-control[readonly] {
 +
        background-color: #e9ecef;
 +
        opacity: 1
 +
    }
 +
 +
    select.form-control:not([size]):not([multiple]) {
 +
        height: calc(2.25rem + 2px)
 +
    }
 +
 +
    select.form-control:focus::-ms-value {
 +
        color: #495057;
 +
        background-color: #fff
 +
    }
 +
 +
    .form-control-file, .form-control-range {
 +
        display: block;
 +
        width: 100%
 +
    }
 +
 +
    .col-form-label {
 +
        padding-top: calc(.375rem + 1px);
 +
        padding-bottom: calc(.375rem + 1px);
 +
        margin-bottom: 0;
 +
        font-size: inherit;
 +
        line-height: 1.5
 +
    }
 +
 +
    .col-form-label-lg {
 +
        padding-top: calc(.5rem + 1px);
 +
        padding-bottom: calc(.5rem + 1px);
 +
        font-size: 1.25rem;
 +
        line-height: 1.5
 +
    }
 +
 +
    .col-form-label-sm {
 +
        padding-top: calc(.25rem + 1px);
 +
        padding-bottom: calc(.25rem + 1px);
 +
        font-size: .875rem;
 +
        line-height: 1.5
 +
    }
 +
 +
    .form-control-plaintext {
 +
        display: block;
 +
        width: 100%;
 +
        padding-top: .375rem;
 +
        padding-bottom: .375rem;
 +
        margin-bottom: 0;
 +
        line-height: 1.5;
 +
        color: #212529;
 +
        background-color: transparent;
 +
        border: solid transparent;
 +
        border-width: 1px 0
 +
    }
 +
 +
    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
 +
        padding-right: 0;
 +
        padding-left: 0
 +
    }
 +
 +
    .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
 +
        padding: .25rem .5rem;
 +
        font-size: .875rem;
 +
        line-height: 1.5;
 +
        border-radius: .2rem
 +
    }
 +
 +
    .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
 +
        height: calc(1.8125rem + 2px)
 +
    }
 +
 +
    .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
 +
        padding: .5rem 1rem;
 +
        font-size: 1.25rem;
 +
        line-height: 1.5;
 +
        border-radius: .3rem
 +
    }
 +
 +
    .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
 +
        height: calc(2.875rem + 2px)
 +
    }
 +
 +
    .form-group {
 +
        margin-bottom: 1rem
 +
    }
 +
 +
    .form-text {
 +
        display: block;
 +
        margin-top: .25rem
 +
    }
 +
 +
    .form-row {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        margin-right: -5px;
 +
        margin-left: -5px
 +
    }
 +
 +
    .form-row > .col, .form-row > [class*=col-] {
 +
        padding-right: 5px;
 +
        padding-left: 5px
 +
    }
 +
 +
    .form-check {
 +
        position: relative;
 +
        display: block;
 +
        padding-left: 1.25rem
 +
    }
 +
 +
    .form-check-input {
 +
        position: absolute;
 +
        margin-top: .3rem;
 +
        margin-left: -1.25rem
 +
    }
 +
 +
    .form-check-input:disabled ~ .form-check-label {
 +
        color: #6c757d
 +
    }
 +
 +
    .form-check-label {
 +
        margin-bottom: 0
 +
    }
 +
 +
    .form-check-inline {
 +
        display: -ms-inline-flexbox;
 +
        display: inline-flex;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        padding-left: 0;
 +
        margin-right: .75rem
 +
    }
 +
 +
    .form-check-inline .form-check-input {
 +
        position: static;
 +
        margin-top: 0;
 +
        margin-right: .3125rem;
 +
        margin-left: 0
 +
    }
 +
 +
    .valid-feedback {
 +
        display: none;
 +
        width: 100%;
 +
        margin-top: .25rem;
 +
        font-size: 80%;
 +
        color: #28a745
 +
    }
 +
 +
    .valid-tooltip {
 +
        position: absolute;
 +
        top: 100%;
 +
        z-index: 5;
 +
        display: none;
 +
        max-width: 100%;
 +
        padding: .5rem;
 +
        margin-top: .1rem;
 +
        font-size: .875rem;
 +
        line-height: 1;
 +
        color: #fff;
 +
        background-color: rgba(40, 167, 69, .8);
 +
        border-radius: .2rem
 +
    }
 +
 +
    .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
 +
        border-color: #28a745
 +
    }
 +
 +
    .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
 +
        border-color: #28a745;
 +
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 +
    }
 +
 +
    .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
 +
        color: #28a745
 +
    }
 +
 +
    .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
 +
        color: #28a745
 +
    }
 +
 +
    .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
 +
        background-color: #71dd8a
 +
    }
 +
 +
    .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
 +
        background-color: #34ce57
 +
    }
 +
 +
    .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
 +
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
 +
    }
 +
 +
    .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
 +
        border-color: #28a745
 +
    }
 +
 +
    .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
 +
        border-color: inherit
 +
    }
 +
 +
    .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
 +
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 +
    }
 +
 +
    .invalid-feedback {
 +
        display: none;
 +
        width: 100%;
 +
        margin-top: .25rem;
 +
        font-size: 80%;
 +
        color: #dc3545
 +
    }
 +
 +
    .invalid-tooltip {
 +
        position: absolute;
 +
        top: 100%;
 +
        z-index: 5;
 +
        display: none;
 +
        max-width: 100%;
 +
        padding: .5rem;
 +
        margin-top: .1rem;
 +
        font-size: .875rem;
 +
        line-height: 1;
 +
        color: #fff;
 +
        background-color: rgba(220, 53, 69, .8);
 +
        border-radius: .2rem
 +
    }
 +
 +
    .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
 +
        border-color: #dc3545
 +
    }
 +
 +
    .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
 +
        border-color: #dc3545;
 +
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 +
    }
 +
 +
    .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
 +
        color: #dc3545
 +
    }
 +
 +
    .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
 +
        color: #dc3545
 +
    }
 +
 +
    .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
 +
        background-color: #efa2a9
 +
    }
 +
 +
    .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
 +
        background-color: #e4606d
 +
    }
 +
 +
    .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
 +
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
 +
    }
 +
 +
    .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
 +
        border-color: #dc3545
 +
    }
 +
 +
    .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
 +
        border-color: inherit
 +
    }
 +
 +
    .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
 +
        display: block
 +
    }
 +
 +
    .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
 +
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 +
    }
 +
 +
    .form-inline {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-flow: row wrap;
 +
        flex-flow: row wrap;
 +
        -ms-flex-align: center;
 +
        align-items: center
 +
    }
 +
 +
    .form-inline .form-check {
 +
        width: 100%
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .form-inline label {
 +
            display: -ms-flexbox;
 +
            display: flex;
 +
            -ms-flex-align: center;
 +
            align-items: center;
 +
            -ms-flex-pack: center;
 +
            justify-content: center;
 +
            margin-bottom: 0
 +
        }
 +
 +
        .form-inline .form-group {
 +
            display: -ms-flexbox;
 +
            display: flex;
 +
            -ms-flex: 0 0 auto;
 +
            flex: 0 0 auto;
 +
            -ms-flex-flow: row wrap;
 +
            flex-flow: row wrap;
 +
            -ms-flex-align: center;
 +
            align-items: center;
 +
            margin-bottom: 0
 +
        }
 +
 +
        .form-inline .form-control {
 +
            display: inline-block;
 +
            width: auto;
 +
            vertical-align: middle
 +
        }
 +
 +
        .form-inline .form-control-plaintext {
 +
            display: inline-block
 +
        }
 +
 +
        .form-inline .custom-select, .form-inline .input-group {
 +
            width: auto
 +
        }
 +
 +
        .form-inline .form-check {
 +
            display: -ms-flexbox;
 +
            display: flex;
 +
            -ms-flex-align: center;
 +
            align-items: center;
 +
            -ms-flex-pack: center;
 +
            justify-content: center;
 +
            width: auto;
 +
            padding-left: 0
 +
        }
 +
 +
        .form-inline .form-check-input {
 +
            position: relative;
 +
            margin-top: 0;
 +
            margin-right: .25rem;
 +
            margin-left: 0
 +
        }
 +
 +
        .form-inline .custom-control {
 +
            -ms-flex-align: center;
 +
            align-items: center;
 +
            -ms-flex-pack: center;
 +
            justify-content: center
 +
        }
 +
 +
        .form-inline .custom-control-label {
 +
            margin-bottom: 0
 +
        }
 +
    }
 +
 +
    .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: .375rem .75rem;
 +
        font-size: 1rem;
 +
        line-height: 1.5;
 +
        border-radius: .25rem;
 +
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .btn {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .btn:focus, .btn:hover {
 +
        text-decoration: none
 +
    }
 +
 +
    .btn.focus, .btn:focus {
 +
        outline: 0;
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .btn.disabled, .btn:disabled {
 +
        opacity: .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .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 {
 +
        box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 +
    }
 +
 +
    .btn-group-lg > .btn, .btn-lg {
 +
        padding: .5rem 1rem;
 +
        font-size: 1.25rem;
 +
        line-height: 1.5;
 +
        border-radius: .3rem
 +
    }
 +
 +
    .btn-group-sm > .btn, .btn-sm {
 +
        padding: .25rem .5rem;
 +
        font-size: .875rem;
 +
        line-height: 1.5;
 +
        border-radius: .2rem
 +
    }
 +
 +
    .btn-block {
 +
        display: block;
 +
        width: 100%
 +
    }
 +
 +
    .btn-block + .btn-block {
 +
        margin-top: .5rem
 +
    }
 +
 +
    input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
 +
        width: 100%
 +
    }
 +
 +
    .fade {
 +
        transition: opacity .15s linear
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .fade {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .fade:not(.show) {
 +
        opacity: 0
 +
    }
 +
 +
    .collapse:not(.show) {
 +
        display: none
 +
    }
 +
 +
    .collapsing {
 +
        position: relative;
 +
        height: 0;
 +
        overflow: hidden;
 +
        transition: height .35s ease
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .collapsing {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .dropdown, .dropleft, .dropright, .dropup {
 +
        position: relative
 +
    }
 +
 +
    .dropdown-toggle::after {
 +
        display: inline-block;
 +
        width: 0;
 +
        height: 0;
 +
        margin-left: .255em;
 +
        vertical-align: .255em;
 +
        content: "";
 +
        border-top: .3em solid;
 +
        border-right: .3em solid transparent;
 +
        border-bottom: 0;
 +
        border-left: .3em solid transparent
 +
    }
 +
 +
    .dropdown-toggle:empty::after {
 +
        margin-left: 0
 +
    }
 +
 +
    .dropdown-menu {
 +
        position: absolute;
 +
        top: 100%;
 +
        left: 0;
 +
        z-index: 1000;
 +
        display: none;
 +
        float: left;
 +
        min-width: 10rem;
 +
        padding: .5rem 0;
 +
        margin: .125rem 0 0;
 +
        font-size: 1rem;
 +
        color: #212529;
 +
        text-align: left;
 +
        list-style: none;
 +
        background-color: #fff;
 +
        background-clip: padding-box;
 +
        border: 1px solid rgba(0, 0, 0, .15);
 +
        border-radius: .25rem
 +
    }
 +
 +
    .dropdown-menu-right {
 +
        right: 0;
 +
        left: auto
 +
    }
 +
 +
    .dropup .dropdown-menu {
 +
        top: auto;
 +
        bottom: 100%;
 +
        margin-top: 0;
 +
        margin-bottom: .125rem
 +
    }
 +
 +
    .dropup .dropdown-toggle::after {
 +
        display: inline-block;
 +
        width: 0;
 +
        height: 0;
 +
        margin-left: .255em;
 +
        vertical-align: .255em;
 +
        content: "";
 +
        border-top: 0;
 +
        border-right: .3em solid transparent;
 +
        border-bottom: .3em solid;
 +
        border-left: .3em solid transparent
 +
    }
 +
 +
    .dropup .dropdown-toggle:empty::after {
 +
        margin-left: 0
 +
    }
 +
 +
    .dropright .dropdown-menu {
 +
        top: 0;
 +
        right: auto;
 +
        left: 100%;
 +
        margin-top: 0;
 +
        margin-left: .125rem
 +
    }
 +
 +
    .dropright .dropdown-toggle::after {
 +
        display: inline-block;
 +
        width: 0;
 +
        height: 0;
 +
        margin-left: .255em;
 +
        vertical-align: .255em;
 +
        content: "";
 +
        border-top: .3em solid transparent;
 +
        border-right: 0;
 +
        border-bottom: .3em solid transparent;
 +
        border-left: .3em solid
 +
    }
 +
 +
    .dropright .dropdown-toggle:empty::after {
 +
        margin-left: 0
 +
    }
 +
 +
    .dropright .dropdown-toggle::after {
 +
        vertical-align: 0
 +
    }
 +
 +
    .dropleft .dropdown-menu {
 +
        top: 0;
 +
        right: 100%;
 +
        left: auto;
 +
        margin-top: 0;
 +
        margin-right: .125rem
 +
    }
 +
 +
    .dropleft .dropdown-toggle::after {
 +
        display: inline-block;
 +
        width: 0;
 +
        height: 0;
 +
        margin-left: .255em;
 +
        vertical-align: .255em;
 +
        content: ""
 +
    }
 +
 +
    .dropleft .dropdown-toggle::after {
 +
        display: none
 +
    }
 +
 +
    .dropleft .dropdown-toggle::before {
 +
        display: inline-block;
 +
        width: 0;
 +
        height: 0;
 +
        margin-right: .255em;
 +
        vertical-align: .255em;
 +
        content: "";
 +
        border-top: .3em solid transparent;
 +
        border-right: .3em solid;
 +
        border-bottom: .3em solid transparent
 +
    }
 +
 +
    .dropleft .dropdown-toggle:empty::after {
 +
        margin-left: 0
 +
    }
 +
 +
    .dropleft .dropdown-toggle::before {
 +
        vertical-align: 0
 +
    }
 +
 +
    .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
 +
        right: auto;
 +
        bottom: auto
 +
    }
 +
 +
    .dropdown-divider {
 +
        height: 0;
 +
        margin: .5rem 0;
 +
        overflow: hidden;
 +
        border-top: 1px solid #e9ecef
 +
    }
 +
 +
    .dropdown-item {
 +
        display: block;
 +
        width: 100%;
 +
        padding: .25rem 1.5rem;
 +
        clear: both;
 +
        font-weight: 400;
 +
        color: #212529;
 +
        text-align: inherit;
 +
        white-space: nowrap;
 +
        background-color: transparent;
 +
        border: 0
 +
    }
 +
 +
    .dropdown-item:focus, .dropdown-item:hover {
 +
        color: #16181b;
 +
        text-decoration: none;
 +
        background-color: #f8f9fa
 +
    }
 +
 +
    .dropdown-item.active, .dropdown-item:active {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #007bff
 +
    }
 +
 +
    .dropdown-item.disabled, .dropdown-item:disabled {
 +
        color: #6c757d;
 +
        background-color: transparent
 +
    }
 +
 +
    .dropdown-menu.show {
 +
        display: block
 +
    }
 +
 +
    .dropdown-header {
 +
        display: block;
 +
        padding: .5rem 1.5rem;
 +
        margin-bottom: 0;
 +
        font-size: .875rem;
 +
        color: #6c757d;
 +
        white-space: nowrap
 +
    }
 +
 +
    .dropdown-item-text {
 +
        display: block;
 +
        padding: .25rem 1.5rem;
 +
        color: #212529
 +
    }
 +
 +
    .btn-group, .btn-group-vertical {
 +
        position: relative;
 +
        display: -ms-inline-flexbox;
 +
        display: inline-flex;
 +
        vertical-align: middle
 +
    }
 +
 +
    .btn-group-vertical > .btn, .btn-group > .btn {
 +
        position: relative;
 +
        -ms-flex: 0 1 auto;
 +
        flex: 0 1 auto
 +
    }
 +
 +
    .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
 +
        z-index: 1
 +
    }
 +
 +
    .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
 +
        z-index: 1
 +
    }
 +
 +
    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
 +
        margin-left: -1px
 +
    }
 +
 +
    .btn-toolbar {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        -ms-flex-pack: start;
 +
        justify-content: flex-start
 +
    }
 +
 +
    .btn-toolbar .input-group {
 +
        width: auto
 +
    }
 +
 +
    .btn-group > .btn:first-child {
 +
        margin-left: 0
 +
    }
 +
 +
    .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
 +
        border-top-right-radius: 0;
 +
        border-bottom-right-radius: 0
 +
    }
 +
 +
    .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
 +
        border-top-left-radius: 0;
 +
        border-bottom-left-radius: 0
 +
    }
 +
 +
    .dropdown-toggle-split {
 +
        padding-right: .5625rem;
 +
        padding-left: .5625rem
 +
    }
 +
 +
    .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
 +
        margin-left: 0
 +
    }
 +
 +
    .dropleft .dropdown-toggle-split::before {
 +
        margin-right: 0
 +
    }
 +
 +
    .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
 +
        padding-right: .375rem;
 +
        padding-left: .375rem
 +
    }
 +
 +
    .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
 +
        padding-right: .75rem;
 +
        padding-left: .75rem
 +
    }
 +
 +
    .btn-group-vertical {
 +
        -ms-flex-direction: column;
 +
        flex-direction: column;
 +
        -ms-flex-align: start;
 +
        align-items: flex-start;
 +
        -ms-flex-pack: center;
 +
        justify-content: center
 +
    }
 +
 +
    .btn-group-vertical .btn, .btn-group-vertical .btn-group {
 +
        width: 100%
 +
    }
 +
 +
    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
 +
        margin-top: -1px;
 +
        margin-left: 0
 +
    }
 +
 +
    .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
 +
        border-bottom-right-radius: 0;
 +
        border-bottom-left-radius: 0
 +
    }
 +
 +
    .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
 +
        border-top-left-radius: 0;
 +
        border-top-right-radius: 0
 +
    }
 +
 +
    .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
 +
        margin-bottom: 0
 +
    }
 +
 +
    .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] {
 +
        position: absolute;
 +
        clip: rect(0, 0, 0, 0);
 +
        pointer-events: none
 +
    }
 +
 +
    .input-group {
 +
        position: relative;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        -ms-flex-align: stretch;
 +
        align-items: stretch;
 +
        width: 100%
 +
    }
 +
 +
    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
 +
        position: relative;
 +
        -ms-flex: 1 1 auto;
 +
        flex: 1 1 auto;
 +
        width: 1%;
 +
        margin-bottom: 0
 +
    }
 +
 +
    .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
 +
        z-index: 3
 +
    }
 +
 +
    .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
 +
        margin-left: -1px
 +
    }
 +
 +
    .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
 +
        border-top-right-radius: 0;
 +
        border-bottom-right-radius: 0
 +
    }
 +
 +
    .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
 +
        border-top-left-radius: 0;
 +
        border-bottom-left-radius: 0
 +
    }
 +
 +
    .input-group > .custom-file {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: center;
 +
        align-items: center
 +
    }
 +
 +
    .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
 +
        border-top-right-radius: 0;
 +
        border-bottom-right-radius: 0
 +
    }
 +
 +
    .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::after {
 +
        border-top-left-radius: 0;
 +
        border-bottom-left-radius: 0
 +
    }
 +
 +
    .input-group-append, .input-group-prepend {
 +
        display: -ms-flexbox;
 +
        display: flex
 +
    }
 +
 +
    .input-group-append .btn, .input-group-prepend .btn {
 +
        position: relative;
 +
        z-index: 2
 +
    }
 +
 +
    .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
 +
        margin-left: -1px
 +
    }
 +
 +
    .input-group-prepend {
 +
        margin-right: -1px
 +
    }
 +
 +
    .input-group-append {
 +
        margin-left: -1px
 +
    }
 +
 +
    .input-group-text {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        padding: .375rem .75rem;
 +
        margin-bottom: 0;
 +
        font-size: 1rem;
 +
        font-weight: 400;
 +
        line-height: 1.5;
 +
        color: #495057;
 +
        text-align: center;
 +
        white-space: nowrap;
 +
        background-color: #e9ecef;
 +
        border: 1px solid #ced4da;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
 +
        margin-top: 0
 +
    }
 +
 +
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
 +
        border-top-right-radius: 0;
 +
        border-bottom-right-radius: 0
 +
    }
 +
 +
    .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
 +
        border-top-left-radius: 0;
 +
        border-bottom-left-radius: 0
 +
    }
 +
 +
    .custom-control {
 +
        position: relative;
 +
        display: block;
 +
        min-height: 1.5rem;
 +
        padding-left: 1.5rem
 +
    }
 +
 +
    .custom-control-inline {
 +
        display: -ms-inline-flexbox;
 +
        display: inline-flex;
 +
        margin-right: 1rem
 +
    }
 +
 +
    .custom-control-input {
 +
        position: absolute;
 +
        z-index: -1;
 +
        opacity: 0
 +
    }
 +
 +
    .custom-control-input:checked ~ .custom-control-label::before {
 +
        color: #fff;
 +
        background-color: #007bff
 +
    }
 +
 +
    .custom-control-input:focus ~ .custom-control-label::before {
 +
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .custom-control-input:active ~ .custom-control-label::before {
 +
        color: #fff;
 +
        background-color: #b3d7ff
 +
    }
 +
 +
    .custom-control-input:disabled ~ .custom-control-label {
 +
        color: #6c757d
 +
    }
 +
 +
    .custom-control-input:disabled ~ .custom-control-label::before {
 +
        background-color: #e9ecef
 +
    }
 +
 +
    .custom-control-label {
 +
        margin-bottom: 0
 +
    }
 +
 +
    .custom-control-label::before {
 +
        position: absolute;
 +
        top: .25rem;
 +
        left: 0;
 +
        display: block;
 +
        width: 1rem;
 +
        height: 1rem;
 +
        pointer-events: none;
 +
        content: "";
 +
        -webkit-user-select: none;
 +
        -moz-user-select: none;
 +
        -ms-user-select: none;
 +
        user-select: none;
 +
        background-color: #dee2e6
 +
    }
 +
 +
    .custom-control-label::after {
 +
        position: absolute;
 +
        top: .25rem;
 +
        left: 0;
 +
        display: block;
 +
        width: 1rem;
 +
        height: 1rem;
 +
        content: "";
 +
        background-repeat: no-repeat;
 +
        background-position: center center;
 +
        background-size: 50% 50%
 +
    }
 +
 +
    .custom-checkbox .custom-control-label::before {
 +
        border-radius: .25rem
 +
    }
 +
 +
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
 +
        background-color: #007bff
 +
    }
 +
 +
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
 +
        background-color: #007bff
 +
    }
 +
 +
    .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
 +
        background-color: rgba(0, 123, 255, .5)
 +
    }
 +
 +
    .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
 +
        background-color: rgba(0, 123, 255, .5)
 +
    }
 +
 +
    .custom-radio .custom-control-label::before {
 +
        border-radius: 50%
 +
    }
 +
 +
    .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
 +
        background-color: #007bff
 +
    }
 +
 +
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
 +
        background-color: rgba(0, 123, 255, .5)
 +
    }
 +
 +
    .custom-select {
 +
        display: inline-block;
 +
        width: 100%;
 +
        height: calc(2.25rem + 2px);
 +
        padding: .375rem 1.75rem .375rem .75rem;
 +
        line-height: 1.5;
 +
        color: #495057;
 +
        vertical-align: middle;
 +
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
 +
        background-size: 8px 10px;
 +
        border: 1px solid #ced4da;
 +
        border-radius: .25rem;
 +
        -webkit-appearance: none;
 +
        -moz-appearance: none;
 +
        appearance: none
 +
    }
 +
 +
    .custom-select:focus {
 +
        border-color: #80bdff;
 +
        outline: 0;
 +
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
 +
    }
 +
 +
    .custom-select:focus::-ms-value {
 +
        color: #495057;
 +
        background-color: #fff
 +
    }
 +
 +
    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
 +
        height: auto;
 +
        padding-right: .75rem;
 +
        background-image: none
 +
    }
 +
 +
    .custom-select:disabled {
 +
        color: #6c757d;
 +
        background-color: #e9ecef
 +
    }
 +
 +
    .custom-select::-ms-expand {
 +
        opacity: 0
 +
    }
 +
 +
    .custom-select-sm {
 +
        height: calc(1.8125rem + 2px);
 +
        padding-top: .375rem;
 +
        padding-bottom: .375rem;
 +
        font-size: 75%
 +
    }
 +
 +
    .custom-select-lg {
 +
        height: calc(2.875rem + 2px);
 +
        padding-top: .375rem;
 +
        padding-bottom: .375rem;
 +
        font-size: 125%
 +
    }
 +
 +
    .custom-file {
 +
        position: relative;
 +
        display: inline-block;
 +
        width: 100%;
 +
        height: calc(2.25rem + 2px);
 +
        margin-bottom: 0
 +
    }
 +
 +
    .custom-file-input {
 +
        position: relative;
 +
        z-index: 2;
 +
        width: 100%;
 +
        height: calc(2.25rem + 2px);
 +
        margin: 0;
 +
        opacity: 0
 +
    }
 +
 +
    .custom-file-input:focus ~ .custom-file-label {
 +
        border-color: #80bdff;
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .custom-file-input:focus ~ .custom-file-label::after {
 +
        border-color: #80bdff
 +
    }
 +
 +
    .custom-file-input:lang(en) ~ .custom-file-label::after {
 +
        content: "Browse"
 +
    }
 +
 +
    .custom-file-label {
 +
        position: absolute;
 +
        top: 0;
 +
        right: 0;
 +
        left: 0;
 +
        z-index: 1;
 +
        height: calc(2.25rem + 2px);
 +
        padding: .375rem .75rem;
 +
        line-height: 1.5;
 +
        color: #495057;
 +
        background-color: #fff;
 +
        border: 1px solid #ced4da;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .custom-file-label::after {
 +
        position: absolute;
 +
        top: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        z-index: 3;
 +
        display: block;
 +
        height: calc(calc(2.25rem + 2px) - 1px * 2);
 +
        padding: .375rem .75rem;
 +
        line-height: 1.5;
 +
        color: #495057;
 +
        content: "Browse";
 +
        background-color: #e9ecef;
 +
        border-left: 1px solid #ced4da;
 +
        border-radius: 0 .25rem .25rem 0
 +
    }
 +
 +
    .custom-range {
 +
        width: 100%;
 +
        padding-left: 0;
 +
        background-color: transparent;
 +
        -webkit-appearance: none;
 +
        -moz-appearance: none;
 +
        appearance: none
 +
    }
 +
 +
    .custom-range:focus {
 +
        outline: 0
 +
    }
 +
 +
    .custom-range::-moz-focus-outer {
 +
        border: 0
 +
    }
 +
 +
    .custom-range::-webkit-slider-thumb {
 +
        width: 1rem;
 +
        height: 1rem;
 +
        margin-top: -.25rem;
 +
        background-color: #007bff;
 +
        border: 0;
 +
        border-radius: 1rem;
 +
        -webkit-appearance: none;
 +
        appearance: none
 +
    }
 +
 +
    .custom-range::-webkit-slider-thumb:focus {
 +
        outline: 0;
 +
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .custom-range::-webkit-slider-thumb:active {
 +
        background-color: #b3d7ff
 +
    }
 +
 +
    .custom-range::-webkit-slider-runnable-track {
 +
        width: 100%;
 +
        height: .5rem;
 +
        color: transparent;
 +
        cursor: pointer;
 +
        background-color: #dee2e6;
 +
        border-color: transparent;
 +
        border-radius: 1rem
 +
    }
 +
 +
    .custom-range::-moz-range-thumb {
 +
        width: 1rem;
 +
        height: 1rem;
 +
        background-color: #007bff;
 +
        border: 0;
 +
        border-radius: 1rem;
 +
        -moz-appearance: none;
 +
        appearance: none
 +
    }
 +
 +
    .custom-range::-moz-range-thumb:focus {
 +
        outline: 0;
 +
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .custom-range::-moz-range-thumb:active {
 +
        background-color: #b3d7ff
 +
    }
 +
 +
    .custom-range::-moz-range-track {
 +
        width: 100%;
 +
        height: .5rem;
 +
        color: transparent;
 +
        cursor: pointer;
 +
        background-color: #dee2e6;
 +
        border-color: transparent;
 +
        border-radius: 1rem
 +
    }
 +
 +
    .custom-range::-ms-thumb {
 +
        width: 1rem;
 +
        height: 1rem;
 +
        background-color: #007bff;
 +
        border: 0;
 +
        border-radius: 1rem;
 +
        appearance: none
 +
    }
 +
 +
    .custom-range::-ms-thumb:focus {
 +
        outline: 0;
 +
        box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .custom-range::-ms-thumb:active {
 +
        background-color: #b3d7ff
 +
    }
 +
 +
    .custom-range::-ms-track {
 +
        width: 100%;
 +
        height: .5rem;
 +
        color: transparent;
 +
        cursor: pointer;
 +
        background-color: transparent;
 +
        border-color: transparent;
 +
        border-width: .5rem
 +
    }
 +
 +
    .custom-range::-ms-fill-lower {
 +
        background-color: #dee2e6;
 +
        border-radius: 1rem
 +
    }
 +
 +
    .custom-range::-ms-fill-upper {
 +
        margin-right: 15px;
 +
        background-color: #dee2e6;
 +
        border-radius: 1rem
 +
    }
 +
 +
    .nav {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        padding-left: 0;
 +
        margin-bottom: 0;
 +
        list-style: none
 +
    }
 +
 +
    .nav-link {
 +
        display: block;
 +
        padding: .5rem 1rem
 +
    }
 +
 +
    .nav-link:focus, .nav-link:hover {
 +
        text-decoration: none
 +
    }
 +
 +
    .nav-link.disabled {
 +
        color: #6c757d
 +
    }
 +
 +
    .nav-tabs {
 +
        border-bottom: 1px solid #dee2e6
 +
    }
 +
 +
    .nav-tabs .nav-item {
 +
        margin-bottom: -1px
 +
    }
 +
 +
    .nav-tabs .nav-link {
 +
        border: 1px solid transparent;
 +
        border-top-left-radius: .25rem;
 +
        border-top-right-radius: .25rem
 +
    }
 +
 +
    .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
 +
        border-color: #e9ecef #e9ecef #dee2e6
 +
    }
 +
 +
    .nav-tabs .nav-link.disabled {
 +
        color: #6c757d;
 +
        background-color: transparent;
 +
        border-color: transparent
 +
    }
 +
 +
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
 +
        color: #495057;
 +
        background-color: #fff;
 +
        border-color: #dee2e6 #dee2e6 #fff
 +
    }
 +
 +
    .nav-tabs .dropdown-menu {
 +
        margin-top: -1px;
 +
        border-top-left-radius: 0;
 +
        border-top-right-radius: 0
 +
    }
 +
 +
    .nav-pills .nav-link {
 +
        border-radius: .25rem
 +
    }
 +
 +
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
 +
        color: #fff;
 +
        background-color: #007bff
 +
    }
 +
 +
    .nav-fill .nav-item {
 +
        -ms-flex: 1 1 auto;
 +
        flex: 1 1 auto;
 +
        text-align: center
 +
    }
 +
 +
    .nav-justified .nav-item {
 +
        -ms-flex-preferred-size: 0;
 +
        flex-basis: 0;
 +
        -ms-flex-positive: 1;
 +
        flex-grow: 1;
 +
        text-align: center
 +
    }
 +
 +
    .tab-content > .tab-pane {
 +
        display: none
 +
    }
 +
 +
    .tab-content > .active {
 +
        display: block
 +
    }
 +
 +
    .navbar {
 +
        position: relative;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        -ms-flex-pack: justify;
 +
        justify-content: space-between;
 +
        padding: .5rem 1rem
 +
    }
 +
 +
    .navbar > .container, .navbar > .container-fluid {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        -ms-flex-pack: justify;
 +
        justify-content: space-between
 +
    }
 +
 +
    .navbar-brand {
 +
        display: inline-block;
 +
        padding-top: .3125rem;
 +
        padding-bottom: .3125rem;
 +
        margin-right: 1rem;
 +
        font-size: 1.25rem;
 +
        line-height: inherit;
 +
        white-space: nowrap
 +
    }
 +
 +
    .navbar-brand:focus, .navbar-brand:hover {
 +
        text-decoration: none
 +
    }
 +
 +
    .navbar-nav {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column;
 +
        padding-left: 0;
 +
        margin-bottom: 0;
 +
        list-style: none
 +
    }
 +
 +
    .navbar-nav .nav-link {
 +
        padding-right: 0;
 +
        padding-left: 0
 +
    }
 +
 +
    .navbar-nav .dropdown-menu {
 +
        position: static;
 +
        float: none
 +
    }
 +
 +
    .navbar-text {
 +
        display: inline-block;
 +
        padding-top: .5rem;
 +
        padding-bottom: .5rem
 +
    }
 +
 +
    .navbar-collapse {
 +
        -ms-flex-preferred-size: 100%;
 +
        flex-basis: 100%;
 +
        -ms-flex-positive: 1;
 +
        flex-grow: 1;
 +
        -ms-flex-align: center;
 +
        align-items: center
 +
    }
 +
 +
    .navbar-toggler {
 +
        padding: .25rem .75rem;
 +
        font-size: 1.25rem;
 +
        line-height: 1;
 +
        background-color: transparent;
 +
        border: 1px solid transparent;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .navbar-toggler:focus, .navbar-toggler:hover {
 +
        text-decoration: none
 +
    }
 +
 +
    .navbar-toggler:not(:disabled):not(.disabled) {
 +
        cursor: pointer
 +
    }
 +
 +
    .navbar-toggler-icon {
 +
        display: inline-block;
 +
        width: 1.5em;
 +
        height: 1.5em;
 +
        vertical-align: middle;
 +
        content: "";
 +
        background: no-repeat center center;
 +
        background-size: 100% 100%
 +
    }
 +
 +
    @media (max-width: 575.98px) {
 +
        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
 +
            padding-right: 0;
 +
            padding-left: 0
 +
        }
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .navbar-expand-sm {
 +
            -ms-flex-flow: row nowrap;
 +
            flex-flow: row nowrap;
 +
            -ms-flex-pack: start;
 +
            justify-content: flex-start
 +
        }
 +
 +
        .navbar-expand-sm .navbar-nav {
 +
            -ms-flex-direction: row;
 +
            flex-direction: row
 +
        }
 +
 +
        .navbar-expand-sm .navbar-nav .dropdown-menu {
 +
            position: absolute
 +
        }
 +
 +
        .navbar-expand-sm .navbar-nav .nav-link {
 +
            padding-right: .5rem;
 +
            padding-left: .5rem
 +
        }
 +
 +
        .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
 +
            -ms-flex-wrap: nowrap;
 +
            flex-wrap: nowrap
 +
        }
 +
 +
        .navbar-expand-sm .navbar-collapse {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important;
 +
            -ms-flex-preferred-size: auto;
 +
            flex-basis: auto
 +
        }
 +
 +
        .navbar-expand-sm .navbar-toggler {
 +
            display: none
 +
        }
 +
    }
 +
 +
    @media (max-width: 1199.98px) {
 +
        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
 +
            padding-right: 0;
 +
            padding-left: 0
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .navbar-expand-md {
 +
            -ms-flex-flow: row nowrap;
 +
            flex-flow: row nowrap;
 +
            -ms-flex-pack: start;
 +
            justify-content: flex-start
 +
        }
 +
 +
        .navbar-expand-md .navbar-nav {
 +
            -ms-flex-direction: row;
 +
            flex-direction: row
 +
        }
 +
 +
        .navbar-expand-md .navbar-nav .dropdown-menu {
 +
            position: absolute
 +
        }
 +
 +
        .navbar-expand-md .navbar-nav .nav-link {
 +
            padding-right: .5rem;
 +
            padding-left: .5rem
 +
        }
 +
 +
        .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
 +
            -ms-flex-wrap: nowrap;
 +
            flex-wrap: nowrap
 +
        }
 +
 +
        .navbar-expand-md .navbar-collapse {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important;
 +
            -ms-flex-preferred-size: auto;
 +
            flex-basis: auto
 +
        }
 +
 +
        .navbar-expand-md .navbar-toggler {
 +
            display: none
 +
        }
 +
    }
 +
 +
    @media (max-width: 991.98px) {
 +
        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
 +
            padding-right: 0;
 +
            padding-left: 0
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .navbar-expand-lg {
 +
            -ms-flex-flow: row nowrap;
 +
            flex-flow: row nowrap;
 +
            -ms-flex-pack: start;
 +
            justify-content: flex-start
 +
        }
 +
 +
        .navbar-expand-lg .navbar-nav {
 +
            -ms-flex-direction: row;
 +
            flex-direction: row
 +
        }
 +
 +
        .navbar-expand-lg .navbar-nav .dropdown-menu {
 +
            position: absolute
 +
        }
 +
 +
        .navbar-expand-lg .navbar-nav .nav-link {
 +
            padding-right: .5rem;
 +
            padding-left: .5rem
 +
        }
 +
 +
        .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
 +
            -ms-flex-wrap: nowrap;
 +
            flex-wrap: nowrap
 +
        }
 +
 +
        .navbar-expand-lg .navbar-collapse {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important;
 +
            -ms-flex-preferred-size: auto;
 +
            flex-basis: auto
 +
        }
 +
 +
        .navbar-expand-lg .navbar-toggler {
 +
            display: none
 +
        }
 +
    }
 +
 +
    @media (max-width: 1199.98px) {
 +
        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
 +
            padding-right: 0;
 +
            padding-left: 0
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .navbar-expand-xl {
 +
            -ms-flex-flow: row nowrap;
 +
            flex-flow: row nowrap;
 +
            -ms-flex-pack: start;
 +
            justify-content: flex-start
 +
        }
 +
 +
        .navbar-expand-xl .navbar-nav {
 +
            -ms-flex-direction: row;
 +
            flex-direction: row
 +
        }
 +
 +
        .navbar-expand-xl .navbar-nav .dropdown-menu {
 +
            position: absolute
 +
        }
 +
 +
        .navbar-expand-xl .navbar-nav .nav-link {
 +
            padding-right: .5rem;
 +
            padding-left: .5rem
 +
        }
 +
 +
        .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
 +
            -ms-flex-wrap: nowrap;
 +
            flex-wrap: nowrap
 +
        }
 +
 +
        .navbar-expand-xl .navbar-collapse {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important;
 +
            -ms-flex-preferred-size: auto;
 +
            flex-basis: auto
 +
        }
 +
 +
        .navbar-expand-xl .navbar-toggler {
 +
            display: none
 +
        }
 +
    }
 +
 +
    .navbar-expand {
 +
        -ms-flex-flow: row nowrap;
 +
        flex-flow: row nowrap;
 +
        -ms-flex-pack: start;
 +
        justify-content: flex-start
 +
    }
 +
 +
    .navbar-expand > .container, .navbar-expand > .container-fluid {
 +
        padding-right: 0;
 +
        padding-left: 0
 +
    }
 +
 +
    .navbar-expand .navbar-nav {
 +
        -ms-flex-direction: row;
 +
        flex-direction: row
 +
    }
 +
 +
    .navbar-expand .navbar-nav .dropdown-menu {
 +
        position: absolute
 +
    }
 +
 +
    .navbar-expand .navbar-nav .nav-link {
 +
        padding-right: .5rem;
 +
        padding-left: .5rem
 +
    }
 +
 +
    .navbar-expand > .container, .navbar-expand > .container-fluid {
 +
        -ms-flex-wrap: nowrap;
 +
        flex-wrap: nowrap
 +
    }
 +
 +
    .navbar-expand .navbar-collapse {
 +
        display: -ms-flexbox !important;
 +
        display: flex !important;
 +
        -ms-flex-preferred-size: auto;
 +
        flex-basis: auto
 +
    }
 +
 +
    .navbar-expand .navbar-toggler {
 +
        display: none
 +
    }
 +
 +
    .navbar-light .navbar-brand {
 +
        color: rgba(0, 0, 0, .9)
 +
    }
 +
 +
    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
 +
        color: rgba(0, 0, 0, .9)
 +
    }
 +
 +
    .navbar-light .navbar-nav .nav-link {
 +
        color: rgba(0, 0, 0, .5)
 +
    }
 +
 +
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
 +
        color: rgba(0, 0, 0, .7)
 +
    }
 +
 +
    .navbar-light .navbar-nav .nav-link.disabled {
 +
        color: rgba(0, 0, 0, .3)
 +
    }
 +
 +
    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
 +
        color: rgba(0, 0, 0, .9)
 +
    }
 +
 +
    .navbar-light .navbar-toggler {
 +
        color: rgba(0, 0, 0, .5);
 +
        border-color: rgba(0, 0, 0, .1)
 +
    }
 +
 +
    .navbar-light .navbar-toggler-icon {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .navbar-light .navbar-text {
 +
        color: rgba(0, 0, 0, .5)
 +
    }
 +
 +
    .navbar-light .navbar-text a {
 +
        color: rgba(0, 0, 0, .9)
 +
    }
 +
 +
    .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
 +
        color: rgba(0, 0, 0, .9)
 +
    }
 +
 +
    .navbar-dark .navbar-brand {
 +
        color: #fff
 +
    }
 +
 +
    .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
 +
        color: #fff
 +
    }
 +
 +
    .navbar-dark .navbar-nav .nav-link {
 +
        color: rgba(255, 255, 255, .5)
 +
    }
 +
 +
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
 +
        color: rgba(255, 255, 255, .75)
 +
    }
 +
 +
    .navbar-dark .navbar-nav .nav-link.disabled {
 +
        color: rgba(255, 255, 255, .25)
 +
    }
 +
 +
    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
 +
        color: #fff
 +
    }
 +
 +
    .navbar-dark .navbar-toggler {
 +
        color: rgba(255, 255, 255, .5);
 +
        border-color: rgba(255, 255, 255, .1)
 +
    }
 +
 +
    .navbar-dark .navbar-toggler-icon {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .navbar-dark .navbar-text {
 +
        color: rgba(255, 255, 255, .5)
 +
    }
 +
 +
    .navbar-dark .navbar-text a {
 +
        color: #fff
 +
    }
 +
 +
    .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
 +
        color: #fff
 +
    }
 +
 +
    .card {
 +
        position: relative;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column;
 +
        min-width: 0;
 +
        word-wrap: break-word;
 +
        background-color: #fff;
 +
        background-clip: border-box;
 +
        border: 1px solid rgba(0, 0, 0, .125);
 +
        border-radius: .25rem
 +
    }
 +
 +
    .card > hr {
 +
        margin-right: 0;
 +
        margin-left: 0
 +
    }
 +
 +
    .card > .list-group:first-child .list-group-item:first-child {
 +
        border-top-left-radius: .25rem;
 +
        border-top-right-radius: .25rem
 +
    }
 +
 +
    .card > .list-group:last-child .list-group-item:last-child {
 +
        border-bottom-right-radius: .25rem;
 +
        border-bottom-left-radius: .25rem
 +
    }
 +
 +
    .card-body {
 +
        -ms-flex: 1 1 auto;
 +
        flex: 1 1 auto;
 +
        padding: 1.25rem
 +
    }
 +
 +
    .card-title {
 +
        margin-bottom: .75rem
 +
    }
 +
 +
    .card-subtitle {
 +
        margin-top: -.375rem;
 +
        margin-bottom: 0
 +
    }
 +
 +
    .card-text:last-child {
 +
        margin-bottom: 0
 +
    }
 +
 +
    .card-link:hover {
 +
        text-decoration: none
 +
    }
 +
 +
    .card-link + .card-link {
 +
        margin-left: 1.25rem
 +
    }
 +
 +
    .card-header {
 +
        padding: .75rem 1.25rem;
 +
        margin-bottom: 0;
 +
        background-color: rgba(0, 0, 0, .03);
 +
        border-bottom: 1px solid rgba(0, 0, 0, .125)
 +
    }
 +
 +
    .card-header:first-child {
 +
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 +
    }
 +
 +
    .card-header + .list-group .list-group-item:first-child {
 +
        border-top: 0
 +
    }
 +
 +
    .card-footer {
 +
        padding: .75rem 1.25rem;
 +
        background-color: rgba(0, 0, 0, .03);
 +
        border-top: 1px solid rgba(0, 0, 0, .125)
 +
    }
 +
 +
    .card-footer:last-child {
 +
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 +
    }
 +
 +
    .card-header-tabs {
 +
        margin-right: -.625rem;
 +
        margin-bottom: -.75rem;
 +
        margin-left: -.625rem;
 +
        border-bottom: 0
 +
    }
 +
 +
    .card-header-pills {
 +
        margin-right: -.625rem;
 +
        margin-left: -.625rem
 +
    }
 +
 +
    .card-img-overlay {
 +
        position: absolute;
 +
        top: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        padding: 1.25rem
 +
    }
 +
 +
    .card-img {
 +
        width: 100%;
 +
        border-radius: calc(.25rem - 1px)
 +
    }
 +
 +
    .card-img-top {
 +
        width: 100%;
 +
        border-top-left-radius: calc(.25rem - 1px);
 +
        border-top-right-radius: calc(.25rem - 1px)
 +
    }
 +
 +
    .card-img-bottom {
 +
        width: 100%;
 +
        border-bottom-right-radius: calc(.25rem - 1px);
 +
        border-bottom-left-radius: calc(.25rem - 1px)
 +
    }
 +
 +
    .card-deck {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column
 +
    }
 +
 +
    .card-deck .card {
 +
        margin-bottom: 15px
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .card-deck {
 +
            -ms-flex-flow: row wrap;
 +
            flex-flow: row wrap;
 +
            margin-right: -15px;
 +
            margin-left: -15px
 +
        }
 +
 +
        .card-deck .card {
 +
            display: -ms-flexbox;
 +
            display: flex;
 +
            -ms-flex: 1 0 0%;
 +
            flex: 1 0 0%;
 +
            -ms-flex-direction: column;
 +
            flex-direction: column;
 +
            margin-right: 15px;
 +
            margin-bottom: 0;
 +
            margin-left: 15px
 +
        }
 +
    }
 +
 +
    .card-group {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column
 +
    }
 +
 +
    .card-group > .card {
 +
        margin-bottom: 15px
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .card-group {
 +
            -ms-flex-flow: row wrap;
 +
            flex-flow: row wrap
 +
        }
 +
 +
        .card-group > .card {
 +
            -ms-flex: 1 0 0%;
 +
            flex: 1 0 0%;
 +
            margin-bottom: 0
 +
        }
 +
 +
        .card-group > .card + .card {
 +
            margin-left: 0;
 +
            border-left: 0
 +
        }
 +
 +
        .card-group > .card:first-child {
 +
            border-top-right-radius: 0;
 +
            border-bottom-right-radius: 0
 +
        }
 +
 +
        .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
 +
            border-top-right-radius: 0
 +
        }
 +
 +
        .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
 +
            border-bottom-right-radius: 0
 +
        }
 +
 +
        .card-group > .card:last-child {
 +
            border-top-left-radius: 0;
 +
            border-bottom-left-radius: 0
 +
        }
 +
 +
        .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
 +
            border-top-left-radius: 0
 +
        }
 +
 +
        .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
 +
            border-bottom-left-radius: 0
 +
        }
 +
 +
        .card-group > .card:only-child {
 +
            border-radius: .25rem
 +
        }
 +
 +
        .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
 +
            border-top-left-radius: .25rem;
 +
            border-top-right-radius: .25rem
 +
        }
 +
 +
        .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
 +
            border-bottom-right-radius: .25rem;
 +
            border-bottom-left-radius: .25rem
 +
        }
 +
 +
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
 +
            border-radius: 0
 +
        }
 +
 +
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
 +
            border-radius: 0
 +
        }
 +
    }
 +
 +
    .card-columns .card {
 +
        margin-bottom: .75rem
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .card-columns {
 +
            -webkit-column-count: 3;
 +
            -moz-column-count: 3;
 +
            column-count: 3;
 +
            -webkit-column-gap: 1.25rem;
 +
            -moz-column-gap: 1.25rem;
 +
            column-gap: 1.25rem;
 +
            orphans: 1;
 +
            widows: 1
 +
        }
 +
 +
        .card-columns .card {
 +
            display: inline-block;
 +
            width: 100%
 +
        }
 +
    }
 +
 +
    .accordion .card:not(:first-of-type):not(:last-of-type) {
 +
        border-bottom: 0;
 +
        border-radius: 0
 +
    }
 +
 +
    .accordion .card:not(:first-of-type) .card-header:first-child {
 +
        border-radius: 0
 +
    }
 +
 +
    .accordion .card:first-of-type {
 +
        border-bottom: 0;
 +
        border-bottom-right-radius: 0;
 +
        border-bottom-left-radius: 0
 +
    }
 +
 +
    .accordion .card:last-of-type {
 +
        border-top-left-radius: 0;
 +
        border-top-right-radius: 0
 +
    }
 +
 +
    .breadcrumb {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-wrap: wrap;
 +
        flex-wrap: wrap;
 +
        padding: .75rem 1rem;
 +
        margin-bottom: 1rem;
 +
        list-style: none;
 +
        background-color: #e9ecef;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .breadcrumb-item + .breadcrumb-item {
 +
        padding-left: .5rem
 +
    }
 +
 +
    .breadcrumb-item + .breadcrumb-item::before {
 +
        display: inline-block;
 +
        padding-right: .5rem;
 +
        color: #6c757d;
 +
        content: "/"
 +
    }
 +
 +
    .breadcrumb-item + .breadcrumb-item:hover::before {
 +
        text-decoration: underline
 +
    }
 +
 +
    .breadcrumb-item + .breadcrumb-item:hover::before {
 +
        text-decoration: none
 +
    }
 +
 +
    .breadcrumb-item.active {
 +
        color: #6c757d
 +
    }
 +
 +
    .pagination {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        padding-left: 0;
 +
        list-style: none;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .page-link {
 +
        position: relative;
 +
        display: block;
 +
        padding: .5rem .75rem;
 +
        margin-left: -1px;
 +
        line-height: 1.25;
 +
        color: #007bff;
 +
        background-color: #fff;
 +
        border: 1px solid #dee2e6
 +
    }
 +
 +
    .page-link:hover {
 +
        z-index: 2;
 +
        color: #0056b3;
 +
        text-decoration: none;
 +
        background-color: #e9ecef;
 +
        border-color: #dee2e6
 +
    }
 +
 +
    .page-link:focus {
 +
        z-index: 2;
 +
        outline: 0;
 +
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 +
    }
 +
 +
    .page-link:not(:disabled):not(.disabled) {
 +
        cursor: pointer
 +
    }
 +
 +
    .page-item:first-child .page-link {
 +
        margin-left: 0;
 +
        border-top-left-radius: .25rem;
 +
        border-bottom-left-radius: .25rem
 +
    }
 +
 +
    .page-item:last-child .page-link {
 +
        border-top-right-radius: .25rem;
 +
        border-bottom-right-radius: .25rem
 +
    }
 +
 +
    .page-item.active .page-link {
 +
        z-index: 1;
 +
        color: #fff;
 +
        background-color: #007bff;
 +
        border-color: #007bff
 +
    }
 +
 +
    .page-item.disabled .page-link {
 +
        color: #6c757d;
 +
        pointer-events: none;
 +
        cursor: auto;
 +
        background-color: #fff;
 +
        border-color: #dee2e6
 +
    }
 +
 +
    .pagination-lg .page-link {
 +
        padding: .75rem 1.5rem;
 +
        font-size: 1.25rem;
 +
        line-height: 1.5
 +
    }
 +
 +
    .pagination-lg .page-item:first-child .page-link {
 +
        border-top-left-radius: .3rem;
 +
        border-bottom-left-radius: .3rem
 +
    }
 +
 +
    .pagination-lg .page-item:last-child .page-link {
 +
        border-top-right-radius: .3rem;
 +
        border-bottom-right-radius: .3rem
 +
    }
 +
 +
    .pagination-sm .page-link {
 +
        padding: .25rem .5rem;
 +
        font-size: .875rem;
 +
        line-height: 1.5
 +
    }
 +
 +
    .pagination-sm .page-item:first-child .page-link {
 +
        border-top-left-radius: .2rem;
 +
        border-bottom-left-radius: .2rem
 +
    }
 +
 +
    .pagination-sm .page-item:last-child .page-link {
 +
        border-top-right-radius: .2rem;
 +
        border-bottom-right-radius: .2rem
 +
    }
 +
 +
    .badge {
 +
        display: inline-block;
 +
        padding: .25em .4em;
 +
        font-size: 75%;
 +
        font-weight: 700;
 +
        line-height: 1;
 +
        text-align: center;
 +
        white-space: nowrap;
 +
        vertical-align: baseline;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .badge:empty {
 +
        display: none
 +
    }
 +
 +
    .btn .badge {
 +
        position: relative;
 +
        top: -1px
 +
    }
 +
 +
    .badge-pill {
 +
        padding-right: .6em;
 +
        padding-left: .6em;
 +
        border-radius: 10rem
 +
    }
 +
 +
    .badge-primary {
 +
        color: #fff;
 +
        background-color: #007bff
 +
    }
 +
 +
    .badge-primary[href]:focus, .badge-primary[href]:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #0062cc
 +
    }
 +
 +
    .badge-secondary {
 +
        color: #fff;
 +
        background-color: #6c757d
 +
    }
 +
 +
    .badge-secondary[href]:focus, .badge-secondary[href]:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #545b62
 +
    }
 +
 +
    .badge-success {
 +
        color: #fff;
 +
        background-color: #28a745
 +
    }
 +
 +
    .badge-success[href]:focus, .badge-success[href]:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #1e7e34
 +
    }
 +
 +
    .badge-info {
 +
        color: #fff;
 +
        background-color: #17a2b8
 +
    }
 +
 +
    .badge-info[href]:focus, .badge-info[href]:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #117a8b
 +
    }
 +
 +
    .badge-warning {
 +
        color: #212529;
 +
        background-color: #ffc107
 +
    }
 +
 +
    .badge-warning[href]:focus, .badge-warning[href]:hover {
 +
        color: #212529;
 +
        text-decoration: none;
 +
        background-color: #d39e00
 +
    }
 +
 +
    .badge-danger {
 +
        color: #fff;
 +
        background-color: #dc3545
 +
    }
 +
 +
    .badge-danger[href]:focus, .badge-danger[href]:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #bd2130
 +
    }
 +
 +
    .badge-light {
 +
        color: #212529;
 +
        background-color: #f8f9fa
 +
    }
 +
 +
    .badge-light[href]:focus, .badge-light[href]:hover {
 +
        color: #212529;
 +
        text-decoration: none;
 +
        background-color: #dae0e5
 +
    }
 +
 +
    .badge-dark {
 +
        color: #fff;
 +
        background-color: #343a40
 +
    }
 +
 +
    .badge-dark[href]:focus, .badge-dark[href]:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        background-color: #1d2124
 +
    }
 +
 +
    .jumbotron {
 +
        padding: 2rem 1rem;
 +
        margin-bottom: 2rem;
 +
        background-color: #e9ecef;
 +
        border-radius: .3rem
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .jumbotron {
 +
            padding: 4rem 2rem
 +
        }
 +
    }
 +
 +
    .jumbotron-fluid {
 +
        padding-right: 0;
 +
        padding-left: 0;
 +
        border-radius: 0
 +
    }
 +
 +
    .alert {
 +
        position: relative;
 +
        padding: .75rem 1.25rem;
 +
        margin-bottom: 1rem;
 +
        border: 1px solid transparent;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .alert-heading {
 +
        color: inherit
 +
    }
 +
 +
    .alert-link {
 +
        font-weight: 700
 +
    }
 +
 +
    .alert-dismissible {
 +
        padding-right: 4rem
 +
    }
 +
 +
    .alert-dismissible .close {
 +
        position: absolute;
 +
        top: 0;
 +
        right: 0;
 +
        padding: .75rem 1.25rem;
 +
        color: inherit
 +
    }
 +
 +
    .alert-primary {
 +
        color: #004085;
 +
        background-color: #cce5ff;
 +
        border-color: #b8daff
 +
    }
 +
 +
    .alert-primary hr {
 +
        border-top-color: #9fcdff
 +
    }
 +
 +
    .alert-primary .alert-link {
 +
        color: #002752
 +
    }
 +
 +
    .alert-secondary {
 +
        color: #383d41;
 +
        background-color: #e2e3e5;
 +
        border-color: #d6d8db
 +
    }
 +
 +
    .alert-secondary hr {
 +
        border-top-color: #c8cbcf
 +
    }
 +
 +
    .alert-secondary .alert-link {
 +
        color: #202326
 +
    }
 +
 +
    .alert-success {
 +
        color: #155724;
 +
        background-color: #d4edda;
 +
        border-color: #c3e6cb
 +
    }
 +
 +
    .alert-success hr {
 +
        border-top-color: #b1dfbb
 +
    }
 +
 +
    .alert-success .alert-link {
 +
        color: #0b2e13
 +
    }
 +
 +
    .alert-info {
 +
        color: #0c5460;
 +
        background-color: #d1ecf1;
 +
        border-color: #bee5eb
 +
    }
 +
 +
    .alert-info hr {
 +
        border-top-color: #abdde5
 +
    }
 +
 +
    .alert-info .alert-link {
 +
        color: #062c33
 +
    }
 +
 +
    .alert-warning {
 +
        color: #856404;
 +
        background-color: #fff3cd;
 +
        border-color: #ffeeba
 +
    }
 +
 +
    .alert-warning hr {
 +
        border-top-color: #ffe8a1
 +
    }
 +
 +
    .alert-warning .alert-link {
 +
        color: #533f03
 +
    }
 +
 +
    .alert-danger {
 +
        color: #721c24;
 +
        background-color: #f8d7da;
 +
        border-color: #f5c6cb
 +
    }
 +
 +
    .alert-danger hr {
 +
        border-top-color: #f1b0b7
 +
    }
 +
 +
    .alert-danger .alert-link {
 +
        color: #491217
 +
    }
 +
 +
    .alert-light {
 +
        color: #818182;
 +
        background-color: #fefefe;
 +
        border-color: #fdfdfe
 +
    }
 +
 +
    .alert-light hr {
 +
        border-top-color: #ececf6
 +
    }
 +
 +
    .alert-light .alert-link {
 +
        color: #686868
 +
    }
 +
 +
    .alert-dark {
 +
        color: #1b1e21;
 +
        background-color: #d6d8d9;
 +
        border-color: #c6c8ca
 +
    }
 +
 +
    .alert-dark hr {
 +
        border-top-color: #b9bbbe
 +
    }
 +
 +
    .alert-dark .alert-link {
 +
        color: #040505
 +
    }
 +
 +
    @-webkit-keyframes progress-bar-stripes {
 +
        from {
 +
            background-position: 1rem 0
 +
        }
 +
        to {
 +
            background-position: 0 0
 +
        }
 +
    }
 +
 +
    @keyframes progress-bar-stripes {
 +
        from {
 +
            background-position: 1rem 0
 +
        }
 +
        to {
 +
            background-position: 0 0
 +
        }
 +
    }
 +
 +
    .progress {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        height: 1rem;
 +
        overflow: hidden;
 +
        font-size: .75rem;
 +
        background-color: #e9ecef;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .progress-bar {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column;
 +
        -ms-flex-pack: center;
 +
        justify-content: center;
 +
        color: #fff;
 +
        text-align: center;
 +
        white-space: nowrap;
 +
        background-color: #007bff;
 +
        transition: width .6s ease
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .progress-bar {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .progress-bar-striped {
 +
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 +
        background-size: 1rem 1rem
 +
    }
 +
 +
    .progress-bar-animated {
 +
        -webkit-animation: progress-bar-stripes 1s linear infinite;
 +
        animation: progress-bar-stripes 1s linear infinite
 +
    }
 +
 +
    .media {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: start;
 +
        align-items: flex-start
 +
    }
 +
 +
    .media-body {
 +
        -ms-flex: 1;
 +
        flex: 1
 +
    }
 +
 +
    .list-group {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column;
 +
        padding-left: 0;
 +
        margin-bottom: 0
 +
    }
 +
 +
    .list-group-item-action {
 +
        width: 100%;
 +
        color: #495057;
 +
        text-align: inherit
 +
    }
 +
 +
    .list-group-item-action:focus, .list-group-item-action:hover {
 +
        color: #495057;
 +
        text-decoration: none;
 +
        background-color: #f8f9fa
 +
    }
 +
 +
    .list-group-item-action:active {
 +
        color: #212529;
 +
        background-color: #e9ecef
 +
    }
 +
 +
    .list-group-item {
 +
        position: relative;
 +
        display: block;
 +
        padding: .75rem 1.25rem;
 +
        margin-bottom: -1px;
 +
        background-color: #fff;
 +
        border: 1px solid rgba(0, 0, 0, .125)
 +
    }
 +
 +
    .list-group-item:first-child {
 +
        border-top-left-radius: .25rem;
 +
        border-top-right-radius: .25rem
 +
    }
 +
 +
    .list-group-item:last-child {
 +
        margin-bottom: 0;
 +
        border-bottom-right-radius: .25rem;
 +
        border-bottom-left-radius: .25rem
 +
    }
 +
 +
    .list-group-item:focus, .list-group-item:hover {
 +
        z-index: 1;
 +
        text-decoration: none
 +
    }
 +
 +
    .list-group-item.disabled, .list-group-item:disabled {
 +
        color: #6c757d;
 +
        background-color: #fff
 +
    }
 +
 +
    .list-group-item.active {
 +
        z-index: 2;
 +
        color: #fff;
 +
        background-color: #007bff;
 +
        border-color: #007bff
 +
    }
 +
 +
    .list-group-flush .list-group-item {
 +
        border-right: 0;
 +
        border-left: 0;
 +
        border-radius: 0
 +
    }
 +
 +
    .list-group-flush:first-child .list-group-item:first-child {
 +
        border-top: 0
 +
    }
 +
 +
    .list-group-flush:last-child .list-group-item:last-child {
 +
        border-bottom: 0
 +
    }
 +
 +
    .list-group-item-primary {
 +
        color: #004085;
 +
        background-color: #b8daff
 +
    }
 +
 +
    .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
 +
        color: #004085;
 +
        background-color: #9fcdff
 +
    }
 +
 +
    .list-group-item-primary.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #004085;
 +
        border-color: #004085
 +
    }
 +
 +
    .list-group-item-secondary {
 +
        color: #383d41;
 +
        background-color: #d6d8db
 +
    }
 +
 +
    .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
 +
        color: #383d41;
 +
        background-color: #c8cbcf
 +
    }
 +
 +
    .list-group-item-secondary.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #383d41;
 +
        border-color: #383d41
 +
    }
 +
 +
    .list-group-item-success {
 +
        color: #155724;
 +
        background-color: #c3e6cb
 +
    }
 +
 +
    .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
 +
        color: #155724;
 +
        background-color: #b1dfbb
 +
    }
 +
 +
    .list-group-item-success.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #155724;
 +
        border-color: #155724
 +
    }
 +
 +
    .list-group-item-info {
 +
        color: #0c5460;
 +
        background-color: #bee5eb
 +
    }
 +
 +
    .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
 +
        color: #0c5460;
 +
        background-color: #abdde5
 +
    }
 +
 +
    .list-group-item-info.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #0c5460;
 +
        border-color: #0c5460
 +
    }
 +
 +
    .list-group-item-warning {
 +
        color: #856404;
 +
        background-color: #ffeeba
 +
    }
 +
 +
    .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
 +
        color: #856404;
 +
        background-color: #ffe8a1
 +
    }
 +
 +
    .list-group-item-warning.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #856404;
 +
        border-color: #856404
 +
    }
 +
 +
    .list-group-item-danger {
 +
        color: #721c24;
 +
        background-color: #f5c6cb
 +
    }
 +
 +
    .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
 +
        color: #721c24;
 +
        background-color: #f1b0b7
 +
    }
 +
 +
    .list-group-item-danger.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #721c24;
 +
        border-color: #721c24
 +
    }
 +
 +
    .list-group-item-light {
 +
        color: #818182;
 +
        background-color: #fdfdfe
 +
    }
 +
 +
    .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
 +
        color: #818182;
 +
        background-color: #ececf6
 +
    }
 +
 +
    .list-group-item-light.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #818182;
 +
        border-color: #818182
 +
    }
 +
 +
    .list-group-item-dark {
 +
        color: #1b1e21;
 +
        background-color: #c6c8ca
 +
    }
 +
 +
    .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
 +
        color: #1b1e21;
 +
        background-color: #b9bbbe
 +
    }
 +
 +
    .list-group-item-dark.list-group-item-action.active {
 +
        color: #fff;
 +
        background-color: #1b1e21;
 +
        border-color: #1b1e21
 +
    }
 +
 +
    .close {
 +
        float: right;
 +
        font-size: 1.5rem;
 +
        font-weight: 700;
 +
        line-height: 1;
 +
        color: #000;
 +
        text-shadow: 0 1px 0 #fff;
 +
        opacity: .5
 +
    }
 +
 +
    .close:focus, .close:hover {
 +
        color: #000;
 +
        text-decoration: none;
 +
        opacity: .75
 +
    }
 +
 +
    .close:not(:disabled):not(.disabled) {
 +
        cursor: pointer
 +
    }
 +
 +
    button.close {
 +
        padding: 0;
 +
        background-color: transparent;
 +
        border: 0;
 +
        -webkit-appearance: none
 +
    }
 +
 +
    .modal-open {
 +
        overflow: hidden
 +
    }
 +
 +
    .modal {
 +
        position: fixed;
 +
        top: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        z-index: 1050;
 +
        display: none;
 +
        overflow: hidden;
 +
        outline: 0
 +
    }
 +
 +
    .modal-open .modal {
 +
        overflow-x: hidden;
 +
        overflow-y: auto
 +
    }
 +
 +
    .modal-dialog {
 +
        position: relative;
 +
        width: auto;
 +
        margin: .5rem;
 +
        pointer-events: none
 +
    }
 +
 +
    .modal.fade .modal-dialog {
 +
        transition: -webkit-transform .3s ease-out;
 +
        transition: transform .3s ease-out;
 +
        transition: transform .3s ease-out, -webkit-transform .3s ease-out;
 +
        -webkit-transform: translate(0, -25%);
 +
        transform: translate(0, -25%)
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .modal.fade .modal-dialog {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .modal.show .modal-dialog {
 +
        -webkit-transform: translate(0, 0);
 +
        transform: translate(0, 0)
 +
    }
 +
 +
    .modal-dialog-centered {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        min-height: calc(100% - (.5rem * 2))
 +
    }
 +
 +
    .modal-content {
 +
        position: relative;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-direction: column;
 +
        flex-direction: column;
 +
        width: 100%;
 +
        pointer-events: auto;
 +
        background-color: #fff;
 +
        background-clip: padding-box;
 +
        border: 1px solid rgba(0, 0, 0, .2);
 +
        border-radius: .3rem;
 +
        outline: 0
 +
    }
 +
 +
    .modal-backdrop {
 +
        position: fixed;
 +
        top: 0;
 +
        right: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        z-index: 1040;
 +
        background-color: #000
 +
    }
 +
 +
    .modal-backdrop.fade {
 +
        opacity: 0
 +
    }
 +
 +
    .modal-backdrop.show {
 +
        opacity: .5
 +
    }
 +
 +
    .modal-header {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: start;
 +
        align-items: flex-start;
 +
        -ms-flex-pack: justify;
 +
        justify-content: space-between;
 +
        padding: 1rem;
 +
        border-bottom: 1px solid #e9ecef;
 +
        border-top-left-radius: .3rem;
 +
        border-top-right-radius: .3rem
 +
    }
 +
 +
    .modal-header .close {
 +
        padding: 1rem;
 +
        margin: -1rem -1rem -1rem auto
 +
    }
 +
 +
    .modal-title {
 +
        margin-bottom: 0;
 +
        line-height: 1.5
 +
    }
 +
 +
    .modal-body {
 +
        position: relative;
 +
        -ms-flex: 1 1 auto;
 +
        flex: 1 1 auto;
 +
        padding: 1rem
 +
    }
 +
 +
    .modal-footer {
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        -ms-flex-pack: end;
 +
        justify-content: flex-end;
 +
        padding: 1rem;
 +
        border-top: 1px solid #e9ecef
 +
    }
 +
 +
    .modal-footer > :not(:first-child) {
 +
        margin-left: .25rem
 +
    }
 +
 +
    .modal-footer > :not(:last-child) {
 +
        margin-right: .25rem
 +
    }
 +
 +
    .modal-scrollbar-measure {
 +
        position: absolute;
 +
        top: -9999px;
 +
        width: 50px;
 +
        height: 50px;
 +
        overflow: scroll
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .modal-dialog {
 +
            max-width: 500px;
 +
            margin: 1.75rem auto
 +
        }
 +
 +
        .modal-dialog-centered {
 +
            min-height: calc(100% - (1.75rem * 2))
 +
        }
 +
 +
        .modal-sm {
 +
            max-width: 300px
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .modal-lg {
 +
            max-width: 800px
 +
        }
 +
    }
 +
 +
    .tooltip {
 +
        position: absolute;
 +
        z-index: 1070;
 +
        display: block;
 +
        margin: 0;
 +
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 +
        font-style: normal;
 +
        font-weight: 400;
 +
        line-height: 1.5;
 +
        text-align: left;
 +
        text-align: start;
 +
        text-decoration: none;
 +
        text-shadow: none;
 +
        text-transform: none;
 +
        letter-spacing: normal;
 +
        word-break: normal;
 +
        word-spacing: normal;
 +
        white-space: normal;
 +
        line-break: auto;
 +
        font-size: .875rem;
 +
        word-wrap: break-word;
 +
        opacity: 0
 +
    }
 +
 +
    .tooltip.show {
 +
        opacity: .9
 +
    }
 +
 +
    .tooltip .arrow {
 +
        position: absolute;
 +
        display: block;
 +
        width: .8rem;
 +
        height: .4rem
 +
    }
 +
 +
    .tooltip .arrow::before {
 +
        position: absolute;
 +
        content: "";
 +
        border-color: transparent;
 +
        border-style: solid
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
 +
        padding: .4rem 0
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
 +
        bottom: 0
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
 +
        top: 0;
 +
        border-width: .4rem .4rem 0;
 +
        border-top-color: #000
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
 +
        padding: 0 .4rem
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
 +
        left: 0;
 +
        width: .4rem;
 +
        height: .8rem
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
 +
        right: 0;
 +
        border-width: .4rem .4rem .4rem 0;
 +
        border-right-color: #000
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
 +
        padding: .4rem 0
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
 +
        top: 0
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
 +
        bottom: 0;
 +
        border-width: 0 .4rem .4rem;
 +
        border-bottom-color: #000
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
 +
        padding: 0 .4rem
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
 +
        right: 0;
 +
        width: .4rem;
 +
        height: .8rem
 +
    }
 +
 +
    .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
 +
        left: 0;
 +
        border-width: .4rem 0 .4rem .4rem;
 +
        border-left-color: #000
 +
    }
 +
 +
    .tooltip-inner {
 +
        max-width: 200px;
 +
        padding: .25rem .5rem;
 +
        color: #fff;
 +
        text-align: center;
 +
        background-color: #000;
 +
        border-radius: .25rem
 +
    }
 +
 +
    .popover {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        z-index: 1060;
 +
        display: block;
 +
        max-width: 276px;
 +
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 +
        font-style: normal;
 +
        font-weight: 400;
 +
        line-height: 1.5;
 +
        text-align: left;
 +
        text-align: start;
 +
        text-decoration: none;
 +
        text-shadow: none;
 +
        text-transform: none;
 +
        letter-spacing: normal;
 +
        word-break: normal;
 +
        word-spacing: normal;
 +
        white-space: normal;
 +
        line-break: auto;
 +
        font-size: .875rem;
 +
        word-wrap: break-word;
 +
        background-color: #fff;
 +
        background-clip: padding-box;
 +
        border: 1px solid rgba(0, 0, 0, .2);
 +
        border-radius: .3rem
 +
    }
 +
 +
    .popover .arrow {
 +
        position: absolute;
 +
        display: block;
 +
        width: 1rem;
 +
        height: .5rem;
 +
        margin: 0 .3rem
 +
    }
 +
 +
    .popover .arrow::after, .popover .arrow::before {
 +
        position: absolute;
 +
        display: block;
 +
        content: "";
 +
        border-color: transparent;
 +
        border-style: solid
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=top], .bs-popover-top {
 +
        margin-bottom: .5rem
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
 +
        bottom: calc((.5rem + 1px) * -1)
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
 +
        border-width: .5rem .5rem 0
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
 +
        bottom: 0;
 +
        border-top-color: rgba(0, 0, 0, .25)
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
 +
        bottom: 1px;
 +
        border-top-color: #fff
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=right], .bs-popover-right {
 +
        margin-left: .5rem
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
 +
        left: calc((.5rem + 1px) * -1);
 +
        width: .5rem;
 +
        height: 1rem;
 +
        margin: .3rem 0
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
 +
        border-width: .5rem .5rem .5rem 0
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
 +
        left: 0;
 +
        border-right-color: rgba(0, 0, 0, .25)
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
 +
        left: 1px;
 +
        border-right-color: #fff
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
 +
        margin-top: .5rem
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
 +
        top: calc((.5rem + 1px) * -1)
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
 +
        border-width: 0 .5rem .5rem .5rem
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
 +
        top: 0;
 +
        border-bottom-color: rgba(0, 0, 0, .25)
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
 +
        top: 1px;
 +
        border-bottom-color: #fff
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 50%;
 +
        display: block;
 +
        width: 1rem;
 +
        margin-left: -.5rem;
 +
        content: "";
 +
        border-bottom: 1px solid #f7f7f7
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=left], .bs-popover-left {
 +
        margin-right: .5rem
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
 +
        right: calc((.5rem + 1px) * -1);
 +
        width: .5rem;
 +
        height: 1rem;
 +
        margin: .3rem 0
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
 +
        border-width: .5rem 0 .5rem .5rem
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
 +
        right: 0;
 +
        border-left-color: rgba(0, 0, 0, .25)
 +
    }
 +
 +
    .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
 +
        right: 1px;
 +
        border-left-color: #fff
 +
    }
 +
 +
    .popover-header {
 +
        padding: .5rem .75rem;
 +
        margin-bottom: 0;
 +
        font-size: 1rem;
 +
        color: inherit;
 +
        background-color: #f7f7f7;
 +
        border-bottom: 1px solid #ebebeb;
 +
        border-top-left-radius: calc(.3rem - 1px);
 +
        border-top-right-radius: calc(.3rem - 1px)
 +
    }
 +
 +
    .popover-header:empty {
 +
        display: none
 +
    }
 +
 +
    .popover-body {
 +
        padding: .5rem .75rem;
 +
        color: #212529
 +
    }
 +
 +
    .carousel {
 +
        position: relative
 +
    }
 +
 +
    .carousel-inner {
 +
        position: relative;
 +
        width: 100%;
 +
        overflow: hidden
 +
    }
 +
 +
    .carousel-item {
 +
        position: relative;
 +
        display: none;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        width: 100%;
 +
        transition: -webkit-transform .6s ease;
 +
        transition: transform .6s ease;
 +
        transition: transform .6s ease, -webkit-transform .6s ease;
 +
        -webkit-backface-visibility: hidden;
 +
        backface-visibility: hidden;
 +
        -webkit-perspective: 1000px;
 +
        perspective: 1000px
 +
    }
 +
 +
    @media screen and (prefers-reduced-motion: reduce) {
 +
        .carousel-item {
 +
            transition: none
 +
        }
 +
    }
 +
 +
    .carousel-item-next, .carousel-item-prev, .carousel-item.active {
 +
        display: block
 +
    }
 +
 +
    .carousel-item-next, .carousel-item-prev {
 +
        position: absolute;
 +
        top: 0
 +
    }
 +
 +
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
 +
        -webkit-transform: translateX(0);
 +
        transform: translateX(0)
 +
    }
 +
 +
    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 +
        .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
 +
            -webkit-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0)
 +
        }
 +
    }
 +
 +
    .active.carousel-item-right, .carousel-item-next {
 +
        -webkit-transform: translateX(100%);
 +
        transform: translateX(100%)
 +
    }
 +
 +
    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 +
        .active.carousel-item-right, .carousel-item-next {
 +
            -webkit-transform: translate3d(100%, 0, 0);
 +
            transform: translate3d(100%, 0, 0)
 +
        }
 +
    }
 +
 +
    .active.carousel-item-left, .carousel-item-prev {
 +
        -webkit-transform: translateX(-100%);
 +
        transform: translateX(-100%)
 +
    }
 +
 +
    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 +
        .active.carousel-item-left, .carousel-item-prev {
 +
            -webkit-transform: translate3d(-100%, 0, 0);
 +
            transform: translate3d(-100%, 0, 0)
 +
        }
 +
    }
 +
 +
    .carousel-fade .carousel-item {
 +
        opacity: 0;
 +
        transition-duration: .6s;
 +
        transition-property: opacity
 +
    }
 +
 +
    .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
 +
        opacity: 1
 +
    }
 +
 +
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
 +
        opacity: 0
 +
    }
 +
 +
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
 +
        -webkit-transform: translateX(0);
 +
        transform: translateX(0)
 +
    }
 +
 +
    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 +
        .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
 +
            -webkit-transform: translate3d(0, 0, 0);
 +
            transform: translate3d(0, 0, 0)
 +
        }
 +
    }
 +
 +
    .carousel-control-next, .carousel-control-prev {
 +
        position: absolute;
 +
        top: 0;
 +
        bottom: 0;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-align: center;
 +
        align-items: center;
 +
        -ms-flex-pack: center;
 +
        justify-content: center;
 +
        width: 15%;
 +
        color: #fff;
 +
        text-align: center;
 +
        opacity: .5
 +
    }
 +
 +
    .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
 +
        color: #fff;
 +
        text-decoration: none;
 +
        outline: 0;
 +
        opacity: .9
 +
    }
 +
 +
    .carousel-control-prev {
 +
        left: 0
 +
    }
 +
 +
    .carousel-control-next {
 +
        right: 0
 +
    }
 +
 +
    .carousel-control-next-icon, .carousel-control-prev-icon {
 +
        display: inline-block;
 +
        width: 20px;
 +
        height: 20px;
 +
        background: transparent no-repeat center center;
 +
        background-size: 100% 100%
 +
    }
 +
 +
    .carousel-control-prev-icon {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .carousel-control-next-icon {
 +
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
 +
    }
 +
 +
    .carousel-indicators {
 +
        position: absolute;
 +
        right: 0;
 +
        bottom: 10px;
 +
        left: 0;
 +
        z-index: 15;
 +
        display: -ms-flexbox;
 +
        display: flex;
 +
        -ms-flex-pack: center;
 +
        justify-content: center;
 +
        padding-left: 0;
 +
        margin-right: 15%;
 +
        margin-left: 15%;
 +
        list-style: none
 +
    }
 +
 +
    .carousel-indicators li {
 +
        position: relative;
 +
        -ms-flex: 0 1 auto;
 +
        flex: 0 1 auto;
 +
        width: 30px;
 +
        height: 3px;
 +
        margin-right: 3px;
 +
        margin-left: 3px;
 +
        text-indent: -999px;
 +
        background-color: rgba(255, 255, 255, .5)
 +
    }
 +
 +
    .carousel-indicators li::before {
 +
        position: absolute;
 +
        top: -10px;
 +
        left: 0;
 +
        display: inline-block;
 +
        width: 100%;
 +
        height: 10px;
 +
        content: ""
 +
    }
 +
 +
    .carousel-indicators li::after {
 +
        position: absolute;
 +
        bottom: -10px;
 +
        left: 0;
 +
        display: inline-block;
 +
        width: 100%;
 +
        height: 10px;
 +
        content: ""
 +
    }
 +
 +
    .carousel-indicators .active {
 +
        background-color: #fff
 +
    }
 +
 +
    .carousel-caption {
 +
        position: absolute;
 +
        right: 15%;
 +
        bottom: 20px;
 +
        left: 15%;
 +
        z-index: 10;
 +
        padding-top: 20px;
 +
        padding-bottom: 20px;
 +
        color: #fff;
 +
        text-align: center
 +
    }
 +
 +
    .align-baseline {
 +
        vertical-align: baseline !important
 +
    }
 +
 +
    .align-top {
 +
        vertical-align: top !important
 +
    }
 +
 +
    .align-middle {
 +
        vertical-align: middle !important
 +
    }
 +
 +
    .align-bottom {
 +
        vertical-align: bottom !important
 +
    }
 +
 +
    .align-text-bottom {
 +
        vertical-align: text-bottom !important
 +
    }
 +
 +
    .align-text-top {
 +
        vertical-align: text-top !important
 +
    }
 +
 +
    .bg-primary {
 +
        background-color: #007bff !important
 +
    }
 +
 +
    a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
 +
        background-color: #0062cc !important
 +
    }
 +
 +
    .bg-secondary {
 +
        background-color: #6c757d !important
 +
    }
 +
 +
    a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
 +
        background-color: #545b62 !important
 +
    }
 +
 +
    .bg-success {
 +
        background-color: #28a745 !important
 +
    }
 +
 +
    a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
 +
        background-color: #1e7e34 !important
 +
    }
 +
 +
    .bg-info {
 +
        background-color: #17a2b8 !important
 +
    }
 +
 +
    a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
 +
        background-color: #117a8b !important
 +
    }
 +
 +
    .bg-warning {
 +
        background-color: #ffc107 !important
 +
    }
 +
 +
    a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
 +
        background-color: #d39e00 !important
 +
    }
 +
 +
    .bg-danger {
 +
        background-color: #dc3545 !important
 +
    }
 +
 +
    a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
 +
        background-color: #bd2130 !important
 +
    }
 +
 +
    .bg-light {
 +
        background-color: #f8f9fa !important
 +
    }
 +
 +
    a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
 +
        background-color: #dae0e5 !important
 +
    }
 +
 +
    .bg-dark {
 +
        background-color: #343a40 !important
 +
    }
 +
 +
    a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
 +
        background-color: #1d2124 !important
 +
    }
 +
 +
    .bg-white {
 +
        background-color: #fff !important
 +
    }
 +
 +
    .bg-transparent {
 +
        background-color: transparent !important
 +
    }
 +
 +
    .border {
 +
        border: 1px solid #dee2e6 !important
 +
    }
 +
 +
    .border-top {
 +
        border-top: 1px solid #dee2e6 !important
 +
    }
 +
 +
    .border-right {
 +
        border-right: 1px solid #dee2e6 !important
 +
    }
 +
 +
    .border-bottom {
 +
        border-bottom: 1px solid #dee2e6 !important
 +
    }
 +
 +
    .border-left {
 +
        border-left: 1px solid #dee2e6 !important
 +
    }
 +
 +
    .border-0 {
 +
        border: 0 !important
 +
    }
 +
 +
    .border-top-0 {
 +
        border-top: 0 !important
 +
    }
 +
 +
    .border-right-0 {
 +
        border-right: 0 !important
 +
    }
 +
 +
    .border-bottom-0 {
 +
        border-bottom: 0 !important
 +
    }
 +
 +
    .border-left-0 {
 +
        border-left: 0 !important
 +
    }
 +
 +
    .border-primary {
 +
        border-color: #007bff !important
 +
    }
 +
 +
    .border-secondary {
 +
        border-color: #6c757d !important
 +
    }
 +
 +
    .border-success {
 +
        border-color: #28a745 !important
 +
    }
 +
 +
    .border-info {
 +
        border-color: #17a2b8 !important
 +
    }
 +
 +
    .border-warning {
 +
        border-color: #ffc107 !important
 +
    }
 +
 +
    .border-danger {
 +
        border-color: #dc3545 !important
 +
    }
 +
 +
    .border-light {
 +
        border-color: #f8f9fa !important
 +
    }
 +
 +
    .border-dark {
 +
        border-color: #343a40 !important
 +
    }
 +
 +
    .border-white {
 +
        border-color: #fff !important
 +
    }
 +
 +
    .rounded {
 +
        border-radius: .25rem !important
 +
    }
 +
 +
    .rounded-top {
 +
        border-top-left-radius: .25rem !important;
 +
        border-top-right-radius: .25rem !important
 +
    }
 +
 +
    .rounded-right {
 +
        border-top-right-radius: .25rem !important;
 +
        border-bottom-right-radius: .25rem !important
 +
    }
 +
 +
    .rounded-bottom {
 +
        border-bottom-right-radius: .25rem !important;
 +
        border-bottom-left-radius: .25rem !important
 +
    }
 +
 +
    .rounded-left {
 +
        border-top-left-radius: .25rem !important;
 +
        border-bottom-left-radius: .25rem !important
 +
    }
 +
 +
    .rounded-circle {
 +
        border-radius: 50% !important
 +
    }
 +
 +
    .rounded-0 {
 +
        border-radius: 0 !important
 +
    }
 +
 +
    .clearfix::after {
 +
        display: block;
 +
        clear: both;
 +
        content: ""
 +
    }
 +
 +
    .d-none {
 +
        display: none !important
 +
    }
 +
 +
    .d-inline {
 +
        display: inline !important
 +
    }
 +
 +
    .d-inline-block {
 +
        display: inline-block !important
 +
    }
 +
 +
    .d-block {
 +
        display: block !important
 +
    }
 +
 +
    .d-table {
 +
        display: table !important
 +
    }
 +
 +
    .d-table-row {
 +
        display: table-row !important
 +
    }
 +
 +
    .d-table-cell {
 +
        display: table-cell !important
 +
    }
 +
 +
    .d-flex {
 +
        display: -ms-flexbox !important;
 +
        display: flex !important
 +
    }
 +
 +
    .d-inline-flex {
 +
        display: -ms-inline-flexbox !important;
 +
        display: inline-flex !important
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .d-sm-none {
 +
            display: none !important
 +
        }
 +
 +
        .d-sm-inline {
 +
            display: inline !important
 +
        }
 +
 +
        .d-sm-inline-block {
 +
            display: inline-block !important
 +
        }
 +
 +
        .d-sm-block {
 +
            display: block !important
 +
        }
 +
 +
        .d-sm-table {
 +
            display: table !important
 +
        }
 +
 +
        .d-sm-table-row {
 +
            display: table-row !important
 +
        }
 +
 +
        .d-sm-table-cell {
 +
            display: table-cell !important
 +
        }
 +
 +
        .d-sm-flex {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important
 +
        }
 +
 +
        .d-sm-inline-flex {
 +
            display: -ms-inline-flexbox !important;
 +
            display: inline-flex !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 768px) {
 +
        .d-md-none {
 +
            display: none !important
 +
        }
 +
 +
        .d-md-inline {
 +
            display: inline !important
 +
        }
 +
 +
        .d-md-inline-block {
 +
            display: inline-block !important
 +
        }
 +
 +
        .d-md-block {
 +
            display: block !important
 +
        }
 +
 +
        .d-md-table {
 +
            display: table !important
 +
        }
 +
 +
        .d-md-table-row {
 +
            display: table-row !important
 +
        }
 +
 +
        .d-md-table-cell {
 +
            display: table-cell !important
 +
        }
 +
 +
        .d-md-flex {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important
 +
        }
 +
 +
        .d-md-inline-flex {
 +
            display: -ms-inline-flexbox !important;
 +
            display: inline-flex !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .d-lg-none {
 +
            display: none !important
 +
        }
 +
 +
        .d-lg-inline {
 +
            display: inline !important
 +
        }
 +
 +
        .d-lg-inline-block {
 +
            display: inline-block !important
 +
        }
 +
 +
        .d-lg-block {
 +
            display: block !important
 +
        }
 +
 +
        .d-lg-table {
 +
            display: table !important
 +
        }
 +
 +
        .d-lg-table-row {
 +
            display: table-row !important
 +
        }
 +
 +
        .d-lg-table-cell {
 +
            display: table-cell !important
 +
        }
 +
 +
        .d-lg-flex {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important
 +
        }
 +
 +
        .d-lg-inline-flex {
 +
            display: -ms-inline-flexbox !important;
 +
            display: inline-flex !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .d-xl-none {
 +
            display: none !important
 +
        }
 +
 +
        .d-xl-inline {
 +
            display: inline !important
 +
        }
 +
 +
        .d-xl-inline-block {
 +
            display: inline-block !important
 +
        }
 +
 +
        .d-xl-block {
 +
            display: block !important
 +
        }
 +
 +
        .d-xl-table {
 +
            display: table !important
 +
        }
 +
 +
        .d-xl-table-row {
 +
            display: table-row !important
 +
        }
 +
 +
        .d-xl-table-cell {
 +
            display: table-cell !important
 +
        }
 +
 +
        .d-xl-flex {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important
 +
        }
 +
 +
        .d-xl-inline-flex {
 +
            display: -ms-inline-flexbox !important;
 +
            display: inline-flex !important
 +
        }
 +
    }
 +
 +
    @media print {
 +
        .d-print-none {
 +
            display: none !important
 +
        }
 +
 +
        .d-print-inline {
 +
            display: inline !important
 +
        }
 +
 +
        .d-print-inline-block {
 +
            display: inline-block !important
 +
        }
 +
 +
        .d-print-block {
 +
            display: block !important
 +
        }
 +
 +
        .d-print-table {
 +
            display: table !important
 +
        }
 +
 +
        .d-print-table-row {
 +
            display: table-row !important
 +
        }
 +
 +
        .d-print-table-cell {
 +
            display: table-cell !important
 +
        }
 +
 +
        .d-print-flex {
 +
            display: -ms-flexbox !important;
 +
            display: flex !important
 +
        }
 +
 +
        .d-print-inline-flex {
 +
            display: -ms-inline-flexbox !important;
 +
            display: inline-flex !important
 +
        }
 +
    }
 +
 +
    .embed-responsive {
 +
        position: relative;
 +
        display: block;
 +
        width: 100%;
 +
        padding: 0;
 +
        overflow: hidden
 +
    }
 +
 +
    .embed-responsive::before {
 +
        display: block;
 +
        content: ""
 +
    }
 +
 +
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
 +
        position: absolute;
 +
        top: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0
 +
    }
 +
 +
    .embed-responsive-21by9::before {
 +
        padding-top: 42.857143%
 +
    }
 +
 +
    .embed-responsive-16by9::before {
 +
        padding-top: 56.25%
 +
    }
 +
 +
    .embed-responsive-4by3::before {
 +
        padding-top: 75%
 +
    }
 +
 +
    .embed-responsive-1by1::before {
 +
        padding-top: 100%
 +
    }
 +
 +
    .flex-row {
 +
        -ms-flex-direction: row !important;
 +
        flex-direction: row !important
 +
    }
 +
 +
    .flex-column {
 +
        -ms-flex-direction: column !important;
 +
        flex-direction: column !important
 +
    }
 +
 +
    .flex-row-reverse {
 +
        -ms-flex-direction: row-reverse !important;
 +
        flex-direction: row-reverse !important
 +
    }
 +
 +
    .flex-column-reverse {
 +
        -ms-flex-direction: column-reverse !important;
 +
        flex-direction: column-reverse !important
 +
    }
 +
 +
    .flex-wrap {
 +
        -ms-flex-wrap: wrap !important;
 +
        flex-wrap: wrap !important
 +
    }
 +
 +
    .flex-nowrap {
 +
        -ms-flex-wrap: nowrap !important;
 +
        flex-wrap: nowrap !important
 +
    }
 +
 +
    .flex-wrap-reverse {
 +
        -ms-flex-wrap: wrap-reverse !important;
 +
        flex-wrap: wrap-reverse !important
 +
    }
 +
 +
    .flex-fill {
 +
        -ms-flex: 1 1 auto !important;
 +
        flex: 1 1 auto !important
 +
    }
 +
 +
    .flex-grow-0 {
 +
        -ms-flex-positive: 0 !important;
 +
        flex-grow: 0 !important
 +
    }
 +
 +
    .flex-grow-1 {
 +
        -ms-flex-positive: 1 !important;
 +
        flex-grow: 1 !important
 +
    }
 +
 +
    .flex-shrink-0 {
 +
        -ms-flex-negative: 0 !important;
 +
        flex-shrink: 0 !important
 +
    }
 +
 +
    .flex-shrink-1 {
 +
        -ms-flex-negative: 1 !important;
 +
        flex-shrink: 1 !important
 +
    }
 +
 +
    .justify-content-start {
 +
        -ms-flex-pack: start !important;
 +
        justify-content: flex-start !important
 +
    }
 +
 +
    .justify-content-end {
 +
        -ms-flex-pack: end !important;
 +
        justify-content: flex-end !important
 +
    }
 +
 +
    .justify-content-center {
 +
        -ms-flex-pack: center !important;
 +
        justify-content: center !important
 +
    }
 +
 +
    .justify-content-between {
 +
        -ms-flex-pack: justify !important;
 +
        justify-content: space-between !important
 +
    }
 +
 +
    .justify-content-around {
 +
        -ms-flex-pack: distribute !important;
 +
        justify-content: space-around !important
 +
    }
 +
 +
    .align-items-start {
 +
        -ms-flex-align: start !important;
 +
        align-items: flex-start !important
 +
    }
 +
 +
    .align-items-end {
 +
        -ms-flex-align: end !important;
 +
        align-items: flex-end !important
 +
    }
 +
 +
    .align-items-center {
 +
        -ms-flex-align: center !important;
 +
        align-items: center !important
 +
    }
 +
 +
    .align-items-baseline {
 +
        -ms-flex-align: baseline !important;
 +
        align-items: baseline !important
 +
    }
 +
 +
    .align-items-stretch {
 +
        -ms-flex-align: stretch !important;
 +
        align-items: stretch !important
 +
    }
 +
 +
    .align-content-start {
 +
        -ms-flex-line-pack: start !important;
 +
        align-content: flex-start !important
 +
    }
 +
 +
    .align-content-end {
 +
        -ms-flex-line-pack: end !important;
 +
        align-content: flex-end !important
 +
    }
 +
 +
    .align-content-center {
 +
        -ms-flex-line-pack: center !important;
 +
        align-content: center !important
 +
    }
 +
 +
    .align-content-between {
 +
        -ms-flex-line-pack: justify !important;
 +
        align-content: space-between !important
 +
    }
 +
 +
    .align-content-around {
 +
        -ms-flex-line-pack: distribute !important;
 +
        align-content: space-around !important
 +
    }
 +
 +
    .align-content-stretch {
 +
        -ms-flex-line-pack: stretch !important;
 +
        align-content: stretch !important
 +
    }
 +
 +
    .align-self-auto {
 +
        -ms-flex-item-align: auto !important;
 +
        align-self: auto !important
 +
    }
 +
 +
    .align-self-start {
 +
        -ms-flex-item-align: start !important;
 +
        align-self: flex-start !important
 +
    }
 +
 +
    .align-self-end {
 +
        -ms-flex-item-align: end !important;
 +
        align-self: flex-end !important
 +
    }
 +
 +
    .align-self-center {
 +
        -ms-flex-item-align: center !important;
 +
        align-self: center !important
 +
    }
 +
 +
    .align-self-baseline {
 +
        -ms-flex-item-align: baseline !important;
 +
        align-self: baseline !important
 +
    }
 +
 +
    .align-self-stretch {
 +
        -ms-flex-item-align: stretch !important;
 +
        align-self: stretch !important
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .flex-sm-row {
 +
            -ms-flex-direction: row !important;
 +
            flex-direction: row !important
 +
        }
 +
 +
        .flex-sm-column {
 +
            -ms-flex-direction: column !important;
 +
            flex-direction: column !important
 +
        }
 +
 +
        .flex-sm-row-reverse {
 +
            -ms-flex-direction: row-reverse !important;
 +
            flex-direction: row-reverse !important
 +
        }
 +
 +
        .flex-sm-column-reverse {
 +
            -ms-flex-direction: column-reverse !important;
 +
            flex-direction: column-reverse !important
 +
        }
 +
 +
        .flex-sm-wrap {
 +
            -ms-flex-wrap: wrap !important;
 +
            flex-wrap: wrap !important
 +
        }
 +
 +
        .flex-sm-nowrap {
 +
            -ms-flex-wrap: nowrap !important;
 +
            flex-wrap: nowrap !important
 +
        }
 +
 +
        .flex-sm-wrap-reverse {
 +
            -ms-flex-wrap: wrap-reverse !important;
 +
            flex-wrap: wrap-reverse !important
 +
        }
 +
 +
        .flex-sm-fill {
 +
            -ms-flex: 1 1 auto !important;
 +
            flex: 1 1 auto !important
 +
        }
 +
 +
        .flex-sm-grow-0 {
 +
            -ms-flex-positive: 0 !important;
 +
            flex-grow: 0 !important
 +
        }
 +
 +
        .flex-sm-grow-1 {
 +
            -ms-flex-positive: 1 !important;
 +
            flex-grow: 1 !important
 +
        }
 +
 +
        .flex-sm-shrink-0 {
 +
            -ms-flex-negative: 0 !important;
 +
            flex-shrink: 0 !important
 +
        }
 +
 +
        .flex-sm-shrink-1 {
 +
            -ms-flex-negative: 1 !important;
 +
            flex-shrink: 1 !important
 +
        }
 +
 +
        .justify-content-sm-start {
 +
            -ms-flex-pack: start !important;
 +
            justify-content: flex-start !important
 +
        }
 +
 +
        .justify-content-sm-end {
 +
            -ms-flex-pack: end !important;
 +
            justify-content: flex-end !important
 +
        }
 +
 +
        .justify-content-sm-center {
 +
            -ms-flex-pack: center !important;
 +
            justify-content: center !important
 +
        }
 +
 +
        .justify-content-sm-between {
 +
            -ms-flex-pack: justify !important;
 +
            justify-content: space-between !important
 +
        }
 +
 +
        .justify-content-sm-around {
 +
            -ms-flex-pack: distribute !important;
 +
            justify-content: space-around !important
 +
        }
 +
 +
        .align-items-sm-start {
 +
            -ms-flex-align: start !important;
 +
            align-items: flex-start !important
 +
        }
 +
 +
        .align-items-sm-end {
 +
            -ms-flex-align: end !important;
 +
            align-items: flex-end !important
 +
        }
 +
 +
        .align-items-sm-center {
 +
            -ms-flex-align: center !important;
 +
            align-items: center !important
 +
        }
 +
 +
        .align-items-sm-baseline {
 +
            -ms-flex-align: baseline !important;
 +
            align-items: baseline !important
 +
        }
 +
 +
        .align-items-sm-stretch {
 +
            -ms-flex-align: stretch !important;
 +
            align-items: stretch !important
 +
        }
 +
 +
        .align-content-sm-start {
 +
            -ms-flex-line-pack: start !important;
 +
            align-content: flex-start !important
 +
        }
 +
 +
        .align-content-sm-end {
 +
            -ms-flex-line-pack: end !important;
 +
            align-content: flex-end !important
 +
        }
 +
 +
        .align-content-sm-center {
 +
            -ms-flex-line-pack: center !important;
 +
            align-content: center !important
 +
        }
 +
 +
        .align-content-sm-between {
 +
            -ms-flex-line-pack: justify !important;
 +
            align-content: space-between !important
 +
        }
 +
 +
        .align-content-sm-around {
 +
            -ms-flex-line-pack: distribute !important;
 +
            align-content: space-around !important
 +
        }
 +
 +
        .align-content-sm-stretch {
 +
            -ms-flex-line-pack: stretch !important;
 +
            align-content: stretch !important
 +
        }
 +
 +
        .align-self-sm-auto {
 +
            -ms-flex-item-align: auto !important;
 +
            align-self: auto !important
 +
        }
 +
 +
        .align-self-sm-start {
 +
            -ms-flex-item-align: start !important;
 +
            align-self: flex-start !important
 +
        }
 +
 +
        .align-self-sm-end {
 +
            -ms-flex-item-align: end !important;
 +
            align-self: flex-end !important
 +
        }
 +
 +
        .align-self-sm-center {
 +
            -ms-flex-item-align: center !important;
 +
            align-self: center !important
 +
        }
 +
 +
        .align-self-sm-baseline {
 +
            -ms-flex-item-align: baseline !important;
 +
            align-self: baseline !important
 +
        }
 +
 +
        .align-self-sm-stretch {
 +
            -ms-flex-item-align: stretch !important;
 +
            align-self: stretch !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 768px) {
 +
        .flex-md-row {
 +
            -ms-flex-direction: row !important;
 +
            flex-direction: row !important
 +
        }
 +
 +
        .flex-md-column {
 +
            -ms-flex-direction: column !important;
 +
            flex-direction: column !important
 +
        }
 +
 +
        .flex-md-row-reverse {
 +
            -ms-flex-direction: row-reverse !important;
 +
            flex-direction: row-reverse !important
 +
        }
 +
 +
        .flex-md-column-reverse {
 +
            -ms-flex-direction: column-reverse !important;
 +
            flex-direction: column-reverse !important
 +
        }
 +
 +
        .flex-md-wrap {
 +
            -ms-flex-wrap: wrap !important;
 +
            flex-wrap: wrap !important
 +
        }
 +
 +
        .flex-md-nowrap {
 +
            -ms-flex-wrap: nowrap !important;
 +
            flex-wrap: nowrap !important
 +
        }
 +
 +
        .flex-md-wrap-reverse {
 +
            -ms-flex-wrap: wrap-reverse !important;
 +
            flex-wrap: wrap-reverse !important
 +
        }
 +
 +
        .flex-md-fill {
 +
            -ms-flex: 1 1 auto !important;
 +
            flex: 1 1 auto !important
 +
        }
 +
 +
        .flex-md-grow-0 {
 +
            -ms-flex-positive: 0 !important;
 +
            flex-grow: 0 !important
 +
        }
 +
 +
        .flex-md-grow-1 {
 +
            -ms-flex-positive: 1 !important;
 +
            flex-grow: 1 !important
 +
        }
 +
 +
        .flex-md-shrink-0 {
 +
            -ms-flex-negative: 0 !important;
 +
            flex-shrink: 0 !important
 +
        }
 +
 +
        .flex-md-shrink-1 {
 +
            -ms-flex-negative: 1 !important;
 +
            flex-shrink: 1 !important
 +
        }
 +
 +
        .justify-content-md-start {
 +
            -ms-flex-pack: start !important;
 +
            justify-content: flex-start !important
 +
        }
 +
 +
        .justify-content-md-end {
 +
            -ms-flex-pack: end !important;
 +
            justify-content: flex-end !important
 +
        }
 +
 +
        .justify-content-md-center {
 +
            -ms-flex-pack: center !important;
 +
            justify-content: center !important
 +
        }
 +
 +
        .justify-content-md-between {
 +
            -ms-flex-pack: justify !important;
 +
            justify-content: space-between !important
 +
        }
 +
 +
        .justify-content-md-around {
 +
            -ms-flex-pack: distribute !important;
 +
            justify-content: space-around !important
 +
        }
 +
 +
        .align-items-md-start {
 +
            -ms-flex-align: start !important;
 +
            align-items: flex-start !important
 +
        }
 +
 +
        .align-items-md-end {
 +
            -ms-flex-align: end !important;
 +
            align-items: flex-end !important
 +
        }
 +
 +
        .align-items-md-center {
 +
            -ms-flex-align: center !important;
 +
            align-items: center !important
 +
        }
 +
 +
        .align-items-md-baseline {
 +
            -ms-flex-align: baseline !important;
 +
            align-items: baseline !important
 +
        }
 +
 +
        .align-items-md-stretch {
 +
            -ms-flex-align: stretch !important;
 +
            align-items: stretch !important
 +
        }
 +
 +
        .align-content-md-start {
 +
            -ms-flex-line-pack: start !important;
 +
            align-content: flex-start !important
 +
        }
 +
 +
        .align-content-md-end {
 +
            -ms-flex-line-pack: end !important;
 +
            align-content: flex-end !important
 +
        }
 +
 +
        .align-content-md-center {
 +
            -ms-flex-line-pack: center !important;
 +
            align-content: center !important
 +
        }
 +
 +
        .align-content-md-between {
 +
            -ms-flex-line-pack: justify !important;
 +
            align-content: space-between !important
 +
        }
 +
 +
        .align-content-md-around {
 +
            -ms-flex-line-pack: distribute !important;
 +
            align-content: space-around !important
 +
        }
 +
 +
        .align-content-md-stretch {
 +
            -ms-flex-line-pack: stretch !important;
 +
            align-content: stretch !important
 +
        }
 +
 +
        .align-self-md-auto {
 +
            -ms-flex-item-align: auto !important;
 +
            align-self: auto !important
 +
        }
 +
 +
        .align-self-md-start {
 +
            -ms-flex-item-align: start !important;
 +
            align-self: flex-start !important
 +
        }
 +
 +
        .align-self-md-end {
 +
            -ms-flex-item-align: end !important;
 +
            align-self: flex-end !important
 +
        }
 +
 +
        .align-self-md-center {
 +
            -ms-flex-item-align: center !important;
 +
            align-self: center !important
 +
        }
 +
 +
        .align-self-md-baseline {
 +
            -ms-flex-item-align: baseline !important;
 +
            align-self: baseline !important
 +
        }
 +
 +
        .align-self-md-stretch {
 +
            -ms-flex-item-align: stretch !important;
 +
            align-self: stretch !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .flex-lg-row {
 +
            -ms-flex-direction: row !important;
 +
            flex-direction: row !important
 +
        }
 +
 +
        .flex-lg-column {
 +
            -ms-flex-direction: column !important;
 +
            flex-direction: column !important
 +
        }
 +
 +
        .flex-lg-row-reverse {
 +
            -ms-flex-direction: row-reverse !important;
 +
            flex-direction: row-reverse !important
 +
        }
 +
 +
        .flex-lg-column-reverse {
 +
            -ms-flex-direction: column-reverse !important;
 +
            flex-direction: column-reverse !important
 +
        }
 +
 +
        .flex-lg-wrap {
 +
            -ms-flex-wrap: wrap !important;
 +
            flex-wrap: wrap !important
 +
        }
 +
 +
        .flex-lg-nowrap {
 +
            -ms-flex-wrap: nowrap !important;
 +
            flex-wrap: nowrap !important
 +
        }
 +
 +
        .flex-lg-wrap-reverse {
 +
            -ms-flex-wrap: wrap-reverse !important;
 +
            flex-wrap: wrap-reverse !important
 +
        }
 +
 +
        .flex-lg-fill {
 +
            -ms-flex: 1 1 auto !important;
 +
            flex: 1 1 auto !important
 +
        }
 +
 +
        .flex-lg-grow-0 {
 +
            -ms-flex-positive: 0 !important;
 +
            flex-grow: 0 !important
 +
        }
 +
 +
        .flex-lg-grow-1 {
 +
            -ms-flex-positive: 1 !important;
 +
            flex-grow: 1 !important
 +
        }
 +
 +
        .flex-lg-shrink-0 {
 +
            -ms-flex-negative: 0 !important;
 +
            flex-shrink: 0 !important
 +
        }
 +
 +
        .flex-lg-shrink-1 {
 +
            -ms-flex-negative: 1 !important;
 +
            flex-shrink: 1 !important
 +
        }
 +
 +
        .justify-content-lg-start {
 +
            -ms-flex-pack: start !important;
 +
            justify-content: flex-start !important
 +
        }
 +
 +
        .justify-content-lg-end {
 +
            -ms-flex-pack: end !important;
 +
            justify-content: flex-end !important
 +
        }
 +
 +
        .justify-content-lg-center {
 +
            -ms-flex-pack: center !important;
 +
            justify-content: center !important
 +
        }
 +
 +
        .justify-content-lg-between {
 +
            -ms-flex-pack: justify !important;
 +
            justify-content: space-between !important
 +
        }
 +
 +
        .justify-content-lg-around {
 +
            -ms-flex-pack: distribute !important;
 +
            justify-content: space-around !important
 +
        }
 +
 +
        .align-items-lg-start {
 +
            -ms-flex-align: start !important;
 +
            align-items: flex-start !important
 +
        }
 +
 +
        .align-items-lg-end {
 +
            -ms-flex-align: end !important;
 +
            align-items: flex-end !important
 +
        }
 +
 +
        .align-items-lg-center {
 +
            -ms-flex-align: center !important;
 +
            align-items: center !important
 +
        }
 +
 +
        .align-items-lg-baseline {
 +
            -ms-flex-align: baseline !important;
 +
            align-items: baseline !important
 +
        }
 +
 +
        .align-items-lg-stretch {
 +
            -ms-flex-align: stretch !important;
 +
            align-items: stretch !important
 +
        }
 +
 +
        .align-content-lg-start {
 +
            -ms-flex-line-pack: start !important;
 +
            align-content: flex-start !important
 +
        }
 +
 +
        .align-content-lg-end {
 +
            -ms-flex-line-pack: end !important;
 +
            align-content: flex-end !important
 +
        }
 +
 +
        .align-content-lg-center {
 +
            -ms-flex-line-pack: center !important;
 +
            align-content: center !important
 +
        }
 +
 +
        .align-content-lg-between {
 +
            -ms-flex-line-pack: justify !important;
 +
            align-content: space-between !important
 +
        }
 +
 +
        .align-content-lg-around {
 +
            -ms-flex-line-pack: distribute !important;
 +
            align-content: space-around !important
 +
        }
 +
 +
        .align-content-lg-stretch {
 +
            -ms-flex-line-pack: stretch !important;
 +
            align-content: stretch !important
 +
        }
 +
 +
        .align-self-lg-auto {
 +
            -ms-flex-item-align: auto !important;
 +
            align-self: auto !important
 +
        }
 +
 +
        .align-self-lg-start {
 +
            -ms-flex-item-align: start !important;
 +
            align-self: flex-start !important
 +
        }
 +
 +
        .align-self-lg-end {
 +
            -ms-flex-item-align: end !important;
 +
            align-self: flex-end !important
 +
        }
 +
 +
        .align-self-lg-center {
 +
            -ms-flex-item-align: center !important;
 +
            align-self: center !important
 +
        }
 +
 +
        .align-self-lg-baseline {
 +
            -ms-flex-item-align: baseline !important;
 +
            align-self: baseline !important
 +
        }
 +
 +
        .align-self-lg-stretch {
 +
            -ms-flex-item-align: stretch !important;
 +
            align-self: stretch !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .flex-xl-row {
 +
            -ms-flex-direction: row !important;
 +
            flex-direction: row !important
 +
        }
 +
 +
        .flex-xl-column {
 +
            -ms-flex-direction: column !important;
 +
            flex-direction: column !important
 +
        }
 +
 +
        .flex-xl-row-reverse {
 +
            -ms-flex-direction: row-reverse !important;
 +
            flex-direction: row-reverse !important
 +
        }
 +
 +
        .flex-xl-column-reverse {
 +
            -ms-flex-direction: column-reverse !important;
 +
            flex-direction: column-reverse !important
 +
        }
 +
 +
        .flex-xl-wrap {
 +
            -ms-flex-wrap: wrap !important;
 +
            flex-wrap: wrap !important
 +
        }
 +
 +
        .flex-xl-nowrap {
 +
            -ms-flex-wrap: nowrap !important;
 +
            flex-wrap: nowrap !important
 +
        }
 +
 +
        .flex-xl-wrap-reverse {
 +
            -ms-flex-wrap: wrap-reverse !important;
 +
            flex-wrap: wrap-reverse !important
 +
        }
 +
 +
        .flex-xl-fill {
 +
            -ms-flex: 1 1 auto !important;
 +
            flex: 1 1 auto !important
 +
        }
 +
 +
        .flex-xl-grow-0 {
 +
            -ms-flex-positive: 0 !important;
 +
            flex-grow: 0 !important
 +
        }
 +
 +
        .flex-xl-grow-1 {
 +
            -ms-flex-positive: 1 !important;
 +
            flex-grow: 1 !important
 +
        }
 +
 +
        .flex-xl-shrink-0 {
 +
            -ms-flex-negative: 0 !important;
 +
            flex-shrink: 0 !important
 +
        }
 +
 +
        .flex-xl-shrink-1 {
 +
            -ms-flex-negative: 1 !important;
 +
            flex-shrink: 1 !important
 +
        }
 +
 +
        .justify-content-xl-start {
 +
            -ms-flex-pack: start !important;
 +
            justify-content: flex-start !important
 +
        }
 +
 +
        .justify-content-xl-end {
 +
            -ms-flex-pack: end !important;
 +
            justify-content: flex-end !important
 +
        }
 +
 +
        .justify-content-xl-center {
 +
            -ms-flex-pack: center !important;
 +
            justify-content: center !important
 +
        }
 +
 +
        .justify-content-xl-between {
 +
            -ms-flex-pack: justify !important;
 +
            justify-content: space-between !important
 +
        }
 +
 +
        .justify-content-xl-around {
 +
            -ms-flex-pack: distribute !important;
 +
            justify-content: space-around !important
 +
        }
 +
 +
        .align-items-xl-start {
 +
            -ms-flex-align: start !important;
 +
            align-items: flex-start !important
 +
        }
 +
 +
        .align-items-xl-end {
 +
            -ms-flex-align: end !important;
 +
            align-items: flex-end !important
 +
        }
 +
 +
        .align-items-xl-center {
 +
            -ms-flex-align: center !important;
 +
            align-items: center !important
 +
        }
 +
 +
        .align-items-xl-baseline {
 +
            -ms-flex-align: baseline !important;
 +
            align-items: baseline !important
 +
        }
 +
 +
        .align-items-xl-stretch {
 +
            -ms-flex-align: stretch !important;
 +
            align-items: stretch !important
 +
        }
 +
 +
        .align-content-xl-start {
 +
            -ms-flex-line-pack: start !important;
 +
            align-content: flex-start !important
 +
        }
 +
 +
        .align-content-xl-end {
 +
            -ms-flex-line-pack: end !important;
 +
            align-content: flex-end !important
 +
        }
 +
 +
        .align-content-xl-center {
 +
            -ms-flex-line-pack: center !important;
 +
            align-content: center !important
 +
        }
 +
 +
        .align-content-xl-between {
 +
            -ms-flex-line-pack: justify !important;
 +
            align-content: space-between !important
 +
        }
 +
 +
        .align-content-xl-around {
 +
            -ms-flex-line-pack: distribute !important;
 +
            align-content: space-around !important
 +
        }
 +
 +
        .align-content-xl-stretch {
 +
            -ms-flex-line-pack: stretch !important;
 +
            align-content: stretch !important
 +
        }
 +
 +
        .align-self-xl-auto {
 +
            -ms-flex-item-align: auto !important;
 +
            align-self: auto !important
 +
        }
 +
 +
        .align-self-xl-start {
 +
            -ms-flex-item-align: start !important;
 +
            align-self: flex-start !important
 +
        }
 +
 +
        .align-self-xl-end {
 +
            -ms-flex-item-align: end !important;
 +
            align-self: flex-end !important
 +
        }
 +
 +
        .align-self-xl-center {
 +
            -ms-flex-item-align: center !important;
 +
            align-self: center !important
 +
        }
 +
 +
        .align-self-xl-baseline {
 +
            -ms-flex-item-align: baseline !important;
 +
            align-self: baseline !important
 +
        }
 +
 +
        .align-self-xl-stretch {
 +
            -ms-flex-item-align: stretch !important;
 +
            align-self: stretch !important
 +
        }
 +
    }
 +
 +
    .float-left {
 +
        float: left !important
 +
    }
 +
 +
    .float-right {
 +
        float: right !important
 +
    }
 +
 +
    .float-none {
 +
        float: none !important
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .float-sm-left {
 +
            float: left !important
 +
        }
 +
 +
        .float-sm-right {
 +
            float: right !important
 +
        }
 +
 +
        .float-sm-none {
 +
            float: none !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 768px) {
 +
        .float-md-left {
 +
            float: left !important
 +
        }
 +
 +
        .float-md-right {
 +
            float: right !important
 +
        }
 +
 +
        .float-md-none {
 +
            float: none !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .float-lg-left {
 +
            float: left !important
 +
        }
 +
 +
        .float-lg-right {
 +
            float: right !important
 +
        }
 +
 +
        .float-lg-none {
 +
            float: none !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .float-xl-left {
 +
            float: left !important
 +
        }
 +
 +
        .float-xl-right {
 +
            float: right !important
 +
        }
 +
 +
        .float-xl-none {
 +
            float: none !important
 +
        }
 +
    }
 +
 +
    .position-static {
 +
        position: static !important
 +
    }
 +
 +
    .position-relative {
 +
        position: relative !important
 +
    }
 +
 +
    .position-absolute {
 +
        position: absolute !important
 +
    }
 +
 +
    .position-fixed {
 +
        position: fixed !important
 +
    }
 +
 +
    .position-sticky {
 +
        position: -webkit-sticky !important;
 +
        position: sticky !important
 +
    }
 +
 +
    .fixed-top {
 +
        position: fixed;
 +
        top: 0;
 +
        right: 0;
 +
        left: 0;
 +
        z-index: 1030
 +
    }
 +
 +
    .fixed-bottom {
 +
        position: fixed;
 +
        right: 0;
 +
        bottom: 0;
 +
        left: 0;
 +
        z-index: 1030
 +
    }
 +
 +
    @supports ((position:-webkit-sticky) or (position:sticky)) {
 +
        .sticky-top {
 +
            position: -webkit-sticky;
 +
            position: sticky;
 +
            top: 0;
 +
            z-index: 1020
 +
        }
 +
    }
 +
 +
    .sr-only {
 +
        position: absolute;
 +
        width: 1px;
 +
        height: 1px;
 +
        padding: 0;
 +
        overflow: hidden;
 +
        clip: rect(0, 0, 0, 0);
 +
        white-space: nowrap;
 +
        border: 0
 +
    }
 +
 +
    .sr-only-focusable:active, .sr-only-focusable:focus {
 +
        position: static;
 +
        width: auto;
 +
        height: auto;
 +
        overflow: visible;
 +
        clip: auto;
 +
        white-space: normal
 +
    }
 +
 +
    .shadow-sm {
 +
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
 +
    }
 +
 +
    .shadow {
 +
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
 +
    }
 +
 +
    .shadow-lg {
 +
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
 +
    }
 +
 +
    .shadow-none {
 +
        box-shadow: none !important
 +
    }
 +
 +
    .w-25 {
 +
        width: 25% !important
 +
    }
 +
 +
    .w-50 {
 +
        width: 50% !important
 +
    }
 +
 +
    .w-75 {
 +
        width: 75% !important
 +
    }
 +
 +
    .w-100 {
 +
        width: 100% !important
 +
    }
 +
 +
    .w-auto {
 +
        width: auto !important
 +
    }
 +
 +
    .h-25 {
 +
        height: 25% !important
 +
    }
 +
 +
    .h-50 {
 +
        height: 50% !important
 +
    }
 +
 +
    .h-75 {
 +
        height: 75% !important
 +
    }
 +
 +
    .h-100 {
 +
        height: 100% !important
 +
    }
 +
 +
    .h-auto {
 +
        height: auto !important
 +
    }
 +
 +
    .mw-100 {
 +
        max-width: 100% !important
 +
    }
 +
 +
    .mh-100 {
 +
        max-height: 100% !important
 +
    }
 +
 +
    .m-0 {
 +
        margin: 0 !important
 +
    }
 +
 +
    .mt-0, .my-0 {
 +
        margin-top: 0 !important
 +
    }
 +
 +
    .mr-0, .mx-0 {
 +
        margin-right: 0 !important
 +
    }
 +
 +
    .mb-0, .my-0 {
 +
        margin-bottom: 0 !important
 +
    }
 +
 +
    .ml-0, .mx-0 {
 +
        margin-left: 0 !important
 +
    }
 +
 +
    .m-1 {
 +
        margin: .25rem !important
 +
    }
 +
 +
    .mt-1, .my-1 {
 +
        margin-top: .25rem !important
 +
    }
 +
 +
    .mr-1, .mx-1 {
 +
        margin-right: .25rem !important
 +
    }
 +
 +
    .mb-1, .my-1 {
 +
        margin-bottom: .25rem !important
 +
    }
 +
 +
    .ml-1, .mx-1 {
 +
        margin-left: .25rem !important
 +
    }
 +
 +
    .m-2 {
 +
        margin: .5rem !important
 +
    }
 +
 +
    .mt-2, .my-2 {
 +
        margin-top: .5rem !important
 +
    }
 +
 +
    .mr-2, .mx-2 {
 +
        margin-right: .5rem !important
 +
    }
 +
 +
    .mb-2, .my-2 {
 +
        margin-bottom: .5rem !important
 +
    }
 +
 +
    .ml-2, .mx-2 {
 +
        margin-left: .5rem !important
 +
    }
 +
 +
    .m-3 {
 +
        margin: 1rem !important
 +
    }
 +
 +
    .mt-3, .my-3 {
 +
        margin-top: 1rem !important
 +
    }
 +
 +
    .mr-3, .mx-3 {
 +
        margin-right: 1rem !important
 +
    }
 +
 +
    .mb-3, .my-3 {
 +
        margin-bottom: 1rem !important
 +
    }
 +
 +
    .ml-3, .mx-3 {
 +
        margin-left: 1rem !important
 +
    }
 +
 +
    .m-4 {
 +
        margin: 1.5rem !important
 +
    }
 +
 +
    .mt-4, .my-4 {
 +
        margin-top: 1.5rem !important
 +
    }
 +
 +
    .mr-4, .mx-4 {
 +
        margin-right: 1.5rem !important
 +
    }
 +
 +
    .mb-4, .my-4 {
 +
        margin-bottom: 1.5rem !important
 +
    }
 +
 +
    .ml-4, .mx-4 {
 +
        margin-left: 1.5rem !important
 +
    }
 +
 +
    .m-5 {
 +
        margin: 3rem !important
 +
    }
 +
 +
    .mt-5, .my-5 {
 +
        margin-top: 3rem !important
 +
    }
 +
 +
    .mr-5, .mx-5 {
 +
        margin-right: 3rem !important
 +
    }
 +
 +
    .mb-5, .my-5 {
 +
        margin-bottom: 3rem !important
 +
    }
 +
 +
    .ml-5, .mx-5 {
 +
        margin-left: 3rem !important
 +
    }
 +
 +
    .p-0 {
 +
        padding: 0 !important
 +
    }
 +
 +
    .pt-0, .py-0 {
 +
        padding-top: 0 !important
 +
    }
 +
 +
    .pr-0, .px-0 {
 +
        padding-right: 0 !important
 +
    }
 +
 +
    .pb-0, .py-0 {
 +
        padding-bottom: 0 !important
 +
    }
 +
 +
    .pl-0, .px-0 {
 +
        padding-left: 0 !important
 +
    }
 +
 +
    .p-1 {
 +
        padding: .25rem !important
 +
    }
 +
 +
    .pt-1, .py-1 {
 +
        padding-top: .25rem !important
 +
    }
 +
 +
    .pr-1, .px-1 {
 +
        padding-right: .25rem !important
 +
    }
 +
 +
    .pb-1, .py-1 {
 +
        padding-bottom: .25rem !important
 +
    }
 +
 +
    .pl-1, .px-1 {
 +
        padding-left: .25rem !important
 +
    }
 +
 +
    .p-2 {
 +
        padding: .5rem !important
 +
    }
 +
 +
    .pt-2, .py-2 {
 +
        padding-top: .5rem !important
 +
    }
 +
 +
    .pr-2, .px-2 {
 +
        padding-right: .5rem !important
 +
    }
 +
 +
    .pb-2, .py-2 {
 +
        padding-bottom: .5rem !important
 +
    }
 +
 +
    .pl-2, .px-2 {
 +
        padding-left: .5rem !important
 +
    }
 +
 +
    .p-3 {
 +
        padding: 1rem !important
 +
    }
 +
 +
    .pt-3, .py-3 {
 +
        padding-top: 1rem !important
 +
    }
 +
 +
    .pr-3, .px-3 {
 +
        padding-right: 1rem !important
 +
    }
 +
 +
    .pb-3, .py-3 {
 +
        padding-bottom: 1rem !important
 +
    }
 +
 +
    .pl-3, .px-3 {
 +
        padding-left: 1rem !important
 +
    }
 +
 +
    .p-4 {
 +
        padding: 1.5rem !important
 +
    }
 +
 +
    .pt-4, .py-4 {
 +
        padding-top: 1.5rem !important
 +
    }
 +
 +
    .pr-4, .px-4 {
 +
        padding-right: 1.5rem !important
 +
    }
 +
 +
    .pb-4, .py-4 {
 +
        padding-bottom: 1.5rem !important
 +
    }
 +
 +
    .pl-4, .px-4 {
 +
        padding-left: 1.5rem !important
 +
    }
 +
 +
    .p-5 {
 +
        padding: 3rem !important
 +
    }
 +
 +
    .pt-5, .py-5 {
 +
        padding-top: 3rem !important
 +
    }
 +
 +
    .pr-5, .px-5 {
 +
        padding-right: 3rem !important
 +
    }
 +
 +
    .pb-5, .py-5 {
 +
        padding-bottom: 3rem !important
 +
    }
 +
 +
    .pl-5, .px-5 {
 +
        padding-left: 3rem !important
 +
    }
 +
 +
    .m-auto {
 +
        margin: auto !important
 +
    }
 +
 +
    .mt-auto, .my-auto {
 +
        margin-top: auto !important
 +
    }
 +
 +
    .mr-auto, .mx-auto {
 +
        margin-right: auto !important
 +
    }
 +
 +
    .mb-auto, .my-auto {
 +
        margin-bottom: auto !important
 +
    }
 +
 +
    .ml-auto, .mx-auto {
 +
        margin-left: auto !important
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .m-sm-0 {
 +
            margin: 0 !important
 +
        }
 +
 +
        .mt-sm-0, .my-sm-0 {
 +
            margin-top: 0 !important
 +
        }
 +
 +
        .mr-sm-0, .mx-sm-0 {
 +
            margin-right: 0 !important
 +
        }
 +
 +
        .mb-sm-0, .my-sm-0 {
 +
            margin-bottom: 0 !important
 +
        }
 +
 +
        .ml-sm-0, .mx-sm-0 {
 +
            margin-left: 0 !important
 +
        }
 +
 +
        .m-sm-1 {
 +
            margin: .25rem !important
 +
        }
 +
 +
        .mt-sm-1, .my-sm-1 {
 +
            margin-top: .25rem !important
 +
        }
 +
 +
        .mr-sm-1, .mx-sm-1 {
 +
            margin-right: .25rem !important
 +
        }
 +
 +
        .mb-sm-1, .my-sm-1 {
 +
            margin-bottom: .25rem !important
 +
        }
 +
 +
        .ml-sm-1, .mx-sm-1 {
 +
            margin-left: .25rem !important
 +
        }
 +
 +
        .m-sm-2 {
 +
            margin: .5rem !important
 +
        }
 +
 +
        .mt-sm-2, .my-sm-2 {
 +
            margin-top: .5rem !important
 +
        }
 +
 +
        .mr-sm-2, .mx-sm-2 {
 +
            margin-right: .5rem !important
 +
        }
 +
 +
        .mb-sm-2, .my-sm-2 {
 +
            margin-bottom: .5rem !important
 +
        }
 +
 +
        .ml-sm-2, .mx-sm-2 {
 +
            margin-left: .5rem !important
 +
        }
 +
 +
        .m-sm-3 {
 +
            margin: 1rem !important
 +
        }
 +
 +
        .mt-sm-3, .my-sm-3 {
 +
            margin-top: 1rem !important
 +
        }
 +
 +
        .mr-sm-3, .mx-sm-3 {
 +
            margin-right: 1rem !important
 +
        }
 +
 +
        .mb-sm-3, .my-sm-3 {
 +
            margin-bottom: 1rem !important
 +
        }
 +
 +
        .ml-sm-3, .mx-sm-3 {
 +
            margin-left: 1rem !important
 +
        }
 +
 +
        .m-sm-4 {
 +
            margin: 1.5rem !important
 +
        }
 +
 +
        .mt-sm-4, .my-sm-4 {
 +
            margin-top: 1.5rem !important
 +
        }
 +
 +
        .mr-sm-4, .mx-sm-4 {
 +
            margin-right: 1.5rem !important
 +
        }
 +
 +
        .mb-sm-4, .my-sm-4 {
 +
            margin-bottom: 1.5rem !important
 +
        }
 +
 +
        .ml-sm-4, .mx-sm-4 {
 +
            margin-left: 1.5rem !important
 +
        }
 +
 +
        .m-sm-5 {
 +
            margin: 3rem !important
 +
        }
 +
 +
        .mt-sm-5, .my-sm-5 {
 +
            margin-top: 3rem !important
 +
        }
 +
 +
        .mr-sm-5, .mx-sm-5 {
 +
            margin-right: 3rem !important
 +
        }
 +
 +
        .mb-sm-5, .my-sm-5 {
 +
            margin-bottom: 3rem !important
 +
        }
 +
 +
        .ml-sm-5, .mx-sm-5 {
 +
            margin-left: 3rem !important
 +
        }
 +
 +
        .p-sm-0 {
 +
            padding: 0 !important
 +
        }
 +
 +
        .pt-sm-0, .py-sm-0 {
 +
            padding-top: 0 !important
 +
        }
 +
 +
        .pr-sm-0, .px-sm-0 {
 +
            padding-right: 0 !important
 +
        }
 +
 +
        .pb-sm-0, .py-sm-0 {
 +
            padding-bottom: 0 !important
 +
        }
 +
 +
        .pl-sm-0, .px-sm-0 {
 +
            padding-left: 0 !important
 +
        }
 +
 +
        .p-sm-1 {
 +
            padding: .25rem !important
 +
        }
 +
 +
        .pt-sm-1, .py-sm-1 {
 +
            padding-top: .25rem !important
 +
        }
 +
 +
        .pr-sm-1, .px-sm-1 {
 +
            padding-right: .25rem !important
 +
        }
 +
 +
        .pb-sm-1, .py-sm-1 {
 +
            padding-bottom: .25rem !important
 +
        }
 +
 +
        .pl-sm-1, .px-sm-1 {
 +
            padding-left: .25rem !important
 +
        }
 +
 +
        .p-sm-2 {
 +
            padding: .5rem !important
 +
        }
 +
 +
        .pt-sm-2, .py-sm-2 {
 +
            padding-top: .5rem !important
 +
        }
 +
 +
        .pr-sm-2, .px-sm-2 {
 +
            padding-right: .5rem !important
 +
        }
 +
 +
        .pb-sm-2, .py-sm-2 {
 +
            padding-bottom: .5rem !important
 +
        }
 +
 +
        .pl-sm-2, .px-sm-2 {
 +
            padding-left: .5rem !important
 +
        }
 +
 +
        .p-sm-3 {
 +
            padding: 1rem !important
 +
        }
 +
 +
        .pt-sm-3, .py-sm-3 {
 +
            padding-top: 1rem !important
 +
        }
 +
 +
        .pr-sm-3, .px-sm-3 {
 +
            padding-right: 1rem !important
 +
        }
 +
 +
        .pb-sm-3, .py-sm-3 {
 +
            padding-bottom: 1rem !important
 +
        }
 +
 +
        .pl-sm-3, .px-sm-3 {
 +
            padding-left: 1rem !important
 +
        }
 +
 +
        .p-sm-4 {
 +
            padding: 1.5rem !important
 +
        }
 +
 +
        .pt-sm-4, .py-sm-4 {
 +
            padding-top: 1.5rem !important
 +
        }
 +
 +
        .pr-sm-4, .px-sm-4 {
 +
            padding-right: 1.5rem !important
 +
        }
 +
 +
        .pb-sm-4, .py-sm-4 {
 +
            padding-bottom: 1.5rem !important
 +
        }
 +
 +
        .pl-sm-4, .px-sm-4 {
 +
            padding-left: 1.5rem !important
 +
        }
 +
 +
        .p-sm-5 {
 +
            padding: 3rem !important
 +
        }
 +
 +
        .pt-sm-5, .py-sm-5 {
 +
            padding-top: 3rem !important
 +
        }
 +
 +
        .pr-sm-5, .px-sm-5 {
 +
            padding-right: 3rem !important
 +
        }
 +
 +
        .pb-sm-5, .py-sm-5 {
 +
            padding-bottom: 3rem !important
 +
        }
 +
 +
        .pl-sm-5, .px-sm-5 {
 +
            padding-left: 3rem !important
 +
        }
 +
 +
        .m-sm-auto {
 +
            margin: auto !important
 +
        }
 +
 +
        .mt-sm-auto, .my-sm-auto {
 +
            margin-top: auto !important
 +
        }
 +
 +
        .mr-sm-auto, .mx-sm-auto {
 +
            margin-right: auto !important
 +
        }
 +
 +
        .mb-sm-auto, .my-sm-auto {
 +
            margin-bottom: auto !important
 +
        }
 +
 +
        .ml-sm-auto, .mx-sm-auto {
 +
            margin-left: auto !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 768px) {
 +
        .m-md-0 {
 +
            margin: 0 !important
 +
        }
 +
 +
        .mt-md-0, .my-md-0 {
 +
            margin-top: 0 !important
 +
        }
 +
 +
        .mr-md-0, .mx-md-0 {
 +
            margin-right: 0 !important
 +
        }
 +
 +
        .mb-md-0, .my-md-0 {
 +
            margin-bottom: 0 !important
 +
        }
 +
 +
        .ml-md-0, .mx-md-0 {
 +
            margin-left: 0 !important
 +
        }
 +
 +
        .m-md-1 {
 +
            margin: .25rem !important
 +
        }
 +
 +
        .mt-md-1, .my-md-1 {
 +
            margin-top: .25rem !important
 +
        }
 +
 +
        .mr-md-1, .mx-md-1 {
 +
            margin-right: .25rem !important
 +
        }
 +
 +
        .mb-md-1, .my-md-1 {
 +
            margin-bottom: .25rem !important
 +
        }
 +
 +
        .ml-md-1, .mx-md-1 {
 +
            margin-left: .25rem !important
 +
        }
 +
 +
        .m-md-2 {
 +
            margin: .5rem !important
 +
        }
 +
 +
        .mt-md-2, .my-md-2 {
 +
            margin-top: .5rem !important
 +
        }
 +
 +
        .mr-md-2, .mx-md-2 {
 +
            margin-right: .5rem !important
 +
        }
 +
 +
        .mb-md-2, .my-md-2 {
 +
            margin-bottom: .5rem !important
 +
        }
 +
 +
        .ml-md-2, .mx-md-2 {
 +
            margin-left: .5rem !important
 +
        }
 +
 +
        .m-md-3 {
 +
            margin: 1rem !important
 +
        }
 +
 +
        .mt-md-3, .my-md-3 {
 +
            margin-top: 1rem !important
 +
        }
 +
 +
        .mr-md-3, .mx-md-3 {
 +
            margin-right: 1rem !important
 +
        }
 +
 +
        .mb-md-3, .my-md-3 {
 +
            margin-bottom: 1rem !important
 +
        }
 +
 +
        .ml-md-3, .mx-md-3 {
 +
            margin-left: 1rem !important
 +
        }
 +
 +
        .m-md-4 {
 +
            margin: 1.5rem !important
 +
        }
 +
 +
        .mt-md-4, .my-md-4 {
 +
            margin-top: 1.5rem !important
 +
        }
 +
 +
        .mr-md-4, .mx-md-4 {
 +
            margin-right: 1.5rem !important
 +
        }
 +
 +
        .mb-md-4, .my-md-4 {
 +
            margin-bottom: 1.5rem !important
 +
        }
 +
 +
        .ml-md-4, .mx-md-4 {
 +
            margin-left: 1.5rem !important
 +
        }
 +
 +
        .m-md-5 {
 +
            margin: 3rem !important
 +
        }
 +
 +
        .mt-md-5, .my-md-5 {
 +
            margin-top: 3rem !important
 +
        }
 +
 +
        .mr-md-5, .mx-md-5 {
 +
            margin-right: 3rem !important
 +
        }
 +
 +
        .mb-md-5, .my-md-5 {
 +
            margin-bottom: 3rem !important
 +
        }
 +
 +
        .ml-md-5, .mx-md-5 {
 +
            margin-left: 3rem !important
 +
        }
 +
 +
        .p-md-0 {
 +
            padding: 0 !important
 +
        }
 +
 +
        .pt-md-0, .py-md-0 {
 +
            padding-top: 0 !important
 +
        }
 +
 +
        .pr-md-0, .px-md-0 {
 +
            padding-right: 0 !important
 +
        }
 +
 +
        .pb-md-0, .py-md-0 {
 +
            padding-bottom: 0 !important
 +
        }
 +
 +
        .pl-md-0, .px-md-0 {
 +
            padding-left: 0 !important
 +
        }
 +
 +
        .p-md-1 {
 +
            padding: .25rem !important
 +
        }
 +
 +
        .pt-md-1, .py-md-1 {
 +
            padding-top: .25rem !important
 +
        }
 +
 +
        .pr-md-1, .px-md-1 {
 +
            padding-right: .25rem !important
 +
        }
 +
 +
        .pb-md-1, .py-md-1 {
 +
            padding-bottom: .25rem !important
 +
        }
 +
 +
        .pl-md-1, .px-md-1 {
 +
            padding-left: .25rem !important
 +
        }
 +
 +
        .p-md-2 {
 +
            padding: .5rem !important
 +
        }
 +
 +
        .pt-md-2, .py-md-2 {
 +
            padding-top: .5rem !important
 +
        }
 +
 +
        .pr-md-2, .px-md-2 {
 +
            padding-right: .5rem !important
 +
        }
 +
 +
        .pb-md-2, .py-md-2 {
 +
            padding-bottom: .5rem !important
 +
        }
 +
 +
        .pl-md-2, .px-md-2 {
 +
            padding-left: .5rem !important
 +
        }
 +
 +
        .p-md-3 {
 +
            padding: 1rem !important
 +
        }
 +
 +
        .pt-md-3, .py-md-3 {
 +
            padding-top: 1rem !important
 +
        }
 +
 +
        .pr-md-3, .px-md-3 {
 +
            padding-right: 1rem !important
 +
        }
 +
 +
        .pb-md-3, .py-md-3 {
 +
            padding-bottom: 1rem !important
 +
        }
 +
 +
        .pl-md-3, .px-md-3 {
 +
            padding-left: 1rem !important
 +
        }
 +
 +
        .p-md-4 {
 +
            padding: 1.5rem !important
 +
        }
 +
 +
        .pt-md-4, .py-md-4 {
 +
            padding-top: 1.5rem !important
 +
        }
 +
 +
        .pr-md-4, .px-md-4 {
 +
            padding-right: 1.5rem !important
 +
        }
 +
 +
        .pb-md-4, .py-md-4 {
 +
            padding-bottom: 1.5rem !important
 +
        }
 +
 +
        .pl-md-4, .px-md-4 {
 +
            padding-left: 1.5rem !important
 +
        }
 +
 +
        .p-md-5 {
 +
            padding: 3rem !important
 +
        }
 +
 +
        .pt-md-5, .py-md-5 {
 +
            padding-top: 3rem !important
 +
        }
 +
 +
        .pr-md-5, .px-md-5 {
 +
            padding-right: 3rem !important
 +
        }
 +
 +
        .pb-md-5, .py-md-5 {
 +
            padding-bottom: 3rem !important
 +
        }
 +
 +
        .pl-md-5, .px-md-5 {
 +
            padding-left: 3rem !important
 +
        }
 +
 +
        .m-md-auto {
 +
            margin: auto !important
 +
        }
 +
 +
        .mt-md-auto, .my-md-auto {
 +
            margin-top: auto !important
 +
        }
 +
 +
        .mr-md-auto, .mx-md-auto {
 +
            margin-right: auto !important
 +
        }
 +
 +
        .mb-md-auto, .my-md-auto {
 +
            margin-bottom: auto !important
 +
        }
 +
 +
        .ml-md-auto, .mx-md-auto {
 +
            margin-left: auto !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .m-lg-0 {
 +
            margin: 0 !important
 +
        }
 +
 +
        .mt-lg-0, .my-lg-0 {
 +
            margin-top: 0 !important
 +
        }
 +
 +
        .mr-lg-0, .mx-lg-0 {
 +
            margin-right: 0 !important
 +
        }
 +
 +
        .mb-lg-0, .my-lg-0 {
 +
            margin-bottom: 0 !important
 +
        }
 +
 +
        .ml-lg-0, .mx-lg-0 {
 +
            margin-left: 0 !important
 +
        }
 +
 +
        .m-lg-1 {
 +
            margin: .25rem !important
 +
        }
 +
 +
        .mt-lg-1, .my-lg-1 {
 +
            margin-top: .25rem !important
 +
        }
 +
 +
        .mr-lg-1, .mx-lg-1 {
 +
            margin-right: .25rem !important
 +
        }
 +
 +
        .mb-lg-1, .my-lg-1 {
 +
            margin-bottom: .25rem !important
 +
        }
 +
 +
        .ml-lg-1, .mx-lg-1 {
 +
            margin-left: .25rem !important
 +
        }
 +
 +
        .m-lg-2 {
 +
            margin: .5rem !important
 +
        }
 +
 +
        .mt-lg-2, .my-lg-2 {
 +
            margin-top: .5rem !important
 +
        }
 +
 +
        .mr-lg-2, .mx-lg-2 {
 +
            margin-right: .5rem !important
 +
        }
 +
 +
        .mb-lg-2, .my-lg-2 {
 +
            margin-bottom: .5rem !important
 +
        }
 +
 +
        .ml-lg-2, .mx-lg-2 {
 +
            margin-left: .5rem !important
 +
        }
 +
 +
        .m-lg-3 {
 +
            margin: 1rem !important
 +
        }
 +
 +
        .mt-lg-3, .my-lg-3 {
 +
            margin-top: 1rem !important
 +
        }
 +
 +
        .mr-lg-3, .mx-lg-3 {
 +
            margin-right: 1rem !important
 +
        }
 +
 +
        .mb-lg-3, .my-lg-3 {
 +
            margin-bottom: 1rem !important
 +
        }
 +
 +
        .ml-lg-3, .mx-lg-3 {
 +
            margin-left: 1rem !important
 +
        }
 +
 +
        .m-lg-4 {
 +
            margin: 1.5rem !important
 +
        }
 +
 +
        .mt-lg-4, .my-lg-4 {
 +
            margin-top: 1.5rem !important
 +
        }
 +
 +
        .mr-lg-4, .mx-lg-4 {
 +
            margin-right: 1.5rem !important
 +
        }
 +
 +
        .mb-lg-4, .my-lg-4 {
 +
            margin-bottom: 1.5rem !important
 +
        }
 +
 +
        .ml-lg-4, .mx-lg-4 {
 +
            margin-left: 1.5rem !important
 +
        }
 +
 +
        .m-lg-5 {
 +
            margin: 3rem !important
 +
        }
 +
 +
        .mt-lg-5, .my-lg-5 {
 +
            margin-top: 3rem !important
 +
        }
 +
 +
        .mr-lg-5, .mx-lg-5 {
 +
            margin-right: 3rem !important
 +
        }
 +
 +
        .mb-lg-5, .my-lg-5 {
 +
            margin-bottom: 3rem !important
 +
        }
 +
 +
        .ml-lg-5, .mx-lg-5 {
 +
            margin-left: 3rem !important
 +
        }
 +
 +
        .p-lg-0 {
 +
            padding: 0 !important
 +
        }
 +
 +
        .pt-lg-0, .py-lg-0 {
 +
            padding-top: 0 !important
 +
        }
 +
 +
        .pr-lg-0, .px-lg-0 {
 +
            padding-right: 0 !important
 +
        }
 +
 +
        .pb-lg-0, .py-lg-0 {
 +
            padding-bottom: 0 !important
 +
        }
 +
 +
        .pl-lg-0, .px-lg-0 {
 +
            padding-left: 0 !important
 +
        }
 +
 +
        .p-lg-1 {
 +
            padding: .25rem !important
 +
        }
 +
 +
        .pt-lg-1, .py-lg-1 {
 +
            padding-top: .25rem !important
 +
        }
 +
 +
        .pr-lg-1, .px-lg-1 {
 +
            padding-right: .25rem !important
 +
        }
 +
 +
        .pb-lg-1, .py-lg-1 {
 +
            padding-bottom: .25rem !important
 +
        }
 +
 +
        .pl-lg-1, .px-lg-1 {
 +
            padding-left: .25rem !important
 +
        }
 +
 +
        .p-lg-2 {
 +
            padding: .5rem !important
 +
        }
 +
 +
        .pt-lg-2, .py-lg-2 {
 +
            padding-top: .5rem !important
 +
        }
 +
 +
        .pr-lg-2, .px-lg-2 {
 +
            padding-right: .5rem !important
 +
        }
 +
 +
        .pb-lg-2, .py-lg-2 {
 +
            padding-bottom: .5rem !important
 +
        }
 +
 +
        .pl-lg-2, .px-lg-2 {
 +
            padding-left: .5rem !important
 +
        }
 +
 +
        .p-lg-3 {
 +
            padding: 1rem !important
 +
        }
 +
 +
        .pt-lg-3, .py-lg-3 {
 +
            padding-top: 1rem !important
 +
        }
 +
 +
        .pr-lg-3, .px-lg-3 {
 +
            padding-right: 1rem !important
 +
        }
 +
 +
        .pb-lg-3, .py-lg-3 {
 +
            padding-bottom: 1rem !important
 +
        }
 +
 +
        .pl-lg-3, .px-lg-3 {
 +
            padding-left: 1rem !important
 +
        }
 +
 +
        .p-lg-4 {
 +
            padding: 1.5rem !important
 +
        }
 +
 +
        .pt-lg-4, .py-lg-4 {
 +
            padding-top: 1.5rem !important
 +
        }
 +
 +
        .pr-lg-4, .px-lg-4 {
 +
            padding-right: 1.5rem !important
 +
        }
 +
 +
        .pb-lg-4, .py-lg-4 {
 +
            padding-bottom: 1.5rem !important
 +
        }
 +
 +
        .pl-lg-4, .px-lg-4 {
 +
            padding-left: 1.5rem !important
 +
        }
 +
 +
        .p-lg-5 {
 +
            padding: 3rem !important
 +
        }
 +
 +
        .pt-lg-5, .py-lg-5 {
 +
            padding-top: 3rem !important
 +
        }
 +
 +
        .pr-lg-5, .px-lg-5 {
 +
            padding-right: 3rem !important
 +
        }
 +
 +
        .pb-lg-5, .py-lg-5 {
 +
            padding-bottom: 3rem !important
 +
        }
 +
 +
        .pl-lg-5, .px-lg-5 {
 +
            padding-left: 3rem !important
 +
        }
 +
 +
        .m-lg-auto {
 +
            margin: auto !important
 +
        }
 +
 +
        .mt-lg-auto, .my-lg-auto {
 +
            margin-top: auto !important
 +
        }
 +
 +
        .mr-lg-auto, .mx-lg-auto {
 +
            margin-right: auto !important
 +
        }
 +
 +
        .mb-lg-auto, .my-lg-auto {
 +
            margin-bottom: auto !important
 +
        }
 +
 +
        .ml-lg-auto, .mx-lg-auto {
 +
            margin-left: auto !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .m-xl-0 {
 +
            margin: 0 !important
 +
        }
 +
 +
        .mt-xl-0, .my-xl-0 {
 +
            margin-top: 0 !important
 +
        }
 +
 +
        .mr-xl-0, .mx-xl-0 {
 +
            margin-right: 0 !important
 +
        }
 +
 +
        .mb-xl-0, .my-xl-0 {
 +
            margin-bottom: 0 !important
 +
        }
 +
 +
        .ml-xl-0, .mx-xl-0 {
 +
            margin-left: 0 !important
 +
        }
 +
 +
        .m-xl-1 {
 +
            margin: .25rem !important
 +
        }
 +
 +
        .mt-xl-1, .my-xl-1 {
 +
            margin-top: .25rem !important
 +
        }
 +
 +
        .mr-xl-1, .mx-xl-1 {
 +
            margin-right: .25rem !important
 +
        }
 +
 +
        .mb-xl-1, .my-xl-1 {
 +
            margin-bottom: .25rem !important
 +
        }
 +
 +
        .ml-xl-1, .mx-xl-1 {
 +
            margin-left: .25rem !important
 +
        }
 +
 +
        .m-xl-2 {
 +
            margin: .5rem !important
 +
        }
 +
 +
        .mt-xl-2, .my-xl-2 {
 +
            margin-top: .5rem !important
 +
        }
 +
 +
        .mr-xl-2, .mx-xl-2 {
 +
            margin-right: .5rem !important
 +
        }
 +
 +
        .mb-xl-2, .my-xl-2 {
 +
            margin-bottom: .5rem !important
 +
        }
 +
 +
        .ml-xl-2, .mx-xl-2 {
 +
            margin-left: .5rem !important
 +
        }
 +
 +
        .m-xl-3 {
 +
            margin: 1rem !important
 +
        }
 +
 +
        .mt-xl-3, .my-xl-3 {
 +
            margin-top: 1rem !important
 +
        }
 +
 +
        .mr-xl-3, .mx-xl-3 {
 +
            margin-right: 1rem !important
 +
        }
 +
 +
        .mb-xl-3, .my-xl-3 {
 +
            margin-bottom: 1rem !important
 +
        }
 +
 +
        .ml-xl-3, .mx-xl-3 {
 +
            margin-left: 1rem !important
 +
        }
 +
 +
        .m-xl-4 {
 +
            margin: 1.5rem !important
 +
        }
 +
 +
        .mt-xl-4, .my-xl-4 {
 +
            margin-top: 1.5rem !important
 +
        }
 +
 +
        .mr-xl-4, .mx-xl-4 {
 +
            margin-right: 1.5rem !important
 +
        }
 +
 +
        .mb-xl-4, .my-xl-4 {
 +
            margin-bottom: 1.5rem !important
 +
        }
 +
 +
        .ml-xl-4, .mx-xl-4 {
 +
            margin-left: 1.5rem !important
 +
        }
 +
 +
        .m-xl-5 {
 +
            margin: 3rem !important
 +
        }
 +
 +
        .mt-xl-5, .my-xl-5 {
 +
            margin-top: 3rem !important
 +
        }
 +
 +
        .mr-xl-5, .mx-xl-5 {
 +
            margin-right: 3rem !important
 +
        }
 +
 +
        .mb-xl-5, .my-xl-5 {
 +
            margin-bottom: 3rem !important
 +
        }
 +
 +
        .ml-xl-5, .mx-xl-5 {
 +
            margin-left: 3rem !important
 +
        }
 +
 +
        .p-xl-0 {
 +
            padding: 0 !important
 +
        }
 +
 +
        .pt-xl-0, .py-xl-0 {
 +
            padding-top: 0 !important
 +
        }
 +
 +
        .pr-xl-0, .px-xl-0 {
 +
            padding-right: 0 !important
 +
        }
 +
 +
        .pb-xl-0, .py-xl-0 {
 +
            padding-bottom: 0 !important
 +
        }
 +
 +
        .pl-xl-0, .px-xl-0 {
 +
            padding-left: 0 !important
 +
        }
 +
 +
        .p-xl-1 {
 +
            padding: .25rem !important
 +
        }
 +
 +
        .pt-xl-1, .py-xl-1 {
 +
            padding-top: .25rem !important
 +
        }
 +
 +
        .pr-xl-1, .px-xl-1 {
 +
            padding-right: .25rem !important
 +
        }
 +
 +
        .pb-xl-1, .py-xl-1 {
 +
            padding-bottom: .25rem !important
 +
        }
 +
 +
        .pl-xl-1, .px-xl-1 {
 +
            padding-left: .25rem !important
 +
        }
 +
 +
        .p-xl-2 {
 +
            padding: .5rem !important
 +
        }
 +
 +
        .pt-xl-2, .py-xl-2 {
 +
            padding-top: .5rem !important
 +
        }
 +
 +
        .pr-xl-2, .px-xl-2 {
 +
            padding-right: .5rem !important
 +
        }
 +
 +
        .pb-xl-2, .py-xl-2 {
 +
            padding-bottom: .5rem !important
 +
        }
 +
 +
        .pl-xl-2, .px-xl-2 {
 +
            padding-left: .5rem !important
 +
        }
 +
 +
        .p-xl-3 {
 +
            padding: 1rem !important
 +
        }
 +
 +
        .pt-xl-3, .py-xl-3 {
 +
            padding-top: 1rem !important
 +
        }
 +
 +
        .pr-xl-3, .px-xl-3 {
 +
            padding-right: 1rem !important
 +
        }
 +
 +
        .pb-xl-3, .py-xl-3 {
 +
            padding-bottom: 1rem !important
 +
        }
 +
 +
        .pl-xl-3, .px-xl-3 {
 +
            padding-left: 1rem !important
 +
        }
 +
 +
        .p-xl-4 {
 +
            padding: 1.5rem !important
 +
        }
 +
 +
        .pt-xl-4, .py-xl-4 {
 +
            padding-top: 1.5rem !important
 +
        }
 +
 +
        .pr-xl-4, .px-xl-4 {
 +
            padding-right: 1.5rem !important
 +
        }
 +
 +
        .pb-xl-4, .py-xl-4 {
 +
            padding-bottom: 1.5rem !important
 +
        }
 +
 +
        .pl-xl-4, .px-xl-4 {
 +
            padding-left: 1.5rem !important
 +
        }
 +
 +
        .p-xl-5 {
 +
            padding: 3rem !important
 +
        }
 +
 +
        .pt-xl-5, .py-xl-5 {
 +
            padding-top: 3rem !important
 +
        }
 +
 +
        .pr-xl-5, .px-xl-5 {
 +
            padding-right: 3rem !important
 +
        }
 +
 +
        .pb-xl-5, .py-xl-5 {
 +
            padding-bottom: 3rem !important
 +
        }
 +
 +
        .pl-xl-5, .px-xl-5 {
 +
            padding-left: 3rem !important
 +
        }
 +
 +
        .m-xl-auto {
 +
            margin: auto !important
 +
        }
 +
 +
        .mt-xl-auto, .my-xl-auto {
 +
            margin-top: auto !important
 +
        }
 +
 +
        .mr-xl-auto, .mx-xl-auto {
 +
            margin-right: auto !important
 +
        }
 +
 +
        .mb-xl-auto, .my-xl-auto {
 +
            margin-bottom: auto !important
 +
        }
 +
 +
        .ml-xl-auto, .mx-xl-auto {
 +
            margin-left: auto !important
 +
        }
 +
    }
 +
 +
    .text-monospace {
 +
        font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 +
    }
 +
 +
    .text-justify {
 +
        text-align: justify !important
 +
    }
 +
 +
    .text-nowrap {
 +
        white-space: nowrap !important
 +
    }
 +
 +
    .text-truncate {
 +
        overflow: hidden;
 +
        text-overflow: ellipsis;
 +
        white-space: nowrap
 +
    }
 +
 +
    .text-left {
 +
        text-align: left !important
 +
    }
 +
 +
    .text-right {
 +
        text-align: right !important
 +
    }
 +
 +
    .text-center {
 +
        text-align: center !important
 +
    }
 +
 +
    @media (min-width: 576px) {
 +
        .text-sm-left {
 +
            text-align: left !important
 +
        }
 +
 +
        .text-sm-right {
 +
            text-align: right !important
 +
        }
 +
 +
        .text-sm-center {
 +
            text-align: center !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 768px) {
 +
        .text-md-left {
 +
            text-align: left !important
 +
        }
 +
 +
        .text-md-right {
 +
            text-align: right !important
 +
        }
 +
 +
        .text-md-center {
 +
            text-align: center !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 992px) {
 +
        .text-lg-left {
 +
            text-align: left !important
 +
        }
 +
 +
        .text-lg-right {
 +
            text-align: right !important
 +
        }
 +
 +
        .text-lg-center {
 +
            text-align: center !important
 +
        }
 +
    }
 +
 +
    @media (min-width: 1200px) {
 +
        .text-xl-left {
 +
            text-align: left !important
 +
        }
 +
 +
        .text-xl-right {
 +
            text-align: right !important
 +
        }
 +
 +
        .text-xl-center {
 +
            text-align: center !important
 +
        }
 +
    }
 +
 +
    .text-lowercase {
 +
        text-transform: lowercase !important
 +
    }
 +
 +
    .text-uppercase {
 +
        text-transform: uppercase !important
 +
    }
 +
 +
    .text-capitalize {
 +
        text-transform: capitalize !important
 +
    }
 +
 +
    .font-weight-light {
 +
        font-weight: 300 !important
 +
    }
 +
 +
    .font-weight-normal {
 +
        font-weight: 400 !important
 +
    }
 +
 +
    .font-weight-bold {
 +
        font-weight: 700 !important
 +
    }
 +
 +
    .font-italic {
 +
        font-style: italic !important
 +
    }
 +
 +
    .text-white {
 +
        color: #fff !important
 +
    }
 +
 +
    .text-primary {
 +
        color: #007bff !important
 +
    }
 +
 +
    a.text-primary:focus, a.text-primary:hover {
 +
        color: #0062cc !important
 +
    }
 +
 +
    .text-secondary {
 +
        color: #6c757d !important
 +
    }
 +
 +
    a.text-secondary:focus, a.text-secondary:hover {
 +
        color: #545b62 !important
 +
    }
 +
 +
    .text-success {
 +
        color: #28a745 !important
 +
    }
 +
 +
    a.text-success:focus, a.text-success:hover {
 +
        color: #1e7e34 !important
 +
    }
 +
 +
    .text-info {
 +
        color: #17a2b8 !important
 +
    }
 +
 +
    a.text-info:focus, a.text-info:hover {
 +
        color: #117a8b !important
 +
    }
 +
 +
    .text-warning {
 +
        color: #ffc107 !important
 +
    }
 +
 +
    a.text-warning:focus, a.text-warning:hover {
 +
        color: #d39e00 !important
 +
    }
 +
 +
    .text-danger {
 +
        color: #dc3545 !important
 +
    }
 +
 +
    a.text-danger:focus, a.text-danger:hover {
 +
        color: #bd2130 !important
 +
    }
 +
 +
    .text-light {
 +
        color: #f8f9fa !important
 +
    }
 +
 +
    a.text-light:focus, a.text-light:hover {
 +
        color: #dae0e5 !important
 +
    }
 +
 +
    .text-dark {
 +
        color: #343a40 !important
 +
    }
 +
 +
    a.text-dark:focus, a.text-dark:hover {
 +
        color: #1d2124 !important
 +
    }
 +
 +
    .text-body {
 +
        color: #212529 !important
 +
    }
 +
 +
    .text-muted {
 +
        color: #6c757d !important
 +
    }
 +
 +
    .text-black-50 {
 +
        color: rgba(0, 0, 0, .5) !important
 +
    }
 +
 +
    .text-white-50 {
 +
        color: rgba(255, 255, 255, .5) !important
 +
    }
 +
 +
    .text-hide {
 +
        font: 0/0 a;
 +
        color: transparent;
 +
        text-shadow: none;
 +
        background-color: transparent;
 +
        border: 0
 +
    }
 +
 +
    .visible {
 +
        visibility: visible !important
 +
    }
 +
 +
    .invisible {
 +
        visibility: hidden !important
 +
    }
 +
 +
    @media print {
 +
        *, ::after, ::before {
 +
            text-shadow: none !important;
 +
            box-shadow: none !important
 +
        }
 +
 +
        a:not(.btn) {
 +
            text-decoration: underline
 +
        }
 +
 +
        abbr[title]::after {
 +
            content: " (" attr(title) ")"
 +
        }
 +
 +
        pre {
 +
            white-space: pre-wrap !important
 +
        }
 +
 +
        blockquote, pre {
 +
            border: 1px solid #adb5bd;
 +
            page-break-inside: avoid
 +
        }
 +
 +
        thead {
 +
            display: table-header-group
 +
        }
 +
 +
        img, tr {
 +
            page-break-inside: avoid
 +
        }
 +
 +
        h2, h3, p {
 +
            orphans: 3;
 +
            widows: 3
 +
        }
 +
 +
        h2, h3 {
 +
            page-break-after: avoid
 +
        }
 +
 +
        @page {
 +
            size: a3
 +
        }
 +
 +
        body {
 +
            min-width: 992px !important
 +
        }
 +
 +
        .container {
 +
            min-width: 992px !important
 +
        }
 +
 +
        .navbar {
 +
            display: none
 +
        }
 +
 +
        .badge {
 +
            border: 1px solid #000
 +
        }
 +
 +
        .table {
 +
            border-collapse: collapse !important
 +
        }
 +
 +
        .table td, .table th {
 +
            background-color: #fff !important
 +
        }
 +
 +
        .table-bordered td, .table-bordered th {
 +
            border: 1px solid #dee2e6 !important
 +
        }
 +
    }
 +
 +
    /*# sourceMappingURL=bootstrap.min.css.map */
 +
</style>
 +
 +
 +
<style>
 +
    /* DEFAULT WIKI SETTINGS */
 +
    /**************************************************************************************************************************************************************************************************/
 +
 +
 +
    #home_logo, #sideMenu {
 +
        display: none;
 +
    }
 +
 +
    #sideMenu, #top_title, .patrollink {
 +
        display: none;
 +
    }
 +
 +
    #content {
 +
        margin-left: 0px;
 +
        margin-top: -7px;
 +
        padding: 0px;
 +
        width: 100%;
 +
        line-height: 1;
 +
    }
 +
 +
    body {
 +
        background-color: white;
 +
    }
 +
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
        margin-bottom: 0px;
 +
    }
 +
 +
    .judges-will-not-evaluate {
 +
        border: 4px solid #e4dede;
 +
        padding: 2% !important;
 +
        width: 92% !important;
 +
    }
 +
 +
    /* OWN Global Settings */
 +
    /**************************************************************************************************************************************************************************************************/
 +
    #top_menu_under {
 +
        height: 7px;
 +
    }
 +
 +
    #globalWrapper {
 +
        font-size: 100%;
 +
    }
 +
 +
    .fixed-top {
 +
        top: 16px;
 +
    }
 +
 +
    #HQ_page h1, h2, h3, h4, h5 {
 +
        font-family: inherit;
 +
    }
 +
 +
    /* table reboot from wiki */
 +
    #HQ_page th {
 +
        background-color: rgba(0, 158, 198, 0.3);
 +
        color: inherit;
 +
    }
 +
 +
    #HQ_page table .highlightBox {
 +
        background-color: rgba(0, 158, 198, 1);
 +
    }
 +
 +
    #HQ_page table {
 +
        margin-right: 0;
 +
        margin-left: 0;
 +
    }
 +
 +
    table {
 +
        text-align: left;
 +
    }
 +
 +
    .display-1 {
 +
        font-weight: 300 !important;
 +
    }
 +
 +
    #HQ_page p {
 +
        font-family: inherit;
 +
        font-size: 100%;
 +
    }
 +
 +
    #bodyContent a[href ^="https://"], .link-https {
 +
        padding-right: 0px;
 +
    }
 +
 +
    /* important for layout not overflow */
 +
    .row {
 +
        margin: 0;
 +
    }
 +
 +
    /* color codes */
 +
    .bg-phactory1 {
 +
        background-color: rgba(0, 203, 177, 1);
 +
        color: white;
 +
    }
 +
 +
    .bg-phactory1dark {
 +
        background-color: rgba(1, 101, 224, 1);
 +
        color: white;
 +
    }
 +
 +
    .text-phactory1 {
 +
        color: #009ec6;
 +
    }
 +
 +
    .text-phactory1dark {
 +
        color: rgba(1, 101, 224, 1);
 +
    }
 +
 +
    .text-phactoryTran {
 +
        background: -webkit-linear-gradient(rgba(1, 101, 224, 1), rgba(0, 203, 177, 1));
 +
        -webkit-background-clip: text;
 +
        -webkit-text-fill-color: transparent;
 +
    }
 +
 +
    .bg-phactory2 {
 +
        background-color: rgba(213, 59, 72, 1);
 +
        color: white;
 +
    }
 +
 +
    .bg-phactory2dark {
 +
        background-color: rgba(247, 148, 77, 1);
 +
        color: white;
 +
    }
 +
 +
    .text-phactory2 {
 +
        color: rgba(213, 59, 72, 1);
 +
    }
 +
 +
    .text-phactory2dark {
 +
        color: rgba(247, 148, 77, 1);
 +
    }
 +
 +
    .bg-phactory3 {
 +
        background-color: rgba(153, 0, 204, 1);
 +
        color: black;
 +
    }
 +
 +
    .bg-phactory3dark {
 +
        background-color: rgba(153, 51, 102, 1);
 +
        color: black;
 +
    }
 +
 +
    /* title area */
 +
    .pictureTitle {
 +
        height: 250px;
 +
        padding-top: 90px;
 +
    }
 +
 +
    /* social media */
 +
    .fa {
 +
        font-size: 20px;
 +
        text-align: center;
 +
        text-decoration: none;
 +
        color: white !important;
 +
        opacity: 0.7;
 +
    }
 +
 +
    .fa:hover {
 +
        text-decoration: none;
 +
        color: white;
 +
        opacity: 1;
 +
    }
 +
 +
 +
    /* sponsor foooter */
 +
    .sponsorLogo img {
 +
        padding: 8px;
 +
    }
 +
 +
    .sponsorLogo img {
 +
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 +
        filter: grayscale(100%);
 +
        max-height: 50px;
 +
    }
 +
 +
    .sponsorLogo img:hover {
 +
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 +
        filter: grayscale(0%);
 +
    }
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
Nav CSS ++++++++++++++++++++++++++++++*/
 +
    .dropdown:hover > .dropdown-menu {
 +
        display: block;
 +
    }
 +
 +
    .dropdown-menu {
 +
        background-color: rgba(100, 100, 100, 1);
 +
    }
 +
 +
    .dropdown-item, .dropdown-item:visited {
 +
        color: white;
 +
    }
 +
 +
    .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
 +
        color: white;
 +
        background-color: rgba(0, 158, 198, 1);
 +
    }
 +
 +
/*++++++++++++++++++++++++++++++++
 +
contents CSS ++++++++++++++++++++++++++++++*/
 +
    * {
 +
        box-sizing: border-box;
 +
    }
 +
 +
 +
    .glpContainer {
 +
        display: flex;
 +
        width: 100%;
 +
        margin: 0;
 +
        padding: 1em auto 0;
 +
    }
 +
 +
    .glpContainer > * {
 +
        padding: 20px 25px;
 +
    }
 +
 +
    /* Both Needed */
 +
    #glpContentsOuter {
 +
        position: relative;
 +
        flex-basis: 15vw;
 +
        width: 15vw;
 +
 +
    }
 +
 +
    /* Both Needed */
 +
    .table-of-contents {
 +
        position: relative;
 +
        flex-basis: 15vw;
 +
        width: 15vw;
 +
 +
    }
 +
 +
    .stickyContents {
 +
        position: fixed;
 +
        top: 120px;
 +
    }
 +
 +
    .table-of-contents p {
 +
        text-transform: uppercase;
 +
        letter-spacing: 0.125em;
 +
        color: #fff;
 +
    }
 +
 +
    .table-of-contents ul {
 +
        position: fixed;
 +
        /* Chrome (asshole) */
 +
        position: sticky;
 +
        /* Firefox */
 +
        margin-top: 2em;
 +
        top: 4em;
 +
    }
 +
 +
    h1:first-child {
 +
        margin-top: 0;
 +
    }
 +
 +
    .post-content {
 +
        flex-basis: 70vw;
 +
        max-width: 100%;
 +
        margin-left: 5vw;
 +
    }
 +
 +
    /* important to the link position of the headings */
 +
    .post-content h1 {
 +
        padding-top: 30px;
 +
        color: #2ecc71;
 +
    }
 +
 +
    /* important to the link position of the headings */
 +
    .post-content h2 {
 +
        padding-top: 80px;
 +
        color: #2ecc71;
 +
    }
 +
 +
    /* link color */
 +
    .post-content a {
 +
        color: #2ecc71;
 +
    }
 +
 +
    #glpreferences a {
 +
        color: #F4F0DE!important
 +
    }
 +
 +
    ol li {
 +
  counter-increment: list;
 +
  list-style-type: none;
 +
  position: relative;
 +
}
 +
/* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */
 +
    ol li:before {
 +
  color: #F4F0DE;
 +
  content: counter(list) ".";
 +
  left:-32px;
 +
  position: absolute;
 +
  text-align: right;
 +
  width: 26px;
 +
}
 +
 +
 +
    /* TOC part */
 +
 +
    .table-of-contents svg {
 +
        position: absolute;
 +
        left: 0;
 +
        top: 50%;
 +
        bottom: auto;
 +
        display: none;
 +
        stroke: #2ecc71;
 +
        transform: translateY(-50%);
 +
    }
 +
 +
    .toc-reading svg {
 +
        display: block;
 +
    }
 +
 +
    .table-of-contents ul {
 +
        width: 200px;
 +
        counter-reset: articles;
 +
        padding: 0;
 +
        margin-left: 0;
 +
    }
 +
 +
    .table-of-contents li {
 +
        display: block;
 +
        counter-increment: articles;
 +
    }
 +
 +
    .table-of-contents li + li {
 +
        margin-top: 2em;
 +
    }
 +
 +
    .table-of-contents a {
 +
        display: block;
 +
        padding: 0 1.1em 0 3.2em;
 +
        position: relative;
 +
        text-decoration: none;
 +
        color: #fff;
 +
        font-weight: bold;
 +
    }
 +
 +
    a.toc-reading,
 +
    a.toc-already-read.toc-reading {
 +
        color: #2ecc71;
 +
        opacity: 1;
 +
    }
 +
 +
    a.toc-already-read {
 +
        opacity: 0.6;
 +
    }
 +
 +
    .table-of-contents a:before {
 +
        content: counter(articles, decimal);
 +
        position: absolute;
 +
        bottom: auto;
 +
        left: 0;
 +
        top: 50%;
 +
        width: 36px;
 +
        height: 36px;
 +
        line-height: 34px;
 +
        text-align: center;
 +
        transform: translateY(-50%);
 +
        transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 +
        box-shadow: 0 3px 5px 0 black;
 +
        color: #fff;
 +
    }
 +
 +
    .post-content .row {
 +
        text-align: justify;
 +
    }
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
contents End ++++++++++++++++++++++++++++++*/
 +
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
slide in Start ++++++++++++++++++++++++++++++*/
 +
 +
    .slide-left.slide-in {
 +
        transform: translateX(-3%);
 +
    }
 +
 +
    .slide-right.slide-in {
 +
        transform: translateX(3%);
 +
    }
 +
 +
    .slide-bottom.slide-in {
 +
        transform: translateY(3%);
 +
    }
 +
 +
    .slide-top.slide-in {
 +
        transform: translateY(-3%);
 +
    }
 +
 +
    .slide-there.slide-in {
 +
        transform: scale(0.95);
 +
    }
 +
 +
    .slide-in {
 +
        opacity: 0;
 +
        transition: all 0.8s;
 +
    }
 +
 +
    .slide-in.active {
 +
        opacity: 1;
 +
        transform: translateX(0%) scale(1);
 +
    }
 +
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
slide in End ++++++++++++++++++++++++++++++*/
 +
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
quotes Start ++++++++++++++++++++++++++++++*/
 +
    .quote-card {
 +
        background: #fff;
 +
        color: #222;
 +
        padding: 20px;
 +
        padding-left: 50px;
 +
        box-sizing: border-box;
 +
        box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
 +
        position: relative;
 +
        overflow: hidden;
 +
        min-height: 120px;
 +
    }
 +
 +
    .quote-card p {
 +
        font-size: 22px !important;
 +
        line-height: 1.5;
 +
        margin: 0;
 +
        max-width: 80%;
 +
    }
 +
 +
    .quote-card cite {
 +
        font-size: 16px;
 +
        margin-top: 10px;
 +
        display: block;
 +
        font-weight: 200;
 +
        opacity: 0.8;
 +
    }
 +
 +
    .quote-card:before {
 +
        font-family: Georgia, serif;
 +
        content: "“";
 +
        position: absolute;
 +
        top: 10px;
 +
        left: 10px;
 +
        font-size: 5em;
 +
        color: rgba(238, 238, 238, 0.8);
 +
        font-weight: normal;
 +
    }
 +
 +
    .quote-card:after {
 +
        font-family: Georgia, serif;
 +
        content: "”";
 +
        position: absolute;
 +
        bottom: -110px;
 +
        line-height: 100px;
 +
        right: -32px;
 +
        font-size: 25em;
 +
        color: rgba(238, 238, 238, 0.8);
 +
        font-weight: normal;
 +
    }
 +
 +
    @media (max-width: 640px) {
 +
        .quote-card:after {
 +
            font-size: 10em;
 +
            right: 0px;
 +
            bottom: 0px;
 +
        }
 +
    }
 +
 +
    .quote-card.blue-card {
 +
        background: rgba(0, 158, 198, 1);
 +
        color: #fff;
 +
        box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 +
    }
 +
 +
    .quote-card.blue-card:before, .quote-card.blue-card:after {
 +
        color: rgba(0, 203, 177, 1);
 +
    }
 +
 +
    .quote-card.red-card {
 +
        background: #d32f2f;
 +
        color: #fff;
 +
        box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 +
    }
 +
 +
    .quote-card.red-card:before, .quote-card.red-card:after {
 +
        color: #f44336;
 +
    }
 +
 +
    .quote-card.yellow-card {
 +
        background: #f9a825;
 +
        color: #222;
 +
        box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 +
    }
 +
 +
    .quote-card.yellow-card:before, .quote-card.yellow-card:after {
 +
        color: #fbc02d;
 +
    }
 +
 +
    .credits {
 +
        margin-top: 80px;
 +
    }
 +
 +
    .credits a {
 +
        color: #222;
 +
        text-decoration: none;
 +
        text-shadow: 0 0 2px rgba(34, 34, 34, 0.24);
 +
        padding-bottom: 1px;
 +
        display: inline-block;
 +
        border-bottom: 1px dashed rgba(34, 34, 34, 0.24);
 +
        opacity: 0.6;
 +
        transition: 0.3s all ease-in;
 +
    }
 +
 +
    .credits a:hover {
 +
        border-bottom-style: solid;
 +
        opacity: 1;
 +
    }
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
quotes End ++++++++++++++++++++++++++++++*/
 +
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
gallery Start ++++++++++++++++++++++++++++++*/
 +
 +
    /* The grid: Four equal columns that floats next to each other */
 +
 +
    /* Style the images inside the grid */
 +
    .gaGallery .col img {
 +
        opacity: 0.8;
 +
        cursor: pointer;
 +
    }
 +
 +
    .gaGallery .col img:hover {
 +
        opacity: 1;
 +
    }
 +
 +
    /* The expanding image container */
 +
    .ga-container {
 +
        position: relative;
 +
        display: block;
 +
    }
 +
 +
    /* Expanding image text */
 +
    #imgtext {
 +
        position: absolute;
 +
        bottom: 15px;
 +
        left: 15px;
 +
        color: white;
 +
        font-size: 20px;
 +
    }
 +
 +
    /* Closable button inside the expanded image */
 +
    .closebtn {
 +
        position: absolute;
 +
        top: 10px;
 +
        right: 15px;
 +
        color: white;
 +
        font-size: 35px;
 +
        cursor: pointer;
 +
    }
 +
 +
    /*++++++++++++++++++++++++++++++++
 +
gallery End ++++++++++++++++++++++++++++++*/
 +
 +
    @media only screen and (max-width: 575.98px) {
 +
    }
 +
 +
    @media only screen and (max-width: 767.98px) {
 +
        .pictureTitle {
 +
            height: 200px;
 +
        }
 +
 +
        .pictureTitle .display-2 {
 +
            font-size: 2rem;
 +
        }
 +
 +
        .pictureTitle h4 {
 +
            font-size: 1rem;
 +
        }
 +
 +
        #glpContentsOuter {
 +
            display: none;
 +
        }
 +
 +
        .glpContainer {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0 auto;
 +
        }
 +
 +
        .glpContainer > * {
 +
            padding: 0;
 +
        }
 +
 +
        .post-content {
 +
            flex-basis: 90vw;
 +
            max-width: 100%;
 +
            margin: 0 3vw;
 +
        }
 +
 +
        /* important to the link position of the headings */
 +
        .post-content h2 {
 +
            padding-top: 50px;
 +
        }
 +
 +
        table {
 +
            font-size: .8rem;
 +
        }
 +
 +
        .quote-card p {
 +
            font-size: 1rem !important;
 +
        }
 +
    }
 +
 +
 +
    @media only screen and (max-width: 1199.98px) {
 +
 +
    }
 +
 +
    @media only screen and (max-width: 1400px) {
 +
        .table-of-contents a {
 +
            font-size: 0.8rem;
 +
        }
 +
 +
        .table-of-contents li + li {
 +
            margin-top: 1.5em;
 +
        }
 +
    }
 +
</style>
 +
    <head>
 +
        <title>GLP.exe</title>
 +
        <meta charset="utf-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
 +
        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
 +
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css"/>
 +
        <style>
 +
            .mfp-bg {
 +
                top: 0;
 +
                left: 0;
 +
                width: 100%;
 +
                height: 100%;
 +
                z-index: 1042;
 +
                overflow: hidden;
 +
                position: fixed;
 +
                background: #0b0b0b;
 +
                opacity: 0.8;
 +
            }
 +
 +
            .mfp-wrap {
 +
                top: 0;
 +
                left: 0;
 +
                width: 100%;
 +
                height: 100%;
 +
                z-index: 1043;
 +
                position: fixed;
 +
                outline: none !important;
 +
                -webkit-backface-visibility: hidden;
 +
            }
 +
 +
            .mfp-container {
 +
                text-align: center;
 +
                position: absolute;
 +
                width: 100%;
 +
                height: 100%;
 +
                left: 0;
 +
                top: 0;
 +
                padding: 0 8px;
 +
                box-sizing: border-box;
 +
            }
 +
 +
            .mfp-container:before {
 +
                content: '';
 +
                display: inline-block;
 +
                height: 100%;
 +
                vertical-align: middle;
 +
            }
 +
 +
            .mfp-align-top .mfp-container:before {
 +
                display: none;
 +
            }
 +
 +
            .mfp-content {
 +
                position: relative;
 +
                display: inline-block;
 +
                vertical-align: middle;
 +
                margin: 0 auto;
 +
                text-align: left;
 +
                z-index: 1045;
 +
            }
 +
 +
            .mfp-inline-holder .mfp-content,
 +
            .mfp-ajax-holder .mfp-content {
 +
                width: 100%;
 +
                cursor: auto;
 +
            }
 +
 +
            .mfp-ajax-cur {
 +
                cursor: progress;
 +
            }
 +
 +
            .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
 +
                cursor: -moz-zoom-out;
 +
                cursor: -webkit-zoom-out;
 +
                cursor: zoom-out;
 +
            }
 +
 +
            .mfp-zoom {
 +
                cursor: pointer;
 +
                cursor: -webkit-zoom-in;
 +
                cursor: -moz-zoom-in;
 +
                cursor: zoom-in;
 +
            }
 +
 +
            .mfp-auto-cursor .mfp-content {
 +
                cursor: auto;
 +
            }
 +
 +
            .mfp-close,
 +
            .mfp-arrow,
 +
            .mfp-preloader,
 +
            .mfp-counter {
 +
                -webkit-user-select: none;
 +
                -moz-user-select: none;
 +
                user-select: none;
 +
            }
 +
 +
            .mfp-loading.mfp-figure {
 +
                display: none;
 +
            }
 +
 +
            .mfp-hide {
 +
                display: none !important;
 +
            }
 +
 +
            .mfp-preloader {
 +
                color: #CCC;
 +
                position: absolute;
 +
                top: 50%;
 +
                width: auto;
 +
                text-align: center;
 +
                margin-top: -0.8em;
 +
                left: 8px;
 +
                right: 8px;
 +
                z-index: 1044;
 +
            }
 +
 +
            .mfp-preloader a {
 +
                color: #CCC;
 +
            }
 +
 +
            .mfp-preloader a:hover {
 +
                color: #FFF;
 +
            }
 +
 +
            .mfp-s-ready .mfp-preloader {
 +
                display: none;
 +
            }
 +
 +
            .mfp-s-error .mfp-content {
 +
                display: none;
 +
            }
 +
 +
            button.mfp-close,
 +
            button.mfp-arrow {
 +
                overflow: visible;
 +
                cursor: pointer;
 +
                background: transparent;
 +
                border: 0;
 +
                -webkit-appearance: none;
 +
                display: block;
 +
                outline: none;
 +
                padding: 0;
 +
                z-index: 1046;
 +
                box-shadow: none;
 +
                touch-action: manipulation;
 +
            }
 +
 +
            button::-moz-focus-inner {
 +
                padding: 0;
 +
                border: 0;
 +
            }
 +
 +
            .mfp-close {
 +
                width: 44px;
 +
                height: 44px;
 +
                line-height: 44px;
 +
                position: absolute;
 +
                right: 0;
 +
                top: 0;
 +
                text-decoration: none;
 +
                text-align: center;
 +
                opacity: 0.65;
 +
                padding: 0 0 18px 10px;
 +
                color: #FFF;
 +
                font-style: normal;
 +
                font-size: 28px;
 +
                font-family: Arial, Baskerville, monospace;
 +
            }
 +
 +
            .mfp-close:hover,
 +
            .mfp-close:focus {
 +
                opacity: 1;
 +
            }
 +
 +
            .mfp-close:active {
 +
                top: 1px;
 +
            }
 +
 +
            .mfp-close-btn-in .mfp-close {
 +
                color: #333;
 +
            }
 +
 +
            .mfp-image-holder .mfp-close,
 +
            .mfp-iframe-holder .mfp-close {
 +
                color: #FFF;
 +
                right: -6px;
 +
                text-align: right;
 +
                padding-right: 6px;
 +
                width: 100%;
 +
            }
 +
 +
            .mfp-counter {
 +
                position: absolute;
 +
                top: 0;
 +
                right: 0;
 +
                color: #CCC;
 +
                font-size: 12px;
 +
                line-height: 18px;
 +
                white-space: nowrap;
 +
            }
 +
 +
            .mfp-arrow {
 +
                position: absolute;
 +
                opacity: 0.65;
 +
                margin: 0;
 +
                top: 50%;
 +
                margin-top: -55px;
 +
                padding: 0;
 +
                width: 90px;
 +
                height: 110px;
 +
                -webkit-tap-highlight-color: transparent;
 +
            }
 +
 +
            .mfp-arrow:active {
 +
                margin-top: -54px;
 +
            }
 +
 +
            .mfp-arrow:hover,
 +
            .mfp-arrow:focus {
 +
                opacity: 1;
 +
            }
 +
 +
            .mfp-arrow:before,
 +
            .mfp-arrow:after {
 +
                content: '';
 +
                display: block;
 +
                width: 0;
 +
                height: 0;
 +
                position: absolute;
 +
                left: 0;
 +
                top: 0;
 +
                margin-top: 35px;
 +
                margin-left: 35px;
 +
                border: medium inset transparent;
 +
            }
 +
 +
            .mfp-arrow:after {
 +
                border-top-width: 13px;
 +
                border-bottom-width: 13px;
 +
                top: 8px;
 +
            }
 +
 +
            .mfp-arrow:before {
 +
                border-top-width: 21px;
 +
                border-bottom-width: 21px;
 +
                opacity: 0.7;
 +
            }
 +
 +
            .mfp-arrow-left {
 +
                left: 0;
 +
            }
 +
 +
            .mfp-arrow-left:after {
 +
                border-right: 17px solid #FFF;
 +
                margin-left: 31px;
 +
            }
 +
 +
            .mfp-arrow-left:before {
 +
                margin-left: 25px;
 +
                border-right: 27px solid #3F3F3F;
 +
            }
 +
 +
            .mfp-arrow-right {
 +
                right: 0;
 +
            }
 +
 +
            .mfp-arrow-right:after {
 +
                border-left: 17px solid #FFF;
 +
                margin-left: 39px;
 +
            }
 +
 +
            .mfp-arrow-right:before {
 +
                border-left: 27px solid #3F3F3F;
 +
            }
 +
 +
            .mfp-iframe-holder {
 +
                padding-top: 40px;
 +
                padding-bottom: 40px;
 +
            }
 +
 +
            .mfp-iframe-holder .mfp-content {
 +
                line-height: 0;
 +
                width: 100%;
 +
                max-width: 900px;
 +
            }
 +
 +
            .mfp-iframe-holder .mfp-close {
 +
                top: -40px;
 +
            }
 +
 +
            .mfp-iframe-scaler {
 +
                width: 100%;
 +
                height: 0;
 +
                overflow: hidden;
 +
                padding-top: 56.25%;
 +
            }
 +
 +
            .mfp-iframe-scaler iframe {
 +
                position: absolute;
 +
                display: block;
 +
                top: 0;
 +
                left: 0;
 +
                width: 100%;
 +
                height: 100%;
 +
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 +
                background: #000;
 +
            }
 +
 +
            /* Main image in popup */
 +
            img.mfp-img {
 +
                width: auto;
 +
                max-width: 100%;
 +
                height: auto;
 +
                display: block;
 +
                line-height: 0;
 +
                box-sizing: border-box;
 +
                padding: 40px 0 40px;
 +
                margin: 0 auto;
 +
            }
 +
 +
            /* The shadow behind the image */
 +
            .mfp-figure {
 +
                line-height: 0;
 +
            }
 +
 +
            .mfp-figure:after {
 +
                content: '';
 +
                position: absolute;
 +
                left: 0;
 +
                top: 40px;
 +
                bottom: 40px;
 +
                display: block;
 +
                right: 0;
 +
                width: auto;
 +
                height: auto;
 +
                z-index: -1;
 +
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 +
                background: #444;
 +
            }
 +
 +
            .mfp-figure small {
 +
                color: #BDBDBD;
 +
                display: block;
 +
                font-size: 12px;
 +
                line-height: 14px;
 +
            }
 +
 +
            .mfp-figure figure {
 +
                margin: 0;
 +
            }
 +
 +
            .mfp-bottom-bar {
 +
                margin-top: -36px;
 +
                position: absolute;
 +
                top: 100%;
 +
                left: 0;
 +
                width: 100%;
 +
                cursor: auto;
 +
            }
 +
 +
            .mfp-title {
 +
                text-align: left;
 +
                line-height: 18px;
 +
                color: #F3F3F3;
 +
                word-wrap: break-word;
 +
                padding-right: 36px;
 +
            }
 +
 +
            .mfp-image-holder .mfp-content {
 +
                max-width: 100%;
 +
            }
 +
 +
            .mfp-gallery .mfp-image-holder .mfp-figure {
 +
                cursor: pointer;
 +
            }
 +
 +
            @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
 +
                /**
 +
      * Remove all paddings around the image on small screen
 +
      */
 +
                .mfp-img-mobile .mfp-image-holder {
 +
                    padding-left: 0;
 +
                    padding-right: 0;
 +
                }
 +
 +
                .mfp-img-mobile img.mfp-img {
 +
                    padding: 0;
 +
                }
 +
 +
                .mfp-img-mobile .mfp-figure:after {
 +
                    top: 0;
 +
                    bottom: 0;
 +
                }
 +
 +
                .mfp-img-mobile .mfp-figure small {
 +
                    display: inline;
 +
                    margin-left: 5px;
 +
                }
 +
 +
                .mfp-img-mobile .mfp-bottom-bar {
 +
                    background: rgba(0, 0, 0, 0.6);
 +
                    bottom: 0;
 +
                    margin: 0;
 +
                    top: auto;
 +
                    padding: 3px 5px;
 +
                    position: fixed;
 +
                    box-sizing: border-box;
 +
                }
 +
 +
                .mfp-img-mobile .mfp-bottom-bar:empty {
 +
                    padding: 0;
 +
                }
 +
 +
                .mfp-img-mobile .mfp-counter {
 +
                    right: 5px;
 +
                    top: 3px;
 +
                }
 +
 +
                .mfp-img-mobile .mfp-close {
 +
                    top: 0;
 +
                    right: 0;
 +
                    width: 35px;
 +
                    height: 35px;
 +
                    line-height: 35px;
 +
                    background: rgba(0, 0, 0, 0.6);
 +
                    position: fixed;
 +
                    text-align: center;
 +
                    padding: 0;
 +
                }
 +
            }
 +
 +
            @media all and (max-width: 900px) {
 +
                .mfp-arrow {
 +
                    -webkit-transform: scale(0.75);
 +
                    transform: scale(0.75);
 +
                }
 +
 +
                .mfp-arrow-left {
 +
                    -webkit-transform-origin: 0;
 +
                    transform-origin: 0;
 +
                }
 +
 +
                .mfp-arrow-right {
 +
                    -webkit-transform-origin: 100%;
 +
                    transform-origin: 100%;
 +
                }
 +
 +
                .mfp-container {
 +
                    padding-left: 6px;
 +
                    padding-right: 6px;
 +
                }
 +
            }
 +
 +
            .mfp-zoom-out {
 +
                /* start state */
 +
                /* animate in */
 +
                /* animate out */
 +
            }
 +
 +
            .mfp-zoom-out .mfp-with-anim {
 +
                opacity: 0;
 +
                transition: all 0.3s ease-in-out;
 +
                transform: scale(1.3);
 +
            }
 +
 +
            .mfp-zoom-out.mfp-bg {
 +
                opacity: 0;
 +
                transition: all 0.3s ease-out;
 +
            }
 +
 +
            .mfp-zoom-out.mfp-ready .mfp-with-anim {
 +
                opacity: 1;
 +
                transform: scale(1);
 +
            }
 +
 +
            .mfp-zoom-out.mfp-ready.mfp-bg {
 +
                opacity: 0.8;
 +
            }
 +
 +
            .mfp-zoom-out.mfp-removing .mfp-with-anim {
 +
                transform: scale(1.3);
 +
                opacity: 0;
 +
            }
 +
 +
            .mfp-zoom-out.mfp-removing.mfp-bg {
 +
                opacity: 0;
 +
            }
 +
        </style>
 +
 +
    </head>
 +
 +
<body style="">
 +
  <section id="nav-placeholder">
 +
    <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
 +
        style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
 +
        <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen">
 +
            <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo"
 +
                style="width:70px;">
 +
            <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
 +
        </a>
 +
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 +
            <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
 +
            <ul class="navbar-nav">
 +
                <li id="ourStoryButton" class="nav-item mx-3">
 +
                    <a class="nav-link" href="/Team:Tuebingen/Story"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR STORY</a>
 +
                </li>
 +
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        PROJECT
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Description"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill Switch</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/CPP"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Cell Penetrating Peptides</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Results"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        PARTS
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Parts"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts Overview</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part Collection</a>
 +
                    </div>
 +
                </li>
 +
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
 +
                        PEOPLE
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Team"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
 +
                    </div>
 +
                </li>
 +
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        HUMAN PRACTICES
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
 +
                            Engagement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Experts"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/SDG"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development
 +
                            Goals</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta Science
 +
                            Center</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item dropdown mx-3">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
 +
                        AWARDS
 +
                    </a>
 +
                    <div class="dropdown-menu">
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
 +
                            Engagement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
 +
                            Entrepreneurship</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 +
                    </div>
 +
                </li>
 +
 +
                <li class="nav-item mx-3">
 +
                    <a class="nav-link" href="/Team:Tuebingen/Safety"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
 +
                </li>
 +
 +
                <li class="nav-item mx-3">
 +
                    <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
 +
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING
 +
                        FORM ⇗</a>
 +
                </li>
 +
 +
                <li class="nav-item mx-1 pt-2">
 +
                    <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
 +
                </li>
 +
                <li class="nav-item mx-1 pt-2">
 +
                    <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
 +
                </li>
 +
                <li class="nav-item mx-1 pt-2">
 +
                    <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
 +
                </li>
 +
 +
            </ul>
 +
        </div>
 +
    </nav>
 +
</section>
 +
<script>
 +
    var url = window.location.href;
 +
    $(function () {
 +
        $('.nav-link[href="' + url + '"]').addClass("active");
 +
        $('.dropdown-item[href="' + url + '"]').addClass("active");
 +
        $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
 +
    });
 +
</script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/popperjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
 +
</body>
 +
 +
<style>
 +
 +
    .pictureTitle {
 +
        background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)), url("http://2018.igem.org/wiki/images/2/21/T--Munich--header_projectdesign.png");
 +
        background-repeat: no-repeat;
 +
        background-size: cover;
 +
        background-position: center;
 +
    }
 +
 +
 +
    @media only screen and (max-width: 575.98px) {
 +
    }
 +
 +
    @media only screen and (max-width: 767.98px) {
 +
    }
 +
 +
    @media only screen and (max-width: 991.98px) {
 +
    }
 +
 +
    @media only screen and (max-width: 1199.98px) {
 +
    }
 +
 +
    /*
 +
========================
 +
    BUTTON STYLE BEGIN
 +
========================
 +
*/
 +
 +
.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;
 +
        box-shadow: none
 +
    }
 +
 +
    .btn-link.disabled, .btn-link:disabled {
 +
        color: #6c757d;
 +
        pointer-events: none
 +
    }
 +
 +
    .btn-link{
 +
opacity: 0.8;
 +
text-decoration: none;
 +
color: white;
 +
}
 +
.btn-link:hover{
 +
opacity: 1;
 +
text-decoration: none;
 +
    color: rgba(105, 202, 98, 1.1);
 +
}
 +
.btn-link:focus{
 +
opacity: 1;
 +
text-decoration: none;
 +
    color: rgba(105, 202, 98, 1.1);
 +
}
 +
.card-header{
 +
background-color: rgba(50,50,50,1);
 +
}
 +
.card button{
 +
width: 100%;
 +
font-size: 1.5rem;
 +
}
 +
    /*
 +
========================
 +
    BUTTON STYLE END
 +
========================
 +
*/
 +
 +
    /*
 +
========================
 +
      BUTTON ONE
 +
========================
 +
*/
 +
.btn-one {
 +
color: rgba(105, 202, 98, 1.1);
 +
transition: all 0.3s;
 +
position: relative;
 +
}
 +
.btn-one span {
 +
transition: all 0.3s;
 +
}
 +
.btn-one::before {
 +
content: '';
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 1;
 +
opacity: 0;
 +
transition: all 0.3s;
 +
border-top-width: 1px;
 +
border-bottom-width: 1px;
 +
border-top-style: solid;
 +
border-bottom-style: solid;
 +
border-top-color: rgba(105, 202, 98, 1.1);
 +
border-bottom-color: rgba(105, 202, 98, 1.1);
 +
transform: scale(0.1, 1);
 +
}
 +
.btn-one:hover span {
 +
letter-spacing: 2px;
 +
}
 +
.btn-one:hover::before {
 +
opacity: 1;
 +
transform: scale(1, 1);
 +
}
 +
.btn-one::after {
 +
content: '';
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
z-index: 1;
 +
transition: all 0.3s;
 +
background-color: rgba(255,255,255,0.05);
 +
}
 +
.btn-one:hover::after {
 +
opacity: 0;
 +
transform: scale(0.1, 1);}
 +
    /*
 +
========================
 +
      BUTTON ONE END
 +
========================
 +
*/
 +
 +
    /*
 +
    ======================
 +
    HEADER BANNER STYLE BEGIN
 +
    ==========================
 +
    */
 +
 +
    .header {
 +
        position: relative;
 +
        overflow: hidden;
 +
        display: flex;
 +
        flex-wrap: wrap;
 +
        justify-content: center;
 +
        align-items: flex-start;
 +
        align-content: flex-start;
 +
        height: 50vh;
 +
        max-height: 350px;
 +
        min-width: 300px;
 +
        color: #eee;
 +
    }
 +
 +
    .header:after {
 +
        content: "";
 +
        width: 100%;
 +
        height: 100%;
 +
        position: absolute;
 +
        bottom: 0;
 +
        left: 0;
 +
        z-index: -1;
 +
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 40%, rgba(27, 32, 48, 1) 100%);
 +
    }
 +
 +
    .header:before {
 +
        content: "";
 +
        width: 100%;
 +
        height: 100%;
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 +
        -webkit-backface-visibility: hidden;
 +
        -webkit-transform: translateZ(0) scale(1.0, 1.0);
 +
        transform: translateZ(0);
 +
        background: #1B2030 url(https://2019.igem.org/wiki/images/a/a0/T--Tuebingen--description-banner.jpg) center no-repeat;
 +
        background-size: 100%, 100%;
 +
        animation: grow 30s linear 10ms infinite;
 +
        transition: all 0.2s ease-in-out;
 +
        z-index: -2
 +
    }
 +
 +
    .header a {
 +
        color: #eee
 +
    }
 +
 +
    .info {
 +
        width: 100%;
 +
        padding: 15% 10% 0 10%;
 +
        text-align: center;
 +
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.2)
 +
    }
 +
 +
    .info h1{
 +
        font-size:3.0em;
 +
    }
 +
 +
    .info h4, .meta {
 +
        font-size: 0.7em
 +
    }
 +
 +
    @media only screen and (min-width: 2250px) {
 +
        .info h1 {
 +
            margin-top: -50%;
 +
        }
 +
    }
 +
 +
    @media only screen and (min-width: 2000px) {
 +
        .info h1 {
 +
            margin-top: -10%;
 +
        }
 +
    }
 +
 +
    @media only screen and (min-width: 1500px) {
 +
        .info h1 {
 +
            margin-top: -5%;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 800px) {
 +
        .info h1 {
 +
            margin-top: 9%;
 +
            font-size: 2.3em;
 +
            text-align: center;
 +
        }
 +
 +
        .header {
 +
            height: 45vh;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 660px) {
 +
        .info h1 {
 +
            margin-top: 10%;
 +
            font-size: 2.3em;
 +
        }
 +
 +
        .header {
 +
            height:40vh
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 600px) {
 +
        .header {
 +
            height:35vh
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 560px) {
 +
        .info h1 {
 +
            margin-top: 15%;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 500px) {
 +
        .header {
 +
            height:30vh
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 470px) {
 +
        .info h1 {
 +
            margin-top: 10%;
 +
            font-size: 1.9em;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 450px) {
 +
        .header {
 +
            height:25vh
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 400px) {
 +
        .info h1 {
 +
            margin-top: 15%;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 350px) {
 +
        .info h1 {
 +
            margin-top: 18%;
 +
        }
 +
    }
 +
 +
    @keyframes grow {
 +
        0% {
 +
            transform: scale(1)
 +
        }
 +
        50% {
 +
            transform: scale(1.2)
 +
        }
 +
    }
 +
 +
    /*  ======================
 +
        HEADER BANNER STYLE END
 +
        ==========================
 +
        */
 +
 +
</style>
 +
 +
<!-- Header Banner Begin-->
 +
<div class="header">
 +
  <div class="info">
 +
    <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">Nissle</h1>
 +
  </div>
 +
</div>
 +
<!-- Header Banner End-->
 +
 +
 +
<div style="background-color: #232323; overflow-x: fragments; overflow-wrap: inherit">
 +
 +
<div class="glpContainer">
 +
    <aside id="glpContentsOuter" style="background-color: #232323">
 +
        <aside id="phaContents" class="table-of-contents">
 +
            <!-- will be generated with JS -->
 +
        </aside>
 +
    </aside>
 +
 +
    <main class="post-content">
 +
        <div id="image-popups">
 +
 +
        <h2 style="font-family:'Righteous'; color:#2ecc71;">Introduction</h2>
 +
        <div class="row">
 +
            <div class="col-12">
 +
                <p>Escherichia coli Nissle 1917 (EcN) is probably
 +
                    the most intensively investigated bacterial strain today [1]. Despite the fact that the
 +
                    EcN strain is widely used as a probiotic, a lot of questions remain. Hence, we decided to
 +
                    dive deep into the characterization of EcN. Our goal was to find out more about EcN itself and
 +
                    to provide crucial information to include EcN as a platform organism for other iGEM Teams and researchers.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">Growth Curves</h2>
 +
            <div class="row">
 +
                <div class="col-12">
 +
                    <p>
 +
                        The first step in the characterization of a bacterium is conducting growth experiments in
 +
                        different media and under different conditions. This helps to get a better understanding of
 +
                        beneficial conditions for growth of the culture, which will improve folliwing experiments. We
 +
                        chose to perform half of our experiments under aerobic and the other half under anaerobic conditions.
 +
                        As a control, we grew EcN in LB medium at 37°C and pH 7 under aerobic conditions. We tested growth at
 +
                        a variety of different temperatures (25°C, 8°C, 4°C and 0°C) showing that EcN growth is inhibited at
 +
                        8°C, the temperature often used for cold shock (Fig. 1).
 +
                    </p>
 +
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/b/b5/T--Tuebingen--pH7-diff-Temp-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig.1: EcN growth in LB medium at pH7">
 +
                            <img src="https://2019.igem.org/wiki/images/b/b5/T--Tuebingen--pH7-diff-Temp-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig. 1: EcN growth in LB medium at pH 7. All cultures were inoculated
 +
                            with an overnight culture and grown for 120 minutes at 37°C. Next, the temperature was
 +
                            changed to 0°C, 4°C, 8°C and 25°C, while one control was kept at 37°C. Shown are mean
 +
                            values of triplicates.</figcaption>
 +
                    </figure>
 +
 +
                    <p>
 +
                        Moreover, we evaluated the growth in the pH range from pH 6 to pH 1, since in our application
 +
                        EcN will have to pass the acidity of the stomach. Here, at pH 4 we discovered an interesting
 +
                        recovery of EcN growth after three hours (Fig. 2).
 +
                    </p>
 +
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/c/cf/T--Tuebingen--37-diff-pH-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig.2: EcN growth curve in LB at 37°C under different pH levels">
 +
                            <img src="https://2019.igem.org/wiki/images/c/cf/T--Tuebingen--37-diff-pH-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig.2: EcN growth curve in LB at 37°C under different pH levels. Until
 +
                            120 min all cultures inoculated from one overnight culture grew at pH 7. Then, media was
 +
                            changed to the respective pH and cultures were grown for 3 hours. pH 5 and pH 6 grew as usual,
 +
                            pH 1,2,3 did not grow at all, while pH 4 started to grow after 3 hours. Thus, media was
 +
                            changed again after 3 hours to pH 7. pH 6 and pH 5 grew as usual, pH 1,2,3 did not recover.
 +
                            Cultures grown in pH 4 recovered and grew as usual. Shown are values of one culture for each pH.</figcaption>
 +
                    </figure>
 +
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/b/b8/T--Tuebingen--pH4-3x-37-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig. 3: EcN growth in LB at 37°C with pH changed from pH 7 to pH 4 after
 +
                            two hours of growth">
 +
                            <img src="https://2019.igem.org/wiki/images/b/b8/T--Tuebingen--pH4-3x-37-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig. 3: EcN growth in LB at 37°C with pH changed from pH 7 to pH 4 after
 +
                            two hours of growth. After 150 minutes within pH 4, EcN started to grow comparable to pH 7
 +
                            cultures. Shown are the three cultures inoculated from the same overnight culture of EcN. </figcaption>
 +
                    </figure>
 +
                    <p>
 +
                        To look into inflammatory stress, we subjected EcN to up to 100 µM hydrogen peroxide [2] and
 +
                        showed that the growth is not substantially influenced by this chemical (Fig. 4).
 +
                    </p>
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/b/bf/T--Tuebingen--H2O2-triplicates-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/b/bf/T--Tuebingen--H2O2-triplicates-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig. 4: EcN growth in different concentrations of Hydrogen Peroxide,
 +
                            infused after two hours of growth at 37°C, pH 7 in LB medium. 100 µM Hydrogen Peroxide with
 +
                            slightly inhibited growth. Shown are the means of triplicates for each concentration.</figcaption>
 +
                    </figure>
 +
                    <p>
 +
                        Lastly, we performed dryfreezing and recovered EcN afterwards under control conditions [3][4][5].
 +
                        The experiment showed that dryfreezing within skim milk protects the bacteria from substantial death (Fig. 5).
 +
                    </p>
 +
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/9/90/T--Tuebingen--Dryfreeze-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/9/90/T--Tuebingen--Dryfreeze-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig. 5: EcN growth of cultures previously subjected to a dryfreeze protocol.
 +
                            Shown are the mean values of triplicates of cultures grown at 37°C, pH 7 in LB grown for recovery. </figcaption>
 +
                    </figure>
 +
                    <p>
 +
                        Anaerobic conditions were used to characterize EcN growth under the circumstances provided in
 +
                        the human intestines. Thus, as a control we compared EcN growth in LB medium versus mGAM medium
 +
                        under anaerobic conditions. The experiment showed that mGAM, a medium designed for anaerobic
 +
                        application, is in fact a more suitable medium (Fig. 6).  Then, we subjected the culture to
 +
                        metformin treatment, since it is one of the most common treatments of Diabetes and is known
 +
                        to accumulate to 720 µM to 7.2 mM within the intestines due to low bioavailability [6][7].
 +
                        We showed that EcN growth is not substantially influenced by 1.3 mM of metformin into mGAM
 +
                        medium (Fig. 6). Moreover, we tested for EcN’s resistance against cholic acid, since it is
 +
                        commonly secreted into the ileum. Here, we added 0.25 mM cholic acid to mGAM medium,
 +
                        considering that the concentration of free bile salts may rise to 0.25 mM to 1 mM of
 +
                        total bile salts in the Ileum, with cholic acid only being one component [8][9]. Our
 +
                        results suggested that EcN growth is not greatly influenced by cholic acid (Fig. 6).
 +
                    </p>
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--anaerobic-all-4x-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--anaerobic-all-4x-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig. 6: EcN growth under four anaerobic conditions compared to EcN
 +
                            aerobic growth. Shown are the mean values of four samples inoculated with the
 +
                            same overnight culture. Experiments were conducted at 37°C and pH 7. LB aerobic growth as
 +
                            a control. Other samples are LB anaerobic growth, mGAM anaerobic growth, as well as mGAM
 +
                            medium supplemented with either 1.3 mM Metformin or 0.25 mM Cholic Acid. Samples for RNA
 +
                            sequencing were taken after 270 minutes for all anaerobic conditions, since the increase of
 +
                            pressure within the flasks indicated a change of metabolism of EcN to fermentation processes.
 +
                            Aerobic LB growth samples were taken at OD600=1.0.</figcaption>
 +
                    </figure>
 +
                    <p>
 +
                        Finally, we tested EcN interaction with other bacteria by adding bacterial supernatant to our
 +
                        medium. The supernatant was sterilized and provided by Dr. Lisa Maier. We chose Bacteroides
 +
                        thetaiotaomicron, Prevotella copri and Ruminococcus gnavus since they are commonly found within
 +
                        the human microbiome [10]. Bifidobacterium adolescentis was chosen due to its probiotic nature
 +
                        and Clostridium difficile supernatant was used, since it is often found in the microbiome of
 +
                        people with chronic inflammation [10][11]. The results suggest that EcN grows under all additions,
 +
                        however was initially inhibited in its growth by the addition of Bacteroides spp., thus we used
 +
                        these samples for RNA-Seq (Fig. 7).
 +
                    </p>
 +
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/7/74/T--Tuebingen--bacterial-SN-white.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/7/74/T--Tuebingen--bacterial-SN-white.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE">Fig. 7: EcN growth in mGAM medium under anaerobic conditions at 37°C,
 +
                            pH 7 supplemented with either 50% supernatant of different species or 50% of water as a control
 +
                            for depleted nutrients. All cultures were inoculated with the same overnight culture of EcN.
 +
                            Bacteroides spp. with strongest change in growth within the first 200 min of the experiment.
 +
                            Shown are mean values of four samples each.  Bacteroides samples were taken for RNA sequencing
 +
                            after 225 minutes.</figcaption>
 +
                    </figure>
 +
                </div>
 +
            </div>
 +
 +
            <h2 style="font-family:'Righteous';">RNASeq</h2>
 +
            <div class="row">
 +
                <div class="col-12">
 +
                    <p>
 +
                        The transcriptome describes the set of all RNA molecules in a population of cells and is
 +
                        subject to continuous changes. Understanding the complete transcriptome, the expressed genes,
 +
                        post-transcriptional modifications and additional properties of interest is imperative towards
 +
                        understanding genetic cause, disease and possible treatment strategies.
 +
                    </p>
 +
                    <p>
 +
                        The inherent complexity of the transcriptome requires precise and scaling analysis techniques.
 +
                        RNA sequencing (RNA-Seq), also known as whole transcriptome shotgun sequencing (WTSS), is most
 +
                        commonly used for this purpose, today. It uses next-generation sequencing (NGS) to detect and
 +
                        quantify RNA in biological samples.
 +
                    </p>
 +
                    <p>
 +
                        The generated RNA-Seq read data is then analyzed according to a sample RNA-Seq work-flow (Fig. 7).
 +
                    </p>
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/7/7f/T--Tuebingen--RNA-Seq-transparent.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/7/7f/T--Tuebingen--RNA-Seq-transparent.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="A generic square placeholder image with rounded corners in a figure."></a>
 +
                        <figcaption style="color: #F4F0DE; font-size: small">Fig. 7: After several complex library
 +
                            preparation steps, the cDNA is sequenced and the generated fragments, called reads,
 +
                            are saved and subject to subsequent bioinformatic analysis. The reads are mapped against
 +
                            a reference genome and quantified. To incorporate possible technical and biological biases,
 +
                            such as sequencing depth, the counts are normalized. </figcaption>
 +
                    </figure>
 +
                    <p>
 +
                        Next, a statistical analysis yields all differentially expressed genes, which are used for Gene
 +
                        Ontology (GO) enrichment, as well as pathway analysis.
 +
                    </p>
 +
                    <p>
 +
                        We set ourselves the goal of understanding the transcriptomic changes that EcN undergoes under
 +
                        various stress conditions to gain a deeper insight into its responses. Understanding these stress
 +
                        responses of E. coli Nissle 1917 could lead to the development of more robust strains, which not
 +
                        only our project would benefit from, but also scientists working on probiotic drugs in general.
 +
                    </p>
 +
                    <p>
 +
                        We divided our experimental design into two parts. One part was to investigate the
 +
                        effect of environmental stress on E. coli Nissle 1917 under aerobic conditions, the
 +
                        other part was to examine the responses under anaerobic conditions. Hence, our experimental
 +
                        design looks as follows:
 +
                    </p>
 +
                        <table class="veggie">
 +
                                <caption>Table 1: Conditions of RNA-Seq samples. Overnight cultures of EcN were
 +
                                    inoculated under the respective conditions and pelleted when OD600=0.8 to 1.0 was
 +
                                    reached. Pellets were resuspended in RNAlater and prepared for RNA sequencing.</caption>
 +
                                <tbody>
 +
                                <th>Aerobic</th>
 +
                                <th>Anaerobic</th>
 +
                                    <tr>
 +
                                        <td>LB, pH 7, 37°C</td>
 +
                                        <td>LB, pH7, 37°C</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>LB, pH7, 25°C</td>
 +
                                        <td>mGAM, pH7, 37°C</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>LB, pH7, 8°C</td>
 +
                                        <td>mGAM + Metformin, pH7, 37°C</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>LB, pH4, 37°C</td>
 +
                                        <td>mGAM + Cholic Acid, pH7, 37°C</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>LB, 100µM H2O2, 37°C</td>
 +
                                        <td>mGAM + Bacteroides SN, pH7, 37°C</td>
 +
                                    </tr>
 +
                                    <tr>
 +
                                        <td>LB, 37°C post dry-freeze, pH7</td>
 +
                                        <td>Control, aerobic, LB, pH7, 37°C</td>
 +
                                    </tr>
 +
                                </tbody>
 +
                            </table>
 +
                    <p>
 +
                        The respective temperature, pH values, and doses were determined by growth curves (Figures 1-6).
 +
                        To get the most out of RNA-Seq applied to stress factors, it is important to find the cutoff values,
 +
                        where E. coli Nissle 1917 is put under stress the most, but still survives.
 +
                    </p>
 +
                    <p>
 +
                        Sequencing and library preparation was conducted on two sites. All aerobic samples were
 +
                        prepared and sequenced at the NGS Competence Center Tübingen (NCCT), whereas all anaerobic
 +
                        samples were prepared and sequenced at the European Molecular Biology Laboratory (EMBL) in
 +
                        Heidelberg. For more details please visit our <a href="https://2019.igem.org/Team:Tuebingen/Notebook" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Notebook","_self");'>Notebook</a>
 +
                        and <a href="https://2019.igem.org/Team:Tuebingen/Outlook" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Outlook","_self");'>Outlook</a>.
 +
                    </p>
 +
                    <p>The following data analysis was, therefore solely conducted on the EMBL dataset.</p>
 +
 +
                    </div>
 +
                </div>
 +
 +
 +
            <h2 style="font-family:'Righteous';">Data Analysis</h2>
 +
            <div class="row">
 +
                <div class="col-12">
 +
                    <p>Since we received our sequencing data from the NCCT on the 18.10.2019, we weren’t able to analyze
 +
                        the data according to our standards in this short time frame. However, as noted in our
 +
                        <a href="https://2019.igem.org/Team:Tuebingen/Attributions" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Attributions","_self");'>Attributions</a>, we will analyze both datasets in depth and are planning to publish the results next year</p>
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Workflow</h3>
 +
                    <p>
 +
                        Our complex and cutting-edge data analysis is based on several workflows and tools.
 +
                        The initial quality control and feature counting was conducted using the highly sophisticated
 +
                        <a href="https://github.com/nf-core/rnaseq" onclick='window.open("https://github.com/nf-core/rnaseq","_self");'>nf-core/rnaseq pipeline</a>. The pipeline is implemented in nextflow and runs singularity containers
 +
                        to absolutely ensure reproducibility. The workflow processes raw data from FastQ inputs
 +
                        (<a href="https://www.bioinformatics.babraham.ac.uk/projects/fastqc/" onclick='window.open("https://www.bioinformatics.babraham.ac.uk/projects/fastqc/","_self");'>FastQC</a>, <a href="https://www.bioinformatics.babraham.ac.uk/projects/trim_galore/" onclick='window.open("https://www.bioinformatics.babraham.ac.uk/projects/trim_galore/","_self");'>Trim Galore</a>!), aligns the reads (<a href="https://github.com/alexdobin/STAR" onclick='window.open("https://github.com/alexdobin/STAR","_self");'>STAR</a>), generates counts relative to genes (<a href="http://bioinf.wehi.edu.au/featureCounts/" onclick='window.open("http://bioinf.wehi.edu.au/featureCounts/","_self");'>featureCounts</a>)
 +
                        or transcripts (<a href="https://combine-lab.github.io/salmon/" onclick='window.open("https://combine-lab.github.io/salmon/","_self");'>Salmon</a>, <a href="https://bioconductor.org/packages/release/bioc/html/tximport.html" onclick='window.open("https://bioconductor.org/packages/release/bioc/html/tximport.html","_self");'>tximport</a>), and performs extensive quality-control on the results
 +
                        (<a href="http://rseqc.sourceforge.net/" onclick='window.open("http://rseqc.sourceforge.net/","_self");'>RSeQC</a>, <a href="http://qualimap.bioinfo.cipf.es/" onclick='window.open("http://qualimap.bioinfo.cipf.es/","_self");'>Qualimap</a>, <a href="https://bioconductor.org/packages/release/bioc/html/dupRadar.html" onclick='window.open("https://bioconductor.org/packages/release/bioc/html/dupRadar.html","_self");'>dupRadar</a>,
 +
                        <a href="http://smithlabresearch.org/software/preseq/" onclick='window.open("http://smithlabresearch.org/software/preseq/","_self");'>Preseq</a>Preseq, <a href="https://bioconductor.org/packages/release/bioc/html/edgeR.html" onclick='window.open("https://bioconductor.org/packages/release/bioc/html/edgeR.html","_self");'>edgeR</a>, <a href="https://multiqc.info/" onclick='window.open("https://multiqc.info/","_self");'>MultiQC</a>).
 +
                    </p>
 +
                    <p>
 +
                        The differential gene expression analysis was conducted using <a href="https://github.com/qbicsoftware/rnadeseq" onclick='window.open("https://github.com/qbicsoftware/rnadeseq","_self");'>qbic/rnadeseq</a>, a nextflow based
 +
                        pipeline, which was also run with a singularity container for reproducibilities sake.
 +
                        The workflow runs <a href="https://bioconductor.org/packages/release/bioc/html/DESeq2.html" onclick='window.open("https://bioconductor.org/packages/release/bioc/html/DESeq2.html","_self");'>DESeq2</a> for the detection of differentially expressed genes.
 +
                        The pathway analysis was conducted manually using <a href="https://bioconductor.org/packages/release/bioc/html/clusterProfiler.html" onclick='window.open("https://bioconductor.org/packages/release/bioc/html/clusterProfiler.html","_self");'>clusterprofiler</a>.
 +
                    </p>
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Quality Control</h3>
 +
                    <p>
 +
                        The following is only a small selection of all quality control metrics. A focus is set on the
 +
                        most interesting and important quality control metrics. We highly recommend visiting
 +
                        our downloads page to download the full interactive multiqc report. It features short explanations
 +
                        of the quality metrics and lots of useful plots.
 +
                    </p>
 +
                    <div class="row align-items-center">
 +
                <div class="col-12 col-md-5">
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/d/db/T--Tuebingen--quality_scores.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig.8: Sequencing quality histogram">
 +
                            <img src="https://2019.igem.org/wiki/images/d/db/T--Tuebingen--quality_scores.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 8: Sequencing quality histogram. The Phred score, a simple
 +
                            quality metric, is plotted against the position in the read. The quality of the bases at
 +
                            every position is well above 30 and in the safe, green area. The usual phasing problem,
 +
                            responsible for declining sequencing quality, is almost absent.</figcaption>
 +
                    </figure>
 +
                </div>
 +
            <div class="col-12 col-md-7">
 +
                    <p>
 +
                        The quality of the reads at every position has a Phred score of at least 32, demonstrating that
 +
                        the sequencing quality is very high (Figure 8). Moreover, the usually observed decline in quality
 +
                        at the end of the reads due to phasing is exceptionally small.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
 +
                    <div class="row align-items-center">
 +
                <div class="col-12 col-md-5">
 +
                    <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/4/42/T--Tuebingen--dupradar.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig. 9: DupRadar generated general linear models">
 +
                            <img src="https://2019.igem.org/wiki/images/4/42/T--Tuebingen--dupradar.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                        <figcaption style="font-size: small; color: #F4F0DE;">Fig. 9: DupRadar generated general linear models - a summary of the gene
 +
                            duplication distributions. Each of the differently colored lines represent one sample.
 +
                            The expression in reads per kilobase pair is shown on the x-axis against duplicate reads in
 +
                            percent. Highly expressed genes can be expected to have a lot of duplicate reads, but high
 +
                            numbers of duplicates at low read counts can indicate low library complexity with technical duplication.</figcaption>
 +
                    </figure>
 +
                </div>
 +
            <div class="col-12 col-md-7">
 +
                    <p>
 +
                        Duplicated reads were assessed using DupRadar.
 +
                        DupRadar provides duplication rate quality control for RNA-Seq datasets. Highly expressed genes
 +
                        can be expected to have a lot of duplicate reads, but high numbers of duplicates at low read
 +
                        counts can indicate low library complexity with technical duplication. Our distribution follows
 +
                        the expected trends. Hence, we can rule out excessive rRNA contamination or excessive PCR artifacts.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
                    <p>
 +
                        To verify that our replicates are indeed replicates of the same condition, and also to
 +
                        explore whether or not our various conditions indeed have a biological effect and differ from the
 +
                        anaerobic ground truth, we created a Multidimensional scaling (MDS) plot using edgeR. MDS
 +
                        visualizes the level of similarity of individual cases of a dataset.
 +
                    </p>
 +
                    <p>
 +
                        It is used to translate "information about the pairwise 'distances' among a set of n objects
 +
                        or individuals" into a configuration of n points mapped into an abstract Cartesian space.
 +
                        MDS is a form of non-linear dimensionality reduction.
 +
                    </p>
 +
 +
                    <div class="row align-items-center">
 +
        <div class="col-12 col-md-6">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/f/f9/T--Tuebingen--mds_annotated.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig. 10: MDS plot showing the euclidean distances between all samples">
 +
                            <img src="https://2019.igem.org/wiki/images/f/f9/T--Tuebingen--mds_annotated.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
            <figcaption style="font-size: small; color: #F4F0DE;">Fig. 10: MDS plot showing the euclidean distances between all samples. The creation
 +
                of the distances is based on the log-counts-per-million and the log2 fold changes. The respective four
 +
                replicates of all conditions and controls cluster very nicely, verifying that our libraries were well
 +
                prepared. Furthermore, it can be observed, that the ground truth, the anaerobic control, separates well
 +
                from from all other conditions, suggesting that there may indeed be significant biological differences.</figcaption>
 +
                    </figure>
 +
 +
        </div>
 +
        <div class="col-12 col-md-6 ">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/f/f3/T--Tuebingen--biotypes.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Fig. 11: FeatureCounts plot plotting the number of reads against the percentages
 +
                of different biological entities">
 +
                            <img src="https://2019.igem.org/wiki/images/f/f3/T--Tuebingen--biotypes.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
            <figcaption style="font-size: small; color: #F4F0DE;">Fig. 11: FeatureCounts plot plotting the number of reads against the percentages
 +
                of different biological entities. Protein coding reads are largely dominating, with rRNA mapping reads
 +
                occurring to a far smaller degree. Besides sRNA, no other RNA type is observed in an unusual quantity.</figcaption>
 +
                    </figure>
 +
        </div>
 +
                    </div>
 +
                    <p>
 +
                        It can be observed, that the majority of the reads are protein coding, with some mapping to sRNA
 +
                        and rRNA. Sample four shows significant rRNA contamination, but still in tolerable numbers.
 +
                    </p>
 +
                    <p>
 +
                        All in all, our extensive quality control suggests that the libraries were well prepared and
 +
                        rRNA or adapter contamination is very low with anaerob sample four posing a small exception.
 +
                        However, since the quality was high enough according to our standards, it was still included in
 +
                        all downstream analyses. Our initial quality control already suggests, that biological differences
 +
                        between the samples are very likely to exist. These will be examined more in depth in the first
 +
                        step of our downstream analysis: Differential expression analysis.
 +
                    </p>
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Differential Expression Analysis</h3>
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Pathway Analysis</h3>
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Metabolic Model</h3>
 +
                    <p>
 +
                        Our E. coli Nissle 1917 characterization includes our metabolic modeling. Please visit our
 +
                        <a href="https://2019.igem.org/Team:Tuebingen/model" onclick='window.open("https://2019.igem.org/Team:Tuebingen/model","_self");'>model</a> subpage for more details.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">Metabolic Model</h2>
 +
 +
 +
            <div class="row">
 +
                <div class="col-12">
 +
                    <p>Insert here</p>
 +
                </div>
 +
            </div>
 +
 +
        </div>
 +
 +
          <div id="glpreferences" class="row">
 +
                <h3 style="font-family:'Righteous'; color: #2ecc71;">References</h3>
 +
                <div class="col-12" style="font-size: x-small; overflow-wrap: break-word;">
 +
                    <ol>
 +
                        <li style="color: #F4F0DE"><a href=https://doi.org/10.1093/femsle/fnw212> Ulrich Sonnenborn, Escherichia coli strain Nissle 1917—from bench to bedside and back: history of a special Escherichia coli strain with probiotic properties, FEMS Microbiology Letters, Volume 363, Issue 19, October 2016, fnw212,</a></li>
 +
                        <li id="ref_2" style="color: #F4F0DE">Sana Ben Othman and Tomio Yabe. Use of Hydrogen Peroxide and Peroxl Radicals to induce Oxidative Stress in Neuronal Cells. Reviews in Agricultural Science, 3:40-45, 2015. Doi: 10.7831/ras.3.40</li>
 +
                        <li id="ref_3" style="color: #F4F0DE;">P. Capela, T.K.C. Hay, N.P. Shah. Effect of cryoprotectants, prebiotics and microencapsulation on survival of probiotic organisms in yoghurt and freeze-dried yoghurt. Food Research International. Volume 39, Issue 2, 2006, Pages 203-211, ISSN 0963-9969, https://doi.org/10.1016/j.foodres.2005.07.007.</li>
 +
                        <li id="ref_4" style="color: #F4F0DE;">Govender M, Choonara YE, Kumar P, du Toit LC, van Vuuren S, Pillay V. A review of the advancements in probiotic delivery: Conventional vs. non-conventional formulations for intestinal flora supplementation. AAPS PharmSciTech. 2014;15(1):29–43. doi:10.1208/s12249-013-0027-1</li>
 +
                        <li id="ref_5" style="color: #F4F0DE;"><a href="https://opsdiagnostics.com/applications/lyophilization/ecoli_lyophilization_stability.html">https://opsdiagnostics.com/applications/lyophilization/ecoli_lyophilization_stability.html</a> </li>
 +
                        <li id="ref_6" style="color: #F4F0DE;"><a href="https://doi.org/10.1007/s00125-008-1053-5"></a>Bailey, C. J, Wilcock, C, Scarpello, J. H. B. Metformin and the intestine. Diabetologia. 2008.  Volume 51, Issue 8, Pages 1552, ISSN 1432-0428, Doi: 10.1007/s00125-008-1053-5,</li>
 +
                        <li id="ref_7" style="color: #F4F0DE;">High Accumulation of Metformin in Colonic Tissue of Subjects With Diabetes or the Metabolic Syndrome. Paleari, LauraBurhenne, JürgenFoersch, SebastianParodi, AndreaGnant, MichaelScherer, DominiqueUlrich, Cornelia M.Stabuc, BorutPuntoni, MatteoCoccia, GianniPetrera, MarilenaHaefeli, Walter-EmilDeCensi, Andrea et al. Gastroenterology, Volume 154, Issue 5, 1543 - 1545</li>
 +
                        <li id="ref_8" style="color: #F4F0DE;">Martinez-Augustin O, Sanchez de Medina F. Intestinal bile acid physiology and pathophysiology. World J Gastroenterol. 2008;14(37):5630–5640. doi:10.3748/wjg.14.5630</li>
 +
                        <li id="ref_9" style="color: #F4F0DE;">Postprandial concentrations of free and conjugated bile acids down the length of the normal human small intestine. T. C. NORTHFIELD AND I. McCOLL. Gut, 1973, 14, 513-518</li>
 +
                        <li id="ref_10" style="color: #F4F0DE;">Belizário JE, Napolitano M. Human microbiomes and their roles in dysbiosis, common diseases, and novel therapeutic approaches. Front Microbiol. 2015;6:1050. Published 2015 Oct 6. doi:10.3389/fmicb.2015.01050</li>
 +
                        <li id="ref_11" style="color: #F4F0DE;">Lloyd-Price J, Abu-Ali G, Huttenhower C. The healthy human microbiome. Genome Med. 2016;8(1):51. Published 2016 Apr 27. doi:10.1186/s13073-016-0307-y</li>
 +
                    </ol>
 +
                </div>
 +
            </div>
 +
    </main>
 +
</div>
 +
 +
 +
 +
<script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script>
 +
 +
<script src="https://2019.igem.org/Team:Tuebingen/smoothScrollJS?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
var scroll = new SmoothScroll('a[href*="#"]');
 +
</script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 +
 +
      <div class='container-fluid p-3' style="background-color: rgba(35, 35, 35, 0.4);">
 +
    <hr>
 +
    <div class='row align-items-center'>
 +
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
            <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
 +
                                                                            style="max-height: 80px;"></a>
 +
        </div>
 +
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
            <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
 +
                                                                src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
 +
                                                                style="max-height: 80px;"></a>
 +
        </div>
 +
                <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
            <a href="https://www.medizin.uni-tuebingen.de/de/medizinische-fakultaet/forschung/core-facilities/ncct"
 +
              target="_blank2"><img class="img-fluid"
 +
                                    src="https://2019.igem.org/wiki/images/e/ec/T--Tuebingen--NCCT.png"
 +
                                    style="max-height: 80px;"></a>
 +
        </div>
 +
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
            <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
 +
                                                                          style="max-height: 80px;"></a>
 +
        </div>
 +
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
            <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
 +
                                                                                                src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
 +
                                                                                                style="max-height: 80px;"></a>
 +
        </div>
 +
 +
        <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
            <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 +
                                                                                style="max-height: 80px;"></a>
 +
        </div>
 +
 +
    </div>
 +
      </div>
 +
 +
    <hr>
 +
    <div class='row align-items-center'>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
 +
        </div>
 +
                <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
 +
                                                                                        src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
 +
                                                                                        style="max-height: 80px;"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 +
                                                            src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 +
                                                                  src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 +
                                                                src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 +
                                                                    src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 +
                                                                                  src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 +
                                                                src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 +
        </div>
 +
    </div>
 +
 +
    <div class='row align-items-center'>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
 +
                                                                          src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 +
                                                                      src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 +
        </div>
 +
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
            <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 +
        </div>
 +
 +
    </div>
 +
</div>
 +
 +
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 +
<div class="visualClear"></div>
 
</html>
 
</html>

Revision as of 18:50, 20 October 2019

GLP.exe

Nissle

Introduction

Escherichia coli Nissle 1917 (EcN) is probably the most intensively investigated bacterial strain today [1]. Despite the fact that the EcN strain is widely used as a probiotic, a lot of questions remain. Hence, we decided to dive deep into the characterization of EcN. Our goal was to find out more about EcN itself and to provide crucial information to include EcN as a platform organism for other iGEM Teams and researchers.

Growth Curves

The first step in the characterization of a bacterium is conducting growth experiments in different media and under different conditions. This helps to get a better understanding of beneficial conditions for growth of the culture, which will improve folliwing experiments. We chose to perform half of our experiments under aerobic and the other half under anaerobic conditions. As a control, we grew EcN in LB medium at 37°C and pH 7 under aerobic conditions. We tested growth at a variety of different temperatures (25°C, 8°C, 4°C and 0°C) showing that EcN growth is inhibited at 8°C, the temperature often used for cold shock (Fig. 1).

A generic square placeholder
Fig. 1: EcN growth in LB medium at pH 7. All cultures were inoculated with an overnight culture and grown for 120 minutes at 37°C. Next, the temperature was changed to 0°C, 4°C, 8°C and 25°C, while one control was kept at 37°C. Shown are mean values of triplicates.

Moreover, we evaluated the growth in the pH range from pH 6 to pH 1, since in our application EcN will have to pass the acidity of the stomach. Here, at pH 4 we discovered an interesting recovery of EcN growth after three hours (Fig. 2).

A generic square placeholder
Fig.2: EcN growth curve in LB at 37°C under different pH levels. Until 120 min all cultures inoculated from one overnight culture grew at pH 7. Then, media was changed to the respective pH and cultures were grown for 3 hours. pH 5 and pH 6 grew as usual, pH 1,2,3 did not grow at all, while pH 4 started to grow after 3 hours. Thus, media was changed again after 3 hours to pH 7. pH 6 and pH 5 grew as usual, pH 1,2,3 did not recover. Cultures grown in pH 4 recovered and grew as usual. Shown are values of one culture for each pH.
A generic square placeholder
Fig. 3: EcN growth in LB at 37°C with pH changed from pH 7 to pH 4 after two hours of growth. After 150 minutes within pH 4, EcN started to grow comparable to pH 7 cultures. Shown are the three cultures inoculated from the same overnight culture of EcN.

To look into inflammatory stress, we subjected EcN to up to 100 µM hydrogen peroxide [2] and showed that the growth is not substantially influenced by this chemical (Fig. 4).

A generic square placeholder
Fig. 4: EcN growth in different concentrations of Hydrogen Peroxide, infused after two hours of growth at 37°C, pH 7 in LB medium. 100 µM Hydrogen Peroxide with slightly inhibited growth. Shown are the means of triplicates for each concentration.

Lastly, we performed dryfreezing and recovered EcN afterwards under control conditions [3][4][5]. The experiment showed that dryfreezing within skim milk protects the bacteria from substantial death (Fig. 5).

A generic square placeholder
Fig. 5: EcN growth of cultures previously subjected to a dryfreeze protocol. Shown are the mean values of triplicates of cultures grown at 37°C, pH 7 in LB grown for recovery.

Anaerobic conditions were used to characterize EcN growth under the circumstances provided in the human intestines. Thus, as a control we compared EcN growth in LB medium versus mGAM medium under anaerobic conditions. The experiment showed that mGAM, a medium designed for anaerobic application, is in fact a more suitable medium (Fig. 6). Then, we subjected the culture to metformin treatment, since it is one of the most common treatments of Diabetes and is known to accumulate to 720 µM to 7.2 mM within the intestines due to low bioavailability [6][7]. We showed that EcN growth is not substantially influenced by 1.3 mM of metformin into mGAM medium (Fig. 6). Moreover, we tested for EcN’s resistance against cholic acid, since it is commonly secreted into the ileum. Here, we added 0.25 mM cholic acid to mGAM medium, considering that the concentration of free bile salts may rise to 0.25 mM to 1 mM of total bile salts in the Ileum, with cholic acid only being one component [8][9]. Our results suggested that EcN growth is not greatly influenced by cholic acid (Fig. 6).

A generic square placeholder
Fig. 6: EcN growth under four anaerobic conditions compared to EcN aerobic growth. Shown are the mean values of four samples inoculated with the same overnight culture. Experiments were conducted at 37°C and pH 7. LB aerobic growth as a control. Other samples are LB anaerobic growth, mGAM anaerobic growth, as well as mGAM medium supplemented with either 1.3 mM Metformin or 0.25 mM Cholic Acid. Samples for RNA sequencing were taken after 270 minutes for all anaerobic conditions, since the increase of pressure within the flasks indicated a change of metabolism of EcN to fermentation processes. Aerobic LB growth samples were taken at OD600=1.0.

Finally, we tested EcN interaction with other bacteria by adding bacterial supernatant to our medium. The supernatant was sterilized and provided by Dr. Lisa Maier. We chose Bacteroides thetaiotaomicron, Prevotella copri and Ruminococcus gnavus since they are commonly found within the human microbiome [10]. Bifidobacterium adolescentis was chosen due to its probiotic nature and Clostridium difficile supernatant was used, since it is often found in the microbiome of people with chronic inflammation [10][11]. The results suggest that EcN grows under all additions, however was initially inhibited in its growth by the addition of Bacteroides spp., thus we used these samples for RNA-Seq (Fig. 7).

A generic square placeholder
Fig. 7: EcN growth in mGAM medium under anaerobic conditions at 37°C, pH 7 supplemented with either 50% supernatant of different species or 50% of water as a control for depleted nutrients. All cultures were inoculated with the same overnight culture of EcN. Bacteroides spp. with strongest change in growth within the first 200 min of the experiment. Shown are mean values of four samples each. Bacteroides samples were taken for RNA sequencing after 225 minutes.

RNASeq

The transcriptome describes the set of all RNA molecules in a population of cells and is subject to continuous changes. Understanding the complete transcriptome, the expressed genes, post-transcriptional modifications and additional properties of interest is imperative towards understanding genetic cause, disease and possible treatment strategies.

The inherent complexity of the transcriptome requires precise and scaling analysis techniques. RNA sequencing (RNA-Seq), also known as whole transcriptome shotgun sequencing (WTSS), is most commonly used for this purpose, today. It uses next-generation sequencing (NGS) to detect and quantify RNA in biological samples.

The generated RNA-Seq read data is then analyzed according to a sample RNA-Seq work-flow (Fig. 7).

A generic square placeholder image with rounded corners in a figure.
Fig. 7: After several complex library preparation steps, the cDNA is sequenced and the generated fragments, called reads, are saved and subject to subsequent bioinformatic analysis. The reads are mapped against a reference genome and quantified. To incorporate possible technical and biological biases, such as sequencing depth, the counts are normalized.

Next, a statistical analysis yields all differentially expressed genes, which are used for Gene Ontology (GO) enrichment, as well as pathway analysis.

We set ourselves the goal of understanding the transcriptomic changes that EcN undergoes under various stress conditions to gain a deeper insight into its responses. Understanding these stress responses of E. coli Nissle 1917 could lead to the development of more robust strains, which not only our project would benefit from, but also scientists working on probiotic drugs in general.

We divided our experimental design into two parts. One part was to investigate the effect of environmental stress on E. coli Nissle 1917 under aerobic conditions, the other part was to examine the responses under anaerobic conditions. Hence, our experimental design looks as follows:

Table 1: Conditions of RNA-Seq samples. Overnight cultures of EcN were inoculated under the respective conditions and pelleted when OD600=0.8 to 1.0 was reached. Pellets were resuspended in RNAlater and prepared for RNA sequencing.
Aerobic Anaerobic
LB, pH 7, 37°C LB, pH7, 37°C
LB, pH7, 25°C mGAM, pH7, 37°C
LB, pH7, 8°C mGAM + Metformin, pH7, 37°C
LB, pH4, 37°C mGAM + Cholic Acid, pH7, 37°C
LB, 100µM H2O2, 37°C mGAM + Bacteroides SN, pH7, 37°C
LB, 37°C post dry-freeze, pH7 Control, aerobic, LB, pH7, 37°C

The respective temperature, pH values, and doses were determined by growth curves (Figures 1-6). To get the most out of RNA-Seq applied to stress factors, it is important to find the cutoff values, where E. coli Nissle 1917 is put under stress the most, but still survives.

Sequencing and library preparation was conducted on two sites. All aerobic samples were prepared and sequenced at the NGS Competence Center Tübingen (NCCT), whereas all anaerobic samples were prepared and sequenced at the European Molecular Biology Laboratory (EMBL) in Heidelberg. For more details please visit our Notebook and Outlook.

The following data analysis was, therefore solely conducted on the EMBL dataset.

Data Analysis

Since we received our sequencing data from the NCCT on the 18.10.2019, we weren’t able to analyze the data according to our standards in this short time frame. However, as noted in our Attributions, we will analyze both datasets in depth and are planning to publish the results next year

Workflow

Our complex and cutting-edge data analysis is based on several workflows and tools. The initial quality control and feature counting was conducted using the highly sophisticated nf-core/rnaseq pipeline. The pipeline is implemented in nextflow and runs singularity containers to absolutely ensure reproducibility. The workflow processes raw data from FastQ inputs (FastQC, Trim Galore!), aligns the reads (STAR), generates counts relative to genes (featureCounts) or transcripts (Salmon, tximport), and performs extensive quality-control on the results (RSeQC, Qualimap, dupRadar, PreseqPreseq, edgeR, MultiQC).

The differential gene expression analysis was conducted using qbic/rnadeseq, a nextflow based pipeline, which was also run with a singularity container for reproducibilities sake. The workflow runs DESeq2 for the detection of differentially expressed genes. The pathway analysis was conducted manually using clusterprofiler.

Quality Control

The following is only a small selection of all quality control metrics. A focus is set on the most interesting and important quality control metrics. We highly recommend visiting our downloads page to download the full interactive multiqc report. It features short explanations of the quality metrics and lots of useful plots.

Placeholder
Fig. 8: Sequencing quality histogram. The Phred score, a simple quality metric, is plotted against the position in the read. The quality of the bases at every position is well above 30 and in the safe, green area. The usual phasing problem, responsible for declining sequencing quality, is almost absent.

The quality of the reads at every position has a Phred score of at least 32, demonstrating that the sequencing quality is very high (Figure 8). Moreover, the usually observed decline in quality at the end of the reads due to phasing is exceptionally small.

Placeholder
Fig. 9: DupRadar generated general linear models - a summary of the gene duplication distributions. Each of the differently colored lines represent one sample. The expression in reads per kilobase pair is shown on the x-axis against duplicate reads in percent. Highly expressed genes can be expected to have a lot of duplicate reads, but high numbers of duplicates at low read counts can indicate low library complexity with technical duplication.

Duplicated reads were assessed using DupRadar. DupRadar provides duplication rate quality control for RNA-Seq datasets. Highly expressed genes can be expected to have a lot of duplicate reads, but high numbers of duplicates at low read counts can indicate low library complexity with technical duplication. Our distribution follows the expected trends. Hence, we can rule out excessive rRNA contamination or excessive PCR artifacts.

To verify that our replicates are indeed replicates of the same condition, and also to explore whether or not our various conditions indeed have a biological effect and differ from the anaerobic ground truth, we created a Multidimensional scaling (MDS) plot using edgeR. MDS visualizes the level of similarity of individual cases of a dataset.

It is used to translate "information about the pairwise 'distances' among a set of n objects or individuals" into a configuration of n points mapped into an abstract Cartesian space. MDS is a form of non-linear dimensionality reduction.

Placeholder
Fig. 10: MDS plot showing the euclidean distances between all samples. The creation of the distances is based on the log-counts-per-million and the log2 fold changes. The respective four replicates of all conditions and controls cluster very nicely, verifying that our libraries were well prepared. Furthermore, it can be observed, that the ground truth, the anaerobic control, separates well from from all other conditions, suggesting that there may indeed be significant biological differences.
Placeholder
Fig. 11: FeatureCounts plot plotting the number of reads against the percentages of different biological entities. Protein coding reads are largely dominating, with rRNA mapping reads occurring to a far smaller degree. Besides sRNA, no other RNA type is observed in an unusual quantity.

It can be observed, that the majority of the reads are protein coding, with some mapping to sRNA and rRNA. Sample four shows significant rRNA contamination, but still in tolerable numbers.

All in all, our extensive quality control suggests that the libraries were well prepared and rRNA or adapter contamination is very low with anaerob sample four posing a small exception. However, since the quality was high enough according to our standards, it was still included in all downstream analyses. Our initial quality control already suggests, that biological differences between the samples are very likely to exist. These will be examined more in depth in the first step of our downstream analysis: Differential expression analysis.

Differential Expression Analysis

Pathway Analysis

Metabolic Model

Our E. coli Nissle 1917 characterization includes our metabolic modeling. Please visit our model subpage for more details.

Metabolic Model

Insert here

References

  1. Ulrich Sonnenborn, Escherichia coli strain Nissle 1917—from bench to bedside and back: history of a special Escherichia coli strain with probiotic properties, FEMS Microbiology Letters, Volume 363, Issue 19, October 2016, fnw212,
  2. Sana Ben Othman and Tomio Yabe. Use of Hydrogen Peroxide and Peroxl Radicals to induce Oxidative Stress in Neuronal Cells. Reviews in Agricultural Science, 3:40-45, 2015. Doi: 10.7831/ras.3.40
  3. P. Capela, T.K.C. Hay, N.P. Shah. Effect of cryoprotectants, prebiotics and microencapsulation on survival of probiotic organisms in yoghurt and freeze-dried yoghurt. Food Research International. Volume 39, Issue 2, 2006, Pages 203-211, ISSN 0963-9969, https://doi.org/10.1016/j.foodres.2005.07.007.
  4. Govender M, Choonara YE, Kumar P, du Toit LC, van Vuuren S, Pillay V. A review of the advancements in probiotic delivery: Conventional vs. non-conventional formulations for intestinal flora supplementation. AAPS PharmSciTech. 2014;15(1):29–43. doi:10.1208/s12249-013-0027-1
  5. https://opsdiagnostics.com/applications/lyophilization/ecoli_lyophilization_stability.html
  6. Bailey, C. J, Wilcock, C, Scarpello, J. H. B. Metformin and the intestine. Diabetologia. 2008. Volume 51, Issue 8, Pages 1552, ISSN 1432-0428, Doi: 10.1007/s00125-008-1053-5,
  7. High Accumulation of Metformin in Colonic Tissue of Subjects With Diabetes or the Metabolic Syndrome. Paleari, LauraBurhenne, JürgenFoersch, SebastianParodi, AndreaGnant, MichaelScherer, DominiqueUlrich, Cornelia M.Stabuc, BorutPuntoni, MatteoCoccia, GianniPetrera, MarilenaHaefeli, Walter-EmilDeCensi, Andrea et al. Gastroenterology, Volume 154, Issue 5, 1543 - 1545
  8. Martinez-Augustin O, Sanchez de Medina F. Intestinal bile acid physiology and pathophysiology. World J Gastroenterol. 2008;14(37):5630–5640. doi:10.3748/wjg.14.5630
  9. Postprandial concentrations of free and conjugated bile acids down the length of the normal human small intestine. T. C. NORTHFIELD AND I. McCOLL. Gut, 1973, 14, 513-518
  10. Belizário JE, Napolitano M. Human microbiomes and their roles in dysbiosis, common diseases, and novel therapeutic approaches. Front Microbiol. 2015;6:1050. Published 2015 Oct 6. doi:10.3389/fmicb.2015.01050
  11. Lloyd-Price J, Abu-Ali G, Huttenhower C. The healthy human microbiome. Genome Med. 2016;8(1):51. Published 2016 Apr 27. doi:10.1186/s13073-016-0307-y