Loading menubar.....

Difference between revisions of "Team:Tuebingen/test famke2"

Line 1: Line 1:
 
<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html">
 
<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html">
  
<meta charset="UTF-8"/>
+
<meta charset="UTF-8" />
  
 
<style>
 
<style>
        /* Paste this css to your style sheet file or under head tag */
+
    /* Paste this css to your style sheet file or under head tag */
        /* This only works with JavaScript,
+
    /* This only works with JavaScript,
 
         if it's not present, don't show loader */
 
         if it's not present, don't show loader */
        .js #loader {
+
    .js #loader {
            display: block;
+
        display: block;
            position: absolute;
+
        position: absolute;
            left: 100px;
+
        left: 100px;
            top: 0;
+
        top: 0;
        }
+
    }
  
        .se-pre-con {
+
    .se-pre-con {
            position: fixed;
+
        position: fixed;
            left: 0px;
+
        left: 0px;
            top: 0px;
+
        top: 0px;
            width: 100%;
+
        width: 100%;
            height: 100%;
+
        height: 100%;
            z-index: 9999;
+
        z-index: 9999;
            background: #2B2B35;
+
        background: #2B2B35;
         }
+
    }
 +
 
 +
    .se-pre-con img {
 +
         width: 40%;
 +
        height: 40%;
 +
        margin-left: 30%;
 +
        margin-top: 15%;
 +
    }
  
 +
    @media screen and (min-width: 1500px) {
 
         .se-pre-con img {
 
         .se-pre-con img {
             width: 40%;
+
             margin-top: 20%;
             height: 40%;
+
             width: 25%;
             margin-left: 30%;
+
             height: 15%;
             margin-top: 15%;
+
             margin-left: 35%;
 
         }
 
         }
 +
    }
  
        @media screen and (min-width: 1500px ) {
+
    @media screen and (max-width: 1100px) {
            .se-pre-con img {
+
        .se-pre-con img {
                margin-top: 20%;
+
            margin-top: 20%;
                width: 25%;
+
            height: 30%;
                height: 15%;
+
            width: 50%;
                margin-left: 35%;
+
            margin-left: 25%;
            }
+
 
         }
 
         }
 +
    }
  
        @media screen and (max-width: 1100px ) {
+
    @media screen and (max-width: 700px) {
            .se-pre-con img {
+
        .se-pre-con img {
                margin-top: 20%;
+
            margin-top: 18%;
                height: 30%;
+
            height: 20%;
                width: 50%;
+
                margin-left: 25%;
+
            }
+
 
         }
 
         }
 
+
    }
        @media screen and (max-width: 700px ) {
+
</style>
            .se-pre-con img {
+
                margin-top: 18%;
+
                height: 20%;
+
            }
+
        }
+
    </style>
+
 
</head>
 
</head>
 +
 
<body>
 
<body>
<div class="se-pre-con">
+
    <div class="se-pre-con">
    <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--preloader.gif">
+
        <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--preloader.gif">
</div>
+
    </div>
<script src="https://2019.igem.org/Team:Tuebingen/jqueryLoadJS?action=raw&ctype=text/javascript"></script>
+
    <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 src="https://2019.igem.org/Team:Tuebingen/jmodernizerJS?action=raw&ctype=text/javascript"></script>
<script>
+
    <script>
    $(window).load(function () {
+
        $(window).load(function () {
        setTimeout(removeLoader, 1000);
+
            setTimeout(removeLoader, 1000);
    }); //wait for page load PLUS one seconds.
+
        }); //wait for page load PLUS one seconds.
    function removeLoader() {
+
        function removeLoader() {
        $(".se-pre-con").fadeOut(500, function () {
+
            $(".se-pre-con").fadeOut(500, function () {
            // fadeOut complete. Remove the loading div
+
                // fadeOut complete. Remove the loading div
            $(".se-pre-con").remove(); //makes page more lightweight
+
                $(".se-pre-con").remove(); //makes page more lightweight
        });
+
            });
    }
+
        }
</script>
+
    </script>
 
</body>
 
</body>
  
Line 114: Line 115:
 
     }
 
     }
  
     *, ::after, ::before {
+
     *,
 +
    ::after,
 +
    ::before {
 
         box-sizing: border-box
 
         box-sizing: border-box
 
     }
 
     }
Line 131: Line 134:
 
     }
 
     }
  
     article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+
     article,
 +
    aside,
 +
    dialog,
 +
    figcaption,
 +
    figure,
 +
    footer,
 +
    header,
 +
    hgroup,
 +
    main,
 +
    nav,
 +
    section {
 
         display: block
 
         display: block
 
     }
 
     }
Line 156: Line 169:
 
     }
 
     }
  
     h1, h2, h3, h4, h5, h6 {
+
     h1,
 +
    h2,
 +
    h3,
 +
    h4,
 +
    h5,
 +
    h6 {
 
         margin-top: 0;
 
         margin-top: 0;
 
         margin-bottom: .5rem
 
         margin-bottom: .5rem
Line 167: Line 185:
 
     }
 
     }
  
     abbr[data-original-title], abbr[title] {
+
     abbr[data-original-title],
 +
    abbr[title] {
 
         text-decoration: underline;
 
         text-decoration: underline;
 
         -webkit-text-decoration: underline dotted;
 
         -webkit-text-decoration: underline dotted;
Line 181: Line 200:
 
     }
 
     }
  
     dl, ol, ul {
+
     dl,
 +
    ol,
 +
    ul {
 
         margin-top: 0;
 
         margin-top: 0;
 
         margin-bottom: 1rem
 
         margin-bottom: 1rem
 
     }
 
     }
  
     ol ol, ol ul, ul ol, ul ul {
+
     ol ol,
 +
    ol ul,
 +
    ul ol,
 +
    ul ul {
 
         margin-bottom: 0
 
         margin-bottom: 0
 
     }
 
     }
Line 207: Line 231:
 
     }
 
     }
  
     b, strong {
+
     b,
 +
    strong {
 
         font-weight: bolder
 
         font-weight: bolder
 
     }
 
     }
Line 215: Line 240:
 
     }
 
     }
  
     sub, sup {
+
     sub,
 +
    sup {
 
         position: relative;
 
         position: relative;
 
         font-size: 75%;
 
         font-size: 75%;
Line 247: Line 273:
 
     }
 
     }
  
     a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
+
     a:not([href]):not([tabindex]):focus,
 +
    a:not([href]):not([tabindex]):hover {
 
         color: inherit;
 
         color: inherit;
 
         text-decoration: none
 
         text-decoration: none
Line 256: Line 283:
 
     }
 
     }
  
     code, kbd, pre, samp {
+
     code,
 +
    kbd,
 +
    pre,
 +
    samp {
 
         font-family: monospace, monospace;
 
         font-family: monospace, monospace;
 
         font-size: 1em
 
         font-size: 1em
Line 311: Line 341:
 
     }
 
     }
  
     button, input, optgroup, select, textarea {
+
     button,
 +
    input,
 +
    optgroup,
 +
    select,
 +
    textarea {
 
         margin: 0;
 
         margin: 0;
 
         font-family: inherit;
 
         font-family: inherit;
Line 318: Line 352:
 
     }
 
     }
  
     button, input {
+
     button,
 +
    input {
 
         overflow: visible
 
         overflow: visible
 
     }
 
     }
  
     button, select {
+
     button,
 +
    select {
 
         text-transform: none
 
         text-transform: none
 
     }
 
     }
  
     [type=reset], [type=submit], button, html [type=button] {
+
     [type=reset],
 +
    [type=submit],
 +
    button,
 +
    html [type=button] {
 
         -webkit-appearance: button
 
         -webkit-appearance: button
 
     }
 
     }
  
     [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+
     [type=button]::-moz-focus-inner,
 +
    [type=reset]::-moz-focus-inner,
 +
    [type=submit]::-moz-focus-inner,
 +
    button::-moz-focus-inner {
 
         padding: 0;
 
         padding: 0;
 
         border-style: none
 
         border-style: none
 
     }
 
     }
  
     input[type=checkbox], input[type=radio] {
+
     input[type=checkbox],
 +
    input[type=radio] {
 
         box-sizing: border-box;
 
         box-sizing: border-box;
 
         padding: 0
 
         padding: 0
 
     }
 
     }
  
     input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
+
     input[type=date],
 +
    input[type=datetime-local],
 +
    input[type=month],
 +
    input[type=time] {
 
         -webkit-appearance: listbox
 
         -webkit-appearance: listbox
 
     }
 
     }
Line 372: Line 418:
 
     }
 
     }
  
     [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
+
     [type=number]::-webkit-inner-spin-button,
 +
    [type=number]::-webkit-outer-spin-button {
 
         height: auto
 
         height: auto
 
     }
 
     }
Line 381: Line 428:
 
     }
 
     }
  
     [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
+
     [type=search]::-webkit-search-cancel-button,
 +
    [type=search]::-webkit-search-decoration {
 
         -webkit-appearance: none
 
         -webkit-appearance: none
 
     }
 
     }
Line 407: Line 455:
 
     }
 
     }
  
     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+
     .h1,
 +
    .h2,
 +
    .h3,
 +
    .h4,
 +
    .h5,
 +
    .h6,
 +
    h1,
 +
    h2,
 +
    h3,
 +
    h4,
 +
    h5,
 +
    h6 {
 
         margin-bottom: .5rem;
 
         margin-bottom: .5rem;
 
         font-family: inherit;
 
         font-family: inherit;
Line 415: Line 474:
 
     }
 
     }
  
     .h1, h1 {
+
     .h1,
 +
    h1 {
 
         font-size: 2.5rem
 
         font-size: 2.5rem
 
     }
 
     }
  
     .h2, h2 {
+
     .h2,
 +
    h2 {
 
         font-size: 2rem
 
         font-size: 2rem
 
     }
 
     }
  
     .h3, h3 {
+
     .h3,
 +
    h3 {
 
         font-size: 1.75rem
 
         font-size: 1.75rem
 
     }
 
     }
  
     .h4, h4 {
+
     .h4,
 +
    h4 {
 
         font-size: 1.5rem
 
         font-size: 1.5rem
 
     }
 
     }
  
     .h5, h5 {
+
     .h5,
 +
    h5 {
 
         font-size: 1.25rem
 
         font-size: 1.25rem
 
     }
 
     }
  
     .h6, h6 {
+
     .h6,
 +
    h6 {
 
         font-size: 1rem
 
         font-size: 1rem
 
     }
 
     }
Line 475: Line 540:
 
     }
 
     }
  
     .small, small {
+
     .small,
 +
    small {
 
         font-size: 80%;
 
         font-size: 80%;
 
         font-weight: 400
 
         font-weight: 400
 
     }
 
     }
  
     .mark, mark {
+
     .mark,
 +
    mark {
 
         padding: .2em;
 
         padding: .2em;
 
         background-color: #fcf8e3
 
         background-color: #fcf8e3
Line 551: Line 618:
 
     }
 
     }
  
     code, kbd, pre, samp {
+
     code,
 +
    kbd,
 +
    pre,
 +
    samp {
 
         font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 
         font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 
     }
 
     }
Line 561: Line 631:
 
     }
 
     }
  
     a > code {
+
     a>code {
 
         color: inherit
 
         color: inherit
 
     }
 
     }
Line 650: Line 720:
 
     }
 
     }
  
     .no-gutters > .col, .no-gutters > [class*=col-] {
+
     .no-gutters>.col,
 +
    .no-gutters>[class*=col-] {
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 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 {
+
     .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;
 
         position: relative;
 
         width: 100%;
 
         width: 100%;
Line 1,724: Line 1,864:
 
     }
 
     }
  
     .table td, .table th {
+
     .table td,
 +
    .table th {
 
         padding: .75rem;
 
         padding: .75rem;
 
         vertical-align: top;
 
         vertical-align: top;
Line 1,735: Line 1,876:
 
     }
 
     }
  
     .table tbody + tbody {
+
     .table tbody+tbody {
 
         border-top: 2px solid #dee2e6
 
         border-top: 2px solid #dee2e6
 
     }
 
     }
Line 1,743: Line 1,884:
 
     }
 
     }
  
     .table-sm td, .table-sm th {
+
     .table-sm td,
 +
    .table-sm th {
 
         padding: .3rem
 
         padding: .3rem
 
     }
 
     }
Line 1,751: Line 1,893:
 
     }
 
     }
  
     .table-bordered td, .table-bordered th {
+
     .table-bordered td,
 +
    .table-bordered th {
 
         border: 1px solid #dee2e6
 
         border: 1px solid #dee2e6
 
     }
 
     }
  
     .table-bordered thead td, .table-bordered thead th {
+
     .table-bordered thead td,
 +
    .table-bordered thead th {
 
         border-bottom-width: 2px
 
         border-bottom-width: 2px
 
     }
 
     }
  
     .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
+
     .table-borderless tbody+tbody,
 +
    .table-borderless td,
 +
    .table-borderless th,
 +
    .table-borderless thead th {
 
         border: 0
 
         border: 0
 
     }
 
     }
Line 1,771: Line 1,918:
 
     }
 
     }
  
     .table-primary, .table-primary > td, .table-primary > th {
+
     .table-primary,
 +
    .table-primary>td,
 +
    .table-primary>th {
 
         background-color: #b8daff
 
         background-color: #b8daff
 
     }
 
     }
Line 1,779: Line 1,928:
 
     }
 
     }
  
     .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
+
     .table-hover .table-primary:hover>td,
 +
    .table-hover .table-primary:hover>th {
 
         background-color: #9fcdff
 
         background-color: #9fcdff
 
     }
 
     }
  
     .table-secondary, .table-secondary > td, .table-secondary > th {
+
     .table-secondary,
 +
    .table-secondary>td,
 +
    .table-secondary>th {
 
         background-color: #d6d8db
 
         background-color: #d6d8db
 
     }
 
     }
Line 1,791: Line 1,943:
 
     }
 
     }
  
     .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
+
     .table-hover .table-secondary:hover>td,
 +
    .table-hover .table-secondary:hover>th {
 
         background-color: #c8cbcf
 
         background-color: #c8cbcf
 
     }
 
     }
  
     .table-success, .table-success > td, .table-success > th {
+
     .table-success,
 +
    .table-success>td,
 +
    .table-success>th {
 
         background-color: #c3e6cb
 
         background-color: #c3e6cb
 
     }
 
     }
Line 1,803: Line 1,958:
 
     }
 
     }
  
     .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
+
     .table-hover .table-success:hover>td,
 +
    .table-hover .table-success:hover>th {
 
         background-color: #b1dfbb
 
         background-color: #b1dfbb
 
     }
 
     }
  
     .table-info, .table-info > td, .table-info > th {
+
     .table-info,
 +
    .table-info>td,
 +
    .table-info>th {
 
         background-color: #bee5eb
 
         background-color: #bee5eb
 
     }
 
     }
Line 1,815: Line 1,973:
 
     }
 
     }
  
     .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
+
     .table-hover .table-info:hover>td,
 +
    .table-hover .table-info:hover>th {
 
         background-color: #abdde5
 
         background-color: #abdde5
 
     }
 
     }
  
     .table-warning, .table-warning > td, .table-warning > th {
+
     .table-warning,
 +
    .table-warning>td,
 +
    .table-warning>th {
 
         background-color: #ffeeba
 
         background-color: #ffeeba
 
     }
 
     }
Line 1,827: Line 1,988:
 
     }
 
     }
  
     .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
+
     .table-hover .table-warning:hover>td,
 +
    .table-hover .table-warning:hover>th {
 
         background-color: #ffe8a1
 
         background-color: #ffe8a1
 
     }
 
     }
  
     .table-danger, .table-danger > td, .table-danger > th {
+
     .table-danger,
 +
    .table-danger>td,
 +
    .table-danger>th {
 
         background-color: #f5c6cb
 
         background-color: #f5c6cb
 
     }
 
     }
Line 1,839: Line 2,003:
 
     }
 
     }
  
     .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
+
     .table-hover .table-danger:hover>td,
 +
    .table-hover .table-danger:hover>th {
 
         background-color: #f1b0b7
 
         background-color: #f1b0b7
 
     }
 
     }
  
     .table-light, .table-light > td, .table-light > th {
+
     .table-light,
 +
    .table-light>td,
 +
    .table-light>th {
 
         background-color: #fdfdfe
 
         background-color: #fdfdfe
 
     }
 
     }
Line 1,851: Line 2,018:
 
     }
 
     }
  
     .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
+
     .table-hover .table-light:hover>td,
 +
    .table-hover .table-light:hover>th {
 
         background-color: #ececf6
 
         background-color: #ececf6
 
     }
 
     }
  
     .table-dark, .table-dark > td, .table-dark > th {
+
     .table-dark,
 +
    .table-dark>td,
 +
    .table-dark>th {
 
         background-color: #c6c8ca
 
         background-color: #c6c8ca
 
     }
 
     }
Line 1,863: Line 2,033:
 
     }
 
     }
  
     .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
+
     .table-hover .table-dark:hover>td,
 +
    .table-hover .table-dark:hover>th {
 
         background-color: #b9bbbe
 
         background-color: #b9bbbe
 
     }
 
     }
  
     .table-active, .table-active > td, .table-active > th {
+
     .table-active,
 +
    .table-active>td,
 +
    .table-active>th {
 
         background-color: rgba(0, 0, 0, .075)
 
         background-color: rgba(0, 0, 0, .075)
 
     }
 
     }
Line 1,875: Line 2,048:
 
     }
 
     }
  
     .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
+
     .table-hover .table-active:hover>td,
 +
    .table-hover .table-active:hover>th {
 
         background-color: rgba(0, 0, 0, .075)
 
         background-color: rgba(0, 0, 0, .075)
 
     }
 
     }
Line 1,896: Line 2,070:
 
     }
 
     }
  
     .table-dark td, .table-dark th, .table-dark thead th {
+
     .table-dark td,
 +
    .table-dark th,
 +
    .table-dark thead th {
 
         border-color: #32383e
 
         border-color: #32383e
 
     }
 
     }
Line 1,921: Line 2,097:
 
         }
 
         }
  
         .table-responsive-sm > .table-bordered {
+
         .table-responsive-sm>.table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 1,935: Line 2,111:
 
         }
 
         }
  
         .table-responsive-md > .table-bordered {
+
         .table-responsive-md>.table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 1,949: Line 2,125:
 
         }
 
         }
  
         .table-responsive-lg > .table-bordered {
+
         .table-responsive-lg>.table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 1,963: Line 2,139:
 
         }
 
         }
  
         .table-responsive-xl > .table-bordered {
+
         .table-responsive-xl>.table-bordered {
 
             border: 0
 
             border: 0
 
         }
 
         }
Line 1,976: Line 2,152:
 
     }
 
     }
  
     .table-responsive > .table-bordered {
+
     .table-responsive>.table-bordered {
 
         border: 0
 
         border: 0
 
     }
 
     }
Line 2,038: Line 2,214:
 
     }
 
     }
  
     .form-control:disabled, .form-control[readonly] {
+
     .form-control:disabled,
 +
    .form-control[readonly] {
 
         background-color: #e9ecef;
 
         background-color: #e9ecef;
 
         opacity: 1
 
         opacity: 1
Line 2,052: Line 2,229:
 
     }
 
     }
  
     .form-control-file, .form-control-range {
+
     .form-control-file,
 +
    .form-control-range {
 
         display: block;
 
         display: block;
 
         width: 100%
 
         width: 100%
Line 2,092: Line 2,270:
 
     }
 
     }
  
     .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 {
+
     .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-right: 0;
 
         padding-left: 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 {
+
     .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;
 
         padding: .25rem .5rem;
 
         font-size: .875rem;
 
         font-size: .875rem;
Line 2,104: Line 2,298:
 
     }
 
     }
  
     .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]) {
+
     .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)
 
         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 {
+
     .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;
 
         padding: .5rem 1rem;
 
         font-size: 1.25rem;
 
         font-size: 1.25rem;
Line 2,115: Line 2,319:
 
     }
 
     }
  
     .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]) {
+
     .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)
 
         height: calc(2.875rem + 2px)
 
     }
 
     }
Line 2,137: Line 2,346:
 
     }
 
     }
  
     .form-row > .col, .form-row > [class*=col-] {
+
     .form-row>.col,
 +
    .form-row>[class*=col-] {
 
         padding-right: 5px;
 
         padding-right: 5px;
 
         padding-left: 5px
 
         padding-left: 5px
Line 2,154: Line 2,364:
 
     }
 
     }
  
     .form-check-input:disabled ~ .form-check-label {
+
     .form-check-input:disabled~.form-check-label {
 
         color: #6c757d
 
         color: #6c757d
 
     }
 
     }
Line 2,201: Line 2,411:
 
     }
 
     }
  
     .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
+
     .custom-select.is-valid,
 +
    .form-control.is-valid,
 +
    .was-validated .custom-select:valid,
 +
    .was-validated .form-control:valid {
 
         border-color: #28a745
 
         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 {
+
     .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;
 
         border-color: #28a745;
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
+
     .form-check-input.is-valid~.form-check-label,
 +
    .was-validated .form-check-input:valid~.form-check-label {
 
         color: #28a745
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
+
     .custom-control-input.is-valid~.custom-control-label,
 +
    .was-validated .custom-control-input:valid~.custom-control-label {
 
         color: #28a745
 
         color: #28a745
 
     }
 
     }
  
     .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
+
     .custom-control-input.is-valid~.custom-control-label::before,
 +
    .was-validated .custom-control-input:valid~.custom-control-label::before {
 
         background-color: #71dd8a
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
+
     .custom-control-input.is-valid:checked~.custom-control-label::before,
 +
    .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
 
         background-color: #34ce57
 
         background-color: #34ce57
 
     }
 
     }
  
     .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
+
     .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)
 
         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 {
+
     .custom-file-input.is-valid~.custom-file-label,
 +
    .was-validated .custom-file-input:valid~.custom-file-label {
 
         border-color: #28a745
 
         border-color: #28a745
 
     }
 
     }
  
     .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
+
     .custom-file-input.is-valid~.custom-file-label::before,
 +
    .was-validated .custom-file-input:valid~.custom-file-label::before {
 
         border-color: inherit
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
 
     }
 
     }
Line 2,281: Line 2,521:
 
     }
 
     }
  
     .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
+
     .custom-select.is-invalid,
 +
    .form-control.is-invalid,
 +
    .was-validated .custom-select:invalid,
 +
    .was-validated .form-control:invalid {
 
         border-color: #dc3545
 
         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 {
+
     .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;
 
         border-color: #dc3545;
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
+
     .form-check-input.is-invalid~.form-check-label,
 +
    .was-validated .form-check-input:invalid~.form-check-label {
 
         color: #dc3545
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
+
     .custom-control-input.is-invalid~.custom-control-label,
 +
    .was-validated .custom-control-input:invalid~.custom-control-label {
 
         color: #dc3545
 
         color: #dc3545
 
     }
 
     }
  
     .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
+
     .custom-control-input.is-invalid~.custom-control-label::before,
 +
    .was-validated .custom-control-input:invalid~.custom-control-label::before {
 
         background-color: #efa2a9
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
+
     .custom-control-input.is-invalid:checked~.custom-control-label::before,
 +
    .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
 
         background-color: #e4606d
 
         background-color: #e4606d
 
     }
 
     }
  
     .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
+
     .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)
 
         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 {
+
     .custom-file-input.is-invalid~.custom-file-label,
 +
    .was-validated .custom-file-input:invalid~.custom-file-label {
 
         border-color: #dc3545
 
         border-color: #dc3545
 
     }
 
     }
  
     .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
+
     .custom-file-input.is-invalid~.custom-file-label::before,
 +
    .was-validated .custom-file-input:invalid~.custom-file-label::before {
 
         border-color: inherit
 
         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 {
+
     .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
 
         display: block
 
     }
 
     }
  
     .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
 
     }
 
     }
Line 2,384: Line 2,654:
 
         }
 
         }
  
         .form-inline .custom-select, .form-inline .input-group {
+
         .form-inline .custom-select,
 +
        .form-inline .input-group {
 
             width: auto
 
             width: auto
 
         }
 
         }
Line 2,442: Line 2,713:
 
     }
 
     }
  
     .btn:focus, .btn:hover {
+
     .btn:focus,
 +
    .btn:hover {
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
  
     .btn.focus, .btn:focus {
+
     .btn.focus,
 +
    .btn:focus {
 
         outline: 0;
 
         outline: 0;
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 
     }
 
     }
  
     .btn.disabled, .btn:disabled {
+
     .btn.disabled,
 +
    .btn:disabled {
 
         opacity: .65
 
         opacity: .65
 
     }
 
     }
Line 2,459: Line 2,733:
 
     }
 
     }
  
     .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
+
     .btn:not(:disabled):not(.disabled).active,
 +
    .btn:not(:disabled):not(.disabled):active {
 
         background-image: none
 
         background-image: none
 
     }
 
     }
  
     a.btn.disabled, fieldset:disabled a.btn {
+
     a.btn.disabled,
 +
    fieldset:disabled a.btn {
 
         pointer-events: none
 
         pointer-events: none
 
     }
 
     }
Line 2,479: Line 2,755:
 
     }
 
     }
  
     .btn-primary.focus, .btn-primary:focus {
+
     .btn-primary.focus,
 +
    .btn-primary:focus {
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
     }
 
     }
  
     .btn-primary.disabled, .btn-primary:disabled {
+
     .btn-primary.disabled,
 +
    .btn-primary:disabled {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff;
 
         background-color: #007bff;
Line 2,489: Line 2,767:
 
     }
 
     }
  
     .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
+
     .btn-primary:not(:disabled):not(.disabled).active,
 +
    .btn-primary:not(:disabled):not(.disabled):active,
 +
    .show>.btn-primary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #0062cc;
 
         background-color: #0062cc;
Line 2,495: Line 2,775:
 
     }
 
     }
  
     .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
     }
 
     }
Line 2,511: Line 2,793:
 
     }
 
     }
  
     .btn-secondary.focus, .btn-secondary:focus {
+
     .btn-secondary.focus,
 +
    .btn-secondary:focus {
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
     }
 
     }
  
     .btn-secondary.disabled, .btn-secondary:disabled {
+
     .btn-secondary.disabled,
 +
    .btn-secondary:disabled {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #6c757d;
 
         background-color: #6c757d;
Line 2,521: Line 2,805:
 
     }
 
     }
  
     .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
+
     .btn-secondary:not(:disabled):not(.disabled).active,
 +
    .btn-secondary:not(:disabled):not(.disabled):active,
 +
    .show>.btn-secondary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #545b62;
 
         background-color: #545b62;
Line 2,527: Line 2,813:
 
     }
 
     }
  
     .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
     }
 
     }
Line 2,543: Line 2,831:
 
     }
 
     }
  
     .btn-success.focus, .btn-success:focus {
+
     .btn-success.focus,
 +
    .btn-success:focus {
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
     }
 
     }
  
     .btn-success.disabled, .btn-success:disabled {
+
     .btn-success.disabled,
 +
    .btn-success:disabled {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #28a745;
 
         background-color: #28a745;
Line 2,553: Line 2,843:
 
     }
 
     }
  
     .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
+
     .btn-success:not(:disabled):not(.disabled).active,
 +
    .btn-success:not(:disabled):not(.disabled):active,
 +
    .show>.btn-success.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #1e7e34;
 
         background-color: #1e7e34;
Line 2,559: Line 2,851:
 
     }
 
     }
  
     .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
     }
 
     }
Line 2,575: Line 2,869:
 
     }
 
     }
  
     .btn-info.focus, .btn-info:focus {
+
     .btn-info.focus,
 +
    .btn-info:focus {
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
     }
 
     }
  
     .btn-info.disabled, .btn-info:disabled {
+
     .btn-info.disabled,
 +
    .btn-info:disabled {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #17a2b8;
 
         background-color: #17a2b8;
Line 2,585: Line 2,881:
 
     }
 
     }
  
     .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
+
     .btn-info:not(:disabled):not(.disabled).active,
 +
    .btn-info:not(:disabled):not(.disabled):active,
 +
    .show>.btn-info.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #117a8b;
 
         background-color: #117a8b;
Line 2,591: Line 2,889:
 
     }
 
     }
  
     .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
     }
 
     }
Line 2,607: Line 2,907:
 
     }
 
     }
  
     .btn-warning.focus, .btn-warning:focus {
+
     .btn-warning.focus,
 +
    .btn-warning:focus {
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
     }
 
     }
  
     .btn-warning.disabled, .btn-warning:disabled {
+
     .btn-warning.disabled,
 +
    .btn-warning:disabled {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #ffc107;
 
         background-color: #ffc107;
Line 2,617: Line 2,919:
 
     }
 
     }
  
     .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
+
     .btn-warning:not(:disabled):not(.disabled).active,
 +
    .btn-warning:not(:disabled):not(.disabled):active,
 +
    .show>.btn-warning.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #d39e00;
 
         background-color: #d39e00;
Line 2,623: Line 2,927:
 
     }
 
     }
  
     .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
     }
 
     }
Line 2,639: Line 2,945:
 
     }
 
     }
  
     .btn-danger.focus, .btn-danger:focus {
+
     .btn-danger.focus,
 +
    .btn-danger:focus {
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
     }
 
     }
  
     .btn-danger.disabled, .btn-danger:disabled {
+
     .btn-danger.disabled,
 +
    .btn-danger:disabled {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #dc3545;
 
         background-color: #dc3545;
Line 2,649: Line 2,957:
 
     }
 
     }
  
     .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
+
     .btn-danger:not(:disabled):not(.disabled).active,
 +
    .btn-danger:not(:disabled):not(.disabled):active,
 +
    .show>.btn-danger.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #bd2130;
 
         background-color: #bd2130;
Line 2,655: Line 2,965:
 
     }
 
     }
  
     .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
     }
 
     }
Line 2,671: Line 2,983:
 
     }
 
     }
  
     .btn-light.focus, .btn-light:focus {
+
     .btn-light.focus,
 +
    .btn-light:focus {
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
     }
 
     }
  
     .btn-light.disabled, .btn-light:disabled {
+
     .btn-light.disabled,
 +
    .btn-light:disabled {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #f8f9fa;
 
         background-color: #f8f9fa;
Line 2,681: Line 2,995:
 
     }
 
     }
  
     .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
+
     .btn-light:not(:disabled):not(.disabled).active,
 +
    .btn-light:not(:disabled):not(.disabled):active,
 +
    .show>.btn-light.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #dae0e5;
 
         background-color: #dae0e5;
Line 2,687: Line 3,003:
 
     }
 
     }
  
     .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
     }
 
     }
Line 2,703: Line 3,021:
 
     }
 
     }
  
     .btn-dark.focus, .btn-dark:focus {
+
     .btn-dark.focus,
 +
    .btn-dark:focus {
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
     }
 
     }
  
     .btn-dark.disabled, .btn-dark:disabled {
+
     .btn-dark.disabled,
 +
    .btn-dark:disabled {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #343a40;
 
         background-color: #343a40;
Line 2,713: Line 3,033:
 
     }
 
     }
  
     .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
+
     .btn-dark:not(:disabled):not(.disabled).active,
 +
    .btn-dark:not(:disabled):not(.disabled):active,
 +
    .show>.btn-dark.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #1d2124;
 
         background-color: #1d2124;
Line 2,719: Line 3,041:
 
     }
 
     }
  
     .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
     }
 
     }
Line 2,736: Line 3,060:
 
     }
 
     }
  
     .btn-outline-primary.focus, .btn-outline-primary:focus {
+
     .btn-outline-primary.focus,
 +
    .btn-outline-primary:focus {
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
     }
 
     }
  
     .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+
     .btn-outline-primary.disabled,
 +
    .btn-outline-primary:disabled {
 
         color: #007bff;
 
         color: #007bff;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-primary:not(:disabled):not(.disabled).active,
 +
    .btn-outline-primary:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-primary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff;
 
         background-color: #007bff;
Line 2,751: Line 3,079:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
 
     }
 
     }
Line 2,768: Line 3,098:
 
     }
 
     }
  
     .btn-outline-secondary.focus, .btn-outline-secondary:focus {
+
     .btn-outline-secondary.focus,
 +
    .btn-outline-secondary:focus {
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
     }
 
     }
  
     .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+
     .btn-outline-secondary.disabled,
 +
    .btn-outline-secondary:disabled {
 
         color: #6c757d;
 
         color: #6c757d;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-secondary:not(:disabled):not(.disabled).active,
 +
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-secondary.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #6c757d;
 
         background-color: #6c757d;
Line 2,783: Line 3,117:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
 
     }
 
     }
Line 2,800: Line 3,136:
 
     }
 
     }
  
     .btn-outline-success.focus, .btn-outline-success:focus {
+
     .btn-outline-success.focus,
 +
    .btn-outline-success:focus {
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
     }
 
     }
  
     .btn-outline-success.disabled, .btn-outline-success:disabled {
+
     .btn-outline-success.disabled,
 +
    .btn-outline-success:disabled {
 
         color: #28a745;
 
         color: #28a745;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-success:not(:disabled):not(.disabled).active,
 +
    .btn-outline-success:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-success.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #28a745;
 
         background-color: #28a745;
Line 2,815: Line 3,155:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
 
     }
 
     }
Line 2,832: Line 3,174:
 
     }
 
     }
  
     .btn-outline-info.focus, .btn-outline-info:focus {
+
     .btn-outline-info.focus,
 +
    .btn-outline-info:focus {
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
     }
 
     }
  
     .btn-outline-info.disabled, .btn-outline-info:disabled {
+
     .btn-outline-info.disabled,
 +
    .btn-outline-info:disabled {
 
         color: #17a2b8;
 
         color: #17a2b8;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-info:not(:disabled):not(.disabled).active,
 +
    .btn-outline-info:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-info.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #17a2b8;
 
         background-color: #17a2b8;
Line 2,847: Line 3,193:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
 
     }
 
     }
Line 2,864: Line 3,212:
 
     }
 
     }
  
     .btn-outline-warning.focus, .btn-outline-warning:focus {
+
     .btn-outline-warning.focus,
 +
    .btn-outline-warning:focus {
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
     }
 
     }
  
     .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+
     .btn-outline-warning.disabled,
 +
    .btn-outline-warning:disabled {
 
         color: #ffc107;
 
         color: #ffc107;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-warning:not(:disabled):not(.disabled).active,
 +
    .btn-outline-warning:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-warning.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #ffc107;
 
         background-color: #ffc107;
Line 2,879: Line 3,231:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
 
     }
 
     }
Line 2,896: Line 3,250:
 
     }
 
     }
  
     .btn-outline-danger.focus, .btn-outline-danger:focus {
+
     .btn-outline-danger.focus,
 +
    .btn-outline-danger:focus {
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
     }
 
     }
  
     .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+
     .btn-outline-danger.disabled,
 +
    .btn-outline-danger:disabled {
 
         color: #dc3545;
 
         color: #dc3545;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-danger:not(:disabled):not(.disabled).active,
 +
    .btn-outline-danger:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-danger.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #dc3545;
 
         background-color: #dc3545;
Line 2,911: Line 3,269:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
 
     }
 
     }
Line 2,928: Line 3,288:
 
     }
 
     }
  
     .btn-outline-light.focus, .btn-outline-light:focus {
+
     .btn-outline-light.focus,
 +
    .btn-outline-light:focus {
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
     }
 
     }
  
     .btn-outline-light.disabled, .btn-outline-light:disabled {
+
     .btn-outline-light.disabled,
 +
    .btn-outline-light:disabled {
 
         color: #f8f9fa;
 
         color: #f8f9fa;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-light:not(:disabled):not(.disabled).active,
 +
    .btn-outline-light:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-light.dropdown-toggle {
 
         color: #212529;
 
         color: #212529;
 
         background-color: #f8f9fa;
 
         background-color: #f8f9fa;
Line 2,943: Line 3,307:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
 
     }
 
     }
Line 2,960: Line 3,326:
 
     }
 
     }
  
     .btn-outline-dark.focus, .btn-outline-dark:focus {
+
     .btn-outline-dark.focus,
 +
    .btn-outline-dark:focus {
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
     }
 
     }
  
     .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+
     .btn-outline-dark.disabled,
 +
    .btn-outline-dark:disabled {
 
         color: #343a40;
 
         color: #343a40;
 
         background-color: transparent
 
         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 {
+
     .btn-outline-dark:not(:disabled):not(.disabled).active,
 +
    .btn-outline-dark:not(:disabled):not(.disabled):active,
 +
    .show>.btn-outline-dark.dropdown-toggle {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #343a40;
 
         background-color: #343a40;
Line 2,975: Line 3,345:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
 
     }
 
     }
  
     .btn-group-lg > .btn, .btn-lg {
+
     .btn-group-lg>.btn,
 +
    .btn-lg {
 
         padding: .5rem 1rem;
 
         padding: .5rem 1rem;
 
         font-size: 1.25rem;
 
         font-size: 1.25rem;
Line 2,986: Line 3,359:
 
     }
 
     }
  
     .btn-group-sm > .btn, .btn-sm {
+
     .btn-group-sm>.btn,
 +
    .btn-sm {
 
         padding: .25rem .5rem;
 
         padding: .25rem .5rem;
 
         font-size: .875rem;
 
         font-size: .875rem;
Line 2,998: Line 3,372:
 
     }
 
     }
  
     .btn-block + .btn-block {
+
     .btn-block+.btn-block {
 
         margin-top: .5rem
 
         margin-top: .5rem
 
     }
 
     }
  
     input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
+
     input[type=button].btn-block,
 +
    input[type=reset].btn-block,
 +
    input[type=submit].btn-block {
 
         width: 100%
 
         width: 100%
 
     }
 
     }
Line 3,037: Line 3,413:
 
     }
 
     }
  
     .dropdown, .dropleft, .dropright, .dropup {
+
     .dropdown,
 +
    .dropleft,
 +
    .dropright,
 +
    .dropup {
 
         position: relative
 
         position: relative
 
     }
 
     }
Line 3,177: Line 3,556:
 
     }
 
     }
  
     .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
+
     .dropdown-menu[x-placement^=bottom],
 +
    .dropdown-menu[x-placement^=left],
 +
    .dropdown-menu[x-placement^=right],
 +
    .dropdown-menu[x-placement^=top] {
 
         right: auto;
 
         right: auto;
 
         bottom: auto
 
         bottom: auto
Line 3,202: Line 3,584:
 
     }
 
     }
  
     .dropdown-item:focus, .dropdown-item:hover {
+
     .dropdown-item:focus,
 +
    .dropdown-item:hover {
 
         color: #16181b;
 
         color: #16181b;
 
         text-decoration: none;
 
         text-decoration: none;
Line 3,208: Line 3,591:
 
     }
 
     }
  
     .dropdown-item.active, .dropdown-item:active {
+
     .dropdown-item.active,
 +
    .dropdown-item:active {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 3,214: Line 3,598:
 
     }
 
     }
  
     .dropdown-item.disabled, .dropdown-item:disabled {
+
     .dropdown-item.disabled,
 +
    .dropdown-item:disabled {
 
         color: #6c757d;
 
         color: #6c757d;
 
         background-color: transparent
 
         background-color: transparent
Line 3,238: Line 3,623:
 
     }
 
     }
  
     .btn-group, .btn-group-vertical {
+
     .btn-group,
 +
    .btn-group-vertical {
 
         position: relative;
 
         position: relative;
 
         display: -ms-inline-flexbox;
 
         display: -ms-inline-flexbox;
Line 3,245: Line 3,631:
 
     }
 
     }
  
     .btn-group-vertical > .btn, .btn-group > .btn {
+
     .btn-group-vertical>.btn,
 +
    .btn-group>.btn {
 
         position: relative;
 
         position: relative;
 
         -ms-flex: 0 1 auto;
 
         -ms-flex: 0 1 auto;
Line 3,251: Line 3,638:
 
     }
 
     }
  
     .btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
+
     .btn-group-vertical>.btn:hover,
 +
    .btn-group>.btn:hover {
 
         z-index: 1
 
         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 {
+
     .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
 
         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 {
+
     .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
 
         margin-left: -1px
 
     }
 
     }
Line 3,276: Line 3,676:
 
     }
 
     }
  
     .btn-group > .btn:first-child {
+
     .btn-group>.btn:first-child {
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
  
     .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
+
     .btn-group>.btn-group:not(:last-child)>.btn,
 +
    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
 
         border-top-right-radius: 0;
 
         border-top-right-radius: 0;
 
         border-bottom-right-radius: 0
 
         border-bottom-right-radius: 0
 
     }
 
     }
  
     .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
+
     .btn-group>.btn-group:not(:first-child)>.btn,
 +
    .btn-group>.btn:not(:first-child) {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
Line 3,295: Line 3,697:
 
     }
 
     }
  
     .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
+
     .dropdown-toggle-split::after,
 +
    .dropright .dropdown-toggle-split::after,
 +
    .dropup .dropdown-toggle-split::after {
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
Line 3,303: Line 3,707:
 
     }
 
     }
  
     .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
+
     .btn-group-sm>.btn+.dropdown-toggle-split,
 +
    .btn-sm+.dropdown-toggle-split {
 
         padding-right: .375rem;
 
         padding-right: .375rem;
 
         padding-left: .375rem
 
         padding-left: .375rem
 
     }
 
     }
  
     .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
+
     .btn-group-lg>.btn+.dropdown-toggle-split,
 +
    .btn-lg+.dropdown-toggle-split {
 
         padding-right: .75rem;
 
         padding-right: .75rem;
 
         padding-left: .75rem
 
         padding-left: .75rem
Line 3,322: Line 3,728:
 
     }
 
     }
  
     .btn-group-vertical .btn, .btn-group-vertical .btn-group {
+
     .btn-group-vertical .btn,
 +
    .btn-group-vertical .btn-group {
 
         width: 100%
 
         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 {
+
     .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-top: -1px;
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
  
     .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
+
     .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-right-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
 
     }
 
     }
  
     .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
+
     .btn-group-vertical>.btn-group:not(:first-child)>.btn,
 +
    .btn-group-vertical>.btn:not(:first-child) {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-top-right-radius: 0
 
         border-top-right-radius: 0
 
     }
 
     }
  
     .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
+
     .btn-group-toggle>.btn,
 +
    .btn-group-toggle>.btn-group>.btn {
 
         margin-bottom: 0
 
         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] {
+
     .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;
 
         position: absolute;
 
         clip: rect(0, 0, 0, 0);
 
         clip: rect(0, 0, 0, 0);
Line 3,362: Line 3,778:
 
     }
 
     }
  
     .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
+
     .input-group>.custom-file,
 +
    .input-group>.custom-select,
 +
    .input-group>.form-control {
 
         position: relative;
 
         position: relative;
 
         -ms-flex: 1 1 auto;
 
         -ms-flex: 1 1 auto;
Line 3,370: Line 3,788:
 
     }
 
     }
  
     .input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
+
     .input-group>.custom-file:focus,
 +
    .input-group>.custom-select:focus,
 +
    .input-group>.form-control:focus {
 
         z-index: 3
 
         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 {
+
     .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
 
         margin-left: -1px
 
     }
 
     }
  
     .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
+
     .input-group>.custom-select:not(:last-child),
 +
    .input-group>.form-control:not(:last-child) {
 
         border-top-right-radius: 0;
 
         border-top-right-radius: 0;
 
         border-bottom-right-radius: 0
 
         border-bottom-right-radius: 0
 
     }
 
     }
  
     .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
+
     .input-group>.custom-select:not(:first-child),
 +
    .input-group>.form-control:not(:first-child) {
 
         border-top-left-radius: 0;
 
         border-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
 
     }
 
     }
  
     .input-group > .custom-file {
+
     .input-group>.custom-file {
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex;
 
         display: flex;
Line 3,395: Line 3,825:
 
     }
 
     }
  
     .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
+
     .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-top-right-radius: 0;
 
         border-bottom-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 {
+
     .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-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
 
     }
 
     }
  
     .input-group-append, .input-group-prepend {
+
     .input-group-append,
 +
    .input-group-prepend {
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex
 
         display: flex
 
     }
 
     }
  
     .input-group-append .btn, .input-group-prepend .btn {
+
     .input-group-append .btn,
 +
    .input-group-prepend .btn {
 
         position: relative;
 
         position: relative;
 
         z-index: 2
 
         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 {
+
     .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
 
         margin-left: -1px
 
     }
 
     }
Line 3,445: Line 3,886:
 
     }
 
     }
  
     .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
+
     .input-group-text input[type=checkbox],
 +
    .input-group-text input[type=radio] {
 
         margin-top: 0
 
         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 {
+
     .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-top-right-radius: 0;
 
         border-bottom-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 {
+
     .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-top-left-radius: 0;
 
         border-bottom-left-radius: 0
 
         border-bottom-left-radius: 0
Line 3,478: Line 3,930:
 
     }
 
     }
  
     .custom-control-input:checked ~ .custom-control-label::before {
+
     .custom-control-input:checked~.custom-control-label::before {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-control-input:focus ~ .custom-control-label::before {
+
     .custom-control-input:focus~.custom-control-label::before {
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 
         box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
 
     }
 
     }
  
     .custom-control-input:active ~ .custom-control-label::before {
+
     .custom-control-input:active~.custom-control-label::before {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #b3d7ff
 
         background-color: #b3d7ff
 
     }
 
     }
  
     .custom-control-input:disabled ~ .custom-control-label {
+
     .custom-control-input:disabled~.custom-control-label {
 
         color: #6c757d
 
         color: #6c757d
 
     }
 
     }
  
     .custom-control-input:disabled ~ .custom-control-label::before {
+
     .custom-control-input:disabled~.custom-control-label::before {
 
         background-color: #e9ecef
 
         background-color: #e9ecef
 
     }
 
     }
Line 3,537: Line 3,989:
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+
     .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+
     .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")
 
         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 {
+
     .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+
     .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")
 
         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 {
+
     .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
 
         background-color: rgba(0, 123, 255, .5)
 
         background-color: rgba(0, 123, 255, .5)
 
     }
 
     }
  
     .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+
     .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
 
         background-color: rgba(0, 123, 255, .5)
 
         background-color: rgba(0, 123, 255, .5)
 
     }
 
     }
Line 3,565: Line 4,017:
 
     }
 
     }
  
     .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+
     .custom-radio .custom-control-input:checked~.custom-control-label::before {
 
         background-color: #007bff
 
         background-color: #007bff
 
     }
 
     }
  
     .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+
     .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")
 
         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 {
+
     .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
 
         background-color: rgba(0, 123, 255, .5)
 
         background-color: rgba(0, 123, 255, .5)
 
     }
 
     }
Line 3,605: Line 4,057:
 
     }
 
     }
  
     .custom-select[multiple], .custom-select[size]:not([size="1"]) {
+
     .custom-select[multiple],
 +
    .custom-select[size]:not([size="1"]) {
 
         height: auto;
 
         height: auto;
 
         padding-right: .75rem;
 
         padding-right: .75rem;
Line 3,651: Line 4,104:
 
     }
 
     }
  
     .custom-file-input:focus ~ .custom-file-label {
+
     .custom-file-input:focus~.custom-file-label {
 
         border-color: #80bdff;
 
         border-color: #80bdff;
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 
         box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 
     }
 
     }
  
     .custom-file-input:focus ~ .custom-file-label::after {
+
     .custom-file-input:focus~.custom-file-label::after {
 
         border-color: #80bdff
 
         border-color: #80bdff
 
     }
 
     }
  
     .custom-file-input:lang(en) ~ .custom-file-label::after {
+
     .custom-file-input:lang(en)~.custom-file-label::after {
 
         content: "Browse"
 
         content: "Browse"
 
     }
 
     }
Line 3,826: Line 4,279:
 
     }
 
     }
  
     .nav-link:focus, .nav-link:hover {
+
     .nav-link:focus,
 +
    .nav-link:hover {
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 3,848: Line 4,302:
 
     }
 
     }
  
     .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
+
     .nav-tabs .nav-link:focus,
 +
    .nav-tabs .nav-link:hover {
 
         border-color: #e9ecef #e9ecef #dee2e6
 
         border-color: #e9ecef #e9ecef #dee2e6
 
     }
 
     }
Line 3,858: Line 4,313:
 
     }
 
     }
  
     .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+
     .nav-tabs .nav-item.show .nav-link,
 +
    .nav-tabs .nav-link.active {
 
         color: #495057;
 
         color: #495057;
 
         background-color: #fff;
 
         background-color: #fff;
Line 3,874: Line 4,330:
 
     }
 
     }
  
     .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+
     .nav-pills .nav-link.active,
 +
    .nav-pills .show>.nav-link {
 
         color: #fff;
 
         color: #fff;
 
         background-color: #007bff
 
         background-color: #007bff
Line 3,893: Line 4,350:
 
     }
 
     }
  
     .tab-content > .tab-pane {
+
     .tab-content>.tab-pane {
 
         display: none
 
         display: none
 
     }
 
     }
  
     .tab-content > .active {
+
     .tab-content>.active {
 
         display: block
 
         display: block
 
     }
 
     }
Line 3,914: Line 4,371:
 
     }
 
     }
  
     .navbar > .container, .navbar > .container-fluid {
+
     .navbar>.container,
 +
    .navbar>.container-fluid {
 
         display: -ms-flexbox;
 
         display: -ms-flexbox;
 
         display: flex;
 
         display: flex;
Line 3,935: Line 4,393:
 
     }
 
     }
  
     .navbar-brand:focus, .navbar-brand:hover {
+
     .navbar-brand:focus,
 +
    .navbar-brand:hover {
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 3,983: Line 4,442:
 
     }
 
     }
  
     .navbar-toggler:focus, .navbar-toggler:hover {
+
     .navbar-toggler:focus,
 +
    .navbar-toggler:hover {
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 4,002: Line 4,462:
  
 
     @media (max-width: 575.98px) {
 
     @media (max-width: 575.98px) {
         .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
+
 
 +
         .navbar-expand-sm>.container,
 +
        .navbar-expand-sm>.container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,030: Line 4,492:
 
         }
 
         }
  
         .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
+
         .navbar-expand-sm>.container,
 +
        .navbar-expand-sm>.container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,048: Line 4,511:
  
 
     @media (max-width: 1199.98px) {
 
     @media (max-width: 1199.98px) {
         .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
+
 
 +
         .navbar-expand-md>.container,
 +
        .navbar-expand-md>.container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,076: Line 4,541:
 
         }
 
         }
  
         .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
+
         .navbar-expand-md>.container,
 +
        .navbar-expand-md>.container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,094: Line 4,560:
  
 
     @media (max-width: 991.98px) {
 
     @media (max-width: 991.98px) {
         .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
+
 
 +
         .navbar-expand-lg>.container,
 +
        .navbar-expand-lg>.container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,122: Line 4,590:
 
         }
 
         }
  
         .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
+
         .navbar-expand-lg>.container,
 +
        .navbar-expand-lg>.container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,140: Line 4,609:
  
 
     @media (max-width: 1199.98px) {
 
     @media (max-width: 1199.98px) {
         .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
+
 
 +
         .navbar-expand-xl>.container,
 +
        .navbar-expand-xl>.container-fluid {
 
             padding-right: 0;
 
             padding-right: 0;
 
             padding-left: 0
 
             padding-left: 0
Line 4,168: Line 4,639:
 
         }
 
         }
  
         .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
+
         .navbar-expand-xl>.container,
 +
        .navbar-expand-xl>.container-fluid {
 
             -ms-flex-wrap: nowrap;
 
             -ms-flex-wrap: nowrap;
 
             flex-wrap: nowrap
 
             flex-wrap: nowrap
Line 4,192: Line 4,664:
 
     }
 
     }
  
     .navbar-expand > .container, .navbar-expand > .container-fluid {
+
     .navbar-expand>.container,
 +
    .navbar-expand>.container-fluid {
 
         padding-right: 0;
 
         padding-right: 0;
 
         padding-left: 0
 
         padding-left: 0
Line 4,211: Line 4,684:
 
     }
 
     }
  
     .navbar-expand > .container, .navbar-expand > .container-fluid {
+
     .navbar-expand>.container,
 +
    .navbar-expand>.container-fluid {
 
         -ms-flex-wrap: nowrap;
 
         -ms-flex-wrap: nowrap;
 
         flex-wrap: nowrap
 
         flex-wrap: nowrap
Line 4,231: Line 4,705:
 
     }
 
     }
  
     .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
+
     .navbar-light .navbar-brand:focus,
 +
    .navbar-light .navbar-brand:hover {
 
         color: rgba(0, 0, 0, .9)
 
         color: rgba(0, 0, 0, .9)
 
     }
 
     }
Line 4,239: Line 4,714:
 
     }
 
     }
  
     .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
+
     .navbar-light .navbar-nav .nav-link:focus,
 +
    .navbar-light .navbar-nav .nav-link:hover {
 
         color: rgba(0, 0, 0, .7)
 
         color: rgba(0, 0, 0, .7)
 
     }
 
     }
Line 4,247: Line 4,723:
 
     }
 
     }
  
     .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 {
+
     .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)
 
         color: rgba(0, 0, 0, .9)
 
     }
 
     }
Line 4,268: Line 4,747:
 
     }
 
     }
  
     .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
+
     .navbar-light .navbar-text a:focus,
 +
    .navbar-light .navbar-text a:hover {
 
         color: rgba(0, 0, 0, .9)
 
         color: rgba(0, 0, 0, .9)
 
     }
 
     }
Line 4,276: Line 4,756:
 
     }
 
     }
  
     .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
+
     .navbar-dark .navbar-brand:focus,
 +
    .navbar-dark .navbar-brand:hover {
 
         color: #fff
 
         color: #fff
 
     }
 
     }
Line 4,284: Line 4,765:
 
     }
 
     }
  
     .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
+
     .navbar-dark .navbar-nav .nav-link:focus,
 +
    .navbar-dark .navbar-nav .nav-link:hover {
 
         color: rgba(255, 255, 255, .75)
 
         color: rgba(255, 255, 255, .75)
 
     }
 
     }
Line 4,292: Line 4,774:
 
     }
 
     }
  
     .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 {
+
     .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
 
         color: #fff
 
     }
 
     }
Line 4,313: Line 4,798:
 
     }
 
     }
  
     .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
+
     .navbar-dark .navbar-text a:focus,
 +
    .navbar-dark .navbar-text a:hover {
 
         color: #fff
 
         color: #fff
 
     }
 
     }
Line 4,331: Line 4,817:
 
     }
 
     }
  
     .card > hr {
+
     .card>hr {
 
         margin-right: 0;
 
         margin-right: 0;
 
         margin-left: 0
 
         margin-left: 0
 
     }
 
     }
  
     .card > .list-group:first-child .list-group-item:first-child {
+
     .card>.list-group:first-child .list-group-item:first-child {
 
         border-top-left-radius: .25rem;
 
         border-top-left-radius: .25rem;
 
         border-top-right-radius: .25rem
 
         border-top-right-radius: .25rem
 
     }
 
     }
  
     .card > .list-group:last-child .list-group-item:last-child {
+
     .card>.list-group:last-child .list-group-item:last-child {
 
         border-bottom-right-radius: .25rem;
 
         border-bottom-right-radius: .25rem;
 
         border-bottom-left-radius: .25rem
 
         border-bottom-left-radius: .25rem
Line 4,369: Line 4,855:
 
     }
 
     }
  
     .card-link + .card-link {
+
     .card-link+.card-link {
 
         margin-left: 1.25rem
 
         margin-left: 1.25rem
 
     }
 
     }
Line 4,384: Line 4,870:
 
     }
 
     }
  
     .card-header + .list-group .list-group-item:first-child {
+
     .card-header+.list-group .list-group-item:first-child {
 
         border-top: 0
 
         border-top: 0
 
     }
 
     }
Line 4,475: Line 4,961:
 
     }
 
     }
  
     .card-group > .card {
+
     .card-group>.card {
 
         margin-bottom: 15px
 
         margin-bottom: 15px
 
     }
 
     }
Line 4,485: Line 4,971:
 
         }
 
         }
  
         .card-group > .card {
+
         .card-group>.card {
 
             -ms-flex: 1 0 0%;
 
             -ms-flex: 1 0 0%;
 
             flex: 1 0 0%;
 
             flex: 1 0 0%;
Line 4,491: Line 4,977:
 
         }
 
         }
  
         .card-group > .card + .card {
+
         .card-group>.card+.card {
 
             margin-left: 0;
 
             margin-left: 0;
 
             border-left: 0
 
             border-left: 0
 
         }
 
         }
  
         .card-group > .card:first-child {
+
         .card-group>.card:first-child {
 
             border-top-right-radius: 0;
 
             border-top-right-radius: 0;
 
             border-bottom-right-radius: 0
 
             border-bottom-right-radius: 0
 
         }
 
         }
  
         .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
+
         .card-group>.card:first-child .card-header,
 +
        .card-group>.card:first-child .card-img-top {
 
             border-top-right-radius: 0
 
             border-top-right-radius: 0
 
         }
 
         }
  
         .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
+
         .card-group>.card:first-child .card-footer,
 +
        .card-group>.card:first-child .card-img-bottom {
 
             border-bottom-right-radius: 0
 
             border-bottom-right-radius: 0
 
         }
 
         }
  
         .card-group > .card:last-child {
+
         .card-group>.card:last-child {
 
             border-top-left-radius: 0;
 
             border-top-left-radius: 0;
 
             border-bottom-left-radius: 0
 
             border-bottom-left-radius: 0
 
         }
 
         }
  
         .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
+
         .card-group>.card:last-child .card-header,
 +
        .card-group>.card:last-child .card-img-top {
 
             border-top-left-radius: 0
 
             border-top-left-radius: 0
 
         }
 
         }
  
         .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
+
         .card-group>.card:last-child .card-footer,
 +
        .card-group>.card:last-child .card-img-bottom {
 
             border-bottom-left-radius: 0
 
             border-bottom-left-radius: 0
 
         }
 
         }
  
         .card-group > .card:only-child {
+
         .card-group>.card:only-child {
 
             border-radius: .25rem
 
             border-radius: .25rem
 
         }
 
         }
  
         .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
+
         .card-group>.card:only-child .card-header,
 +
        .card-group>.card:only-child .card-img-top {
 
             border-top-left-radius: .25rem;
 
             border-top-left-radius: .25rem;
 
             border-top-right-radius: .25rem
 
             border-top-right-radius: .25rem
 
         }
 
         }
  
         .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
+
         .card-group>.card:only-child .card-footer,
 +
        .card-group>.card:only-child .card-img-bottom {
 
             border-bottom-right-radius: .25rem;
 
             border-bottom-right-radius: .25rem;
 
             border-bottom-left-radius: .25rem
 
             border-bottom-left-radius: .25rem
 
         }
 
         }
  
         .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
+
         .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
 
             border-radius: 0
 
             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 {
+
         .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
 
             border-radius: 0
 
         }
 
         }
Line 4,599: Line 5,094:
 
     }
 
     }
  
     .breadcrumb-item + .breadcrumb-item {
+
     .breadcrumb-item+.breadcrumb-item {
 
         padding-left: .5rem
 
         padding-left: .5rem
 
     }
 
     }
  
     .breadcrumb-item + .breadcrumb-item::before {
+
     .breadcrumb-item+.breadcrumb-item::before {
 
         display: inline-block;
 
         display: inline-block;
 
         padding-right: .5rem;
 
         padding-right: .5rem;
Line 4,610: Line 5,105:
 
     }
 
     }
  
     .breadcrumb-item + .breadcrumb-item:hover::before {
+
     .breadcrumb-item+.breadcrumb-item:hover::before {
 
         text-decoration: underline
 
         text-decoration: underline
 
     }
 
     }
  
     .breadcrumb-item + .breadcrumb-item:hover::before {
+
     .breadcrumb-item+.breadcrumb-item:hover::before {
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
Line 4,749: Line 5,244:
 
     }
 
     }
  
     .badge-primary[href]:focus, .badge-primary[href]:hover {
+
     .badge-primary[href]:focus,
 +
    .badge-primary[href]:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,760: Line 5,256:
 
     }
 
     }
  
     .badge-secondary[href]:focus, .badge-secondary[href]:hover {
+
     .badge-secondary[href]:focus,
 +
    .badge-secondary[href]:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,771: Line 5,268:
 
     }
 
     }
  
     .badge-success[href]:focus, .badge-success[href]:hover {
+
     .badge-success[href]:focus,
 +
    .badge-success[href]:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,782: Line 5,280:
 
     }
 
     }
  
     .badge-info[href]:focus, .badge-info[href]:hover {
+
     .badge-info[href]:focus,
 +
    .badge-info[href]:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,793: Line 5,292:
 
     }
 
     }
  
     .badge-warning[href]:focus, .badge-warning[href]:hover {
+
     .badge-warning[href]:focus,
 +
    .badge-warning[href]:hover {
 
         color: #212529;
 
         color: #212529;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,804: Line 5,304:
 
     }
 
     }
  
     .badge-danger[href]:focus, .badge-danger[href]:hover {
+
     .badge-danger[href]:focus,
 +
    .badge-danger[href]:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,815: Line 5,316:
 
     }
 
     }
  
     .badge-light[href]:focus, .badge-light[href]:hover {
+
     .badge-light[href]:focus,
 +
    .badge-light[href]:hover {
 
         color: #212529;
 
         color: #212529;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,826: Line 5,328:
 
     }
 
     }
  
     .badge-dark[href]:focus, .badge-dark[href]:hover {
+
     .badge-dark[href]:focus,
 +
    .badge-dark[href]:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 4,995: Line 5,498:
 
             background-position: 1rem 0
 
             background-position: 1rem 0
 
         }
 
         }
 +
 
         to {
 
         to {
 
             background-position: 0 0
 
             background-position: 0 0
Line 5,004: Line 5,508:
 
             background-position: 1rem 0
 
             background-position: 1rem 0
 
         }
 
         }
 +
 
         to {
 
         to {
 
             background-position: 0 0
 
             background-position: 0 0
Line 5,076: Line 5,581:
 
     }
 
     }
  
     .list-group-item-action:focus, .list-group-item-action:hover {
+
     .list-group-item-action:focus,
 +
    .list-group-item-action:hover {
 
         color: #495057;
 
         color: #495057;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,107: Line 5,613:
 
     }
 
     }
  
     .list-group-item:focus, .list-group-item:hover {
+
     .list-group-item:focus,
 +
    .list-group-item:hover {
 
         z-index: 1;
 
         z-index: 1;
 
         text-decoration: none
 
         text-decoration: none
 
     }
 
     }
  
     .list-group-item.disabled, .list-group-item:disabled {
+
     .list-group-item.disabled,
 +
    .list-group-item:disabled {
 
         color: #6c757d;
 
         color: #6c757d;
 
         background-color: #fff
 
         background-color: #fff
Line 5,143: Line 5,651:
 
     }
 
     }
  
     .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
+
     .list-group-item-primary.list-group-item-action:focus,
 +
    .list-group-item-primary.list-group-item-action:hover {
 
         color: #004085;
 
         color: #004085;
 
         background-color: #9fcdff
 
         background-color: #9fcdff
Line 5,159: Line 5,668:
 
     }
 
     }
  
     .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
+
     .list-group-item-secondary.list-group-item-action:focus,
 +
    .list-group-item-secondary.list-group-item-action:hover {
 
         color: #383d41;
 
         color: #383d41;
 
         background-color: #c8cbcf
 
         background-color: #c8cbcf
Line 5,175: Line 5,685:
 
     }
 
     }
  
     .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
+
     .list-group-item-success.list-group-item-action:focus,
 +
    .list-group-item-success.list-group-item-action:hover {
 
         color: #155724;
 
         color: #155724;
 
         background-color: #b1dfbb
 
         background-color: #b1dfbb
Line 5,191: Line 5,702:
 
     }
 
     }
  
     .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
+
     .list-group-item-info.list-group-item-action:focus,
 +
    .list-group-item-info.list-group-item-action:hover {
 
         color: #0c5460;
 
         color: #0c5460;
 
         background-color: #abdde5
 
         background-color: #abdde5
Line 5,207: Line 5,719:
 
     }
 
     }
  
     .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
+
     .list-group-item-warning.list-group-item-action:focus,
 +
    .list-group-item-warning.list-group-item-action:hover {
 
         color: #856404;
 
         color: #856404;
 
         background-color: #ffe8a1
 
         background-color: #ffe8a1
Line 5,223: Line 5,736:
 
     }
 
     }
  
     .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
+
     .list-group-item-danger.list-group-item-action:focus,
 +
    .list-group-item-danger.list-group-item-action:hover {
 
         color: #721c24;
 
         color: #721c24;
 
         background-color: #f1b0b7
 
         background-color: #f1b0b7
Line 5,239: Line 5,753:
 
     }
 
     }
  
     .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
+
     .list-group-item-light.list-group-item-action:focus,
 +
    .list-group-item-light.list-group-item-action:hover {
 
         color: #818182;
 
         color: #818182;
 
         background-color: #ececf6
 
         background-color: #ececf6
Line 5,255: Line 5,770:
 
     }
 
     }
  
     .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
+
     .list-group-item-dark.list-group-item-action:focus,
 +
    .list-group-item-dark.list-group-item-action:hover {
 
         color: #1b1e21;
 
         color: #1b1e21;
 
         background-color: #b9bbbe
 
         background-color: #b9bbbe
Line 5,276: Line 5,792:
 
     }
 
     }
  
     .close:focus, .close:hover {
+
     .close:focus,
 +
    .close:hover {
 
         color: #000;
 
         color: #000;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,422: Line 5,939:
 
     }
 
     }
  
     .modal-footer > :not(:first-child) {
+
     .modal-footer> :not(:first-child) {
 
         margin-left: .25rem
 
         margin-left: .25rem
 
     }
 
     }
  
     .modal-footer > :not(:last-child) {
+
     .modal-footer> :not(:last-child) {
 
         margin-right: .25rem
 
         margin-right: .25rem
 
     }
 
     }
Line 5,501: Line 6,018:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
+
     .bs-tooltip-auto[x-placement^=top],
 +
    .bs-tooltip-top {
 
         padding: .4rem 0
 
         padding: .4rem 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
+
     .bs-tooltip-auto[x-placement^=top] .arrow,
 +
    .bs-tooltip-top .arrow {
 
         bottom: 0
 
         bottom: 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
+
     .bs-tooltip-auto[x-placement^=top] .arrow::before,
 +
    .bs-tooltip-top .arrow::before {
 
         top: 0;
 
         top: 0;
 
         border-width: .4rem .4rem 0;
 
         border-width: .4rem .4rem 0;
Line 5,515: Line 6,035:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
+
     .bs-tooltip-auto[x-placement^=right],
 +
    .bs-tooltip-right {
 
         padding: 0 .4rem
 
         padding: 0 .4rem
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
+
     .bs-tooltip-auto[x-placement^=right] .arrow,
 +
    .bs-tooltip-right .arrow {
 
         left: 0;
 
         left: 0;
 
         width: .4rem;
 
         width: .4rem;
Line 5,525: Line 6,047:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
+
     .bs-tooltip-auto[x-placement^=right] .arrow::before,
 +
    .bs-tooltip-right .arrow::before {
 
         right: 0;
 
         right: 0;
 
         border-width: .4rem .4rem .4rem 0;
 
         border-width: .4rem .4rem .4rem 0;
Line 5,531: Line 6,054:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
+
     .bs-tooltip-auto[x-placement^=bottom],
 +
    .bs-tooltip-bottom {
 
         padding: .4rem 0
 
         padding: .4rem 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
+
     .bs-tooltip-auto[x-placement^=bottom] .arrow,
 +
    .bs-tooltip-bottom .arrow {
 
         top: 0
 
         top: 0
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
+
     .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
 +
    .bs-tooltip-bottom .arrow::before {
 
         bottom: 0;
 
         bottom: 0;
 
         border-width: 0 .4rem .4rem;
 
         border-width: 0 .4rem .4rem;
Line 5,545: Line 6,071:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
+
     .bs-tooltip-auto[x-placement^=left],
 +
    .bs-tooltip-left {
 
         padding: 0 .4rem
 
         padding: 0 .4rem
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
+
     .bs-tooltip-auto[x-placement^=left] .arrow,
 +
    .bs-tooltip-left .arrow {
 
         right: 0;
 
         right: 0;
 
         width: .4rem;
 
         width: .4rem;
Line 5,555: Line 6,083:
 
     }
 
     }
  
     .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
+
     .bs-tooltip-auto[x-placement^=left] .arrow::before,
 +
    .bs-tooltip-left .arrow::before {
 
         left: 0;
 
         left: 0;
 
         border-width: .4rem 0 .4rem .4rem;
 
         border-width: .4rem 0 .4rem .4rem;
Line 5,607: Line 6,136:
 
     }
 
     }
  
     .popover .arrow::after, .popover .arrow::before {
+
     .popover .arrow::after,
 +
    .popover .arrow::before {
 
         position: absolute;
 
         position: absolute;
 
         display: block;
 
         display: block;
Line 5,615: Line 6,145:
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=top], .bs-popover-top {
+
     .bs-popover-auto[x-placement^=top],
 +
    .bs-popover-top {
 
         margin-bottom: .5rem
 
         margin-bottom: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow {
+
     .bs-popover-auto[x-placement^=top] .arrow,
 +
    .bs-popover-top .arrow {
 
         bottom: calc((.5rem + 1px) * -1)
 
         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 {
+
     .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
 
         border-width: .5rem .5rem 0
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {
+
     .bs-popover-auto[x-placement^=top] .arrow::before,
 +
    .bs-popover-top .arrow::before {
 
         bottom: 0;
 
         bottom: 0;
 
         border-top-color: rgba(0, 0, 0, .25)
 
         border-top-color: rgba(0, 0, 0, .25)
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {
+
     .bs-popover-auto[x-placement^=top] .arrow::after,
 +
    .bs-popover-top .arrow::after {
 
         bottom: 1px;
 
         bottom: 1px;
 
         border-top-color: #fff
 
         border-top-color: #fff
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=right], .bs-popover-right {
+
     .bs-popover-auto[x-placement^=right],
 +
    .bs-popover-right {
 
         margin-left: .5rem
 
         margin-left: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow {
+
     .bs-popover-auto[x-placement^=right] .arrow,
 +
    .bs-popover-right .arrow {
 
         left: calc((.5rem + 1px) * -1);
 
         left: calc((.5rem + 1px) * -1);
 
         width: .5rem;
 
         width: .5rem;
Line 5,648: Line 6,187:
 
     }
 
     }
  
     .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 {
+
     .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
 
         border-width: .5rem .5rem .5rem 0
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
+
     .bs-popover-auto[x-placement^=right] .arrow::before,
 +
    .bs-popover-right .arrow::before {
 
         left: 0;
 
         left: 0;
 
         border-right-color: rgba(0, 0, 0, .25)
 
         border-right-color: rgba(0, 0, 0, .25)
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
+
     .bs-popover-auto[x-placement^=right] .arrow::after,
 +
    .bs-popover-right .arrow::after {
 
         left: 1px;
 
         left: 1px;
 
         border-right-color: #fff
 
         border-right-color: #fff
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
+
     .bs-popover-auto[x-placement^=bottom],
 +
    .bs-popover-bottom {
 
         margin-top: .5rem
 
         margin-top: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow {
+
     .bs-popover-auto[x-placement^=bottom] .arrow,
 +
    .bs-popover-bottom .arrow {
 
         top: calc((.5rem + 1px) * -1)
 
         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 {
+
     .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
 
         border-width: 0 .5rem .5rem .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {
+
     .bs-popover-auto[x-placement^=bottom] .arrow::before,
 +
    .bs-popover-bottom .arrow::before {
 
         top: 0;
 
         top: 0;
 
         border-bottom-color: rgba(0, 0, 0, .25)
 
         border-bottom-color: rgba(0, 0, 0, .25)
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {
+
     .bs-popover-auto[x-placement^=bottom] .arrow::after,
 +
    .bs-popover-bottom .arrow::after {
 
         top: 1px;
 
         top: 1px;
 
         border-bottom-color: #fff
 
         border-bottom-color: #fff
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
+
     .bs-popover-auto[x-placement^=bottom] .popover-header::before,
 +
    .bs-popover-bottom .popover-header::before {
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 5,695: Line 6,247:
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left], .bs-popover-left {
+
     .bs-popover-auto[x-placement^=left],
 +
    .bs-popover-left {
 
         margin-right: .5rem
 
         margin-right: .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow {
+
     .bs-popover-auto[x-placement^=left] .arrow,
 +
    .bs-popover-left .arrow {
 
         right: calc((.5rem + 1px) * -1);
 
         right: calc((.5rem + 1px) * -1);
 
         width: .5rem;
 
         width: .5rem;
Line 5,706: Line 6,260:
 
     }
 
     }
  
     .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 {
+
     .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
 
         border-width: .5rem 0 .5rem .5rem
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {
+
     .bs-popover-auto[x-placement^=left] .arrow::before,
 +
    .bs-popover-left .arrow::before {
 
         right: 0;
 
         right: 0;
 
         border-left-color: rgba(0, 0, 0, .25)
 
         border-left-color: rgba(0, 0, 0, .25)
 
     }
 
     }
  
     .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {
+
     .bs-popover-auto[x-placement^=left] .arrow::after,
 +
    .bs-popover-left .arrow::after {
 
         right: 1px;
 
         right: 1px;
 
         border-left-color: #fff
 
         border-left-color: #fff
Line 5,771: Line 6,330:
 
     }
 
     }
  
     .carousel-item-next, .carousel-item-prev, .carousel-item.active {
+
     .carousel-item-next,
 +
    .carousel-item-prev,
 +
    .carousel-item.active {
 
         display: block
 
         display: block
 
     }
 
     }
  
     .carousel-item-next, .carousel-item-prev {
+
     .carousel-item-next,
 +
    .carousel-item-prev {
 
         position: absolute;
 
         position: absolute;
 
         top: 0
 
         top: 0
 
     }
 
     }
  
     .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
+
     .carousel-item-next.carousel-item-left,
 +
    .carousel-item-prev.carousel-item-right {
 
         -webkit-transform: translateX(0);
 
         -webkit-transform: translateX(0);
 
         transform: translateX(0)
 
         transform: translateX(0)
Line 5,786: Line 6,349:
  
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
         .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
+
 
 +
         .carousel-item-next.carousel-item-left,
 +
        .carousel-item-prev.carousel-item-right {
 
             -webkit-transform: translate3d(0, 0, 0);
 
             -webkit-transform: translate3d(0, 0, 0);
 
             transform: translate3d(0, 0, 0)
 
             transform: translate3d(0, 0, 0)
Line 5,792: Line 6,357:
 
     }
 
     }
  
     .active.carousel-item-right, .carousel-item-next {
+
     .active.carousel-item-right,
 +
    .carousel-item-next {
 
         -webkit-transform: translateX(100%);
 
         -webkit-transform: translateX(100%);
 
         transform: translateX(100%)
 
         transform: translateX(100%)
Line 5,798: Line 6,364:
  
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
         .active.carousel-item-right, .carousel-item-next {
+
 
 +
         .active.carousel-item-right,
 +
        .carousel-item-next {
 
             -webkit-transform: translate3d(100%, 0, 0);
 
             -webkit-transform: translate3d(100%, 0, 0);
 
             transform: translate3d(100%, 0, 0)
 
             transform: translate3d(100%, 0, 0)
Line 5,804: Line 6,372:
 
     }
 
     }
  
     .active.carousel-item-left, .carousel-item-prev {
+
     .active.carousel-item-left,
 +
    .carousel-item-prev {
 
         -webkit-transform: translateX(-100%);
 
         -webkit-transform: translateX(-100%);
 
         transform: translateX(-100%)
 
         transform: translateX(-100%)
Line 5,810: Line 6,379:
  
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
         .active.carousel-item-left, .carousel-item-prev {
+
 
 +
         .active.carousel-item-left,
 +
        .carousel-item-prev {
 
             -webkit-transform: translate3d(-100%, 0, 0);
 
             -webkit-transform: translate3d(-100%, 0, 0);
 
             transform: translate3d(-100%, 0, 0)
 
             transform: translate3d(-100%, 0, 0)
Line 5,822: Line 6,393:
 
     }
 
     }
  
     .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
+
     .carousel-fade .carousel-item-next.carousel-item-left,
 +
    .carousel-fade .carousel-item-prev.carousel-item-right,
 +
    .carousel-fade .carousel-item.active {
 
         opacity: 1
 
         opacity: 1
 
     }
 
     }
  
     .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
+
     .carousel-fade .active.carousel-item-left,
 +
    .carousel-fade .active.carousel-item-right {
 
         opacity: 0
 
         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 {
+
     .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);
 
         -webkit-transform: translateX(0);
 
         transform: translateX(0)
 
         transform: translateX(0)
Line 5,836: Line 6,414:
  
 
     @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
 
     @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 {
+
 
 +
         .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);
 
             -webkit-transform: translate3d(0, 0, 0);
 
             transform: translate3d(0, 0, 0)
 
             transform: translate3d(0, 0, 0)
Line 5,842: Line 6,425:
 
     }
 
     }
  
     .carousel-control-next, .carousel-control-prev {
+
     .carousel-control-next,
 +
    .carousel-control-prev {
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 5,858: Line 6,442:
 
     }
 
     }
  
     .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
+
     .carousel-control-next:focus,
 +
    .carousel-control-next:hover,
 +
    .carousel-control-prev:focus,
 +
    .carousel-control-prev:hover {
 
         color: #fff;
 
         color: #fff;
 
         text-decoration: none;
 
         text-decoration: none;
Line 5,873: Line 6,460:
 
     }
 
     }
  
     .carousel-control-next-icon, .carousel-control-prev-icon {
+
     .carousel-control-next-icon,
 +
    .carousel-control-prev-icon {
 
         display: inline-block;
 
         display: inline-block;
 
         width: 20px;
 
         width: 20px;
Line 5,981: Line 6,569:
 
     }
 
     }
  
     a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
+
     a.bg-primary:focus,
 +
    a.bg-primary:hover,
 +
    button.bg-primary:focus,
 +
    button.bg-primary:hover {
 
         background-color: #0062cc !important
 
         background-color: #0062cc !important
 
     }
 
     }
Line 5,989: Line 6,580:
 
     }
 
     }
  
     a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
+
     a.bg-secondary:focus,
 +
    a.bg-secondary:hover,
 +
    button.bg-secondary:focus,
 +
    button.bg-secondary:hover {
 
         background-color: #545b62 !important
 
         background-color: #545b62 !important
 
     }
 
     }
Line 5,997: Line 6,591:
 
     }
 
     }
  
     a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
+
     a.bg-success:focus,
 +
    a.bg-success:hover,
 +
    button.bg-success:focus,
 +
    button.bg-success:hover {
 
         background-color: #1e7e34 !important
 
         background-color: #1e7e34 !important
 
     }
 
     }
Line 6,005: Line 6,602:
 
     }
 
     }
  
     a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
+
     a.bg-info:focus,
 +
    a.bg-info:hover,
 +
    button.bg-info:focus,
 +
    button.bg-info:hover {
 
         background-color: #117a8b !important
 
         background-color: #117a8b !important
 
     }
 
     }
Line 6,013: Line 6,613:
 
     }
 
     }
  
     a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
+
     a.bg-warning:focus,
 +
    a.bg-warning:hover,
 +
    button.bg-warning:focus,
 +
    button.bg-warning:hover {
 
         background-color: #d39e00 !important
 
         background-color: #d39e00 !important
 
     }
 
     }
Line 6,021: Line 6,624:
 
     }
 
     }
  
     a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
+
     a.bg-danger:focus,
 +
    a.bg-danger:hover,
 +
    button.bg-danger:focus,
 +
    button.bg-danger:hover {
 
         background-color: #bd2130 !important
 
         background-color: #bd2130 !important
 
     }
 
     }
Line 6,029: Line 6,635:
 
     }
 
     }
  
     a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
+
     a.bg-light:focus,
 +
    a.bg-light:hover,
 +
    button.bg-light:focus,
 +
    button.bg-light:hover {
 
         background-color: #dae0e5 !important
 
         background-color: #dae0e5 !important
 
     }
 
     }
Line 6,037: Line 6,646:
 
     }
 
     }
  
     a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
+
     a.bg-dark:focus,
 +
    a.bg-dark:hover,
 +
    button.bg-dark:focus,
 +
    button.bg-dark:hover {
 
         background-color: #1d2124 !important
 
         background-color: #1d2124 !important
 
     }
 
     }
Line 6,414: Line 7,026:
 
     }
 
     }
  
     .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
+
     .embed-responsive .embed-responsive-item,
 +
    .embed-responsive embed,
 +
    .embed-responsive iframe,
 +
    .embed-responsive object,
 +
    .embed-responsive video {
 
         position: absolute;
 
         position: absolute;
 
         top: 0;
 
         top: 0;
Line 7,423: Line 8,039:
 
     }
 
     }
  
     .sr-only-focusable:active, .sr-only-focusable:focus {
+
     .sr-only-focusable:active,
 +
    .sr-only-focusable:focus {
 
         position: static;
 
         position: static;
 
         width: auto;
 
         width: auto;
Line 7,500: Line 8,117:
 
     }
 
     }
  
     .mt-0, .my-0 {
+
     .mt-0,
 +
    .my-0 {
 
         margin-top: 0 !important
 
         margin-top: 0 !important
 
     }
 
     }
  
     .mr-0, .mx-0 {
+
     .mr-0,
 +
    .mx-0 {
 
         margin-right: 0 !important
 
         margin-right: 0 !important
 
     }
 
     }
  
     .mb-0, .my-0 {
+
     .mb-0,
 +
    .my-0 {
 
         margin-bottom: 0 !important
 
         margin-bottom: 0 !important
 
     }
 
     }
  
     .ml-0, .mx-0 {
+
     .ml-0,
 +
    .mx-0 {
 
         margin-left: 0 !important
 
         margin-left: 0 !important
 
     }
 
     }
Line 7,520: Line 8,141:
 
     }
 
     }
  
     .mt-1, .my-1 {
+
     .mt-1,
 +
    .my-1 {
 
         margin-top: .25rem !important
 
         margin-top: .25rem !important
 
     }
 
     }
  
     .mr-1, .mx-1 {
+
     .mr-1,
 +
    .mx-1 {
 
         margin-right: .25rem !important
 
         margin-right: .25rem !important
 
     }
 
     }
  
     .mb-1, .my-1 {
+
     .mb-1,
 +
    .my-1 {
 
         margin-bottom: .25rem !important
 
         margin-bottom: .25rem !important
 
     }
 
     }
  
     .ml-1, .mx-1 {
+
     .ml-1,
 +
    .mx-1 {
 
         margin-left: .25rem !important
 
         margin-left: .25rem !important
 
     }
 
     }
Line 7,540: Line 8,165:
 
     }
 
     }
  
     .mt-2, .my-2 {
+
     .mt-2,
 +
    .my-2 {
 
         margin-top: .5rem !important
 
         margin-top: .5rem !important
 
     }
 
     }
  
     .mr-2, .mx-2 {
+
     .mr-2,
 +
    .mx-2 {
 
         margin-right: .5rem !important
 
         margin-right: .5rem !important
 
     }
 
     }
  
     .mb-2, .my-2 {
+
     .mb-2,
 +
    .my-2 {
 
         margin-bottom: .5rem !important
 
         margin-bottom: .5rem !important
 
     }
 
     }
  
     .ml-2, .mx-2 {
+
     .ml-2,
 +
    .mx-2 {
 
         margin-left: .5rem !important
 
         margin-left: .5rem !important
 
     }
 
     }
Line 7,560: Line 8,189:
 
     }
 
     }
  
     .mt-3, .my-3 {
+
     .mt-3,
 +
    .my-3 {
 
         margin-top: 1rem !important
 
         margin-top: 1rem !important
 
     }
 
     }
  
     .mr-3, .mx-3 {
+
     .mr-3,
 +
    .mx-3 {
 
         margin-right: 1rem !important
 
         margin-right: 1rem !important
 
     }
 
     }
  
     .mb-3, .my-3 {
+
     .mb-3,
 +
    .my-3 {
 
         margin-bottom: 1rem !important
 
         margin-bottom: 1rem !important
 
     }
 
     }
  
     .ml-3, .mx-3 {
+
     .ml-3,
 +
    .mx-3 {
 
         margin-left: 1rem !important
 
         margin-left: 1rem !important
 
     }
 
     }
Line 7,580: Line 8,213:
 
     }
 
     }
  
     .mt-4, .my-4 {
+
     .mt-4,
 +
    .my-4 {
 
         margin-top: 1.5rem !important
 
         margin-top: 1.5rem !important
 
     }
 
     }
  
     .mr-4, .mx-4 {
+
     .mr-4,
 +
    .mx-4 {
 
         margin-right: 1.5rem !important
 
         margin-right: 1.5rem !important
 
     }
 
     }
  
     .mb-4, .my-4 {
+
     .mb-4,
 +
    .my-4 {
 
         margin-bottom: 1.5rem !important
 
         margin-bottom: 1.5rem !important
 
     }
 
     }
  
     .ml-4, .mx-4 {
+
     .ml-4,
 +
    .mx-4 {
 
         margin-left: 1.5rem !important
 
         margin-left: 1.5rem !important
 
     }
 
     }
Line 7,600: Line 8,237:
 
     }
 
     }
  
     .mt-5, .my-5 {
+
     .mt-5,
 +
    .my-5 {
 
         margin-top: 3rem !important
 
         margin-top: 3rem !important
 
     }
 
     }
  
     .mr-5, .mx-5 {
+
     .mr-5,
 +
    .mx-5 {
 
         margin-right: 3rem !important
 
         margin-right: 3rem !important
 
     }
 
     }
  
     .mb-5, .my-5 {
+
     .mb-5,
 +
    .my-5 {
 
         margin-bottom: 3rem !important
 
         margin-bottom: 3rem !important
 
     }
 
     }
  
     .ml-5, .mx-5 {
+
     .ml-5,
 +
    .mx-5 {
 
         margin-left: 3rem !important
 
         margin-left: 3rem !important
 
     }
 
     }
Line 7,620: Line 8,261:
 
     }
 
     }
  
     .pt-0, .py-0 {
+
     .pt-0,
 +
    .py-0 {
 
         padding-top: 0 !important
 
         padding-top: 0 !important
 
     }
 
     }
  
     .pr-0, .px-0 {
+
     .pr-0,
 +
    .px-0 {
 
         padding-right: 0 !important
 
         padding-right: 0 !important
 
     }
 
     }
  
     .pb-0, .py-0 {
+
     .pb-0,
 +
    .py-0 {
 
         padding-bottom: 0 !important
 
         padding-bottom: 0 !important
 
     }
 
     }
  
     .pl-0, .px-0 {
+
     .pl-0,
 +
    .px-0 {
 
         padding-left: 0 !important
 
         padding-left: 0 !important
 
     }
 
     }
Line 7,640: Line 8,285:
 
     }
 
     }
  
     .pt-1, .py-1 {
+
     .pt-1,
 +
    .py-1 {
 
         padding-top: .25rem !important
 
         padding-top: .25rem !important
 
     }
 
     }
  
     .pr-1, .px-1 {
+
     .pr-1,
 +
    .px-1 {
 
         padding-right: .25rem !important
 
         padding-right: .25rem !important
 
     }
 
     }
  
     .pb-1, .py-1 {
+
     .pb-1,
 +
    .py-1 {
 
         padding-bottom: .25rem !important
 
         padding-bottom: .25rem !important
 
     }
 
     }
  
     .pl-1, .px-1 {
+
     .pl-1,
 +
    .px-1 {
 
         padding-left: .25rem !important
 
         padding-left: .25rem !important
 
     }
 
     }
Line 7,660: Line 8,309:
 
     }
 
     }
  
     .pt-2, .py-2 {
+
     .pt-2,
 +
    .py-2 {
 
         padding-top: .5rem !important
 
         padding-top: .5rem !important
 
     }
 
     }
  
     .pr-2, .px-2 {
+
     .pr-2,
 +
    .px-2 {
 
         padding-right: .5rem !important
 
         padding-right: .5rem !important
 
     }
 
     }
  
     .pb-2, .py-2 {
+
     .pb-2,
 +
    .py-2 {
 
         padding-bottom: .5rem !important
 
         padding-bottom: .5rem !important
 
     }
 
     }
  
     .pl-2, .px-2 {
+
     .pl-2,
 +
    .px-2 {
 
         padding-left: .5rem !important
 
         padding-left: .5rem !important
 
     }
 
     }
Line 7,680: Line 8,333:
 
     }
 
     }
  
     .pt-3, .py-3 {
+
     .pt-3,
 +
    .py-3 {
 
         padding-top: 1rem !important
 
         padding-top: 1rem !important
 
     }
 
     }
  
     .pr-3, .px-3 {
+
     .pr-3,
 +
    .px-3 {
 
         padding-right: 1rem !important
 
         padding-right: 1rem !important
 
     }
 
     }
  
     .pb-3, .py-3 {
+
     .pb-3,
 +
    .py-3 {
 
         padding-bottom: 1rem !important
 
         padding-bottom: 1rem !important
 
     }
 
     }
  
     .pl-3, .px-3 {
+
     .pl-3,
 +
    .px-3 {
 
         padding-left: 1rem !important
 
         padding-left: 1rem !important
 
     }
 
     }
Line 7,700: Line 8,357:
 
     }
 
     }
  
     .pt-4, .py-4 {
+
     .pt-4,
 +
    .py-4 {
 
         padding-top: 1.5rem !important
 
         padding-top: 1.5rem !important
 
     }
 
     }
  
     .pr-4, .px-4 {
+
     .pr-4,
 +
    .px-4 {
 
         padding-right: 1.5rem !important
 
         padding-right: 1.5rem !important
 
     }
 
     }
  
     .pb-4, .py-4 {
+
     .pb-4,
 +
    .py-4 {
 
         padding-bottom: 1.5rem !important
 
         padding-bottom: 1.5rem !important
 
     }
 
     }
  
     .pl-4, .px-4 {
+
     .pl-4,
 +
    .px-4 {
 
         padding-left: 1.5rem !important
 
         padding-left: 1.5rem !important
 
     }
 
     }
Line 7,720: Line 8,381:
 
     }
 
     }
  
     .pt-5, .py-5 {
+
     .pt-5,
 +
    .py-5 {
 
         padding-top: 3rem !important
 
         padding-top: 3rem !important
 
     }
 
     }
  
     .pr-5, .px-5 {
+
     .pr-5,
 +
    .px-5 {
 
         padding-right: 3rem !important
 
         padding-right: 3rem !important
 
     }
 
     }
  
     .pb-5, .py-5 {
+
     .pb-5,
 +
    .py-5 {
 
         padding-bottom: 3rem !important
 
         padding-bottom: 3rem !important
 
     }
 
     }
  
     .pl-5, .px-5 {
+
     .pl-5,
 +
    .px-5 {
 
         padding-left: 3rem !important
 
         padding-left: 3rem !important
 
     }
 
     }
Line 7,740: Line 8,405:
 
     }
 
     }
  
     .mt-auto, .my-auto {
+
     .mt-auto,
 +
    .my-auto {
 
         margin-top: auto !important
 
         margin-top: auto !important
 
     }
 
     }
  
     .mr-auto, .mx-auto {
+
     .mr-auto,
 +
    .mx-auto {
 
         margin-right: auto !important
 
         margin-right: auto !important
 
     }
 
     }
  
     .mb-auto, .my-auto {
+
     .mb-auto,
 +
    .my-auto {
 
         margin-bottom: auto !important
 
         margin-bottom: auto !important
 
     }
 
     }
  
     .ml-auto, .mx-auto {
+
     .ml-auto,
 +
    .mx-auto {
 
         margin-left: auto !important
 
         margin-left: auto !important
 
     }
 
     }
Line 7,761: Line 8,430:
 
         }
 
         }
  
         .mt-sm-0, .my-sm-0 {
+
         .mt-sm-0,
 +
        .my-sm-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-sm-0, .mx-sm-0 {
+
         .mr-sm-0,
 +
        .mx-sm-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-sm-0, .my-sm-0 {
+
         .mb-sm-0,
 +
        .my-sm-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-sm-0, .mx-sm-0 {
+
         .ml-sm-0,
 +
        .mx-sm-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 7,781: Line 8,454:
 
         }
 
         }
  
         .mt-sm-1, .my-sm-1 {
+
         .mt-sm-1,
 +
        .my-sm-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-sm-1, .mx-sm-1 {
+
         .mr-sm-1,
 +
        .mx-sm-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-sm-1, .my-sm-1 {
+
         .mb-sm-1,
 +
        .my-sm-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-sm-1, .mx-sm-1 {
+
         .ml-sm-1,
 +
        .mx-sm-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 7,801: Line 8,478:
 
         }
 
         }
  
         .mt-sm-2, .my-sm-2 {
+
         .mt-sm-2,
 +
        .my-sm-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-sm-2, .mx-sm-2 {
+
         .mr-sm-2,
 +
        .mx-sm-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-sm-2, .my-sm-2 {
+
         .mb-sm-2,
 +
        .my-sm-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-sm-2, .mx-sm-2 {
+
         .ml-sm-2,
 +
        .mx-sm-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 7,821: Line 8,502:
 
         }
 
         }
  
         .mt-sm-3, .my-sm-3 {
+
         .mt-sm-3,
 +
        .my-sm-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-sm-3, .mx-sm-3 {
+
         .mr-sm-3,
 +
        .mx-sm-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-sm-3, .my-sm-3 {
+
         .mb-sm-3,
 +
        .my-sm-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-sm-3, .mx-sm-3 {
+
         .ml-sm-3,
 +
        .mx-sm-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 7,841: Line 8,526:
 
         }
 
         }
  
         .mt-sm-4, .my-sm-4 {
+
         .mt-sm-4,
 +
        .my-sm-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-sm-4, .mx-sm-4 {
+
         .mr-sm-4,
 +
        .mx-sm-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-sm-4, .my-sm-4 {
+
         .mb-sm-4,
 +
        .my-sm-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-sm-4, .mx-sm-4 {
+
         .ml-sm-4,
 +
        .mx-sm-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 7,861: Line 8,550:
 
         }
 
         }
  
         .mt-sm-5, .my-sm-5 {
+
         .mt-sm-5,
 +
        .my-sm-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-sm-5, .mx-sm-5 {
+
         .mr-sm-5,
 +
        .mx-sm-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-sm-5, .my-sm-5 {
+
         .mb-sm-5,
 +
        .my-sm-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-sm-5, .mx-sm-5 {
+
         .ml-sm-5,
 +
        .mx-sm-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 7,881: Line 8,574:
 
         }
 
         }
  
         .pt-sm-0, .py-sm-0 {
+
         .pt-sm-0,
 +
        .py-sm-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-sm-0, .px-sm-0 {
+
         .pr-sm-0,
 +
        .px-sm-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-sm-0, .py-sm-0 {
+
         .pb-sm-0,
 +
        .py-sm-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-sm-0, .px-sm-0 {
+
         .pl-sm-0,
 +
        .px-sm-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 7,901: Line 8,598:
 
         }
 
         }
  
         .pt-sm-1, .py-sm-1 {
+
         .pt-sm-1,
 +
        .py-sm-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-sm-1, .px-sm-1 {
+
         .pr-sm-1,
 +
        .px-sm-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-sm-1, .py-sm-1 {
+
         .pb-sm-1,
 +
        .py-sm-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-sm-1, .px-sm-1 {
+
         .pl-sm-1,
 +
        .px-sm-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 7,921: Line 8,622:
 
         }
 
         }
  
         .pt-sm-2, .py-sm-2 {
+
         .pt-sm-2,
 +
        .py-sm-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-sm-2, .px-sm-2 {
+
         .pr-sm-2,
 +
        .px-sm-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-sm-2, .py-sm-2 {
+
         .pb-sm-2,
 +
        .py-sm-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-sm-2, .px-sm-2 {
+
         .pl-sm-2,
 +
        .px-sm-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 7,941: Line 8,646:
 
         }
 
         }
  
         .pt-sm-3, .py-sm-3 {
+
         .pt-sm-3,
 +
        .py-sm-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-sm-3, .px-sm-3 {
+
         .pr-sm-3,
 +
        .px-sm-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-sm-3, .py-sm-3 {
+
         .pb-sm-3,
 +
        .py-sm-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-sm-3, .px-sm-3 {
+
         .pl-sm-3,
 +
        .px-sm-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 7,961: Line 8,670:
 
         }
 
         }
  
         .pt-sm-4, .py-sm-4 {
+
         .pt-sm-4,
 +
        .py-sm-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-sm-4, .px-sm-4 {
+
         .pr-sm-4,
 +
        .px-sm-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-sm-4, .py-sm-4 {
+
         .pb-sm-4,
 +
        .py-sm-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-sm-4, .px-sm-4 {
+
         .pl-sm-4,
 +
        .px-sm-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 7,981: Line 8,694:
 
         }
 
         }
  
         .pt-sm-5, .py-sm-5 {
+
         .pt-sm-5,
 +
        .py-sm-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-sm-5, .px-sm-5 {
+
         .pr-sm-5,
 +
        .px-sm-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-sm-5, .py-sm-5 {
+
         .pb-sm-5,
 +
        .py-sm-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-sm-5, .px-sm-5 {
+
         .pl-sm-5,
 +
        .px-sm-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,001: Line 8,718:
 
         }
 
         }
  
         .mt-sm-auto, .my-sm-auto {
+
         .mt-sm-auto,
 +
        .my-sm-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-sm-auto, .mx-sm-auto {
+
         .mr-sm-auto,
 +
        .mx-sm-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-sm-auto, .my-sm-auto {
+
         .mb-sm-auto,
 +
        .my-sm-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-sm-auto, .mx-sm-auto {
+
         .ml-sm-auto,
 +
        .mx-sm-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,023: Line 8,744:
 
         }
 
         }
  
         .mt-md-0, .my-md-0 {
+
         .mt-md-0,
 +
        .my-md-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-md-0, .mx-md-0 {
+
         .mr-md-0,
 +
        .mx-md-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-md-0, .my-md-0 {
+
         .mb-md-0,
 +
        .my-md-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-md-0, .mx-md-0 {
+
         .ml-md-0,
 +
        .mx-md-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,043: Line 8,768:
 
         }
 
         }
  
         .mt-md-1, .my-md-1 {
+
         .mt-md-1,
 +
        .my-md-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-md-1, .mx-md-1 {
+
         .mr-md-1,
 +
        .mx-md-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-md-1, .my-md-1 {
+
         .mb-md-1,
 +
        .my-md-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-md-1, .mx-md-1 {
+
         .ml-md-1,
 +
        .mx-md-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,063: Line 8,792:
 
         }
 
         }
  
         .mt-md-2, .my-md-2 {
+
         .mt-md-2,
 +
        .my-md-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-md-2, .mx-md-2 {
+
         .mr-md-2,
 +
        .mx-md-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-md-2, .my-md-2 {
+
         .mb-md-2,
 +
        .my-md-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-md-2, .mx-md-2 {
+
         .ml-md-2,
 +
        .mx-md-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,083: Line 8,816:
 
         }
 
         }
  
         .mt-md-3, .my-md-3 {
+
         .mt-md-3,
 +
        .my-md-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-md-3, .mx-md-3 {
+
         .mr-md-3,
 +
        .mx-md-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-md-3, .my-md-3 {
+
         .mb-md-3,
 +
        .my-md-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-md-3, .mx-md-3 {
+
         .ml-md-3,
 +
        .mx-md-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,103: Line 8,840:
 
         }
 
         }
  
         .mt-md-4, .my-md-4 {
+
         .mt-md-4,
 +
        .my-md-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-md-4, .mx-md-4 {
+
         .mr-md-4,
 +
        .mx-md-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-md-4, .my-md-4 {
+
         .mb-md-4,
 +
        .my-md-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-md-4, .mx-md-4 {
+
         .ml-md-4,
 +
        .mx-md-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,123: Line 8,864:
 
         }
 
         }
  
         .mt-md-5, .my-md-5 {
+
         .mt-md-5,
 +
        .my-md-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-md-5, .mx-md-5 {
+
         .mr-md-5,
 +
        .mx-md-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-md-5, .my-md-5 {
+
         .mb-md-5,
 +
        .my-md-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-md-5, .mx-md-5 {
+
         .ml-md-5,
 +
        .mx-md-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,143: Line 8,888:
 
         }
 
         }
  
         .pt-md-0, .py-md-0 {
+
         .pt-md-0,
 +
        .py-md-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-md-0, .px-md-0 {
+
         .pr-md-0,
 +
        .px-md-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-md-0, .py-md-0 {
+
         .pb-md-0,
 +
        .py-md-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-md-0, .px-md-0 {
+
         .pl-md-0,
 +
        .px-md-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,163: Line 8,912:
 
         }
 
         }
  
         .pt-md-1, .py-md-1 {
+
         .pt-md-1,
 +
        .py-md-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-md-1, .px-md-1 {
+
         .pr-md-1,
 +
        .px-md-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-md-1, .py-md-1 {
+
         .pb-md-1,
 +
        .py-md-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-md-1, .px-md-1 {
+
         .pl-md-1,
 +
        .px-md-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,183: Line 8,936:
 
         }
 
         }
  
         .pt-md-2, .py-md-2 {
+
         .pt-md-2,
 +
        .py-md-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-md-2, .px-md-2 {
+
         .pr-md-2,
 +
        .px-md-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-md-2, .py-md-2 {
+
         .pb-md-2,
 +
        .py-md-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-md-2, .px-md-2 {
+
         .pl-md-2,
 +
        .px-md-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,203: Line 8,960:
 
         }
 
         }
  
         .pt-md-3, .py-md-3 {
+
         .pt-md-3,
 +
        .py-md-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-md-3, .px-md-3 {
+
         .pr-md-3,
 +
        .px-md-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-md-3, .py-md-3 {
+
         .pb-md-3,
 +
        .py-md-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-md-3, .px-md-3 {
+
         .pl-md-3,
 +
        .px-md-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,223: Line 8,984:
 
         }
 
         }
  
         .pt-md-4, .py-md-4 {
+
         .pt-md-4,
 +
        .py-md-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-md-4, .px-md-4 {
+
         .pr-md-4,
 +
        .px-md-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-md-4, .py-md-4 {
+
         .pb-md-4,
 +
        .py-md-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-md-4, .px-md-4 {
+
         .pl-md-4,
 +
        .px-md-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,243: Line 9,008:
 
         }
 
         }
  
         .pt-md-5, .py-md-5 {
+
         .pt-md-5,
 +
        .py-md-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-md-5, .px-md-5 {
+
         .pr-md-5,
 +
        .px-md-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-md-5, .py-md-5 {
+
         .pb-md-5,
 +
        .py-md-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-md-5, .px-md-5 {
+
         .pl-md-5,
 +
        .px-md-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,263: Line 9,032:
 
         }
 
         }
  
         .mt-md-auto, .my-md-auto {
+
         .mt-md-auto,
 +
        .my-md-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-md-auto, .mx-md-auto {
+
         .mr-md-auto,
 +
        .mx-md-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-md-auto, .my-md-auto {
+
         .mb-md-auto,
 +
        .my-md-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-md-auto, .mx-md-auto {
+
         .ml-md-auto,
 +
        .mx-md-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,285: Line 9,058:
 
         }
 
         }
  
         .mt-lg-0, .my-lg-0 {
+
         .mt-lg-0,
 +
        .my-lg-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-lg-0, .mx-lg-0 {
+
         .mr-lg-0,
 +
        .mx-lg-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-lg-0, .my-lg-0 {
+
         .mb-lg-0,
 +
        .my-lg-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-lg-0, .mx-lg-0 {
+
         .ml-lg-0,
 +
        .mx-lg-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,305: Line 9,082:
 
         }
 
         }
  
         .mt-lg-1, .my-lg-1 {
+
         .mt-lg-1,
 +
        .my-lg-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-lg-1, .mx-lg-1 {
+
         .mr-lg-1,
 +
        .mx-lg-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-lg-1, .my-lg-1 {
+
         .mb-lg-1,
 +
        .my-lg-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-lg-1, .mx-lg-1 {
+
         .ml-lg-1,
 +
        .mx-lg-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,325: Line 9,106:
 
         }
 
         }
  
         .mt-lg-2, .my-lg-2 {
+
         .mt-lg-2,
 +
        .my-lg-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-lg-2, .mx-lg-2 {
+
         .mr-lg-2,
 +
        .mx-lg-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-lg-2, .my-lg-2 {
+
         .mb-lg-2,
 +
        .my-lg-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-lg-2, .mx-lg-2 {
+
         .ml-lg-2,
 +
        .mx-lg-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,345: Line 9,130:
 
         }
 
         }
  
         .mt-lg-3, .my-lg-3 {
+
         .mt-lg-3,
 +
        .my-lg-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-lg-3, .mx-lg-3 {
+
         .mr-lg-3,
 +
        .mx-lg-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-lg-3, .my-lg-3 {
+
         .mb-lg-3,
 +
        .my-lg-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-lg-3, .mx-lg-3 {
+
         .ml-lg-3,
 +
        .mx-lg-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,365: Line 9,154:
 
         }
 
         }
  
         .mt-lg-4, .my-lg-4 {
+
         .mt-lg-4,
 +
        .my-lg-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-lg-4, .mx-lg-4 {
+
         .mr-lg-4,
 +
        .mx-lg-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-lg-4, .my-lg-4 {
+
         .mb-lg-4,
 +
        .my-lg-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-lg-4, .mx-lg-4 {
+
         .ml-lg-4,
 +
        .mx-lg-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,385: Line 9,178:
 
         }
 
         }
  
         .mt-lg-5, .my-lg-5 {
+
         .mt-lg-5,
 +
        .my-lg-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-lg-5, .mx-lg-5 {
+
         .mr-lg-5,
 +
        .mx-lg-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-lg-5, .my-lg-5 {
+
         .mb-lg-5,
 +
        .my-lg-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-lg-5, .mx-lg-5 {
+
         .ml-lg-5,
 +
        .mx-lg-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,405: Line 9,202:
 
         }
 
         }
  
         .pt-lg-0, .py-lg-0 {
+
         .pt-lg-0,
 +
        .py-lg-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-lg-0, .px-lg-0 {
+
         .pr-lg-0,
 +
        .px-lg-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-lg-0, .py-lg-0 {
+
         .pb-lg-0,
 +
        .py-lg-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-lg-0, .px-lg-0 {
+
         .pl-lg-0,
 +
        .px-lg-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,425: Line 9,226:
 
         }
 
         }
  
         .pt-lg-1, .py-lg-1 {
+
         .pt-lg-1,
 +
        .py-lg-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-lg-1, .px-lg-1 {
+
         .pr-lg-1,
 +
        .px-lg-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-lg-1, .py-lg-1 {
+
         .pb-lg-1,
 +
        .py-lg-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-lg-1, .px-lg-1 {
+
         .pl-lg-1,
 +
        .px-lg-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,445: Line 9,250:
 
         }
 
         }
  
         .pt-lg-2, .py-lg-2 {
+
         .pt-lg-2,
 +
        .py-lg-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-lg-2, .px-lg-2 {
+
         .pr-lg-2,
 +
        .px-lg-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-lg-2, .py-lg-2 {
+
         .pb-lg-2,
 +
        .py-lg-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-lg-2, .px-lg-2 {
+
         .pl-lg-2,
 +
        .px-lg-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,465: Line 9,274:
 
         }
 
         }
  
         .pt-lg-3, .py-lg-3 {
+
         .pt-lg-3,
 +
        .py-lg-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-lg-3, .px-lg-3 {
+
         .pr-lg-3,
 +
        .px-lg-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-lg-3, .py-lg-3 {
+
         .pb-lg-3,
 +
        .py-lg-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-lg-3, .px-lg-3 {
+
         .pl-lg-3,
 +
        .px-lg-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,485: Line 9,298:
 
         }
 
         }
  
         .pt-lg-4, .py-lg-4 {
+
         .pt-lg-4,
 +
        .py-lg-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-lg-4, .px-lg-4 {
+
         .pr-lg-4,
 +
        .px-lg-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-lg-4, .py-lg-4 {
+
         .pb-lg-4,
 +
        .py-lg-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-lg-4, .px-lg-4 {
+
         .pl-lg-4,
 +
        .px-lg-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,505: Line 9,322:
 
         }
 
         }
  
         .pt-lg-5, .py-lg-5 {
+
         .pt-lg-5,
 +
        .py-lg-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-lg-5, .px-lg-5 {
+
         .pr-lg-5,
 +
        .px-lg-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-lg-5, .py-lg-5 {
+
         .pb-lg-5,
 +
        .py-lg-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-lg-5, .px-lg-5 {
+
         .pl-lg-5,
 +
        .px-lg-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,525: Line 9,346:
 
         }
 
         }
  
         .mt-lg-auto, .my-lg-auto {
+
         .mt-lg-auto,
 +
        .my-lg-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-lg-auto, .mx-lg-auto {
+
         .mr-lg-auto,
 +
        .mx-lg-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-lg-auto, .my-lg-auto {
+
         .mb-lg-auto,
 +
        .my-lg-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-lg-auto, .mx-lg-auto {
+
         .ml-lg-auto,
 +
        .mx-lg-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,547: Line 9,372:
 
         }
 
         }
  
         .mt-xl-0, .my-xl-0 {
+
         .mt-xl-0,
 +
        .my-xl-0 {
 
             margin-top: 0 !important
 
             margin-top: 0 !important
 
         }
 
         }
  
         .mr-xl-0, .mx-xl-0 {
+
         .mr-xl-0,
 +
        .mx-xl-0 {
 
             margin-right: 0 !important
 
             margin-right: 0 !important
 
         }
 
         }
  
         .mb-xl-0, .my-xl-0 {
+
         .mb-xl-0,
 +
        .my-xl-0 {
 
             margin-bottom: 0 !important
 
             margin-bottom: 0 !important
 
         }
 
         }
  
         .ml-xl-0, .mx-xl-0 {
+
         .ml-xl-0,
 +
        .mx-xl-0 {
 
             margin-left: 0 !important
 
             margin-left: 0 !important
 
         }
 
         }
Line 8,567: Line 9,396:
 
         }
 
         }
  
         .mt-xl-1, .my-xl-1 {
+
         .mt-xl-1,
 +
        .my-xl-1 {
 
             margin-top: .25rem !important
 
             margin-top: .25rem !important
 
         }
 
         }
  
         .mr-xl-1, .mx-xl-1 {
+
         .mr-xl-1,
 +
        .mx-xl-1 {
 
             margin-right: .25rem !important
 
             margin-right: .25rem !important
 
         }
 
         }
  
         .mb-xl-1, .my-xl-1 {
+
         .mb-xl-1,
 +
        .my-xl-1 {
 
             margin-bottom: .25rem !important
 
             margin-bottom: .25rem !important
 
         }
 
         }
  
         .ml-xl-1, .mx-xl-1 {
+
         .ml-xl-1,
 +
        .mx-xl-1 {
 
             margin-left: .25rem !important
 
             margin-left: .25rem !important
 
         }
 
         }
Line 8,587: Line 9,420:
 
         }
 
         }
  
         .mt-xl-2, .my-xl-2 {
+
         .mt-xl-2,
 +
        .my-xl-2 {
 
             margin-top: .5rem !important
 
             margin-top: .5rem !important
 
         }
 
         }
  
         .mr-xl-2, .mx-xl-2 {
+
         .mr-xl-2,
 +
        .mx-xl-2 {
 
             margin-right: .5rem !important
 
             margin-right: .5rem !important
 
         }
 
         }
  
         .mb-xl-2, .my-xl-2 {
+
         .mb-xl-2,
 +
        .my-xl-2 {
 
             margin-bottom: .5rem !important
 
             margin-bottom: .5rem !important
 
         }
 
         }
  
         .ml-xl-2, .mx-xl-2 {
+
         .ml-xl-2,
 +
        .mx-xl-2 {
 
             margin-left: .5rem !important
 
             margin-left: .5rem !important
 
         }
 
         }
Line 8,607: Line 9,444:
 
         }
 
         }
  
         .mt-xl-3, .my-xl-3 {
+
         .mt-xl-3,
 +
        .my-xl-3 {
 
             margin-top: 1rem !important
 
             margin-top: 1rem !important
 
         }
 
         }
  
         .mr-xl-3, .mx-xl-3 {
+
         .mr-xl-3,
 +
        .mx-xl-3 {
 
             margin-right: 1rem !important
 
             margin-right: 1rem !important
 
         }
 
         }
  
         .mb-xl-3, .my-xl-3 {
+
         .mb-xl-3,
 +
        .my-xl-3 {
 
             margin-bottom: 1rem !important
 
             margin-bottom: 1rem !important
 
         }
 
         }
  
         .ml-xl-3, .mx-xl-3 {
+
         .ml-xl-3,
 +
        .mx-xl-3 {
 
             margin-left: 1rem !important
 
             margin-left: 1rem !important
 
         }
 
         }
Line 8,627: Line 9,468:
 
         }
 
         }
  
         .mt-xl-4, .my-xl-4 {
+
         .mt-xl-4,
 +
        .my-xl-4 {
 
             margin-top: 1.5rem !important
 
             margin-top: 1.5rem !important
 
         }
 
         }
  
         .mr-xl-4, .mx-xl-4 {
+
         .mr-xl-4,
 +
        .mx-xl-4 {
 
             margin-right: 1.5rem !important
 
             margin-right: 1.5rem !important
 
         }
 
         }
  
         .mb-xl-4, .my-xl-4 {
+
         .mb-xl-4,
 +
        .my-xl-4 {
 
             margin-bottom: 1.5rem !important
 
             margin-bottom: 1.5rem !important
 
         }
 
         }
  
         .ml-xl-4, .mx-xl-4 {
+
         .ml-xl-4,
 +
        .mx-xl-4 {
 
             margin-left: 1.5rem !important
 
             margin-left: 1.5rem !important
 
         }
 
         }
Line 8,647: Line 9,492:
 
         }
 
         }
  
         .mt-xl-5, .my-xl-5 {
+
         .mt-xl-5,
 +
        .my-xl-5 {
 
             margin-top: 3rem !important
 
             margin-top: 3rem !important
 
         }
 
         }
  
         .mr-xl-5, .mx-xl-5 {
+
         .mr-xl-5,
 +
        .mx-xl-5 {
 
             margin-right: 3rem !important
 
             margin-right: 3rem !important
 
         }
 
         }
  
         .mb-xl-5, .my-xl-5 {
+
         .mb-xl-5,
 +
        .my-xl-5 {
 
             margin-bottom: 3rem !important
 
             margin-bottom: 3rem !important
 
         }
 
         }
  
         .ml-xl-5, .mx-xl-5 {
+
         .ml-xl-5,
 +
        .mx-xl-5 {
 
             margin-left: 3rem !important
 
             margin-left: 3rem !important
 
         }
 
         }
Line 8,667: Line 9,516:
 
         }
 
         }
  
         .pt-xl-0, .py-xl-0 {
+
         .pt-xl-0,
 +
        .py-xl-0 {
 
             padding-top: 0 !important
 
             padding-top: 0 !important
 
         }
 
         }
  
         .pr-xl-0, .px-xl-0 {
+
         .pr-xl-0,
 +
        .px-xl-0 {
 
             padding-right: 0 !important
 
             padding-right: 0 !important
 
         }
 
         }
  
         .pb-xl-0, .py-xl-0 {
+
         .pb-xl-0,
 +
        .py-xl-0 {
 
             padding-bottom: 0 !important
 
             padding-bottom: 0 !important
 
         }
 
         }
  
         .pl-xl-0, .px-xl-0 {
+
         .pl-xl-0,
 +
        .px-xl-0 {
 
             padding-left: 0 !important
 
             padding-left: 0 !important
 
         }
 
         }
Line 8,687: Line 9,540:
 
         }
 
         }
  
         .pt-xl-1, .py-xl-1 {
+
         .pt-xl-1,
 +
        .py-xl-1 {
 
             padding-top: .25rem !important
 
             padding-top: .25rem !important
 
         }
 
         }
  
         .pr-xl-1, .px-xl-1 {
+
         .pr-xl-1,
 +
        .px-xl-1 {
 
             padding-right: .25rem !important
 
             padding-right: .25rem !important
 
         }
 
         }
  
         .pb-xl-1, .py-xl-1 {
+
         .pb-xl-1,
 +
        .py-xl-1 {
 
             padding-bottom: .25rem !important
 
             padding-bottom: .25rem !important
 
         }
 
         }
  
         .pl-xl-1, .px-xl-1 {
+
         .pl-xl-1,
 +
        .px-xl-1 {
 
             padding-left: .25rem !important
 
             padding-left: .25rem !important
 
         }
 
         }
Line 8,707: Line 9,564:
 
         }
 
         }
  
         .pt-xl-2, .py-xl-2 {
+
         .pt-xl-2,
 +
        .py-xl-2 {
 
             padding-top: .5rem !important
 
             padding-top: .5rem !important
 
         }
 
         }
  
         .pr-xl-2, .px-xl-2 {
+
         .pr-xl-2,
 +
        .px-xl-2 {
 
             padding-right: .5rem !important
 
             padding-right: .5rem !important
 
         }
 
         }
  
         .pb-xl-2, .py-xl-2 {
+
         .pb-xl-2,
 +
        .py-xl-2 {
 
             padding-bottom: .5rem !important
 
             padding-bottom: .5rem !important
 
         }
 
         }
  
         .pl-xl-2, .px-xl-2 {
+
         .pl-xl-2,
 +
        .px-xl-2 {
 
             padding-left: .5rem !important
 
             padding-left: .5rem !important
 
         }
 
         }
Line 8,727: Line 9,588:
 
         }
 
         }
  
         .pt-xl-3, .py-xl-3 {
+
         .pt-xl-3,
 +
        .py-xl-3 {
 
             padding-top: 1rem !important
 
             padding-top: 1rem !important
 
         }
 
         }
  
         .pr-xl-3, .px-xl-3 {
+
         .pr-xl-3,
 +
        .px-xl-3 {
 
             padding-right: 1rem !important
 
             padding-right: 1rem !important
 
         }
 
         }
  
         .pb-xl-3, .py-xl-3 {
+
         .pb-xl-3,
 +
        .py-xl-3 {
 
             padding-bottom: 1rem !important
 
             padding-bottom: 1rem !important
 
         }
 
         }
  
         .pl-xl-3, .px-xl-3 {
+
         .pl-xl-3,
 +
        .px-xl-3 {
 
             padding-left: 1rem !important
 
             padding-left: 1rem !important
 
         }
 
         }
Line 8,747: Line 9,612:
 
         }
 
         }
  
         .pt-xl-4, .py-xl-4 {
+
         .pt-xl-4,
 +
        .py-xl-4 {
 
             padding-top: 1.5rem !important
 
             padding-top: 1.5rem !important
 
         }
 
         }
  
         .pr-xl-4, .px-xl-4 {
+
         .pr-xl-4,
 +
        .px-xl-4 {
 
             padding-right: 1.5rem !important
 
             padding-right: 1.5rem !important
 
         }
 
         }
  
         .pb-xl-4, .py-xl-4 {
+
         .pb-xl-4,
 +
        .py-xl-4 {
 
             padding-bottom: 1.5rem !important
 
             padding-bottom: 1.5rem !important
 
         }
 
         }
  
         .pl-xl-4, .px-xl-4 {
+
         .pl-xl-4,
 +
        .px-xl-4 {
 
             padding-left: 1.5rem !important
 
             padding-left: 1.5rem !important
 
         }
 
         }
Line 8,767: Line 9,636:
 
         }
 
         }
  
         .pt-xl-5, .py-xl-5 {
+
         .pt-xl-5,
 +
        .py-xl-5 {
 
             padding-top: 3rem !important
 
             padding-top: 3rem !important
 
         }
 
         }
  
         .pr-xl-5, .px-xl-5 {
+
         .pr-xl-5,
 +
        .px-xl-5 {
 
             padding-right: 3rem !important
 
             padding-right: 3rem !important
 
         }
 
         }
  
         .pb-xl-5, .py-xl-5 {
+
         .pb-xl-5,
 +
        .py-xl-5 {
 
             padding-bottom: 3rem !important
 
             padding-bottom: 3rem !important
 
         }
 
         }
  
         .pl-xl-5, .px-xl-5 {
+
         .pl-xl-5,
 +
        .px-xl-5 {
 
             padding-left: 3rem !important
 
             padding-left: 3rem !important
 
         }
 
         }
Line 8,787: Line 9,660:
 
         }
 
         }
  
         .mt-xl-auto, .my-xl-auto {
+
         .mt-xl-auto,
 +
        .my-xl-auto {
 
             margin-top: auto !important
 
             margin-top: auto !important
 
         }
 
         }
  
         .mr-xl-auto, .mx-xl-auto {
+
         .mr-xl-auto,
 +
        .mx-xl-auto {
 
             margin-right: auto !important
 
             margin-right: auto !important
 
         }
 
         }
  
         .mb-xl-auto, .my-xl-auto {
+
         .mb-xl-auto,
 +
        .my-xl-auto {
 
             margin-bottom: auto !important
 
             margin-bottom: auto !important
 
         }
 
         }
  
         .ml-xl-auto, .mx-xl-auto {
+
         .ml-xl-auto,
 +
        .mx-xl-auto {
 
             margin-left: auto !important
 
             margin-left: auto !important
 
         }
 
         }
Line 8,926: Line 9,803:
 
     }
 
     }
  
     a.text-primary:focus, a.text-primary:hover {
+
     a.text-primary:focus,
 +
    a.text-primary:hover {
 
         color: #0062cc !important
 
         color: #0062cc !important
 
     }
 
     }
Line 8,934: Line 9,812:
 
     }
 
     }
  
     a.text-secondary:focus, a.text-secondary:hover {
+
     a.text-secondary:focus,
 +
    a.text-secondary:hover {
 
         color: #545b62 !important
 
         color: #545b62 !important
 
     }
 
     }
Line 8,942: Line 9,821:
 
     }
 
     }
  
     a.text-success:focus, a.text-success:hover {
+
     a.text-success:focus,
 +
    a.text-success:hover {
 
         color: #1e7e34 !important
 
         color: #1e7e34 !important
 
     }
 
     }
Line 8,950: Line 9,830:
 
     }
 
     }
  
     a.text-info:focus, a.text-info:hover {
+
     a.text-info:focus,
 +
    a.text-info:hover {
 
         color: #117a8b !important
 
         color: #117a8b !important
 
     }
 
     }
Line 8,958: Line 9,839:
 
     }
 
     }
  
     a.text-warning:focus, a.text-warning:hover {
+
     a.text-warning:focus,
 +
    a.text-warning:hover {
 
         color: #d39e00 !important
 
         color: #d39e00 !important
 
     }
 
     }
Line 8,966: Line 9,848:
 
     }
 
     }
  
     a.text-danger:focus, a.text-danger:hover {
+
     a.text-danger:focus,
 +
    a.text-danger:hover {
 
         color: #bd2130 !important
 
         color: #bd2130 !important
 
     }
 
     }
Line 8,974: Line 9,857:
 
     }
 
     }
  
     a.text-light:focus, a.text-light:hover {
+
     a.text-light:focus,
 +
    a.text-light:hover {
 
         color: #dae0e5 !important
 
         color: #dae0e5 !important
 
     }
 
     }
Line 8,982: Line 9,866:
 
     }
 
     }
  
     a.text-dark:focus, a.text-dark:hover {
+
     a.text-dark:focus,
 +
    a.text-dark:hover {
 
         color: #1d2124 !important
 
         color: #1d2124 !important
 
     }
 
     }
Line 9,019: Line 9,904:
  
 
     @media print {
 
     @media print {
         *, ::after, ::before {
+
 
 +
         *,
 +
        ::after,
 +
        ::before {
 
             text-shadow: none !important;
 
             text-shadow: none !important;
 
             box-shadow: none !important
 
             box-shadow: none !important
Line 9,029: Line 9,917:
  
 
         abbr[title]::after {
 
         abbr[title]::after {
             content: " (" attr(title) ")"
+
             content: " ("attr(title) ")"
 
         }
 
         }
  
Line 9,036: Line 9,924:
 
         }
 
         }
  
         blockquote, pre {
+
         blockquote,
 +
        pre {
 
             border: 1px solid #adb5bd;
 
             border: 1px solid #adb5bd;
 
             page-break-inside: avoid
 
             page-break-inside: avoid
Line 9,045: Line 9,934:
 
         }
 
         }
  
         img, tr {
+
         img,
 +
        tr {
 
             page-break-inside: avoid
 
             page-break-inside: avoid
 
         }
 
         }
  
         h2, h3, p {
+
         h2,
 +
        h3,
 +
        p {
 
             orphans: 3;
 
             orphans: 3;
 
             widows: 3
 
             widows: 3
 
         }
 
         }
  
         h2, h3 {
+
         h2,
 +
        h3 {
 
             page-break-after: avoid
 
             page-break-after: avoid
 
         }
 
         }
Line 9,082: Line 9,975:
 
         }
 
         }
  
         .table td, .table th {
+
         .table td,
 +
        .table th {
 
             background-color: #fff !important
 
             background-color: #fff !important
 
         }
 
         }
  
         .table-bordered td, .table-bordered th {
+
         .table-bordered td,
 +
        .table-bordered th {
 
             border: 1px solid #dee2e6 !important
 
             border: 1px solid #dee2e6 !important
 
         }
 
         }
Line 9,100: Line 9,995:
  
  
     #home_logo, #sideMenu {
+
     #home_logo,
 +
    #sideMenu {
 
         display: none;
 
         display: none;
 
     }
 
     }
  
     #sideMenu, #top_title, .patrollink {
+
     #sideMenu,
 +
    #top_title,
 +
    .patrollink {
 
         display: none;
 
         display: none;
 
     }
 
     }
Line 9,120: Line 10,018:
 
     }
 
     }
  
     #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
     #bodyContent h1,
 +
    #bodyContent h2,
 +
    #bodyContent h3,
 +
    #bodyContent h4,
 +
    #bodyContent h5 {
 
         margin-bottom: 0px;
 
         margin-bottom: 0px;
 
     }
 
     }
Line 9,144: Line 10,046:
 
     }
 
     }
  
     #HQ_page h1, h2, h3, h4, h5 {
+
     #HQ_page h1,
 +
    h2,
 +
    h3,
 +
    h4,
 +
    h5 {
 
         font-family: inherit;
 
         font-family: inherit;
 
     }
 
     }
Line 9,176: Line 10,082:
 
     }
 
     }
  
     #bodyContent a[href ^="https://"], .link-https {
+
     #bodyContent a[href ^="https://"],
 +
    .link-https {
 
         padding-right: 0px;
 
         padding-right: 0px;
 
     }
 
     }
Line 9,266: Line 10,173:
  
 
     .sponsorLogo img {
 
     .sponsorLogo img {
         -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
+
         -webkit-filter: grayscale(100%);
 +
        /* Safari 6.0 - 9.0 */
 
         filter: grayscale(100%);
 
         filter: grayscale(100%);
 
         max-height: 50px;
 
         max-height: 50px;
Line 9,272: Line 10,180:
  
 
     .sponsorLogo img:hover {
 
     .sponsorLogo img:hover {
         -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
+
         -webkit-filter: grayscale(0%);
 +
        /* Safari 6.0 - 9.0 */
 
         filter: grayscale(0%);
 
         filter: grayscale(0%);
 
     }
 
     }
Line 9,278: Line 10,187:
 
     /*++++++++++++++++++++++++++++++++
 
     /*++++++++++++++++++++++++++++++++
 
Nav CSS ++++++++++++++++++++++++++++++*/
 
Nav CSS ++++++++++++++++++++++++++++++*/
     .dropdown:hover > .dropdown-menu {
+
     .dropdown:hover>.dropdown-menu {
 
         display: block;
 
         display: block;
 
     }
 
     }
Line 9,286: Line 10,195:
 
     }
 
     }
  
     .dropdown-item, .dropdown-item:visited {
+
     .dropdown-item,
 +
    .dropdown-item:visited {
 
         color: white;
 
         color: white;
 
     }
 
     }
  
     .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
+
     .dropdown-item:hover,
 +
    .dropdown-item.active,
 +
    .dropdown-item:active {
 
         color: white;
 
         color: white;
 
         background-color: rgba(0, 158, 198, 1);
 
         background-color: rgba(0, 158, 198, 1);
 
     }
 
     }
  
/*++++++++++++++++++++++++++++++++
+
    /*++++++++++++++++++++++++++++++++
 
contents CSS ++++++++++++++++++++++++++++++*/
 
contents CSS ++++++++++++++++++++++++++++++*/
 
     * {
 
     * {
Line 9,309: Line 10,221:
 
     }
 
     }
  
     .glpContainer > * {
+
     .glpContainer>* {
 
         padding: 20px 25px;
 
         padding: 20px 25px;
 
     }
 
     }
Line 9,369: Line 10,281:
 
         padding-top: 150px;
 
         padding-top: 150px;
 
         color: #2ecc71;
 
         color: #2ecc71;
 +
    }
 +
 +
    .post-content h3 {
 +
        color: #F4F0DE;
 
     }
 
     }
  
Line 9,377: Line 10,293:
  
 
     #glpreferences a {
 
     #glpreferences a {
         color: #F4F0DE!important
+
         color: #F4F0DE !important
 +
    }
 +
 
 +
    #glpreferences 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 */
 +
    #glpreferences ol li:before {
 +
        color: #F4F0DE;
 +
        content: counter(list) ".";
 +
        left: -32px;
 +
        position: absolute;
 +
        text-align: right;
 +
        width: 26px;
 
     }
 
     }
  
    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;
 
}
 
  
  
Line 9,424: Line 10,342:
 
     }
 
     }
  
     .table-of-contents li + li {
+
     .table-of-contents li+li {
 
         margin-top: 2em;
 
         margin-top: 2em;
 
     }
 
     }
Line 9,575: Line 10,493:
 
     }
 
     }
  
     .quote-card.blue-card:before, .quote-card.blue-card:after {
+
     .quote-card.blue-card:before,
 +
    .quote-card.blue-card:after {
 
         color: rgba(0, 203, 177, 1);
 
         color: rgba(0, 203, 177, 1);
 
     }
 
     }
Line 9,585: Line 10,504:
 
     }
 
     }
  
     .quote-card.red-card:before, .quote-card.red-card:after {
+
     .quote-card.red-card:before,
 +
    .quote-card.red-card:after {
 
         color: #f44336;
 
         color: #f44336;
 
     }
 
     }
Line 9,595: Line 10,515:
 
     }
 
     }
  
     .quote-card.yellow-card:before, .quote-card.yellow-card:after {
+
     .quote-card.yellow-card:before,
 +
    .quote-card.yellow-card:after {
 
         color: #fbc02d;
 
         color: #fbc02d;
 
     }
 
     }
Line 9,666: Line 10,587:
 
gallery End ++++++++++++++++++++++++++++++*/
 
gallery End ++++++++++++++++++++++++++++++*/
  
     @media only screen and (max-width: 575.98px) {
+
     @media only screen and (max-width: 575.98px) {}
    }
+
  
 
     @media only screen and (max-width: 767.98px) {
 
     @media only screen and (max-width: 767.98px) {
Line 9,692: Line 10,612:
 
         }
 
         }
  
         .glpContainer > * {
+
         .glpContainer>* {
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
Line 9,717: Line 10,637:
  
  
     @media only screen and (max-width: 1199.98px) {
+
     @media only screen and (max-width: 1199.98px) {}
 
+
    }
+
  
 
     @media only screen and (max-width: 1400px) {
 
     @media only screen and (max-width: 1400px) {
Line 9,726: Line 10,644:
 
         }
 
         }
  
         .table-of-contents li + li {
+
         .table-of-contents li+li {
 
             margin-top: 1.5em;
 
             margin-top: 1.5em;
 
         }
 
         }
 
     }
 
     }
 
</style>
 
</style>
    <head>
 
        <title>GLP.exe</title>
 
        <meta charset="utf-8">
 
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
 
        <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
 
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css"/>
 
        <style>
 
            .mfp-bg {
 
                top: 0;
 
                left: 0;
 
                width: 100%;
 
                height: 100%;
 
                z-index: 1042;
 
                overflow: hidden;
 
                position: fixed;
 
                background: #0b0b0b;
 
                opacity: 0.8;
 
            }
 
  
            .mfp-wrap {
+
<head>
                top: 0;
+
    <title>GLP.exe</title>
                left: 0;
+
    <meta charset="utf-8">
                width: 100%;
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
                height: 100%;
+
    <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
                z-index: 1043;
+
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
                position: fixed;
+
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
                outline: none !important;
+
        type="text/css" />
                -webkit-backface-visibility: hidden;
+
    <style>
            }
+
        .mfp-bg {
 +
            top: 0;
 +
            left: 0;
 +
            width: 100%;
 +
            height: 100%;
 +
            z-index: 1042;
 +
            overflow: hidden;
 +
            position: fixed;
 +
            background: #0b0b0b;
 +
            opacity: 0.8;
 +
        }
  
            .mfp-container {
+
        .mfp-wrap {
                text-align: center;
+
            top: 0;
                position: absolute;
+
            left: 0;
                width: 100%;
+
            width: 100%;
                height: 100%;
+
            height: 100%;
                left: 0;
+
            z-index: 1043;
                top: 0;
+
            position: fixed;
                padding: 0 8px;
+
            outline: none !important;
                box-sizing: border-box;
+
            -webkit-backface-visibility: hidden;
            }
+
        }
  
            .mfp-container:before {
+
        .mfp-container {
                content: '';
+
            text-align: center;
                display: inline-block;
+
            position: absolute;
                height: 100%;
+
            width: 100%;
                vertical-align: middle;
+
            height: 100%;
             }
+
            left: 0;
 +
             top: 0;
 +
            padding: 0 8px;
 +
            box-sizing: border-box;
 +
        }
  
            .mfp-align-top .mfp-container:before {
+
        .mfp-container:before {
                display: none;
+
            content: '';
             }
+
            display: inline-block;
 +
             height: 100%;
 +
            vertical-align: middle;
 +
        }
  
            .mfp-content {
+
        .mfp-align-top .mfp-container:before {
                position: relative;
+
            display: none;
                display: inline-block;
+
        }
                vertical-align: middle;
+
                margin: 0 auto;
+
                text-align: left;
+
                z-index: 1045;
+
            }
+
  
            .mfp-inline-holder .mfp-content,
+
        .mfp-content {
             .mfp-ajax-holder .mfp-content {
+
             position: relative;
                width: 100%;
+
            display: inline-block;
                cursor: auto;
+
            vertical-align: middle;
             }
+
            margin: 0 auto;
 +
             text-align: left;
 +
            z-index: 1045;
 +
        }
  
            .mfp-ajax-cur {
+
        .mfp-inline-holder .mfp-content,
                cursor: progress;
+
        .mfp-ajax-holder .mfp-content {
             }
+
            width: 100%;
 +
             cursor: auto;
 +
        }
  
            .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+
        .mfp-ajax-cur {
                cursor: -moz-zoom-out;
+
            cursor: progress;
                cursor: -webkit-zoom-out;
+
        }
                cursor: zoom-out;
+
            }
+
  
            .mfp-zoom {
+
        .mfp-zoom-out-cur,
                cursor: pointer;
+
        .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
                cursor: -webkit-zoom-in;
+
            cursor: -moz-zoom-out;
                cursor: -moz-zoom-in;
+
            cursor: -webkit-zoom-out;
                cursor: zoom-in;
+
            cursor: zoom-out;
            }
+
        }
  
            .mfp-auto-cursor .mfp-content {
+
        .mfp-zoom {
                cursor: auto;
+
            cursor: pointer;
             }
+
            cursor: -webkit-zoom-in;
 +
            cursor: -moz-zoom-in;
 +
             cursor: zoom-in;
 +
        }
  
            .mfp-close,
+
        .mfp-auto-cursor .mfp-content {
            .mfp-arrow,
+
             cursor: auto;
            .mfp-preloader,
+
        }
             .mfp-counter {
+
                -webkit-user-select: none;
+
                -moz-user-select: none;
+
                user-select: none;
+
            }
+
  
            .mfp-loading.mfp-figure {
+
        .mfp-close,
                display: none;
+
        .mfp-arrow,
             }
+
        .mfp-preloader,
 +
        .mfp-counter {
 +
            -webkit-user-select: none;
 +
             -moz-user-select: none;
 +
            user-select: none;
 +
        }
  
            .mfp-hide {
+
        .mfp-loading.mfp-figure {
                display: none !important;
+
            display: none;
            }
+
        }
  
            .mfp-preloader {
+
        .mfp-hide {
                color: #CCC;
+
            display: none !important;
                position: absolute;
+
        }
                top: 50%;
+
                width: auto;
+
                text-align: center;
+
                margin-top: -0.8em;
+
                left: 8px;
+
                right: 8px;
+
                z-index: 1044;
+
            }
+
  
            .mfp-preloader a {
+
        .mfp-preloader {
                color: #CCC;
+
            color: #CCC;
             }
+
             position: absolute;
 +
            top: 50%;
 +
            width: auto;
 +
            text-align: center;
 +
            margin-top: -0.8em;
 +
            left: 8px;
 +
            right: 8px;
 +
            z-index: 1044;
 +
        }
  
            .mfp-preloader a:hover {
+
        .mfp-preloader a {
                color: #FFF;
+
            color: #CCC;
            }
+
        }
  
            .mfp-s-ready .mfp-preloader {
+
        .mfp-preloader a:hover {
                display: none;
+
            color: #FFF;
            }
+
        }
  
            .mfp-s-error .mfp-content {
+
        .mfp-s-ready .mfp-preloader {
                display: none;
+
            display: none;
            }
+
        }
  
            button.mfp-close,
+
        .mfp-s-error .mfp-content {
            button.mfp-arrow {
+
            display: none;
                overflow: visible;
+
        }
                cursor: pointer;
+
                background: transparent;
+
                border: 0;
+
                -webkit-appearance: none;
+
                display: block;
+
                outline: none;
+
                padding: 0;
+
                z-index: 1046;
+
                box-shadow: none;
+
                touch-action: manipulation;
+
            }
+
  
            button::-moz-focus-inner {
+
        button.mfp-close,
                padding: 0;
+
        button.mfp-arrow {
                border: 0;
+
            overflow: visible;
             }
+
            cursor: pointer;
 +
            background: transparent;
 +
            border: 0;
 +
            -webkit-appearance: none;
 +
            display: block;
 +
            outline: none;
 +
            padding: 0;
 +
            z-index: 1046;
 +
             box-shadow: none;
 +
            touch-action: manipulation;
 +
        }
  
            .mfp-close {
+
        button::-moz-focus-inner {
                width: 44px;
+
            padding: 0;
                height: 44px;
+
            border: 0;
                line-height: 44px;
+
        }
                position: absolute;
+
                right: 0;
+
                top: 0;
+
                text-decoration: none;
+
                text-align: center;
+
                opacity: 0.65;
+
                padding: 0 0 18px 10px;
+
                color: #FFF;
+
                font-style: normal;
+
                font-size: 28px;
+
                font-family: Arial, Baskerville, monospace;
+
            }
+
  
            .mfp-close:hover,
+
        .mfp-close {
             .mfp-close:focus {
+
            width: 44px;
                opacity: 1;
+
             height: 44px;
             }
+
            line-height: 44px;
 +
            position: absolute;
 +
            right: 0;
 +
            top: 0;
 +
            text-decoration: none;
 +
            text-align: center;
 +
            opacity: 0.65;
 +
             padding: 0 0 18px 10px;
 +
            color: #FFF;
 +
            font-style: normal;
 +
            font-size: 28px;
 +
            font-family: Arial, Baskerville, monospace;
 +
        }
  
            .mfp-close:active {
+
        .mfp-close:hover,
                top: 1px;
+
        .mfp-close:focus {
            }
+
            opacity: 1;
 +
        }
  
            .mfp-close-btn-in .mfp-close {
+
        .mfp-close:active {
                color: #333;
+
            top: 1px;
            }
+
        }
  
            .mfp-image-holder .mfp-close,
+
        .mfp-close-btn-in .mfp-close {
            .mfp-iframe-holder .mfp-close {
+
            color: #333;
                color: #FFF;
+
        }
                right: -6px;
+
                text-align: right;
+
                padding-right: 6px;
+
                width: 100%;
+
            }
+
  
            .mfp-counter {
+
        .mfp-image-holder .mfp-close,
                position: absolute;
+
        .mfp-iframe-holder .mfp-close {
                top: 0;
+
            color: #FFF;
                right: 0;
+
            right: -6px;
                color: #CCC;
+
            text-align: right;
                font-size: 12px;
+
            padding-right: 6px;
                line-height: 18px;
+
            width: 100%;
                white-space: nowrap;
+
        }
            }
+
  
            .mfp-arrow {
+
        .mfp-counter {
                position: absolute;
+
            position: absolute;
                opacity: 0.65;
+
            top: 0;
                margin: 0;
+
            right: 0;
                top: 50%;
+
            color: #CCC;
                margin-top: -55px;
+
            font-size: 12px;
                padding: 0;
+
            line-height: 18px;
                width: 90px;
+
            white-space: nowrap;
                height: 110px;
+
        }
                -webkit-tap-highlight-color: transparent;
+
            }
+
  
            .mfp-arrow:active {
+
        .mfp-arrow {
                margin-top: -54px;
+
            position: absolute;
             }
+
            opacity: 0.65;
 +
            margin: 0;
 +
            top: 50%;
 +
            margin-top: -55px;
 +
             padding: 0;
 +
            width: 90px;
 +
            height: 110px;
 +
            -webkit-tap-highlight-color: transparent;
 +
        }
  
            .mfp-arrow:hover,
+
        .mfp-arrow:active {
             .mfp-arrow:focus {
+
             margin-top: -54px;
                opacity: 1;
+
        }
            }
+
  
            .mfp-arrow:before,
+
        .mfp-arrow:hover,
            .mfp-arrow:after {
+
        .mfp-arrow:focus {
                content: '';
+
            opacity: 1;
                display: block;
+
        }
                width: 0;
+
                height: 0;
+
                position: absolute;
+
                left: 0;
+
                top: 0;
+
                margin-top: 35px;
+
                margin-left: 35px;
+
                border: medium inset transparent;
+
            }
+
  
            .mfp-arrow:after {
+
        .mfp-arrow:before,
                border-top-width: 13px;
+
        .mfp-arrow:after {
                border-bottom-width: 13px;
+
            content: '';
                top: 8px;
+
            display: block;
             }
+
            width: 0;
 +
            height: 0;
 +
            position: absolute;
 +
            left: 0;
 +
            top: 0;
 +
             margin-top: 35px;
 +
            margin-left: 35px;
 +
            border: medium inset transparent;
 +
        }
  
            .mfp-arrow:before {
+
        .mfp-arrow:after {
                border-top-width: 21px;
+
            border-top-width: 13px;
                border-bottom-width: 21px;
+
            border-bottom-width: 13px;
                opacity: 0.7;
+
            top: 8px;
            }
+
        }
  
            .mfp-arrow-left {
+
        .mfp-arrow:before {
                left: 0;
+
            border-top-width: 21px;
             }
+
             border-bottom-width: 21px;
 +
            opacity: 0.7;
 +
        }
  
            .mfp-arrow-left:after {
+
        .mfp-arrow-left {
                border-right: 17px solid #FFF;
+
            left: 0;
                margin-left: 31px;
+
        }
            }
+
  
            .mfp-arrow-left:before {
+
        .mfp-arrow-left:after {
                margin-left: 25px;
+
            border-right: 17px solid #FFF;
                border-right: 27px solid #3F3F3F;
+
             margin-left: 31px;
             }
+
        }
  
            .mfp-arrow-right {
+
        .mfp-arrow-left:before {
                right: 0;
+
            margin-left: 25px;
             }
+
             border-right: 27px solid #3F3F3F;
 +
        }
  
            .mfp-arrow-right:after {
+
        .mfp-arrow-right {
                border-left: 17px solid #FFF;
+
            right: 0;
                margin-left: 39px;
+
        }
            }
+
  
            .mfp-arrow-right:before {
+
        .mfp-arrow-right:after {
                border-left: 27px solid #3F3F3F;
+
            border-left: 17px solid #FFF;
             }
+
             margin-left: 39px;
 +
        }
  
            .mfp-iframe-holder {
+
        .mfp-arrow-right:before {
                padding-top: 40px;
+
            border-left: 27px solid #3F3F3F;
                padding-bottom: 40px;
+
        }
            }
+
  
            .mfp-iframe-holder .mfp-content {
+
        .mfp-iframe-holder {
                line-height: 0;
+
            padding-top: 40px;
                width: 100%;
+
            padding-bottom: 40px;
                max-width: 900px;
+
        }
            }
+
  
            .mfp-iframe-holder .mfp-close {
+
        .mfp-iframe-holder .mfp-content {
                top: -40px;
+
            line-height: 0;
             }
+
             width: 100%;
 +
            max-width: 900px;
 +
        }
  
            .mfp-iframe-scaler {
+
        .mfp-iframe-holder .mfp-close {
                width: 100%;
+
            top: -40px;
                height: 0;
+
        }
                overflow: hidden;
+
                padding-top: 56.25%;
+
            }
+
  
            .mfp-iframe-scaler iframe {
+
        .mfp-iframe-scaler {
                position: absolute;
+
            width: 100%;
                display: block;
+
            height: 0;
                top: 0;
+
            overflow: hidden;
                left: 0;
+
            padding-top: 56.25%;
                width: 100%;
+
        }
                height: 100%;
+
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+
                background: #000;
+
            }
+
  
            /* Main image in popup */
+
        .mfp-iframe-scaler iframe {
            img.mfp-img {
+
            position: absolute;
                width: auto;
+
            display: block;
                max-width: 100%;
+
            top: 0;
                height: auto;
+
            left: 0;
                display: block;
+
            width: 100%;
                line-height: 0;
+
            height: 100%;
                box-sizing: border-box;
+
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
                padding: 40px 0 40px;
+
            background: #000;
                margin: 0 auto;
+
        }
            }
+
  
            /* The shadow behind the image */
+
        /* Main image in popup */
            .mfp-figure {
+
        img.mfp-img {
                line-height: 0;
+
            width: auto;
             }
+
            max-width: 100%;
 +
            height: auto;
 +
            display: block;
 +
            line-height: 0;
 +
             box-sizing: border-box;
 +
            padding: 40px 0 40px;
 +
            margin: 0 auto;
 +
        }
  
            .mfp-figure:after {
+
        /* The shadow behind the image */
                content: '';
+
        .mfp-figure {
                position: absolute;
+
            line-height: 0;
                left: 0;
+
        }
                top: 40px;
+
                bottom: 40px;
+
                display: block;
+
                right: 0;
+
                width: auto;
+
                height: auto;
+
                z-index: -1;
+
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+
                background: #444;
+
            }
+
  
            .mfp-figure small {
+
        .mfp-figure:after {
                color: #BDBDBD;
+
            content: '';
                display: block;
+
            position: absolute;
                font-size: 12px;
+
            left: 0;
                line-height: 14px;
+
            top: 40px;
             }
+
            bottom: 40px;
 +
            display: block;
 +
            right: 0;
 +
            width: auto;
 +
            height: auto;
 +
            z-index: -1;
 +
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 +
             background: #444;
 +
        }
  
            .mfp-figure figure {
+
        .mfp-figure small {
                margin: 0;
+
            color: #BDBDBD;
             }
+
             display: block;
 +
            font-size: 12px;
 +
            line-height: 14px;
 +
        }
  
            .mfp-bottom-bar {
+
        .mfp-figure figure {
                margin-top: -36px;
+
            margin: 0;
                position: absolute;
+
        }
                top: 100%;
+
                left: 0;
+
                width: 100%;
+
                cursor: auto;
+
            }
+
  
            .mfp-title {
+
        .mfp-bottom-bar {
                text-align: left;
+
            margin-top: -36px;
                line-height: 18px;
+
            position: absolute;
                color: #F3F3F3;
+
            top: 100%;
                word-wrap: break-word;
+
            left: 0;
                padding-right: 36px;
+
            width: 100%;
             }
+
             cursor: auto;
 +
        }
  
            .mfp-image-holder .mfp-content {
+
        .mfp-title {
                max-width: 100%;
+
            text-align: left;
             }
+
            line-height: 18px;
 +
            color: #F3F3F3;
 +
            word-wrap: break-word;
 +
             padding-right: 36px;
 +
        }
  
            .mfp-gallery .mfp-image-holder .mfp-figure {
+
        .mfp-image-holder .mfp-content {
                cursor: pointer;
+
            max-width: 100%;
            }
+
        }
  
             @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+
        .mfp-gallery .mfp-image-holder .mfp-figure {
                /**
+
             cursor: pointer;
 +
        }
 +
 
 +
        @media screen and (max-width: 800px) and (orientation: landscape),
 +
        screen and (max-height: 300px) {
 +
 
 +
            /**
 
       * Remove all paddings around the image on small screen
 
       * Remove all paddings around the image on small screen
 
       */
 
       */
                .mfp-img-mobile .mfp-image-holder {
+
            .mfp-img-mobile .mfp-image-holder {
                    padding-left: 0;
+
                padding-left: 0;
                    padding-right: 0;
+
                padding-right: 0;
                }
+
            }
  
                .mfp-img-mobile img.mfp-img {
+
            .mfp-img-mobile img.mfp-img {
                    padding: 0;
+
                padding: 0;
                }
+
            }
  
                .mfp-img-mobile .mfp-figure:after {
+
            .mfp-img-mobile .mfp-figure:after {
                    top: 0;
+
                top: 0;
                    bottom: 0;
+
                bottom: 0;
                }
+
            }
 
+
                .mfp-img-mobile .mfp-figure small {
+
                    display: inline;
+
                    margin-left: 5px;
+
                }
+
  
                .mfp-img-mobile .mfp-bottom-bar {
+
            .mfp-img-mobile .mfp-figure small {
                    background: rgba(0, 0, 0, 0.6);
+
                 display: inline;
                    bottom: 0;
+
                 margin-left: 5px;
                    margin: 0;
+
                    top: auto;
+
                    padding: 3px 5px;
+
                    position: fixed;
+
                    box-sizing: border-box;
+
                 }
+
 
+
                .mfp-img-mobile .mfp-bottom-bar:empty {
+
                    padding: 0;
+
                 }
+
 
+
                .mfp-img-mobile .mfp-counter {
+
                    right: 5px;
+
                    top: 3px;
+
                }
+
 
+
                .mfp-img-mobile .mfp-close {
+
                    top: 0;
+
                    right: 0;
+
                    width: 35px;
+
                    height: 35px;
+
                    line-height: 35px;
+
                    background: rgba(0, 0, 0, 0.6);
+
                    position: fixed;
+
                    text-align: center;
+
                    padding: 0;
+
                }
+
 
             }
 
             }
  
             @media all and (max-width: 900px) {
+
             .mfp-img-mobile .mfp-bottom-bar {
                .mfp-arrow {
+
                background: rgba(0, 0, 0, 0.6);
                    -webkit-transform: scale(0.75);
+
                bottom: 0;
                    transform: scale(0.75);
+
                 margin: 0;
                 }
+
                top: auto;
 
+
                 padding: 3px 5px;
                .mfp-arrow-left {
+
                position: fixed;
                    -webkit-transform-origin: 0;
+
                 box-sizing: border-box;
                    transform-origin: 0;
+
                 }
+
 
+
                .mfp-arrow-right {
+
                    -webkit-transform-origin: 100%;
+
                    transform-origin: 100%;
+
                 }
+
 
+
                .mfp-container {
+
                    padding-left: 6px;
+
                    padding-right: 6px;
+
                }
+
 
             }
 
             }
  
             .mfp-zoom-out {
+
             .mfp-img-mobile .mfp-bottom-bar:empty {
                 /* start state */
+
                 padding: 0;
                /* animate in */
+
                /* animate out */
+
 
             }
 
             }
  
             .mfp-zoom-out .mfp-with-anim {
+
             .mfp-img-mobile .mfp-counter {
                 opacity: 0;
+
                 right: 5px;
                 transition: all 0.3s ease-in-out;
+
                 top: 3px;
                transform: scale(1.3);
+
 
             }
 
             }
  
             .mfp-zoom-out.mfp-bg {
+
             .mfp-img-mobile .mfp-close {
                 opacity: 0;
+
                 top: 0;
                 transition: all 0.3s ease-out;
+
                 right: 0;
 +
                width: 35px;
 +
                height: 35px;
 +
                line-height: 35px;
 +
                background: rgba(0, 0, 0, 0.6);
 +
                position: fixed;
 +
                text-align: center;
 +
                padding: 0;
 
             }
 
             }
 +
        }
  
             .mfp-zoom-out.mfp-ready .mfp-with-anim {
+
        @media all and (max-width: 900px) {
                 opacity: 1;
+
             .mfp-arrow {
                 transform: scale(1);
+
                 -webkit-transform: scale(0.75);
 +
                 transform: scale(0.75);
 
             }
 
             }
  
             .mfp-zoom-out.mfp-ready.mfp-bg {
+
             .mfp-arrow-left {
                 opacity: 0.8;
+
                -webkit-transform-origin: 0;
 +
                 transform-origin: 0;
 
             }
 
             }
  
             .mfp-zoom-out.mfp-removing .mfp-with-anim {
+
             .mfp-arrow-right {
                 transform: scale(1.3);
+
                 -webkit-transform-origin: 100%;
                 opacity: 0;
+
                 transform-origin: 100%;
 
             }
 
             }
  
             .mfp-zoom-out.mfp-removing.mfp-bg {
+
             .mfp-container {
                 opacity: 0;
+
                 padding-left: 6px;
 +
                padding-right: 6px;
 
             }
 
             }
         </style>
+
         }
  
     </head>
+
        .mfp-zoom-out {
 +
            /* start state */
 +
            /* animate in */
 +
            /* animate out */
 +
        }
 +
 
 +
        .mfp-zoom-out .mfp-with-anim {
 +
            opacity: 0;
 +
            transition: all 0.3s ease-in-out;
 +
            transform: scale(1.3);
 +
        }
 +
 
 +
        .mfp-zoom-out.mfp-bg {
 +
            opacity: 0;
 +
            transition: all 0.3s ease-out;
 +
        }
 +
 
 +
        .mfp-zoom-out.mfp-ready .mfp-with-anim {
 +
            opacity: 1;
 +
            transform: scale(1);
 +
        }
 +
 
 +
        .mfp-zoom-out.mfp-ready.mfp-bg {
 +
            opacity: 0.8;
 +
        }
 +
 
 +
        .mfp-zoom-out.mfp-removing .mfp-with-anim {
 +
            transform: scale(1.3);
 +
            opacity: 0;
 +
        }
 +
 
 +
        .mfp-zoom-out.mfp-removing.mfp-bg {
 +
            opacity: 0;
 +
        }
 +
     </style>
 +
 
 +
</head>
  
 
<body style="">
 
<body style="">
  <section id="nav-placeholder">
+
    <section id="nav-placeholder">
    <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
+
        <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
        style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
+
            style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
        <a class="navbar-brand" href="https://2019.igem.org/Team:Tuebingen">
+
            <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"
+
                <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--white_logo_animated.gif" alt="logo"
                style="width:70px;">
+
                    style="width:70px;">
            <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
+
                <h5 class="d-inline ml-3" style="font-family: 'Righteous', cursive; font-weight: normal;">GLP.exe</h5>
        </a>
+
            </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
+
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
+
                <span class="navbar-toggler-icon"></span>
        </button>
+
            </button>
        <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
+
            <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
            <ul class="navbar-nav">
+
                <ul class="navbar-nav">
                <li id="ourStoryButton" class="nav-item mx-3">
+
                    <li id="ourStoryButton" class="nav-item mx-3">
                    <a class="nav-link" href="/Team:Tuebingen/Story"
+
                        <a class="nav-link" href="/Team:Tuebingen/Story"
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR STORY</a>
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
                </li>
+
                            STORY</a>
 +
                    </li>
  
                <li class="nav-item dropdown mx-3">
+
                    <li class="nav-item dropdown mx-3">
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                        PROJECT
+
                            PROJECT
                    </a>
+
                        </a>
                    <div class="dropdown-menu">
+
                        <div class="dropdown-menu">
                        <a class="dropdown-item" href="/Team:Tuebingen/Description"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Description"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Description</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Killswitch"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill Switch</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Kill
                        <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
+
                                Switch</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Nissle"
                        <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Nissle</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
                        <a class="dropdown-item" href="/Team:Tuebingen/CPP"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Cell Penetrating Peptides</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/CPP"
                        <a class="dropdown-item" href="/Team:Tuebingen/Results"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Cell
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
+
                                Penetrating Peptides</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Results"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Demonstrate"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Demonstrate</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Model"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Software"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
                    </div>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
                </li>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
                <li class="nav-item dropdown mx-3">
+
                        </div>
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                    </li>
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                    <li class="nav-item dropdown mx-3">
                        PARTS
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                    </a>
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                    <div class="dropdown-menu">
+
                            PARTS
                        <a class="dropdown-item" href="/Team:Tuebingen/Parts"
+
                        </a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts Overview</a>
+
                        <div class="dropdown-menu">
                        <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Parts"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic Parts</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
                        <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
+
                                Overview</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved Parts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
                        <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite Parts</a>
+
                                Parts</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part Collection</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
                    </div>
+
                                Parts</a>
                </li>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
 +
                                Parts</a>
 +
                            <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
 +
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
 +
                                Collection</a>
 +
                        </div>
 +
                    </li>
  
                <li class="nav-item dropdown mx-3">
+
                    <li class="nav-item dropdown mx-3">
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                      style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
+
                            style="font-family: 'Righteous', cursive; font-weight: normal;color: #2ecc71;">
                        PEOPLE
+
                            PEOPLE
                    </a>
+
                        </a>
                    <div class="dropdown-menu">
+
                        <div class="dropdown-menu">
                        <a class="dropdown-item" href="/Team:Tuebingen/Team"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Team"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Team</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
                    </div>
+
                        </div>
                </li>
+
                    </li>
  
                <li class="nav-item dropdown mx-3">
+
                    <li class="nav-item dropdown mx-3">
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                        HUMAN PRACTICES
+
                            HUMAN PRACTICES
                    </a>
+
                        </a>
                    <div class="dropdown-menu">
+
                        <div class="dropdown-menu">
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
                            Engagement</a>
+
                                & Public
                        <a class="dropdown-item" href="/Team:Tuebingen/Experts"
+
                                Engagement</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experts"
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
                        <a class="dropdown-item" href="/Team:Tuebingen/SDG"
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development
+
                            <a class="dropdown-item" href="/Team:Tuebingen/SDG"
                            Goals</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable
                        <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
+
                                Development
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta Science
+
                                Goals</a>
                            Center</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
                    </div>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
                </li>
+
                                Science
                <li class="nav-item dropdown mx-3">
+
                                Center</a>
                    <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
+
                        </div>
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
+
                    </li>
                        AWARDS
+
                    <li class="nav-item dropdown mx-3">
                    </a>
+
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown"
                    <div class="dropdown-menu">
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">
                        <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
+
                            AWARDS
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a>
+
                        </a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
+
                        <div class="dropdown-menu">
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Human_Practices"
                            Engagement</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
+
                                Human Practise</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
                            Entrepreneurship</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education
                        <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
+
                                & Public
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
+
                                Engagement</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
+
                                Entrepreneurship</a>
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
+
                            <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
                    </div>
+
                                style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
                </li>
+
                            <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">
+
                    <li class="nav-item mx-3">
                    <a class="nav-link" href="/Team:Tuebingen/Safety"
+
                        <a class="nav-link" href="/Team:Tuebingen/Safety"
                      style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">SAFETY</a>
                </li>
+
                    </li>
  
                <li class="nav-item mx-3">
+
                    <li class="nav-item mx-3">
                    <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
+
                        <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
+
                            style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING
                        FORM ⇗</a>
+
                            FORM ⇗</a>
                </li>
+
                    </li>
  
                <li class="nav-item mx-1 pt-2">
+
                    <li class="nav-item mx-1 pt-2">
                    <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
+
                        <a href="https://www.facebook.com/igemtuebingen/" class="fa fa-facebook" target="_blank"></a>
                </li>
+
                    </li>
                <li class="nav-item mx-1 pt-2">
+
                    <li class="nav-item mx-1 pt-2">
                    <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
+
                        <a href="https://twitter.com/iGEMTuebingen" class="fa fa-twitter" target="_blank"></a>
                </li>
+
                    </li>
                <li class="nav-item mx-1 pt-2">
+
                    <li class="nav-item mx-1 pt-2">
                    <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
+
                        <a href="https://www.instagram.com/igem_tuebingen/" class="fa fa-instagram" target="_blank"></a>
                </li>
+
                    </li>
  
            </ul>
+
                </ul>
        </div>
+
            </div>
    </nav>
+
        </nav>
</section>
+
    </section>
<script>
+
    <script>
    var url = window.location.href;
+
        var url = window.location.href;
    $(function () {
+
        $(function () {
        $('.nav-link[href="' + url + '"]').addClass("active");
+
            $('.nav-link[href="' + url + '"]').addClass("active");
        $('.dropdown-item[href="' + url + '"]').addClass("active");
+
            $('.dropdown-item[href="' + url + '"]').addClass("active");
        $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
+
            $('.dropdown-item[href="' + url + '"]').parent().parent().addClass("active");
    });
+
        });
</script>
+
    </script>
<script src="https://2019.igem.org/Team:Tuebingen/jqueryminjs?action=raw&ctype=text/javascript"></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/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/Team:Tuebingen/bootstrapjs?action=raw&ctype=text/javascript"></script>
<script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2019.igem.org/Template:Tuebingen/GLPexeJS?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
  
 
<style>
 
<style>
 
 
     .pictureTitle {
 
     .pictureTitle {
 
         background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)), url("http://2018.igem.org/wiki/images/2/21/T--Munich--header_projectdesign.png");
 
         background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .5)), url("http://2018.igem.org/wiki/images/2/21/T--Munich--header_projectdesign.png");
Line 10,406: Line 11,341:
  
  
     @media only screen and (max-width: 575.98px) {
+
     @media only screen and (max-width: 575.98px) {}
    }
+
  
     @media only screen and (max-width: 767.98px) {
+
     @media only screen and (max-width: 767.98px) {}
    }
+
  
     @media only screen and (max-width: 991.98px) {
+
     @media only screen and (max-width: 991.98px) {}
    }
+
  
     @media only screen and (max-width: 1199.98px) {
+
     @media only screen and (max-width: 1199.98px) {}
    }
+
  
 
     /*
 
     /*
Line 10,424: Line 11,355:
 
*/
 
*/
  
.btn-link {
+
    .btn-link {
 
         font-weight: 400;
 
         font-weight: 400;
 
         color: #007bff;
 
         color: #007bff;
Line 10,437: Line 11,368:
 
     }
 
     }
  
     .btn-link.focus, .btn-link:focus {
+
     .btn-link.focus,
 +
    .btn-link:focus {
 
         text-decoration: underline;
 
         text-decoration: underline;
 
         border-color: transparent;
 
         border-color: transparent;
Line 10,443: Line 11,375:
 
     }
 
     }
  
     .btn-link.disabled, .btn-link:disabled {
+
     .btn-link.disabled,
 +
    .btn-link:disabled {
 
         color: #6c757d;
 
         color: #6c757d;
 
         pointer-events: none
 
         pointer-events: none
 
     }
 
     }
  
     .btn-link{
+
     .btn-link {
opacity: 0.8;
+
        opacity: 0.8;
text-decoration: none;
+
        text-decoration: none;
color: white;
+
        color: white;
}
+
    }
.btn-link:hover{
+
 
opacity: 1;
+
    .btn-link:hover {
text-decoration: none;
+
        opacity: 1;
    color: rgba(105, 202, 98, 1.1);
+
        text-decoration: none;
}
+
        color: rgba(105, 202, 98, 1.1);
.btn-link:focus{
+
    }
opacity: 1;
+
 
text-decoration: none;
+
    .btn-link:focus {
    color: rgba(105, 202, 98, 1.1);
+
        opacity: 1;
}
+
        text-decoration: none;
.card-header{
+
        color: rgba(105, 202, 98, 1.1);
background-color: rgba(50,50,50,1);
+
    }
}
+
 
.card button{
+
    .card-header {
width: 100%;
+
        background-color: rgba(50, 50, 50, 1);
font-size: 1.5rem;
+
    }
}
+
 
 +
    .card button {
 +
        width: 100%;
 +
        font-size: 1.5rem;
 +
    }
 +
 
 
     /*
 
     /*
 
========================
 
========================
Line 10,481: Line 11,419:
 
========================
 
========================
 
*/
 
*/
.btn-one {
+
    .btn-one {
color: rgba(105, 202, 98, 1.1);
+
        color: rgba(105, 202, 98, 1.1);
transition: all 0.3s;
+
        transition: all 0.3s;
position: relative;
+
        position: relative;
}
+
    }
.btn-one span {
+
 
transition: all 0.3s;
+
    .btn-one span {
}
+
        transition: all 0.3s;
.btn-one::before {
+
    }
content: '';
+
 
position: absolute;
+
    .btn-one::before {
bottom: 0;
+
        content: '';
left: 0;
+
        position: absolute;
width: 100%;
+
        bottom: 0;
height: 100%;
+
        left: 0;
z-index: 1;
+
        width: 100%;
opacity: 0;
+
        height: 100%;
transition: all 0.3s;
+
        z-index: 1;
border-top-width: 1px;
+
        opacity: 0;
border-bottom-width: 1px;
+
        transition: all 0.3s;
border-top-style: solid;
+
        border-top-width: 1px;
border-bottom-style: solid;
+
        border-bottom-width: 1px;
border-top-color: rgba(105, 202, 98, 1.1);
+
        border-top-style: solid;
border-bottom-color: rgba(105, 202, 98, 1.1);
+
        border-bottom-style: solid;
transform: scale(0.1, 1);
+
        border-top-color: rgba(105, 202, 98, 1.1);
}
+
        border-bottom-color: rgba(105, 202, 98, 1.1);
.btn-one:hover span {
+
        transform: scale(0.1, 1);
letter-spacing: 2px;
+
    }
}
+
 
.btn-one:hover::before {
+
    .btn-one:hover span {
opacity: 1;
+
        letter-spacing: 2px;
transform: scale(1, 1);
+
    }
}
+
 
.btn-one::after {
+
    .btn-one:hover::before {
content: '';
+
        opacity: 1;
position: absolute;
+
        transform: scale(1, 1);
bottom: 0;
+
    }
left: 0;
+
 
width: 100%;
+
    .btn-one::after {
height: 100%;
+
        content: '';
z-index: 1;
+
        position: absolute;
transition: all 0.3s;
+
        bottom: 0;
background-color: rgba(255,255,255,0.05);
+
        left: 0;
}
+
        width: 100%;
.btn-one:hover::after {
+
        height: 100%;
opacity: 0;
+
        z-index: 1;
transform: scale(0.1, 1);}
+
        transition: all 0.3s;
 +
        background-color: rgba(255, 255, 255, 0.05);
 +
    }
 +
 
 +
    .btn-one:hover::after {
 +
        opacity: 0;
 +
        transform: scale(0.1, 1);
 +
    }
 +
 
 
     /*
 
     /*
 
========================
 
========================
Line 10,575: Line 11,521:
 
         -webkit-transform: translateZ(0) scale(1.0, 1.0);
 
         -webkit-transform: translateZ(0) scale(1.0, 1.0);
 
         transform: translateZ(0);
 
         transform: translateZ(0);
         background: #1B2030 url(https://2019.igem.org/wiki/images/2/26/T--Tuebingen--sdgs-banner.jpg) center no-repeat;
+
         background: #1B2030 url(https://2019.igem.org/wiki/images/f/f7/T--Tuebingen--information_booth_4.png) center no-repeat;
 
         background-size: 100%, 100%;
 
         background-size: 100%, 100%;
 
         animation: grow 30s linear 10ms infinite;
 
         animation: grow 30s linear 10ms infinite;
Line 10,593: Line 11,539:
 
     }
 
     }
  
     .info h1{
+
     .info h1 {
         font-size:3.0em;
+
         font-size: 3.0em;
 
     }
 
     }
  
     .info h4, .meta {
+
     .info h4,
 +
    .meta {
 
         font-size: 0.7em
 
         font-size: 0.7em
 
     }
 
     }
Line 10,638: Line 11,585:
  
 
         .header {
 
         .header {
             height:40vh
+
             height: 40vh
 
         }
 
         }
 
     }
 
     }
Line 10,644: Line 11,591:
 
     @media only screen and (max-width: 600px) {
 
     @media only screen and (max-width: 600px) {
 
         .header {
 
         .header {
             height:35vh
+
             height: 35vh
 
         }
 
         }
 
     }
 
     }
Line 10,656: Line 11,603:
 
     @media only screen and (max-width: 500px) {
 
     @media only screen and (max-width: 500px) {
 
         .header {
 
         .header {
             height:30vh
+
             height: 30vh
 
         }
 
         }
 
     }
 
     }
Line 10,669: Line 11,616:
 
     @media only screen and (max-width: 450px) {
 
     @media only screen and (max-width: 450px) {
 
         .header {
 
         .header {
             height:25vh
+
             height: 25vh
 
         }
 
         }
 
     }
 
     }
Line 10,689: Line 11,636:
 
             transform: scale(1)
 
             transform: scale(1)
 
         }
 
         }
 +
 
         50% {
 
         50% {
 
             transform: scale(1.2)
 
             transform: scale(1.2)
Line 10,698: Line 11,646:
 
         ==========================
 
         ==========================
 
         */
 
         */
 
 
</style>
 
</style>
  
 
<!-- Header Banner Begin-->
 
<!-- Header Banner Begin-->
 
<div class="header">
 
<div class="header">
  <div class="info">
+
    <div class="info">
    <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">GENERAL HEADER</h1>
+
        <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">SURVEY</h1>
  </div>
+
    </div>
 
</div>
 
</div>
 
<!-- Header Banner End-->
 
<!-- Header Banner End-->
  
<div style="background-color: #232323;">
+
<div style="background-color: #232323; overflow-x:fragments;">
 +
    <div style="overflow-x: hidden">
  
<div class="glpContainer">
+
        <script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script>
    <aside id="glpContentsOuter">
+
         <div class="glpContainer">
         <aside id="phaContents" class="table-of-contents">
+
            <!-- will be generated with JS -->
+
        </aside>
+
    </aside>
+
  
    <main class="post-content">
+
            <aside id="glpContentsOuter">
 +
                <aside id="phaContents" class="table-of-contents">
 +
                    <!-- will be generated with JS -->
 +
                </aside>
 +
            </aside>
  
        <h3 style="font-family:'Righteous'; color:#2ecc71;">The Problem</h3>
+
            <main class="post-content">
        <div class="row">
+
                <div id="image-popups">
            <div class="col-12">
+
                    <h2 style="font-family:'Righteous';">Background</h2>
                <p>
+
                    <div class="row">
                    Antimicrobial resistance is on the rise and the death toll from bacterial infections will continue
+
                        <div class="col-12">
                    to increase if no alternative solutions are developed. The threat of antimicrobial resistance has
+
                            <p>
                    been known for a long time - Alexander Fleming, the discoverer of penicillin, predicted in 1945 that
+
                                To design our survey, we wanted to fulfill the criteria proposed by iGEM. Hence,
                    “exposing […] microbes to nonlethal quantities of the drug makes them resistant”. Even though
+
                                informed consent and privacy/ data protection were highly important to us. Also, our
                    efforts for development of novel antimicrobial compounds have been stepped up in recent years, there
+
                                survey design had to be specific and unambiguous, with the goal of not compromising our
                    is still a lack of safe and effective substitutes for antibiotics<sup><a href="#glpreferences">1</a></sup>.
+
                                survey by insinuating a “correct” response to any question. For this purpose, we used
                    A promising alternative – phage therapy – has an extensive history of successful application in
+
                                the tools provided for free for students by www.umfrageonline.com. As in our case, the
                    countries with limited access to antibiotics. Although phage therapy has been known for almost a
+
                                participants volunteered to conduct our survey, our survey is a “nonprobability” survey
                    century, widespread application of phage therapy still has to become reality.<sup><a
+
                                and the results do not represent a randomized group. However, our study had the purpose
                        href="#glpreferences">2</a></sup> This was the overarching problem our project needed to tackle.
+
                                to help us with refining our project and give us insight into the perception of new
 +
                                therapies and Synthetic Biology.
 +
                            </p>
 +
                            <p>
 +
                                Initially, we aimed to publish the survey within several online support groups, however,
 +
                                it was not possible to get access to any of the groups since the administrators are -
 +
                                understandably - very suspicious of surveys about drugs. Although we did not mean to
 +
                                advertise a product with our survey, we understand that the protection of the members of
 +
                                the group is important. The same goes for spreading the survey through our contacts in
 +
                                the clinic, who wanted to protect their patients. Consequently, the survey was spread
 +
                                during outreach activities, our website and by word.
 +
                            </p>
 +
                            <p>Please use the following links to download our survey:</p>
 +
                            <p><a href="https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--FINAL_Flyer_green_grey.pdf"
 +
                                    onclick='window.open("https://2019.igem.org/wiki/images/f/f0/T--Tuebingen--FINAL_Flyer_green_grey.pdf","_self");'>Diabetes
 +
                                    type 2 & GMOs [english]</a></p>
  
                </p>
+
                            <p><a href="https://2019.igem.org/wiki/images/e/e2/T--Tuebingen--FINAL_Flyer_green_grey_-_GERMAN.pdf"
                <p>
+
                                    onclick='window.open("https://2019.igem.org/wiki/images/e/e2/T--Tuebingen--FINAL_Flyer_green_grey_-_GERMAN.pdf","_self");'>Diabetes
                    In order to design an impactful project for this year’s iGEM season, we deemed it important to
+
                                    type 2 & GMOs [german]</a></p>
                    precisely understand and define the problem we wanted to work on.
+
                </p>
+
                <p>
+
                    Through extensive research into the factors impeding phage therapy, we identified the production
+
                    process to be one of the most striking problems. In particular, the current methods are inefficient,
+
                    lead to high impurities and contamination, require the cultivation of human pathogens in large
+
                    quantities and causes regulatory problems due to imprecise manufacturing standards and a lack of
+
                    adequate quality controls.
+
                </p>
+
            </div>
+
            <h3 style="font-family:'Righteous'; color:#2ecc71;">The Solution: Phactory</h3>
+
            <div class="row">
+
                <div class="col-12">
+
                    <p>
+
                        We contemplated ways to use synthetic biology to overcome these challenges and found that using
+
                        cell extract as the central component of a manufacturing pipeline for phages might allow us to
+
                        overcome these issues. With the central piece of our project in place, we were able to define
+
                        the individual modules of our manufacturing pipeline. The modular approach allowed us to break
+
                        down the overall problem into several isolated, solvable sub-problems that could be worked on in
+
                        parallel. For each module we defined the requirements we wanted to fulfill and brainstormed
+
                        potential solutions for reaching these requirements. The individual modules were designed in
+
                        such a way that they are truly independent of one another and that issues in one module would
+
                        not impede progress in another module. We defined quantitative criteria to measure progress in
+
                        achieving the identified requirements during the build-test cycle. To maximize our chances of
+
                        success and the robustness of our designs, we chose the simplest solutions we could come up
+
                        with. We defined additional goals when multiple solutions fulfilling these criteria were
+
                        available: accessibility, portability, affordability, and safety.
+
                    </p>
+
  
                    <p>
+
                            </p>
                         Phactory was designed to be an accessible manufacturing pipeline that produces pure, precisely
+
                         </div>
                        defined bacteriophages at medically relevant concentrations using highly portable, affordable
+
                     </div>
                        and modular components. </p>
+
                     <!-- comm: <p> -->
+
                </div>
+
            </div>
+
  
            <h2 style="font-family:'Righteous';">Preparation of Cell Extract</h2>
+
                    <h2 style="font-family:'Righteous';">Overview</h2>
            <div class="row">
+
                    <div class="row">
                <div class="col-12">
+
                        <div class="col-12">
                    <p>
+
                            <p>
                        Commercially available cell extract is highly expensive, while home-made alternatives are
+
                                The survey covered the topic of general application of therapeutics, knowledge/
                        time-consuming to produce and lack reliability. Furthermore, the presence of DNases in cell
+
                                perception of Genetically Modified Organisms (GMOs) and a feedback on whether education
                        extract complicates the production of phages from linear genomes. This module therefore had two
+
                                of certain topics was desired. Overall, 195 people participated in our survey.
                        separate goals:
+
                            </p>
                    </p>
+
                         </div>
                    <p>
+
                     </div>
                        The first goal was to produce high-quality, affordable cell extract and to establish quality
+
                        control mechanisms to quantify its performance. The preparation protocols described in previous
+
                        publications were analysed to identify optimization goals. <sup><a
+
                            href="#glpreferences">3</a></sup> To achieve these goals every step of the preparation
+
                        process was assessed and improved, with a particular focus on cell cultivation and cell lysis.
+
                        To enable easy distribution and storage, we decided to improve the overall durability and
+
                        storage time of our cell extract by lyophilization. After resuspension of the dried cell
+
                        extract, assembly of any given bacteriophage can be performed.
+
                    </p>
+
                    <p>
+
                        The second goal was to optimize cell extract for the expression from linear DNA. To accomplish
+
                        that, we identified the intracellular DNAse RecBCD as our main target. This enzyme - in
+
                        cooperation with RecA - is an essential component maintaining the integrity of the bacterial
+
                         genome<sup><a href="#glpreferences">4</a></sup>. Furthermore it is the protein causing
+
                        degradation of linear DNA within cell extract. Therefore, the inactivation of this endonuclease
+
                        was defined as a crucial step to ensure efficient phage production within the cell extract.
+
                     </p>
+
  
                </div>
+
                    <h2 style="font-family:'Righteous';">Results</h2>
            </div>
+
                    <div class="row">
 +
                        <div class="col-12">
 +
                            <p>
 +
                                We first asked general things and found that only half of the participants pay a lot of
 +
                                attention to their diet.
 +
                            </p>
 +
                            <p>
 +
                                Moreover, we found that nearly 90% percent prefer to administer drugs by using tablets,
 +
                                while 8% prefer to use probiotics as medication.
 +
                            </p>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/2/2c/T--Tuebingen--Diet.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/2/2c/T--Tuebingen--Diet.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/0/04/T--Tuebingen--drug_administration.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/0/04/T--Tuebingen--drug_administration.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12">
 +
                                <p>
 +
                                    However, only approximately 20% have ever used a probiotic, of which half of the
 +
                                    usages
 +
                                    were due to therapeutic indications. Another large group was the usage for
 +
                                    nutritional
 +
                                    supplements.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--already_used_probiotic.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--already_used_probiotic.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--indication_probiotic3.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/7/78/T--Tuebingen--indication_probiotic3.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12 col-md-6">
 +
                                <p>Next, we switched to questions about diabetes mellitus. We found that more than two
 +
                                    thirds of the participants know people affected by type 2 diabetes mellitus. </p>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/f/f9/T--Tuebingen--know_people_diabetes.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/f/f9/T--Tuebingen--know_people_diabetes.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12">
 +
                                <p>
 +
                                    Thus, we wanted to investigate the knowledge of the public about diabetes mellitus.
 +
                                </p>
 +
                                <p> We first asked to find risk factors of diabetes in a list, in which we added sports
 +
                                    as the only factor not having negative effects on the development of the disease. We
 +
                                    found that nearly everyone correctly identified obesity as a risk factor, moreover,
 +
                                    a sedentary job and genetics are runner ups in the correctly identified. About 60
 +
                                    percent correctly identified cholesterol, hypertension and smoking as risk factors.
 +
                                </p>
 +
                                <p>Next, we asked about estimations of the percentage of obese and diabetic people
 +
                                    worldwide. Most participants believe that 2 to 10% of the world’s population are
 +
                                    suffering from type 2 diabetes mellitus, while 25 to 50% are believed to be obese.
 +
                                    We were surprised that these estimations are very accurate.
 +
                                </p>
 +
                                <p>
 +
                                    Furthermore, we asked participants to rate whether they believed the listed
 +
                                    consequences of being diabetic to be true. Our results showed that about three
 +
                                    quarters of the surveyed detected renal failure and circulatory disturbances as
 +
                                    consequences, while the other consequences were accepted by about 60% of the
 +
                                    participants.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/9/94/T--Tuebingen--risk_Factors_diabetes.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/9/94/T--Tuebingen--risk_Factors_diabetes.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/6/69/T--Tuebingen--consequences_of_diabetes.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/6/69/T--Tuebingen--consequences_of_diabetes.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
  
 +
                        <div class="row">
 +
                            <div class="col-12">
 +
                                <p>
 +
                                    To switch to the topic of synthetic biology we asked about the production of
 +
                                    insulin. About 70% correctly answered our question correctly: bacteria.
  
            <h2 style="font-family:'Righteous';">Synthetic Phage Manufacturing</h2>
+
                                </p>
            <div class="row">
+
                                <p> We asked a question whether people have heard a talk about GMOs prior to answering
                <div class="col-12">
+
                                    the survey to gather the amount of information the participants had already received
                    <p>
+
                                    on synthetic biology and GMOs. More than three thirds did not hear a talk before
                        Our goal was to use cell extract as a host-independent platform for phage assembly from a linear
+
                                    entering.
                        DNA template. To demonstrate the universal applicability of our manufacturing platform, we
+
                                </p>
                        attempted to express a variety of structurally different phages at titers suitable for
+
                        therapeutic application. In order to generate maximal phage titers, we identified the parameters
+
                        that potentially impact phage production. These included incubation time, influence of dNTP
+
                        addition and optimal DNA template concentration.
+
                    </p>
+
                </div>
+
            </div>
+
  
            <h2 style="font-family:'Righteous';">Modular Phage Composition</h2>
+
                            </div>
            <div class="row">
+
                        </div>
                <div class="col-12">
+
                        <div class="row">
                    <p>
+
                            <div class="col-12 col-md-6">
                        When thinking about a release into the environment in the course of a therapeutic application,
+
                                <figure>
                        it is important to avoid using genetically engineered phages. We postulated that in our cell
+
                                    <a style="font-size: small"
                        free system it should be possible to modify phages without altering their genome. In a modular
+
                                        href="https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--Insulin_production.png"
                        approach, we aimed at adding both natural phage DNA and engineered proteins to an assembly
+
                                        data-effect="mfp-zoom-out">
                        reaction. To test our hypothesis, we chose to externally express an edited HOC (highly
+
                                        <img src="https://2019.igem.org/wiki/images/b/b2/T--Tuebingen--Insulin_production.png"
                        immunogenic outer capsid) protein and incorporate it in the assembly reaction. Thinking about
+
                                            class="figure-img img-fluid rounded" alt=#></a>
                        the possible applications of fluorescent and bioluminescent phages in medical imaging, we
+
                                </figure>
                        designed expression constructs encoding for YFP or the NanoLuc luciferase. Additionally, we
+
                            </div>
                        needed to consider first the isolation of the desired protein and then later the purification of
+
                            <div class="col-12 col-md-6">
                        the phages out of a heterogeneous solution. Therefore, we added a histidine-tag.
+
                                <figure>
                    </p>
+
                                    <a style="font-size: small"
                </div>
+
                                        href="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--heard_synbio_talk.png"
            </div>
+
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/2/2a/T--Tuebingen--heard_synbio_talk.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
  
            <h2 style="font-family:'Righteous'; color:#2ecc71;">Quality Control</h2>
+
                        <div class="row">
 +
                            <div class="col-12">
 +
                                <p>
 +
                                    To gather the participants’ knowledge on GMOs, we asked whether they have taken or
 +
                                    used products made by GMOs. Interestingly, about half of the participants did not
 +
                                    know the answer to the question, although GMOs are very present in agriculture and
 +
                                    the industry.
 +
                                </p>
 +
                                <p>
 +
                                    Since we knew that many participants did not know whether they have come into
 +
                                    contact with a GMO, the answers to the question how they perceive GMOs is very
 +
                                    important. We found that less than 10% think GMOs are dangerous, while a majority of
 +
                                    65% believes them to be useful. This was very surprising, since we believed the
 +
                                    stigma of GMOs to be greater.
 +
                                </p>
  
 +
                            </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/2/23/T--Tuebingen--used_product_made_by_gmo.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/2/23/T--Tuebingen--used_product_made_by_gmo.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/d/db/T--Tuebingen--perception_of_GMO.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/d/db/T--Tuebingen--perception_of_GMO.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
  
            <div class="row">
+
                        <div class="row">
                <div class="col-12">
+
                            <div class="col-12">
                    <p>
+
                                <p>
                        Clinical applications require highly pure samples of functional bacteriophages, free of
+
                                    The minority which believes that GMOs are dangerous, chose uncontrolled spread in
                        bacterial endotoxins and contaminations. The purpose of this module is to implement quality
+
                                    the environment and unpredictable effects of GMOs as reasons for their fear.
                        control mechanisms to ensure a safe and effective application.
+
                                </p>
                    </p>
+
                                <p>
                </div>
+
                                    In the following we asked what all people, and not only people who fear GMOs,
            </div>
+
                                    thought about releasing GMOs into the environment. We found that about 40% are
 +
                                    neutral and 40% are in favour of the release, while 16% disagree with the release of
 +
                                    GMOs. As a consequence, we adapted our wetlab project and included the <a
 +
                                        href="https://2019.igem.org/Team:Tuebingen/Killswitch"
 +
                                        onclick='window.open("https://2019.igem.org/Team:Tuebingen/Killswitch","_self");'>kill
 +
                                        switch</a>.
 +
                                </p>
  
            <div class="row">
+
                            </div>
                <div class="col-12">
+
                        </div>
                    <figure class="figure" id="image-popups">
+
                        <div class="row">
                        <a style="font-size: small"
+
                            <div class="col-12 col-md-6">
                          href="http://2018.igem.org/wiki/images/6/69/T--Munich--Design_Principles.png"
+
                                <figure>
                          data-effect="mfp-zoom-out"
+
                                    <a style="font-size: small"
                          title="Our therapeutic agent is a probiotic secreting incretin mimetics placed in the patients intestine by oral administration of capsules.
+
                                        href="https://2019.igem.org/wiki/images/4/42/T--Tuebingen--dangerous_about_gmos.png"
                                            This enables an easier therapy where a regular intake of a medication is not required.">
+
                                        data-effect="mfp-zoom-out">
                            <img src="http://2018.igem.org/wiki/images/6/69/T--Munich--Design_Principles.png"
+
                                        <img src="https://2019.igem.org/wiki/images/4/42/T--Tuebingen--dangerous_about_gmos.png"
                                class="figure-img img-fluid rounded"
+
                                            class="figure-img img-fluid rounded" alt=#></a>
                                alt="A generic square placeholder image with rounded corners in a figure."></a>
+
                                </figure>
                    </figure>
+
                            </div>
                </div>
+
                            <div class="col-12 col-md-6">
            </div>
+
                                <figure>
            <div class="row">
+
                                    <a style="font-size: small"
                <div class="col-12">
+
                                        href="https://2019.igem.org/wiki/images/9/95/T--Tuebingen--attitute_GMO_release.png"
                    <h3 style="font-family:'Righteous'; color:#2ecc71;">Quantifying the Level of DNA Contamination</h3>
+
                                        data-effect="mfp-zoom-out">
                    <p>
+
                                        <img src="https://2019.igem.org/wiki/images/9/95/T--Tuebingen--attitute_GMO_release.png"
                        While gels and absorption can be used to detect the presence of the desired phage genomes, they
+
                                            class="figure-img img-fluid rounded" alt=#></a>
                        do not prove the absence of contaminating DNA. In fact, we found that more than 50% of isolated
+
                                </figure>
                        phage genome purified from common <i>E. coli</i> phages using traditional protocols is instead
+
                            </div>
                        <i>E. coli</i> genomic DNA. To precisely quantify the amount of contamination, we used third
+
                        </div>
                        generation sequencing. Nanopore sequencing was chosen because of its affordability and small
+
                        size that makes the device highly portable. Its long-read lengths allows for unambiguous
+
                        identification of the source of contaminations.
+
                    </p>
+
                    <p>
+
                        As a submodule, we decided to construct a software suite called Sequ-Into that allows the user
+
                        to easily determine the amount of DNA contamination in the first few minutes of sequencing,
+
                        thereby providing access to this aspect of phage manufacturing without requiring specialized
+
                        knowledge in bioinformatics.
+
                    </p>
+
                </div>
+
            </div>
+
  
 +
                        <div class="row">
 +
                            <div class="col-12">
 +
                                <p>
 +
                                    We also asked about common concerns of GMO release and found that people mostly fear
 +
                                    the effects of the GMOs on the environment more than potential harm to humans
 +
                                </p>
 +
                                <p>
 +
                                    Lastly, we were interested in whether people would use GMOs as therapeutics, since
 +
                                    this question is essential to our project. We found that only 7% of our participants
 +
                                    would rule out taking medicine containing GMOs and a surprisingly high margin of 60%
 +
                                    would use such a medicine.
 +
                                </p>
  
            <div class="row">
+
                            </div>
                <div class="col-12">
+
                        </div>
                    <p>
+
                        <div class="row">
                        3D printed low-cost devices to overcome these challenges independently. The hardware was
+
                            <div class="col-12 col-md-6">
                        designed to be compatible with existing laboratory equipment or open source solutions.
+
                                <figure>
                    </p>
+
                                    <a style="font-size: small"
                </div>
+
                                        href="https://2019.igem.org/wiki/images/9/98/T--Tuebingen--concerns_release_GMOs.png"
            </div>
+
                                        data-effect="mfp-zoom-out">
            <div class="row">
+
                                        <img src="https://2019.igem.org/wiki/images/9/98/T--Tuebingen--concerns_release_GMOs.png"
                <div class="col-12">
+
                                            class="figure-img img-fluid rounded" alt=#></a>
                    <h3 style="font-family:'Righteous';">Verifying the Function of the Phage Product</h3>
+
                                </figure>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--medicine_containing_gmos.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/8/83/T--Tuebingen--medicine_containing_gmos.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
  
                    <p>
+
                        <div class="row">
                        To assess the antimicrobial action of our phage product, we combined two methods. We chose a
+
                            <div class="col-12">
                        plaque assay as a cheap and simple way to confirm the presence of functional phages and to
+
                                <p>
                        quantify the phage titer. Reproduction and transcriptional capability of our phages however
+
                                    Since our therapeutic may also be used as a treatment for obesity. We repeated the
                        could be assessed by reverse transcriptase qPCR.
+
                                    question asking whether people would use a GMO-based therapy to lose weight.
                    </p>
+
                                    Interestingly, the number of people ruling out the use rose to 30%, while only 13 %
                    <h3 style="font-family:'Righteous';">Reducing Toxin Levels</h3>
+
                                    would accept taking GMO containing medicine without restrictions. The rest of the
 +
                                    participants either only considers this treatment an option of the GMO cannot
 +
                                    survive in the environment or if nothing else helps. </p>
 +
                                <p>
 +
                                    To finalise our survey, we asked whether the participants were interested in getting
 +
                                    more information on the aforementioned topics and synthetic biology. Interestingly,
 +
                                    about 90% desired to be more educated in the field of genetic engineering. </p>
  
                    <p>
+
                            </div>
                         In an attempt to push our purity towards enabling intravenous administration, we decided to
+
                         </div>
                         perform fractionation in a pressure-driven size-exclusion filter system. Suitability of the
+
                         <div class="row">
                         phage product for intravenous application could then be assessed with an additional endotoxin
+
                            <div class="col-12 col-md-6">
                        test.
+
                                <figure>
                    </p>
+
                                    <a style="font-size: small"
                    <p>
+
                                        href="https://2019.igem.org/wiki/images/5/5a/T--Tuebingen--looseweight_GMO.png"
                        After these steps, our phages would be ready for animal testing, which we did not plan to
+
                                        data-effect="mfp-zoom-out">
                         attempt in the context of the iGEM competition
+
                                        <img src="https://2019.igem.org/wiki/images/5/5a/T--Tuebingen--looseweight_GMO.png"
                     </p>
+
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/9/9d/T--Tuebingen--Information_Education.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/9/9d/T--Tuebingen--Information_Education.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                         </div>
 +
 
 +
                        <div class="row">
 +
                            <div class="col-12 col-md-6">
 +
                                <p>To find an approach for our <a
 +
                                        href="https://2019.igem.org/Team:Tuebingen/Public_Engagement"
 +
                                        onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>education
 +
                                        and outreach</a>, we asked the participants what they want to be educated about.
 +
                                    This left genetic engineering in food, GMOs and new therapeutic strategies as most
 +
                                    prominent topics. Nonetheless, laws and regulations, industrial application and gene
 +
                                    therapy were also fields people were interested in. </p>
 +
                                <p>As a consequence, decided on <a
 +
                                    href="https://2019.igem.org/Team:Tuebingen/Experimenta"
 +
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experimenta","_self");'>educating</a> on GMOs in general
 +
                                    and GMOs in <a
 +
                                    href="https://2019.igem.org/Team:Tuebingen/Public_Engagement"
 +
                                    onclick='window.open("https://2019.igem.org/Team:Tuebingen/Public_Engagement","_self");'>food and
 +
                                    pharmaceutical industry</a>.
 +
                                </p>
 +
                            </div>
 +
                            <div class="col-12 col-md-6">
 +
                                <figure>
 +
                                    <a style="font-size: small"
 +
                                        href="https://2019.igem.org/wiki/images/9/9f/T--Tuebingen--lack_of_education.png"
 +
                                        data-effect="mfp-zoom-out">
 +
                                        <img src="https://2019.igem.org/wiki/images/9/9f/T--Tuebingen--lack_of_education.png"
 +
                                            class="figure-img img-fluid rounded" alt=#></a>
 +
                                </figure>
 +
                            </div>
 +
                         </div>
 +
                     </div>
  
 
                 </div>
 
                 </div>
             </div>
+
             </main>
            <div class="container-fluid py-5 mb-0 bg-dark"> <!-- FOR REUSE: REMOVE bg-dark IF U DONT WANNA HAVE A DARK BACKGROUND -->
+
         </div>
<div id="accordion">
+
  <div class="card">
+
    <div class="card-header" id="headingOne">
+
      <h5 class="mb-0">
+
        <button class="btn btn-one btn-link collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
+
          Cloning
+
         </button>
+
      </h5>
+
 
     </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 id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
+
     <div class='container-fluid p-3' style="background-color: #919191;">
      <div class="card-body">
+
        <hr>
          <div class="row">
+
        <div class='row align-items-center'>
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/8/88/T--Munich--WL1_Colony_PCR.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Colony PCR</a></div>
+
            <div class='col-6 col-md-2 sponsorLogo text-center'>
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/a/a5/T--Munich--WL1_Chemical_transformation.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Chemical transformation</a></div>
+
                <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/b/be/T--Munich--WL1_Agarose-Gel_electrophoresis.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Agarose-Gel electrophoresis</a></div>
+
                        src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/c/ca/T--Munich--WL1_Electrocompetent_transformation.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Electrocompetent transformation</a></div>
+
                        style="max-height: 80px;"></a>
          </div>
+
          <div class="row">
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/1/1a/T--Munich--WL1_Ligation.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Ligation</a></div>
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/3/3c/T--Munich--WL1_PCR.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">PCR</a></div>
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/7/7e/T--Munich--WL1_Restriction_Digest.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Restriction digest</a></div>
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/a/ab/T--Munich--WL1_Sequencing_sample_preparation.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Sequencing sample preparation</a></div>
+
          </div>
+
          <div class="row">
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/7/76/T--Munich--Protocol_Oracoli_double_layer_photolitho.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Double Layer Photolitography</a></div>
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/7/70/T--Munich--Protocol_Oracoli_Microscopy.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Oracoli Microscopy</a></div>
+
          <div class="col-6 col-md-3 mt-2"><a class="PDFlinks text-center" target="_blank" href="http://2018.igem.org/wiki/images/e/e0/T--Munich--Protocol_Oracoli_Soft_Lithography.pdf"><img class="img-fluid d-block" src="http://2018.igem.org/wiki/images/e/e6/T--Munich--DocIcon.png" alt="PDF" style="width: 6vw;">Soft Lithography</a></div>
+
          </div>
+
      </div>
+
    </div>
+
  </div>
+
</div>
+
 
             </div>
 
             </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.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
 +
                        style="max-height: 80px;"></a>
 +
            </div>
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
 +
                        style="max-height: 80px;"></a>
 +
            </div>
 +
            <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 +
                        style="max-height: 80px;"></a>
 +
            </div>
 +
            <div class='col-6 col-md-2 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>
  
 
+
        <hr>
            <h2 style="font-family:'Righteous';">Encapsulation</h2>
+
        <div class='row align-items-center'>
             <div class="row">
+
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                 <div class="col-12">
+
                 <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
                    <The goal of this module is to optimize the packaging of assembled phages to prepare them for
+
                        src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
                        application to patients.>
+
            </div>
                        <p>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                            The transport within the body often poses problems for the activity and integrity of phages,
+
                <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
                            which can be addressed by packaging of the phages in a protective layer<sup><a
+
                        src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
                                href="#phareferences">5</a></sup>. For oral application of our phage product, sufficient
+
            </div>
                            stability for gastric passage has to be guaranteed. The highly acidic environment, as well
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                            as the presence of proteases composed the major challenges. Our packaging method thus needed
+
                <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
                            to provide resistance to low pH. At the same time, phages needed to be released from their
+
                        src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
                            protection upon reaching intestinal fluid. These characteristics are provided by
+
            </div>
                            calcium-alginate microspheres<sup><a
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                                href=https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5264180/>6</a></sup>. Lacking suitable
+
                <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
                            encapsulation hardware, we decided to build our own nozzle to encapsulate the phages in
+
                        src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
                            monodisperse microcapsules.
+
                        </p>
+
                        <p>
+
                            The methods most suitable for quantification of size and assessment of monodispersity of the
+
                            alginate capsules were brightfield and epifluorescence microscopy. To determine whether our
+
                            encapsulation method fulfills our requirements of survival and release of phages in
+
                            simulated gastric and intestinal fluid, respectively, we subsequently performed plaque
+
                            assays.
+
                        </p>
+
                    </The>
+
                </div>
+
 
             </div>
 
             </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 +
            </div>
 +
        </div>
  
 
+
        <div class='row align-items-center'>
 
+
             <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 
+
                 <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
 
+
                        src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
             <div id="glpreferences" class="row">
+
            </div>
                 <h3 style="font-family:'Righteous'; color: #2ecc71;">References</h3>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                <div class="col-12" style="color: #F4F0DE;">
+
                <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
                    <ol style="color: #F4F0DE;">
+
                        src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
                        <li><a href=https://www.nature.com/articles/ja2017124> Incentivising innovation in antibiotic
+
            </div>
                            drug discovery and development: progress, challenges and next steps.</a></li>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                        <li id="ref_2"><a href=https://www.nature.com/articles/nrmicro3564> A century of the phage:
+
                <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
                            past, present and future.</a></li>
+
                        src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
                        <li id="ref_3"><a
+
            </div>
                                href=https://www.jove.com/video/50762/protocols-for-implementing-an-escherichia-coli-based-tx-tl-cell-free>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                            Protocols for Implementing an Escherichia coli Based TX-TL Cell-Free Expression System for
+
                <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
                            Synthetic Biology.</a></li>
+
                        src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
                        <li id="ref_4"><a href=https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2593567/>RecBCD Enzyme and
+
            </div>
                            the Repair of Double-Stranded DNA Breaks.</a></li>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                        <li id="ref_5"><a
+
                <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
                                href=https://www.sciencedirect.com/science/article/pii/S000186861630392X#s0185>Malik, D.
+
                        src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
                            J., Sokolov, I. J., Vinner, G. K., Mancuso, F., Cinquerrui, S., Vladisavljevic, G. T., …
+
            </div>
                            Kirpichnikova, A. (2017). Formulation, stabilisation and encapsulation of bacteriophage for
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                            phage therapy. Advances in Colloid and Interface Science, 249, 100–133. </a></li>
+
                <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
                        <li id="ref_6"><a href=hhttps://www.ncbi.nlm.nih.gov/pmc/articles/PMC5264180/>Colom, J.,
+
                        src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
                            Cano-Sarabia, M., Otero, J., Aríñez-Soriano, J., Cortés, P., Maspoch, D., &amp; Llagostera,
+
            </div>
                            M. (2017). Microencapsulation with alginate/CaCO3: A strategy for improved phage therapy.
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                            Scientific Reports, 7, 41441. </a></li>
+
                <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
                        </li>
+
                        src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
                    </ol>
+
            </div>
                </div>
+
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
 +
            </div>
 +
            <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
 +
                        src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </main>
+
     </div>
</div>
+
    </p>
</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.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.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
+
                                                                                      src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
+
                                                                                      style="max-height: 80px;"></a>
+
                    </div>
+
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                        <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
+
                                                                                      src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
+
                                                                                      style="max-height: 80px;"></a>
+
                      </div>
+
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                        <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
+
                                                                                            src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
+
                                                                                            style="max-height: 80px;"></a>
+
                    </div>
+
                    <div class='col-6 col-md-2 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>
+
           
+
                <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="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
+
                                                                                        src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
+
                                                                                src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
+
                                                                                      src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
+
                                                                        src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
+
                                                                                  src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
+
                                                                              src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
+
                                                                                        src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
+
                                                                            src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
+
                                                                                src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
+
                                                                                              src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
+
                                                                            src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
+
                    </div>
+
                </div>
+
           
+
                <div class='row align-items-center'>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
+
                                                                                  src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
+
                                                                                  src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
+
                                                                                      src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
+
                                                                                        src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
+
                                                                                  src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
+
                                                                                        src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
+
                                                                                    src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
+
                                                                                      src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
+
                                                                                  src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
+
                    </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
+
                                                                                    src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
+
                    </div>
+
                </div>
+
</div>
+
</p>
+
  
 
</div>
 
</div>
Line 11,172: Line 12,210:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Revision as of 12:11, 17 October 2019

GLP.exe

SURVEY

Background

To design our survey, we wanted to fulfill the criteria proposed by iGEM. Hence, informed consent and privacy/ data protection were highly important to us. Also, our survey design had to be specific and unambiguous, with the goal of not compromising our survey by insinuating a “correct” response to any question. For this purpose, we used the tools provided for free for students by www.umfrageonline.com. As in our case, the participants volunteered to conduct our survey, our survey is a “nonprobability” survey and the results do not represent a randomized group. However, our study had the purpose to help us with refining our project and give us insight into the perception of new therapies and Synthetic Biology.

Initially, we aimed to publish the survey within several online support groups, however, it was not possible to get access to any of the groups since the administrators are - understandably - very suspicious of surveys about drugs. Although we did not mean to advertise a product with our survey, we understand that the protection of the members of the group is important. The same goes for spreading the survey through our contacts in the clinic, who wanted to protect their patients. Consequently, the survey was spread during outreach activities, our website and by word.

Please use the following links to download our survey:

Diabetes type 2 & GMOs [english]

Diabetes type 2 & GMOs [german]

Overview

The survey covered the topic of general application of therapeutics, knowledge/ perception of Genetically Modified Organisms (GMOs) and a feedback on whether education of certain topics was desired. Overall, 195 people participated in our survey.

Results

We first asked general things and found that only half of the participants pay a lot of attention to their diet.

Moreover, we found that nearly 90% percent prefer to administer drugs by using tablets, while 8% prefer to use probiotics as medication.

However, only approximately 20% have ever used a probiotic, of which half of the usages were due to therapeutic indications. Another large group was the usage for nutritional supplements.

Next, we switched to questions about diabetes mellitus. We found that more than two thirds of the participants know people affected by type 2 diabetes mellitus.

Thus, we wanted to investigate the knowledge of the public about diabetes mellitus.

We first asked to find risk factors of diabetes in a list, in which we added sports as the only factor not having negative effects on the development of the disease. We found that nearly everyone correctly identified obesity as a risk factor, moreover, a sedentary job and genetics are runner ups in the correctly identified. About 60 percent correctly identified cholesterol, hypertension and smoking as risk factors.

Next, we asked about estimations of the percentage of obese and diabetic people worldwide. Most participants believe that 2 to 10% of the world’s population are suffering from type 2 diabetes mellitus, while 25 to 50% are believed to be obese. We were surprised that these estimations are very accurate.

Furthermore, we asked participants to rate whether they believed the listed consequences of being diabetic to be true. Our results showed that about three quarters of the surveyed detected renal failure and circulatory disturbances as consequences, while the other consequences were accepted by about 60% of the participants.

To switch to the topic of synthetic biology we asked about the production of insulin. About 70% correctly answered our question correctly: bacteria.

We asked a question whether people have heard a talk about GMOs prior to answering the survey to gather the amount of information the participants had already received on synthetic biology and GMOs. More than three thirds did not hear a talk before entering.

To gather the participants’ knowledge on GMOs, we asked whether they have taken or used products made by GMOs. Interestingly, about half of the participants did not know the answer to the question, although GMOs are very present in agriculture and the industry.

Since we knew that many participants did not know whether they have come into contact with a GMO, the answers to the question how they perceive GMOs is very important. We found that less than 10% think GMOs are dangerous, while a majority of 65% believes them to be useful. This was very surprising, since we believed the stigma of GMOs to be greater.

The minority which believes that GMOs are dangerous, chose uncontrolled spread in the environment and unpredictable effects of GMOs as reasons for their fear.

In the following we asked what all people, and not only people who fear GMOs, thought about releasing GMOs into the environment. We found that about 40% are neutral and 40% are in favour of the release, while 16% disagree with the release of GMOs. As a consequence, we adapted our wetlab project and included the kill switch.

We also asked about common concerns of GMO release and found that people mostly fear the effects of the GMOs on the environment more than potential harm to humans

Lastly, we were interested in whether people would use GMOs as therapeutics, since this question is essential to our project. We found that only 7% of our participants would rule out taking medicine containing GMOs and a surprisingly high margin of 60% would use such a medicine.

Since our therapeutic may also be used as a treatment for obesity. We repeated the question asking whether people would use a GMO-based therapy to lose weight. Interestingly, the number of people ruling out the use rose to 30%, while only 13 % would accept taking GMO containing medicine without restrictions. The rest of the participants either only considers this treatment an option of the GMO cannot survive in the environment or if nothing else helps.

To finalise our survey, we asked whether the participants were interested in getting more information on the aforementioned topics and synthetic biology. Interestingly, about 90% desired to be more educated in the field of genetic engineering.

To find an approach for our education and outreach, we asked the participants what they want to be educated about. This left genetic engineering in food, GMOs and new therapeutic strategies as most prominent topics. Nonetheless, laws and regulations, industrial application and gene therapy were also fields people were interested in.

As a consequence, decided on educating on GMOs in general and GMOs in food and pharmaceutical industry.