Loading menubar.....

Difference between revisions of "Team:Tuebingen/Story"

(Created page with " <!DOCTYPE HTML> <html> <head> <title>Our Story</title> </head> <body> This is standard text. </body> </html>")
 
 
(8 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<!DOCTYPE HTML>
+
<html lang="en">
−
<html>
+
<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: #292935;
 +
        }
 +
 
 +
        .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>
 +
<div class="se-pre-con">
 +
    <img src="https://2019.igem.org/wiki/images/4/49/T--Tuebingen--DNA_gif.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>
 +
 
 +
<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%
 +
        }
 +
    }
 +
 
 +
    .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-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-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: #232323 !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>
 +
 
 
<head>
 
<head>
−
<title>Our Story</title>
+
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
 +
    <title>GLP.exe - Our Story</title>
 +
    <link rel="stylesheet" href="https://2019.igem.org/Team:Tuebingen/normalize_css">
 +
    <link rel='stylesheet' href='https://2019.igem.org/Team:Tuebingen/swiper_css?action=raw&amp;ctype=text/css'>
 +
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800'>
 +
    <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"/>
 
</head>
 
</head>
 +
 +
<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;
 +
    }
 +
 +
 +
 +
    /* 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-menu {
 +
        background-color: #232323;
 +
    }
 +
 +
    .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;
 +
        }
 +
    }
 +
 +
    .dropdown:hover > .dropdown-menu {
 +
        display: block;
 +
    }
 +
 +
    /* Code By Webdevtrick ( https://webdevtrick.com ) */
 +
    .spätzle {
 +
        display: flex;
 +
        justify-content: center;
 +
        align-items: center;
 +
        background-color: #fff;
 +
        flex-direction: column;
 +
    }
 +
 +
    .title {
 +
        font-size: 38px;
 +
        color: #616161;
 +
        font-style: italic;
 +
        font-weight: 800;
 +
    }
 +
 +
    .timeline {
 +
        width: 100%;
 +
        background-color: #fff;
 +
        box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
 +
    }
 +
 +
    .timeline .swiper-container {
 +
        height: 600px;
 +
        width: 100%;
 +
        position: relative;
 +
    }
 +
 +
    .timeline .swiper-wrapper {
 +
        transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
 +
    }
 +
 +
    .timeline .swiper-slide {
 +
        position: relative;
 +
        color: #fff;
 +
        overflow: hidden;
 +
        background-size: cover;
 +
        background-repeat: no-repeat;
 +
        background-position: center center;
 +
    }
 +
 +
    .timeline .swiper-slide::after {
 +
        content: "";
 +
        position: absolute;
 +
        z-index: 1;
 +
        right: -115%;
 +
        bottom: -10%;
 +
        width: 100%;
 +
        height: 100%;
 +
        background-color: rgba(0, 0, 0, 0.7);
 +
        box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);
 +
        border-radius: 100%;
 +
    }
 +
 +
    .timeline .swiper-slide-content {
 +
        position: absolute;
 +
        text-align: center;
 +
        width: 80%;
 +
        max-width: 310px;
 +
        right: 50%;
 +
        top: 13%;
 +
        -webkit-transform: translate(50%, 0);
 +
        transform: translate(50%, 0);
 +
        font-size: 12px;
 +
        z-index: 2;
 +
    }
 +
 +
    .timeline .swiper-slide .timeline-year {
 +
        display: block;
 +
        font-style: italic;
 +
        font-size: 42px;
 +
        margin-bottom: 50px;
 +
        -webkit-transform: translate3d(20px, 0, 0);
 +
        transform: translate3d(20px, 0, 0);
 +
        color: #d4a024;
 +
        font-weight: 300;
 +
        opacity: 0;
 +
        transition: .2s ease .4s;
 +
    }
 +
 +
    .timeline .swiper-slide .timeline-title {
 +
        font-weight: 800;
 +
        font-size: 34px;
 +
        margin: 0 0 30px;
 +
        opacity: 0;
 +
        -webkit-transform: translate3d(20px, 0, 0);
 +
        transform: translate3d(20px, 0, 0);
 +
        transition: .2s ease .5s;
 +
    }
 +
 +
    .timeline .swiper-slide .timeline-text {
 +
        line-height: 1.5;
 +
        opacity: 0;
 +
        -webkit-transform: translate3d(20px, 0, 0);
 +
        transform: translate3d(20px, 0, 0);
 +
        transition: .2s ease .6s;
 +
    }
 +
 +
    .timeline .swiper-slide-active .timeline-year {
 +
        opacity: 1;
 +
        -webkit-transform: translate3d(0, 0, 0);
 +
        transform: translate3d(0, 0, 0);
 +
        transition: .4s ease 1.6s;
 +
    }
 +
 +
    .timeline .swiper-slide-active .timeline-title {
 +
        opacity: 1;
 +
        -webkit-transform: translate3d(0, 0, 0);
 +
        transform: translate3d(0, 0, 0);
 +
        transition: .4s ease 1.7s;
 +
    }
 +
 +
    .timeline .swiper-slide-active .timeline-text {
 +
        opacity: 1;
 +
        -webkit-transform: translate3d(0, 0, 0);
 +
        transform: translate3d(0, 0, 0);
 +
        transition: .4s ease 1.8s;
 +
    }
 +
 +
    .timeline .swiper-pagination {
 +
        right: 15% !important;
 +
        height: 100%;
 +
        display: none;
 +
        flex-direction: column;
 +
        justify-content: center;
 +
        font-style: italic;
 +
        font-weight: 300;
 +
        font-size: 18px;
 +
        z-index: 1;
 +
    }
 +
 +
    .timeline .swiper-pagination::before {
 +
        content: "";
 +
        position: absolute;
 +
        left: -30px;
 +
        top: 0;
 +
        height: 100%;
 +
        width: 1px;
 +
        background-color: rgba(255, 255, 255, 0.2);
 +
    }
 +
 +
    .timeline .swiper-pagination-bullet {
 +
        width: auto;
 +
        height: auto;
 +
        text-align: center;
 +
        opacity: 1;
 +
        background: transparent;
 +
        color: #d4a024;
 +
        margin: 15px 0 !important;
 +
        position: relative;
 +
    }
 +
 +
    .timeline .swiper-pagination-bullet::before {
 +
        content: "";
 +
        position: absolute;
 +
        top: 8px;
 +
        left: -32.5px;
 +
        width: 6px;
 +
        height: 6px;
 +
        border-radius: 100%;
 +
        background-color: #d4a024;
 +
        -webkit-transform: scale(0);
 +
        transform: scale(0);
 +
        transition: .2s;
 +
    }
 +
 +
    .timeline .swiper-pagination-bullet-active {
 +
        color: #d4a024;
 +
    }
 +
 +
    .timeline .swiper-pagination-bullet-active::before {
 +
        -webkit-transform: scale(1);
 +
        transform: scale(1);
 +
    }
 +
 +
    .timeline .swiper-button-next,
 +
    .timeline .swiper-button-prev {
 +
        background-size: 20px 20px;
 +
        top: 15%;
 +
        width: 20px;
 +
        height: 20px;
 +
        margin-top: 0;
 +
        z-index: 2;
 +
        transition: .2s;
 +
    }
 +
 +
    .timeline .swiper-button-prev {
 +
        left: 8%;
 +
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
 +
    }
 +
 +
    .timeline .swiper-button-prev:hover {
 +
        -webkit-transform: translateX(-3px);
 +
        transform: translateX(-3px);
 +
    }
 +
 +
    .timeline .swiper-button-next {
 +
        right: 8%;
 +
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d4a024'%2F%3E%3C%2Fsvg%3E");
 +
    }
 +
 +
    .timeline .swiper-button-next:hover {
 +
        -webkit-transform: translateX(3px);
 +
        transform: translateX(3px);
 +
    }
 +
 +
    @media screen and (min-width: 768px) {
 +
        .timeline .swiper-slide::after {
 +
            right: -30%;
 +
            bottom: -8%;
 +
            width: 240px;
 +
            height: 50%;
 +
            box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);
 +
        }
 +
 +
        .timeline .swiper-slide-content {
 +
            right: 30%;
 +
            top: 50%;
 +
            -webkit-transform: translateY(-50%);
 +
            transform: translateY(-50%);
 +
            width: 310px;
 +
            font-size: 11px;
 +
            text-align: right;
 +
        }
 +
 +
        .timeline .swiper-slide .timeline-year {
 +
            margin-bottom: 0;
 +
            font-size: 32px;
 +
        }
 +
 +
        .timeline .swiper-slide .timeline-title {
 +
            font-size: 46px;
 +
            margin: 0;
 +
        }
 +
 +
        .timeline .swiper-pagination {
 +
            display: flex;
 +
        }
 +
 +
        .timeline .swiper-button-prev {
 +
            top: 15%;
 +
            left: auto;
 +
            right: 15%;
 +
            -webkit-transform: rotate(90deg) translate(0, 10px);
 +
            transform: rotate(90deg) translate(0, 10px);
 +
        }
 +
 +
        .timeline .swiper-button-prev:hover {
 +
            -webkit-transform: rotate(90deg) translate(-3px, 10px);
 +
            transform: rotate(90deg) translate(-3px, 10px);
 +
        }
 +
 +
        .timeline .swiper-button-next {
 +
            top: auto;
 +
            bottom: 15%;
 +
            right: 15%;
 +
            -webkit-transform: rotate(90deg) translate(0, 10px);
 +
            transform: rotate(90deg) translate(0, 10px);
 +
        }
 +
 +
        .timeline .swiper-button-next:hover {
 +
            -webkit-transform: rotate(90deg) translate(3px, 10px);
 +
            transform: rotate(90deg) translate(3px, 10px);
 +
        }
 +
    }
 +
 +
    @media screen and (min-width: 1024px) {
 +
        .timeline .swiper-slide::after {
 +
            right: -20%;
 +
            bottom: -12%;
 +
            width: 240px;
 +
            height: 50%;
 +
            box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);
 +
        }
 +
 +
        .timeline .swiper-slide-content {
 +
            right: 25%;
 +
        }
 +
    }
 +
 +
    /*
 +
    ======================
 +
    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/4/43/T--Tuebingen--story-banner.jpg) center no-repeat;
 +
        background-size: 100%, 80%;
 +
        animation: grow 60s 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 h4, .meta {
 +
        font-size: 0.7em
 +
    }
 +
 +
    @media only screen and (max-width: 800px) {
 +
        .info h1 {
 +
            margin-top: 15%;
 +
            font-size: 1.7em;
 +
            text-align: center;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 660px) {
 +
        .info h1 {
 +
            margin-top: 20%;
 +
            font-size: 1.5em;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 560px) {
 +
        .info h1 {
 +
            margin-top: 25%;
 +
        }
 +
    }
 +
 +
    @media only screen and (max-width: 470px) {
 +
        .info h1 {
 +
            margin-top: 30%;
 +
        }
 +
    }
 +
 +
    @keyframes grow {
 +
        0% {
 +
            transform: scale(1)
 +
        }
 +
        50% {
 +
            transform: scale(1.2)
 +
        }
 +
    }
 +
 +
    /*  ======================
 +
    HEADER BANNER STYLE END
 +
    ==========================
 +
    */
 +
</style>
  
 
<body>
 
<body>
−
This is standard text.
 
−
</body>
 
  
 +
  <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/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/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/Outlook"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</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/Characterized_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Characterized
 +
                            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>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</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/Sponsors"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</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/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/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>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Survey"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</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/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>
 +
 +
<!-- Header Banner Begin-->
 +
<div class="header">
 +
  <div class="info">
 +
    <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">Our Story</h1>
 +
  </div>
 +
</div>
 +
<!-- Header Banner End-->
 +
 +
<div class="spätzle">
 +
    <div class="timeline">
 +
        <div class="swiper-container">
 +
            <div class="swiper-wrapper">
 +
                <div class="swiper-slide" style="background-image: url(https://2019.igem.org/wiki/images/2/2d/T--Tuebingen--Labwork-story.png);"
 +
                    data-year="May">
 +
                    <div class="swiper-slide-content"><span class="timeline-year">May</span>
 +
                        <h4 class="timeline-title">Intensive Lab work</h4>
 +
                        <p class="timeline-text">We started with our lab work at the end of May and
 +
                            were busy until the end of the iGEM year with various experiments from bacterial growth,
 +
                            to cloning, all the way to RNA-Seq experiments. Our whole team was involved and some long
 +
                            days were spent in the lab but our spirit was always high and we were enthusiastic about our
 +
                            project. (images: Fabian Oswald/ EMBL, iGEM Tuebingen)</p>
 +
                    </div>
 +
                </div>
 +
                <div class="swiper-slide" style="background-image: url(https://2019.igem.org/wiki/images/a/a8/T--Tuebingen--SDG-story.jpg);"
 +
                    data-year="June">
 +
                    <div class="swiper-slide-content"><span class="timeline-year">June</span>
 +
                        <h4 class="timeline-title">Sustainable Development Goals</h4>
 +
                        <p class="timeline-text">Together with iGEM TAS Taipei and iGEM Costa Rica we worked on the SDGs
 +
                            of the United Nations (UN). The 17 goals aim at improving the world’s situation by
 +
                            promoting prosperity, equality, peace and care for the environment. The challenge
 +
                            iGEMxSDGs was launched in July 2019 and the proposal for an SDG integration as a
 +
                            bronze criteria to iGEM HQ was sent afterwards.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="swiper-slide" style="background-image: url(https://2019.igem.org/wiki/images/4/40/T--Tuebingen--experts-meetups-story.jpg);"
 +
                    data-year="July">
 +
                    <div class="swiper-slide-content"><span class="timeline-year">July</span>
 +
                        <h4 class="timeline-title">Exchange with Experts and Meetups</h4>
 +
                        <p class="timeline-text">Throughout our iGEM year we contacted several experts and exchanged
 +
                            ideas and received valuable input for our project. By interdisciplinary collaborations with
 +
                            researchers, doctors, institutions and other teams we expanded and enriched our project.
 +
                            On several Meetups, like the Spring Festival in Bonn, Germany, in May 2019, we got in contact
 +
                            with experts and other iGEM teams and always had a great time.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="swiper-slide" style="background-image: url(https://2019.igem.org/wiki/images/0/04/T--Tuebingen--EMBL-story.jpg);"
 +
                    data-year="August">
 +
                    <div class="swiper-slide-content"><span class="timeline-year">August</span>
 +
                        <h4 class="timeline-title">RNA-Seq Experiments at EMBL and NCCT</h4>
 +
                        <p class="timeline-text">In our project, we characterised our probiotic strain <i>E. coli</i> Nissle and
 +
                            conducted RNA-Seq experiments to analyse its response to several stress factors.
 +
                            The experiments were performed by us at the EMBL in Heidelberg, as well as the NCCT in
 +
                            Tuebingen. Shown are two of our team members (left: Steffen Lemke, right: Jakob Keck)
 +
                            at the EMBL laboratory in Heidelberg. (image: Fabian Oswald/EMBL)</p>
 +
                    </div>
 +
                </div>
 +
                <div class="swiper-slide" style="background-image: url(https://2019.igem.org/wiki/images/c/c7/T--Tuebingen--Experimenta-story.jpg);"
 +
                    data-year="September">
 +
                    <div class="swiper-slide-content"><span class="timeline-year">September</span>
 +
                        <h4 class="timeline-title">Student Lab/Panel Discussion Experimenta Heilbronn</h4>
 +
                        <p class="timeline-text">We teamed up with the Experimenta, Heilbronn, and organised a student
 +
                            lab course as well as a panel discussion. In the future the Experimenta plans to establish a
 +
                            high school iGEM team with the help of the iGEM team Tuebingen. The picture shows the group of
 +
                            young students that attended the lab course as well as Dr. Robert Friedrich (top left) from
 +
                            the Experimenta and three members of the iGEM team tuebingen 2019 Famke Baeuerle (bottom third
 +
                            from the left), Lukas Heumos (bottom third from the right) and Patrick Mueller (bottom second
 +
                            from the right).</p>
 +
                    </div>
 +
                </div>
 +
                <div class="swiper-slide" style="background-image: url(https://2019.igem.org/wiki/images/2/20/T--Tuebingen--sonderpreis-story.jpg);"
 +
                    data-year="October">
 +
                    <div class="swiper-slide-content"><span class="timeline-year">October</span>
 +
                        <h4 class="timeline-title">University’s special prize for extraordinary student engagement</h4>
 +
                        <p class="timeline-text">In the context of iGEM we were awarded the university’s special prize
 +
                            for extraordinary student engagement by the Eberhard Karls University Tuebingen.
 +
                            The special prize is a great honor and is awarded once a year to one highly engaged
 +
                            group of students during the semester opening ceremony ‘Dies Universitatis’.
 +
                            During that event, we also set up a booth where we informed students about iGEM and our project.</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="swiper-button-prev"></div>
 +
            <div class="swiper-button-next"></div>
 +
            <div class="swiper-pagination"></div>
 +
        </div>
 +
    </div>
 +
</div>
 +
 +
<div style="background-color: #232323; overflow-x: fragments; overflow-wrap: break-word">
 +
 +
<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">
 +
 +
                <h3 style="font-family:'Righteous'; color:#2ecc71;">Project</h3>
 +
        <div class="row">
 +
            <div class="col-12">
 +
                 
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Development and research until March 2019</h3>
 +
                <p>
 +
                    Since a few of our team members’ relatives enormously suffer from Type 2 Diabetes Mellitus, we,
 +
                    as a team, decided to focus our efforts on improving their lives. The most important issues
 +
                    that were brought up by the affected were severe side effects and the need of daily injections.
 +
                    As a result, we decided to look into the field of engineered probiotics and their possible application
 +
                    for the threatening issue of the world wide Diabetes epidemic. Consequently, after further research,
 +
                    we chose <i>E. coli</i> Nissle 1917 as our platform organism due to its unique characteristics and beneficial
 +
                    use as probiotic (<a href="https://2019.igem.org/Team:Tuebingen/Nissle" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Nissle","_self");'>Project/Nissle</a>).
 +
                </p>
 +
                <p>
 +
                    Furthermore, we decided to focus on early to intermediate stages of Type 2 Diabetes mellitus,
 +
                    hoping to lift the burden of daily injections and cumulative oral uptake of drugs
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Description" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Description","_self");'>Project/Description</a>).
 +
                    In this major group of Diabetes patients, most people are treated with Metformin,
 +
                    while new therapeutics like GLP-1 analogues continuously rise in their importance
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Human Pracitices/Entrepreneurship</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">March 2019</h2>
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Contacting Prof. Timo Müller</h3>
 +
                <p>
 +
                    We contacted Prof. Timo Müller from the Helmholtz Institute in Munich
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>),
 +
                    who helped us determine that Glucagon like peptide 1 (GLP-1) itself is not suitable as a therapeutic. Therefore,
 +
                    we researched GLP-1 analogs and finally decided on Exendin-4, a GLP-1 analogue originating from the
 +
                    lizard Heloderma suspectum. The human analogue to Exendin-4 is GLP-1, which is secreted from the L-cells
 +
                    in the small intestine when nutrients are available in the gut.  To further mimic the natural state of
 +
                    incretin mimetics, we developed a glucose-sensing Catabolite repression - Tet-Repressor system
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Parts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Parts","_self");'>Parts/Parts Overview</a>).
 +
                </p>
 +
                <p>
 +
                    Additionally, Prof. Müller made us aware of the importance of bioavailability. We consequently
 +
                    researched secretion peptides and cell penetrating peptides to make sure our therapeutic would
 +
                    reach its target, the pancreas.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">April 2019</h2>
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Meet-up with Prof. Andreas Fritsche</h3>
 +
                <p>
 +
                    We met with Prof. Andreas Fritsche, deputy director of the Institute for Diabetes Research and Metabolic
 +
                    Disease of the Helmholtz Institute Munich at the Eberhard Karls University Tuebingen, to gather
 +
                    information about Diabetes patients and their willingness to use a genetically engineered organism
 +
                    as a therapeutic. In general, Prof. Fritsche explained that many people affected by Type 2 Diabetes
 +
                    especially struggle with obesity, which is often the cause for the condition but also comes along
 +
                    with the Insulin-treatment in late stages of Type 2 Diabetes. Thus, the idea of using  GLP-1 analogues,
 +
                    which are known to support weight loss, was confirmed by this.
 +
                </p>
 +
                <p>
 +
                    Moreover, Prof. Fritsche pointed out that, especially in Germany, the stigma concerning GMOs is quite
 +
                    large. Consequently, we decided that biosafety was the key to implementing living GMOs as therapeutics.
 +
                    Moreover, we were now convinced that human practice would be very important in our project, especially
 +
                    to address the negative perception of GMOs by the society
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Human_Practices" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Human_Practices","_self");'>Human Practices/Overview</a>,
 +
                    <a href="https://2019.igem.org/Team:Tuebingen/Public_Engagement" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>Human Practices/Education & Public Engagement</a>).
 +
                </p>
 +
                <h3 style="font-family: Righteous; color: #2ecc71;">Implementation of the CRISPR/Cas3 based kill switch system provided by Dr. Pengfei Xia</h3>
 +
                <p>
 +
                    Integrating the public’s concerns about using GMOs, and to make our probiotic compatible with both
 +
                    the iGEM Biosafety standards and the foundation provided by German and European law
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Safety" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Safety","_self");'>Safety</a>,<a href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Entrepreneurship</a>),
 +
                    we researched biocontainment. Finally, one of our supervisors,  Pengfei Xia from the research group
 +
                    for Environmental Biotechnology supervised by Prof. Lars Angenent, helped us develop a CRISPR/Cas3
 +
                    based kill switch, constraining the engineered probiotics to the assigned working place
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Killswitch" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Killswitch","_self");'>Project/KillSwitch</a>).
 +
                </p>
 +
                <h3 style="font-family: Righteous; color: #2ecc71;">Researching permissible conditions for our Kill Switch</h3>
 +
                <p>
 +
                    To determine the permissible conditions for our kill switch, research on bacterial regulatory systems
 +
                    was necessary. We used both publications and data previously generated by other iGEM Teams.
 +
                </p>
 +
                <p>
 +
                    Soon, we realized that in 2017, Team AQA_Unesp had already tried to target Type 1 Diabetes Mellitus
 +
                    with a probiotic. Thus, we adapted several ideas from their project to implement the features of
 +
                    our kill switch (<a href="https://2019.igem.org/Team:Tuebingen/Killswitch" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Killswitch","_self");'>Project/KillSwitch</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Meeting with Synovo to talk about the business side and the project</h3>
 +
                <p>
 +
                    To get further input on our project and first insights into a biotechnological company, we contacted
 +
                    Synovo and were happy to meet with them
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Human Practices/Entrepreneurship</a>).
 +
                    At Synovo, we got insight into the pharmacological side, as well as information about the
 +
                    implications of founding a start-up within the biotechnological sector.
 +
                </p>
 +
                <p>
 +
                    Furthermore, we discussed the drug admission process up to clinical trials and a possible market-entry
 +
                    of our product (<a href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Human Practices/Entrepreneurship</a>).
 +
                    Moreover, we talked about quality control and safety changes to the final product, for instance the
 +
                    removal of antibiotic resistances and the integration of the kill switch into the genome to make it
 +
                    more reliable.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">May 2019</h2>
 +
         
 +
        <div class="row">
 +
            <div class="col-12"> 
 +
                <h3 style="font-family: Righteous; color: #2ecc71;">Biosafety consulting with Dr. Jörg Schibel and Dr. Brigitte Walderich</h3>
 +
 +
                <p>
 +
                    Since we required CPPs (<a href="https://2019.igem.org/Team:Tuebingen/Description" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Description","_self");'>Project/Overview</a>)
 +
                    for our project, we wanted to discuss potential safety concerns with safety officials of the
 +
                    University of Tübingen and the Max Planck Institute Tübingen. Together, we evaluated CPP safety,
 +
                    especially during our work in the lab
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Safety" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Safety","_self");'>Safety</a>,
 +
                    <a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>) and decided to research and
 +
                    test diverse CPPs for our project (<a href="https://2019.igem.org/Team:Tuebingen/Model" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Model","_self");'>Project/Model</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Survey presentation at the Science Slam</h3>
 +
                <p>
 +
                    To include the public in our project, we had a brief talk at a Science Slam hosted by the Medical
 +
                    Faculty of the University Tübingen
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Human_Practices" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Human_Practices","_self");'>Human Practices/Overview</a>).
 +
                    Here, we presented our project to a huge audience and kick-started our survey about the public’s
 +
                    knowledge on Diabetes, its treatment and the perception of GMOs
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Survey" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Survey","_self");'>Human Practices/Survey</a>).
 +
                </p>
 +
                <p>
 +
                    The conclusions we drew from the survey were that not much is known about GMOs and Diabetes,
 +
                    thus we decided to host an information booth about Diabetes prevention and the potential of
 +
                    GMOs in the food and pharmaceutical industry later in the year
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Public_Engagement" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>Human Practices/Education & Public Engagement</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
        <h3 style="font-family:'Righteous'; color:#2ecc71;">From May 2019</h3>
 +
        <div class="row">
 +
            <div class="col-12">
 +
                  <h3 style="font-family: Righteous; color: #2ecc71;">Collaboration with the Institute of Innate Immunity Bonn (AG Eike Latz)</h3>
 +
                <p>
 +
                    At the iGEM Spring Festival organised by iGEM Düsseldorf, we heard a talk about Diabetes and its
 +
                    prevention by the Director of the Institute of Innate Immunity Bonn, Prof. Eike Latz
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>). Thus, we contacted him and
 +
                    asked for feedback and support for our project.
 +
                </p>
 +
                <p>
 +
                    We established a cooperation for Diabetes prevention and were referred to his colleague Dr. Anette Christ.
 +
                    Anette was a great support, providing us with research data about chronic inflammation, GMOs and
 +
                    successful events for Diabetes prevention and health nutrition. Knowledge, which we used to design a
 +
                    flyer in collaboration with iGEM TU Dresden
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People/Collaborations</a>). This flyer, we planned
 +
                    to later hand out at our information booth and our panel discussion at the Experimenta in Heilbronn
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experimenta" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experimenta","_self");'>Human Practices/Experimenta</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h3 style="font-family:'Righteous'; color:#2ecc71;">From May/June 2019</h3>
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                <h3 style="font-family: Righteous; color: #2ecc71;">Intense WetLab work at the Wohlleben Labor</h3>
 +
                <p>
 +
                    Our projects required intensive cloning of multiple regulatory elements
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Notebook" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Notebook","_self");'>Project/Notebook</a>). For the parts, we planned to
 +
                    use Biobricks that were sent to us with the 2019 shipping, Biobrick sequences from the iGEM’s
 +
                    database, as well as new sequences unique to our project. For the cloning, we used <i>E. coli</i>
 +
                    DH5alpha cells, as they allow for easier manipulation. As mentioned above, our final organism
 +
                    was <i>E. coli</i> Nissle 1917. However, we did not have a lot of knowledge about the probiotic and also
 +
                    found that, within the iGEM competition, <i>E. coli</i> Nissle 1917 was not properly characterized yet.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">June 2019</h2>
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Modeling and characterization of <i>E. coli</i> Nissle 1917</h3>
 +
                <p>
 +
                    To gain knowledge on our chassis organism, we decided to make use of a  metabolic model of <i>E. coli</i> Nissle 1917. Due to the fact that no metabolic model of <i>E. coli</i> Nissle 1917 was available yet,
 +
                    we contacted Prof. Dr. Andreas Dräger who is an expert in metabolic modeling. Professor Dräger
 +
                    introduced CarveMe as a novel tool for the creation of metabolic models to us and gave us very valuable
 +
                    tipps for our subsequent modelling approaches. Inspired by our Advanced Transcriptomics lectures
 +
                    by Prof. Dr. Kay Nieselt, we decided to characterize the transcriptome of <i>E. coli</i> Nissle 1917 under
 +
                    various stress conditions. As a result, we required a vast amount of data generated by the WetLab
 +
                    such as growth curves under different conditions (<a href="https://2019.igem.org/Team:Tuebingen/Nissle" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Nissle","_self");'>Project/Nissle</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h3 style="font-family:'Righteous'; color:#2ecc71;">June/July 2019</h3>
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Collaboration with iGEM Costa Rica and iGEM TAS Taipei on the SDGs</h3>
 +
                <p>
 +
                    The United Nations’ (UN) Sustainable Development Goals (SDGs)
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/SDG" onclick='window.open("https://2019.igem.org/Team:Tuebingen/SDG","_self");'>Human Practices/SDGs</a>) aim at improving the world’s situation
 +
                    by promoting prosperity, equality, peace and care for the environment. Altogether, the UN has set
 +
                    17 of these goals, which need to be achieved by 2030. During a meet-up in Germany, a member of the
 +
                    iGEM Team Costa Rica approached us with their interest to promote the SDGs, as after all, iGEM
 +
                    projects generally aim to improve people's lives, while having great exposure to their communities.
 +
                </p>
 +
                <p>
 +
                    When iGEM TAS_Taipei then launched their promotion for their video online conference about the SDGs,
 +
                    we decided to join forces and start a collaboration, called iGEMxSDGs
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People/Collaborations</a>).
 +
                    The challenge was launched in July 2019 and the proposal for an SDG integration as a
 +
                    bronze criteria to iGEM HQ was sent afterwards.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h3 style="font-family:'Righteous'; color:#2ecc71;">July/August 2019</h3>
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Meeting with Prof. Oliver Kohlbacher</h3>
 +
                <p>
 +
                  To further refine our modelling approaches, we met with our long time supporter Prof. Dr. Oliver
 +
                    Kohlbacher of the Applied Bioinformatics Group at the University of Tübingen. During the meeting,
 +
                    the possibility of conducting a time-series RNA-Seq experiment to evaluate the efficacy of our
 +
                    kill-switch mechanism came up. Admittedly, we quickly discarded this idea due to a lack of time.
 +
                    Therefore, we discussed our RNA-Seq experimental design with respect to an <i>E. coli</i> Nissle
 +
                    characterization, evaluation of the safety of our tool as well as the viability of our
 +
                    regulation system under different conditions
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Nissle" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Nissle","_self");'>Project/Nissle</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">August 2019</h2>
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">iGEM Amazonas Brasil (Manaus) Nissle Collaboration</h3>
 +
                <p>
 +
                    Team iGEM Amazonas (Brasil, Manau) contacted us via social media, since they wanted to work with
 +
                    <i>E. coli</i> Nissle 1917 in their project but needed further knowledge on the bacterium. Thus,
 +
                    we organised a skype call and sent them our protocols, as well as the data we acquired during our
 +
                    Nissle characterisation (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People/Collaborations</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Implementation of Collaboration with iGEM Tel Hai Migal on SDGs and ethical evaluation</h3>
 +
                <p>
 +
                    iGEM Tel Hai Migal has announced a collaboration on the SDGs on the collaboration proposals of iGEM.
 +
                    We really liked their idea of an Escape box
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People/Collaborations</a>), since it is a really
 +
                    good example for the engagement of the SDGs within iGEM. Moreover, we discussed the ethics parts of
 +
                    their project (<a href="https://2019.igem.org/Team:Tuebingen/Downloads" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Downloads","_self");'>Parts/Download</a>). To evaluate iGEM Tel Hai Migal’s
 +
                    project, we contacted Stefan Gammel (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">September 2019</h2>
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Move to the ZMBP research group of Prof. Klaus Harter</h3>
 +
                <p>
 +
                    Since we do not have a laboratory which we can use permanently, we moved one building across the
 +
                    street to the ZMBP. Here, we proceeded with our WetLab work and were happy to get to know a
 +
                    new surrounding and new groups which were happy to support our work.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Meeting with Dr. Rolf Hecker on Technology Transfer and IP</h3>
 +
                <p>
 +
                    Since we were working on how an implementation of our project as a business would look like,
 +
                    we contacted Dr. Rolf Hecker (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>)
 +
                    of the University of Tübingen’s Institute for Technology Transfer. Together, we talked about strategies
 +
                    for idea protection under iGEMs Creative Commons License and how a biotechnological start-up led by
 +
                    students could make it in the world of big pharma
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Entrepreneurship" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Entrepreneurship","_self");'>Human Practices/Entrepreneurship</a>).
 +
                </p>
 +
                <p>
 +
                    Furthermore, we decided to form a stronger collaboration with the Institute of Technology Transfer,
 +
                    already talking about support for the iGEM Team Tübingen 2020.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Planning of RNA-Seq Experiments with Dr. Lisa Maier</h3>
 +
                <p>
 +
                  September 2019 - Planning of RNA-Seq Experiments with Dr. Lisa Maier of
 +
                    the Interfaculty Institute of Microbiology and Infection Medicine
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>),
 +
                    we designed our RNA-seq experiment and the conditions which we wanted to test
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Nissle" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Nissle","_self");'>Project/Nissle</a>).
 +
                    Moreover, Lisa kindly provided us with the anaerob mGAM media and bacterial supernatant
 +
                    of five species found in the human intestinal microbiome.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Anaerobe <i>E. coli</i> Nissle 1917 RNA preparation at the research group of Prof. Lars Angenent</h3>
 +
                <p>
 +
                  For our RNA-Seq experiments, we required anaerobic bacterial growth and sample preparation. Thus, the
 +
                    research group of Environmental Biotechnology of Prof. Lars Angenent hosted our experiments and showed us
 +
                    how to work under anaerobic conditions. The prepared samples’ RNA was subsequently sequenced.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">RNA-Seq with Angel Angelov of the NCCT</h3>
 +
                <p>
 +
                  Due to the various conditions we wanted to test during our RNA-Seq experiments, we contacted Dr.
 +
                    Angel Angelov, one of the experts in RNA sequencing at the core facility in Tuebingen
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>). With Angel and his
 +
                    colleagues, we isolated RNA, depleted rRNA and made RNA-Seq libraries which were afterwards sequenced.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">RNA-Seq with EMBL</h3>
 +
                <p>
 +
                  For the second half of our samples, the RNA Sequencing experiments were conducted at the Genomics Core
 +
                    Facility of the European Molecular Biology Laboratory (EMBL) in Heidelberg, under the supervision
 +
                    of Dr. Vladimir Benes’ group (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>).
 +
                    For this, we previously had an initial meeting with Dr. Vladimir Benes at EMBL, discussing the
 +
                    planning of our experiment.
 +
                </p>
 +
                <p>
 +
                    Moreover, at EMBL, we met with Dr. Daniel Machado, the developer behind the above mentioned CarveMe
 +
                    tool for metabolic model reconstruction to get tips on how to further improve our generated model.
 +
                    He further inspired our modeling by explaining and introducing Smetana, a tool which analyzes
 +
                    interactions in microbial communities. (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>).
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
        <h3 style="font-family:'Righteous'; color:#2ecc71;">14th September 2019</h3>
 +
        <div class="row">
 +
            <div class="col-12">
 +
                 
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">SDG Video Conference organised by iGEM TAS Taipei</h3>
 +
                <p>
 +
                  iGEM TAS Taipei from Taiwan organised an online video conference on the SDGs, in which we happily took
 +
                    part in since we already collaborated on the SDGs
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People/Collaborations</a>). For the conference,
 +
                    we made a video explaining how our team targets the SDGs
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/SDG" onclick='window.open("https://2019.igem.org/Team:Tuebingen/SDG","_self");'>Human Practices/SDGs</a>) and later discussed the SDGs with other
 +
                    iGEM teams participating in the conference. Overall, this highly supported the proposal of implementing
 +
                    the SDGs as a bronze criteria, since it showed that a lot of iGEM Teams are willing and happy to engage
 +
                    the SDGs within their project.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h3 style="font-family:'Righteous'; color:#2ecc71;">September/October 2019</h3>
 +
         
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Student Lab/Panel Discussion Experimenta Heilbronn</h3>
 +
                <p>
 +
                    The Experimenta is a science centre in Heilbronn, Germany, which aims at educating interested students
 +
                    from all over the country with exciting exhibitions and courses. Since we wanted to deepen the public’s
 +
                    knowledge about synthetic biology and advertise the natural sciences among young students, we collaborated
 +
                    with the Experimenta to supervise a student lab
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experimenta" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experimenta","_self");'>Human Practices/Experimenta</a>).
 +
                    Furthermore, in October, we organised and participated in a panel discussion about Biohacking at the
 +
                    Experimenta . Since the Experimenta is also interested in setting up a High school iGEM team themselves
 +
                    we will collaborate with them to start an iGEM team in next year's competition.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
            <h2 style="font-family:'Righteous'; color:#2ecc71;">October 2019</h2>
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Microbiome experts talk</h3>
 +
                <p>
 +
                  We were invited to present our project in front of the microbiome supergroup of the Max Planck
 +
                    Institute for Developmental Biology in Tuebingen. After giving the talk, we engaged in fruitful
 +
                    discussion and future perspectives of our project.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Testing iGEM Stuttgart’s new medium and using it for our characterisation</h3>
 +
                <p>
 +
                  iGEM Stuttgart has developed a new bacterial medium, which we were happy to test in our Lab.
 +
                    Furthermore, we used the knowledge about the medium and the data acquired for our modeling.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;"> Informative booth about the potential of GMOs in food and pharmaceutical industry</h3>
 +
                <p>
 +
                  Together with iGEM Dresden and the Institute for Innate Immunity Bonn
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Human Practices/Experts</a>) we collaborated on pushing
 +
                    Diabetes prevention and advertising the potential of GMOs
 +
                    (<a href="https://2019.igem.org/Team:Tuebingen/Collaborations" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Collaborations","_self");'>People/Collaborations</a>). Thus, on October 11th,
 +
                    we set up an information booth in the city centre of Tübingen, discussing GMOs and Diabetes prevention with the bypassers.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
 +
            <h3 style="font-family:'Righteous'; color:#2ecc71;">17th October 2019</h3>
 +
           
 +
        <div class="row">
 +
            <div class="col-12">
 +
                    <h3 style="font-family: Righteous; color: #2ecc71;">Prize for exceptional student engangement</h3>
 +
                <p>
 +
                  Each year, the University of Tübingen honours student groups for exceptional student engagement.
 +
                    This year, we were very proud to have won the prize for our human practice work. The award was presented
 +
                    to us during the University’s freshmen welcoming address, giving us the chance to introduce the students to our project,
 +
                    iGEM and the potential public engagement harbours for personal development.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
        <h3 style="font-family:'Righteous'; color:#2ecc71;">28th October 2019</h3>
 +
        <div class="row">
 +
            <div class="col-12">
 +
 +
         
 +
            <h3 style="font-family: Righteous; color: #2ecc71;">Supporters Pitch</h3>
 +
                <p>
 +
                  Since we received a lot of help during our iGEM experience - knowledge- and material-wise - we decided
 +
                    to say thank you to all of our supporters by presenting our final pitch for Boston to them. The pitch
 +
                    will take place on 28th October at the Max Planck Institute and will mark the finalisation of our project.
 +
                    Also, there will be cake.
 +
                </p>
 +
            </div>
 +
        </div>
 +
        </div>
 +
    </main>
 +
</div>
 +
</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>
 +
 +
<div class='container-fluid p-3' style="background-color: #919191;">
 +
        <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.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.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.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 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>
 +
   
 +
        <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>
 +
   
 +
        <div class='row align-items-center'>
 +
            <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 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 class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.eurofins.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/c/cd/T--Tuebingen--eurofins_logo.svg"></a>
 +
            </div>
 +
   
 +
        </div>
 +
    </div>
 +
 +
<script src='https://2019.igem.org/Team:Tuebingen/swiper_js?action=raw&amp;ctype=text/javascript'></script>
 +
<script>
 +
    // Code By Webdevtrick ( https://webdevtrick.com )
 +
    var timelineSwiper = new Swiper('.timeline .swiper-container', {
 +
        direction: 'vertical',
 +
        loop: false,
 +
        speed: 1600,
 +
        pagination: '.swiper-pagination',
 +
        paginationBulletRender: function (swiper, index, className) {
 +
            var year = document.querySelectorAll('.swiper-slide')[index].getAttribute('data-year');
 +
            return '<span class="' + className + '">' + year + '</span>';
 +
        },
 +
        paginationClickable: true,
 +
        nextButton: '.swiper-button-next',
 +
        prevButton: '.swiper-button-prev',
 +
        breakpoints: {
 +
            768: {
 +
                direction: 'horizontal',
 +
            }
 +
        }
 +
    });
 +
</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>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 20:41, 21 October 2019

GLP.exe - Our Story

Our Story

May

Intensive Lab work

We started with our lab work at the end of May and were busy until the end of the iGEM year with various experiments from bacterial growth, to cloning, all the way to RNA-Seq experiments. Our whole team was involved and some long days were spent in the lab but our spirit was always high and we were enthusiastic about our project. (images: Fabian Oswald/ EMBL, iGEM Tuebingen)

June

Sustainable Development Goals

Together with iGEM TAS Taipei and iGEM Costa Rica we worked on the SDGs of the United Nations (UN). The 17 goals aim at improving the world’s situation by promoting prosperity, equality, peace and care for the environment. The challenge iGEMxSDGs was launched in July 2019 and the proposal for an SDG integration as a bronze criteria to iGEM HQ was sent afterwards.

July

Exchange with Experts and Meetups

Throughout our iGEM year we contacted several experts and exchanged ideas and received valuable input for our project. By interdisciplinary collaborations with researchers, doctors, institutions and other teams we expanded and enriched our project. On several Meetups, like the Spring Festival in Bonn, Germany, in May 2019, we got in contact with experts and other iGEM teams and always had a great time.

August

RNA-Seq Experiments at EMBL and NCCT

In our project, we characterised our probiotic strain E. coli Nissle and conducted RNA-Seq experiments to analyse its response to several stress factors. The experiments were performed by us at the EMBL in Heidelberg, as well as the NCCT in Tuebingen. Shown are two of our team members (left: Steffen Lemke, right: Jakob Keck) at the EMBL laboratory in Heidelberg. (image: Fabian Oswald/EMBL)

September

Student Lab/Panel Discussion Experimenta Heilbronn

We teamed up with the Experimenta, Heilbronn, and organised a student lab course as well as a panel discussion. In the future the Experimenta plans to establish a high school iGEM team with the help of the iGEM team Tuebingen. The picture shows the group of young students that attended the lab course as well as Dr. Robert Friedrich (top left) from the Experimenta and three members of the iGEM team tuebingen 2019 Famke Baeuerle (bottom third from the left), Lukas Heumos (bottom third from the right) and Patrick Mueller (bottom second from the right).

October

University’s special prize for extraordinary student engagement

In the context of iGEM we were awarded the university’s special prize for extraordinary student engagement by the Eberhard Karls University Tuebingen. The special prize is a great honor and is awarded once a year to one highly engaged group of students during the semester opening ceremony ‘Dies Universitatis’. During that event, we also set up a booth where we informed students about iGEM and our project.

Project

Development and research until March 2019

Since a few of our team members’ relatives enormously suffer from Type 2 Diabetes Mellitus, we, as a team, decided to focus our efforts on improving their lives. The most important issues that were brought up by the affected were severe side effects and the need of daily injections. As a result, we decided to look into the field of engineered probiotics and their possible application for the threatening issue of the world wide Diabetes epidemic. Consequently, after further research, we chose E. coli Nissle 1917 as our platform organism due to its unique characteristics and beneficial use as probiotic (Project/Nissle).

Furthermore, we decided to focus on early to intermediate stages of Type 2 Diabetes mellitus, hoping to lift the burden of daily injections and cumulative oral uptake of drugs (Project/Description). In this major group of Diabetes patients, most people are treated with Metformin, while new therapeutics like GLP-1 analogues continuously rise in their importance (Human Pracitices/Entrepreneurship).

March 2019

Contacting Prof. Timo Müller

We contacted Prof. Timo Müller from the Helmholtz Institute in Munich (Human Practices/Experts), who helped us determine that Glucagon like peptide 1 (GLP-1) itself is not suitable as a therapeutic. Therefore, we researched GLP-1 analogs and finally decided on Exendin-4, a GLP-1 analogue originating from the lizard Heloderma suspectum. The human analogue to Exendin-4 is GLP-1, which is secreted from the L-cells in the small intestine when nutrients are available in the gut. To further mimic the natural state of incretin mimetics, we developed a glucose-sensing Catabolite repression - Tet-Repressor system (Parts/Parts Overview).

Additionally, Prof. Müller made us aware of the importance of bioavailability. We consequently researched secretion peptides and cell penetrating peptides to make sure our therapeutic would reach its target, the pancreas.

April 2019

Meet-up with Prof. Andreas Fritsche

We met with Prof. Andreas Fritsche, deputy director of the Institute for Diabetes Research and Metabolic Disease of the Helmholtz Institute Munich at the Eberhard Karls University Tuebingen, to gather information about Diabetes patients and their willingness to use a genetically engineered organism as a therapeutic. In general, Prof. Fritsche explained that many people affected by Type 2 Diabetes especially struggle with obesity, which is often the cause for the condition but also comes along with the Insulin-treatment in late stages of Type 2 Diabetes. Thus, the idea of using GLP-1 analogues, which are known to support weight loss, was confirmed by this.

Moreover, Prof. Fritsche pointed out that, especially in Germany, the stigma concerning GMOs is quite large. Consequently, we decided that biosafety was the key to implementing living GMOs as therapeutics. Moreover, we were now convinced that human practice would be very important in our project, especially to address the negative perception of GMOs by the society (Human Practices/Overview, Human Practices/Education & Public Engagement).

Implementation of the CRISPR/Cas3 based kill switch system provided by Dr. Pengfei Xia

Integrating the public’s concerns about using GMOs, and to make our probiotic compatible with both the iGEM Biosafety standards and the foundation provided by German and European law (Safety,Entrepreneurship), we researched biocontainment. Finally, one of our supervisors, Pengfei Xia from the research group for Environmental Biotechnology supervised by Prof. Lars Angenent, helped us develop a CRISPR/Cas3 based kill switch, constraining the engineered probiotics to the assigned working place (Project/KillSwitch).

Researching permissible conditions for our Kill Switch

To determine the permissible conditions for our kill switch, research on bacterial regulatory systems was necessary. We used both publications and data previously generated by other iGEM Teams.

Soon, we realized that in 2017, Team AQA_Unesp had already tried to target Type 1 Diabetes Mellitus with a probiotic. Thus, we adapted several ideas from their project to implement the features of our kill switch (Project/KillSwitch).

Meeting with Synovo to talk about the business side and the project

To get further input on our project and first insights into a biotechnological company, we contacted Synovo and were happy to meet with them (Human Practices/Entrepreneurship). At Synovo, we got insight into the pharmacological side, as well as information about the implications of founding a start-up within the biotechnological sector.

Furthermore, we discussed the drug admission process up to clinical trials and a possible market-entry of our product (Human Practices/Entrepreneurship). Moreover, we talked about quality control and safety changes to the final product, for instance the removal of antibiotic resistances and the integration of the kill switch into the genome to make it more reliable.

May 2019

Biosafety consulting with Dr. Jörg Schibel and Dr. Brigitte Walderich

Since we required CPPs (Project/Overview) for our project, we wanted to discuss potential safety concerns with safety officials of the University of Tübingen and the Max Planck Institute Tübingen. Together, we evaluated CPP safety, especially during our work in the lab (Safety, Human Practices/Experts) and decided to research and test diverse CPPs for our project (Project/Model).

Survey presentation at the Science Slam

To include the public in our project, we had a brief talk at a Science Slam hosted by the Medical Faculty of the University Tübingen (Human Practices/Overview). Here, we presented our project to a huge audience and kick-started our survey about the public’s knowledge on Diabetes, its treatment and the perception of GMOs (Human Practices/Survey).

The conclusions we drew from the survey were that not much is known about GMOs and Diabetes, thus we decided to host an information booth about Diabetes prevention and the potential of GMOs in the food and pharmaceutical industry later in the year (Human Practices/Education & Public Engagement).

From May 2019

Collaboration with the Institute of Innate Immunity Bonn (AG Eike Latz)

At the iGEM Spring Festival organised by iGEM Düsseldorf, we heard a talk about Diabetes and its prevention by the Director of the Institute of Innate Immunity Bonn, Prof. Eike Latz (Human Practices/Experts). Thus, we contacted him and asked for feedback and support for our project.

We established a cooperation for Diabetes prevention and were referred to his colleague Dr. Anette Christ. Anette was a great support, providing us with research data about chronic inflammation, GMOs and successful events for Diabetes prevention and health nutrition. Knowledge, which we used to design a flyer in collaboration with iGEM TU Dresden (People/Collaborations). This flyer, we planned to later hand out at our information booth and our panel discussion at the Experimenta in Heilbronn (Human Practices/Experimenta).

From May/June 2019

Intense WetLab work at the Wohlleben Labor

Our projects required intensive cloning of multiple regulatory elements (Project/Notebook). For the parts, we planned to use Biobricks that were sent to us with the 2019 shipping, Biobrick sequences from the iGEM’s database, as well as new sequences unique to our project. For the cloning, we used E. coli DH5alpha cells, as they allow for easier manipulation. As mentioned above, our final organism was E. coli Nissle 1917. However, we did not have a lot of knowledge about the probiotic and also found that, within the iGEM competition, E. coli Nissle 1917 was not properly characterized yet.

June 2019

Modeling and characterization of E. coli Nissle 1917

To gain knowledge on our chassis organism, we decided to make use of a metabolic model of E. coli Nissle 1917. Due to the fact that no metabolic model of E. coli Nissle 1917 was available yet, we contacted Prof. Dr. Andreas Dräger who is an expert in metabolic modeling. Professor Dräger introduced CarveMe as a novel tool for the creation of metabolic models to us and gave us very valuable tipps for our subsequent modelling approaches. Inspired by our Advanced Transcriptomics lectures by Prof. Dr. Kay Nieselt, we decided to characterize the transcriptome of E. coli Nissle 1917 under various stress conditions. As a result, we required a vast amount of data generated by the WetLab such as growth curves under different conditions (Project/Nissle).

June/July 2019

Collaboration with iGEM Costa Rica and iGEM TAS Taipei on the SDGs

The United Nations’ (UN) Sustainable Development Goals (SDGs) (Human Practices/SDGs) aim at improving the world’s situation by promoting prosperity, equality, peace and care for the environment. Altogether, the UN has set 17 of these goals, which need to be achieved by 2030. During a meet-up in Germany, a member of the iGEM Team Costa Rica approached us with their interest to promote the SDGs, as after all, iGEM projects generally aim to improve people's lives, while having great exposure to their communities.

When iGEM TAS_Taipei then launched their promotion for their video online conference about the SDGs, we decided to join forces and start a collaboration, called iGEMxSDGs (People/Collaborations). The challenge was launched in July 2019 and the proposal for an SDG integration as a bronze criteria to iGEM HQ was sent afterwards.

July/August 2019

Meeting with Prof. Oliver Kohlbacher

To further refine our modelling approaches, we met with our long time supporter Prof. Dr. Oliver Kohlbacher of the Applied Bioinformatics Group at the University of Tübingen. During the meeting, the possibility of conducting a time-series RNA-Seq experiment to evaluate the efficacy of our kill-switch mechanism came up. Admittedly, we quickly discarded this idea due to a lack of time. Therefore, we discussed our RNA-Seq experimental design with respect to an E. coli Nissle characterization, evaluation of the safety of our tool as well as the viability of our regulation system under different conditions (Project/Nissle).

August 2019

iGEM Amazonas Brasil (Manaus) Nissle Collaboration

Team iGEM Amazonas (Brasil, Manau) contacted us via social media, since they wanted to work with E. coli Nissle 1917 in their project but needed further knowledge on the bacterium. Thus, we organised a skype call and sent them our protocols, as well as the data we acquired during our Nissle characterisation (People/Collaborations).

Implementation of Collaboration with iGEM Tel Hai Migal on SDGs and ethical evaluation

iGEM Tel Hai Migal has announced a collaboration on the SDGs on the collaboration proposals of iGEM. We really liked their idea of an Escape box (People/Collaborations), since it is a really good example for the engagement of the SDGs within iGEM. Moreover, we discussed the ethics parts of their project (Parts/Download). To evaluate iGEM Tel Hai Migal’s project, we contacted Stefan Gammel (Human Practices/Experts).

September 2019

Move to the ZMBP research group of Prof. Klaus Harter

Since we do not have a laboratory which we can use permanently, we moved one building across the street to the ZMBP. Here, we proceeded with our WetLab work and were happy to get to know a new surrounding and new groups which were happy to support our work.

Meeting with Dr. Rolf Hecker on Technology Transfer and IP

Since we were working on how an implementation of our project as a business would look like, we contacted Dr. Rolf Hecker (Human Practices/Experts) of the University of Tübingen’s Institute for Technology Transfer. Together, we talked about strategies for idea protection under iGEMs Creative Commons License and how a biotechnological start-up led by students could make it in the world of big pharma (Human Practices/Entrepreneurship).

Furthermore, we decided to form a stronger collaboration with the Institute of Technology Transfer, already talking about support for the iGEM Team Tübingen 2020.

Planning of RNA-Seq Experiments with Dr. Lisa Maier

September 2019 - Planning of RNA-Seq Experiments with Dr. Lisa Maier of the Interfaculty Institute of Microbiology and Infection Medicine (Human Practices/Experts), we designed our RNA-seq experiment and the conditions which we wanted to test (Project/Nissle). Moreover, Lisa kindly provided us with the anaerob mGAM media and bacterial supernatant of five species found in the human intestinal microbiome.

Anaerobe E. coli Nissle 1917 RNA preparation at the research group of Prof. Lars Angenent

For our RNA-Seq experiments, we required anaerobic bacterial growth and sample preparation. Thus, the research group of Environmental Biotechnology of Prof. Lars Angenent hosted our experiments and showed us how to work under anaerobic conditions. The prepared samples’ RNA was subsequently sequenced.

RNA-Seq with Angel Angelov of the NCCT

Due to the various conditions we wanted to test during our RNA-Seq experiments, we contacted Dr. Angel Angelov, one of the experts in RNA sequencing at the core facility in Tuebingen (Human Practices/Experts). With Angel and his colleagues, we isolated RNA, depleted rRNA and made RNA-Seq libraries which were afterwards sequenced.

RNA-Seq with EMBL

For the second half of our samples, the RNA Sequencing experiments were conducted at the Genomics Core Facility of the European Molecular Biology Laboratory (EMBL) in Heidelberg, under the supervision of Dr. Vladimir Benes’ group (Human Practices/Experts). For this, we previously had an initial meeting with Dr. Vladimir Benes at EMBL, discussing the planning of our experiment.

Moreover, at EMBL, we met with Dr. Daniel Machado, the developer behind the above mentioned CarveMe tool for metabolic model reconstruction to get tips on how to further improve our generated model. He further inspired our modeling by explaining and introducing Smetana, a tool which analyzes interactions in microbial communities. (Human Practices/Experts).

14th September 2019

SDG Video Conference organised by iGEM TAS Taipei

iGEM TAS Taipei from Taiwan organised an online video conference on the SDGs, in which we happily took part in since we already collaborated on the SDGs (People/Collaborations). For the conference, we made a video explaining how our team targets the SDGs (Human Practices/SDGs) and later discussed the SDGs with other iGEM teams participating in the conference. Overall, this highly supported the proposal of implementing the SDGs as a bronze criteria, since it showed that a lot of iGEM Teams are willing and happy to engage the SDGs within their project.

September/October 2019

Student Lab/Panel Discussion Experimenta Heilbronn

The Experimenta is a science centre in Heilbronn, Germany, which aims at educating interested students from all over the country with exciting exhibitions and courses. Since we wanted to deepen the public’s knowledge about synthetic biology and advertise the natural sciences among young students, we collaborated with the Experimenta to supervise a student lab (Human Practices/Experimenta). Furthermore, in October, we organised and participated in a panel discussion about Biohacking at the Experimenta . Since the Experimenta is also interested in setting up a High school iGEM team themselves we will collaborate with them to start an iGEM team in next year's competition.

October 2019

Microbiome experts talk

We were invited to present our project in front of the microbiome supergroup of the Max Planck Institute for Developmental Biology in Tuebingen. After giving the talk, we engaged in fruitful discussion and future perspectives of our project.

Testing iGEM Stuttgart’s new medium and using it for our characterisation

iGEM Stuttgart has developed a new bacterial medium, which we were happy to test in our Lab. Furthermore, we used the knowledge about the medium and the data acquired for our modeling.

Informative booth about the potential of GMOs in food and pharmaceutical industry

Together with iGEM Dresden and the Institute for Innate Immunity Bonn (Human Practices/Experts) we collaborated on pushing Diabetes prevention and advertising the potential of GMOs (People/Collaborations). Thus, on October 11th, we set up an information booth in the city centre of Tübingen, discussing GMOs and Diabetes prevention with the bypassers.

17th October 2019

Prize for exceptional student engangement

Each year, the University of Tübingen honours student groups for exceptional student engagement. This year, we were very proud to have won the prize for our human practice work. The award was presented to us during the University’s freshmen welcoming address, giving us the chance to introduce the students to our project, iGEM and the potential public engagement harbours for personal development.

28th October 2019

Supporters Pitch

Since we received a lot of help during our iGEM experience - knowledge- and material-wise - we decided to say thank you to all of our supporters by presenting our final pitch for Boston to them. The pitch will take place on 28th October at the Max Planck Institute and will mark the finalisation of our project. Also, there will be cake.